body{background:var(--color-blue);touch-action:none;overscroll-behavior:none;flex-direction:column;align-items:center;height:100%;margin:0;padding:0;display:flex;overflow:hidden}main{box-sizing:border-box;grid-template-columns:repeat(4,1fr);align-items:center;width:100%;height:100svh;margin:0;padding:0 clamp(20px,5vw,50px);display:grid;position:absolute;overflow:hidden}@media (width>=1080px){main{padding-left:125px;padding-right:200px}}canvas{z-index:-1;position:fixed;top:0;left:0}.scroll-container{will-change:transform;flex-direction:column;grid-column:1/3;justify-content:center;align-items:center;min-width:0;display:flex}.section{box-sizing:border-box;justify-content:center;gap:var(--space-m);flex-direction:column;width:95%;height:100svh;display:flex;position:relative}h1{text-align:left;font-size:clamp(var(--text-h1), 8vw, 100px);hyphens:none;overflow-wrap:normal;margin:0}h2,p{text-align:left;margin:0}.page-arrow{left:50%;bottom:calc(var(--space-l) + env(safe-area-inset-bottom,0px));color:var(--color-black);background-color:var(--color-white);width:var(--size-icon-btn);height:var(--size-icon-btn);border-radius:var(--radius-circle);z-index:100;cursor:pointer;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;transition:transform .4s;display:flex;position:fixed;transform:translate(-50%)}.page-arrow.rotated{transform:translate(-50%)rotate(180deg)}.page-arrow:hover{background:var(--color-accent-hover);color:var(--color-black)}button{width:fit-content}.popup{z-index:200;padding:var(--space-m);box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;place-items:center;transition:opacity .3s,visibility 0s linear .3s;display:grid;position:fixed;inset:0}.popup.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s,visibility linear}.popup-backdrop{background-color:var(--color-overlay);-webkit-backdrop-filter:blur(8px);position:absolute;inset:0}.popup-content{touch-action:pan-y;background-color:var(--color-white);border-radius:var(--radius-card);max-width:min(600px,90vw);max-height:85vh;padding:var(--space-xl) 40px;box-sizing:border-box;position:relative;overflow-y:auto}.popup-content h2,.popup-content p{color:var(--color-black)}.popup-content h2{margin-bottom:20px}.popup-content .exit-button{background:var(--color-blue);position:absolute;top:16px;right:16px}.popup-content .exit-button:hover{background:var(--color-blue-hover)}.slide-dots{align-items:center;gap:var(--space-s);z-index:100;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:50%;left:24px;transform:translateY(-50%)}.slide-dot{border-radius:var(--radius-circle);background-color:#ffffff73;width:6px;height:6px;transition:transform .3s,background-color .3s}.slide-dot.active{background-color:#fffffff2;transform:scale(1.6)}.clouds{z-index:-2;width:100%;height:100%}.cloud1-wrap{will-change:transform;position:absolute;top:100px;left:-80px}.cloud2-wrap{z-index:-20;will-change:transform;position:absolute;top:15px;right:50px}.cloud3-wrap{z-index:-20;will-change:transform;position:absolute;bottom:0;left:50px}.cloud4-wrap{z-index:-20;will-change:transform;position:absolute;bottom:0;right:100px}.cloud1,.cloud2,.cloud3,.cloud4{object-fit:contain;display:block}.cloud1{width:300px;height:300px}.cloud2{width:200px;height:200px}.cloud3{width:250px;height:250px}.cloud4{width:200px;height:200px}@keyframes cloud-drift-a{0%,to{transform:translate(0)}50%{transform:translate(40px)}}@keyframes cloud-drift-b{0%,to{transform:translate(0)}50%{transform:translate(-40px)}}.cloud1{animation:5s linear infinite cloud-drift-a}.cloud2{animation:6s linear infinite cloud-drift-b}.cloud3{animation:8s linear infinite cloud-drift-a}.cloud4{animation:4s linear infinite cloud-drift-b}@media (width<=768px){main{grid-template-columns:1fr;padding:0 clamp(40px,12vw,56px)}.scroll-container{grid-column:1/-1}.section{padding-top:calc(env(safe-area-inset-top,0px) + clamp(70px, 11svh, 110px));justify-content:flex-start}h1,h2,p{text-align:center}h1{font-size:clamp(40px,16vw,80px)}h2{font-size:clamp(26px,8vw,32px)}.section button{align-self:center}}