:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;color:#e8edf0;background:#06172e;--gold:#e4c67d;--muted:#adbdcf}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.scroll-story{height:310svh}.world{position:sticky;top:0;height:100svh;min-height:640px;isolation:isolate;overflow:hidden;--open:0;--reveal:0;--bud:1;--flower:0;--parts:0;--invite:1;--shift:0px}.seascape{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:60% center}.atmosphere{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#03112642,transparent 30%,#03112626 65%,#031126aa)}.world-header{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 4vw}.signature{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:650;letter-spacing:-.5px}.signature img{object-fit:contain}.signature-gold{color:var(--gold)}.signature small{display:block;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:400;margin-top:5px}.world-header nav{display:flex;gap:30px}.quiet-link{background:none;border:0;color:#dbe5ec;padding:9px 0;font-size:12px;letter-spacing:.4px}.quiet-link:hover{color:var(--gold)}.invitation{position:absolute;z-index:2;top:21%;width:100%;text-align:center;pointer-events:none;opacity:var(--invite);transform:translateY(calc(var(--open) * -45px))}.whisper{text-transform:uppercase;letter-spacing:3px;font-size:9px;line-height:1.8;color:var(--gold);margin:0 0 18px}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(30px,3.6vw,52px);font-weight:400;line-height:1.23;letter-spacing:-1.2px;margin-bottom:18px}h1 em{color:#d1deec;font-weight:400}.invitation>p:last-child{font-size:12px;letter-spacing:.8px;color:#bdcddd}.bloom{position:absolute;left:calc(50% + var(--shift));top:59%;width:440px;height:440px;transform:translate(-50%,-50%);pointer-events:none;perspective:1000px;z-index:3}.whole-lotus,.closed-bud,.petal,.petal img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.closed-bud{opacity:var(--bud);transform:scale(calc(.83 + var(--open) * .17));filter:drop-shadow(0 10px 25px #e9b95420)}.whole-lotus{opacity:var(--flower);transform:scale(calc(.84 + var(--open) * .16))}.heartlight{position:absolute;inset:30%;border-radius:50%;background:#efce88;filter:blur(50px);opacity:calc(.12 + var(--open) * .08);transform:scale(calc(1 + var(--open) * 1.8))}.petal{opacity:var(--parts);transform-origin:50% 72%;will-change:transform}.petal-centre{clip-path:polygon(33% 42%,38% 31%,49% 17%,60% 31%,66% 43%,56% 56%,43% 56%);transform:translateY(calc(var(--open) * -210px)) scale(calc(1 + var(--open) * .2)) rotateX(calc(var(--open) * 45deg))}.petal-back-left{clip-path:polygon(24% 24%,33% 30%,47% 45%,47% 55%,34% 64%,27% 52%,23% 40%);transform:translate(calc(var(--open) * -150px),calc(var(--open) * -100px)) rotate(calc(var(--open) * -42deg))}.petal-back-right{clip-path:polygon(73% 24%,78% 40%,74% 53%,64% 65%,52% 55%,52% 45%,66% 29%);transform:translate(calc(var(--open) * 150px),calc(var(--open) * -100px)) rotate(calc(var(--open) * 42deg))}.petal-side-left{clip-path:polygon(4% 37%,16% 43%,24% 45%,39% 56%,40% 68%,25% 68%,13% 59%,8% 46%);transform:translate(calc(var(--open) * -180px),calc(var(--open) * 40px)) rotate(calc(var(--open) * -35deg)) scale(calc(1 + var(--open) * .2))}.petal-side-right{clip-path:polygon(96% 37%,91% 48%,86% 60%,75% 68%,60% 68%,59% 56%,75% 45%,85% 43%);transform:translate(calc(var(--open) * 180px),calc(var(--open) * 40px)) rotate(calc(var(--open) * 35deg)) scale(calc(1 + var(--open) * .2))}.petal-front-left{clip-path:polygon(23% 52%,37% 53%,49% 57%,52% 66%,50% 79%,39% 73%,28% 63%);transform:translate(calc(var(--open) * -115px),calc(var(--open) * 160px)) rotate(calc(var(--open) * -28deg)) scale(calc(1 + var(--open) * .3))}.petal-front-right{clip-path:polygon(76% 52%,64% 53%,51% 57%,48% 66%,50% 79%,61% 73%,72% 63%);transform:translate(calc(var(--open) * 115px),calc(var(--open) * 160px)) rotate(calc(var(--open) * 28deg)) scale(calc(1 + var(--open) * .3))}.water-ring{position:absolute;top:calc(59% + 120px);left:calc(50% + var(--shift));width:290px;height:38px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#e6bc5a66,#ddb35116 43%,transparent 72%);filter:blur(6px);opacity:var(--invite)}.lotus-trigger{position:absolute;z-index:5;left:50%;top:59%;width:440px;height:440px;transform:translate(-50%,-50%);background:none;border:0;border-radius:50%;color:var(--gold);opacity:var(--invite)}.lotus-trigger:focus-visible{outline-offset:-20px}.touch-label{position:absolute;top:95%;left:0;right:0;font-size:12px;letter-spacing:1.7px}.tiny-star{display:block;font-size:20px;margin-bottom:9px}.touch-note{display:block;font-size:10px;color:#bac9d7;letter-spacing:.4px;margin-top:9px}.shore-note{position:absolute;bottom:85px;left:4vw;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.7;color:#c4d2df;opacity:var(--invite)}.world-footer{position:absolute;z-index:10;bottom:22px;left:4vw;right:4vw;display:flex;align-items:end;justify-content:space-between;gap:20px;font-size:9px;color:#b5c4d2;letter-spacing:.4px}.world-footer small{display:block;font-size:8px;margin-top:6px;color:#91a4b8}.world-footer>div{display:flex;gap:22px}.world-footer a{text-decoration:none}.world-footer a:hover{text-decoration:underline}.skip{position:fixed;z-index:50;left:15px;top:-100px;padding:12px;background:var(--gold);color:#06172e}.skip:focus{top:12px}.story-marker{position:absolute;z-index:5;right:4vw;top:42%;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;color:#b5c4d2;font-size:9px;letter-spacing:1px}.story-track{height:80px;width:1px;background:#a2b8cb44}.story-track>span{display:block;width:100%;height:0;background:var(--gold)}
.reveal{position:absolute;inset:0;z-index:6;opacity:var(--reveal);pointer-events:none}.reveal.is-visible{pointer-events:auto}.reveal-copy{position:absolute;left:8vw;top:37%;width:29%;max-width:320px;transform:translateY(calc((1 - var(--reveal)) * 45px))}.reveal h2{font-family:Georgia,serif;font-size:clamp(40px,5.5vw,78px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:0 0 16px;outline:none}.reveal .whisper{font-size:8px;letter-spacing:2px}.motto{font-size:11px;letter-spacing:.5px;color:#e0c890;line-height:1.7}.reveal-description{font-family:Georgia,serif;font-size:17px;line-height:1.8;color:#c2d4e4;margin:30px 0}.development{font-size:9px;color:#97b2cb;margin:26px 0 10px}.return-button{color:var(--gold);font-size:10px;border-bottom:1px solid #e4c67d55}.app-emergence{position:absolute;left:63%;top:52%;transform:translate(-50%,calc(-50% + (1 - var(--reveal)) * 170px)) scale(calc(.72 + var(--reveal) * .28));margin:0;text-align:center}.screen-button{background:none;border:0;padding:0;color:inherit}.phone-rim{display:block;padding:7px;border-radius:28px;border:1px solid #b1c3d355;background:#050c15;box-shadow:0 18px 65px #010916a0,0 0 65px #e4c67d12;overflow:hidden}.phone-rim img{display:block;width:auto;height:min(64svh,610px);max-height:calc(100svh - 210px);border-radius:21px;object-fit:contain}.app-emergence figcaption{font-size:8px;letter-spacing:.5px;color:#bacbd9;margin-top:15px;white-space:nowrap}.no-script{position:absolute;z-index:20;inset:18% 12% auto;padding:25px;background:#071c36;color:#f0e4c7;line-height:1.7}.world:has(.no-script) .lotus-trigger{display:none}dialog{color:#e6edf2;background:#071b31;border:1px solid #c7ad6c66;width:min(500px,calc(100% - 36px));max-height:90svh;overflow:auto;padding:35px;box-shadow:0 20px 100px #020b1be6}dialog::backdrop{background:#020c1be8;backdrop-filter:blur(8px)}.dialog-close{display:block;margin:0 0 24px auto;color:var(--gold)}dialog h2{font-family:Georgia,serif;font-size:38px;line-height:1.2;font-weight:400;margin:0 0 24px}dialog h2 em{font-weight:400}dialog>p:not(.whisper){font-size:13px;line-height:1.9;color:#bdcddd}.studio-company{font-size:10px!important;color:#9db3c8!important;margin-top:25px}.studio-contact{font-size:12px;color:var(--gold)}#screen-dialog{width:min(480px,calc(100% - 24px));padding:22px}#screen-dialog h2{font-size:27px;margin-bottom:10px}#screen-dialog>p{font-size:10px}#large-screen{display:block;width:100%;height:auto;margin-top:20px}.screen-tabs{display:flex;gap:22px}.screen-tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:10px 0;color:#9fb4c8;font-size:12px}.screen-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
@media(min-width:1600px){.bloom,.lotus-trigger{width:520px;height:520px}.invitation{top:23%}.app-emergence{left:62%}.reveal-copy{left:12vw}}
@media(max-width:650px){.scroll-story{height:280svh}.world{min-height:640px}.seascape{object-position:48% center}.world-header{padding:20px;gap:8px}.signature{font-size:15px;gap:5px}.signature img{width:34px;height:34px}.signature small{font-size:6px;letter-spacing:1.1px}.world-header nav{gap:15px}.world-header .quiet-link{font-size:10px}.invitation{top:23%;padding:0 18px}.invitation .whisper{font-size:8px;letter-spacing:2.2px}h1{font-size:31px;letter-spacing:-.7px}.invitation>p:last-child{font-size:10px}.bloom,.lotus-trigger{width:330px;height:330px;top:58%}.touch-label{top:95%;font-size:11px}.touch-note{font-size:9px}.shore-note{display:none}.world-footer{left:20px;right:20px;bottom:18px;font-size:8px;gap:10px}.world-footer>div{gap:16px}.world-footer small{font-size:7px}.story-marker{right:10px;top:43%;font-size:7px;gap:8px}.story-track{height:55px}.reveal-copy{left:20px;right:20px;top:14%;width:auto;max-width:none;text-align:center}.reveal h2{font-size:39px;letter-spacing:-1px;margin-bottom:8px}.reveal .whisper{font-size:7px;margin-bottom:9px}.motto{font-size:9px;margin-bottom:0}.reveal-description{display:none}.development{font-size:8px;margin:9px 0 0}.return-button{position:fixed;left:50%;top:calc(100svh - 110px);transform:translateX(-50%);white-space:nowrap;font-size:9px}.app-emergence{left:50%;top:54%}.phone-rim{padding:5px;border-radius:23px}.phone-rim img{height:49svh;max-height:calc(100svh - 320px);border-radius:17px}.app-emergence figcaption{font-size:7px;margin-top:10px}.petal{filter:brightness(.85)}dialog{padding:27px}.petal-centre{transform:translateY(calc(var(--open) * -185px)) scale(1.1) rotateX(calc(var(--open) * 45deg))}.petal-side-left{transform:translate(calc(var(--open) * -90px),calc(var(--open) * 25px)) rotate(calc(var(--open) * -45deg))}.petal-side-right{transform:translate(calc(var(--open) * 90px),calc(var(--open) * 25px)) rotate(calc(var(--open) * 45deg))}.petal-front-left{transform:translate(calc(var(--open) * -65px),calc(var(--open) * 110px)) rotate(calc(var(--open) * -35deg))}.petal-front-right{transform:translate(calc(var(--open) * 65px),calc(var(--open) * 110px)) rotate(calc(var(--open) * 35deg))}}
@media(max-width:360px){.signature{font-size:13px}.world-header nav{gap:10px}.world-header{padding-inline:14px}h1{font-size:28px}.bloom,.lotus-trigger{width:290px;height:290px}.world-footer{left:14px;right:14px}.world-footer>div{gap:12px}.reveal h2{font-size:34px}}
@media(max-height:650px) and (min-width:651px){.world{min-height:480px}.invitation{top:21%}h1{font-size:30px}.bloom,.lotus-trigger{width:290px;height:290px}.shore-note{display:none}.reveal-copy{top:30%}.reveal-description{font-size:13px;margin:18px 0}.phone-rim img{height:65svh;max-height:calc(100svh - 120px)}.app-emergence{top:54%}.world-footer{bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scroll-story{height:200svh}}
.bloom{perspective:none}.petal{will-change:auto}.closed-bud{filter:none}
/* Keep the flower joined at its heart as it opens around the emerging app. */
.bloom{top:calc(59% + var(--open) * 12%)}
.whole-lotus{opacity:calc(1 - var(--bud));transform-origin:50% 78%;transform:scaleX(calc(.84 + var(--open) * .8)) scaleY(calc(.84 - var(--open) * .22))}
.petal{display:none}
.petal-back-left,.petal-back-right{display:block;opacity:calc(var(--open) * .65);transform-origin:50% 78%}
.petal-back-left{clip-path:polygon(4% 37%,24% 24%,49% 46%,50% 79%,23% 68%,10% 57%);transform:rotate(calc(var(--open) * -16deg)) scaleX(calc(1 + var(--open) * .4)) scaleY(calc(1 - var(--open) * .2))}
.petal-back-right{clip-path:polygon(96% 37%,76% 24%,51% 46%,50% 79%,77% 68%,90% 57%);transform:rotate(calc(var(--open) * 16deg)) scaleX(calc(1 + var(--open) * .4)) scaleY(calc(1 - var(--open) * .2))}
.reveal-copy{text-shadow:0 2px 14px #031124,0 0 30px #031124}
.reveal-copy:before{content:"";position:absolute;inset:-40px -35px;z-index:-1;background:radial-gradient(ellipse,#04162dd4,transparent 72%);pointer-events:none}
@media(max-width:650px){.bloom{top:calc(58% + var(--open) * 16%)}.whole-lotus{transform:scaleX(calc(.84 + var(--open) * .55)) scaleY(calc(.84 - var(--open) * .22))}.reveal-copy:before{inset:-15px -15px}}
.return-button{position:absolute;left:8vw;top:calc(37% + 310px);bottom:auto}
@media(max-width:650px){.seascape{object-position:51% center}.reveal-copy{top:20%}.app-emergence{top:60%}.phone-rim img{height:45svh}.return-button{top:76px;right:20px;left:auto;bottom:auto;transform:none;font-size:9px}}
@media(max-height:650px) and (min-width:651px){.return-button{top:calc(30% + 240px)}}
@media(max-height:700px) and (max-width:650px){.world{min-height:0}.signature small{display:none}.world-header{padding-top:13px}.return-button{top:64px}}