@font-face{font-family:"Instrument Sans";src:url("assets/InstrumentSans-Variable.woff") format("woff");font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#080808;--paper:#f6f8f9;--muted:#53636b;--blue:#6da7bc;--line:#cbd7dd;--ice:#e7eff3;--sky:#c1d8e2;--stone:#e3e7e8;--accent:#395b6a;--gutter:clamp(1.4rem,6.4vw,7rem);--header:5.5rem;color-scheme:light;font:100%/1.6 "Instrument Sans",Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scrollbar-gutter:stable}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}a{color:inherit;text-decoration:none;text-underline-offset:.4em}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}img{display:block;max-width:100%}svg{flex-shrink:0}[hidden]{display:none!important}::selection{background:var(--blue);color:#080808}:focus-visible{outline:2px solid currentColor;outline-offset:6px}.wrap{padding-inline:var(--gutter);max-width:110rem;margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.7rem 1.2rem;z-index:100}.skip-link:focus{top:1rem}.site-header,.menu-header{height:var(--header);padding-inline:clamp(1.3rem,4vw,4.5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:#fff}.brand{grid-column:2;display:block}.brand :is(img,svg){width:clamp(10rem,17vw,15.25rem);height:auto}.menu-toggle,.menu-close{grid-column:1;display:flex;align-items:center;gap:.85rem;min-height:44px;padding:.4rem 0;justify-self:start;font-size:.875rem;font-weight:500}.menu-toggle:hover,.menu-close:hover{opacity:.6}.menu-bars{display:block;width:23px;height:10px;border-block:1px solid currentColor}.menu-close>span:first-child{font-size:2rem;line-height:1;font-weight:300}.header-right{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:2.5rem;font-size:.875rem}.header-contact{padding-block:.75rem}.header-contact:hover{text-decoration:underline}.language-switcher{display:flex;align-items:center;gap:.5rem}.language-switcher a{display:grid;place-items:center;min-height:44px;min-width:28px;color:#686868}.language-switcher a[aria-current="true"]{color:#000;font-weight:600}.language-switcher>span{color:#b5b5b5;font-size:.75rem}.fallback-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding:1rem}.navigation-menu{inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#080808;overflow-y:auto}.navigation-menu::backdrop{background:#0008}.navigation-menu[open]{display:flex;flex-direction:column}.menu-header{flex-shrink:0}.menu-body{flex:1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5rem;padding:3.5rem var(--gutter)}.menu-links{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.menu-links a{font-size:clamp(2.25rem,4.8vw,5rem);line-height:1.12;letter-spacing:-.04em;transition:opacity .2s}.menu-links a:hover{opacity:.45}.menu-links a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.menu-links .menu-home{font-size:.875rem;letter-spacing:.04em;color:var(--muted);margin-bottom:.75rem}.menu-aside{border-left:1px solid var(--line);padding-left:4rem}.menu-tagline{font-size:clamp(2rem,3.2vw,3.5rem);letter-spacing:-.03em;line-height:1.15;max-width:9em}.menu-subtitle{color:var(--muted);margin-top:1.5rem;max-width:20rem}.menu-bottom{display:flex;justify-content:space-between;margin-inline:var(--gutter);padding-block:1.4rem;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}body.menu-open{overflow:hidden}
.hero{position:relative;isolation:isolate;color:#fff;background:#111;height:calc(100svh - var(--header));min-height:36rem;max-height:66rem;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-3}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:60% 46%;animation:photo-enter 1.4s ease-out both}.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#0009 0%,#0003 52%,#0001 80%),linear-gradient(0deg,#000c 0%,#0000 68%)}.hero-copy{position:absolute;inset:auto 0 12%;width:100%}.eyebrow{font-size:.8125rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;line-height:1.6;margin-bottom:1.8rem;color:var(--muted)}.hero .eyebrow{color:#fff;margin-bottom:1rem}.hero-title{font-size:clamp(3.9rem,8.3vw,9rem);letter-spacing:-.055em;line-height:1.02;max-width:10em;font-weight:500;text-wrap:balance}.hero-link{display:inline-flex;gap:2rem;align-items:center;margin-top:2rem;padding:.8rem 0;border-bottom:1px solid #ffffff80;font-size:1rem}.hero-link svg{transition:transform .25s}.hero-link:hover svg{transform:translateX(5px)}.scroll-hint{position:absolute;right:var(--gutter);bottom:2rem;display:grid;place-items:center;min-width:44px;min-height:44px;font-size:1.5rem}.manifesto{padding-block:clamp(5rem,10vw,10rem)}.manifesto-copy{font-size:clamp(1.8rem,3.25vw,3.5rem);max-width:30em;line-height:1.35;letter-spacing:-.032em}.section-rule{position:relative}.section-rule:before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line)}.experience-intro,.vision-block,.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);padding-block:clamp(4.5rem,8vw,9rem)}.display{font-size:clamp(2.7rem,5vw,5.8rem);letter-spacing:-.045em;line-height:1.07;max-width:10em;text-wrap:balance}.lead{font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.65;letter-spacing:-.01em}.experience-summary{padding-top:3rem}.paired-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-block:3rem}.paired-details h3{font-size:1rem;font-weight:600;margin-bottom:.7rem}.paired-details p{font-size:1rem;color:var(--muted);line-height:1.6}.text-link{display:inline-flex;align-items:center;gap:2rem;min-height:44px;padding-block:.6rem;border-bottom:1px solid currentColor;font-size:.9375rem}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translateX(5px)}.control-field{background:var(--sky);color:var(--ink)}.control-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(3rem,8vw,9rem);align-items:end;padding-block:clamp(5rem,9vw,10rem)}.control-field .eyebrow{color:var(--accent)}.control-field .eyebrow:before{content:"";display:inline-block;width:1.25rem;height:2px;background:var(--blue);vertical-align:middle;margin-right:.7rem}.control-field .display{max-width:7.3em}.control-copy{padding-bottom:.25rem}.control-copy .lead{color:#283f4b}.control-copy .text-link{margin-top:2rem}.vision-block{align-items:center}.vision-block .lead{color:#535353}.vision-block .text-link{margin-top:2rem}.contact-closing{padding-block:4rem;display:flex;align-items:center;justify-content:space-between;gap:3rem;background:var(--sky)}.contact-closing .eyebrow{margin-bottom:1rem}.contact-closing h2{font-size:clamp(1.7rem,2.8vw,3rem);letter-spacing:-.025em;line-height:1.25}.contact-closing .text-link{white-space:nowrap}
.page-opening{padding-block:clamp(4.5rem,8vw,9rem) clamp(4rem,6.5vw,7rem)}.page-title{font-size:clamp(3.3rem,6.8vw,7.5rem);line-height:1.04;letter-spacing:-.05em;max-width:12em;text-wrap:balance}.page-lead{font-size:clamp(1.125rem,1.6vw,1.4rem);line-height:1.6;max-width:36em;margin-top:2.5rem;color:#5d5d5d}.experience-spread{display:grid;grid-template-columns:1.5fr 1fr;gap:0;margin-bottom:3rem}.experience-media{aspect-ratio:1.1;overflow:hidden;background:#eee}.experience-media img{width:100%;height:100%;object-fit:cover;object-position:63% 50%;filter:grayscale(1)}.spread-caption{background:var(--sky);color:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(2rem,4.5vw,5rem)}.spread-caption .eyebrow{color:var(--accent)}.medium-display{font-size:clamp(2rem,3.2vw,3.8rem);letter-spacing:-.035em;line-height:1.16;text-wrap:balance;max-width:14em}.feature-list{padding-block:1.5rem 3rem}.feature-row{display:grid;grid-template-columns:3rem 1.05fr 1fr;gap:3rem;border-top:1px solid var(--line);padding-block:3rem;align-items:start}.feature-index{font-size:.8125rem;color:#777;margin-top:.35rem}.feature-row .eyebrow{margin-bottom:1rem}.feature-row h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.2;letter-spacing:-.03em;max-width:12em}.feature-row>p{font-size:1.125rem;line-height:1.7;color:#555;max-width:30em;padding-top:2.25rem}.development-note{padding-block:2.5rem 3rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.development-note .eyebrow{margin:0}.development-note>p:last-child{font-size:.9375rem;max-width:30em;color:var(--muted)}.principle-band{background:var(--ice);color:var(--ink);padding-block:clamp(4.5rem,8vw,9rem)}.principle-band .eyebrow{color:var(--accent)}.principle-title{font-size:clamp(2.8rem,6vw,6.5rem);letter-spacing:-.045em;line-height:1.1;max-width:11em}.principle-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-top:5rem}.principle-labels>span{border-top:1px solid #a9c3ce;padding-top:1.5rem;display:flex;flex-direction:column;gap:.7rem}.principle-labels strong{font-size:1.3rem;font-weight:500}.principle-labels span span{font-size:1rem;color:#475f69}.editorial-columns .lead+p{margin-top:1.5rem;color:#626262;font-size:1rem}.company-statement{padding-block:clamp(4rem,8vw,8rem);background:var(--stone)}.company-quote{font-size:clamp(2.5rem,5.5vw,6rem);letter-spacing:-.04em;line-height:1.15;max-width:15em}.contact-opening{padding-bottom:5rem}.contact-details{padding-block:3.5rem 6rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-address{border-top:1px solid var(--line);padding-top:1.5rem}.email-address{font-size:clamp(1.35rem,2.5vw,2.8rem);letter-spacing:-.03em;overflow-wrap:anywhere}.contact-pending{font-size:1rem;color:#666;max-width:30em;margin-top:1.5rem}.contact-bottom{padding-bottom:5rem}.contact-bottom .development-note{margin-bottom:1rem}.site-footer{padding-top:4rem;background:#fff}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;padding-bottom:3rem}.footer-brand :is(img,svg){width:11rem;height:auto}.footer-main nav{display:flex;gap:2.5rem;font-size:.875rem}.footer-main nav a{padding-block:.5rem}.footer-main nav a:hover{text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--line);padding-block:1.5rem 2rem;font-size:.8125rem;color:#686868}.footer-bottom a{min-height:44px;display:flex;align-items:center}.footer-bottom a:hover{text-decoration:underline}
@media(min-width:1800px){.hero-copy{left:50%;transform:translateX(-50%)}}
@media(max-width:1000px){.header-contact{display:none}.menu-aside{padding-left:2rem}.experience-intro,.vision-block,.editorial-columns{gap:3rem}.paired-details{grid-template-columns:1fr;gap:1.5rem}.feature-row{grid-template-columns:2rem 1fr 1fr;gap:2rem}.footer-main nav{gap:1.2rem}.experience-spread{grid-template-columns:1.2fr 1fr}}
@media(max-width:700px){:root{--header:4.5rem;--gutter:1.4rem}.site-header,.menu-header{padding-inline:1.25rem;gap:.5rem;grid-template-columns:1fr auto 1fr}.brand :is(img,svg){width:clamp(8rem,37vw,11rem)}.menu-word{display:none}.header-right{gap:0}.language-switcher{gap:.15rem;font-size:.8125rem}.language-switcher a{min-width:24px}.menu-body{display:block;padding-block:2rem}.menu-aside{display:none}.menu-links{gap:1.8rem}.menu-links a{font-size:2.8rem}.menu-links .menu-home{font-size:.875rem}.menu-bottom{font-size:.75rem;gap:1rem}.hero{height:calc(92svh - var(--header));min-height:35rem;max-height:56rem}.hero-media img{object-position:57% 50%}.hero-shade{background:linear-gradient(0deg,#000d 0%,#0005 45%,#0001 100%)}.hero-copy{bottom:13%}.hero-title{font-size:clamp(3.25rem,13.8vw,5rem);max-width:6em;line-height:1.03}.hero .eyebrow{font-size:.75rem}.hero-link{margin-top:1.5rem;gap:1.5rem;font-size:.9375rem}.scroll-hint{bottom:1rem}.manifesto{padding-block:4.5rem}.manifesto-copy{font-size:clamp(1.65rem,6.5vw,2.25rem);line-height:1.37}.eyebrow{font-size:.75rem;margin-bottom:1.5rem;letter-spacing:.12em}.experience-intro,.vision-block,.editorial-columns,.control-grid{grid-template-columns:1fr;gap:2.5rem;padding-block:4.5rem}.display{font-size:clamp(2.65rem,10.7vw,4rem);max-width:10em}.experience-summary{padding-top:0}.paired-details{grid-template-columns:1fr 1fr;gap:1.5rem;margin-block:2rem}.paired-details h3,.paired-details p{font-size:.9375rem}.lead{font-size:1.125rem}.control-grid{gap:3rem}.control-field .display{max-width:7em}.control-copy .text-link,.vision-block .text-link{margin-top:1.5rem}.contact-closing{padding-block:3rem;display:block}.contact-closing .text-link{margin-top:1.5rem}.page-opening{padding-block:4rem 3.5rem}.page-title{font-size:clamp(2.9rem,11.8vw,4.5rem)}.page-lead{margin-top:2rem;font-size:1.125rem}.experience-spread{display:block;margin-bottom:1rem}.experience-media{aspect-ratio:1.08}.spread-caption{padding:2rem;min-height:16rem}.medium-display{font-size:clamp(2rem,8vw,3rem);line-height:1.2}.feature-list{padding-block:2rem}.feature-row{grid-template-columns:1.5rem 1fr;gap:1.25rem;padding-block:2.5rem}.feature-row h2{font-size:2rem}.feature-row>p{grid-column:2;padding-top:0;font-size:1rem}.feature-row .eyebrow{font-size:.75rem}.development-note{grid-template-columns:1fr;gap:1rem;padding-block:2rem;margin-bottom:2rem}.principle-band{padding-block:4rem}.principle-title{font-size:2.9rem}.principle-labels{gap:1rem;margin-top:3rem}.principle-labels strong{font-size:1.125rem}.principle-labels span span{font-size:.875rem}.company-statement{padding-block:4rem}.company-quote{font-size:2.7rem}.contact-details{padding-block:1.5rem 3rem;grid-template-columns:1fr;gap:2.5rem}.contact-bottom{padding-bottom:3rem}.email-address{font-size:1.65rem}.site-footer{padding-top:3rem}.footer-main{display:block;padding-bottom:2rem}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;margin-top:2rem}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:.7rem 1rem;font-size:.75rem;padding-block:1rem 1.5rem}.footer-bottom>span:nth-child(2){grid-column:1/-1;grid-row:2}.footer-bottom a{grid-column:2;grid-row:1}}
html[lang="es"] .hero-title{max-width:12em;font-size:clamp(3.3rem,6.9vw,7.5rem)}
@media(max-width:700px){html[lang="es"] .hero-title{max-width:9em;font-size:clamp(2.7rem,11.5vw,4.25rem)}html[lang="es"] .contact-opening .page-title{font-size:clamp(2.6rem,10.5vw,4rem)}}
@media(max-width:360px){:root{--gutter:1.1rem}.site-header,.menu-header{padding-inline:.9rem}.brand :is(img,svg){width:8rem}.language-switcher{gap:0}.paired-details{grid-template-columns:1fr}.principle-labels{grid-template-columns:1fr;margin-top:2rem}.hero{min-height:33rem}}
@media(prefers-reduced-motion:no-preference){.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.hero-copy>.eyebrow,.hero-title,.hero-link{animation:text-enter .85s cubic-bezier(.2,.65,.3,1) .1s both}.navigation-menu[open] .menu-body{animation:text-enter .3s ease both}}
@keyframes text-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes photo-enter{from{opacity:0;scale:1.025}to{opacity:1;scale:1}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1!important;transform:none!important}}

/* September 2026: photographic chapters and the CarOpening blue palette. */
.site-header,.menu-header{background:#f6f8f9}
.site-header{border-bottom:1px solid #d8e1e6}
.navigation-menu{background:#edf3f6}
.menu-aside{border-color:#b9cbd4}
.menu-links a[aria-current="page"]{color:var(--accent)}
.hero-media img{object-position:60% 46%}
.hero-shade{background:linear-gradient(90deg,#0007 0%,#0001 65%),linear-gradient(0deg,#000b 0%,#0000 75%)}
.hero-title{font-size:clamp(3.9rem,7.4vw,8.5rem)}
.eyebrow{color:var(--accent);font-size:.875rem;letter-spacing:.12em}
.manifesto{padding-block:clamp(4.5rem,8vw,8rem);text-align:center}
.manifesto .eyebrow{margin-bottom:1.5rem}
.manifesto-copy{max-width:31em;margin-inline:auto;font-size:clamp(1.8rem,2.8vw,3.1rem);line-height:1.42}
.control-field{background:var(--sky)}
.control-grid{padding-block:clamp(4.5rem,8vw,8rem)}
.control-field .eyebrow:before{background:var(--accent)}
.contact-closing{max-width:none;background:var(--sky)}
.contact-closing .text-link{border:1px solid #60899b;padding:.75rem 1.5rem;transition:background .2s}
.contact-closing .text-link:hover{background:#abc9d7}
.page-opening{background:var(--paper)}
.page-title{font-size:clamp(3.3rem,6vw,6.7rem);max-width:13em}
.editorial-columns{background:var(--paper)}
.editorial-columns.section-rule{background:var(--ice);max-width:none}
.editorial-columns.section-rule:before{display:none}
.feature-list{background:var(--paper)}
.feature-row{padding-block:3.5rem}
.feature-row h2{max-width:13em}
.feature-row .feature-index{color:var(--accent)}
.feature-row>p{font-size:1.125rem}
.feature-row:nth-child(even){background:var(--ice);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
.photo-story{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(38rem,57vw,59rem);overflow:hidden;background:#687d87;color:#fff}
.story-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.story-media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.story-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111d25b8 0%,#111d257a 43%,#111d250d 100%)}
.story-content{width:100%;padding-block:6rem}
.story-content>.eyebrow,.story-copy>.eyebrow{color:#fff}
.story-copy{max-width:38rem}
.story-copy .display{max-width:10em;font-size:clamp(3rem,4.9vw,5.6rem)}
.story-copy>.lead{max-width:28em;margin-top:2rem;color:#f7fbff;font-size:1.125rem}
.story-copy>.text-link{margin-top:1.8rem}
.story-copy .paired-details{max-width:34rem;margin-block:2rem 0}
.story-copy .paired-details p{color:#f0f6f9}
.story-copy .paired-details h3{font-weight:600}
.story-content .paired-details+ .text-link{margin-top:2rem}
.vision-story .story-copy{margin-left:auto;max-width:36rem}
.vision-story .story-shade{background:linear-gradient(270deg,#111d25bb 0%,#111d2566 47%,#111d2500 100%)}
.section-opening{min-height:clamp(29rem,44vw,46rem);align-items:flex-end}
.section-opening .story-content{padding-block:5rem}
.section-opening .page-title{max-width:11em}
.section-opening .page-lead{max-width:34em;margin-top:1.8rem;color:#f4f8fb}
.section-opening .story-shade{background:linear-gradient(90deg,#121e28b3 0%,#121e2838 100%),linear-gradient(0deg,#121e2899,#121e2800 85%)}
.company-statement{background:var(--sky);padding-block:clamp(4rem,7vw,7rem)}
.company-quote{font-size:clamp(2.5rem,4.5vw,5.3rem);max-width:17em}
.experience-spread{max-width:none;padding:0;margin:0;grid-template-columns:1.1fr 1fr}
.experience-media{aspect-ratio:1.25}
.experience-media img{object-position:60% 50%}
.spread-caption{background:var(--ice);justify-content:center;padding:var(--gutter)}
.principle-band{position:relative;isolation:isolate;overflow:hidden;background:var(--ice)}
.principle-band>.wrap{position:relative;padding-right:max(43%,var(--gutter))}
.principle-title{font-size:clamp(2.8rem,4.4vw,5.2rem);max-width:10em}
.principle-image{position:absolute;inset:0 0 0 62%;z-index:-1;overflow:hidden}
.principle-image img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.principle-labels{gap:1.7rem;margin-top:3.5rem}
.principle-labels strong{font-size:1.35rem}
.editorial-image{height:clamp(22rem,41vw,43rem);max-width:none;overflow:hidden}
.editorial-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.contact-surface{display:grid;grid-template-columns:1fr .88fr;min-height:34rem}
.contact-surface .contact-opening{padding-block:5.5rem}
.contact-opening .page-title{font-size:clamp(3rem,4.9vw,5.4rem);max-width:9em}
.contact-surface .contact-photo{min-height:100%;overflow:hidden}
.contact-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.contact-details{max-width:none;background:var(--ice)}
.contact-address{border-color:#a8c0cb}
.contact-bottom{padding-top:2.5rem}
.site-footer{max-width:none;background:var(--stone)}
.footer-main nav{font-size:.9375rem}
.footer-bottom{border-color:#c0cbcf}
.language-switcher a{min-width:32px;font-size:.875rem}
.text-link,.hero-link{font-size:1rem}
@media(min-width:1800px){.story-content{padding-inline:max(var(--gutter),calc((100vw - 96rem)/2))}}
@media(max-width:1000px){
 .principle-band>.wrap{padding-right:42%}
 .principle-image{left:64%}
 .principle-labels{grid-template-columns:1fr;gap:1rem}
 .principle-labels>span{flex-direction:row;justify-content:space-between;padding-top:1rem}
 .contact-surface{grid-template-columns:1fr .7fr}
}
@media(max-width:700px){
 .site-header{border-bottom:0}
 .hero-title{font-size:clamp(3.25rem,13.8vw,5rem)}
 .hero-shade{background:linear-gradient(0deg,#000d 0%,#0006 42%,#0000 90%)}
 .eyebrow{font-size:.875rem;letter-spacing:.1em}
 .manifesto{padding-block:4rem;text-align:left}
 .manifesto-copy{font-size:clamp(1.75rem,6.5vw,2.3rem);line-height:1.4}
 .photo-story{display:block;min-height:0;background:var(--ice);color:var(--ink)}
 .story-media{position:relative;inset:auto;z-index:auto;height:clamp(22rem,65vw,30rem)}
 .story-shade{display:none}
 .story-content{padding-block:3.2rem 3.6rem}
 .story-content>.eyebrow,.story-copy>.eyebrow{color:var(--accent)}
 .story-copy{max-width:none}
 .story-copy .display{font-size:clamp(2.7rem,10.5vw,4rem);max-width:11em}
 .story-copy>.lead{color:#344e5b;font-size:1.125rem;margin-top:1.5rem}
 .story-copy .paired-details{gap:1.4rem}
 .story-copy .paired-details p{color:#475f6b;font-size:1rem}
 .story-copy .paired-details h3{font-size:1rem}
 .story-copy .text-link{margin-top:1.5rem}
 .vision-story{background:var(--stone)}
 .section-opening{position:relative;display:flex;align-items:flex-end;min-height:37rem;color:white}
 .section-opening .story-media{position:absolute;inset:0;height:100%;z-index:-2}
 .section-opening .story-shade{display:block;background:linear-gradient(0deg,#101a22d9 0%,#101a2273 55%,#101a221a 100%)}
 .section-opening .story-content{padding-block:4rem}
 .section-opening .story-content>.eyebrow{color:#fff}
 .section-opening .page-title{font-size:clamp(2.9rem,11.2vw,4.25rem);max-width:11em}
 .section-opening .page-lead{font-size:1.125rem;max-width:27em;color:#f4f8fb}
 .experience-spread{display:block}
 .experience-media{aspect-ratio:1.25}
 .spread-caption{min-height:0;padding:3rem var(--gutter)}
 .spread-caption .medium-display{font-size:2.3rem}
 .control-grid{padding-block:4rem}
 .feature-row{padding-block:2.5rem;gap:1.25rem}
 .feature-row h2{font-size:2rem}
 .feature-row .eyebrow{font-size:.875rem}
 .feature-row>p{font-size:1rem}
 .principle-band{padding-block:3.5rem 0}
 .principle-band>.wrap{padding-inline:var(--gutter);padding-bottom:3.5rem}
 .principle-title{font-size:2.9rem;max-width:12em}
 .principle-labels{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}
 .principle-labels>span{flex-direction:column;gap:.5rem}
 .principle-labels strong{font-size:1.125rem}
 .principle-labels span span{font-size:1rem}
 .principle-image{position:relative;inset:auto;height:22rem}
 .editorial-image{height:24rem}
 .company-quote{font-size:2.7rem}
 .contact-surface{display:flex;flex-direction:column;min-height:0}
 .contact-surface .contact-opening{padding-block:4rem}
 .contact-surface .contact-photo{height:23rem;min-height:0}
 .contact-details{padding-block:3rem}
 .contact-opening .page-title{font-size:clamp(2.9rem,11vw,4rem)}
 .contact-closing{padding-block:3rem}
 .footer-main nav{font-size:.9375rem}
 .language-switcher a{min-width:26px}
}
@media(max-width:360px){.principle-labels{grid-template-columns:1fr}.principle-labels>span{flex-direction:row}.photo-story .paired-details{grid-template-columns:1fr}}

/* Original supplied photograph; reversible monochrome presentation, unchanged crops. */
.hero[data-photo="forest"] .hero-media img{object-position:50% 69%;filter:grayscale(1)}
.hero[data-photo="forest"] .hero-shade{background:linear-gradient(90deg,#0007 0%,#0003 44%,transparent 76%),linear-gradient(0deg,#0007,transparent 58%)}
.hero[data-photo="forest"] .hero-copy{text-align:left;bottom:14%}
@media(min-width:701px){.hero[data-photo="forest"] .hero-title{max-width:8em;font-size:clamp(3.9rem,6.3vw,7rem)}}
@media(max-width:700px){.hero[data-photo="forest"] .hero-media img{object-position:67% 57%}.hero[data-photo="forest"] .hero-copy{bottom:10%}.hero[data-photo="forest"] .hero-shade{background:linear-gradient(0deg,#000b 0%,#0004 42%,transparent 74%)}}
/* Technology editorial: preserve the overhead photograph's complete geometry. */
/* Supplied monochrome detail: native resolution, with device-specific framing. */
.hero[data-photo="sculptural"] .hero-media img{object-position:50% 34%;filter:none}
.hero[data-photo="sculptural"] .hero-shade{background:linear-gradient(90deg,#0006 0%,#0003 38%,transparent 72%),linear-gradient(0deg,#0008 0%,transparent 64%)}
.hero[data-photo="sculptural"] .hero-copy{text-align:left;bottom:14%}
@media(min-width:701px){.hero[data-photo="sculptural"] .hero-title{max-width:8em;font-size:clamp(3.9rem,6.3vw,7rem)}}
@media(max-width:700px){.hero[data-photo="sculptural"] .hero-media img{object-position:56% 50%}.hero[data-photo="sculptural"] .hero-copy{bottom:10%}.hero[data-photo="sculptural"] .hero-shade{background:linear-gradient(0deg,#000c 0%,#0005 48%,transparent 78%)}}
.principle-band.principle-ramp{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);padding:0;align-items:center}
.principle-ramp>.wrap{grid-column:1;grid-row:1;width:100%;padding:clamp(3rem,5vw,6rem) var(--gutter)}
.principle-ramp .principle-image{grid-column:2;grid-row:1;position:relative;inset:auto;z-index:auto;height:auto;width:100%;align-self:center}
.principle-ramp .principle-image img{width:100%;height:auto;object-position:center;display:block}
@media(max-width:700px){.principle-band.principle-ramp{grid-template-columns:1fr}.principle-ramp>.wrap{grid-column:1;grid-row:1;padding:3.5rem var(--gutter)}.principle-ramp .principle-image{grid-column:1;grid-row:2;width:100%;height:auto}.principle-ramp .principle-title{font-size:clamp(2.5rem,9vw,3.4rem)}}

/* Shared scroll header: keep each page's original header as the no-JS fallback. */
body[data-header-ready]:not([data-page="/"]) {
  padding-top: var(--header);
}

body[data-page] .site-header[data-header-state] {
  position: fixed;
  inset: 0 0 auto;
  z-index: 10;
  transform: none;
  transition: transform .28s cubic-bezier(.22,.61,.36,1), height .2s ease,
    background-color .2s ease, border-color .2s ease;
}

body[data-page] .site-header[data-header-state] .brand img {
  transition: width .2s ease;
}

body[data-page] .site-header[data-header-state]:not([data-header-state="top"]) {
  height: 4.75rem;
  background: #111;
  color: #fff;
  border-bottom: 1px solid #ffffff1a;
}

body[data-page] .site-header[data-header-state]:not([data-header-state="top"]) .brand :is(img,svg) {
  width: clamp(9rem, 12.5vw, 11.5rem);
}
body[data-page] .site-header[data-header-state]:not([data-header-state="top"]) .brand img {
  filter: brightness(0) invert(1);
}

body[data-page]:not([data-page="/"]) .site-header[data-header-state]:not([data-header-state="top"]) .language-switcher a {
  color: #fff;
  opacity: .72;
}
body[data-page]:not([data-page="/"]) .site-header[data-header-state]:not([data-header-state="top"]) .language-switcher a[aria-current="true"],
body[data-page]:not([data-page="/"]) .site-header[data-header-state]:not([data-header-state="top"]) .language-switcher a:hover {
  opacity: 1;
}
body[data-page]:not([data-page="/"]) .site-header[data-header-state]:not([data-header-state="top"]) .language-switcher > span {
  color: #ffffff70;
}

body[data-page] .site-header[data-header-state="hidden"] {
  transform: translateY(calc(-100% - 1px));
  pointer-events: none;
}

/* Focus reveals the existing controls without removing them from tab order. */
body[data-page] .site-header[data-header-state="hidden"]:has(:focus-visible) {
  transform: translateY(0);
  pointer-events: auto;
}

body[data-page] section[id] { scroll-margin-top: 6rem; }

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body[data-page] .site-header[data-header-state]:not([data-header-state="top"]) {
    background: rgb(8 8 8 / 72%);
    -webkit-backdrop-filter: blur(20px) saturate(0);
    backdrop-filter: blur(20px) saturate(0);
  }
}

@media (max-width: 700px) {
  body[data-page] .site-header[data-header-state]:not([data-header-state="top"]) {
    height: 4rem;
  }
  body[data-page] .site-header[data-header-state]:not([data-header-state="top"]) .brand :is(img,svg) {
    width: clamp(8rem, 37vw, 9.25rem);
  }
  body[data-page] section[id] { scroll-margin-top: 5rem; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page] .site-header[data-header-state],
  body[data-page] .site-header[data-header-state] .brand img { transition: none; }
}

/* Inner pages share the current Home's floating header dimensions. */
@media (min-width: 701px) {
  body[data-page]:not([data-page="/"]) .site-header[data-header-state]:not([data-header-state="top"]) {
    height: 5.75rem;
  }
  body[data-page]:not([data-page="/"]) section[id] { scroll-margin-top: 7rem; }
}
@media (min-width: 701px) and (max-height: 600px) {
  body[data-page]:not([data-page="/"]) .site-header[data-header-state]:not([data-header-state="top"]) {
    height: 5rem;
  }
  body[data-page]:not([data-page="/"]) section[id] { scroll-margin-top: 6rem; }
}

/* Current navigation: two fine strokes, a centered wordmark and a quiet language switch. */
body[data-page] .site-header--minimal .menu-toggle {
  width: 44px;
  min-height: 44px;
  padding: 0;
  justify-content: center;
}
body[data-page] .site-header--minimal .menu-bars {
  width: 2rem;
  height: .5rem;
  border-block: 1px solid currentColor;
}
body[data-page] .site-header--minimal .language-switcher a {
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .06em;
}
body[data-page] .site-header--minimal .language-switcher a[aria-current="true"] {
  font-weight: 500;
}
body[data-page] .site-header--minimal[data-header-state]:not([data-header-state="top"]) {
  background: #111;
  border-bottom: 0;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body[data-page] .site-header--minimal[data-header-state]:not([data-header-state="top"]) {
    background: rgb(12 12 12 / 92%);
  }
}

/* Render the supplied logo outlines directly, without image color filters. */
.brand-mark {
  display: block;
  max-width: 100%;
  height: auto;
}

/* A deeper brand-blue variant gives hover underlines definition on light surfaces. */
:root {
  --blue-hover: #427a91;
}

/* Blue underlines appear only on pointer hover over selected text links. */
@media (hover: hover) and (pointer: fine) {
  body[data-page]:not([data-page='/']) .site-footer nav a:hover,
  body[data-page]:not([data-page='/']) .footer-bottom > a:hover {
    text-decoration-line: underline;
    text-decoration-color: var(--blue-hover);
    text-decoration-thickness: 1px;
  }
}
