@font-face{font-family:Display;src:url('assets/display.woff') format('woff');font-display:swap;font-weight:700}@font-face{font-family:Sans;src:url('assets/sans.woff') format('woff');font-display:swap;font-weight:100 900}
:root{--ink:#111211;--paper:#e5e2df;--gutter:clamp(22px,5.2vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Sans,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid currentColor;outline-offset:8px}img{display:block;max-width:100%}::selection{background:#cdff73;color:#111}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:14px;z-index:99}.skip:focus{top:20px}.hero{position:relative;min-height:740px;height:100svh;max-height:1200px;background:var(--ink);isolation:isolate}.hero:before,.works:before,footer:before{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/paper.webp') repeat;opacity:.035;mix-blend-mode:screen}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#393a3438,transparent 65%)}header{height:110px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{font-family:Display,Impact,sans-serif;font-size:36px;letter-spacing:-1px;line-height:1}.learn{display:flex;align-items:center;gap:35px;border-bottom:1px solid #b6b5b0;padding:12px 0;font-size:14px}.learn span{font-size:23px;transition:transform .3s}.learn:hover span{transform:translate(4px,4px)}.hero-art{height:calc(100% - 200px);display:grid;place-items:center;padding:10px 12vw 90px}.hero-logo{width:min(740px,65vw);height:auto;max-height:70vh;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 0 35px #ffffff09);animation:logo-enter 1.5s cubic-bezier(.2,.7,.3,1) both}.paint{position:relative;z-index:2;background:var(--paper);height:180px;overflow:hidden;isolation:isolate}.paint img{width:105%;max-width:none;height:100%;object-fit:fill;transform:translateX(calc(-2.5% + var(--paint-x,0px))) scaleY(var(--paint-scale,1));transform-origin:center top;transition:transform 1.3s cubic-bezier(.2,.8,.2,1);will-change:transform}.paint:hover img{--paint-scale:1.035}.hero-paint{position:absolute;left:0;right:0;bottom:-1px;height:170px}.paper{background:var(--paper);color:var(--ink);position:relative;isolation:isolate}.paper:before{content:'';position:absolute;inset:0;background:url('assets/paper.webp') repeat;opacity:.22;z-index:-1;mix-blend-mode:multiply}.about{padding:48px var(--gutter) 145px}.section-kicker{font-size:12px;line-height:1.5;display:flex;justify-content:space-between;gap:24px;letter-spacing:.025em}.about-intro{display:grid;grid-template-columns:1.1fr 1fr .85fr;align-items:center;gap:7%;margin-top:85px}.about-pictures{display:flex;align-items:center;gap:8px}.about-pictures img{width:48%;height:150px;object-fit:cover;filter:grayscale(1)}.about-pictures img:first-child{transform:rotate(-5deg)}.about-pictures img:last-child{transform:rotate(5deg) translateY(18px)}.about-copy{max-width:335px;font-size:14px;line-height:1.55}.about-copy p{margin:0 0 24px}.about-copy p:first-child{font-weight:700;font-size:13px;line-height:1.35}.about-stamp{position:relative;justify-self:end;display:grid;place-items:center;width:clamp(130px,17vw,255px);aspect-ratio:1;border:13px solid var(--ink);border-radius:50%;transform:rotate(-12deg);font-family:Display,Impact,sans-serif}.about-stamp span{font-size:clamp(130px,17vw,250px);line-height:.8}.about-stamp small{position:absolute;right:-32px;top:5px;font-family:Arial;font-size:30px}.about-statement{margin-top:115px;font-family:Display,'Arial Narrow',Sans,sans-serif;font-weight:900;font-size:clamp(34px,6.1vw,105px);line-height:1.05;letter-spacing:-.045em}.statement-row{display:flex;justify-content:space-between;gap:20px}.statement-last{display:flex;align-items:end;justify-content:space-between;gap:25px}.text-link{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:clamp(16px,2.5vw,38px);letter-spacing:-.025em;text-decoration:underline;text-underline-offset:7px}.text-link>span{font-family:Arial,sans-serif;font-size:1.7em;text-decoration:none}.text-link:hover{opacity:.65}.about-note{margin-top:55px;display:grid;grid-template-columns:1.4fr 1fr;gap:8%;font-size:12px;line-height:1.6}.about-note p{font-size:14px;max-width:375px;margin:0}.paint-up{transform:rotate(180deg);margin-top:-1px;height:130px}.works{position:relative}.works-inner{padding:65px var(--gutter) 100px}.works-heading{display:flex;align-items:flex-start;gap:25px;margin:70px 0 55px}.works h2{font-family:Display,'Arial Narrow',Sans,sans-serif;font-size:clamp(72px,12vw,190px);font-weight:900;line-height:.9;letter-spacing:-.06em;margin:0}.work-total{font-size:18px;margin-top:10px}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:5%;row-gap:80px}.work{display:block;min-width:0}.work-feature{grid-column:1/13}.work-two{grid-column:1/7}.work-three{grid-column:8/13;margin-top:145px}.work-four{grid-column:1/8}.work-five{grid-column:9/13;align-self:end;margin-bottom:2px}.work-image{position:relative;overflow:hidden;background:#262723;aspect-ratio:16/9}.work-feature .work-image{aspect-ratio:2.05}.work-image>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.82);transition:filter .7s,transform .9s cubic-bezier(.2,.7,.3,1)}.work:hover .work-image>img,.work:focus-visible .work-image>img{filter:grayscale(0) brightness(1);transform:scale(1.025)}.work-caption{display:flex;gap:18px;align-items:start;padding:20px 0 0}.work-caption h3{font-family:Display,Arial,Sans,sans-serif;font-weight:700;letter-spacing:-.015em;line-height:1.25;font-size:clamp(18px,2.1vw,31px);margin:0;max-width:90%}.work-feature h3{max-width:650px}.work-number{color:#999b96;font-size:12px;line-height:2}.work-caption>span:last-child:not(.work-number){margin-left:auto;font-size:27px}.play{position:absolute;top:50%;left:50%;width:72px;height:72px;border:1px solid #fff8;background:#1114;backdrop-filter:blur(7px);border-radius:50%;display:grid;place-items:center;font-size:32px;transform:translate(-50%,-40%);opacity:0;transition:transform .4s,opacity .4s}.watch{position:absolute;bottom:20px;left:24px;font-size:12px;opacity:0;text-shadow:0 1px 6px black;transition:opacity .4s}.work:hover .play,.work:focus-visible .play{opacity:1;transform:translate(-50%,-50%)}.work:hover .watch,.work:focus-visible .watch{opacity:1}.works-paint{height:160px}.contact{padding:35px var(--gutter) 90px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:70px}.contact-row>p{font-size:clamp(18px,2.3vw,34px);line-height:1.35;letter-spacing:-.04em;margin:0}.discord-link{font-family:Display,Impact,sans-serif;font-weight:700;font-size:clamp(48px,8vw,130px);letter-spacing:-.04em;line-height:1;border-bottom:3px solid var(--ink);display:flex;gap:55px;align-items:center}.discord-link>span{font-family:Arial;font-size:.65em;transition:transform .3s}.discord-link:hover>span{transform:translate(6px,-6px)}footer{position:relative;min-height:600px;padding:65px var(--gutter) 0;overflow:hidden;isolation:isolate}.footer-heading{position:relative;font-family:Display,Impact,sans-serif;font-weight:700;font-size:27.5vw;line-height:.82;letter-spacing:-.042em;margin-left:-.025em;white-space:nowrap}.footer-bottom{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 0;border-top:1px solid #4a4b45;font-size:12px;margin-top:190px}.footer-bottom a:hover,.section-kicker a:hover{opacity:.65}.cursor-aura{position:fixed;left:0;top:0;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,#e9f4df28 0%,#e9f4df0d 36%,transparent 67%);transform:translate(-1000px,-1000px);z-index:10;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .6s}.cursor-ring{position:fixed;width:28px;height:28px;border:1px solid #f3f3ee75;border-radius:50%;z-index:30;top:0;left:0;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:width .2s,height .2s,opacity .4s}.pointer-visible .cursor-aura,.pointer-visible .cursor-ring{opacity:1}@keyframes logo-enter{from{opacity:0;transform:rotate(-7deg) translateY(24px) scale(.95)}to{opacity:1;transform:rotate(-5deg) translateY(0) scale(1)}}
@media(min-width:1800px){.hero-art{padding-bottom:130px}.hero-logo{width:850px}.footer-heading{font-size:27vw}}@media(max-width:900px){.hero{min-height:640px;max-height:950px}.hero-art{padding-left:7vw;padding-right:7vw}.hero-logo{width:80vw}.about-intro{gap:5%;grid-template-columns:1fr 1.2fr .7fr}.about-pictures img{height:105px}.about-stamp{border-width:9px;width:125px}.about-stamp span{font-size:130px}.about-stamp small{right:-20px;font-size:22px}.about-statement{font-size:6.2vw;margin-top:85px}.about-copy{font-size:13px}.about-copy p:first-child{font-size:12px}.work-grid{row-gap:55px}.work-three{grid-column:7/13;margin-top:95px}.work-two{grid-column:1/7}.work-four{grid-column:1/8}.work-five{grid-column:8/13}.work-caption{gap:12px}.work-caption h3{font-size:20px}.footer-bottom{margin-top:100px}footer{min-height:520px}}
@media(max-width:600px){header{height:90px}.brand{font-size:31px}.learn{gap:25px}.hero{height:88svh;min-height:550px}.hero-art{height:calc(100% - 125px);padding:0 4vw 60px}.hero-logo{width:92vw}.hero-paint{height:110px}.about{padding-top:30px;padding-bottom:80px}.section-kicker{font-size:12px}.about-intro{margin-top:55px;grid-template-columns:1fr 1fr;gap:35px 25px}.about-pictures{grid-column:1/2}.about-pictures img{height:100px;width:50%}.about-copy{grid-column:1/3;grid-row:2;max-width:none;display:grid;grid-template-columns:1fr 1.2fr;gap:24px;font-size:14px}.about-copy p{margin:0}.about-stamp{grid-column:2;grid-row:1;width:100px;justify-self:center;border-width:7px}.about-stamp span{font-size:105px}.about-stamp small{right:-22px;top:0}.about-statement{margin-top:65px;font-size:6.6vw;line-height:1.2;letter-spacing:-.055em}.statement-row{gap:8px}.statement-last{align-items:start;flex-direction:column;gap:30px}.text-link{align-self:end;font-size:20px;line-height:1.25}.about-note{grid-template-columns:1fr;gap:20px;margin-top:35px}.about-note p{font-size:14px;max-width:310px}.paint-up{height:80px}.works-inner{padding-top:35px;padding-bottom:65px}.works-heading{margin-top:55px;margin-bottom:35px;gap:15px}.works h2{font-size:17vw}.work-total{font-size:14px}.work-grid{display:grid;grid-template-columns:1fr;gap:45px}.work{grid-column:auto;margin:0}.work-feature .work-image{aspect-ratio:16/9}.work-caption{padding-top:15px}.work-caption h3{font-size:20px}.work-caption>span:last-child:not(.work-number){font-size:24px}.work-five{max-width:100%;justify-self:stretch;width:100%}.works-paint{height:105px}.contact{padding-top:20px;padding-bottom:55px}.contact-row{flex-direction:column;align-items:start;margin-top:45px;gap:30px}.discord-link{font-size:68px;gap:50px}.contact-row>p{font-size:22px}footer{padding-top:45px;min-height:490px}.footer-heading{font-size:27vw}.footer-bottom{flex-wrap:wrap;row-gap:22px;font-size:12px;margin-top:20px;padding:25px 0}.back-top{margin-left:auto}.cursor-aura,.cursor-ring{display:none}.play{width:50px;height:50px;font-size:24px}}
@media(hover:none){.cursor-aura,.cursor-ring{display:none}.work:active .work-image>img{filter:none}.work:active .play{opacity:1}.hero-logo{animation-duration:.8s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cursor-aura,.cursor-ring{display:none}.paint img{transform:none!important}}

/* Full-depth paint boundaries share one subtle paper grid and page grain. */
:root{--hero-edge:max(220px,28.118vw);--about-edge:max(190px,43.772vw);--works-edge:max(210px,38.841vw);--footer-edge:max(180px,28.293vw);--grid-line:rgba(17,18,17,.045)}
body::before{content:'';position:fixed;inset:0;z-index:40;pointer-events:none;background:url('assets/paper.webp') repeat;mix-blend-mode:soft-light;opacity:.16}
.hero:before,.works:before,footer:before,.paper:before{content:none}
.paper,.paint{background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}
.paint{height:var(--about-edge);isolation:isolate}
.paint::after{content:'';position:absolute;inset:-1px 0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,var(--ink) 0%,var(--ink) 3%,rgba(17,18,17,0) 17%)}
.paint img{width:108%;height:100%;object-fit:cover;object-position:center;filter:none;transform:translateX(calc(-4% + var(--paint-x,0px))) scaleY(var(--paint-scale,1));transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}
.hero{height:auto;min-height:0;max-height:none}
.hero header{position:absolute;top:0;left:0;right:0}
.hero-art{position:relative;isolation:isolate;height:100svh;min-height:620px;place-items:center;padding:70px 2vw}
.hero-paint{position:absolute;inset:0;z-index:0;height:100%;margin:0}
.hero-logo{position:relative;z-index:2;pointer-events:none;width:min(1080px,88vw,119.65svh);max-height:78svh;justify-self:center;align-self:center}
.paint-up{height:var(--about-edge)}
.works-paint{height:var(--works-edge)}
footer{padding-top:calc(var(--footer-edge) + 65px)}
.footer-paint{position:absolute;top:-1px;left:0;right:0;height:var(--footer-edge);margin:0}
@media(max-width:600px){
 :root{--hero-edge:clamp(180px,47vw,260px);--about-edge:clamp(160px,44vw,240px);--works-edge:clamp(190px,50vw,270px);--footer-edge:clamp(170px,45vw,245px)}
 .paper,.paint{background-size:26px 26px}
 .hero-art{height:100svh;min-height:480px;padding:70px 2vw}
 .hero-logo{width:94vw;max-height:74svh}
 footer{padding-top:calc(var(--footer-edge) + 45px)}
}
@media(prefers-reduced-motion:reduce){.paint img{transform:translateX(-4%)!important}}

/* Hero composition follows the supplied Frame 1 reference. */
@font-face{font-family:HeroHeading;src:url('assets/hero-heading.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
.hero{background:var(--ink);overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:url('assets/hero-grain.webp') repeat;opacity:.5;mix-blend-mode:screen}
.hero::after{content:none}
.hero header{height:clamp(100px,7.7vw,150px);padding:0 2.2vw;z-index:5;mix-blend-mode:difference}
.hero-identity{display:flex;align-items:center;gap:3.3vw;min-width:0}
.hero .brand,.hero-role,.hero .learn{font-family:HeroHeading,Arial,sans-serif;font-size:clamp(16px,1.5vw,29px);font-weight:400;line-height:1.25;letter-spacing:-.04em;color:#f5f5f3}
.hero-role{white-space:nowrap}
.hero .learn{border:0;padding:0;gap:7px;text-transform:uppercase;flex-shrink:0;font-size:clamp(14px,1.35vw,26px)}
.hero .learn span{transform:none;transition:background .25s,color .25s;border:1px solid #dededec7}
.learn-label{height:clamp(48px,4vw,78px);padding:0 2.5vw;display:grid;place-items:center}
.hero .learn .learn-arrow{height:clamp(48px,4vw,78px);width:clamp(48px,4vw,78px);font-family:Arial,sans-serif;font-size:clamp(25px,2.2vw,40px);display:grid;place-items:center}
.hero .learn:hover span{background:#f5f5f3;color:var(--ink)}
.hero-art{height:max(100svh,76.75vw);min-height:0;display:block;padding:0}
.hero-paint{top:auto;bottom:-1px;height:28.118vw;min-height:260px}
.hero-logo{position:absolute;left:50%;top:1.4vw;width:84vw;max-width:none;height:auto;max-height:none;transform:translateX(-50%);filter:none;animation:hero-reference-enter 1.2s cubic-bezier(.2,.7,.3,1) both}
@keyframes hero-reference-enter{from{opacity:0;transform:translate(-50%,18px) scale(.985)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:900px){
 .hero header{height:110px;padding:0 24px;align-items:center}
 .hero-identity{flex-direction:column;align-items:flex-start;gap:9px}
 .hero .brand{font-size:23px}.hero-role{font-size:13px;letter-spacing:-.02em}
 .hero .learn{font-size:13px;gap:5px}.learn-label{padding:0 18px}
 .hero-art{height:100svh;min-height:650px}
 .hero-logo{top:46%;width:94vw;transform:translate(-50%,-50%);animation:none}
 .hero-paint{height:max(270px,40vw);min-height:0}
}
@media(max-width:600px){
 .hero header{height:100px;padding:0 18px;gap:12px}.hero-identity{flex:1}.hero .brand{font-size:18px}.hero-role{font-size:12px;white-space:normal;max-width:100%}
 .hero .learn{font-size:12px;gap:4px}.learn-label{height:42px;padding:0 8px}.hero .learn .learn-arrow{width:32px;height:42px;font-size:24px}
 .hero-art{min-height:570px}.hero-logo{top:46%;width:96vw}.hero-paint{height:max(230px,55vw)}
}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}}

/* One foreground character overlaps the oversized footer lettering. */
.footer-stage{position:relative;isolation:isolate;height:clamp(480px,49vw,800px)}
.footer-stage .footer-heading{position:absolute;top:40%;left:50%;width:100%;margin:0;transform:translate(-50%,-50%);text-align:center;z-index:0;pointer-events:none}
.footer-character{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:min(700px,56vw);max-width:100%;object-fit:contain;object-position:center bottom;pointer-events:none}
.footer-bottom{z-index:3;margin-top:0;background:var(--ink)}
@media(max-width:600px){.footer-stage{height:clamp(380px,112vw,560px)}.footer-character{width:88vw;max-width:none;height:94%}.footer-stage .footer-heading{top:43%}.footer-bottom{margin-top:0}}

/* Paint and footer share one charcoal color and one continuous texture. */
footer.ink-footer{--footer-tone:var(--ink);background:var(--footer-tone);color:var(--paper);padding-top:calc(var(--footer-edge) + 45px);margin-top:-1px;min-height:0}
footer.ink-footer::after{content:none}
.ink-footer .footer-paint{top:0;transform:none}
.ink-footer .footer-paint img{transform-origin:center;transform:translateX(calc(-4% + var(--paint-x,0px))) rotate(180deg) scaleY(var(--paint-scale,1));-webkit-mask-image:none;mask-image:none}
.ink-footer .footer-paint::after{background:linear-gradient(to bottom,rgba(17,18,17,0) 0%,rgba(17,18,17,0) 76%,var(--footer-tone) 96%,var(--footer-tone) 100%)}
.ink-footer .footer-heading{color:var(--paper)}
.ink-footer .footer-bottom{background:transparent;color:var(--paper);border-top:0}
@media(max-width:600px){footer.ink-footer{padding-top:calc(var(--footer-edge) + 30px)}}
@media(prefers-reduced-motion:reduce){.ink-footer .footer-paint img{transform:translateX(-4%) rotate(180deg)!important}}

/* Solid paint must not show the lighter paper through its charcoal interior. */
.paint-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
.ink-footer .footer-paint img{filter:url(#footer-paint-solid)}

.section-kicker-end{justify-content:flex-end}

/* Updated hero navigation and swapped hero/footer artwork. */
.hero-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 2.2vw}
.hero-navigation{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2.2vw,44px);font-family:HeroHeading,Arial,sans-serif;font-size:clamp(11px,.86vw,16px);letter-spacing:.015em;color:#f5f5f3}
.hero-navigation a{position:relative;padding:12px 0;white-space:nowrap}
.hero-navigation a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.hero-navigation a:hover::after,.hero-navigation a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.hero-header .brand{transition:color .3s ease,text-shadow .3s ease}
.hero-header .brand:hover,.hero-header .brand:focus-visible{color:#95D261;text-shadow:0 0 18px rgba(149,210,97,.24)}
.menu-toggle{display:none}
body.menu-open{overflow:hidden}
.hero-showcase{position:relative;height:100svh;min-height:650px;overflow:hidden}
.hero-wordmark{position:absolute;z-index:2;top:43%;left:50%;width:100%;transform:translate(-50%,-50%);font-family:Display,Impact,sans-serif;font-weight:700;font-size:27.5vw;line-height:.82;letter-spacing:-.042em;text-align:center;white-space:nowrap;color:var(--paper);pointer-events:none;animation:wordmark-enter 1.2s cubic-bezier(.2,.7,.3,1) both}
.hero-character{position:absolute;z-index:3;bottom:0;left:50%;transform:translateX(-50%);height:92%;width:min(760px,58vw);max-width:none;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.2));animation:character-enter 1.25s .08s cubic-bezier(.2,.7,.3,1) both}
@keyframes wordmark-enter{from{opacity:0;transform:translate(-50%,-47%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes character-enter{from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
.footer-stage{display:grid;place-items:center;height:clamp(430px,42vw,680px)}
.footer-logo{position:relative;z-index:2;width:min(900px,76vw);max-height:90%;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 0 35px #ffffff09)}

/* Seven-work editorial rhythm. */
.work-six{grid-column:1/7}
.work-seven{grid-column:7/13;margin-top:110px}
.work-dynamic{grid-column:1/13}
.work-dynamic .work-image{aspect-ratio:2.05}

@media(max-width:900px){
 .hero-header{height:88px;padding:0 24px}
 .hero-navigation{gap:clamp(12px,2.4vw,24px);font-size:11px}
 .hero-showcase{height:100svh;min-height:620px}
 .hero-wordmark{top:45%;font-size:28vw}
 .hero-character{height:88%;width:min(700px,78vw)}
 .work-six{grid-column:1/7}.work-seven{grid-column:7/13;margin-top:85px}
 .footer-stage{height:clamp(380px,56vw,560px)}
 .footer-logo{width:min(760px,84vw)}
}
@media(max-width:600px){
 .hero{height:100svh;min-height:560px;max-height:none}
 .hero-header{position:absolute;inset:0 0 auto;z-index:20;height:76px;padding:0 16px;display:grid;grid-template-columns:44px 1fr 44px;gap:0}
 .hero-header .brand{display:block;grid-column:2;justify-self:center;position:relative;z-index:22;font-size:20px;letter-spacing:-.02em}
 .menu-toggle{grid-column:3;display:flex;position:relative;z-index:22;width:44px;height:44px;padding:0;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#f5f5f3}
 .menu-toggle span{display:block;width:28px;height:2px;background:currentColor;transition:transform .35s cubic-bezier(.2,.7,.3,1),opacity .25s}
 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(5px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-5px) rotate(-45deg)}
 .hero-navigation{position:fixed;inset:0;z-index:21;width:100%;padding:112px 24px 44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;background:rgba(17,18,17,.97);font-size:clamp(34px,11vw,52px);line-height:1;color:#f5f5f3;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-14px);transition:opacity .35s ease,visibility .35s,transform .45s cubic-bezier(.2,.7,.3,1)}
 .hero-navigation.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
 .hero-navigation a{width:100%;padding:10px 0}
 .hero-navigation a::after{bottom:2px}
 .hero-showcase{height:100svh;min-height:560px;padding:0}
 .hero-wordmark{top:36%;width:106vw;font-size:31vw}
 .hero-character{bottom:0;height:100%;width:142vw}
 .work-six,.work-seven{grid-column:auto;margin:0}
 .work-dynamic{grid-column:auto;margin:0}
 .work-dynamic .work-image{aspect-ratio:16/9}
 .footer-stage{height:clamp(330px,88vw,500px)}
 .footer-logo{width:92vw}
}
@media(prefers-reduced-motion:reduce){.hero-wordmark,.hero-character{animation:none}}

/* Fine-tuning requested for the hero, about mark and footer. */
.hero-wordmark{top:51%;font-size:25vw}
.about-stamp span{position:absolute;left:50%;top:50%;display:block;line-height:1;margin:0;transform:translate(-50%,-50%)}
.ink-footer .footer-stage{position:relative;z-index:4;height:clamp(520px,48vw,760px);margin-top:calc(var(--footer-edge)*-.42);overflow:visible;display:grid;place-items:center}
.ink-footer .footer-logo{position:relative;z-index:4;top:3%;width:min(880px,72vw);max-width:100%;max-height:76%;margin:auto;object-fit:contain;object-position:center;transform:rotate(-5deg)}
@media(max-width:900px){
 .hero-wordmark{top:51%;font-size:26vw}
 .ink-footer .footer-stage{height:clamp(440px,63vw,620px);margin-top:calc(var(--footer-edge)*-.34)}
 .ink-footer .footer-logo{top:1%;width:min(740px,82vw);max-height:74%}
}
@media(max-width:600px){
 .hero-wordmark{top:36%;font-size:31vw}
 .ink-footer .footer-stage{height:clamp(360px,96vw,510px);margin-top:calc(var(--footer-edge)*-.28)}
 .ink-footer .footer-logo{top:0;width:90vw;max-height:70%}
}

/* About imagery starts monochrome and reveals its colour on hover. */
.about-pictures img{filter:grayscale(1) brightness(.9);transition:filter .65s ease}
.about-pictures img:hover{filter:grayscale(0) brightness(1)}
.about-stamp span{position:static;width:100%;height:100%;display:grid;place-items:center;font-size:clamp(92px,12.5vw,188px);line-height:1;text-align:center;transform:translateY(.025em)}
@media(max-width:600px){.about-stamp span{font-size:70px}}
@media(hover:none){.about-pictures img:active{filter:grayscale(0) brightness(1)}}

/* Precise portfolio anchor, compact contact CTA and fully visible footer mark. */
#work-heading{scroll-margin-top:16px}
.contact .discord-link{font-size:clamp(36px,6vw,96px);gap:clamp(10px,1.2vw,20px);white-space:nowrap}
.contact-copy{flex:0 1 410px}
.contact-lead{font-size:clamp(18px,2.3vw,34px);line-height:1.35;letter-spacing:-.04em;margin:0}
.contact-proof{max-width:330px;margin:24px 0 0;font-size:14px;line-height:1.5;letter-spacing:0}
.discord-link .contact-arrow{display:block;width:.52em;height:.52em;flex:0 0 .52em;align-self:center;overflow:visible;transform:translateY(.02em);transition:transform .3s}
.discord-link .contact-arrow path{fill:none;stroke:var(--ink);stroke-width:2.25;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
.discord-link:hover .contact-arrow{transform:translate(.08em,-.06em)}
.ink-footer .footer-stage{position:relative;z-index:4;height:auto;min-height:clamp(460px,46vw,700px);margin-top:0;padding:clamp(40px,5vw,80px) 0;overflow:visible;display:flex;align-items:center;justify-content:center}
.ink-footer .footer-logo{position:static;top:auto;display:block;width:min(920px,80vw);max-width:100%;height:auto;max-height:none;margin:0 auto;object-fit:contain;object-position:center;transform:rotate(-5deg)}
@media(max-width:600px){
 .contact .discord-link{font-size:clamp(32px,10.5vw,48px);gap:10px}
 .contact-copy{flex:none}
 .contact-lead{font-size:22px}
 .contact-proof{margin-top:18px;font-size:13px}
 .ink-footer .footer-stage{min-height:360px;margin-top:0;padding:30px 0}
 .ink-footer .footer-logo{width:90vw;max-height:none}
}

/* Neon-green custom pointer matching the hero character. */
@media(hover:hover) and (pointer:fine){
 html,body,body *,a,button{cursor:url('assets/cursor-green.svg') 5 4,auto!important}
 a,button,[role="button"],label,select,summary{cursor:url('assets/cursor-hand-green.svg') 15 3,pointer!important}
 .cursor-ring{display:none!important}
}

/* Black-and-white typewriter preloader. */
.preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#050505;color:#f7f7f4;opacity:1;visibility:visible;transition:opacity .58s cubic-bezier(.4,0,.2,1),visibility .58s;pointer-events:auto}
.preloader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.preloader-word{font-family:HeroHeading,Display,Arial,sans-serif;font-size:clamp(46px,8vw,138px);line-height:1;letter-spacing:.035em}
.preloader-word span{display:block;width:0;max-width:7.25ch;overflow:hidden;white-space:nowrap;border-right:3px solid currentColor;animation:preloader-type 1s steps(7,end) .12s forwards,preloader-caret .48s step-end infinite}
@keyframes preloader-type{from{width:0}to{width:7.25ch}}
@keyframes preloader-caret{0%,100%{border-color:transparent}50%{border-color:currentColor}}
@media(prefers-reduced-motion:reduce){.preloader{transition-duration:.2s}.preloader-word span{width:7.25ch;animation:none;border-right:0}}

/* Protected editing surface. */
.admin-page{min-height:100vh;background:#101110;color:#f4f4ef;font-family:Body,Arial,sans-serif;cursor:auto}.admin-page *{box-sizing:border-box}.admin-page button,.admin-page input,.admin-page textarea{font:inherit}.admin-page a{color:inherit}.admin-shell{min-height:100vh}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(20px,5vw,76px);border-bottom:1px solid #ffffff26;font-family:Display,Arial,sans-serif;font-size:13px;letter-spacing:.08em}.admin-back{font-size:13px;text-decoration:none}.admin-header button{border:0;background:transparent;color:#95d261;cursor:pointer;letter-spacing:.08em}.admin-panel{width:min(980px,100%);margin:0 auto;padding:clamp(42px,7vw,88px) clamp(20px,5vw,56px)}.admin-panel h1,.admin-panel h2,.admin-panel h3{font-family:Display,Impact,sans-serif;margin:0}.admin-panel h1{font-size:clamp(34px,6vw,74px);line-height:.9}.admin-hint{margin:18px 0 56px;color:#bdbdb5}.admin-form>section{padding:32px 0;border-top:1px solid #ffffff26}.admin-form h2{font-size:clamp(24px,3vw,36px);margin-bottom:24px}.admin-work{padding:22px 0;border-top:1px solid #ffffff18}.admin-work h3{font-size:16px;color:#95d261;margin-bottom:16px;letter-spacing:.08em}.admin-field{display:grid;gap:8px;margin:16px 0}.admin-field>span{font-size:12px;letter-spacing:.08em;color:#c7c7bd}.admin-field input,.admin-field textarea{width:100%;border:1px solid #ffffff38;background:#1b1c1a;color:#fff;padding:13px 14px;outline:none;border-radius:0}.admin-field textarea{min-height:82px;resize:vertical;line-height:1.4}.admin-field input:focus,.admin-field textarea:focus{border-color:#95d261}.admin-actions{display:flex;align-items:center;gap:18px;padding:30px 0}.admin-actions button,.admin-login button{border:0;background:#95d261;color:#101110;padding:15px 20px;cursor:pointer;font-family:Display,Arial,sans-serif;letter-spacing:.08em}.admin-status{font-size:14px;color:#95d261}.admin-add-work{margin-top:24px;border:1px solid #95d261;background:transparent;color:#95d261;padding:13px 16px;cursor:pointer;font-family:Display,Arial,sans-serif;letter-spacing:.08em}.admin-add-work:hover,.admin-add-work:focus-visible{background:#95d261;color:#101110}.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px}.admin-login>.admin-back{position:fixed;top:24px;left:24px}.admin-login form{display:grid;gap:20px;width:min(400px,100%);padding:34px;border:1px solid #ffffff2d;background:#171817}.admin-login form>span,.admin-login label{font-size:12px;letter-spacing:.08em}.admin-login h1{font-family:Display,Impact,sans-serif;font-size:48px;margin:0}.admin-login label{display:grid;gap:8px}.admin-login input{border:1px solid #ffffff38;background:#101110;color:#fff;padding:14px;outline:none}.admin-login p{min-height:20px;margin:0;color:#ff8f8f}@media(max-width:640px){.admin-header{padding:18px 20px}.admin-header>span{display:none}.admin-panel{padding:44px 20px}.admin-actions{align-items:flex-start;flex-direction:column}}