@font-face{font-family:Geist;src:url('/fonts/geist-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Geist,Arial,sans-serif;color:#f2f5f7;background:#000;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}h1,h2,h3,p{margin:0}img{display:block}button{color:inherit}html{scroll-padding-top:80px}::selection{background:#a6cde6;color:#000}[hidden]{display:none!important}
.skip{position:fixed;top:-80px;left:20px;background:#fff;color:#000;padding:14px 18px;z-index:100}.skip:focus{top:20px}
.navigation{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:25px 4vw;opacity:0;pointer-events:none;background:linear-gradient(#0008,transparent)}.navigation div{display:flex;gap:30px;font-size:12px}.brand{font-size:26px;font-weight:600;letter-spacing:-.06em}.brand span{font-size:12px;letter-spacing:0;margin-left:8px;font-weight:400}.navigation a{padding:7px 0}.navigation a:hover{text-decoration:underline;text-underline-offset:5px}
.journey{height:1000svh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:clip;isolation:isolate;background:#000}.orbital{position:absolute;inset:0;z-index:0}.orbital canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.earth-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.scroll-hint{position:absolute;z-index:8;bottom:9%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:13px;color:#8a939b;font-size:12px;white-space:nowrap;padding:12px}.mouse{display:block;width:19px;height:30px;border:1px solid #788188;border-radius:15px;position:relative}.mouse i{width:2px;height:6px;background:#aab7c2;position:absolute;left:7px;top:6px;border-radius:2px}
.orbital-copy{position:absolute;z-index:3;left:8%;top:36%;opacity:0;max-width:46%;text-shadow:0 2px 25px #0009;pointer-events:none}.orbital-copy p{font-size:clamp(15px,1.6vw,23px);margin-bottom:16px}.orbital-copy h1{font-size:clamp(45px,6.5vw,110px);line-height:.97;letter-spacing:-.065em;font-weight:500}.orbital-copy>span{display:block;font-size:clamp(12px,1vw,16px);margin-top:26px;color:#d1d7da}
.cloud-veil{position:absolute;inset:-12%;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 25% 65%,#eff4f7 0%,#eff4f7ee 30%,#e8eff5bb 60%,#dae5ef 100%);filter:blur(18px)}
.portfolio-heading{position:absolute;z-index:7;top:14%;left:6%;opacity:0;pointer-events:none}.portfolio-heading p{font-size:clamp(15px,1.6vw,23px);color:#9ca5aa;margin-bottom:5px}.portfolio-heading h2{font-size:clamp(34px,4.4vw,72px);line-height:1.05;letter-spacing:-.06em;font-weight:450}
.designs{position:absolute;inset:0;perspective:1800px;z-index:2;pointer-events:none}.website{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);overflow:hidden;opacity:0;container-type:inline-size;background:#101410;will-change:transform,opacity}.website .site-content{position:absolute;inset:0;overflow:hidden}.browser-bar{position:absolute;inset:0 0 auto;height:28px;background:#17191a;color:#8c9395;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;z-index:4;opacity:0}.dots{font-size:6px;letter-spacing:2px;color:#51575a}.website a,.website button{pointer-events:auto}
.garden-photo,.garden-tint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.garden-photo{object-position:50% 54%}.garden-tint{background:linear-gradient(180deg,#07150d66,transparent 36%,#05190db3)}.oever{color:#fff}.oever-header{position:absolute;top:6%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:clamp(8px,1cqw,16px)}.oever-logo{font:italic clamp(30px,5cqw,78px)/1 Georgia,serif;letter-spacing:-.06em}.oever-header a{border-bottom:1px solid #ffffff70;padding-bottom:5px}.oever-copy{position:absolute;bottom:16%;left:6%;right:6%}.oever-copy>span{display:block;font-size:clamp(10px,1.1cqw,17px);margin-bottom:18px}.oever-copy h2{font:400 clamp(37px,8.5cqw,125px)/.96 Georgia,serif;letter-spacing:-.05em}.oever-footer{position:absolute;left:6%;right:6%;bottom:4%;border-top:1px solid #ffffff55;padding-top:18px;font-size:clamp(8px,1cqw,15px);display:flex;justify-content:space-between}
.kop{background:#ffedc8;color:#a83129}.kop-header{position:absolute;left:6%;right:6%;top:5%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(9px,1.1cqw,15px)}.kop-header button{background:none;border:1px solid #a83129;border-radius:30px;padding:10px 16px;font-size:inherit;display:flex;gap:22px}.kop-poster{position:absolute;inset:12% 0 9%}.kop-poster h2{position:absolute;left:0;right:0;top:-5%;text-align:center;font-size:clamp(130px,37cqw,410px);line-height:1;font-weight:850;letter-spacing:-.1em;transform:rotate(-5deg)}.kop-poster img{position:absolute;left:24%;top:28%;width:52%;height:67%;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 20px 15px #4e260922)}.coffee-note{position:absolute;left:8%;top:48%;font:italic clamp(17px,2.8cqw,44px)/1.1 Georgia,serif;transform:rotate(-10deg)}.coffee-stamp{position:absolute;right:7%;top:45%;border:1px solid;border-radius:50%;width:clamp(64px,12cqw,140px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(12px,2cqw,24px);line-height:1.05;transform:rotate(12deg)}.coffee-stamp small{font-size:.5em;margin-top:8px}.kop-footer{position:absolute;bottom:0;left:0;right:0;min-height:9%;padding:2% 6%;background:#a83129;color:#ffedc8;display:flex;align-items:center;justify-content:space-between;font-size:clamp(10px,1.2cqw,17px)}.coffee-menu{position:absolute;inset:0;z-index:6;background:#a83129;color:#ffedc8;padding:6%;overflow:auto}.coffee-menu>div{display:flex;align-items:center;justify-content:space-between;font-size:14px}.coffee-menu button{background:none;border:1px solid #ffedc860;border-radius:50%;width:40px;height:40px;font-size:25px}.coffee-menu h3{font-size:clamp(50px,12cqw,140px);letter-spacing:-.075em;line-height:1;margin:20px 0 35px}.coffee-menu dl div{display:flex;justify-content:space-between;border-top:1px solid #ffedc850;padding:16px 0;font-size:clamp(17px,2cqw,28px)}.coffee-menu dd{margin:0}.coffee-menu>p{font-size:12px;margin-top:25px}
.study-note{position:absolute;z-index:8;bottom:6%;left:6%;right:6%;text-align:center;font-size:10px;color:#a7afb4;opacity:0;pointer-events:none}.chapter-track{position:absolute;z-index:9;bottom:0;left:0;right:0;height:2px;opacity:0;background:#ffffff0d}.chapter-track span{display:block;background:#b2c3ce;height:100%;transform-origin:left;transform:scaleX(0)}
.offer{position:relative;min-height:90svh;padding:140px 7% 35px;display:grid;grid-template-columns:1.3fr 1fr;column-gap:7%;align-content:center;background:#000}.offer-intro>p{font-size:16px;color:#9ca5aa;margin-bottom:24px}.offer h2{font-size:clamp(40px,4.7vw,76px);line-height:1.06;letter-spacing:-.065em;font-weight:450}.price{font-size:clamp(60px,6vw,90px);letter-spacing:-.06em;margin-bottom:25px;line-height:1}.price>span{display:block;font-size:14px;letter-spacing:0;margin-bottom:12px;color:#a7afb4}.offer-details>p:not(.price){font-size:15px;line-height:1.9}.offer-details small{font-size:11px;line-height:1.7;display:block;color:#929ba2;margin-top:15px;max-width:43ch}.contact-button{display:flex;max-width:330px;justify-content:space-between;align-items:center;gap:35px;background:#f2f5f7;color:#06080a;padding:20px 23px;font-size:14px;margin-top:35px}.contact-button:hover{background:#dceaf3}.offer footer{grid-column:1/-1;margin-top:120px;border-top:1px solid #262a2c;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#929ba2;font-size:11px}.offer footer .brand{color:#f2f5f7}
@media(max-width:650px){.journey{height:1000svh}.navigation{padding:17px 20px}.navigation div{gap:16px;font-size:10px}.navigation div>a:nth-child(2){display:none}.brand{font-size:23px}.brand span{font-size:10px}.scroll-hint{bottom:14%;font-size:11px}.orbital-copy{left:7%;right:7%;max-width:none;top:19%}.orbital-copy h1{font-size:clamp(43px,11vw,65px)}.orbital-copy p{font-size:15px;margin-bottom:10px}.orbital-copy>span{margin-top:18px;font-size:12px}.portfolio-heading{top:13%;left:7%}.portfolio-heading h2{font-size:36px}.portfolio-heading p{font-size:15px}.oever-header>span:nth-child(2),.oever-header a{display:none}.oever-copy{bottom:17%;left:7%}.oever-copy h2{font-size:clamp(32px,10cqw,60px)}.oever-copy>span{font-size:10px;margin-bottom:15px}.oever-footer{font-size:8px}.kop-poster{inset:18% 0 13%}.kop-poster h2{font-size:50cqw;top:4%}.kop-poster img{width:67%;left:17%;height:63%;top:28%}.coffee-note{font-size:5cqw;left:5%;top:48%}.coffee-stamp{width:18cqw;right:4%;font-size:3cqw;top:42%}.coffee-stamp small{font-size:.62em}.kop-header{font-size:9px;gap:12px}.kop-header button{padding:8px 12px;gap:9px}.kop-footer{font-size:9px;min-height:10%}.study-note{font-size:8px;bottom:5%;line-height:1.6}.offer{display:block;padding:100px 7% 30px}.offer-details{margin-top:50px}.offer h2{font-size:41px}.offer footer{margin-top:80px;flex-wrap:wrap;gap:25px}.offer footer>span{display:none}.browser-bar{height:23px;font-size:7px}}
/* A complete reading route without scroll effects or JavaScript. */
html:not(.motion) .journey{height:auto}html:not(.motion) .stage{position:relative;height:auto;overflow:visible}html:not(.motion) .orbital{position:relative;height:75svh}html:not(.motion) .scroll-hint,html:not(.motion) .cloud-veil,html:not(.motion) .portfolio-heading,html:not(.motion) .chapter-track{display:none}html:not(.motion) .orbital-copy{position:relative;opacity:1;left:auto;top:auto;max-width:none;padding:20px 7% 70px}html:not(.motion) .orbital-copy h1{font-size:clamp(45px,7vw,100px)}html:not(.motion) .designs{position:relative;display:grid;gap:30px;padding:0 5%}html:not(.motion) .website{position:relative;left:auto;top:auto;width:100%!important;height:80svh!important;max-height:850px;transform:none!important;opacity:1!important;border-radius:8px}html:not(.motion) .study-note{position:relative;opacity:1;padding:25px 7%;left:auto;right:auto;bottom:auto}html:not(.motion) .navigation{opacity:1;pointer-events:auto}
.orbital canvas{opacity:0}
.cloud-veil{background:#edf2f6 url("./assets/frames/0132.webp") center/cover no-repeat}

/* Two equal routes: explore the full film, or go straight to the packages. */
.intro-choices{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:22px;width:max-content;max-width:calc(100% - 32px);color:#f2f5f7;text-shadow:0 2px 15px #000;isolation:isolate}
.intro-choices:before{content:'';position:absolute;z-index:-1;inset:-65px -90px;pointer-events:none;background:radial-gradient(ellipse,#000b 0%,#0007 40%,transparent 72%)}
.intro-choices .scroll-hint{position:static;transform:none;display:flex;flex-direction:row;gap:12px;padding:12px 0;color:#f2f5f7;font-size:14px;white-space:nowrap}
.intro-choices .mouse{border-color:#e5ecef}.intro-choices .mouse i{background:#fff}
.intro-or{font-size:12px;color:#b8c1c7}
.intro-packages{display:flex;gap:13px;align-items:center;font-size:14px;padding:10px 0;border-bottom:1px solid #dce5ec88;white-space:nowrap;transition:border-color .2s,color .2s}
.intro-packages:hover{border-color:#fff;color:#fff}.intro-packages span{display:inline-block;transition:transform .2s}.intro-packages:hover span{transform:translate(2px,-2px)}
.route-veil{position:fixed;inset:0;z-index:200;background:#000;opacity:0;touch-action:none}
#packages-title:focus{outline:none}
@media(max-width:560px){.intro-choices{gap:12px;flex-wrap:wrap;width:calc(100% - 38px);max-width:360px}.intro-choices .scroll-hint{font-size:12px;gap:8px}.intro-packages{font-size:12px;gap:8px}.intro-or{font-size:11px}.intro-choices .mouse{width:16px;height:26px}.intro-choices .mouse i{left:6px}}
@media(max-width:360px){.intro-choices .scroll-hint{width:100%;justify-content:center;padding-bottom:0}}
html:not(.motion) .intro-choices{position:relative;left:auto;top:auto;transform:none;margin:0 auto 30px;flex-wrap:wrap}html:not(.motion) .intro-choices:before{display:none}html:not(.motion) .intro-choices .scroll-hint,html:not(.motion) .intro-or{display:none}
@media(prefers-reduced-motion:reduce){.intro-packages,.intro-packages span{transition:none}}