*{box-sizing:border-box}body{margin:0}header{position:relative;z-index:10}.hero h1{font-size:clamp(62px,7.5vw,120px);max-width:62%}.hero{max-height:850px}main section{padding:35px 4% 80px}main h2{font:500 34px 'Manrope';letter-spacing:-1px}.section-copy{max-width:650px;font-size:16px;line-height:1.6}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 28px}.project-card{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.project-art{position:relative;aspect-ratio:1.45;background:var(--paper);overflow:hidden;padding:28px;display:flex;align-items:center;justify-content:center}.project-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s}.project-card:hover .project-art img{transform:scale(1.025)}.project-meta{display:flex;justify-content:space-between;border-bottom:1px solid #242c2340;padding:20px 0 15px;gap:20px}.project-meta h3{font:500 25px/1.25 var(--font);margin:7px 0;letter-spacing:-.6px}.project-meta small{font:11px 'Manrope';text-transform:uppercase;letter-spacing:1px}.project-meta>span{font-size:30px}.project-card>p{font:14px/1.6 'Manrope';max-width:560px;color:#596055;margin-bottom:0}.project-card.event .project-art{padding:0;aspect-ratio:1.5;background:#151515}.project-card.event .project-art img{object-fit:contain}.project-card[data-id="pulse"] .project-art{background:linear-gradient(90deg,#dce7d8 1px,transparent 1px),linear-gradient(#dce7d8 1px,transparent 1px),#edf1e7;background-size:30px 30px}.project-card[data-id="theatre"] .project-art{background:#be302b;border-left:15px solid #202020}.project-card[data-id="league"] .project-art{background:#d3eab0;border-top:18px solid #244130}.project-card[data-id="workshop"] .project-art{background:repeating-linear-gradient(90deg,#342544 0 30px,#8870a7 30px 50px,#dfd6e4 50px 80px);padding:30px 20px}dialog{border:0;width:min(1200px,96vw);max-height:95vh;background:#f2f0e7;color:#20271f;padding:35px;overflow:auto}dialog::backdrop{background:#141915e8}.close-case{position:sticky;top:0;float:right;background:#20271f;color:#fff;border:0;padding:13px 22px;z-index:5;cursor:pointer}.case-title{font:500 clamp(35px,5vw,68px)/1.06 var(--font);letter-spacing:-2px;margin:35px 0 25px}.case-intro{font:18px/1.6 'Manrope';max-width:800px}.case-full{width:100%;height:auto;display:block;margin:30px 0;background:#e4e5dc}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:55px 0}.case-grid h3{font:28px 'Manrope';letter-spacing:-1px}.case-grid p{font:15px/1.7 'Manrope'}.swatches{display:flex;height:90px}.swatches span{flex:1;padding:12px;font:12px 'Manrope';display:flex;align-items:flex-end;border:1px solid #20271f22}.reference{max-height:380px;width:100%;object-fit:contain;object-position:left}.case-link{display:inline-block;padding:16px 23px;background:#20271f;color:#fff;text-decoration:none;margin:15px 0}.case-note{font:12px/1.6 'Manrope';color:#646a61}.screen-frame{width:100%;height:740px;border:1px solid #bbc4b5;background:white}@media(max-width:700px){.project-grid{grid-template-columns:1fr;gap:40px}.project-art{padding:12px}.project-meta h3{font-size:23px}.case-grid{grid-template-columns:1fr}dialog{padding:20px}.hero h1{font-size:62px;max-width:95%}.screen-frame{height:550px}}
/* Unified white editorial system */
:root{--cream:#fff;--dark:#161616;--red:#d33126}body,header,main>section,.portfolio-intro,#services,dialog{background:#fff;color:#161616}body{font-family:'Manrope',sans-serif}header{border-bottom:1px solid #e5e5e5}.hero{border-bottom:1px solid #e5e5e5}.hero-circle{background:none;border:1px solid #d33126;width:42vw;height:42vw;right:5%;top:18%;transform:none}.hero h1{font-family:'Manrope';font-weight:400;letter-spacing:-.065em;font-size:clamp(62px,7.7vw,125px)}.hero h1 em,.portfolio-intro h2 em,#services>h2 em,footer h2 em{font-family:'Cormorant Garamond';font-weight:400}.hero-portrait{filter:grayscale(1)}.hero-note{font-size:16px}.hero-caption,.hero-topline,.section-label{font-size:11px;letter-spacing:1.3px}.portfolio-intro{padding-top:90px}.portfolio-intro h2,#services>h2,footer h2{font-family:'Manrope';font-weight:400}.project-card .project-art,.project-card[data-id] .project-art{background:#f6f6f6;border:0;padding:20px}.project-card.event .project-art{padding:0;background:#fafafa}.project-meta h3{font-family:'Manrope';font-weight:500;font-size:25px;letter-spacing:-.9px}.project-meta small{color:#777;letter-spacing:1px;font-size:10px}.project-card>p{color:#666}.project-meta{border-color:#e5e5e5}.case-title{font-family:'Manrope';font-weight:400}.swatches{height:70px}.case-grid h3{font-family:'Manrope'}.reference{max-height:300px}.services-grid h3{font-weight:400}.services-grid article{border-color:#ddd}nav{border-color:#ddd}footer{background:#161616;color:#fff}.hero-note{background:transparent}main>section>h2{font-weight:400;font-size:32px}.project-grid{gap:60px 36px}@media(max-width:700px){.hero-note{background:white}.hero-circle{width:90vw;height:90vw;right:-12%;top:290px}.project-card[data-id] .project-art{padding:10px}.project-card.event .project-art{padding:0}.project-grid{gap:40px}}
#digital-grid .project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.8fr 1fr;column-gap:5%;align-items:center}#digital-grid .project-card:first-child .project-art{grid-row:1/3;aspect-ratio:1.5}#digital-grid .project-card:first-child .project-meta{align-self:end}#digital-grid .project-card:first-child>p{align-self:start;font-size:16px}#digital-grid .project-card:first-child .project-meta h3{font-size:38px;letter-spacing:-1.8px}#digital-grid .project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.8fr;column-gap:5%;align-items:center}#digital-grid .project-card:last-child .project-art{grid-column:2;grid-row:1/3;aspect-ratio:1.5}#digital-grid .project-card:last-child .project-meta{grid-column:1;grid-row:1;align-self:end}#digital-grid .project-card:last-child>p{grid-column:1;grid-row:2;align-self:start;font-size:16px}.project-card[data-id] .project-art{background:#f7f7f5}.project-meta h3{line-height:1.15}.hero-circle{border:0;background:#f0f0ee;border-radius:0;transform:rotate(-5deg);top:15%;right:7%;height:70%;width:37%}.hero-portrait{right:2%;width:56%}.hero h1{z-index:3}.portfolio-intro h2 em{font-style:italic}.project-card:focus-visible{outline:2px solid #d33126;outline-offset:8px}@media(max-width:700px){#digital-grid .project-card:first-child,#digital-grid .project-card:last-child{display:block}#digital-grid .project-card:first-child .project-meta h3{font-size:25px}.hero-circle{top:290px;height:350px;width:70%;right:5%}}

/* Compact typography and typewriter accents */
@font-face{font-family:'IBM Plex Mono';src:url('assets/ibm-plex-mono.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--accent-font:'IBM Plex Mono',monospace}
.hero h1{line-height:.94;letter-spacing:-.065em;max-width:65%}
.hero h1 em,.portfolio-intro h2 em,#services>h2 em,footer h2 em{font-family:var(--accent-font);font-style:normal;font-weight:400;font-size:.76em;letter-spacing:-.065em;line-height:1}
.hero h1 em{display:inline-block;vertical-align:top;margin-top:.07em;line-height:.98}
.hero-topline,.section-label,.hero-caption,.project-meta small,.services-grid article>span{font-family:var(--accent-font);letter-spacing:-.03em}
.portfolio-intro h2,#services>h2,footer h2{line-height:.98;margin:18px 0}
.portfolio-intro{padding-top:55px;padding-bottom:25px}.portfolio-intro p{margin:20px 0 25px}
main section{padding-top:25px;padding-bottom:45px}.project-grid{gap:36px 28px}.project-meta{padding:13px 0 10px}.project-meta h3{margin:5px 0}.project-card>p{margin-top:10px;line-height:1.45}
#services{padding:55px 4%}.services-grid{margin-top:32px;gap:24px}.services-grid h3{margin:22px 0 12px}footer{padding-top:55px}.hero-note{line-height:1.35}
@media(max-width:700px){.hero h1{font-size:clamp(43px,9.5vw,64px);max-width:94%;line-height:.98}.hero h1 em{font-size:.86em;line-height:1.02}.portfolio-intro h2,#services>h2,footer h2{font-size:clamp(34px,8vw,48px)}.project-grid{gap:28px}.portfolio-intro{padding-top:35px}}

/* One display voice, monospace for short editorial accents */
.hero{height:680px;min-height:620px;max-height:760px}.hero h1{font-size:clamp(48px,6.1vw,98px);line-height:1.01;letter-spacing:-.06em;max-width:67%;top:100px}.hero-topline{color:var(--red);font-size:12px}.hero-note{top:340px;bottom:auto;max-width:42%;font-size:15px}.hero-cta{bottom:65px;width:270px}.hero-portrait{width:49%;right:0;height:95%}.hero-circle{width:34%;right:4%}.portfolio-intro h2,#services>h2,footer h2{font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-.055em}.signature{font-family:var(--accent-font);letter-spacing:-1px}.hero-cta,.case-link{font-family:var(--accent-font);font-size:13px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project-card .project-art img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-art img{transform:scale(1.045)}.project-meta>span{transition:transform .3s,color .3s}.project-card:hover .project-meta>span{transform:translate(5px,-5px);color:var(--red)}.services-grid article{transition:transform .3s,border-color .3s}.services-grid article:hover{transform:translateY(-6px);border-color:var(--red)}.hero-cta span{transition:transform .3s}.hero-cta:hover span{transform:translate(5px,5px)}.signature{transition:letter-spacing .3s}.signature:hover{letter-spacing:1px}.top-links a{transition:color .2s}.top-links a:not(.contact-button):hover{color:var(--red)}}
@media(max-width:700px){.hero{height:760px;min-height:0}.hero h1{top:82px;font-size:clamp(35px,7.7vw,54px);max-width:96%}.hero-topline{font-size:10px}.hero-note{top:220px;left:4%;max-width:82%;padding:0;background:transparent;font-size:13px}.hero-portrait{height:54%;width:85%;bottom:60px;right:-8%}.hero-circle{top:350px;height:300px;width:65%}.hero-cta{bottom:20px;width:90%}.portfolio-intro h2,#services>h2,footer h2{font-size:clamp(32px,7.2vw,48px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.project-card .project-art img{filter:grayscale(1);transition:filter .45s ease,transform .6s ease}.project-card:hover .project-art img,.project-card:focus-visible .project-art img{filter:grayscale(0)}

.hero-subtitle{position:absolute;z-index:3;left:4%;top:210px;margin:0;font:400 clamp(20px,2.4vw,36px)/1.1 var(--accent-font);letter-spacing:-.05em;color:var(--red)}.hero-note{top:300px}@media(max-width:700px){.hero-subtitle{top:145px;font-size:23px}.hero-note{top:205px}}

.hero-circle{display:none}.hero-portrait{filter:none;mix-blend-mode:multiply;object-fit:contain;bottom:0;height:100%;width:50%;right:0}@media(max-width:700px){.hero-portrait{height:57%;width:85%;bottom:60px;right:-5%}}

body,.hero-note,.project-card>p,.case-intro,.case-grid p,.services-grid p{font-family:'Onest',sans-serif}.hero h1,.portfolio-intro h2,#services>h2,footer h2,main h2,.project-meta h3,.case-title,.services-grid h3{font-family:'Golos Text',sans-serif;font-weight:500;letter-spacing:-.045em}.hero-subtitle,.portfolio-intro h2 em,#services>h2 em,footer h2 em{font-family:'IBM Plex Mono',monospace;font-style:normal;font-weight:400;letter-spacing:-.035em;font-size:.72em;line-height:1.15}.hero-subtitle{font-size:clamp(24px,3vw,44px)}.portfolio-intro h2 em,#services>h2 em,footer h2 em{display:inline-block;margin-top:.1em}.portfolio-intro h2,#services>h2,footer h2{line-height:1.02}

#about{padding:60px 4%;border-top:1px solid #ddd}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:20px}.about-layout h2{font:500 clamp(35px,4.4vw,66px)/1.04 'Golos Text';letter-spacing:-.045em;margin:0}.about-layout h2 em{font:400 .7em/1.2 'IBM Plex Mono';letter-spacing:-.035em;color:var(--red)}.about-copy p{font:400 17px/1.55 'Onest';margin:0 0 20px;max-width:650px}.about-copy .about-lead{font-size:22px;line-height:1.4}.about-copy .about-signoff{border-top:1px solid #ddd;padding-top:20px}@media(max-width:700px){.about-layout{grid-template-columns:1fr;gap:25px}.about-copy .about-lead{font-size:19px}}

/* Studio-first hero, no portrait */
.hero{height:560px;min-height:0}.hero h1{font-size:clamp(64px,10.2vw,158px);top:90px;max-width:94%;line-height:.96;letter-spacing:-.055em}.hero-subtitle{top:260px;font-size:clamp(27px,4vw,60px);line-height:1;margin:0}.hero-note{top:auto;bottom:65px;left:52%;font-size:17px;max-width:42%}.hero-cta{bottom:65px}.hero-caption{top:34px}.hero::after{content:'';position:absolute;right:4%;top:270px;width:18%;height:1px;background:#d33126;transform:rotate(-32deg);transform-origin:right center;pointer-events:none}@media(max-width:700px){.hero{height:480px}.hero h1{font-size:clamp(43px,10vw,70px);top:100px}.hero-subtitle{top:178px;font-size:clamp(24px,5.4vw,38px)}.hero-note{left:4%;bottom:125px;font-size:15px;max-width:90%}.hero-cta{bottom:35px}.hero::after{top:260px;width:20%}}

.intro-gate{position:fixed;inset:0;width:100%;height:100svh;background:#fff;color:#171717;z-index:1000;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .75s cubic-bezier(.76,0,.24,1),visibility .75s}.intro-name{font:600 clamp(85px,24vw,380px)/.85 'Golos Text';letter-spacing:-.09em;padding-right:.09em}.intro-latin{font:400 clamp(15px,2vw,26px) 'IBM Plex Mono';margin-top:30px;letter-spacing:.2em}.intro-hint{position:absolute;bottom:8%;font:12px 'IBM Plex Mono';color:#666}.intro-gate.leaving{transform:translateY(-105%);pointer-events:none;visibility:hidden}.project-card.event .project-art{aspect-ratio:1.5;background:white}.project-card.event .project-art img{object-fit:contain}.portfolio-intro h2 em,#services>h2 em,footer h2 em{margin-top:0;line-height:1.04}.hero-subtitle{top:250px}@media(max-width:700px){.hero-subtitle{top:168px}}@media(prefers-reduced-motion:reduce){.intro-gate{transition:none}}

@font-face{font-family:'PT Mono';src:url('assets/pt-mono.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}:root{--accent-font:'PT Mono',monospace}.hero-subtitle,.portfolio-intro h2 em,#services>h2 em,footer h2 em,.about-layout h2 em,.intro-latin,.hero-topline,.section-label,.hero-caption,.project-meta small,.services-grid article>span{font-family:'PT Mono',monospace;letter-spacing:.025em}.hero-subtitle{font-size:clamp(28px,4.2vw,64px)}.portfolio-intro h2 em,#services>h2 em,footer h2 em,.about-layout h2 em{font-size:.76em;line-height:1.1}@media(max-width:700px){.hero-subtitle{font-size:clamp(23px,5.8vw,40px)}.portfolio-intro h2 em,#services>h2 em,footer h2 em,.about-layout h2 em{letter-spacing:0;font-size:.7em}}

.project-art .panorama-cover{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;background:#06121b;padding:28px 0}.project-art .panorama-cover img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto;flex:none}

/* Full artwork proportions in the case reader */
.case-figure{margin:36px 0 60px}.case-figure .case-full{width:100%;height:auto;max-height:none;object-fit:contain;margin:0}.case-figure figcaption{display:grid;grid-template-columns:50px 1fr;gap:20px;border-bottom:1px solid #ddd;padding:18px 0}.case-figure figcaption span{font:13px 'PT Mono',monospace}.case-figure figcaption p{margin:0;max-width:760px;line-height:1.5}.project-card:not(.event) .project-art img{object-fit:contain;width:100%;height:100%;transform:none}#digital-grid .project-card:first-child,#digital-grid .project-card:last-child{display:block;grid-column:auto}#digital-grid .project-card:first-child .project-meta h3{font-size:25px}.project-card:not(.event) .project-art{aspect-ratio:1.5;padding:0!important;background:#fff!important}

.recordings{display:flex;flex-wrap:wrap;gap:16px;padding:24px 0;border-top:1px solid #ddd}.recordings a{color:inherit;font:14px monospace;text-underline-offset:5px}

/* Ceremony archives: every artwork keeps its complete canvas. */
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.case-gallery .case-figure{margin:0 0 24px;min-width:0}.case-gallery .wide-art,.ceremony-heading{grid-column:1/-1}.ceremony-heading{font:400 clamp(23px,3vw,34px)/1.15 'PT Mono',monospace;margin:44px 0 4px;letter-spacing:-.04em}.case-gallery .case-full{background:#fff}.case-gallery figcaption{grid-template-columns:30px 1fr;gap:12px;font-size:14px}.recordings{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0}.recordings a{color:#161616}.case-gallery figcaption a{color:#666;font-size:12px}.case-note{max-width:800px}@media(max-width:700px){.case-gallery{grid-template-columns:1fr}.case-gallery .square-art{grid-column:1/-1}.ceremony-heading{margin-top:25px}}

/* Client-facing editorial system */
@font-face{font-family:Martian;src:url(assets/martian-mono.ttf) format('truetype');font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}
:root{--accent-font:Martian,monospace}
.hero h1,.portfolio-intro h2,#services>h2,footer h2,main h2,.case-title,.about-layout h2{font-weight:400!important}
.hero-subtitle,.portfolio-intro h2 em,#services>h2 em,footer h2 em,.about-layout h2 em,.intro-latin,.section-label,.ceremony-heading{font-family:Martian,monospace!important;font-variation-settings:'wdth' 112.5,'wght' 350;letter-spacing:-.035em}
.project-card>p,.case-intro,.case-grid p,.case-figure figcaption p,.about-copy p,.services-grid p,.section-copy,footer>p{font-family:Martian,monospace!important;font-size:14px;line-height:1.65;font-variation-settings:'wdth' 105,'wght' 300;letter-spacing:-.025em}
.hero-subtitle{font-size:clamp(23px,3.6vw,52px)}
.project-meta>span{font:12px Martian,monospace;white-space:nowrap;border:1px solid #aaa;border-radius:30px;padding:10px 13px}
.case-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 40px}.case-nav a,.case-contact{color:#171717;padding:13px 18px;border:1px solid #ccc;border-radius:30px;text-decoration:none;font:12px Martian,monospace}.case-contact{display:inline-block;background:#171717;color:#fff;margin:30px 0}
.design-code{margin:50px 0}.design-code h3,.real-event h3{font:400 30px 'Golos Text';letter-spacing:-.035em}.code-elements{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.code-element{padding:24px;background:#f5f4f0}.code-element h4{font:400 23px 'Golos Text';margin:0 0 14px}.code-element p{font:300 12px/1.7 Martian,monospace}.type-specimen{font-size:34px;line-height:1.2;margin:30px 0;word-break:break-word}.photo-strip{display:flex;overflow-x:auto;gap:16px;padding:12px 0 24px;scroll-snap-type:x mandatory}.photo-strip figure{margin:0;flex:0 0 70%;scroll-snap-align:start}.photo-strip img{width:100%;height:350px;object-fit:contain;background:#f5f5f5;filter:grayscale(1);transition:filter .35s}.photo-strip a:hover img,.photo-strip a:focus-visible img{filter:grayscale(0)}.photo-strip figcaption{font:11px/1.5 Martian,monospace;margin-top:10px}.real-event{margin-top:60px;border-top:1px solid #ddd;padding-top:20px}.case-proof-note{font-size:12px;color:#777}.case-figure img{cursor:zoom-in}
@media(max-width:700px){.code-elements{grid-template-columns:1fr}.photo-strip figure{flex-basis:92%}.photo-strip img{height:240px}.project-meta>span{font-size:10px;padding:8px}.hero-subtitle{font-size:clamp(20px,5vw,35px)}}

/* Studio wordmark and lighter paired headings */
.hero .studio-wordmark{font-weight:300!important;line-height:.9;letter-spacing:-.065em;font-size:clamp(70px,12vw,180px);margin:42px 0 22px;display:flex;gap:.24em;align-items:baseline;flex-wrap:wrap}
.studio-prefix{font-size:.53em;letter-spacing:-.04em}.studio-name{white-space:nowrap}.hedgehog-letter{position:relative;display:inline-block}.hedgehog-letter svg{position:absolute;width:.36em;left:.13em;bottom:.03em;transform:rotate(-4deg);color:#df3028}.hero .hero-subtitle{font-size:clamp(22px,3vw,43px);line-height:1.16;margin-top:0;letter-spacing:-.025em}
.portfolio-intro h2,#services h2,#about h2,footer h2{font-weight:300!important;line-height:1.04!important}.project-meta h3{font-weight:400!important}.project-art>img{object-fit:contain!important}
@media(max-width:640px){.hero .studio-wordmark{display:block;font-size:25vw}.studio-prefix{display:block;margin-bottom:.22em}.hero .hero-subtitle{font-size:23px}}

.hero .studio-wordmark{font-family:"Martian Mono",monospace;font-size:clamp(40px,8.2vw,124px);font-weight:600!important;letter-spacing:-.065em;display:block;line-height:1.1}.hedgehog-letter{width:1.1em;text-align:center;transform:scaleX(1.22);margin:0 .06em}.hedgehog-letter svg{width:.48em;left:.3em;bottom:.04em}.studio-descriptor{font-size:clamp(20px,2.6vw,36px);font-weight:300;margin:16px 0 30px}.hero .hero-subtitle{font-size:clamp(20px,2.7vw,38px)}@media(max-width:640px){.hero .studio-wordmark{font-size:8.8vw}.studio-descriptor{font-size:22px}.hero .hero-subtitle{font-size:21px}}
.hero{height:auto!important;min-height:650px;max-height:none;padding:100px 4% 180px!important;display:block!important}.hero .studio-wordmark{position:relative!important;top:auto!important;left:auto!important;max-width:none!important;margin:24px 0 12px!important;font-family:Martian,monospace!important}.hero .studio-descriptor{position:relative!important;top:auto!important;left:auto!important;margin:12px 0 26px!important}.hero .hero-subtitle{position:relative!important;top:auto!important;left:auto!important;margin:0!important}.hero-topline{top:30px!important}.hero-caption{top:30px!important}.hero-note,.hero-cta{bottom:45px!important}@media(max-width:640px){.hero{min-height:630px;padding-top:100px!important}.hero-note{bottom:110px!important}.hero-cta{bottom:35px!important}.hero-caption{display:none}}
/* Tight wordmark: hedgehog rests on the left foot of Л. */
.hero .studio-wordmark{letter-spacing:-.085em!important;word-spacing:-.2em!important;font-variation-settings:'wdth' 87.5,'wght' 600}
.hero .hedgehog-letter{width:auto;margin:0;transform:none;text-align:left}
.hero .hedgehog-letter svg{width:.31em;left:-.025em;bottom:.105em;transform:none}
.hero .latin-wordmark{letter-spacing:-.085em;word-spacing:-.22em}

.device-composition{position:relative;width:100%;height:100%;padding:20px 60px 35px 8px}.project-art .desktop-shot{width:100%;height:100%;object-fit:contain!important;object-position:center;box-shadow:0 12px 35px #00000010}.project-art .phone-shot{position:absolute;right:8px;bottom:8px;width:25%;height:83%;object-fit:cover!important;object-position:top;border:5px solid #171717;border-radius:17px;box-shadow:0 15px 30px #0002;background:white}.project-card:has(.device-composition) .project-art{padding:12px;background:#f7f7f5!important;border:0}
/* Project action: square-edged typographic plate. */
.project-meta>span{border-radius:0!important;border:0!important;background:#171717;color:#fff!important;padding:6px 7px!important;min-height:48px;display:flex;align-items:center;justify-content:center;font-family:Martian,monospace!important;font-size:clamp(11px,1.1vw,16px)!important;line-height:1.05;letter-spacing:-.06em;white-space:nowrap;transition:background .2s,color .2s}
.project-card:hover .project-meta>span,.project-card:focus-visible .project-meta>span{background:#dc3027;color:white!important}
@media(max-width:600px){.project-meta>span{font-size:11px!important;min-height:42px;padding:5px!important}}
.case-figure:has(img[src*="-mobile.png"]){max-width:440px;margin:48px auto}.case-figure:has(img[src*="-mobile.png"]) img{border:1px solid #ddd;border-radius:18px}.project-card.event .project-art{background:white!important}.project-card.event .project-art>img{width:100%;height:100%;object-fit:contain!important}.project-card:focus-visible{outline:2px solid #d32e25;outline-offset:8px}
.project-card .project-art .device-composition{position:relative!important;width:100%!important;height:100%!important;display:block!important}.project-card .project-art .device-composition .desktop-shot{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain!important}.project-card .project-art .device-composition .phone-shot{position:absolute!important;left:auto!important;top:auto!important;right:8px!important;bottom:8px!important;width:25%!important;height:83%!important;object-fit:contain!important;background:white!important;transform:none!important}

.project-meta>span,.project-card:hover .project-meta>span,.project-card:focus-visible .project-meta>span{background:transparent!important;color:#171717!important;border:0!important;padding:0!important}.project-card:hover .project-meta>span{color:#cf3028!important}.code-element{background:transparent!important;border-top:1px solid #ddd;padding:20px 0!important}.meeting-context{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin:55px 0}.meeting-context p{font:14px/1.7 Martian,monospace}.meeting-context img{max-width:100%;max-height:540px;object-fit:contain}.meeting-context figcaption{font-size:12px;margin-top:12px}@media(max-width:700px){.meeting-context{grid-template-columns:1fr}}

/* Unfilled cards and navigation plates. */
.project-card,.project-card .project-art,.project-card:has(.device-composition) .project-art,.code-element,.photo-strip img{background:transparent!important}
.case-nav a{background:transparent!important;border:0!important;border-radius:0!important;padding:8px 0!important;margin-right:28px}
.meeting-context h3{font:300 30px/1.1 Arial,sans-serif}.meeting-context figure{margin:0}

.palette-note{font:12px/1.5 Arial,sans-serif!important;color:#666;margin:20px 0 8px}.swatches{display:flex;flex-wrap:wrap;gap:0}.swatches>span{flex:1 1 90px;min-height:76px;border:1px solid #0000000a;display:flex;align-items:flex-end;padding:12px;font:12px/1.2 Arial,sans-serif}

.project-card .project-art .device-composition{display:flex!important;align-items:center;gap:16px;padding:12px!important}.project-card .project-art .device-composition .desktop-shot{width:73%!important;height:100%!important;object-fit:contain!important;box-shadow:none!important}.project-card .project-art .device-composition .phone-shot{position:relative!important;inset:auto!important;width:23%!important;height:80%!important;object-fit:contain!important;border:2px solid #222!important;border-radius:10px!important;box-shadow:none!important}

/* Platform covers: clear editorial mockups, selected by the client. */
#digital-grid .project-art{aspect-ratio:1.5;overflow:hidden;background:transparent!important}
.platform-cover{height:100%;padding:20px 26px;color:#172520;display:flex;align-items:center;text-align:left;filter:grayscale(1);transition:filter .3s,background .3s}
.project-card:hover .platform-cover,.project-card:focus-visible .platform-cover{filter:none;background:#e6eadd}
.platform-cover .mock{width:100%;padding:24px;background:#fafbf6;border-radius:12px;box-shadow:0 12px 30px #23372314}
.platform-cover .mock-top{font:700 10px/1.4 Arial,sans-serif;letter-spacing:1px;display:flex;justify-content:space-between;gap:12px}
.platform-cover .mock-top span{font-size:9px;letter-spacing:0;font-weight:400}
.platform-cover .mock h3{font:400 clamp(19px,2.1vw,31px)/1.15 Georgia,serif;margin:25px 0;letter-spacing:-.5px}
.platform-cover .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.platform-cover .mini-grid>div{font:10px/1.4 Arial,sans-serif;padding:14px;background:#fff9;border-radius:8px}
.platform-cover .mini-grid b{display:block;font-size:15px;margin-top:8px}
.platform-cover .crests{display:flex;gap:18px;margin-bottom:20px}
.platform-cover .crests i{font:20px Georgia;display:grid;place-items:center;width:38px;height:44px;background:#52668b;color:white;border-radius:3px 3px 16px 16px}
.platform-cover .crests i:nth-child(2){background:#ae7660}.platform-cover .crests i:nth-child(3){background:#ab8c4d}.platform-cover .crests i:nth-child(4){background:#647963}
.platform-cover .schedule{display:flex;justify-content:space-between;font:9px Arial;padding-bottom:10px;border-bottom:1px solid #d7d1ca}
.platform-cover .event{font:10px Arial;background:#e0d4c5;margin-top:10px;padding:12px;border-left:3px solid #8a6455;border-radius:4px}
.platform-cover .event b{margin-left:12px}.platform-cover .event small{display:block;margin:5px 0 0 28px;font-size:9px}.platform-cover .event.alt{background:#dddbe5;border-color:#7b6b91}
.platform-cover.theatre .mock{background:#f1ede6}.platform-cover.pulse .mock{background:#e6f1e7}.platform-cover.pulse .mini-grid b{color:#286b43;font-size:25px}
.platform-cover .bars{height:60px;display:flex;align-items:end;gap:12px;margin-top:18px}.platform-cover .bars i{flex:1;background:linear-gradient(#46a469,#b6dbac);border-radius:4px}
.platform-cover.workshop .mock{background:#edf0f6}.platform-cover.workshop .event{background:#dae1ef;border-color:#536c9a}
@media(max-width:600px){.platform-cover{padding:12px}.platform-cover .mock{padding:18px}.platform-cover .mock h3{font-size:25px;margin:20px 0}#digital-grid .project-art{aspect-ratio:1.25}}

.intro-name .hedgehog-letter{position:relative;display:inline-block;width:auto;margin:0;transform:none}.intro-name .hedgehog-letter svg{position:absolute;width:.31em;left:-.025em;bottom:.105em;color:#df3028;transform:none}
