:root{
 --ink:#100a25;--surface:#1b1235;--paper:#fff0fb;--muted:#d0c3e2;--pink:#ff6acb;--cyan:#78d9ff;--blue:#82aaff;--line:rgba(185,195,255,.22);
 --font-body:'Chakra Petch',Arial,sans-serif;--font-display:'Barlow',Arial,sans-serif;
 --text-xs:clamp(.75rem,.72rem + .12vw,.875rem);--text-sm:clamp(.875rem,.83rem + .15vw,1rem);--text-base:clamp(1rem,.93rem + .25vw,1.125rem);--text-lg:clamp(1.2rem,1rem + .6vw,1.65rem);
 --text-xl:clamp(1.6rem,1.2rem + 1.4vw,2.5rem);--text-display:clamp(3.4rem,2.2rem + 4.5vw,6.8rem);--text-massive:clamp(5rem,2.7rem + 8vw,10rem);
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
 --gutter:clamp(var(--space-6),4.2vw,var(--space-20));--ease:cubic-bezier(.16,1,.3,1);
}
body{background:var(--ink);color:var(--paper);font:400 var(--text-base)/1.65 var(--font-body)}
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.display-heading,.invitation h2,.standard-intro h2,dialog h2{font-family:var(--font-display)}
a{text-decoration:none}button{background:none;border:0}button,a{transition:color .25s,background .25s,opacity .25s}
.section-gutter{padding-inline:var(--gutter)}
.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--gutter);gap:var(--space-6);color:#f4eaf6}
.header-motto{font:italic 900 var(--text-base)/1.05 var(--font-display);letter-spacing:.06em;color:#ff82c9;flex-shrink:0;white-space:nowrap}
.header-motto span{color:#84dfff}
.header nav{display:flex;align-items:center;gap:var(--space-10);margin-left:auto;margin-right:var(--space-10)}
.header nav a,.project-link,.sound-toggle{font-size:var(--text-sm);font-weight:500;min-height:44px;display:inline-flex;align-items:center}
.header nav a:hover,.project-link:hover{color:#ff82c9}
.project-link{gap:var(--space-3);padding:0;white-space:nowrap}.project-link span{font-size:var(--text-lg);color:#ff66b9}
.arrow-up-right{display:inline-block;position:relative;width:1em;height:1em;flex:0 0 1em;vertical-align:middle}
.arrow-up-right:before{content:"";position:absolute;top:.08em;right:.08em;width:.65em;height:.65em;border-top:2px solid currentColor;border-right:2px solid currentColor}
.arrow-up-right:after{content:"";position:absolute;top:50%;left:-.03em;width:1.1em;height:2px;background:currentColor;transform:rotate(-45deg);transform-origin:center}
.sound-toggle{gap:var(--space-2);padding:var(--space-1) 0;color:#f4eaf6;white-space:nowrap}
.play-symbol{font-size:var(--text-lg);width:24px;color:#78d9ff}
.hero{height:100svh;min-height:790px;max-height:1250px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#60144c 0,#301040 32%,#0d1033 67%,#100a25 100%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:15%;background:linear-gradient(transparent,#100a25);pointer-events:none;z-index:-1}
#landscape{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.95}
.sun{position:absolute;left:50%;top:15%;width:min(35vw,450px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#ffc38e,#ff4cab 50%,#f12caa);opacity:.9;z-index:-3;box-shadow:0 0 95px #ff268c30;mask-image:linear-gradient(#000 0 49%,transparent 49% 50%,#000 50% 58%,transparent 58% 60%,#000 60% 67%,transparent 67% 70%,#000 70% 76%,transparent 76% 80%,#000 80% 85%,transparent 85% 90%,#000 90% 95%,transparent 95%)}
.hero-content{position:relative;text-align:center;max-width:1160px;margin:auto;padding:clamp(132px,16svh,180px) var(--space-8) var(--space-20)}
.hero-eyebrow{font-weight:500;color:#b5e7ff;letter-spacing:.12em}
.hero-eyebrow .hero-divider{padding-inline:var(--space-3);color:#ff7cd0}
.hero-logo{width:min(79vw,900px);margin:var(--space-8) auto 0;filter:drop-shadow(0 0 24px #c42cab23)}
.hero-logo svg{overflow:visible}
.media-script{fill:#ffb3e0;stroke:#ff59bf;stroke-width:.65px;paint-order:stroke fill;filter:drop-shadow(0 0 2px #fff0fa) drop-shadow(0 0 5px #ff45b5) drop-shadow(0 0 13px #ff1493d9) drop-shadow(0 0 26px #ec008c99)}
.hero h1{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.2rem);font-weight:500;margin-top:var(--space-6);letter-spacing:-.015em;color:#fff2f7}
.text-link{display:inline-flex;gap:var(--space-6);align-items:center;font-size:var(--text-sm);min-height:44px;padding:var(--space-2) 0;border-bottom:1px solid var(--pink)}
.text-link:hover{color:var(--pink)}.hero-link{margin-top:var(--space-6);color:#f4eaf6}
.hero-link span{color:#ff66b9;font-size:var(--text-lg)}
.hero-bottom{position:absolute;bottom:var(--space-8);left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:var(--text-xs);color:#c4b8dc;gap:var(--space-6)}
.audio-invite span{color:#ff66b9;padding-left:var(--space-2)}
.work{position:relative;padding-top:var(--space-12)}
.work-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-10);gap:var(--space-6)}
.work-heading h2{font-size:var(--text-xl);font-weight:600;letter-spacing:-.03em}.work-heading h2 span{color:var(--pink)}
.feature{height:145svh;min-height:1100px;position:relative;color:#fff0fb;--screen-width:min(86vw,calc((100svh - 224px) * 1.6),1360px)}
.feature-one{--feature-accent:#ff83d2;--feature-glow:#ff2fbe;--feature-rgb:255,47,190;--feature-sky:#390f44;background:#100a25}
.feature-two{--feature-accent:#84dfff;--feature-glow:#398bff;--feature-rgb:57,139,255;--feature-sky:#102956;background:#0b102b}
.feature-stage{position:sticky;top:0;min-height:780px;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-8) var(--gutter);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 44%,var(--feature-sky),transparent 70%),linear-gradient(#100a25,#100b26 67%,#111832)}
.feature-stage:before{content:"";position:absolute;z-index:-1;left:-50%;right:-50%;bottom:-35%;height:70%;transform:perspective(480px) rotateX(62deg);transform-origin:center top;background-image:linear-gradient(rgba(var(--feature-rgb),.24) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--feature-rgb),.22) 1px,transparent 1px);background-size:80px 60px;mask-image:linear-gradient(transparent,#000 24%,#000 70%,transparent)}
.feature-stage:after{content:"";position:absolute;z-index:-1;left:15%;right:15%;bottom:10%;height:16%;border-radius:50%;background:var(--feature-glow);filter:blur(80px);opacity:.24;pointer-events:none}
.feature-top{width:var(--screen-width);display:flex;justify-content:space-between;font-size:var(--text-xs);text-transform:uppercase;font-weight:500;letter-spacing:.12em;color:var(--feature-accent)}
.feature-top>span:last-child{letter-spacing:.04em;text-transform:none;color:#d0c3e2}
.feature-depth{width:var(--screen-width);position:relative;transform:perspective(1800px) rotateX(calc(var(--approach-x,0deg) + var(--pointer-x,0deg))) rotateY(calc(var(--approach-y,0deg) + var(--pointer-y,0deg))) scale(var(--screen-scale,1));transform-origin:50% 65%;transition:transform .22s ease-out}
.feature-depth:after{content:"";position:absolute;inset:90% 4% -5%;background:var(--feature-glow);filter:blur(32px);opacity:.28;z-index:-1;pointer-events:none}
.feature-preview{display:block;position:relative;padding:var(--space-2);border:1px solid var(--feature-accent);border-radius:8px;background:linear-gradient(145deg,#88809d,#28203a 8%,#100d1d 85%,#554770);box-shadow:0 0 0 1px rgba(var(--feature-rgb),.2),0 0 28px rgba(var(--feature-rgb),.22),0 32px 65px #03020dc9,8px 10px 0 #080613;overflow:hidden}
.feature-preview picture{display:block;aspect-ratio:8/5;overflow:hidden;background:#090909;border:1px solid #070711;border-radius:2px}
.feature-preview img{display:block;width:100%;height:100%;object-fit:contain}
.feature-preview:focus-visible{outline:3px solid #fff0fb;outline-offset:6px}
.feature-bottom{width:var(--screen-width);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8);padding-top:var(--space-2);position:relative}
.feature-bottom .eyebrow{color:var(--feature-accent);letter-spacing:.08em;margin-bottom:var(--space-2)}
.feature h3{font-family:var(--font-display);font-size:clamp(1.8rem,2.8vw,3rem);font-weight:600;line-height:1.1;letter-spacing:-.02em}
.feature-visit{flex-shrink:0;border-color:var(--feature-accent);color:#fff0fb}
.feature-visit span,.feature-visit:hover{color:var(--feature-accent)}
.motion-paused .feature-depth{transform:none!important;transition:none}
@media (min-width:701px) and (max-height:780px){.feature{--screen-width:min(78vw,880px)}.feature-stage{position:relative;height:auto;padding-block:var(--space-12)}.feature{height:auto;min-height:0}}
.idea{padding-top:var(--space-32);padding-bottom:var(--space-32);position:relative;background:var(--ink)}
.section-intro{display:flex;justify-content:space-between;gap:var(--space-8);color:var(--cyan);margin-bottom:var(--space-20)}
.section-intro .eyebrow:last-child{letter-spacing:.04em;text-transform:none}
.idea-layout{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:var(--space-12)}
.display-heading{font-size:var(--text-display);font-weight:800;line-height:.99;letter-spacing:-.045em}
.display-heading>span{color:var(--pink)}
.idea-copy>p{max-width:440px;margin-top:var(--space-6);color:var(--muted)}
.idea-copy>p:first-of-type{font-size:var(--text-lg);color:var(--paper);max-width:370px}
.idea-copy .idea-signoff{color:var(--cyan);font-weight:500}
.door-art{position:relative;align-self:stretch;min-height:540px;margin-right:calc(-1 * var(--gutter));overflow:hidden}
.door-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:61% center;mix-blend-mode:screen}
.door-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 18%)}
.door-art figcaption{position:absolute;bottom:var(--space-8);right:var(--gutter);z-index:1;color:var(--pink);font-family:'Yellowtail',cursive;font-size:var(--text-xl);transform:rotate(-7deg)}
.craft{padding-top:var(--space-24);padding-bottom:var(--space-32);background:var(--surface)}
.craft-header{display:grid;grid-template-columns:.45fr 1fr .8fr;align-items:start;gap:var(--space-8)}
.craft-header>.eyebrow{padding-top:var(--space-3);color:var(--pink)}
.craft-header .display-heading{font-size:clamp(3rem,1.8rem + 3.5vw,5.3rem)}
.craft-header>.display-heading>span{color:var(--blue)}
.craft-header>p:last-child{color:var(--muted);padding-top:var(--space-3);max-width:350px}
.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24);margin-top:var(--space-20)}
.process-visual{position:sticky;top:25vh;align-self:start;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:var(--space-12) 0}
.tape{width:95%;max-width:460px;aspect-ratio:1.6;background:linear-gradient(135deg,#251e31,#0d0914);border:2px solid #423648;border-radius:14px;position:relative;transform:rotate(-9deg);box-shadow:12px 28px 35px #07040b60,inset 0 0 0 7px #130e1b;padding:7% 7% 0}
.tape-label{background:#f5bce6;color:#32142d;position:absolute;inset:8% 6% 41%;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);line-height:1.1;border-radius:5px;background:linear-gradient(#f5bce6 58%,#ff69bf 58% 72%,#777ce5 72% 85%,#429dff 85%)}
.tape-label b{position:absolute;top:24%;left:0;width:100%;text-align:center;font-weight:800;font-style:italic;font-size:var(--text-xl);letter-spacing:-.025em}
.tape-window{position:absolute;inset:43% 17% 24%;background:#08060d;display:flex;align-items:center;justify-content:space-between;border:3px solid #372a3e;border-radius:25px;padding:var(--space-2);z-index:1}
.reel{height:100%;aspect-ratio:1;border-radius:50%;border:5px solid #c5b8ce;background:repeating-conic-gradient(#ac9db7 0 24deg,#2e243b 24deg 60deg);position:relative;animation:reel 8s linear infinite}
.reel:after{content:"";position:absolute;inset:27%;background:#16101d;border-radius:50%}
.tape-bridge{height:18px;width:30%;background:#3e2943;border:3px solid #221828}
.tape-base{position:absolute;inset:80% 22% 0;background:#201929;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);border:1px solid #43354c}
.handwritten{font-family:'Yellowtail',cursive;font-size:var(--text-xl);color:var(--pink);margin-top:var(--space-12);transform:rotate(-6deg)}
@keyframes reel{to{transform:rotate(360deg)}}
.process-list{list-style:none;margin:0;padding:0}
.process-list li{display:grid;grid-template-columns:44px 1fr;gap:var(--space-6);padding:var(--space-6) 0;border-top:1px solid var(--line)}
.process-list li:last-child{border-bottom:1px solid var(--line)}
.step-number{font-size:var(--text-sm);padding-top:var(--space-2);color:var(--cyan)}
.process-list h3{font-weight:600;font-size:var(--text-xl);letter-spacing:-.02em;transition:color .7s var(--ease)}
.process-list li.is-active h3{color:var(--pink)}
.process-list p{color:var(--muted);max-width:390px;margin-top:var(--space-2);font-size:var(--text-base)}
.standard{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-24);padding-top:var(--space-32);padding-bottom:var(--space-32);background:var(--ink)}
.standard-intro .eyebrow{color:var(--cyan);margin-bottom:var(--space-8)}
.standard-intro h2{font-weight:700;font-size:clamp(2.3rem,1.5rem + 2vw,3.5rem);line-height:1.07;letter-spacing:-.03em}
.standard-intro h2 span{color:var(--blue)}
.standard-intro>p:last-child{color:var(--muted);margin-top:var(--space-6)}
.standards-list>div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-6) 0;border-bottom:1px solid var(--line)}
.standards-list>div:first-child{padding-top:0}
.standards-list h3{font-size:var(--text-xl);font-weight:600;letter-spacing:-.035em}
.standards-list>div:nth-child(odd) h3{color:var(--pink)}
.standards-list>div:nth-child(even) h3{color:var(--cyan)}
.standards-list p{color:var(--muted);font-size:var(--text-sm);max-width:220px;flex-basis:47%}
.invitation{background:#191238;position:relative;isolation:isolate;text-align:center;overflow:hidden;padding-top:var(--space-24);padding-bottom:var(--space-24);color:#fff0fb}
.invitation>.eyebrow{color:#a8dcff;margin-bottom:var(--space-8)}
.invitation h2{font-size:var(--text-massive);font-weight:900;line-height:.88;letter-spacing:-.05em}
.invitation h2 span{font-family:'Yellowtail',cursive;font-weight:400;letter-spacing:-.02em;color:#ff6acb;font-size:1.08em}
.invitation>p:not(.eyebrow){margin:var(--space-8) auto;color:#dfcbe8}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-4) var(--space-6);min-height:56px;color:#160a21;background:#ff82c9;font-weight:600;font-size:var(--text-base);border:1px solid transparent}
.cta:hover{background:#ffa5d8}.cta span{font-size:var(--text-lg)}
.contact-email{display:block;width:fit-content;margin:var(--space-6) auto 0;font-size:var(--text-sm);color:#a8dcff;min-height:44px;padding:var(--space-2) 0}
.contact-email:hover{color:#fff}
.founders{padding-block:var(--space-16);background:linear-gradient(180deg,#191238,#100a25);color:#fff0fb;--founder-ink:#d0c3e2}
.founders-inner{max-width:1240px;margin-inline:auto}
.founders-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:var(--space-12);margin-bottom:var(--space-10)}
.founders-intro .eyebrow{color:#a8dcff;margin-bottom:var(--space-3)}
.founders-intro h2{font-family:var(--font-display);font-size:clamp(2rem,1.4rem + 2vw,3.25rem);line-height:1.12;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.founders-intro h2 span{font-family:'Yellowtail',cursive;color:#ff82c9;font-weight:400;white-space:nowrap}
.founders-intro>p{font-size:var(--text-base);line-height:1.7;color:var(--founder-ink);max-width:48ch}
.founders-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}
.founder{--portrait-accent:#ff82c9;--portrait-glow:#ff2fbe24;display:grid;grid-template-columns:minmax(136px,35%) 1fr;gap:var(--space-6);align-items:center;min-width:0}
.founder-michael{--portrait-accent:#84dfff;--portrait-glow:#398bff29}
.founder-portrait{position:relative;background:#1b1235;border:1px solid var(--portrait-accent);box-shadow:5px 5px 0 #070817,6px 6px 0 var(--portrait-accent),0 0 28px var(--portrait-glow);isolation:isolate}
.founder-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.founder-portrait:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,var(--portrait-glow),transparent 48%,#07081735);z-index:1}
.founder-portrait figcaption{position:relative;z-index:2;background:#100a25;padding:var(--space-2) var(--space-3);color:var(--portrait-accent);font-size:var(--text-xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;line-height:1.4}
.founder-title h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;line-height:1.12}
.founder-role{color:var(--portrait-accent);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;margin-top:var(--space-2);text-transform:uppercase}
.founder-phone{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);color:var(--founder-ink);white-space:nowrap;text-decoration:underline;text-decoration-color:#d0c3e24d;text-underline-offset:.25em}
.founder-phone:hover,.founder-phone:focus-visible{color:var(--portrait-accent);text-decoration-color:currentColor}
.founder-bio{font-size:var(--text-base);line-height:1.7;color:var(--founder-ink);margin-top:var(--space-4)}
@media (min-width:701px) and (max-width:1100px){
 .founders-pair{gap:var(--space-8)}
 .founder{grid-template-columns:128px 1fr;align-items:center;gap:var(--space-5)}
 .founder-copy{display:contents}.founder-bio{grid-column:1/-1;margin-top:0}
 .founder-title h3{font-size:var(--text-lg)}
}
@media (max-width:700px){
 .founders{padding-block:var(--space-12)}
 .founders-intro{grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-8)}
 .founders-pair{grid-template-columns:1fr;gap:var(--space-10)}
 .founder{grid-template-columns:112px 1fr;gap:var(--space-5);align-items:center}
 .founder-copy{display:contents}.founder-bio{grid-column:1/-1;margin-top:0;line-height:1.8}
 .founder-title h3{font-size:var(--text-xl)}.founder-role{letter-spacing:.025em}
 .founder-portrait figcaption{padding-inline:var(--space-2);letter-spacing:.035em}
}
.footer{padding-top:var(--space-12);padding-bottom:var(--space-6);background:var(--ink);font-size:var(--text-sm)}
.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);padding-bottom:var(--space-12)}
.footer-name{font-weight:600;letter-spacing:.06em;min-height:44px}
.footer-top>p{margin-right:auto;color:var(--muted)}.footer-top>a:last-child{min-height:44px}
.footer-bottom{border-top:1px solid var(--line);padding-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);color:var(--muted);font-size:var(--text-xs)}
.preferences{display:flex;align-items:center;gap:var(--space-6)}
.preferences button,.preferences a{min-height:44px;padding:var(--space-2) 0;font-size:var(--text-xs)}
.preferences button:hover,.preferences a:hover{color:var(--pink)}
.volume-control{display:flex;align-items:center;gap:var(--space-2)}
input[type=range]{accent-color:var(--pink);width:70px;height:44px}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-paused{scroll-behavior:auto}
.audio-dock{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:25;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#160c24;color:#f4eaf6;border:1px solid #965382;font-size:var(--text-sm);text-align:left;box-shadow:0 6px 24px #08041060}
.audio-dock>span:first-child{color:#ff82c9;font-size:var(--text-lg)}
.audio-dock small{display:block;font-size:var(--text-xs);color:#c7b7d2}
.audio-dock:hover{background:#2a1335}
dialog{background:var(--surface);color:var(--paper);border:1px solid var(--line);max-width:min(580px,calc(100vw - 32px));max-height:90svh;width:580px;padding:var(--space-10);box-shadow:0 30px 100px #0009}
dialog::backdrop{background:#0a0412d9;backdrop-filter:blur(8px)}
.dialog-close{position:absolute;right:var(--space-4);top:var(--space-3);width:44px;height:44px;font-size:2rem;color:var(--muted)}
dialog>.eyebrow{color:var(--pink);margin-bottom:var(--space-6);padding-right:var(--space-8)}
dialog h2{font-size:clamp(2.8rem,3.5vw,3.5rem);letter-spacing:-.04em;line-height:1.03;font-weight:800}
dialog h2 span{color:var(--pink)}
dialog>p:not(.eyebrow){color:var(--muted);margin-top:var(--space-4)}
form{display:grid;gap:var(--space-5);margin-top:var(--space-6)}
form label{font-size:var(--text-sm);font-weight:500}
input:not([type=range]),textarea{display:block;width:100%;margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:0;background:var(--ink);color:var(--paper);font-size:16px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}
form .cta{justify-self:start}
.form-note{font-size:var(--text-xs);color:var(--muted)}
.message-result{margin-top:var(--space-8)}.message-result>p{margin-block:var(--space-4);color:var(--muted)}
.message-result .text-link{display:flex;width:fit-content;margin-top:var(--space-4)}
.message-result h3{font-size:var(--text-lg)}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-status{font-size:var(--text-sm);color:var(--cyan);overflow-wrap:anywhere}
.form-status:empty{display:none}.form-status.is-error{color:var(--pink)}
#send-message .submit-label{font-size:var(--text-base)}#send-message:disabled{opacity:.7}
@media (min-width:1700px){.hero-content{padding-top:17svh}.hero-logo{width:1000px;max-width:100%}.hero{min-height:900px}.hero h1{margin-top:var(--space-8)}}
@media (max-width:1000px){
 .header nav{gap:var(--space-6);margin-right:var(--space-4)}
 .hero{min-height:760px}.hero-content{padding-top:170px}.hero-logo{width:88vw}
 .sun{width:430px;top:15%}
 .craft-header{grid-template-columns:1fr 1fr}.craft-header>.eyebrow{grid-column:1/-1}
 .process-layout{gap:var(--space-12)}.standard{gap:var(--space-12)}
 .footer-bottom{align-items:flex-start}.preferences{gap:var(--space-4);flex-wrap:wrap;justify-content:flex-end}.volume-control{display:none}
}
@media (max-width:700px){
 body{line-height:1.8}
 .eyebrow{line-height:1.8}
 .header{padding-block:var(--space-4);gap:var(--space-4)}
 .header-motto{font-size:var(--text-sm);line-height:1.15;letter-spacing:.035em}.header-motto span{display:block}
 .header nav{margin:0 0 0 auto;gap:var(--space-4)}.header nav>a{display:none}
 .sound-toggle{font-size:var(--text-xs);gap:var(--space-1)}.project-link{font-size:var(--text-xs);gap:var(--space-2)}
 .hero{min-height:max(820px,100svh);height:auto;max-height:none}
 .hero-content{--hero-top:clamp(112px,16svh,152px);padding:var(--hero-top) var(--space-4) calc(var(--space-24) + var(--space-8))}.hero-eyebrow{font-size:.75rem;letter-spacing:.09em;max-width:280px;margin:auto;line-height:1.85;white-space:normal}.hero-eyebrow .hero-divider{display:none}.hero-descriptor,.hero-location{display:block}
 .hero-logo{width:calc(100% + var(--space-4));max-width:none;margin:var(--space-10) calc(-1 * var(--space-2)) 0}
 .hero h1{font-size:clamp(1.5rem,6.6vw,1.95rem);font-weight:600;margin:var(--space-10) auto 0;max-width:23ch;line-height:1.28;letter-spacing:-.015em;white-space:normal;text-wrap:balance}
 .hero-link{margin-top:var(--space-8);font-size:1rem;min-height:52px;gap:var(--space-8)}
 .sun{width:clamp(180px,56vw,260px);top:calc(clamp(112px,16svh,152px) + 44px);opacity:.84}
 .hero-bottom{bottom:var(--space-6);font-size:.8125rem;justify-content:center;text-align:center}
 .audio-invite{display:none}
 .work{padding-top:var(--space-10)}.work-heading{display:block;padding-bottom:var(--space-10)}.work-heading h2{line-height:1.4}
 .feature{height:auto;min-height:0;--screen-width:min(78vw,340px)}
 .feature-stage{height:auto;min-height:0;position:relative;padding:var(--space-10) var(--space-6) var(--space-12);gap:var(--space-6)}
 .feature-stage:before{height:48%;bottom:-20%;background-size:50px 40px}
 .feature-stage:after{left:0;right:0;bottom:14%;filter:blur(55px)}
 .feature-top{width:100%;font-size:.75rem;letter-spacing:.04em;gap:var(--space-4)}
 .feature-top>span:last-child{font-size:.75rem}
 .feature-preview{padding:var(--space-1);border-radius:6px;box-shadow:0 0 22px rgba(var(--feature-rgb),.23),0 24px 45px #03020dbb,5px 7px 0 #080613}
 .feature-preview picture{aspect-ratio:390/844}
 .feature-bottom{width:100%;align-items:flex-start;flex-direction:column;gap:var(--space-4);padding-top:var(--space-3)}
 .feature h3{font-size:clamp(1.8rem,7vw,2.4rem);line-height:1.12;max-width:19ch}
 .feature-bottom .eyebrow{margin-bottom:var(--space-3);font-size:.75rem}
 .idea{padding-block:var(--space-20)}.section-intro{margin-bottom:var(--space-12)}.section-intro .eyebrow:last-child{display:none}
 .idea-layout{display:block}.display-heading{font-size:clamp(3.4rem,10.5vw,4.8rem);line-height:1.1;letter-spacing:-.025em}
 .idea-copy>p{max-width:100%;margin-top:var(--space-8)}.idea-copy>p:first-of-type{font-size:var(--text-lg);line-height:1.75}
 .door-art{height:420px;min-height:0;margin:var(--space-8) calc(-1 * var(--gutter)) calc(-1 * var(--space-10))}
 .door-art img{object-position:60% center}.door-art:after{background:linear-gradient(var(--ink),transparent 20%,transparent 80%,var(--ink))}
 .craft{padding-block:var(--space-20)}
 .craft-header{display:block}.craft-header>.eyebrow{margin-bottom:var(--space-8)}.craft-header>.display-heading{font-size:var(--text-display)}.craft-header>p:last-child{margin-top:var(--space-8);line-height:1.85}
 .process-layout{display:flex;flex-direction:column;gap:var(--space-10);margin-top:var(--space-8)}.process-visual{position:relative;top:0;width:100%;padding:var(--space-8) var(--space-3);order:0}
 .tape{max-width:340px}.tape-label{font-size:.75rem;padding:var(--space-2) var(--space-3)}.tape-label b{font-size:1.6rem}.tape-window{padding:var(--space-1)}.reel{border-width:4px}.handwritten{margin-top:var(--space-8)}
 .process-list li{gap:var(--space-5);grid-template-columns:32px 1fr;padding-block:var(--space-8)}.process-list h3{font-size:1.8rem;line-height:1.35}.process-list p{margin-top:var(--space-4);line-height:1.85}
 .standard{display:block;padding-block:var(--space-20)}.standard-intro h2{font-size:2.5rem;line-height:1.2}.standard-intro>p:last-child{margin-top:var(--space-8)}.standards-list{margin-top:var(--space-12)}.standards-list>div{display:block;padding-block:var(--space-8)}.standards-list h3{font-size:1.7rem;line-height:1.4}.standards-list p{font-size:var(--text-base);max-width:100%;margin-top:var(--space-3);line-height:1.8}
 .invitation{padding-block:var(--space-20)}.invitation h2{font-size:clamp(4.8rem,16vw,7rem);line-height:1.04}.invitation h2 span{display:inline-block;margin-top:var(--space-3)}
 .invitation>.eyebrow{margin-bottom:var(--space-10)}.invitation>p:not(.eyebrow){margin-block:var(--space-10);line-height:1.85}.contact-email{margin-top:var(--space-8)}
 .footer{padding-top:var(--space-12)}.footer-top{display:grid;grid-template-columns:1fr;gap:var(--space-5);padding-bottom:var(--space-8)}.footer-top>p{margin:0}.footer-name{min-height:0;line-height:1.7}
 .footer-bottom{display:block;padding-top:var(--space-6)}.preferences{margin-top:var(--space-5);justify-content:flex-start;column-gap:var(--space-6);row-gap:var(--space-3)}.volume-control{display:flex;flex-basis:100%;order:1}
 dialog{padding:var(--space-10) var(--space-6)}dialog h2{font-size:2.8rem;line-height:1.15}dialog>p:not(.eyebrow){margin-top:var(--space-6)}form{gap:var(--space-6);margin-top:var(--space-8)}form label{line-height:1.8}input:not([type=range]),textarea{margin-top:var(--space-3);padding:var(--space-4)}.draft-ready>p{margin-block:var(--space-6)}.draft-ready .text-link{margin-top:var(--space-6)}
}
@media (max-width:360px){.header{padding-inline:var(--space-4);gap:var(--space-2)}.hero-content{--hero-top:124px}.hero h1{font-size:1.5rem}.sun{top:168px}.tape-label b{font-size:1.35rem}}
@media (prefers-reduced-motion:reduce){.feature{height:auto;min-height:0}.feature-stage{position:relative}.feature-depth{transform:none!important;transition:none}.process-visual{position:relative;top:0}}