:root{--ink:#171719;--paper:#f5f3ef;--accent:#4059c7;--serif:Iowan Old Style,Palatino Linotype,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 var(--sans)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.live-nav{position:fixed;z-index:20;top:0;right:0;left:0;display:flex;align-items:center;padding:18px 3vw;border-bottom:1px solid #ffffff35;background:#1115;color:#fff;backdrop-filter:blur(18px)}.live-nav strong{font:24px/1 var(--serif)}.live-nav span{margin-left:18px;padding-left:18px;border-left:1px solid #ffffff55;font-size:9px;letter-spacing:.13em}.live-nav nav{display:flex;gap:24px;margin-left:auto;font-size:10px}.live-nav button{margin-left:25px;padding:9px 14px;border:1px solid #ffffff77;border-radius:99px;background:#fff;color:#111;font-size:9px}.live-hero{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;background:#111;color:#fff;text-align:center}.live-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.43);animation:liveFilm 14s ease-in-out infinite alternate}.hero-grain{position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:2;max-width:900px;padding:120px 25px}.hero-copy small{font-size:9px;letter-spacing:.25em}.hero-copy h1{margin:22px 0 15px;font:clamp(62px,9vw,132px)/.82 var(--serif);letter-spacing:-.055em}.hero-copy p{max-width:560px;margin:0 auto;color:#ffffffc9;font-size:15px}.hero-copy button{margin-top:35px;padding:12px 18px;border:1px solid #fff;border-radius:99px;background:#ffffff0d;color:#fff}.film-status{position:absolute;z-index:3;right:3vw;bottom:25px;left:3vw;display:flex;align-items:center;gap:12px;text-align:left;font-size:8px;letter-spacing:.12em}.film-status i{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.5s infinite}.film-status b{height:2px;flex:1;background:#ffffff55}.film-status b:after{display:block;width:0;height:100%;background:#fff;content:"";animation:progress 8s linear infinite}.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:130px max(5vw,calc((100vw - 1250px)/2))}.story-intro small,.chapter small,.people small{font-size:9px;font-weight:700;letter-spacing:.17em}.story-intro h2{margin:12px 0;font:clamp(45px,5vw,75px)/.95 var(--serif);letter-spacing:-.045em}.story-intro p{max-width:540px;color:#67686d;font-size:18px}.story-intro dl{margin:0}.story-intro dl div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #ccc}.story-intro dt{color:#777}.story-intro dd{margin:0;font-weight:650}.chapter{padding:0 max(3vw,calc((100vw - 1400px)/2)) 140px}.chapter>header{display:flex;justify-content:space-between;align-items:end;margin:0 auto 35px}.chapter h2{max-width:750px;margin:8px 0 0;font:clamp(40px,5vw,70px)/.93 var(--serif);letter-spacing:-.045em}.chapter>header p{max-width:390px;margin:0;color:#777}.photo-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:420px 320px;gap:12px}.photo-grid figure{position:relative;margin:0;overflow:hidden;background:#ddd}.photo-grid figure:first-child{grid-row:1/3}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.photo-grid figure:hover img{transform:scale(1.03)}.photo-grid figcaption{position:absolute;right:18px;bottom:16px;padding:7px 10px;background:#fff;color:#111;font-size:8px}.people{padding:115px max(5vw,calc((100vw - 1250px)/2));background:#1b1c20;color:#fff}.people>header{text-align:center}.people h2{margin:11px 0;font:clamp(44px,5vw,70px)/.95 var(--serif)}.people>header p{color:#aaa}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:45px}.people-grid button{position:relative;height:340px;padding:0;overflow:hidden;border:0;background:#333;color:#fff}.people-grid img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.people-grid span{position:absolute;right:18px;bottom:15px;left:18px;text-align:left}.client-actions{display:flex;justify-content:center;gap:8px;margin-top:35px}.client-actions button{padding:11px 15px;border:1px solid #ffffff44;border-radius:99px;background:none;color:#fff}.client-actions button.active{background:#fff;color:#111}.live-footer{padding:90px 4vw;background:#0d0e10;color:#fff;text-align:center}.live-footer h2{margin:0;font:clamp(45px,6vw,82px)/.9 var(--serif)}.live-footer p{color:#aaa}.live-footer button{margin-top:18px;padding:13px 18px;border:0;border-radius:99px;background:#fff}.toast{position:fixed;z-index:30;right:25px;bottom:25px;padding:13px 18px;border-radius:99px;background:#fff;box-shadow:0 15px 45px #0003;opacity:0;transform:translateY(15px);transition:.3s;pointer-events:none}.toast.show{opacity:1;transform:none}
body[data-template="runway"]{--paper:#f2f2f0}body[data-template="runway"] .live-hero>img,body[data-template="runway"] .photo-grid img{filter:grayscale(1) contrast(1.12) brightness(.62)}body[data-template="runway"] .hero-copy h1,body[data-template="runway"] .story-intro h2,body[data-template="runway"] .chapter h2,body[data-template="runway"] .people h2,body[data-template="runway"] .live-footer h2{font-family:var(--sans);font-weight:850;text-transform:uppercase;letter-spacing:-.075em}body[data-template="runway"] .photo-grid{grid-template-columns:.8fr 1.2fr;grid-template-rows:360px 390px}body[data-template="runway"] .photo-grid figure:first-child{grid-column:2;grid-row:1/3}body[data-template="runway"] .people{background:#ececea;color:#111}body[data-template="runway"] .people>header p{color:#666}body[data-template="runway"] .client-actions button{border-color:#222;color:#111}body[data-template="runway"] .client-actions button.active{background:#111;color:#fff}
body[data-template="arena"]{--paper:#f4f3ed;--accent:#ffd234}body[data-template="arena"] .live-hero>img{filter:brightness(.52) saturate(1.3)}body[data-template="arena"] .live-nav{background:#171719e8}body[data-template="arena"] .hero-copy h1,body[data-template="arena"] .story-intro h2,body[data-template="arena"] .chapter h2,body[data-template="arena"] .people h2,body[data-template="arena"] .live-footer h2{font-family:var(--sans);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.075em}body[data-template="arena"] .story-intro{border-top:10px solid var(--accent)}body[data-template="arena"] .chapter small,body[data-template="arena"] .story-intro small{padding:5px 8px;background:var(--accent)}body[data-template="arena"] .photo-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:650px}body[data-template="arena"] .photo-grid figure:first-child{grid-row:auto}body[data-template="arena"] .photo-grid figure:nth-child(2){transform:translateY(35px)}body[data-template="arena"] .people{background:var(--accent);color:#111}body[data-template="arena"] .people>header p{color:#5a4c00}body[data-template="arena"] .client-actions button{border-color:#111;color:#111}body[data-template="arena"] .client-actions button.active{background:#111;color:#fff}
@keyframes liveFilm{from{transform:scale(1.02)}to{transform:scale(1.11) translateX(-1.2%)}}@keyframes progress{to{width:100%}}@keyframes pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:760px){.live-nav nav{display:none}.live-hero{min-height:820px}.story-intro{display:block;padding:95px 22px}.story-intro dl{margin-top:50px}.chapter{padding:0 16px 90px}.chapter>header{display:block}.chapter>header p{margin-top:18px}.photo-grid,body[data-template="runway"] .photo-grid,body[data-template="arena"] .photo-grid{display:block}.photo-grid figure,.photo-grid figure:first-child,body[data-template="runway"] .photo-grid figure:first-child{height:480px;margin-top:9px;transform:none!important}.people{padding:90px 16px}.people-grid{grid-template-columns:1fr 1fr}.people-grid button{height:280px}}