:root{--bg:#0d0f0e;--panel:#141714;--text:#d7d2c7;--muted:#96938a;--gold:#c6a15a;--teal:#6d9f99;--line:#30332d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:400 1rem Georgia,serif;color:var(--gold);letter-spacing:.14em}.nav a{margin-left:24px;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}
.hero{min-height:78vh;background:linear-gradient(90deg,rgba(7,9,8,.88) 0%,rgba(7,9,8,.34) 48%,rgba(7,9,8,.08) 100%),url('assets/display/hero.webp') center/cover;display:flex;align-items:end}.hero .copy{padding:100px 0 75px}.kicker{color:var(--teal);font-size:.7rem;letter-spacing:.17em;text-transform:uppercase}.hero h1,h2,h3{font-family:Georgia,serif;font-weight:400}.hero h1{font-size:clamp(4rem,9vw,8rem);line-height:.88;color:var(--gold);margin:.12em 0 .18em}.hero .lead{font:1.25rem/1.5 Georgia,serif;max-width:680px;color:#f0eadf}.credit{font-size:.72rem;color:#aaa59a;margin-top:18px}
section{padding:88px 0;border-top:1px solid var(--line)}h2{font:400 clamp(2.35rem,5vw,4.6rem)/1.06 Georgia,serif;color:var(--gold);margin:.15em 0 .45em}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:80px}.intro p{font-size:1.08rem}.facts{border-top:1px solid var(--line)}.fact{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:20px}.fact span{color:var(--teal);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.finished{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:360px 360px;gap:16px}.finished figure{margin:0;overflow:hidden;position:relative}.finished figure:first-child{grid-row:1/3}.finished figure:nth-child(4){display:none}.gallery4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.gallery4 figure{margin:0;aspect-ratio:4/3;overflow:hidden;position:relative;background:#171917}.gallery4 img,.finished img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}.gallery4 a:hover img,.finished a:hover img{transform:scale(1.012);opacity:.92}.caption{font-size:.73rem;color:var(--muted);margin-top:8px}
.story{background:var(--panel)}.story:nth-of-type(even){background:var(--bg)}.storyhead{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end}.storyhead p{max-width:720px;color:#c5c0b5;font-size:1.05rem}.num{font:italic 1rem Georgia,serif;color:var(--gold)}
.capability{margin-top:30px;padding:22px 24px;border-left:2px solid var(--teal);background:#111310;color:#bbb6aa}.capability strong{color:#e8e1d4}
.cta{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end}.button{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:13px 19px;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
footer{padding:35px 0 55px;border-top:1px solid var(--line);color:#77756e;font-size:.72rem;letter-spacing:.07em}
@media(max-width:850px){.wrap{width:min(100% - 36px,1240px)}.nav nav{display:none}.hero{min-height:68vh}.intro,.storyhead,.cta{grid-template-columns:1fr;gap:30px}.finished{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}.finished figure,.finished figure:first-child{grid-row:auto;aspect-ratio:4/3}.finished figure:nth-child(4){display:block}.gallery4{grid-template-columns:1fr 1fr}section{padding:65px 0}}
@media(max-width:520px){.gallery4,.finished{grid-template-columns:1fr}.hero h1{font-size:3.8rem}.fact{grid-template-columns:1fr;gap:4px}}