:root{color-scheme:dark;--plum:#211626;--ivory:#f4f0ea;--muted:#b8aebe;--lilac:#c4b5ec;--blush:#ffaaa0}
*{box-sizing:border-box}html{background:var(--plum)}body{margin:0;color:var(--ivory);font-family:Manrope,Arial,sans-serif;min-height:100svh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blush);outline-offset:7px}button[hidden],[hidden]{display:none!important}::selection{background:var(--lilac);color:var(--plum)}
.atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 77% 39%,#62476c28,transparent 53%),radial-gradient(ellipse at 60% 100%,#41304630,transparent 65%),linear-gradient(120deg,#211626,#1b1323 75%,#211626);z-index:-1}.atmosphere:after{content:"";position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.site-header{height:120px;display:flex;justify-content:space-between;align-items:center;padding:0 5.1vw;position:relative;z-index:3}.brand{display:flex;align-items:center}.brand img{width:126px;height:auto}.launch-status{font-size:12px;display:flex;gap:10px;align-items:center;color:#ded5e3}.launch-status>span{height:6px;width:6px;border-radius:50%;background:var(--blush);box-shadow:0 0 14px #ffaaa04d}
main{min-height:650px;height:calc(100svh - 208px);max-height:1100px;position:relative;isolation:isolate;outline:none}.hero-copy{position:relative;z-index:2;margin-left:9.1vw;padding-top:clamp(66px,10vh,140px);width:45%;pointer-events:none}.hero-copy a{pointer-events:auto}.intro{font-size:13px;color:var(--muted);margin:0 0 25px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:600;font-size:clamp(86px,8.25vw,148px);line-height:.94;letter-spacing:-.025em;margin:0 0 29px}.description{font-size:15px;line-height:1.9;color:#c6bbce;margin:0}.social-actions{margin-top:37px}.social-link{display:inline-flex;align-items:center;gap:13px;min-height:49px;font-size:13px;font-weight:700;border-bottom:1px solid #c4b5ec63;transition:color .2s,border-color .2s}.social-link:hover{color:var(--blush);border-color:var(--blush)}.social-link svg{width:16px;height:16px;fill:currentColor}.link-arrow{margin-left:31px;font-size:19px;font-weight:400}.social-actions p{font-size:10px;color:var(--muted);margin:14px 0 0;letter-spacing:.015em}
.artwork{position:absolute;inset:-70px 0 -8px 29%;z-index:0;touch-action:pan-y;overflow:hidden}.artwork canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.flower-fallback{position:absolute;height:100%;width:100%;object-fit:contain;opacity:.75}.artwork.is-ready .flower-fallback{visibility:hidden}.art-caption{position:absolute;right:7.3%;top:47%;writing-mode:vertical-rl;font-size:10px;color:#b7a8c3;letter-spacing:.03em;display:flex;align-items:center;gap:16px;pointer-events:none}.caption-line{height:38px;width:1px;background:#b7a8c352}
.wind-controls{position:absolute;right:12.8%;bottom:48px;z-index:2;width:225px}.wind-invitation{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin-bottom:13px}.wind-line{height:1px;width:20px;background:#c4b5ec60}.blow-button{border:1px solid #bda4d63b;border-radius:40px;background:#33233b80;backdrop-filter:blur(12px);padding:15px 20px;display:flex;align-items:center;gap:13px;width:100%;font-size:12px;user-select:none;-webkit-user-select:none;touch-action:none;transition:border-color .2s,background .2s;min-height:52px}.blow-button:hover,.blow-button.is-blowing{border-color:#c4b5ecb3;background:#49344c}.blow-button>svg{width:22px;height:22px;stroke:var(--lilac);fill:none;stroke-width:1.25;stroke-linecap:round}.wind-meter{display:flex;align-items:center;gap:3px;margin-left:auto;height:16px}.wind-meter i{width:2px;height:4px;background:var(--lilac);opacity:.4;transition:height .3s,opacity .3s}.wind-meter i:nth-child(2){height:7px}.wind-meter i:nth-child(3){height:11px}.wind-meter i:nth-child(4){height:14px}.wind-meter i:nth-child(5){height:16px}.is-blowing .wind-meter i{opacity:1;animation:wind-meter .5s ease-in-out infinite alternate}.is-blowing .wind-meter i:nth-child(2n){animation-delay:-.3s}@keyframes wind-meter{to{height:3px}}
.site-footer{height:88px;margin:0 5.1vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);position:relative;z-index:2}.domain{position:absolute;left:50%;transform:translateX(-50%);letter-spacing:.07em;color:#dbcedf;font-size:11px}.motion-toggle{border:0;background:none;padding:12px 0 12px 14px;display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);min-height:44px}.motion-toggle:hover{color:var(--ivory)}.motion-icon{font-size:13px;min-width:12px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;left:20px;top:20px;padding:15px;background:var(--plum);z-index:10}.no-script{text-align:center;font-size:11px;color:var(--muted);padding:0 20px 20px}
@media(min-width:1700px){.hero-copy{margin-left:12vw}.artwork{right:4%}}
@media(max-width:1000px) and (min-width:701px){.hero-copy{margin-left:6vw;width:48%}h1{font-size:94px}.artwork{left:24%}.wind-controls{right:9%;bottom:40px}.art-caption{right:5%}.intro{font-size:12px}}
@media(max-width:700px){.site-header{height:86px;padding:0 7vw}.brand img{width:105px}.launch-status{font-size:11px;gap:8px}main{height:auto;min-height:790px;max-height:none;display:flex;flex-direction:column;padding-bottom:0}.hero-copy{margin:0 8vw;padding-top:25px;width:auto;z-index:2}.intro{font-size:11px;margin-bottom:20px}h1{font-size:clamp(74px,15.7vw,104px);line-height:.94;margin-bottom:21px}.description{font-size:12px;line-height:1.85}.social-actions{margin-top:18px}.social-link{min-height:44px;font-size:12px;gap:10px}.link-arrow{margin-left:24px}.social-actions p{font-size:9px;margin-top:10px}.artwork{inset:290px 0 10px;min-height:475px;z-index:1}.art-caption{right:7%;top:33%;font-size:9px}.wind-controls{position:relative;right:auto;bottom:auto;align-self:center;margin-top:365px;margin-bottom:10px;width:210px;z-index:3}.wind-invitation{justify-content:center;font-size:9px}.blow-button{padding:12px 18px}.site-footer{height:80px;margin:0 7vw;font-size:9px}.domain{display:none}.motion-toggle{font-size:9px}.atmosphere{background:radial-gradient(ellipse at 62% 65%,#62476c33,transparent 60%),#211626}}
@media(max-width:360px){.hero-copy{margin:0 7vw}.intro{font-size:10px}h1{font-size:69px}.artwork{top:285px}.wind-controls{margin-top:350px}main{min-height:770px}.site-footer{height:70px}}
/* The artwork box anchors the flower; the canvas spans the entire document.
   Detached seeds must never be clipped to the hero's responsive column. */
body{position:relative;isolation:isolate}
.atmosphere{position:absolute}
#dandelion{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
.artwork{overflow:visible}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.footer-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;white-space:nowrap}
.footer-links .domain{position:static;transform:none}
.footer-profile{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;color:var(--muted);font-size:11px;transition:color .2s}
.footer-profile svg{width:13px;height:13px;fill:currentColor;flex:none}
.footer-profile:hover{color:var(--blush)}
@media(max-width:700px){.site-footer{height:112px;flex-wrap:wrap;align-content:center;row-gap:0}.footer-links{position:static;transform:none;order:3;flex-basis:100%;justify-content:center;gap:16px}.footer-links .domain{display:inline;font-size:10px}.footer-profile{font-size:10px}}