:root{--paper:#f4f1e8;--paper-2:#ebe8dc;--ink:#181a17;--muted:#616159;--yellow:#f6d64c;--line:#d5d2c8;--font-title:'Space Grotesk',Arial,sans-serif;--font-body:'DM Sans',Arial,sans-serif;--font-mono:'Space Mono',monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:hidden}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0b84ff;outline-offset:4px}::selection{background:#ffe176;color:#181a17}
.wrap{width:min(100% - 96px,1470px);margin-inline:auto}.section-space{padding-top:126px;padding-bottom:130px}.page-noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}
.skip-link{position:fixed;left:14px;top:-100px;z-index:9999;padding:13px 18px;background:var(--yellow)}.skip-link:focus{top:14px}
.site-header{width:min(100% - 96px,1470px);margin:auto;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid var(--line);position:relative;z-index:100}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-title);font-size:29px;font-weight:700;letter-spacing:-1.7px}.brand-mark{width:36px;height:36px;transform:rotate(-9deg)}.brand-period,.footer-brand span{color:#e5ae00}.desktop-nav{display:flex;align-items:center;gap:clamp(16px,3vw,48px)}.desktop-nav a{font-weight:700;font-size:13px;position:relative;transition:opacity .2s}.desktop-nav a:hover{opacity:.5}.desktop-nav a::after{position:absolute;content:'';height:2px;left:0;right:100%;bottom:-5px;background:var(--ink);transition:right .2s}.desktop-nav a:hover::after{right:0}.header-right{display:flex;align-items:center;gap:16px}.private-dot{white-space:nowrap;display:flex;align-items:center;gap:7px;color:#62645c;font:10px var(--font-mono);letter-spacing:-.2px}.private-dot>span{background:#80a969;border-radius:50%;height:7px;width:7px;box-shadow:0 0 0 4px #80a96920}.button{border:1.5px solid var(--ink);min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:4px;padding:15px 25px;cursor:pointer;font-weight:800;font-family:var(--font-title);font-size:16px;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-3px);box-shadow:4px 5px 0 var(--ink)}.button:active{transform:translateY(1px);box-shadow:0 0 0 var(--ink)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#33352e;box-shadow:4px 5px 0 var(--yellow)}.button-accent{background:var(--yellow);color:var(--ink)}.button-small{min-height:43px;padding:10px 15px;font-size:12px}.button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.menu-toggle,.mobile-nav{display:none}
/* hero */
.hero{min-height:765px;position:relative;display:grid;grid-template-columns:52% 48%;align-items:center;gap:0;padding-bottom:95px}.hero-copy{position:relative;z-index:2;padding-top:32px}.eyebrow{display:flex;align-items:center;gap:14px;white-space:nowrap;font:10px var(--font-mono);letter-spacing:.7px;margin:0 0 40px}.star-icon{color:#c9a20a;font:28px var(--font-title)}.eyebrow-line{height:1px;width:40px;background:var(--ink);opacity:.5}.hero h1{margin:0;font-family:var(--font-title);font-weight:700;font-size:clamp(67px,7.6vw,128px);line-height:.98;letter-spacing:-.089em}.hero h1>span{letter-spacing:-.083em}.hero h1 em{font-style:normal;white-space:nowrap;position:relative;display:inline-block;z-index:1}.hero h1 em:before{content:'';position:absolute;left:-3%;right:-2%;bottom:7%;height:36%;transform:rotate(-1.6deg);background:var(--yellow);z-index:-1}.hero h1 .dot{color:#cf9c00}.hero-intro{font-size:18px;line-height:1.65;color:#484941;max-width:455px;margin:37px 0 28px}.hero-intro strong{color:var(--ink)}.hero-ctas{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.hero-ctas .button{min-height:65px;font-size:18px;padding-inline:21px}.button-icon{font-size:19px;line-height:1}.text-link{font-size:13px;font-weight:800;padding-block:8px;border-bottom:1px solid var(--ink)}.text-link span{margin-left:5px}.hero-footnote{display:flex;align-items:center;gap:11px;margin-top:54px;font:11px var(--font-mono);color:#54564c}.footnote-symbol{color:#cba60a;font-size:23px}.sep{color:#acaa9f;margin-inline:11px}.hero-art{height:min(43vw,610px);min-height:520px;position:relative;align-self:center;justify-self:stretch;margin-left:3%}.hero-image-frame{overflow:hidden;position:absolute;inset:24px 12px 3px 0;border-radius:180px 14px 12px 12px;background:#231f27;box-shadow:15px 17px 0 #e3ddcd;transform:rotate(1.1deg)}.hero-image-frame>img{width:100%;height:100%;object-fit:cover;object-position:48% center;transition:transform .65s}.hero-image-frame:hover>img{transform:scale(1.05)}.art-gradient{pointer-events:none;position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}.art-caption{position:absolute;bottom:28px;left:27px;right:27px;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:10px}.art-label{font:700 14px/1.35 var(--font-mono);letter-spacing:-.5px}.art-number{font:10px var(--font-mono);opacity:.8}.hero-stamp{position:absolute;right:-24px;top:35px;width:114px;height:114px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);transform:rotate(14deg);display:grid;place-items:center;text-align:center;font:800 19px/.95 var(--font-title);letter-spacing:-1px;box-shadow:4px 4px 0 #222;z-index:2}.stamp-spark{position:absolute;right:12px;bottom:9px;font-size:18px}.art-corner-cube{position:absolute;font-size:80px;bottom:-38px;right:20px;color:var(--yellow);transform:rotate(-20deg);line-height:1;text-shadow:2px 2px 0 var(--ink)}.scroll-cue{position:absolute;bottom:35px;right:0;display:flex;align-items:center;gap:15px;letter-spacing:1.1px;font:10px var(--font-mono)}.scroll-line{width:47px;height:1px;background:var(--ink)}
/* ticker */
.ticker{background:var(--ink);color:var(--paper);height:63px;overflow:hidden;display:flex;align-items:center;transform:rotate(-.65deg) scale(1.02)}.ticker-track{display:flex;align-items:center;white-space:nowrap;gap:28px;min-width:max-content;animation:marquee 30s linear infinite;font:700 15px var(--font-mono);letter-spacing:1.1px}.ticker-track i{color:var(--yellow);font-style:normal;font-size:28px}@keyframes marquee{to{transform:translateX(-50%)}}
/* sections */
.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px}.section-index,.section-aside{font:11px var(--font-mono);letter-spacing:.3px}.section-index{font-weight:700}.section-aside{color:var(--muted)}.handwritten{font-family:var(--font-title);font-size:18px;font-weight:700;font-style:italic;transform:rotate(-9deg)}
.pitch-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:start;margin-bottom:75px}.pitch h2,.gallery-heading h2,.manifesto h2,.faq h2{font-family:var(--font-title);font-weight:700;letter-spacing:-.077em;line-height:1.02;margin:0}.pitch h2{font-size:clamp(64px,7.3vw,122px)}.outlined{-webkit-text-stroke:2px var(--ink);color:transparent}.yellow-period{color:#d6a50a}.pitch-body{padding-top:10px;max-width:565px}.pitch-body p{margin:0 0 22px;font-size:19px;line-height:1.64;color:#55564f}.pitch-body strong{color:var(--ink)}.pill-note{display:inline-flex;align-items:center;gap:10px;background:#e7e7dd;padding:12px 16px;border-radius:100px;font-weight:700;font-size:12px;transform:rotate(-2deg)}.pill-note span{font-size:20px;color:#b98e24}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{border:1px solid var(--ink);min-height:345px;padding:31px;position:relative;display:flex;flex-direction:column;background:var(--paper);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-7px);box-shadow:7px 7px 0 var(--ink)}.feature-yellow{background:var(--yellow)}.feature-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:33px}.feature-num{font:12px var(--font-mono)}.feature-emoji{font-size:37px}.feature-card h3{font:700 clamp(35px,3.3vw,52px)/1.01 var(--font-title);letter-spacing:-2.8px;margin:0 0 17px}.feature-card p{font-size:15px;line-height:1.55;max-width:300px;margin:0;color:#4d4e47}.feature-arrow{position:absolute;bottom:24px;right:30px;font-size:23px}
/* gallery */
.moments{background:#e8e5db}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:44px}.gallery-heading h2{font-size:clamp(62px,7.5vw,125px)}.gallery-heading h2 em{font-style:normal;color:#a49f90}.gallery-heading p{font:13px/1.7 var(--font-mono);margin:0 0 10px}.scribble-arrow{font-size:94px;font-family:Georgia,serif;color:#c2a035;transform:rotate(40deg);margin-left:auto;margin-right:20px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.gallery-card{padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--ink);font-family:inherit;min-width:0}.gallery-photo{height:clamp(225px,25vw,400px);display:block;overflow:hidden;border-radius:4px;background:#b1a9a0;position:relative}.gallery-photo:after{content:'↗';position:absolute;right:17px;top:17px;background:var(--yellow);color:var(--ink);border:1px solid var(--ink);height:43px;width:43px;border-radius:50%;display:grid;place-items:center;font-size:21px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.gallery-card:hover .gallery-photo:after,.gallery-card:focus-visible .gallery-photo:after{opacity:1;transform:translateY(0)}.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.gallery-card:hover img{transform:scale(1.075)}.gallery-card-two .gallery-photo img{object-position:50% 40%}.gallery-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 2px}.gallery-info small{display:block;font:10px var(--font-mono);color:#73736a;margin-bottom:8px}.gallery-info strong{font:700 16px/1.2 var(--font-title);letter-spacing:-.55px}.gallery-plus{font-size:22px;flex-shrink:0}.gallery-disclaimer{margin:28px 0 0;color:#777669;font:11px/1.6 var(--font-mono)}
/* manifesto */
.manifesto{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(80px,11vw,210px);align-items:center;min-height:740px}.manifesto-illustration{background:#fffefa;padding:19px 19px 52px;box-shadow:13px 19px 1px #d9d4c9;border:1px solid #dcd8ce;transform:rotate(-6deg);position:relative;max-width:540px;margin:30px auto}.manifesto-illustration img{width:100%;height:400px;object-fit:cover;object-position:center 43%;background:#cad9df}.polaroid-scribble{position:absolute;bottom:14px;left:25px;font:700 20px var(--font-title);letter-spacing:-1px}.polaroid-scribble span{color:#cfab30}.tape{position:absolute;width:120px;height:28px;left:50%;top:-12px;transform:translateX(-50%) rotate(3deg);background:#ded2a8aa;clip-path:polygon(0 0,100% 10%,96% 100%,4% 94%)}.manifesto h2{font-size:clamp(61px,6.6vw,104px);margin-top:35px}.manifesto h2 em{font-style:normal;display:inline-block;background:var(--yellow);padding-right:9px;transform:rotate(-1deg)}.manifesto-copy>p{font-size:17px;color:#51514a;line-height:1.7;margin:26px 0 31px;max-width:580px}.manifesto-rules{border-top:1px solid var(--line)}.manifesto-rules>div{display:grid;grid-template-columns:38px 1fr 20px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.manifesto-rules div span:first-child{font:11px var(--font-mono);color:#77756e}.manifesto-rules div strong{font-size:15px}.manifesto-rules div span:last-child{font-size:21px;color:#a59227}.banana-button{margin-top:27px;background:transparent;border:1px dashed #a39f8c;padding:13px 16px;display:flex;align-items:center;gap:14px;font:700 11px var(--font-mono);cursor:pointer;transition:background .2s}.banana-button:hover{background:var(--yellow)}.banana-button>span:last-child{margin-left:10px;font-size:16px}.floating-banana{position:fixed;top:110%;left:var(--x);z-index:200;pointer-events:none;font-size:clamp(25px,4vw,55px);animation:banana-rise var(--duration) ease-in forwards;filter:drop-shadow(2px 3px 0 #0003)}@keyframes banana-rise{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}100%{transform:translateY(-125vh) rotate(var(--spin));opacity:0}}
/* quote */
.quote-band{padding:86px 0 78px;background:var(--yellow);overflow:hidden}.quote-inner{text-align:center;display:flex;align-items:center;flex-direction:column}.quote-inner>span{font:800 90px/1 var(--font-title);height:52px}.quote-inner p{font:700 clamp(34px,5vw,78px)/1.1 var(--font-title);letter-spacing:-.07em;margin:10px 0 23px}.quote-inner em{font-style:normal;text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:7px}.quote-inner small{font:10px var(--font-mono);letter-spacing:.9px}
/* FAQ */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq h2{font-size:clamp(65px,6.7vw,110px);margin-top:32px}.faq-heading p{color:#5c5d56;margin-top:22px;font-size:17px}.faq-items{padding-top:24px}.faq-items details{border-top:1px solid var(--line)}.faq-items details:last-child{border-bottom:1px solid var(--line)}.faq-items summary{list-style:none;display:grid;grid-template-columns:33px 1fr 35px;align-items:center;gap:13px;padding:26px 0;cursor:pointer}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span:first-child{font:11px var(--font-mono);color:#8b8b81}.faq-items summary strong{font:700 clamp(15px,1.5vw,20px) var(--font-title);letter-spacing:-.5px}.faq-plus{font-size:30px;line-height:1;font-weight:300;transition:transform .2s;text-align:right}.faq-items details[open] .faq-plus{transform:rotate(45deg)}.faq-items details p{margin:-6px 35px 27px 46px;color:#54554c;font-size:15px;line-height:1.7;max-width:480px}
/* join */
.join{min-height:610px;background:#16191c;position:relative;color:var(--paper);overflow:hidden;display:flex;align-items:center;text-align:center;justify-content:center}.join-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(16,18,19,.91),rgba(16,18,19,.70),rgba(16,18,19,.91)),url('assets/gallery-sunset.webp');background-position:center;background-size:cover;filter:saturate(.7)}.join-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 5%,#121512 85%);opacity:.65}.join-content{position:relative;z-index:1;padding:95px 0}.join-overline{font:11px var(--font-mono);letter-spacing:.6px;color:#bcbbaa}.join h2{font:700 clamp(60px,8.6vw,142px)/.98 var(--font-title);letter-spacing:-.08em;margin:30px 0 20px}.join h2 em{color:var(--yellow);font-style:normal}.join p{font-size:17px;color:#d3d2cb;margin:0 0 36px}.join-copy{min-height:65px;padding:16px 30px;font-size:22px}.join-content>small{display:block;color:#b6b6ad;font:10px var(--font-mono);margin-top:21px}.join-spark{position:absolute;color:var(--yellow);font-size:100px;opacity:.85}.join-spark-left{left:7%;top:27%;transform:rotate(21deg)}.join-spark-right{right:9%;bottom:17%;font-size:65px;transform:rotate(-10deg)}
/* footer */
.footer{min-height:232px;padding-top:48px;padding-bottom:29px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;gap:25px}.footer-brand{font:700 44px var(--font-title);letter-spacing:-3.5px}.footer>p{margin:10px auto 0;max-width:330px;font-size:12px;line-height:1.6;color:#5c5b54;text-align:center}.footer>p span{color:#b99105}.back-top{font:700 11px var(--font-mono);justify-self:end;border-bottom:1px solid;padding-top:13px;padding-bottom:5px}.footer-bottom{grid-column:1/-1;margin-top:25px;border-top:1px solid var(--line);padding-top:17px;font:10px var(--font-mono);color:#8d8a82}
.toast{position:fixed;left:50%;bottom:24px;z-index:300;background:var(--ink);color:#fff;min-width:200px;text-align:center;box-shadow:5px 5px 0 var(--yellow);padding:14px 20px;font:700 13px var(--font-body);opacity:0;transform:translate(-50%,30px);transition:opacity .25s,transform .25s;pointer-events:none;border-radius:3px}.toast.visible{opacity:1;transform:translate(-50%,0)}.lightbox{border:0;max-width:min(92vw,1050px);max-height:90vh;padding:12px 12px 17px;background:var(--paper);box-shadow:20px 20px 0 #f6d64c40}.lightbox::backdrop{background:#0d1010dd;backdrop-filter:blur(8px)}.lightbox img{max-height:72vh;max-width:100%;margin:auto;object-fit:contain}.lightbox p{text-align:center;font:700 17px var(--font-title);margin:14px 0 0}.lightbox form{position:absolute;top:18px;right:18px}.lightbox-close{background:var(--yellow);width:45px;height:45px;border:1px solid var(--ink);cursor:pointer;font-size:29px;display:grid;place-items:center}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.manifesto-illustration.reveal{transform:rotate(-6deg) translateY(25px)}.manifesto-illustration.in-view{transform:rotate(-6deg) translateY(0)}
@media (min-width:1600px){.hero{min-height:870px}}
@media (max-width:1240px){.wrap,.site-header{width:min(100% - 64px,1470px)}.private-dot{display:none}.desktop-nav{gap:19px}.hero{grid-template-columns:54% 46%;min-height:720px}.hero h1{font-size:clamp(57px,7.4vw,95px)}.hero-art{min-height:455px}.hero-stamp{right:-5px}.hero-intro{font-size:17px}.pitch-grid{gap:42px}.feature-card{padding:25px}.manifesto{gap:60px}.manifesto-illustration img{height:360px}.gallery-heading h2{font-size:clamp(61px,7vw,98px)}}
@media (max-width:900px){.section-space{padding:96px 0}.site-header,.wrap{width:calc(100% - 44px)}.site-header{min-height:78px}.desktop-nav{display:none}.menu-toggle{width:44px;height:44px;border:1px solid var(--ink);background:transparent;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:absolute;top:78px;left:0;right:0;z-index:99;background:var(--paper);padding:14px 22px 25px;flex-direction:column;box-shadow:0 18px 25px #0002;transform:translateY(-16px);opacity:0;pointer-events:none;visibility:hidden;transition:transform .25s,opacity .25s,visibility .25s}.mobile-nav.is-open{transform:none;opacity:1;pointer-events:auto;visibility:visible}.mobile-nav a{font:700 24px var(--font-title);padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.mobile-nav button{margin-top:22px}.hero{grid-template-columns:1fr 1fr;min-height:0;padding-top:75px;padding-bottom:95px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(54px,8vw,88px)}.eyebrow{font-size:9px;gap:6px;white-space:normal;margin-bottom:24px}.eyebrow-line{display:none}.hero-art{min-height:440px;height:57vw}.hero-intro{font-size:16px;margin:23px 0}.hero-ctas{gap:17px}.hero-footnote{margin-top:36px}.hero-stamp{width:88px;height:88px;font-size:15px;right:0;top:18px}.art-corner-cube{font-size:65px}.scroll-cue{bottom:22px}.pitch-grid{grid-template-columns:1fr;gap:26px;margin-bottom:47px}.pitch h2{font-size:clamp(66px,9vw,104px)}.pitch-body{max-width:750px}.gallery-heading{flex-wrap:wrap}.gallery-heading h2{font-size:clamp(57px,8vw,105px)}.gallery-heading p{flex-basis:100%}.scribble-arrow{display:none}.gallery-grid{gap:12px}.gallery-photo{height:25vw}.gallery-info strong{font-size:13px}.manifesto{gap:42px;grid-template-columns:.85fr 1.15fr;min-height:0}.manifesto-illustration img{height:300px}.manifesto h2{font-size:clamp(51px,6.8vw,88px)}.faq{gap:35px}.faq h2{font-size:clamp(56px,7vw,90px)}}
@media (max-width:680px){.site-header,.wrap{width:calc(100% - 36px)}.brand{font-size:27px}.brand-mark{width:31px;height:31px}.button-small{display:none}.site-header{gap:10px}.hero{padding-top:49px;padding-bottom:75px;display:flex;flex-direction:column;align-items:stretch;gap:48px}.hero-copy{width:100%}.hero h1{font-size:clamp(54px,12.5vw,90px);line-height:1}.hero-intro{max-width:480px;font-size:16px}.hero-ctas .button{min-height:57px;font-size:16px}.hero-footnote{margin-top:35px;font-size:10px}.hero-art{width:calc(100% - 17px);height:425px;min-height:0;margin-left:0}.hero-image-frame{inset:0 5px 5px 0;border-radius:110px 9px 9px 9px;box-shadow:10px 12px 0 #e3ddcd}.hero-stamp{right:-8px;top:5px}.art-corner-cube{right:0;bottom:-34px}.scroll-cue{display:none}.ticker{height:51px}.ticker-track{font-size:12px;gap:17px}.section-space{padding:85px 0}.section-top{margin-bottom:33px}.handwritten{font-size:14px}.pitch h2,.gallery-heading h2,.faq h2{font-size:clamp(51px,11.4vw,75px)}.pitch-body p{font-size:16px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:238px;padding:23px}.feature-top{margin-bottom:14px}.feature-card h3{font-size:41px;margin-bottom:9px}.feature-card p{font-size:14px;max-width:400px}.feature-arrow{bottom:18px;right:20px}.gallery-heading{margin-bottom:30px}.gallery-heading p{font-size:11px}.gallery-grid{grid-template-columns:1fr;gap:22px}.gallery-photo{height:auto;aspect-ratio:1.55}.gallery-info{padding:14px 0}.gallery-info strong{font-size:16px}.gallery-disclaimer{font-size:10px}.manifesto{grid-template-columns:1fr;gap:30px}.manifesto-illustration{width:min(85%,420px);margin:7px auto 30px;padding:15px 15px 44px;box-shadow:9px 11px 1px #d9d4c9}.manifesto-illustration img{height:auto;aspect-ratio:1.14;object-fit:cover}.polaroid-scribble{font-size:16px}.manifesto h2{font-size:clamp(57px,11.6vw,79px);margin-top:23px}.manifesto-copy>p{font-size:16px}.quote-band{padding:69px 0 66px}.quote-inner>span{font-size:70px;height:38px}.quote-inner p{font-size:clamp(33px,8vw,50px)}.quote-inner small{font-size:9px;max-width:250px;line-height:1.7}.faq{grid-template-columns:1fr;gap:30px}.faq h2{margin-top:23px}.faq-heading p{font-size:15px}.faq-items{padding-top:0}.faq-items summary{padding:22px 0;grid-template-columns:29px 1fr 29px}.faq-items summary strong{font-size:16px}.faq-items details p{margin:0 22px 25px 42px;font-size:14px}.join{min-height:500px}.join-content{padding:78px 0}.join h2{font-size:clamp(47px,10vw,76px);margin:27px 0 20px}.join p{font-size:15px;line-height:1.65}.join-overline{font-size:9px}.join-spark{font-size:48px;opacity:.5}.join-spark-right{font-size:36px}.join-copy{font-size:18px;min-height:61px}.footer{grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding:33px 0 23px}.footer-brand{font-size:38px}.footer>p{order:3;grid-column:1/-1;text-align:left;margin:6px 0 0}.back-top{justify-self:end}.footer-bottom{order:4;margin-top:18px;font-size:9px}.lightbox{padding:8px 8px 16px;width:94vw}.lightbox p{font-size:15px}}
@media (max-width:360px){.hero h1{font-size:51px}.eyebrow{font-size:8px}.hero-ctas{gap:12px}.hero-ctas .button{padding-inline:15px}.hero-art{height:360px}.hero-intro{font-size:15px}.section-index{font-size:9px}.pitch h2,.gallery-heading h2{font-size:49px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}.manifesto-illustration.reveal{transform:rotate(-6deg)!important}}

/* ─── ZIGGLE LIVE ─── */
.live-zone{background:#191c19;color:#f4f1e8;position:relative;overflow:hidden}
.live-zone:before{content:'✳';position:absolute;right:-3%;top:-10%;color:#ffffff09;font:700 470px var(--font-title);pointer-events:none}
.live-zone .section-index{color:#bdbdb3}.live-zone .section-top{position:relative}.live-microcopy{color:#999d8f;font:11px var(--font-mono)}
.live-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:47px;position:relative}
.live-heading h2{font:700 clamp(58px,7.2vw,112px)/.95 var(--font-title);letter-spacing:-.075em;margin:15px 0 0}.live-heading h2 em{font-style:normal;color:var(--yellow)}
.live-kicker{font:10px var(--font-mono);letter-spacing:.1em;color:#a1ad9f;margin:0}
.live-presence{border:1px solid #545a4f;background:#272b26;display:flex;align-items:center;gap:13px;padding:15px 18px;min-width:240px;max-width:280px;border-radius:5px;margin-bottom:6px}
.live-led{width:11px;height:11px;border-radius:50%;background:#8d9483;box-shadow:0 0 0 5px #8d948320;flex:0 0 auto}.live-led.is-online{background:#a8ea87;box-shadow:0 0 0 5px #a8ea8720}.live-led.is-offline{background:#f18b81;box-shadow:0 0 0 5px #f18b8120}
.live-presence strong{font:700 14px var(--font-title);display:block}.live-presence small{font:10px var(--font-mono);color:#a9aba3;display:block;margin-top:5px}
.live-grid{display:grid;grid-template-columns: .95fr 1.05fr;gap:15px}.live-numbers,.live-roster{background:#262a25;min-height:318px;padding:30px;position:relative;border:1px solid #444b40;border-radius:7px;overflow:hidden}
.live-numbers{background:var(--yellow);color:#191c19;border-color:var(--yellow)}.live-card-label{font:11px var(--font-mono);letter-spacing:.04em}.live-big-counter{font:700 clamp(75px,10vw,146px)/1.07 var(--font-title);letter-spacing:-.085em;display:flex;align-items:baseline;gap:12px;margin-top:17px}.live-counter-slash{font-size:.45em;opacity:.48}.live-big-counter #live-capacity{font-size:.54em;letter-spacing:-.05em}
.live-meter{height:8px;background:#14150f28;margin:21px 0 11px;border-radius:20px;overflow:hidden}.live-meter span{display:block;width:0;height:100%;background:#191c19;transition:width .4s}
.live-numbers p{font:13px/1.5 var(--font-body);max-width:410px;margin:0 0 37px}.live-server-address{font:700 12px var(--font-mono);position:absolute;bottom:26px;left:30px}.live-address-copy{font-weight:400;opacity:.65}
.live-roster-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #51584c;padding-bottom:17px;font:10px var(--font-mono);color:#c9ccbf}
.live-player-list{display:flex;flex-wrap:wrap;gap:11px;align-content:start;min-height:172px;padding:22px 0}.live-empty{align-self:center;font:15px/1.6 var(--font-body);color:#b8bbae;max-width:350px;margin:0}.live-player{display:flex;align-items:center;gap:11px;padding:9px 14px 9px 9px;background:#33392f;border:1px solid #505b49;border-radius:4px;font:700 14px var(--font-title);height:61px;min-width:135px}.live-player img{width:40px;height:40px;image-rendering:pixelated;background:#4d5b46;border-radius:3px}.live-player-avatar-fallback{display:grid;place-items:center;width:40px;height:40px;background:#4d5b46;font-size:24px;border-radius:3px}
.live-roster-note{font:10px/1.6 var(--font-mono);color:#a4ae9d;margin:0}.live-disclaimer{font:10px/1.6 var(--font-mono);color:#a1aa99;margin:20px 0 0}
/* ─── CARTE ─── */
.map-zone{background:#e8e7df}.map-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}.map-intro h2{font:700 clamp(55px,7.1vw,108px)/.96 var(--font-title);letter-spacing:-.08em;margin:14px 0 0}.map-intro h2 em{font-style:normal;position:relative;white-space:nowrap}.map-intro h2 em:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:8px;background:var(--yellow);transform:rotate(-1deg)}.map-eyebrow{font:10px var(--font-mono)}.map-intro>p{font:16px/1.7 var(--font-body);max-width:350px;margin:0 0 4px;color:#5c5d52}
.map-shell{background:#171c1b;border:2px solid #131716;border-radius:7px;box-shadow:13px 14px 0 #ccc9be;overflow:hidden}.map-shell-bar,.map-bottom{display:flex;justify-content:space-between;align-items:center;color:#d6d9d2;font:10px var(--font-mono);padding:16px 23px}.map-shell-bar{border-bottom:1px solid #4b5248;gap:10px}.map-shell-bar a{color:var(--yellow);border-bottom:1px solid #f6d64c80;padding-bottom:2px}.map-window-dots{display:flex;gap:6px}.map-window-dots i{height:9px;width:9px;border:1px solid #a8afa1;border-radius:50%}.map-window-dots i:first-child{background:#ef9d90;border-color:#ef9d90}.map-window-dots i:nth-child(2){background:#f8d45e;border-color:#f8d45e}.map-window-dots i:nth-child(3){background:#a7d69d;border-color:#a7d69d}
.map-frame-wrap{position:relative;height:clamp(430px,49vw,685px);background:#1b261e}.map-frame-wrap iframe{width:100%;height:100%;border:0;background:#141e19;display:block}.map-frame-wrap iframe[hidden]{display:none}
.map-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:linear-gradient(#121c1ac7,#111915ee),url('assets/gallery-castle.webp') center/cover;color:#f5f4e9}.map-placeholder[hidden]{display:none}.map-placeholder-inner{padding:30px;max-width:580px}.map-placeholder-icon{font-size:72px;display:block;margin-bottom:5px;color:var(--yellow)}.map-placeholder h3{font:700 clamp(34px,5.5vw,72px)/.98 var(--font-title);letter-spacing:-.06em;margin:0 0 19px}.map-placeholder p{font:16px/1.6 var(--font-body);color:#e1e3d9;max-width:425px;margin:0 auto 26px}.map-bottom{border-top:1px solid #4b5248;color:#b6beb5;gap:12px}.map-caution{font:11px/1.6 var(--font-mono);color:#67695f;margin:33px 0 0}
@media(max-width:1240px){.live-heading h2{font-size:clamp(58px,7vw,100px)}.map-intro h2{font-size:clamp(58px,6.7vw,100px)}}
@media(max-width:900px){.live-heading{align-items:start}.live-presence{min-width:200px}.live-grid{grid-template-columns:1fr 1fr}.live-numbers,.live-roster{padding:22px}.live-server-address{left:22px}.map-intro>p{max-width:270px}.map-intro h2{font-size:clamp(47px,7vw,70px)}}
@media(max-width:680px){.live-heading{display:block;margin-bottom:28px}.live-heading h2{font-size:clamp(54px,12vw,79px)}.live-presence{margin-top:25px;max-width:none;min-width:0}.live-grid{grid-template-columns:1fr;gap:12px}.live-numbers,.live-roster{min-height:260px}.live-big-counter{font-size:clamp(76px,18vw,115px)}.live-player-list{min-height:100px}.live-numbers p{margin-bottom:49px}.live-microcopy{display:none}.map-intro{display:block}.map-intro h2{font-size:clamp(52px,11.3vw,72px)}.map-intro>p{max-width:580px;margin-top:25px}.map-frame-wrap{height:480px}.map-shell-bar,.map-bottom{font-size:8px;padding:12px;gap:6px}.map-placeholder-icon{font-size:55px}.map-placeholder h3{font-size:39px}.map-placeholder p{font-size:14px}.map-placeholder-inner{padding:20px}.map-bottom{flex-direction:column;gap:5px;align-items:start}}


/* ZIGGLE_HEADS_3D_V1 — portraits cubiques Crafthead, animation CSS sans librairie */
.live-player {
  position: relative;
  isolation: isolate;
  min-width: 169px;
  height: auto;
  min-height: 84px;
  padding: 8px 18px 8px 8px;
  gap: 12px;
  background: linear-gradient(126deg,#3a4135 0%,#30372f 100%);
  border: 1px solid #5b6854;
  border-radius: 8px;
  transition: transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
}
.live-player > .ziggle-player-name {
  display: block;
  overflow-wrap: anywhere;
  font: 700 14px/1.3 var(--font-title);
  color: #f7f7ef;
}
.ziggle-head-scene {
  position: relative;
  width: 66px;
  height: 64px;
  flex: 0 0 66px;
  display: grid;
  place-items: center;
  perspective: 250px;
  border-radius: 5px;
  background: radial-gradient(ellipse at 50% 38%,#657452 0%,#465440 46%,#354132 80%);
  overflow: visible;
}
.ziggle-head-scene::after {
  content: '';
  position: absolute;
  left: 22%;
  right: 22%;
  bottom: 6px;
  height: 6px;
  background: #080d08a3;
  border-radius: 100%;
  filter: blur(3px);
  transform: scale(.9);
  z-index: -1;
  transition: transform .3s;
}
/* Crafthead /cube est déjà isométrique ; la perspective CSS accentue l'effet. */
.live-player .ziggle-player-head {
  width: 61px;
  height: 61px;
  max-width: none;
  display: block;
  object-fit: contain;
  background: transparent;
  border: 0;
  border-radius: 0;
  image-rendering: pixelated;
  transform: translateY(-4px) rotate(-5deg) rotateY(-9deg);
  transform-style: preserve-3d;
  filter: drop-shadow(0 4px 2px #0b130d8e);
  transition: transform .35s cubic-bezier(.2,.8,.15,1.3),filter .35s;
  will-change: transform;
}
.live-player .ziggle-player-avatar-fallback {
  width: 61px;
  height: 61px;
  display: grid;
  place-items: center;
  font-size: 30px;
  background: transparent;
}
.ziggle-player-status {
  align-self: center;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-radius: 50%;
  background: #a6e78a;
  box-shadow: 0 0 0 3px #a6e78a18;
}
@media (hover:hover) and (pointer:fine) {
  .live-player:hover {
    transform: translateY(-3px);
    border-color: #f6d64c;
    background: linear-gradient(130deg,#3f4e39,#374335);
    box-shadow: 4px 5px 0 #161c18;
  }
  .live-player:hover .ziggle-player-head {
    transform: translateY(-10px) rotate(3deg) rotateY(13deg) rotateX(-9deg) scale(1.13);
    filter: drop-shadow(0 10px 4px #0b130da6);
  }
  .live-player:hover .ziggle-head-scene::after { transform: scale(1.2); }
}
@media (prefers-reduced-motion:reduce) {
  .live-player, .live-player .ziggle-player-head, .ziggle-head-scene::after { transition:none !important; }
  .live-player:hover, .live-player:hover .ziggle-player-head { transform:none; }
}