:root{--black:#050505;--ink:#111;--white:#fff;--paper:#f5f2ec;--paper2:#ebe7df;--muted:#777;--line:rgba(0,0,0,.12);--lineW:rgba(255,255,255,.14);--orange:#f58025;--side:clamp(22px,5.4vw,96px);--max:1540px;--font:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{text-decoration:none;color:inherit}.header{position:fixed;z-index:100;inset:0 0 auto;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--side);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(5,5,5,1);backdrop-filter:blur(16px)}.header.solid{background:rgba(5,5,5,.94)}.brand{font-weight:750;font-size:14px;letter-spacing:.24em;line-height:1}.brand span{display:block;margin-top:8px;font-size:8px;letter-spacing:.42em;color:rgba(255,255,255,.52);font-weight:650}.nav{display:flex;gap:36px}.nav a{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.62);padding:34px 0;position:relative}.nav a:hover,.nav a.active{color:#fff}.nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:27px;background:var(--orange);transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.menu{display:none;background:transparent;border:0;color:#fff;text-transform:uppercase;letter-spacing:.2em}.hero{min-height:100svh;background:#050505;color:#fff;display:grid;align-items:end;padding:150px var(--side) 68px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.86) 32%,rgba(5,5,5,.36) 70%),url('../img/hero-wire.svg') center/cover no-repeat;opacity:.96}.hero-inner{position:relative;z-index:2;max-width:var(--max);width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 390px;gap:7vw;align-items:end}.eyebrow{margin:0 0 28px;color:var(--orange);font-size:11px;letter-spacing:.34em;text-transform:uppercase;font-weight:800}.hero h1,.page-hero h1{margin:0;font-weight:520;letter-spacing:-.088em;line-height:.84}.hero h1{font-size:clamp(62px,10vw,166px);max-width:980px}.lead{font-size:18px;line-height:1.78;color:rgba(255,255,255,.68);max-width:560px;margin:36px 0 0}.cta{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:42px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;min-height:54px;padding:0 24px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;transition:.2s}.btn:after{content:"→";margin-left:18px;color:var(--orange);font-size:16px}.btn:hover{background:#fff;color:#050505}.ghost{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.6)}.index-card{border:1px solid rgba(255,255,255,.16);background:rgba(10,10,10,.52);backdrop-filter:blur(14px)}.index-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.12)}.index-row:last-child{border-bottom:0}.index-row div{padding:28px}.index-row div:first-child{border-right:1px solid rgba(255,255,255,.12)}.index-card b{display:block;font-size:38px;font-weight:520;letter-spacing:-.06em}.index-card span{display:block;margin-top:10px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5)}.section{padding:clamp(90px,11vw,176px) var(--side)}.container{max-width:var(--max);margin:0 auto}.split{display:grid;grid-template-columns:360px 1fr;gap:9vw}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.32em;color:#888;font-weight:800}.display{font-size:clamp(44px,6vw,96px);line-height:.94;letter-spacing:-.076em;font-weight:520;margin:0}.display .muted{color:#9a9a9a}.text{font-size:20px;line-height:1.84;color:#555;max-width:760px;margin:34px 0 0}.band{display:grid;grid-template-columns:1.1fr .9fr;min-height:760px}.visual{background:#111 url('../img/placeholder-detail.svg') center/cover no-repeat}.panel{background:var(--paper);padding:clamp(42px,6vw,86px);display:flex;align-items:end}.panel h2,.dark h2{font-size:clamp(44px,5.8vw,92px);line-height:.94;letter-spacing:-.074em;font-weight:520;margin:0 0 32px}.panel p,.dark p{font-size:19px;line-height:1.84;color:#555;max-width:620px}.facts{margin-top:46px;border-top:1px solid var(--line)}.facts div{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.facts span{color:#777}.dark{background:#060606;color:#fff}.dark p{color:rgba(255,255,255,.64)}.doc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.drawing-wrap{background:#111;border:1px solid rgba(255,255,255,.13);padding:32px}.drawing{aspect-ratio:4/5;background:url('../img/drawing.svg') center/cover no-repeat}.drawing-hero{aspect-ratio:4/5;background:url('../img/drawing-hero.svg') center/cover no-repeat}.tiles{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.14);border-right:0;border-bottom:0;margin-top:54px}.tiles div{padding:24px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.76)}.manifest{text-align:center;background:#fff}.manifest p{font-size:clamp(50px,7.6vw,124px);line-height:.91;letter-spacing:-.085em;font-weight:520;margin:0 auto;max-width:1260px}.manifest em{font-style:normal;color:var(--orange)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics div{padding:42px var(--side);border-right:1px solid var(--line)}.metrics div:last-child{border-right:0}.metrics b{display:block;font-size:clamp(42px,5vw,78px);line-height:1;letter-spacing:-.07em;font-weight:520}.metrics span{display:block;margin-top:14px;color:#777;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.page-hero{min-height:68vh;background:#050505;color:#fff;padding:178px var(--side) 82px;display:flex;align-items:end;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505,rgba(5,5,5,.45)),url('../img/hero-wire.svg') center/cover no-repeat;opacity:.82}.page-hero>div{position:relative;z-index:2}.page-hero h1{font-size:clamp(62px,9vw,142px)}.page{padding:110px var(--side)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}.card{background:var(--paper);border:1px solid var(--line);padding:30px;min-height:230px}.card b{font-size:13px;text-transform:uppercase;letter-spacing:.2em}.card p{font-size:16px;line-height:1.72;color:#555;margin:22px 0 15px}.quote{background:#111;color:#fff;padding:90px var(--side);font-size:clamp(36px,5vw,80px);line-height:1.02;letter-spacing:-.065em}.contact-line{font-size:clamp(36px,5.5vw,86px);line-height:1.05;letter-spacing:-.07em;font-weight:520}.contact-line a{border-bottom:2px solid var(--orange)}.footer{background:#050505;color:#fff;padding:64px var(--side);display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.footer p{color:rgba(255,255,255,.38);font-size:12px;line-height:1.65;margin:18px 0 0}.footer nav{display:flex;gap:28px;flex-wrap:wrap}.footer nav a{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.52)}@media(max-width:980px){.header{height:72px}.nav{display:none}.menu{display:block}.hero-inner,.split,.band,.doc-grid{grid-template-columns:1fr}.hero{padding-top:120px}.index-card{max-width:540px}.band{min-height:auto}.visual{min-height:540px}.metrics{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.footer{display:block}.footer nav{margin-top:34px}.page-hero{min-height:55vh;padding-top:140px}}@media(max-width:560px){.brand{font-size:12px}.brand span{font-size:7px}.hero h1{font-size:56px}.lead{font-size:16px}.index-row{grid-template-columns:1fr}.index-row div:first-child{border-right:0}.index-row div{border-bottom:1px solid rgba(255,255,255,.12)}.tiles,.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid var(--line)}.visual{min-height:380px}.section,.page{padding-top:78px;padding-bottom:78px}.footer nav{display:grid;gap:16px}}

/* V4 logo refinement */
.brand{
  font-family:"Montserrat",Arial,sans-serif;
  font-weight:800;
  font-size:20px;
  letter-spacing:-0.03em;
  text-transform:uppercase;
  line-height:1;
}
.brand span{display:none!important}

/* Project gallery */
.project-hero:before{background:linear-gradient(90deg,#050505,rgba(5,5,5,.34)),url('../img/hero-wire.svg') center/cover no-repeat;opacity:.9}.intro-project{padding-bottom:80px}.gallery-feature{padding:0 var(--side);background:#fff}.gallery-image{background:#111;min-height:72vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:rgba(255,255,255,.44);font-size:12px;letter-spacing:.34em;text-transform:uppercase;font-weight:800;border:1px solid rgba(255,255,255,.08)}.gallery-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 35%,rgba(245,128,37,.22),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.12),transparent 40%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 96px);opacity:.8}.gallery-image:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.14)}.gallery-image span{position:relative;z-index:2}.story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.gallery-story h2,.section-head h2{font-size:clamp(42px,5.6vw,88px);line-height:.95;letter-spacing:-.075em;font-weight:520;margin:0}.gallery-story p:not(.eyebrow){font-size:19px;line-height:1.84;color:#555;max-width:560px}.story-grid .gallery-image{min-height:680px}.section-head{max-width:980px;margin-bottom:58px}.triptych-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.triptych-grid article h3{font-size:13px;letter-spacing:.22em;text-transform:uppercase;margin:18px 0 0}.gallery-image.small{min-height:470px}.dark-feature{background:#050505;padding-top:110px;padding-bottom:110px}.tyre{min-height:78vh;background:#080808}.tyre:before{background:radial-gradient(circle at 50% 52%,transparent 0 16%,rgba(255,255,255,.15) 17% 18%,transparent 19% 34%,rgba(255,255,255,.18) 35% 37%,transparent 38%),radial-gradient(circle at 50% 52%,rgba(245,128,37,.2),transparent 52%)}.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery-image.square{min-height:520px}.book-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.book-thumbs div{aspect-ratio:4/5;background:#111;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.42);font-size:10px;letter-spacing:.24em}.project-metrics{background:#fff}.mono:before{background:url('../img/hero-wire.svg') center/cover no-repeat;opacity:.55}.structure:before{background:repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 1px,transparent 1px 38px),radial-gradient(circle at 70% 45%,rgba(245,128,37,.22),transparent 36%)}.suspension:before,.front:before{background:linear-gradient(30deg,transparent 45%,rgba(255,255,255,.22) 46% 47%,transparent 48%),linear-gradient(150deg,transparent 45%,rgba(255,255,255,.18) 46% 47%,transparent 48%)}.aero:before,.bodywork:before{background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.18),transparent 46%)}.cockpit:before{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.2),transparent 28%),linear-gradient(180deg,transparent 50%,rgba(255,255,255,.08))}@media(max-width:980px){.story-grid,.triptych-grid,.component-grid,.book-thumbs{grid-template-columns:1fr}.gallery-feature{padding-left:0;padding-right:0}.gallery-image,.story-grid .gallery-image{min-height:460px}.gallery-image.small,.gallery-image.square{min-height:380px}.brand{font-size:18px}}

/* V5 manifesto direction */
.manifesto-hero:before{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.82) 36%,rgba(5,5,5,.26) 72%),url('../img/hero-wire.svg') center/cover no-repeat}.object-visual{background:#111 url('../images/project01/_DSC0004.jpg') center center/cover no-repeat}.philosophy-hero:before{opacity:.72}.narrow{max-width:980px}.manifesto-page{background:#fff}.manifesto-page p{font-size:clamp(34px,5.2vw,78px);line-height:1.04;letter-spacing:-.065em;font-weight:520;margin:0 0 .72em}.manifesto-page p:nth-child(even){color:#777}.page-h2{font-size:clamp(44px,5.8vw,92px);line-height:.94;letter-spacing:-.074em;font-weight:520;margin:0 0 30px}.doc-cards{grid-template-columns:repeat(3,1fr)}.dark-card{background:#0f0f0f;border-color:rgba(255,255,255,.13);color:#fff}.dark-card p{color:rgba(255,255,255,.58)}.drawing-wrap.light{background:#f4f1ea;border-color:rgba(0,0,0,.12)}.facts.clean{border-top:1px solid rgba(0,0,0,.12)}.facts.clean div{border-bottom:1px solid rgba(0,0,0,.12)}.facts.clean strong{color:#111}.header .brand,.footer .brand{font-family:"Montserrat",Arial,sans-serif;font-weight:800;font-size:20px;letter-spacing:-0.03em;text-transform:uppercase}.hero h1{max-width:1100px}.muted{color:#858585!important}.dark .muted{color:rgba(255,255,255,.38)!important}@media(max-width:980px){.doc-cards{grid-template-columns:1fr}.manifesto-page p{font-size:38px}.header .brand,.footer .brand{font-size:18px}}

.brand{font-family:Montserrat,sans-serif;font-weight:800;font-size:20px;letter-spacing:-0.03em;text-transform:uppercase}.chapter{display:flex;align-items:center;gap:30px;padding:28px 0;border-top:1px solid var(--line)}.chapter span{font-size:12px;letter-spacing:.3em;color:var(--orange)}.chapter h2{margin:0;font-size:34px;font-weight:500}.final-thought{background:#050505;color:#fff;padding:120px 0}.final-thought .display{font-size:54px;line-height:1.05}

/* V8 inspiration section */
.inspiration-section{background:#fff;padding-top:clamp(100px,12vw,190px);padding-bottom:clamp(100px,12vw,190px)}
.inspiration-hero{margin:72px 0 74px}
.gallery-image.senna{min-height:650px;background:#0b0b0b;color:rgba(255,255,255,.42)}
.gallery-image.senna:before{background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.12)),radial-gradient(circle at 62% 42%,rgba(245,128,37,.18),transparent 34%),repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 112px);opacity:.95}
.inspiration-grid h3{font-size:13px;letter-spacing:.24em;text-transform:uppercase;margin:0 0 28px;color:#111}
.inspiration-grid p{font-size:18px;line-height:1.84;color:#555;max-width:640px;margin:0 0 22px}
@media(max-width:980px){.gallery-image.senna{min-height:460px}.inspiration-hero{margin:48px 0}}


/* V9 commerce, contact and author refinements */
.commerce-detail h2,
.author-section h2,
.company-card h2{
  font-size:clamp(42px,5.6vw,88px);
  line-height:.95;
  letter-spacing:-.075em;
  font-weight:520;
  margin:0 0 34px;
}
.commerce-detail p:not(.eyebrow),
.company-card p,
.company-note p{
  font-size:18px;
  line-height:1.84;
  color:#555;
  max-width:860px;
}
.commerce-detail .text-large{
  font-size:22px!important;
  line-height:1.72!important;
  color:#222!important;
  margin-top:0;
}
.commerce-detail h3{
  margin:70px 0 24px;
  font-size:13px;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:800;
}
.commerce-list{
  margin:66px 0 20px;
  border-top:1px solid var(--line);
}
.commerce-list div{
  display:grid;
  grid-template-columns:72px minmax(240px,.6fr) 1fr;
  gap:28px;
  padding:28px 0;
  border-bottom:1px solid var(--line);
  align-items:start;
}
.commerce-list span{
  color:var(--orange);
  font-size:11px;
  letter-spacing:.24em;
  font-weight:800;
}
.commerce-list strong{
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.commerce-list p{
  margin:0;
  font-size:16px!important;
  line-height:1.72!important;
  color:#666!important;
}
.company-card{
  margin-top:70px;
  padding-top:46px;
  border-top:1px solid var(--line);
}
.company-card h2{
  font-size:clamp(34px,4vw,62px);
}
.company-card strong{
  font-size:13px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.company-note{
  margin-top:44px;
  padding:28px;
  background:var(--paper);
  border:1px solid var(--line);
}
.author-section{
  background:#f7f5f0;
}
.author-section .text{
  margin-top:22px;
}
@media(max-width:980px){
  .commerce-list div{grid-template-columns:1fr;gap:14px}
  .commerce-detail p:not(.eyebrow),.company-card p,.company-note p{font-size:16px}
}

/* V10 contact page refinement */
.contact-hero{min-height:62vh}
.contact-premium{background:#fff;padding-top:clamp(100px,10vw,150px);padding-bottom:clamp(90px,10vw,150px)}
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(46px,7vw,110px);align-items:start}
.contact-intro h2,
.company-layout h2{
  margin:0;
  font-size:clamp(44px,5.8vw,90px);
  line-height:.96;
  letter-spacing:-.078em;
  font-weight:520;
  max-width:880px;
}
.contact-panel{
  background:#f5f2ec;
  border:1px solid var(--line);
  padding:clamp(34px,4vw,64px);
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.panel-label{
  display:block;
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#888;
  font-weight:800;
  margin-bottom:34px;
}
.email-link{
  display:inline-block;
  font-size:clamp(34px,4.8vw,76px);
  line-height:.98;
  letter-spacing:-.07em;
  font-weight:520;
  border-bottom:2px solid var(--orange);
  word-break:break-word;
  max-width:100%;
}
.contact-panel p{
  font-size:18px;
  line-height:1.78;
  color:#555;
  max-width:720px;
  margin:36px 0 0;
}
.contact-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:44px}
.dark-btn{background:#0b0b0b;color:#fff;border-color:#0b0b0b}
.dark-btn:hover{background:var(--orange);color:#050505;border-color:var(--orange)}
.text-link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;border-bottom:1px solid var(--orange);padding-bottom:7px}
.contact-process{background:#faf9f5;padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px)}
.contact-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.contact-steps article{background:#faf9f5;padding:clamp(30px,3.5vw,52px);min-height:300px}
.contact-steps span{display:block;color:var(--orange);font-size:11px;letter-spacing:.26em;font-weight:800;margin-bottom:48px}
.contact-steps h3{font-size:13px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 26px;font-weight:800}
.contact-steps p{font-size:16px;line-height:1.76;color:#555;margin:0}
.company-block{background:#0a0a0a;color:#fff;padding-top:clamp(100px,11vw,170px);padding-bottom:clamp(100px,11vw,170px)}
.company-layout{display:grid;grid-template-columns:1fr 440px;gap:clamp(50px,8vw,130px);align-items:start}
.company-layout h2{color:#fff;max-width:860px}
.company-layout .text{color:rgba(255,255,255,.58)}
.address-card{background:#fff;color:#111;padding:clamp(34px,4vw,58px);border:1px solid rgba(255,255,255,.14)}
.address-card h3{font-size:16px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 34px;font-weight:800}
.address-card p{font-size:18px;line-height:1.82;color:#444;margin:0 0 34px}
.company-number{border-top:1px solid var(--line);padding-top:24px;font-size:13px;letter-spacing:.08em;color:#333}
.contact-closing .text{color:rgba(255,255,255,.62)}
@media(max-width:980px){
  .contact-grid,.company-layout,.contact-steps{grid-template-columns:1fr}
  .contact-panel{min-height:auto}
  .email-link{font-size:38px}
}
@media(max-width:560px){
  .email-link{font-size:30px;letter-spacing:-.05em}
  .contact-actions{gap:20px}
  .address-card p{font-size:16px}
}


/* V11 mobile navigation */
.menu{
  font-family:var(--font);
  cursor:pointer;
  padding:12px 0;
  font-weight:800;
}
@media(max-width:980px){
  body.nav-open{overflow:hidden}
  .header{height:72px;background:rgba(5,5,5,.94);backdrop-filter:blur(16px)}
  .menu{display:block;position:relative;z-index:120;font-size:11px;color:#fff;background:transparent;border:0;text-transform:uppercase;letter-spacing:.22em}
  .nav{
    display:flex;
    position:fixed;
    z-index:110;
    left:0;
    right:0;
    top:72px;
    height:calc(100svh - 72px);
    padding:34px var(--side) 46px;
    background:rgba(5,5,5,.98);
    border-top:1px solid rgba(255,255,255,.12);
    flex-direction:column;
    gap:0;
    transform:translateX(100%);
    opacity:0;
    pointer-events:none;
    transition:transform .28s ease,opacity .28s ease;
  }
  .header.menu-open .nav{
    transform:translateX(0);
    opacity:1;
    pointer-events:auto;
  }
  .nav a{
    display:flex;
    align-items:center;
    min-height:66px;
    padding:0;
    border-bottom:1px solid rgba(255,255,255,.12);
    font-size:13px;
    letter-spacing:.22em;
    color:rgba(255,255,255,.72);
  }
  .nav a:after{display:none}
  .nav a.active{color:#fff}
  .nav a.active:before{
    content:"";
    width:28px;
    height:1px;
    background:var(--orange);
    margin-right:18px;
  }
}
@media(max-width:560px){
  .nav{padding-top:24px}
  .nav a{min-height:60px;font-size:12px}
}

/* GOODYEAR EAGLE photo section + advanced lightbox */
.tyre-section{
  background:#050505;
  padding-top:110px;
  padding-bottom:110px;
}

.tyre-photo{
  width:100%;
  min-height:850px;
  background:#050505 url('../img/_DSC0004.jpg') center center / contain no-repeat;
  border:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  cursor:zoom-in;
  transition:transform .35s ease, opacity .35s ease;
  padding:0 0 34px;
}

.tyre-photo:hover{
  transform:scale(1.008);
  opacity:.96;
}

.tyre-photo:before,
.tyre-photo:after{
  display:none;
}

.zoom-hint{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 18px;
  background:rgba(0,0,0,.48);
  border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.78);
  font-size:10px;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:800;
  backdrop-filter:blur(10px);
}

.lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.975);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility .28s ease;
}

.lightbox.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.lightbox-topbar{
  position:fixed;
  z-index:10001;
  top:0;
  left:0;
  right:0;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 var(--side);
  color:#fff;
  background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,0));
  pointer-events:none;
}

.lightbox-title{
  font-size:11px;
  letter-spacing:.34em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(255,255,255,.72);
}

.lightbox-controls{
  display:flex;
  gap:8px;
  pointer-events:auto;
}

.lightbox-controls button{
  min-width:44px;
  height:40px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(15,15,15,.72);
  color:#fff;
  font-size:15px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(12px);
}

.lightbox-controls button:hover{
  background:#fff;
  color:#050505;
}

.lightbox-stage{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:86px 34px 34px;
  cursor:zoom-out;
}

.lightbox-stage img{
  max-width:92vw;
  max-height:86vh;
  width:auto;
  height:auto;
  object-fit:contain;
  user-select:none;
  transform-origin:center center;
  transition:transform .18s ease;
  box-shadow:0 30px 100px rgba(0,0,0,.7);
  cursor:zoom-in;
}

.lightbox-stage img.is-zoomed{
  cursor:grab;
  transition:transform .08s ease;
}

.lightbox-stage img.is-dragging{
  cursor:grabbing;
  transition:none;
}

body.lightbox-open{
  overflow:hidden;
}

@media(max-width:980px){
  .tyre-section{
    padding-top:70px;
    padding-bottom:70px;
  }
  .tyre-photo{
    min-height:680px;
  }
  .lightbox-topbar{
    height:68px;
  }
  .lightbox-stage{
    padding:80px 18px 24px;
  }
}

@media(max-width:560px){
  .tyre-section{
    padding-top:46px;
    padding-bottom:46px;
  }
  .tyre-photo{
    min-height:480px;
  }
  .zoom-hint{
    min-height:34px;
    font-size:9px;
  }
  .lightbox-topbar{
    height:auto;
    min-height:84px;
    align-items:flex-start;
    padding-top:18px;
    gap:16px;
  }
  .lightbox-title{
    display:none;
  }
  .lightbox-controls{
    width:100%;
    justify-content:flex-end;
  }
  .lightbox-controls button{
    min-width:40px;
    height:38px;
  }
  .lightbox-stage{
    padding:76px 12px 18px;
  }
  .lightbox-stage img{
    max-width:96vw;
    max-height:84vh;
  }
}

/* V12 Project 01 — real photography */
.project-photo-feature{padding:0 var(--side);background:#fff}
.project-photo-feature-dark{background:#050505;padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(70px,8vw,120px)}
.project-photo{margin:0;position:relative;overflow:hidden;background:#0a0a0a;border:0;display:block;color:#fff}
.project-photo img{display:block;width:100%;height:100%;object-fit:cover}
.project-photo-wide{height:min(78vw,900px)}
.project-photo-wide img{object-position:center center}
.project-photo figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:20px;padding:22px 26px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.64));font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.76);font-weight:800}
.project-photo-portrait{height:680px}
.project-photo-portrait img{object-position:center center}
.photo-triptych .project-photo-small{height:470px}
.photo-triptych .project-photo-small img{object-fit:cover}
.photo-triptych article:nth-child(1) img{object-position:50% 50%}
.photo-triptych article:nth-child(2) img{object-position:50% 50%}
.photo-triptych article:nth-child(3) img{object-position:50% 50%}
.lightbox-trigger{width:100%;height:min(62vw,820px);padding:0;cursor:zoom-in}
.lightbox-trigger img{object-fit:cover;object-position:center center;transition:transform .45s ease,opacity .35s ease}
.lightbox-trigger:hover img{transform:scale(1.012);opacity:.96}
.lightbox-trigger .zoom-hint{position:absolute;z-index:2;left:50%;bottom:30px;transform:translateX(-50%)}
.detail-pair{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}
.project-photo-detail{height:620px}
.detail-pair h2,.scale-proof h2{font-size:clamp(42px,5.6vw,88px);line-height:.95;letter-spacing:-.075em;font-weight:520;margin:0}
.detail-pair p:not(.eyebrow){font-size:19px;line-height:1.84;color:#555;max-width:560px}
.reverse-story{grid-template-columns:1.25fr .75fr}
.project-photo-landscape{height:600px}
.scale-proof{background:#f5f2ec}
.scale-proof-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:center}
.project-photo-scale{height:620px}
.project-photo-scale img{object-position:center center}
@media(max-width:980px){
  .project-photo-feature{padding-left:0;padding-right:0}
  .project-photo-wide,.lightbox-trigger{height:60vw;min-height:390px}
  .project-photo-portrait,.project-photo-detail,.project-photo-landscape,.project-photo-scale{height:520px}
  .photo-triptych .project-photo-small{height:420px}
  .detail-pair,.scale-proof-grid,.reverse-story{grid-template-columns:1fr}
  .detail-pair,.scale-proof-grid{gap:54px}
}
@media(max-width:560px){
  .project-photo-wide,.lightbox-trigger{height:68vw;min-height:300px}
  .project-photo-portrait,.project-photo-detail,.project-photo-landscape,.project-photo-scale{height:390px}
  .photo-triptych .project-photo-small{height:330px}
  .project-photo figcaption{padding:16px 18px;font-size:9px;letter-spacing:.16em}
}


/* SCALEONE:TWO expanded photographic presentation */
.project-image-strip{display:grid;grid-template-columns:1.55fr .85fr;gap:12px;padding:12px var(--side) 0;background:#fff}.project-image-strip .project-photo{height:clamp(380px,49vw,760px)}.project-image-strip .strip-detail img{object-position:center}.construction-photo-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;margin-top:22px}.construction-photo-row .project-photo{height:360px}.project-duo-band{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px var(--side);background:#050505}.project-duo-band .project-photo{height:clamp(420px,42vw,690px)}.surface-break{padding-top:12px;padding-bottom:12px}.project-photo-wide-short{height:clamp(420px,55vw,760px)}.gallery-cta-section{background:#0b0b0b;color:#fff}.gallery-cta{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.gallery-cta h2{font-size:clamp(42px,5.6vw,88px);line-height:.95;letter-spacing:-.075em;font-weight:520;margin:0;max-width:820px}.gallery-cta .text{color:#aaa}.gallery-page-hero{background:#0b0b0b}.gallery-page-hero:before{background-image:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.62) 34%,rgba(5,5,5,.18) 72%),url('../images/project01/_DSC0008.jpg');background-position:center center,center bottom;background-size:100% 100%,contain;background-repeat:no-repeat;opacity:.95}.gallery-index{padding:12px;background:#0a0a0a}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.gallery-card{position:relative;padding:0;border:0;background:#111;color:#fff;cursor:zoom-in;overflow:hidden;grid-column:span 4;aspect-ratio:8/5}.gallery-card:nth-child(7n+1),.gallery-card:nth-child(7n+5){grid-column:span 8}.gallery-card:nth-child(7n+3){grid-column:span 5}.gallery-card:nth-child(7n+4){grid-column:span 7}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,opacity .35s ease}.gallery-card:hover img{transform:scale(1.015);opacity:.92}.gallery-card.gallery-card-contain{background:#050505}.gallery-card.gallery-card-contain img{object-fit:contain;object-position:center center}.gallery-card.gallery-card-contain:hover img{transform:none}.gallery-card span{position:absolute;left:18px;bottom:16px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.8)}.gallery-note{background:#fff}.gallery-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:9999;display:none;align-items:center;justify-content:center;padding:48px 90px}.gallery-lightbox.active{display:flex}.gallery-lightbox figure{margin:0;max-width:min(1500px,88vw);max-height:88vh;display:flex;flex-direction:column;align-items:center}.gallery-lightbox img{display:block;max-width:100%;max-height:80vh;object-fit:contain}.gallery-lightbox figcaption{color:rgba(255,255,255,.7);font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-top:16px}.gallery-close,.gallery-prev,.gallery-next{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;font-weight:300}.gallery-close{top:22px;right:28px;font-size:42px}.gallery-prev,.gallery-next{top:50%;transform:translateY(-50%);font-size:64px}.gallery-prev{left:24px}.gallery-next{right:24px}.home-gallery-teaser{background:#050505;padding:12px 0 100px}.home-gallery-images{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:12px;padding:0 12px}.home-gallery-images a{display:block;height:clamp(300px,34vw,560px);overflow:hidden}.home-gallery-images img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.home-gallery-images a:hover img{transform:scale(1.012)}.home-gallery-copy{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:46px;color:#fff}.home-gallery-copy h2{font-size:clamp(38px,5vw,72px);line-height:.96;letter-spacing:-.06em;font-weight:520;margin:0}
@media(max-width:980px){.project-image-strip,.project-duo-band,.construction-photo-row{grid-template-columns:1fr}.project-image-strip,.project-duo-band{padding-left:0;padding-right:0}.project-image-strip .project-photo,.project-duo-band .project-photo,.construction-photo-row .project-photo{height:52vw;min-height:340px}.gallery-cta,.home-gallery-copy{align-items:flex-start;flex-direction:column}.gallery-card,.gallery-card:nth-child(n){grid-column:span 6}.home-gallery-images{grid-template-columns:1fr 1fr}.home-gallery-images a:first-child{grid-column:1/-1}.gallery-lightbox{padding:54px 50px}.nav a{font-size:11px}}
@media(max-width:620px){.gallery-grid{grid-template-columns:1fr}.gallery-card,.gallery-card:nth-child(n){grid-column:1;aspect-ratio:4/3}.gallery-index{padding:6px}.gallery-grid{gap:6px}.gallery-lightbox{padding:60px 20px}.gallery-prev{left:4px}.gallery-next{right:4px}.gallery-prev,.gallery-next{font-size:42px}.project-image-strip .project-photo,.project-duo-band .project-photo,.construction-photo-row .project-photo{height:68vw;min-height:280px}.home-gallery-images{grid-template-columns:1fr;padding:0 6px;gap:6px}.home-gallery-images a,.home-gallery-images a:first-child{grid-column:1;height:64vw;min-height:260px}}

/* v18 — slightly taller Gallery hero so the upper-right '12' remains visible */
@media (min-width:1100px){
  .gallery-page-hero{
    min-height:620px;
    height:68vh;
  }
}

/* v19 — shift only the Gallery hero photograph slightly down,
   so the grey '12' in the upper-right corner is fully visible */
@media (min-width:1100px){
  .gallery-page-hero:before{
    background-position:center center, center calc(50% + 28px) !important;
  }
}

/* v20 — CSS only: move existing Gallery hero photo farther down */
@media (min-width:1100px){
  .gallery-page-hero:before{
    background-position:center center, center calc(50% + 70px) !important;
  }
}

/* v21 — HOME / Project 01: reveal the full grey '12' at upper right */
@media (min-width:1100px){
  .project-feature-image img{
    object-fit:contain !important;
    object-position:center center !important;
  }
}

/* v22 — HOME / Project 01: more vertical room for the full original photo */
@media (min-width:1100px){
  .project-feature-image{
    min-height:590px !important;
  }
  .project-feature-image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}

/* v23 — HOME / Project 01 only: make the actual photo panel taller */
@media (min-width:1100px){
  body > main > .band{
    min-height:900px !important;
  }
  body > main > .band > .object-visual{
    min-height:900px !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#303235 !important;
  }
}

/* v24 — HOME / Project 01
   Keep the photograph at its native 2400×1500 (8:5) aspect ratio.
   The section scales proportionally with the window, so no artificial
   grey bars appear above or below the photo. */
@media (min-width:1100px){
  body > main > .band{
    min-height:0 !important;
    align-items:stretch;
  }

  body > main > .band > .object-visual{
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:8 / 5;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#111 !important;
  }

  body > main > .band > .panel{
    min-height:0 !important;
  }
}

/* v25 — PROJECT 01 / opening image
   Same principle as Home v24: preserve the original 8:5 photograph ratio
   and let the image block scale proportionally with the browser width. */
@media (min-width:1100px){
  .project-hero .project-hero-visual{
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:8 / 5;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#111 !important;
  }
}

/* language menu spacing */
@media (min-width:981px){.header .brand{margin-right:56px;flex-shrink:0}.header .nav{margin-right:auto}}