:root{--bg:#0b0b0a;--paper:#f0eadf;--muted:#a9a399;--gold:#b4874c;--red:#6d0f18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif}.sitebar{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:22px 4vw;font-size:11px;letter-spacing:.18em;background:linear-gradient(#0b0b0add,transparent);mix-blend-mode:normal}.sitebar a{color:inherit;text-decoration:none}main{overflow:hidden}.hero{min-height:100vh;display:grid;grid-template-columns:.78fr 1.22fr;align-items:stretch}.hero-copy{padding:14vh 4vw 7vh;display:flex;flex-direction:column;justify-content:center}.eyebrow,.label{font-size:10px;letter-spacing:.24em;color:var(--muted)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(64px,9vw,150px);letter-spacing:.12em;margin:.12em 0 0}.subbrand{letter-spacing:.6em;font-size:11px;margin:0 0 12vh .6em}.hero h2,.closing h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5.5vw,88px);line-height:.92;margin:0}.intro{max-width:430px;line-height:1.7;color:#c9c2b8;margin-top:28px}.hero-art{height:100vh}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.idea,.system{padding:12vh 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid #2b2926}.idea h3,.system h3,.sectionhead h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,78px);line-height:.98;margin:.3em 0}.idea-copy{font-family:Georgia,serif;font-size:clamp(20px,2vw,31px);line-height:1.45}.idea-copy p+ p{color:#a9a399}dl{font-family:Arial,sans-serif;font-size:12px;margin-top:60px}dl div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid #333;padding:12px 0}dt{color:#777;text-transform:uppercase;letter-spacing:.12em}.chapter{padding:12vh 7vw}.chapter.right{text-align:right}.chapter h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(58px,8vw,126px);line-height:.86;margin:.2em 0}.chapter h3 em{font-weight:400}.chapter>p:not(.label){color:var(--muted);letter-spacing:.05em}.poster{display:block;max-width:760px;width:65%;margin:7vh auto 0;box-shadow:0 30px 80px #000}.intertitle{min-height:55vh;display:flex;align-items:center;justify-content:center;background:#ece5da;color:#111;font-family:Georgia,serif;font-size:clamp(35px,6vw,90px);letter-spacing:.02em}.trio,.execution,.board{padding:11vh 4vw;border-top:1px solid #252321}.sectionhead{max-width:900px;margin:0 auto 7vh}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3vw;align-items:start}.grid3 img{width:100%}.execution>img,.board>img{display:block;width:100%;max-width:1500px;margin:auto}.outdoor{background:#100d0a}.system .rules{display:grid;grid-template-columns:1fr 1fr;gap:30px}.rules p{border-top:1px solid #34312d;padding-top:16px;color:#bcb5ab;line-height:1.7;font-size:13px}.rules b{color:var(--paper);font-size:10px;letter-spacing:.2em}.closing{min-height:80vh;padding:14vh 7vw;display:flex;flex-direction:column;justify-content:center;background:#eee6d9;color:#111}.closing .eyebrow{color:#6c655d}.closing p{line-height:1.7}.legal{margin-top:70px;font-size:11px;color:#777}footer{display:flex;justify-content:space-between;padding:30px 4vw;font-size:10px;letter-spacing:.18em}footer a{color:inherit;text-decoration:none}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-copy{min-height:78vh}.hero-art{height:72vh}.idea,.system{grid-template-columns:1fr;gap:30px}.poster{width:100%}.grid3{grid-template-columns:1fr;gap:24px}.chapter.right{text-align:left}.system .rules{grid-template-columns:1fr}.sitebar span{display:none}.sitebar{height:56px;padding:0 20px;align-items:center;background:rgba(11,11,10,.98);border-bottom:1px solid rgba(240,234,223,.12);box-shadow:0 6px 18px rgba(0,0,0,.18);font-size:10px;letter-spacing:.16em}.sitebar a{white-space:nowrap}}

/* V2 — final portfolio polish */
.trio{padding-top:clamp(90px,10vh,140px);padding-bottom:clamp(90px,11vh,160px)}
.trio .sectionhead{max-width:1120px;margin:0 auto clamp(50px,7vh,90px);padding:0 1vw}
.trio .sectionhead h3{font-size:clamp(46px,5.6vw,96px);line-height:.92;letter-spacing:-.025em;max-width:900px}
.campaign-lineup{display:flex;align-items:flex-end;justify-content:center;gap:clamp(14px,1.35vw,28px);max-width:1540px;margin:0 auto}
.campaign-lineup figure{margin:0;display:flex;flex-direction:column;gap:13px;min-width:0}
.campaign-lineup figure span{font-size:9px;letter-spacing:.22em;color:#777;text-transform:uppercase}
.campaign-lineup figure img{display:block;height:clamp(470px,66vh,760px);width:auto;max-width:none;object-fit:contain;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.execution .sectionhead{max-width:1100px}
.execution .sectionhead h3{font-size:clamp(42px,4.8vw,80px);line-height:.95;letter-spacing:-.02em}
.board{padding-top:clamp(80px,10vh,140px)}
.idea,.system,.chapter,.trio,.execution,.board,.closing{scroll-margin-top:70px}
@media(max-width:1100px){.campaign-lineup figure img{height:clamp(390px,55vw,620px)}}
@media(max-width:800px){.trio .sectionhead h3{font-size:clamp(42px,13vw,68px)}.campaign-lineup{display:grid;grid-template-columns:1fr;gap:42px}.campaign-lineup figure img{width:100%;height:auto;max-width:620px;margin:0 auto}.campaign-lineup figure span{padding-left:2px}.execution .sectionhead h3{font-size:clamp(38px,11vw,62px)}}

/* V3 — publication polish */
:root{--content:1500px}
.hero-copy{padding-top:12vh;padding-bottom:8vh}
.hero .intro{max-width:390px}
.idea,.system{padding-top:clamp(90px,10vh,130px);padding-bottom:clamp(90px,10vh,130px)}
.chapter{padding-top:clamp(90px,11vh,150px);padding-bottom:clamp(90px,11vh,150px)}
.chapter h3{max-width:1200px}
.chapter.right h3{margin-left:auto}
.poster{margin-top:clamp(46px,6vh,78px);max-height:82vh;object-fit:contain}
.intertitle{min-height:46vh}
.intertitle p{margin:0;padding:8vh 5vw;text-align:center}
.trio,.execution,.board{padding-left:4.5vw;padding-right:4.5vw}
.campaign-lineup{align-items:flex-end}
.campaign-lineup figure{justify-content:flex-end}
.campaign-lineup figure span{min-height:12px}
.execution{padding-top:clamp(90px,10vh,135px);padding-bottom:clamp(90px,10vh,135px)}
.execution>img{max-height:84vh;object-fit:contain}
.outdoor>img{max-height:none}
.system{align-items:start}
.board{padding-bottom:clamp(90px,10vh,140px)}
.board>.label{max-width:var(--content);margin:0 auto 26px}
.board>img{max-width:var(--content)}
.closing{min-height:72vh}
@media(min-width:1600px){.hero-copy{padding-left:5vw}.trio,.execution,.board{padding-left:5vw;padding-right:5vw}}
@media(max-width:1100px){.intertitle{min-height:38vh}.poster{width:72%}}
@media(max-width:800px){.hero-copy{padding-top:16vh;padding-bottom:10vh}.subbrand{margin-bottom:8vh}.chapter{padding-left:6vw;padding-right:6vw}.poster{width:100%;max-height:none}.intertitle{min-height:34vh}.trio,.execution,.board{padding-left:5vw;padding-right:5vw}.execution>img{max-height:none}.board>.label{margin-bottom:18px}.closing{min-height:68vh}}
