@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101b16;--cream:#f4f7f1;--green:#12ae60;--gold:#eafa53;--red:#6bd899;--muted:#a2b4a8;--line:#ffffff16}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif}button,input,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.4;cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}em{font-style:normal;color:var(--red)}
header{height:100px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:23px;font-weight:700;letter-spacing:-1px}.brand-logo{width:48px;height:48px;border-radius:50%;display:block}nav{display:flex;gap:32px;font-size:14px;color:var(--muted)}nav a:hover{color:var(--cream)}.header-actions{display:flex;gap:20px;align-items:center}.x-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--cream)}.x-link:hover{background:#ffffff10}.x-link svg{width:19px;height:19px;fill:currentColor}.nav-ticket{border:1px solid #ffffff30;border-radius:30px;padding:13px 20px;display:flex;gap:22px;font-size:12px;font-weight:600}
.hero{position:relative;isolation:isolate;min-height:760px;padding:55px 7% 35px;overflow:hidden;background:radial-gradient(ellipse at 80% 38%,#20503233,transparent 58%)}.hero-copy{position:relative;z-index:2;width:55%;padding-top:28px}.eyebrow,.section-label{font-size:12px;letter-spacing:1.7px;font-weight:500}.eyebrow{color:#b8cabb}.eyebrow i{display:none}.hero h1{font-size:clamp(74px,8.8vw,132px);font-weight:500;line-height:1.03;letter-spacing:-7px;margin:25px 0}.hero-copy>p{font-size:18px;color:#c3cfc6;line-height:1.75;margin:25px 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 25px;border:0;border-radius:30px;font-size:12px;font-weight:700;letter-spacing:.3px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:20px}.yellow{background:var(--gold);color:var(--ink)}.light{background:#e7eee8;color:var(--ink);cursor:pointer}.dark{background:var(--green);color:#fff}.hero-link{font-size:14px;color:var(--muted);margin-left:22px}.hero-art{position:absolute;z-index:1;right:0;top:20px;width:53%;height:650px;pointer-events:none}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent,black 24%),linear-gradient(to top,transparent 0%,black 24%,black 85%,transparent 100%);mask-composite:intersect}.hero-bottom{display:flex;justify-content:space-between;position:relative;z-index:2;margin-top:60px;color:var(--muted);font-size:10px;letter-spacing:1.5px}
.contract{margin-top:33px;width:min(440px,100%)}.contract>label{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.contract-field{display:flex;align-items:center;gap:10px;padding:6px 7px 6px 15px;border:1px solid #ffffff21;border-radius:13px;background:#101b16bf;backdrop-filter:blur(12px)}.contract-field input{width:100%;min-width:0;font-family:monospace;font-size:13px;background:transparent;color:var(--cream);border:0;outline:0}.contract-field button{border:0;border-radius:9px;background:#ffffff0c;color:var(--cream);padding:11px 14px;white-space:nowrap;font-size:12px}.contract-field button:not(:disabled):hover{background:#ffffff20}.contract #copy-status{font-size:12px;color:var(--muted);line-height:1.5;margin:9px 0 0;min-height:18px}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden;white-space:nowrap;color:#9eb3a4;font-size:13px;letter-spacing:3px}.ticker>div{width:max-content;animation:marquee 50s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.manifesto{padding:110px 9%;display:grid;grid-template-columns:1fr 3fr;gap:50px}.section-label{color:var(--muted);display:block;margin-bottom:22px;font-size:11px}h2{font-size:clamp(38px,4.3vw,64px);font-weight:500;line-height:1.18;letter-spacing:-2.5px}.manifesto h2{font-size:clamp(35px,4vw,58px)}.manifesto h2 em{color:var(--muted)}.manifesto-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px;color:var(--muted);font-size:16px;line-height:1.8}
.studio{padding:55px 8% 110px;max-width:1500px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-heading p{font-size:15px;line-height:1.7;color:var(--muted)}.studio-shell{display:grid;grid-template-columns:1fr 1fr;gap:55px}.panel-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:15px}.canvas-wrap{position:relative;max-width:560px;margin:auto;overflow:hidden;border-radius:22px;background:#17261e}canvas{display:block;width:100%;aspect-ratio:1;touch-action:none;cursor:grab}.canvas-wrap>span{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.5px;background:#101b16b8;color:#e8f0ea;padding:10px 13px;border-radius:20px;pointer-events:none}.canvas-actions{display:flex;gap:12px;margin-top:18px}.canvas-actions .button{flex:1;justify-content:center}.square-button{width:55px;border-radius:50%;border:1px solid #ffffff30;background:transparent;color:var(--cream);font-size:25px}.privacy{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px}.wardrobe{display:flex;flex-direction:column;min-width:0}.wardrobe-title{display:flex;align-items:center;justify-content:space-between}h3{font-size:24px;font-weight:500;letter-spacing:-.6px}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:5px 0}.text-button:hover{color:var(--cream)}.tabs{display:flex;gap:4px;background:#ffffff05;border-radius:30px;padding:5px;margin:23px 0 20px}.tabs button{flex:1;background:transparent;color:var(--muted);border:0;border-radius:24px;padding:10px 2px;font-size:14px}.tabs button.active{color:var(--cream);background:#ffffff10}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.asset-item{position:relative;padding:5px 5px 18px;background:#ffffff05;border:1px solid transparent;border-radius:15px;aspect-ratio:1}.asset-item:hover{background:#ffffff0c}.asset-item.active{border-color:#70d89888;background:#70d89810}.asset-item canvas{width:100%;height:100%;pointer-events:none}.asset-item span{position:absolute;bottom:8px;left:0;right:0;font-size:11px;color:var(--muted)}.adjust{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.adjust-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;margin-bottom:16px}.adjust label{display:flex;gap:20px;align-items:center;font-size:14px;color:var(--muted);margin:15px 0}input[type=range]{accent-color:var(--green);flex:1;min-width:0}.nudge{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.nudge>span{margin-right:auto}.nudge button{width:34px;height:30px;border:0;border-radius:8px;color:var(--cream);background:#ffffff09}.layer-panel{margin-top:24px}.layer-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:10px}.layer-heading small{font-size:11px;color:var(--muted)}#layer-list{display:flex;flex-wrap:wrap;gap:7px}.layer-row{border:1px solid #ffffff16;color:var(--muted);background:transparent;border-radius:16px;padding:7px 12px;font-size:12px}.layer-row.active{border-color:#70d89870;background:#70d89810;color:#a6e7be}.layer-empty{font-size:12px;color:var(--muted);padding:4px 0}.layer-actions{display:flex;gap:10px;margin-top:12px}.layer-actions button{flex:1;border:0;border-radius:9px;background:#ffffff07;color:var(--cream);font-size:12px;padding:10px}.layer-extremes{display:flex;justify-content:space-between;margin-top:4px}.backgrounds{display:flex;align-items:center;gap:12px;margin:22px 0}.backgrounds>span{font-size:11px;color:var(--muted);letter-spacing:1px;margin-right:auto}.backgrounds button{width:23px;height:23px;border-radius:50%;background:var(--swatch);border:0}.backgrounds button.active{outline:1px solid var(--cream);outline-offset:4px}.wardrobe>.button{width:100%;margin-top:5px}#studio-status{font-size:12px;line-height:1.5;color:var(--muted);text-align:center;margin-top:12px;min-height:18px}
.sideshow{margin:0 8%;padding:65px 0 80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.sideshow p{font-size:16px;color:var(--muted);line-height:1.8;margin:24px 0}.fortune-card{padding:25px 35px;text-align:center;min-height:330px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse,#12ae6012,transparent 70%)}.fortune-card>span{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.fortune-card blockquote{font-family:Manrope,sans-serif;font-size:25px;font-weight:400;line-height:1.5;margin:20px 0 35px;letter-spacing:-.5px}.closing{text-align:center;padding:105px 20px 80px}.closing h2{font-size:clamp(48px,7vw,100px);margin:30px 0;font-weight:500}.honk{display:block;margin:28px auto 0;border:0;background:transparent;color:var(--muted);font-size:14px}.honk:hover{color:var(--gold)}.honk small{display:block;font-size:9px;letter-spacing:1px;margin-top:8px}footer{border-top:1px solid var(--line);padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer .brand-logo{width:38px;height:38px}footer .brand{font-size:20px}footer p{font-size:12px;color:var(--muted);line-height:1.8}footer>span{font-size:10px;color:var(--muted)}
.entrance{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0b1510;overflow:hidden;transition:opacity .6s 1s,visibility 0s 1.6s}.tent-scene{position:absolute;inset:0;background:linear-gradient(#08170d44,#08170d77),url('assets/tent.png') center/cover;transition:transform 1.7s cubic-bezier(.5,0,.8,.5),filter 1.5s}.entrance-content{position:relative;z-index:1;text-align:center;text-shadow:0 2px 25px #000}.entrance-logo{display:block;width:64px;height:64px;border-radius:50%;margin:0 auto 20px}.entrance .eyebrow{display:none}.entrance h1{font-size:clamp(55px,7vw,100px);font-weight:500;letter-spacing:-4px;line-height:1.1;margin:20px 0}.entrance p{font-size:16px;margin:0 20px 30px}.entrance .text-button{display:block;margin:20px auto;color:#fff}.entrance-footer{position:absolute;bottom:25px;font-size:10px;letter-spacing:1.5px}.entrance.leaving{opacity:0;visibility:hidden;pointer-events:none}.entrance.leaving .tent-scene{transform:scale(4);filter:brightness(.1)}.entrance.leaving .entrance-content{opacity:0;transition:opacity .3s}.entrance.hidden{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:var(--cream);color:var(--ink);padding:15px 25px;border-radius:30px;z-index:30;opacity:0;transition:.2s;pointer-events:none;font-size:14px}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){header,.hero,footer{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}.hero-art{right:max(0px,calc((100vw - 1500px)/2));width:750px}}
@media(max-width:1050px){header{padding:0 5%;gap:20px}nav{gap:20px}.hero{padding:40px 5%;min-height:730px}.hero h1{font-size:90px;letter-spacing:-5px}.hero-copy{width:65%}.hero-art{width:63%;right:-12%;opacity:.8}.hero-link{margin-left:14px}.studio{padding-left:6%;padding-right:6%}.studio-shell{gap:28px}.manifesto{padding:80px 6%;gap:30px;grid-template-columns:1fr 4fr}.sideshow{gap:30px;margin:0 6%}.section-heading p{max-width:220px}.asset-item span{font-size:10px}}
@media(max-width:760px){header{height:85px}nav{display:none}.header-actions{gap:9px}.nav-ticket{font-size:10px;padding:11px 14px;gap:15px}.brand{font-size:20px}.brand-logo{width:42px;height:42px}.hero{padding:35px 6% 30px;min-height:740px}.hero-copy{width:100%;padding-top:0}.hero h1{font-size:clamp(66px,12vw,90px);letter-spacing:-4px}.hero-copy .eyebrow{font-size:10px}.hero-art{right:-27%;top:75px;width:85%;height:610px;opacity:.35;mask-image:linear-gradient(to right,transparent,black 60%)}.hero-copy>p{font-size:17px;max-width:300px}.contract{margin-top:35px;max-width:400px}.hero-bottom{margin-top:45px;font-size:8px;gap:25px}.manifesto{display:block;padding:65px 6%}.manifesto h2{font-size:36px;letter-spacing:-1.5px}.manifesto-columns{gap:25px}.studio{padding:30px 6% 65px}.section-heading{margin-bottom:30px}.section-heading p{display:none}.studio-shell{grid-template-columns:1fr;gap:40px}.canvas-wrap{max-width:600px}.asset-item span{font-size:12px}.sideshow{grid-template-columns:1fr;padding:60px 0;gap:25px}.sideshow h2{font-size:43px}.fortune-card{min-height:270px;padding:20px}.fortune-card blockquote{font-size:23px}.closing{padding:75px 20px 60px}.closing>.eyebrow{font-size:9px}.closing h2{letter-spacing:-2px}footer{flex-wrap:wrap;gap:22px}footer p{width:100%;order:3}.entrance h1{font-size:65px;letter-spacing:-3px}.entrance-footer{font-size:8px}.entrance p{max-width:340px;line-height:1.6}.button{padding:16px 22px}}
@media(max-width:420px){.header-actions{gap:3px}.nav-ticket{padding:10px 12px}.nav-ticket span{display:none}.hero-link{display:inline-block;font-size:12px;margin-left:12px}.hero .button{font-size:10px;gap:17px;padding:16px 20px}.hero h1{font-size:72px}.manifesto-columns{grid-template-columns:1fr;gap:18px}.canvas-wrap>span{font-size:8px}.panel-top{font-size:8px}.asset-item span{font-size:10px}.entrance-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.entrance.leaving{display:none}}