:root{--bg:#0b0b0a;--fg:#f3f0e8;--paper:#eee9df;--ink:#0b0b0a;--muted:#aaa49b;--line:rgba(255,255,255,.16);--max:1600px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.02em;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block}.wrap{width:min(calc(100% - 46px),var(--max));margin:auto}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.nav{position:fixed;z-index:100;inset:0 0 auto;background:rgba(11,11,10,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navin{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{font-size:15px;font-weight:900;letter-spacing:-.055em;text-transform:uppercase}.coords{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d2cdc2}.back{justify-self:end;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ddd8cf}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.05) 66%),linear-gradient(90deg,rgba(0,0,0,.24),transparent 62%)}.hero-copy{position:relative;z-index:2;padding:128px 0 34px}.hero-kicker{display:flex;justify-content:space-between;gap:30px;margin-bottom:22px;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.hero h1{font-size:clamp(88px,15vw,245px);line-height:.68;letter-spacing:-.095em;text-transform:uppercase;margin:0}.hero-note{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end;margin-top:34px;padding-top:15px;border-top:1px solid rgba(255,255,255,.4)}.hero-note p{max-width:680px;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,3vw,46px);line-height:1.03;letter-spacing:-.045em}.hero-note span{justify-self:end;max-width:310px;color:#cbc4b9;font-size:10px;line-height:1.6}.intro{background:var(--paper);color:var(--ink);padding:98px 0 104px}.intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:end}.intro-side{max-width:330px;color:#5b554d;font-size:13px;line-height:1.65}.intro h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(46px,7vw,108px);line-height:.9;letter-spacing:-.065em;margin:0;text-wrap:balance}.sequence{background:#0d0d0c;padding:12px 0}.plate{margin:0 auto 12px;width:min(calc(100% - 24px),1780px);overflow:hidden}.plate img{width:100%;height:86svh;min-height:600px;object-fit:cover}.plate.split{display:grid;grid-template-columns:1.12fr .88fr;gap:12px}.plate.split img{height:76svh;min-height:540px}.plate.split.reverse{grid-template-columns:.88fr 1.12fr}.plate.portraits{display:grid;grid-template-columns:.78fr 1.22fr;gap:12px;align-items:start}.plate.portraits img:first-child{height:88svh}.plate.portraits img:last-child{height:66svh;margin-top:10svh}.plate-caption{display:flex;justify-content:space-between;gap:30px;width:min(calc(100% - 46px),var(--max));margin:4px auto 52px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a9a298}.statement{background:var(--paper);color:var(--ink);padding:102px 0}.statement-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:end}.statement-side{font-size:13px;line-height:1.65;color:#5a554d}.statement p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,6.5vw,100px);line-height:.9;letter-spacing:-.065em;margin:0;text-wrap:balance}.links-section{padding:92px 0 110px}.links-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.links-head h2{font-size:clamp(48px,7vw,106px);line-height:.78;letter-spacing:-.08em;text-transform:uppercase;margin:7px 0 0}.links-head p{max-width:420px;color:var(--muted);font-size:12px;line-height:1.6}.edit-links{border-top:1px solid var(--line)}.edit-links a{display:grid;grid-template-columns:50px 1fr auto;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.edit-links span{font-size:10px;color:#777}.edit-links strong{font-size:clamp(28px,4vw,58px);line-height:.9;letter-spacing:-.06em}.edit-links b{font-size:20px}.edit-links a:hover{background:rgba(255,255,255,.02)}footer{border-top:1px solid var(--line);padding:24px 0 60px}.foot{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#aaa49a}@media(max-width:950px){.navin{grid-template-columns:1fr auto}.coords{display:none}.hero-note,.intro-grid,.statement-grid{grid-template-columns:1fr}.hero-note span{justify-self:start}.plate.split,.plate.split.reverse,.plate.portraits{grid-template-columns:1fr}.plate.split img,.plate.portraits img,.plate.portraits img:first-child,.plate.portraits img:last-child{height:68svh;min-height:500px;margin-top:0}.links-head{display:block}.links-head p{margin-top:18px}}@media(max-width:650px){.wrap{width:min(calc(100% - 28px),var(--max))}.navin{height:62px}.back{font-size:10px}.hero-copy{padding:106px 0 26px}.hero-kicker{display:block}.hero-kicker span:last-child{display:none}.hero h1{font-size:24vw}.hero-note{margin-top:28px}.hero-note p{font-size:8.5vw}.hero-note span{font-size:10px}.intro,.statement,.links-section{padding:76px 0}.intro h2,.statement p{font-size:12.8vw}.plate{width:100%;margin-bottom:8px}.plate img,.plate.split img,.plate.portraits img,.plate.portraits img:first-child,.plate.portraits img:last-child{height:66svh;min-height:440px}.plate-caption{width:calc(100% - 28px);margin-bottom:38px}.links-head h2{font-size:14vw}.edit-links a{grid-template-columns:32px 1fr 20px}.foot{display:grid;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* browse hero photo-specific copy contrast */
.hero.tone-light .hero-copy{color:#fff;text-shadow:none}
.hero.tone-light:after{background:linear-gradient(0deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.07) 34%,transparent 62%)}
.hero.tone-dark .hero-copy{color:#11110f;text-shadow:none}
.hero.tone-dark:after{background:none}
.hero.tone-dark .hero-note{border-color:rgba(17,17,15,.38)}
.hero.tone-dark .hero-note span{color:rgba(17,17,15,.72)}
