/* Type 42 — light, dark and translucent interface surfaces. */
:root{color-scheme:dark;--paper:#080809;--ivory:#080809;--ink:#f5f5f7;--muted:#a6a6af;--line:#2b2b30;--surface:#141416;--surface-soft:#101012;--glass:rgba(22,22,25,.73);--glass-edge:rgba(255,255,255,.14);--glass-control:rgba(255,255,255,.07);--hover:#ff8b6c;--primary-bg:#f5f5f7;--primary-ink:#111113;--guide-line:rgba(255,255,255,.07)}
:root[data-theme=light]{color-scheme:light;--paper:#fff;--ivory:#fff;--ink:#111113;--muted:#6e6e73;--line:#e3e3e8;--surface:#f5f5f7;--surface-soft:#fafafb;--glass:rgba(255,255,255,.77);--glass-edge:rgba(0,0,0,.09);--glass-control:rgba(0,0,0,.045);--hover:#b73819;--primary-bg:#111113;--primary-ink:#fff;--guide-line:rgba(0,0,0,.065)}
body{background:var(--paper);color:var(--ink)}
::selection{background:#ff6138;color:#111113}
.site-header{height:78px;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;padding-inline:16px}
.nav-wrap{width:min(1392px,100%);height:60px;padding:0 25px;border:1px solid var(--glass-edge);border-radius:18px;background:var(--glass);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 4px 25px #0000000a,inset 0 1px 0 #ffffff08;gap:24px}
.brand{width:119px}.brand img{width:100%;height:auto}
nav{margin-left:auto;gap:26px}nav a:hover,.text-link:hover{color:var(--hover)}
.nav-contact{background:var(--glass-control);border:1px solid var(--glass-edge);margin-left:0;padding:9px 14px}
.theme-controls{display:flex;align-items:center;gap:2px;background:var(--glass-control);border:1px solid var(--glass-edge);padding:3px;border-radius:50px;flex:none}
.theme-controls button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:6px 10px;font:10px/1 var(--sans);color:var(--muted);border-radius:30px;background:transparent;white-space:nowrap}
.theme-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:0 1px 4px #0001}
.theme-controls svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5}
.hero-topline,.intro,.hero-note,.section-index,.vision-copy>p,.section-intro,.gallery-copy>p,.small-index,.study-caption,.project-disclaimer,.contact-note,.origin p:not(.micro){color:var(--muted)}
.hero{padding-top:22px}.hero h1 em{color:var(--ink)}
.primary{background:var(--primary-bg);color:var(--primary-ink)}.primary:hover{background:var(--orange);color:#111113}
.text-link{border-color:var(--line)}.text-link:hover{border-color:var(--hover)}
.hero-baseline,.vision,.projects,.services{border-color:var(--line)}.hero-baseline p{color:var(--ink)}
.hero-baseline{margin-top:12px}.hero-baseline>span{color:var(--muted)}
.specimen-area{isolation:isolate;padding-top:12px}
.specimen-area:before{content:"";position:absolute;inset:18% 8%;z-index:-1;background:radial-gradient(ellipse at 72% 25%,#3857ff27,transparent 65%),radial-gradient(ellipse at 35% 70%,#ff61381e,transparent 65%);filter:blur(45px);pointer-events:none}
.specimen{border:1px solid var(--glass-edge);border-radius:22px;background:var(--glass-control);box-shadow:inset 0 1px 0 #ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.specimen-word{color:var(--ink)}.specimen-top,.specimen-bottom>span:first-child,.specimen-controls>span{color:var(--muted)}.specimen-numeral{font-family:var(--sans);font-weight:500;color:var(--muted);opacity:.45;letter-spacing:-.07em}
.specimen-guides:before,.specimen-guides:after,.specimen-guides i,.specimen-guides i:nth-child(2){background:var(--guide-line)}
.specimen-controls>div{background:var(--glass-control);border:1px solid var(--glass-edge);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.specimen-controls button{color:var(--muted)}.specimen-controls button[aria-selected=true]{color:var(--paper);background:var(--ink)}
.vision-copy .lead,.principles p,.principles>div>span{color:var(--ink)}.principles,.principles>div:not(:first-child){border-color:var(--line)}
.projects{background:var(--paper)}.editorial-gallery{grid-template-columns:1.4fr 1fr;gap:84px}
.work-viewport{height:560px;border-radius:20px;background:#0939cd;border:1px solid var(--glass-edge);isolation:isolate;display:block}
.book-photo{display:none;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.work-viewport[data-study=capa] .book-capa,.work-viewport[data-study=miolo] .book-miolo,.work-viewport[data-study=detalhe] .book-detalhe{display:block}
.work-viewport[data-study=detalhe] .book-detalhe{transform:scale(1.8);object-position:27% 35%}
.photo-caption{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #ffffff40;background:#10111b77;color:#fff;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-radius:12px;padding:13px 15px;font:8px/1.4 var(--mono);letter-spacing:.03em;z-index:2}
.photo-caption i{font:18px/1 var(--sans);font-style:normal}.gallery-copy h2{font-size:55px}
.gallery-copy>p:not(.study-caption){color:var(--muted)}
.study-tabs{border-color:var(--line)}.study-tabs button{color:var(--muted);border-color:var(--line);background:transparent}.study-tabs button[aria-selected=true]{color:var(--ink)}.study-tabs button[aria-selected=true]>span{color:var(--orange)}
.service-list details,.service-list summary{border-color:var(--line)}.service-list summary{color:var(--ink)}.service-list .detail p,.service-number,.detail>span{color:var(--muted)}
.technology{background:var(--surface);color:var(--ink);border-block:1px solid var(--line)}.technology-copy h2,.technology-copy h2 em,.technology-notes h3{color:var(--ink)}.technology-copy>p,.technology-notes p,.light-index,.tech-note,.technology-notes>div>span{color:var(--muted)}.technology-notes>div{border-color:var(--line)}
.process-number,.process-grid article{border-color:var(--line)}.process-grid article>p:last-child,.process-grid .micro{color:var(--muted)}.process-number{color:var(--ink)}
.origin{background:var(--surface-soft);border-block:1px solid var(--line)}.origin-mark{border-color:var(--line)}.origin-mark>span:first-child{font-family:var(--sans);font-weight:600;letter-spacing:-.1em}.origin .micro,.origin-caption{color:var(--muted)}
.contact-grid>div>p:first-child{color:var(--muted)}#brief-form{background:var(--surface);border:1px solid var(--line)}.form-heading button{color:var(--muted)}input,select,textarea{color:var(--ink);background:var(--paper);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted)}
.site-footer{background:var(--paper);color:var(--ink);border-color:var(--line)}.footer-bottom{border-color:var(--line);color:var(--muted)}.footer-bottom a,.footer-top>a:last-child{color:var(--ink)}.footer-top>p>span{color:var(--muted)}.footer-top .brand{width:150px}
.identity-section{border-color:var(--line)}.identity-intro>p,.identity-prose>p,.brand-note,.color-notes>p,.type-explanation,.type-specimen .micro{color:var(--muted)}.identity-prose strong,.color-notes strong{color:var(--ink)}
.main-logo-board{background:var(--surface);border:1px solid var(--glass-edge);border-radius:22px}.main-logo-board>img{width:60%;max-width:650px}.board-foot,.board-mark{color:var(--muted)}
.variant{border:1px solid var(--glass-edge)}.variant-dark{background:#080809;color:#fff}.variant-orange{background:#ff6138;color:#111113}.variant-paper,.variant-symbol{background:#fff;color:#111113}
.variant-symbol>img{width:22%}.variant>img{max-height:155px}
.swatch-ink{background:#080809;color:#fff}.swatch-paper{background:#fff;color:#111113;border-color:#ddd}.swatch-orange{color:#111113}.swatch-gray{background:#6e6e73;color:#fff}
.typography-section{background:var(--surface-soft)}.type-specimen>div{border-color:var(--line)}.wordmark-spec{font-family:var(--sans);font-weight:600;letter-spacing:-.065em}.wordmark-spec sup{font-size:.45em;vertical-align:super;position:relative;top:-.3em;margin-left:.08em}.wordmark-spec .cursor{width:.16em;height:.035em;margin:0 0 .5em -.5em}
.manifesto-board{background:var(--orange);color:#111113}.manifesto-board .cursor{background:#111113}.reference-list,.reference-list a{border-color:var(--line)}.reference-list p,.reference-list a>span{color:var(--muted)}.reference-list a:hover strong{color:var(--hover)}
.brand-lettering-note{display:block;font-size:11px;color:var(--muted);margin-top:20px;max-width:65ch}
.site-header .return-link{margin-left:auto;white-space:nowrap}
@supports not (backdrop-filter:blur(10px)){.nav-wrap,.specimen,.specimen-controls>div{background:var(--surface)}.photo-caption{background:#10111be8}}
@media(max-width:1150px){nav{gap:16px}.nav-wrap{gap:18px;padding-inline:20px}.nav-contact{padding:9px 11px}.editorial-gallery{gap:55px}.gallery-copy h2{font-size:48px}.theme-controls button{padding-inline:8px}}
@media(max-width:980px) and (min-width:801px){nav a:first-child{display:none}.brand{width:105px}.nav-wrap{gap:15px}.theme-controls button{font-size:9px}.hero-grid{gap:34px}.hero h1{font-size:68px}}
@media(max-width:800px){.site-header{height:78px;padding-inline:12px}.nav-wrap{height:58px;width:100%;padding-inline:18px;gap:17px;border-radius:17px}.brand{width:119px}.theme-controls{margin-left:auto;order:1}.menu-toggle{order:2;font-size:10px;gap:9px}.site-header nav{top:71px;left:12px;right:12px;order:3;margin:0;padding:18px 22px 22px;border:1px solid var(--glass-edge);border-radius:18px;background:var(--glass);backdrop-filter:blur(25px) saturate(160%);-webkit-backdrop-filter:blur(25px) saturate(160%);box-shadow:0 16px 30px #0002}.menu-icon{border-color:var(--ink)}.menu-open .menu-icon:after{background:var(--ink)}.nav-contact{border:0;border-top:1px solid var(--line);padding:12px 0 0;border-radius:0;background:none}.editorial-gallery{grid-template-columns:1fr;gap:40px}.work-viewport{height:auto;aspect-ratio:1.25}.gallery-copy h2{font-size:49px}.specimen-area{max-width:570px}.hero-topline{font-size:8px}.site-header .return-link{font-size:10px}.identity-hero .section-index{gap:30px}}
@media(max-width:540px){.nav-wrap{gap:12px;padding-inline:14px}.brand{width:96px}.theme-controls{padding:2px}.theme-controls button{padding:6px 7px;min-height:28px;font-size:9px;gap:4px}.theme-controls svg{width:11px;height:11px}.menu-label{display:none}.menu-toggle{min-height:40px;padding:10px 0 10px 5px}.hero-copy{padding-top:32px}.specimen{border-radius:18px}.specimen-controls>div{padding:2px}.specimen-controls button{padding-inline:8px;font-size:8px}.hero-baseline{margin-top:0}.editorial-gallery{gap:35px}.work-viewport{aspect-ratio:1.05;border-radius:17px}.photo-caption{bottom:12px;left:12px;right:12px;padding:11px 12px;font-size:6px;border-radius:10px}.gallery-copy h2{font-size:45px}.main-logo-board>img{width:80%}.footer-top .brand{width:126px}.site-header .return-link{max-width:68px;white-space:normal;font-size:8px;gap:5px;line-height:1.2}.identity-hero .section-index>span{font-size:6px}.swatch:first-child{border-radius:14px 0 0 0}.swatch:nth-child(2){border-radius:0 14px 0 0}.swatch:nth-child(3){border-radius:0 0 0 14px}.swatch:last-child{border-radius:0 0 14px 0}.wordmark-spec{font-size:65px}}
@media(max-width:365px){.nav-wrap{gap:9px}.brand{width:91px}.theme-controls button{padding-inline:6px}.theme-controls svg{display:none}.specimen-controls>span{font-size:5.5px;max-width:64px}.specimen-controls button{font-size:7px;padding-inline:7px}.hero h1{font-size:54px}.photo-caption{font-size:5.5px}.site-header .return-link{max-width:56px}}
@media(prefers-reduced-motion:reduce){.specimen-word{transition:none}}

@media(max-width:540px){.site-header .return-link{min-width:24px;max-width:none;font-size:18px;justify-content:center}.return-label{display:none}}