@font-face{font-family:Figtree;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/figtree-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/figtree-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@property --fg{syntax:"<color>";inherits:true;initial-value:#151515}@property --fg-2{syntax:"<color>";inherits:true;initial-value:#5c5a56}@property --ac{syntax:"<color>";inherits:true;initial-value:#94593a}@property --rule{syntax:"<color>";inherits:true;initial-value:#15151529}@property --ground{syntax:"<color>";inherits:true;initial-value:#fff}:root{--ink:#151515;--sub:#5c5a56;--white:#fff;--bone:#f4f2ee;--emerald:#00301c;--stone:#cfcbc4;--black:#070908;--rose:#94593a;--rose-lt:#e3b08a;--pall:#b8b4ae;--seat:.26s;--travel:.9s;--turn:1.2s;--out:cubic-bezier(.22, 1, .36, 1);--io:cubic-bezier(.65, 0, .35, 1);--text:"Figtree", "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;--gut:20px;--bar:56px;--band:clamp(240px, 40svh, 560px);--ph-s:1;--fg:var(--ink);--fg-2:var(--sub);--ac:var(--rose);--rule:#15151529;--ground:var(--white);transition:--fg var(--travel) var(--out), --fg-2 var(--travel) var(--out), --ac var(--travel) var(--out), --rule var(--travel) var(--out), --ground var(--travel) var(--out)}html[data-world=emerald]{--fg:var(--bone);--fg-2:#b6c9be;--ac:var(--rose-lt);--rule:#f4f2ee33;--ground:var(--emerald)}html[data-world=stone]{--fg:var(--ink);--fg-2:#45423d;--ac:#74432a;--rule:#1515152e;--ground:var(--stone)}html[data-world=black]{--fg:var(--bone);--fg-2:#a9b1ad;--ac:var(--rose-lt);--rule:#f4f2ee2e;--ground:var(--black)}html.reduced,html.reduced *{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}html{-webkit-text-size-adjust:100%;scrollbar-color:color-mix(in srgb, var(--fg) 40%, transparent) transparent;font-size:16px}body{background:var(--ground);color:var(--fg);font-family:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;font-size:16px;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:var(--emerald);color:var(--bone)}html[data-world=emerald] ::selection{background:var(--rose-lt);color:var(--emerald)}html[data-world=black] ::selection{background:var(--rose-lt);color:var(--emerald)}:focus-visible{outline:1.5px solid var(--ac);outline-offset:3px}.page{z-index:1;position:relative;overflow-x:clip}.logo{--lk:18px;height:var(--lk);width:calc(var(--lk) * 3086 / 964);background:currentColor;flex:none;display:block;-webkit-mask:url(/brand/akoni-wordmark.svg) 50%/contain no-repeat;mask:url(/brand/akoni-wordmark.svg) 50%/contain no-repeat}.h1,.h2{letter-spacing:-.02em;text-wrap:balance;color:var(--fg);font-weight:300}.h1 .ln,.h2 .ln{display:block}.ac{color:var(--ac);font-weight:400}.h1{font-size:clamp(34px,9vw,42px);line-height:1.08}.h2{font-size:clamp(27px,7vw,32px);line-height:1.14}.h3{letter-spacing:-.005em;color:var(--fg);font-size:16px;font-weight:600;line-height:1.35}.lede{max-width:33em;color:var(--fg);text-wrap:pretty;font-size:17px;line-height:1.62}.lede.turn{font-weight:600}.bp{color:var(--fg-2);text-wrap:pretty;max-width:36em;font-size:15.5px;line-height:1.62}.reveal{padding-top:18px;position:relative}.reveal:before{content:"";background:var(--ac);transform-origin:0;width:44px;height:1px;position:absolute;top:0;left:0;transform:scaleX(0)}.reveal .ln,.reveal>p,.reveal>cite{opacity:0;transform:translateY(.32em)}.reveal.seen:before{transition:transform var(--travel) var(--out);transform:none}.reveal.seen .ln,.reveal.seen>p,.reveal.seen>cite{opacity:1;transition:opacity var(--seat) linear calc(var(--travel) * .55), transform var(--seat) var(--out) calc(var(--travel) * .55);transform:none}.reveal.seen .ln+.ln,.reveal.seen>cite{transition-delay:calc(var(--travel) * .55 + var(--seat))}.top{z-index:30;height:calc(var(--bar) + env(safe-area-inset-top));padding:0 var(--gut);padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--emerald) 99.6%, transparent);color:var(--bone);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #f4f2ee1f}.mark{color:var(--bone);align-items:center;gap:14px;display:inline-flex}.tmark{width:9.39px;height:20px;color:var(--bone);display:block}.tmark-t{fill:currentColor;stroke:currentColor;stroke-width:.44px;stroke-linejoin:round}.lx{color:#b6c9be;font-size:13px;font-weight:300}.top .mark{opacity:0}html.loaded .top .mark{opacity:1;transition:opacity var(--turn) var(--out)}.runhead{left:50%;top:calc(50% + env(safe-area-inset-top) / 2);letter-spacing:.16em;text-transform:uppercase;color:var(--bone);white-space:nowrap;pointer-events:none;font-size:11.5px;font-weight:600;display:none;position:absolute;transform:translate(-50%,-50%)}.runhead span{display:block}.runhead span.in{animation:head var(--travel) var(--out) both}@keyframes head{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.for{letter-spacing:.1em;text-transform:uppercase;color:#cfdbd4;white-space:nowrap;font-size:12px;font-weight:500}.stage{position:relative}.sticky{z-index:2;height:var(--band);background:var(--ground);border-bottom:1px solid var(--rule);position:sticky;top:0;overflow:hidden}.box{inset:calc(var(--bar) + env(safe-area-inset-top)) 0 0 0;position:absolute}.nogl{place-items:center;display:grid;position:absolute;inset:8% 6%}.nogl img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.copy{z-index:1;padding:0 var(--gut);position:relative}.chap{min-height:calc(100svh - var(--band));flex-direction:column;gap:22px;max-width:620px;padding:40px 0 64px;display:flex}.pillars{border-top:1px solid var(--rule);list-style:none}.pillars li{border-bottom:1px solid var(--rule);color:var(--fg-2);justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0 12px;font-size:15px;display:flex}.pillars b{letter-spacing:.14em;text-transform:uppercase;color:var(--fg);font-size:11.5px;font-weight:600}.q{flex-direction:column;gap:12px;display:flex}.q p{letter-spacing:-.02em;color:var(--fg);text-indent:-.42em;text-wrap:balance;font-size:clamp(30px,8.4vw,40px);font-weight:300;line-height:1.12}.q cite{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);font-size:11.5px;font-style:normal;font-weight:600}.steps{border-top:1px solid var(--fg);max-width:26rem;list-style:none}.steps li{border-bottom:1px solid var(--rule)}.step{appearance:none;cursor:pointer;width:100%;font:inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);text-align:left;transition:color var(--seat) var(--out);background:0 0;border:0;grid-template-columns:2.2rem 1fr;align-items:baseline;gap:10px;padding:14px 0 13px;font-size:12.5px;font-weight:600;display:grid;position:relative}.step .n{letter-spacing:0;color:var(--ac);font-variant-numeric:tabular-nums lining-nums;font-size:15px;font-weight:400}.step:after{content:"";background:var(--ac);transform-origin:0;height:1px;position:absolute;bottom:-1px;left:2.2rem;right:0;transform:scaleX(0)}.step:hover,.step[aria-selected=true]{color:var(--fg)}.step[aria-selected=true]:after{transition:transform var(--travel) var(--out);transform:none}.four{border-top:1px solid var(--fg);list-style:none}.four li{border-bottom:1px solid var(--rule);grid-template-columns:2.6rem minmax(0,1fr);align-items:baseline;gap:4px 10px;padding:13px 0 15px;display:grid}.four i{letter-spacing:.06em;color:var(--ac);font-variant-numeric:tabular-nums lining-nums;font-size:13px;font-style:normal;font-weight:600}.four .h3,.four .bp{grid-column:2}.tapring{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.tapring:before,.tapring:after{content:"";border:1.5px solid var(--rose);opacity:0;border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px}.tapring.go:before{animation:ring var(--turn) var(--out) both}.tapring.go:after{animation:ring var(--turn) var(--out) var(--seat) both}.tapring.rest:before{opacity:.85;transition:opacity var(--travel) var(--out);animation:none;transform:none}@keyframes ring{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(2.4)}}.ovl{z-index:5;pointer-events:none;position:absolute;inset:0}.fade{opacity:0;transition:opacity var(--seat) var(--io), transform var(--seat) var(--io)}.fade.on{opacity:1;pointer-events:auto;transition:opacity var(--travel) var(--out), transform var(--travel) var(--out)}.rise{transform:translateY(14px)}.on.rise{transform:none}.ov{position:absolute;bottom:7vh;right:max(96px,8vw)}.ov>*{opacity:calc(1 - var(--x,0));translate:0 calc(var(--x,0) * var(--dir,-1) * 48px)}.ph-ov{transform:translateY(calc(-50% + 14px)) scale(var(--ph-s));transform-origin:100%;top:50%;bottom:auto;right:88px}.ph-ov.on{transform:translateY(-50%) scale(var(--ph-s))}.phone{background:#1b1d1c;border-radius:46px;width:292px;height:600px;padding:9px;box-shadow:0 40px 70px -34px #00301c73,inset 0 0 0 1.5px #b8b4ae80}.screen{background:var(--white);height:100%;color:var(--ink);border-radius:38px;flex-direction:column;display:flex;position:relative;overflow:hidden}.ph-status{background:var(--emerald);color:var(--bone);justify-content:space-between;align-items:center;padding:14px 26px 8px;font-size:12px;font-weight:600;display:flex}.ph-status i{background:#000;border-radius:999px;width:70px;height:18px}.ph-status .bat{border:1px solid;width:18px;height:8px}.ph-bar{background:var(--emerald);color:var(--bone);justify-content:space-between;align-items:center;gap:12px;padding:6px 20px 12px;display:flex}.ph-bar .logo{--lk:13px}.ph-tag{letter-spacing:.2em;color:#cfdbd4;white-space:nowrap;font-size:9.5px;font-weight:600}.pp-photo{aspect-ratio:1000/400;background:#f7f7f6;border-bottom:1px solid #15151514;overflow:hidden}.pp-photo img{object-fit:contain;width:100%;height:100%;display:block}.record{scrollbar-width:none;flex-direction:column;flex:1;gap:8px;min-height:0;padding:16px 20px 14px;display:flex;overflow-y:auto}.record.seat>*{animation:seat var(--travel) var(--out) both}.record.seat>p{animation-delay:var(--seat)}@keyframes seat{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rec-t{letter-spacing:-.02em;color:var(--ink);font-size:27px;font-weight:300;line-height:1.1}.rec-p{color:var(--sub);font-size:13.5px;line-height:1.5}.record dl{border-top:1px solid #15151524;margin-top:4px}.record dl div{border-bottom:1px solid #15151514;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;display:flex}.record.seat dl div{animation:seat var(--travel) var(--out) both;animation-delay:calc(var(--seat) + var(--i) * 70ms)}.record dt{color:var(--sub);font-size:12px}.record dd{text-align:right;color:var(--ink);font-size:13px;font-weight:600}.rail{right:var(--gut);z-index:20;flex-direction:column;align-items:flex-end;gap:0;display:none;position:fixed;top:50%;transform:translateY(-50%)}.rail button,.ticks button{cursor:pointer;color:var(--fg);font:inherit;background:0 0;border:0}.rail button{place-items:center end;width:40px;height:24px;display:grid;position:relative}.rail i,.ticks i{opacity:.6;transform-origin:100%;width:22px;height:1.5px;transition:transform var(--travel) var(--out), opacity var(--seat) var(--out);background:currentColor;display:block;transform:scaleX(.32)}.rail button:hover i{opacity:1}.rail .on i,.ticks .on i{opacity:1;background:var(--ac);transform:none}.rail button span{opacity:0;pointer-events:none;white-space:nowrap;background:var(--emerald);color:var(--bone);letter-spacing:.14em;text-transform:uppercase;transition:opacity var(--seat) var(--out), transform var(--seat) var(--out);padding:6px 10px 5px;font-size:10.5px;font-weight:600;line-height:1.2;position:absolute;top:50%;right:46px;transform:translate(6px,-50%)}.rail button:hover span,.rail button:focus-visible span{opacity:1;transform:translateY(-50%)}.ticks{z-index:6;justify-content:flex-end;display:flex;position:absolute;bottom:4px;right:8px}.ticks button{place-items:center;width:20px;height:28px;display:grid}.ticks i{width:14px;transform:scaleX(.43)}.sec{padding:clamp(84px, 12vh, 130px) var(--gut) clamp(72px, 10vh, 110px);position:relative}.close{background:var(--white);color:var(--ink);--fg:var(--ink);--fg-2:var(--sub);--ac:var(--rose);--rule:#15151529;--ground:var(--white);gap:40px;display:grid}.close-ph{margin:0 calc(var(--gut) * -1);aspect-ratio:1495/638;background:#dcd8cf;overflow:hidden}.close-ph img{object-fit:cover;width:100%;height:100%;display:block}.close-in{flex-direction:column;gap:24px;display:flex}.when{letter-spacing:-.025em;font-size:clamp(42px,11vw,56px);font-weight:300;line-height:1.04}.when .ln{display:block}.keep{text-wrap:pretty;max-width:26em;font-size:clamp(19px,5vw,22px);font-weight:300;line-height:1.5}.signs{border-top:1px solid var(--rule);color:var(--sub);gap:20px;margin-top:12px;padding-top:22px;font-size:14px;line-height:1.65;display:grid}.signs b{color:var(--ink);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.signs a{color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--pall);text-decoration-color:var(--pall);transition:text-decoration-color var(--seat) var(--out)}.signs a:hover{-webkit-text-decoration-color:var(--rose);text-decoration-color:var(--rose)}.foot{z-index:1;background:var(--emerald);color:#f4f2eed1;padding:30px var(--gut) calc(30px + env(safe-area-inset-bottom));gap:10px;font-size:13px;line-height:1.6;display:grid;position:relative}.credit{color:#b6c9be;font-size:12px}@media (width>=640px){.signs{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}@media not ((width>=861px) and (height>=521px)){.chap>.ov{width:auto;position:static;transform:none}.chap>.fade{opacity:0;transition:opacity var(--seat) var(--io), translate var(--travel) var(--io);translate:0 14px}.chap>.fade.in{opacity:1;pointer-events:auto;transition:opacity var(--travel) var(--out), translate var(--travel) var(--out);translate:0}.chap .ph-ov{align-self:center;transform:none}.chap .phone{width:252px;height:min(540px, calc(100svh - var(--band) - 112px));border-radius:40px}.chap .pp-photo{display:none}.chap .ph-tag{letter-spacing:.16em;font-size:8.5px}.chap-life{gap:16px}.steps{border-bottom:1px solid var(--rule);grid-template-columns:repeat(5,minmax(0,1fr));column-gap:4px;max-width:none;display:grid}.steps li{border:0}.step{letter-spacing:.08em;text-align:center;grid-template-columns:1fr;align-content:start;gap:3px;min-height:56px;padding:10px 2px;font-size:9.5px;line-height:1.25}.step .n{font-size:17px}.step:after{left:6px;right:6px}.chap .screen{border-radius:32px}.mark{gap:8px}.mark .logo{--lk:14px}.lx{font-size:12px}.for{font-size:10.5px}.runhead{left:var(--gut);color:var(--fg);font-size:11px;top:calc(100% + 12px);transform:none}html.onstage .runhead{display:block}}@media (width<=380px){.step{letter-spacing:.04em;font-size:9px}}@media (height<=520px) and (orientation:landscape){.stage{grid-template-columns:54% 1fr;display:grid}.sticky{border-bottom:0;border-right:1px solid var(--rule);grid-area:1/1;align-self:start;height:100svh}.box{inset:0}.copy{padding:0 max(24px, env(safe-area-inset-right)) 0 28px;grid-area:1/2}.chap{justify-content:center;min-height:100svh;padding:72px 0 32px}}@media (width>=861px) and (height>=521px){:root{--gut:36px;--bar:64px}.mark .logo{--lk:20px}.runhead{display:block}.sticky{z-index:1;background:var(--ground);pointer-events:none;border:0;height:100vh}.box{inset:0}.rail{pointer-events:auto;display:flex}.ticks{display:none}.copy{z-index:2;pointer-events:none;margin-top:-100vh;padding:0}.chap{width:min(36vw,540px);max-width:none;min-height:100vh;padding:calc(var(--bar) + 44px) 0 80px;pointer-events:auto;justify-content:center;gap:24px;margin-left:max(40px,5.5vw)}.h1{font-size:clamp(42px,3.6vw,60px)}.h2{font-size:clamp(32px,2.6vw,44px)}.q p{font-size:clamp(38px,3.3vw,54px)}.lede{font-size:18px}.sec{padding-left:max(40px,5.5vw);padding-right:140px}.close{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;column-gap:clamp(48px,6vw,110px);min-height:100vh}.close-ph{aspect-ratio:auto;height:72vh;margin:0}.when{font-size:clamp(56px,5.2vw,88px)}.foot{padding-left:max(40px,5.5vw);padding-right:140px}}@media (width>=861px) and (height>=521px) and (height<=820px){.chap{padding-top:calc(var(--bar) + 26px);gap:16px}.lede{font-size:16.5px;line-height:1.52}.four li{padding:9px 0 10px}.four .bp{font-size:14.5px;line-height:1.45}.ov{bottom:5vh}}
