:root{--sand:#f2d9b3;--ink:#22160e;--teal:#3fd6c4;--u:calc(100vw / 1512)}*{box-sizing:border-box}html,body{color:#fff;background:#c9a99a;margin:0;font-family:Geist,system-ui,sans-serif}#world{width:100vw;height:100vh;display:block;position:fixed;inset:0}#scroll section{height:100vh}#ui{pointer-events:none;z-index:2;color:#fff;text-shadow:0 1px 30px #3c1e1e40;opacity:0;transition:opacity 1.6s cubic-bezier(.19,1,.22,1);position:fixed;inset:0}#ui.in{opacity:1}#ui a{pointer-events:auto;cursor:pointer;color:inherit;text-decoration:none}.top{padding:max(calc(30 * var(--u)), 16px) max(calc(44 * var(--u)), 20px);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.logo{font-family:Funnel Display;font-weight:500;font-size:max(calc(19 * var(--u)), 16px);letter-spacing:-.02em;align-items:center;gap:10px;display:flex}.logo .mark{width:calc(22 * var(--u));height:calc(22 * var(--u));min-width:18px;min-height:18px}.mark__pool{fill:var(--teal,#6fe3d2)}.tag{font-size:max(calc(13 * var(--u)), 12px);opacity:.85;position:absolute;left:50%;transform:translate(-50%)}.cta{background:var(--sand);text-shadow:none;padding:max(calc(11 * var(--u)), 9px) max(calc(18 * var(--u)), 14px);font-size:max(calc(13 * var(--u)), 12px);align-items:center;gap:10px;font-weight:500;transition:background .5s;display:inline-flex;color:var(--ink)!important}.cta:hover{background:#fff}.cta span{transition:transform .6s cubic-bezier(.19,1,.22,1);display:inline-block}.cta:hover span{transform:translate(4px)}.ch{transform:translate(calc(-50% + var(--dx,0px)), -50%);text-align:center;width:90vw;position:absolute;top:50%;left:50%}.lead{font-family:Funnel Display;font-weight:400;font-size:max(calc(24 * var(--u)), 17px);letter-spacing:-.02em;margin-bottom:calc(4 * var(--u));display:block}.ch h2{font-family:Funnel Display;font-weight:300;font-size:calc(150 * var(--u));letter-spacing:-.045em;margin:0;line-height:.95}.ch p{margin:calc(26 * var(--u)) auto 0;font-size:max(calc(18 * var(--u)), 14px);max-width:calc(440 * var(--u));opacity:.92;line-height:1.45}.ch .cta{margin-top:calc(30 * var(--u))}.ch--hero h2{font-size:calc(190 * var(--u))}.ch--hero p{font-size:max(calc(13 * var(--u)), 12px);margin-top:calc(18 * var(--u));opacity:.8}.links{justify-content:center;gap:calc(26 * var(--u));margin-top:calc(24 * var(--u));font-size:max(calc(14 * var(--u)), 12px);opacity:.85;display:flex}.marks{left:calc(44 * var(--u));gap:9px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.marks i{background:#ffffff80;width:10px;height:1px;transition:width .8s cubic-bezier(.19,1,.22,1),background .8s;display:block}.marks i.on{background:#fff;width:22px}@media (width<=768px){:root{--u:calc(100vw / 390)}.tag,.marks{display:none}.ch h2{font-size:calc(64 * var(--u))}.ch--hero h2{font-size:calc(80 * var(--u))}.lead{font-size:calc(17 * var(--u))}.ch p{font-size:calc(14 * var(--u));max-width:80vw}}.pre{z-index:5;color:#fff;background:#d9b2a6;place-items:center;transition:opacity 1.4s cubic-bezier(.19,1,.22,1),visibility 1.4s;display:grid;position:fixed;inset:0}.pre.done{opacity:0;visibility:hidden}.pre__drop{border:1.5px solid #ffffffb3;border-radius:50%;width:58px;height:58px;position:relative;overflow:hidden}.pre__fill{background:linear-gradient(#8ff0e2,#3fd6c4);height:0%;transition:height .4s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;right:0}.pre__label{text-align:center;letter-spacing:0;opacity:.8;font-family:Geist;font-size:12px;position:absolute;bottom:40px;left:0;right:0}.pre__name{text-align:center;letter-spacing:-.02em;font-family:Funnel Display;font-size:22px;font-weight:300;position:absolute;top:calc(50% + 52px);left:0;right:0}.pre--world{color:#f3e7e1;--r:0px;-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--r), #000 calc(var(--r) + 1px));-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--r), #000 calc(var(--r) + 1px));mask:radial-gradient(circle at 50% 50%, transparent var(--r), #000 calc(var(--r) + 1px));background:#2a1f2e}.pre--world .pre__drop,.pre--world .pre__name{display:none}.pre__iris{place-items:center;width:168px;height:168px;margin:-84px 0 0 -84px;display:grid;position:absolute;top:50%;left:50%}.pre__iris svg.ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.pre__iris .ring circle{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke}.pre__iris .ring .track{stroke:#f3e7e11f}.pre__iris .ring .fill{stroke:#f3e7e1d9;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px #f3e7e173)}.pre__iris .mark{opacity:.92;width:46px;height:46px}.pre--world .pre__label{z-index:2;font-variant-numeric:tabular-nums;letter-spacing:-.01em;opacity:.9;font-family:Funnel Display;font-size:22px;font-weight:300;bottom:44px}.pre--world.done{transition:none}.ui--world .ch--hero h2{display:none}.ui--world .ch--hero{transform:translate(calc(-50% + var(--dx,0px)), 0);top:auto;bottom:7vh}.ui--world .ch{will-change:transform}.world-drag{cursor:grab}.world-drag:active{cursor:grabbing}html,body,#world{background:#d9b2a6}.ch--duo{width:96vw}.duo{justify-content:center;align-items:center;gap:calc(34 * var(--u));display:flex}.duo h2{font-family:Funnel Display;font-weight:300;font-size:calc(104 * var(--u));letter-spacing:-.045em;white-space:nowrap;will-change:transform, filter, opacity;margin:0;line-height:1}.duo__l{text-align:right;flex:1}.duo__r{text-align:left;flex:1}.duo__mid{width:calc(230 * var(--u));aspect-ratio:1;flex:none;place-items:center;display:grid;position:relative}.duo__mid svg{will-change:transform;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.duo__mid circle,.duo__mid path{fill:none;stroke:#fffc;stroke-width:1px;vector-effect:non-scaling-stroke}.duo__mid circle{stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px #ffffff59)}.duo__mid p{text-align:center;max-width:78%;font-size:max(calc(14 * var(--u)), 11px);opacity:.92;margin:0;line-height:1.35;position:relative}.ch--duo .cta,.ch--duo .links{margin-top:calc(26 * var(--u));display:inline-flex}@media (width<=768px){.duo{flex-direction:column;gap:10px}.duo h2{font-size:calc(54 * var(--u));text-align:center}.duo__mid{width:150px}}
