.dune-opening{background:var(--sand);height:165svh;color:var(--sand);position:relative}.dune-stage{isolation:isolate;height:90svh;min-height:580px;position:sticky;top:0;overflow:hidden}.dune-landscape{clip-path:inset(calc(var(--p,0) * 23%) calc(var(--p,0) * 5%));will-change:clip-path;position:absolute;inset:0;overflow:hidden}.dune-camera{width:100%;height:100%;transform:translate(var(--drift-x,0px),var(--drift-y,0px)) scale(calc(1.04 + var(--p,0) * .12));transition:transform 1.3s var(--ease-out)}.dune-camera img{object-fit:cover;object-position:center 60%;width:100%;height:100%;transform:translateY(calc(var(--p,0) * -30px))}.dune-landscape:after{content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--obsidian) 15%,transparent),transparent 30%,color-mix(in srgb,var(--obsidian) 58%,transparent));position:absolute;inset:0}.dune-content{z-index:2;height:100%;opacity:clamp(0,calc(1 - var(--p,0) * 3.4),1);transform:translateY(calc(var(--p,0) * -75px));flex-direction:column;justify-content:center;padding-top:100px;padding-bottom:40px;display:flex;position:relative}.dune-heading{padding-bottom:90px}.dune-name{margin:0;font-size:156px;line-height:1;overflow:hidden}.dune-name>span{justify-content:center;display:flex}.dune-letter{display:inline-block}.dune-promise{justify-content:center;gap:14px;margin-top:8px;font-size:46px;line-height:1.1;display:flex}.dune-promise em{color:var(--stone)}.dune-bottom{justify-content:space-between;align-items:end;gap:30px;display:flex;position:absolute;bottom:56px;left:0;right:0}.dune-bottom p{font-size:14px;line-height:1.8}.dune-cue{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:58px;left:50%}.dune-cue>span{background:color-mix(in srgb,var(--sand) 50%,transparent);transform-origin:top;width:1px;height:44px}.dune-relay{opacity:clamp(0,calc((var(--p,0) - .42) * 3.4),1);transform:translateY(calc((1 - var(--p,0)) * 40px));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;font-size:68px;line-height:1.05;display:flex;position:absolute;inset:0}.dune-relay em{color:var(--stone)}.dune-edge{background:var(--sand);height:1px;transform:scaleX(var(--p,0));transform-origin:50%;position:absolute;bottom:0;left:0;right:0}.dune-curtains{display:none}.js .dune-curtains{pointer-events:none;z-index:3;display:flex;position:absolute;inset:0}.js .dune-curtains i{background:var(--sand);transform-origin:top;animation:dune-unveil 1.6s var(--ease-mask) both;flex:1;transform:scaleY(0)}.js .dune-curtains i:nth-child(2){animation-delay:.12s}.js .dune-curtains i:nth-child(3){animation-delay:.24s}.js .dune-camera img{animation:dune-arrive 2.8s var(--ease-out) both}.js .dune-letter{animation:dune-type 1.7s var(--ease-out) both;animation-delay:.4s}.js .dune-letter-1{animation-delay:.47s}.js .dune-letter-2{animation-delay:.54s}.js .dune-letter-3{animation-delay:.61s}.js .dune-letter-4{animation-delay:.68s}.js .dune-letter-5{animation-delay:.75s}.js .dune-letter-6{animation-delay:.82s}.js .dune-letter-7{animation-delay:.89s}.js .dune-letter-8{animation-delay:.96s}.js .dune-promise{animation:dune-soft 1.5s .9s var(--ease-out) both}.js .dune-bottom{animation:dune-soft 1.3s 1.2s var(--ease-out) both}.js .dune-cue>span{animation:3s ease-in-out 2s infinite dune-thread}@keyframes dune-unveil{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes dune-arrive{0%{scale:1.18}to{scale:1}}@keyframes dune-type{0%{opacity:0;transform:translateY(110%)rotate(5deg)}to{opacity:1;transform:none}}@keyframes dune-soft{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes dune-thread{0%,to{opacity:.4;scale:1 .5}50%{opacity:1;scale:1}}@media (width>=1600px){.dune-name{font-size:192px}.dune-promise{font-size:58px}}@media (width<=1100px){.dune-name{font-size:130px}.dune-promise{font-size:40px}}@media (width<=760px){.dune-opening{height:165svh}.dune-stage{height:100svh;min-height:0;position:sticky}.dune-landscape{clip-path:none;will-change:auto}.dune-camera{transition:none;transform:none}.dune-camera img{transform:none}.dune-content{opacity:clamp(0,calc(1 - var(--p,0) * 2.5),1);will-change:opacity;padding-top:82px;padding-bottom:0;transform:none}.dune-name{font-size:86px}.dune-promise{flex-direction:column;align-items:center;gap:0;margin-top:18px;font-size:34px}.dune-heading{padding-bottom:100px}.dune-bottom{bottom:calc(86px + env(safe-area-inset-bottom,0px));text-align:center;flex-direction:column;align-items:center;gap:20px}.dune-bottom p{font-size:13px}.dune-cue{bottom:calc(20px + env(safe-area-inset-bottom,0px));gap:8px;transform:translate(-50%)}.dune-cue>span{height:26px}.dune-relay{text-align:center;opacity:clamp(0,calc((var(--p,0) - .4) * 2.5),1);will-change:opacity;padding-inline:20px;font-size:46px;transform:none}.dune-edge{display:none}}@media (width<=360px){.dune-name{font-size:70px}.dune-promise{font-size:30px}.dune-relay{font-size:40px}}@media (width<=760px) and (height<=650px){.dune-name{font-size:70px}.dune-promise{margin-top:10px;font-size:28px}.dune-heading{padding-bottom:115px}.dune-bottom{bottom:calc(70px + env(safe-area-inset-bottom,0px));gap:12px}.dune-bottom p{font-size:12px}.dune-cue>span{height:18px}}@media (width<=760px) and (height<=450px){.dune-content{padding-top:60px}.dune-name{font-size:58px}.dune-promise{flex-direction:row;gap:8px;font-size:24px}.dune-heading{padding-bottom:105px}.dune-bottom{bottom:calc(54px + env(safe-area-inset-bottom,0px));text-align:left;flex-direction:row;gap:12px}.dune-cta{gap:12px;min-height:44px;padding:10px 14px}.dune-cue{bottom:8px}.dune-cue>span{height:14px}}@media (width>=761px) and (height<=700px){.dune-stage{min-height:500px}.dune-name{font-size:110px}.dune-heading{padding-bottom:100px}.dune-bottom{bottom:30px}}@media (prefers-reduced-motion:reduce){.dune-opening{height:auto}.dune-stage{position:relative}.dune-landscape{clip-path:none}.dune-camera,.dune-camera img,.dune-content{opacity:1;transform:scale(1)}.dune-relay,.dune-curtains,.dune-cue{display:none!important}.js .dune-letter,.js .dune-promise,.js .dune-bottom,.js .dune-camera img{animation:none}}html:not(.js) .dune-opening{height:auto}html:not(.js) .dune-stage{position:relative}html:not(.js) .dune-relay,html:not(.js) .dune-cue{display:none}
