:root{--bg:#13110f;--surface:#1c1916;--paper:#ece5d9;--muted:#b1a697;--line:#39322b;--accent:#d7263d;--accent-text:#f5475a;--sans:'Geist',sans-serif;--serif:'Instrument Serif',Georgia,serif;--mono:'Geist Mono',monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--paper);font:400 16px/1.65 var(--sans)}body::after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%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='.5'/%3E%3C/svg%3E")}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img,video{display:block;max-width:100%;height:auto}img{object-fit:contain}figure{margin:0}p{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.025em}h1{font-size:clamp(42px,4.5vw,70px);margin-bottom:20px}h2{font-size:clamp(48px,6.1vw,90px);margin-bottom:28px}h3{font-size:38px;margin-bottom:18px}em{color:var(--accent);font-weight:400}main{max-width:1600px;margin:auto}.topbar{position:sticky;top:0;z-index:6;background:rgba(19,17,15,.97);border-bottom:1px solid var(--line);padding:20px 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar a{text-decoration:none;font-size:13px}.topbar .home{font-weight:700;letter-spacing:-.07em;font-size:20px;display:flex;gap:5px;align-items:center}.drop{display:inline-block;width:8px;height:12px;background:var(--accent);border-radius:70% 30% 60% 40%;transform:rotate(-25deg)}nav{display:flex;gap:28px}.site-link{color:var(--muted)}.hero,.chapter,footer{padding:70px clamp(22px,5vw,80px)}.hero{padding-top:38px}.eyebrow,.mono{font:400 11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--muted);margin-bottom:36px}.hero>.eyebrow{display:flex;justify-content:space-between;gap:24px}.wordmark{width:min(100%,1050px);height:auto;margin:48px auto 55px}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.hero-bottom p{max-width:460px;margin-bottom:0;font-size:17px}.scroll-link{display:flex;align-items:center;gap:34px;text-decoration:none;font-size:13px;white-space:nowrap}.scroll-link span{font-size:32px;color:var(--accent)}.collab{display:flex;align-items:center;gap:24px;padding-top:42px;margin-top:44px;border-top:1px solid var(--line);color:var(--muted)}.collab img{width:150px;height:auto}.collab>.mono:last-child{margin-left:auto}.chapter{border-top:1px solid var(--line);padding-top:90px;padding-bottom:95px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:70px;align-items:end;margin-bottom:48px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:30px}.section-heading h2{margin:0}.section-heading>p:last-child{font-size:17px;max-width:410px;margin-bottom:4px}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.art-link{display:block;background:#11100d;border:1px solid var(--line)}.art-link img{width:100%;height:auto}.art-link:hover{outline:1px solid var(--accent)}figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font:11px/1.7 var(--mono);color:var(--muted)}figcaption span:last-child{color:#c5b9a8;text-align:right}.brand-section{background:var(--surface)}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.brand-notes{padding-top:20px}.brand-notes>p{max-width:390px}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:35px 0 50px}.palette>div{font-size:10px;line-height:1.6}.palette span{display:block;aspect-ratio:1.25;background:var(--swatch);border:1px solid #574c40;margin-bottom:12px}.palette small{display:block;font:9px/1.7 var(--mono);color:var(--muted)}.brand-line{font:400 clamp(32px,3.5vw,52px)/1.15 var(--serif);color:var(--paper)}.brand-board img{width:100%;border:1px solid var(--line)}.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}.formats img{width:100%;border:1px solid var(--line)}.film-section{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;background:var(--surface)}.film-copy>p{max-width:380px}.note{font-size:12px;max-width:300px!important;margin-top:30px}.film{width:100%;max-width:390px;justify-self:center}.film video{width:100%;border:1px solid var(--line)}.process-list{list-style:none;padding:0;margin:65px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px 65px}.process-list li{border-top:1px solid var(--line);padding-top:24px;display:flex;gap:25px}.step{font:12px var(--mono);color:var(--accent);padding-top:10px}.process-list h3{font-size:34px;margin-bottom:14px}.process-list p{font-size:15px;max-width:430px;margin:0}.process-credit{display:flex;gap:30px;align-items:center;padding-top:25px;border-top:1px solid var(--line)}.process-credit img{width:180px;height:auto}.process-credit p{font-size:13px;margin:0}.process-credit .mono{display:block;margin-top:8px;color:var(--accent)}footer{border-top:1px solid var(--line);padding-top:70px;padding-bottom:25px}.footer-links{display:flex;gap:35px;flex-wrap:wrap;margin:40px 0 70px}.footer-links a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:15px}.ico{width:17px;height:17px;fill:currentColor;flex:none}.colophon{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font:10px var(--mono)}.colophon a{text-decoration:none}.skip{position:absolute;left:-9999px;top:10px;z-index:20;background:var(--paper);color:var(--bg);padding:12px}.skip:focus{left:12px}
@media(max-width:767px){html{scroll-padding-top:65px}.topbar{padding:15px 22px;gap:15px}.topbar .home{font-size:17px}nav{gap:15px}.topbar a{font-size:11px}.site-link{display:none}.hero,.chapter,footer{padding-left:22px;padding-right:22px}.hero{padding-top:26px;padding-bottom:45px}.hero>.eyebrow{font-size:9px;gap:10px;flex-wrap:wrap}.wordmark{margin:45px auto 40px}.hero-bottom{display:block}.hero-bottom p{font-size:15px}.scroll-link{margin-top:24px;justify-content:space-between}.collab{gap:16px;flex-wrap:wrap;margin-top:28px;padding-top:25px}.collab .mono{font-size:9px}.collab img{width:120px}.collab>.mono:last-child{margin-left:0}.chapter{padding-top:50px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:22px}.section-heading h2{margin-bottom:25px}.section-heading>p:last-child{font-size:15px}.art-grid,.brand-grid,.formats,.film-section,.process-list{grid-template-columns:1fr;gap:35px}.brand-notes{padding-top:0}.brand-grid{gap:20px}.brand-line{margin-bottom:20px}.palette{gap:8px;margin:30px 0}.palette>div{font-size:9px}.palette small{font-size:8px}.formats{gap:34px;max-width:450px;margin:auto}.formats figure:last-child{max-width:340px;justify-self:center;width:100%}.film-section{gap:25px}.film{max-width:340px}.process-list{margin:40px 0}.process-list h3{font-size:30px}.process-credit{gap:20px;flex-wrap:wrap}.process-credit img{width:140px}.footer-links{gap:22px;margin:30px 0 50px}.footer-links a{font-size:13px}.colophon{font-size:9px;gap:15px;flex-wrap:wrap}figcaption{font-size:9px;gap:10px}h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.topbar .home img{width:120px;height:auto}@media(max-width:767px){.topbar .home img{width:105px}}

.scroll-link span,.step,.process-credit .mono{color:var(--accent-text)}
/* Compact studio banner and tighter presentation scale. */
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-latin-var.woff2') format('woff2');font-weight:300 500;font-display:swap}
main{max-width:1440px}h1{font-size:clamp(32px,3.1vw,48px)}h2{font-size:clamp(36px,4vw,58px)}h3{font-size:30px}.chapter{padding-top:56px;padding-bottom:60px}.section-heading{margin-bottom:30px;column-gap:45px}.section-heading>p:last-child{font-size:15px}.section-heading .eyebrow{margin-bottom:22px}.brand-line{font-size:clamp(28px,3vw,40px)}.process-list h3{font-size:29px}.contest-hero{height:clamp(230px,22vw,320px);position:relative;isolation:isolate;background:url('/assets/brand/hero-texture.svg') center/cover,#13110f;border-bottom:1px solid var(--line)}.contest-hero-copy{position:relative;z-index:1;width:54%;height:100%;padding-left:clamp(22px,5vw,80px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.contest-hero-copy>img{width:min(100%,420px);height:auto}.contest-hero-copy p{font:400 clamp(10px,1.1vw,15px)/1.5 Montserrat,var(--sans);letter-spacing:.25em;text-transform:uppercase;margin:17px 0 12px}.contest-hero-copy>span{font:11px var(--mono);color:var(--muted)}.contest-hero-art{position:absolute;right:5%;top:14px;bottom:38px;width:38%}.contest-hero-art img{width:100%;height:100%;object-fit:contain}.hero-controls{position:absolute;right:5%;bottom:7px;display:flex;gap:16px;align-items:center}.hero-controls[hidden]{display:none}.hero-controls button{border:0;background:transparent;color:var(--paper);font:20px var(--sans);cursor:pointer;min-width:34px;min-height:30px}.hero-controls button:focus-visible{outline:2px solid var(--accent)}.hero-controls span{font:10px var(--mono);color:var(--muted)}.contest-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px clamp(22px,5vw,80px)}.contest-intro .eyebrow{margin-bottom:12px}.contest-intro h1{margin-bottom:12px}.contest-intro p:last-child{margin:0;font-size:15px}.intro-credit{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.intro-credit img{width:150px}.intro-credit span{font-size:10px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.post-grid article{border-top:1px solid var(--line);padding-top:18px}.post-grid article>img{width:100%;height:300px;object-fit:contain;background:var(--surface);margin-bottom:22px}.post-grid .eyebrow{font-size:10px;margin-bottom:14px}.post-grid h3{font-size:29px}.post-grid p{font-size:14px}.post-grid a{font-size:13px}.post-status{display:block;font:10px/1.6 var(--mono);color:var(--muted);margin-top:15px}footer{padding-top:50px}.footer-links{margin-bottom:45px}
@media(max-width:767px){.topbar{gap:12px}.topbar nav{gap:12px}.topbar a{font-size:10px}.topbar .home img{width:92px}.contest-hero{height:210px}.contest-hero-copy{width:55%;padding-left:22px}.contest-hero-copy p{font-size:8px;letter-spacing:.15em;line-height:1.7;margin:12px 0 8px}.contest-hero-copy>span{font-size:8px}.contest-hero-art{right:16px;width:38%;top:16px;bottom:40px}.hero-controls{right:12px;gap:7px}.contest-intro{padding:26px 22px;display:block}.contest-intro .eyebrow{font-size:9px}.intro-credit{flex-direction:row;align-items:center;justify-content:space-between;margin-top:22px}.intro-credit img{width:120px}.chapter{padding-top:38px;padding-bottom:42px}.section-heading h2{margin-bottom:20px}.section-heading .eyebrow{margin-bottom:18px}.brand-grid{gap:14px}.film{max-width:300px}.post-grid{grid-template-columns:1fr;gap:30px}.post-grid article>img{height:320px}.process-list{gap:26px}.process-list h3{font-size:27px}}

.affiliate-credit{margin:22px 0 0;font-size:14px}.affiliate-credit small{display:block;margin-top:7px;font:11px/1.6 var(--mono);color:var(--muted)}

html.image-viewer-open{overflow:hidden}.image-viewer{box-sizing:border-box;width:calc(100% - 32px);max-width:1400px;height:calc(100dvh - 32px);max-height:none;padding:20px;margin:auto;border:1px solid var(--line);background:var(--bg);color:var(--paper)}.image-viewer[open]{display:flex;flex-direction:column;gap:16px}.image-viewer::backdrop{background:rgba(19,17,15,.94)}.image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.image-viewer-toolbar button{min-height:48px;padding:10px 18px;border:0;border-radius:999px;background:var(--paper);color:var(--bg);font:500 15px var(--sans);cursor:pointer}.image-viewer-toolbar a{display:inline-flex;align-items:center;min-height:48px;color:var(--paper);font-size:14px}.image-viewer :focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}.image-viewer>img{display:block;min-height:0;flex:1;width:100%;object-fit:contain}@media(max-width:480px){.image-viewer{width:100%;height:100dvh;padding:16px;border:0}.image-viewer-toolbar{gap:10px}.image-viewer-toolbar button{font-size:13px;padding:10px 14px}.image-viewer-toolbar a{font-size:12px}}

.image-viewer-trigger{cursor:zoom-in}.image-viewer-trigger:focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}

/* Keep the complete creative credit and referral links together above the showcase. */
.attribution-top{padding:24px clamp(22px,5vw,80px) 28px;border-bottom:1px solid var(--line)}
.attribution-top .process-credit{padding-top:0;border-top:0}
@media(max-width:767px){.attribution-top{padding:24px 22px}.attribution-top .process-credit{row-gap:16px}}
.affiliate-box-wrap{display:flex;justify-content:flex-end;padding:14px clamp(22px,5vw,80px) 0}
.affiliate-box{width:min(100%,300px);padding:12px 14px;border:1px solid var(--line);background:var(--surface)}
.affiliate-box .process-credit{padding:0;border:0;gap:12px;flex-wrap:nowrap;margin-bottom:8px}
.affiliate-box .process-credit img{width:84px}
.affiliate-box .process-credit p{font-size:11px;line-height:1.4}
.affiliate-box .process-credit .mono{margin-top:3px;font-size:10px}
.affiliate-box .affiliate-credit{margin:6px 0 0;font-size:12px;line-height:1.4}
.affiliate-box .affiliate-credit small{display:inline;margin:0 0 0 6px;font-size:10px}
@media(max-width:767px){.affiliate-box-wrap{padding:10px 22px 0}.affiliate-box{width:min(100%,260px);padding:10px 12px}.affiliate-box .affiliate-credit{font-size:11px}.affiliate-box .affiliate-credit small{display:block;margin:0;font-size:9px}}
.affiliate-box{width:min(100%,340px)}
.affiliate-box .affiliate-credit a{white-space:nowrap}
@media(max-width:767px){.affiliate-box{width:min(100%,270px)}}
.affiliate-box .affiliate-credit small{display:block;margin:0;white-space:nowrap}

/* Featured portrait Short, ahead of the gallery. */
.featured-short{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:center;gap:clamp(28px,5vw,72px);padding:36px clamp(22px,5vw,80px);border-bottom:1px solid var(--line);background:var(--surface)}
.featured-short-copy{max-width:600px}.featured-short .eyebrow{margin-bottom:20px}.featured-short h2{font-size:clamp(32px,3.5vw,52px)}
.short-fallback{display:inline-flex;align-items:center;gap:9px;font-size:14px}
.short-player{width:100%;aspect-ratio:9/16;background:var(--bg);border:1px solid var(--line)}
.short-player iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:767px){.featured-short{grid-template-columns:1fr;padding:28px 22px;gap:24px}.short-player{max-width:360px;justify-self:center}}

/* Spacing cleanup: affiliate box sits bottom right, aligned to the page's right edge, with even rhythm above the footer. */
.affiliate-box-wrap{padding:0 clamp(22px,5vw,80px) 36px}
.affiliate-box-wrap+footer{border-top:1px solid var(--line)}
.featured-short{padding-top:44px;padding-bottom:44px}
@media(max-width:767px){.affiliate-box-wrap{padding:0 22px 28px}.affiliate-box{margin-left:auto}.featured-short{padding-top:32px;padding-bottom:32px}}

/* Hero: larger WOLFTOONS wordmark (Anton worn-ink style from #24/#25), balanced against the artwork, tighter band. */
main>.hero{height:clamp(300px,31vw,440px)}
main>.hero .hero-copy{width:52%}
main>.hero .hero-mark{width:min(100%,640px)}
main>.hero .hero-art{width:calc(48% - var(--gutter))}
@media(max-width:767px){main>.hero{height:clamp(200px,56vw,280px)}main>.hero .hero-copy{width:58%;padding-right:6px}main>.hero .hero-mark{width:100%}main>.hero .hero-art{width:calc(42% - var(--gutter))}}

/* Keep social-card actions distinct and allow them to wrap on narrow screens. */
.social-posts .post-actions{display:flex;flex-wrap:wrap;gap:8px 20px}
.social-posts .post-actions a{display:inline-flex;align-items:center;min-height:44px}
