:root{--bg: #0a0a0c;--ink: #ececec;--mut: #6a6a70;--acc: #b9a67e;--line: #1a1a1e}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased}img{display:block}a{text-decoration:none;color:inherit}.mono{font-family:JetBrains Mono,monospace}header.site{position:fixed;inset:0 0 auto;z-index:60;mix-blend-mode:difference}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 42px}.wordmark{color:#fff;font-weight:500;letter-spacing:.22em;font-size:13px}nav.main ul{display:flex;gap:28px;list-style:none}nav.main a{color:#fff;opacity:.6;font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:opacity .2s}nav.main a:hover{opacity:1}.hero{position:relative;height:92vh;min-height:560px;overflow:hidden}.hero .bg{position:absolute;inset:-5%;width:110%;height:110%;animation:kb 30s ease-in-out infinite alternate}@keyframes kb{0%{transform:scale(1)}to{transform:scale(1.06) translate(-1.2%,.8%)}}.hero .bg img,.hero .bg video{width:100%;height:100%;object-fit:cover;filter:brightness(.66)}.hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.28),transparent 40%,rgba(10,10,12,.95) 98%)}.hero .title{position:absolute;left:42px;right:42px;bottom:58px}.hero h1{font-weight:400;font-size:clamp(34px,5vw,72px);letter-spacing:.12em;text-transform:uppercase;line-height:1.05}.hero .title p{margin-top:16px;font-weight:300;font-size:clamp(14px,1.5vw,18px);color:#c4c4c8;max-width:640px;line-height:1.6}.hero .cr{position:absolute;right:42px;bottom:60px;color:var(--mut);font-size:10px;letter-spacing:.24em;text-transform:uppercase;writing-mode:vertical-rl}.shead{padding:100px 42px 34px;display:flex;justify-content:space-between;align-items:baseline}.shead h2{font-weight:300;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--mut)}.shead span{color:var(--mut);font-size:10.5px;letter-spacing:.2em}.banner{position:relative;height:82vh;min-height:480px;overflow:hidden;cursor:pointer;display:block}.banner img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:transform 1.4s cubic-bezier(.16,.6,.16,1),filter .6s}.banner:hover img{transform:scale(1.04);filter:brightness(.92)}.banner .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.12),transparent 50%,rgba(10,10,12,.7))}.banner .info{position:absolute;left:42px;bottom:38px;right:42px;display:flex;justify-content:space-between;align-items:flex-end}.banner h3{font-weight:400;font-size:clamp(22px,3.2vw,40px);letter-spacing:.1em;text-transform:uppercase}.banner .info .mono{color:#b9b9bd;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;text-align:right}.cards{padding:0 42px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:900px){.cards{grid-template-columns:1fr}}.card{border:1px solid var(--line);padding:26px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .3s}.card:hover{border-color:#33333a}.card h4{font-weight:400;font-size:16px;letter-spacing:.1em;text-transform:uppercase}.card p{margin-top:10px;font-weight:300;font-size:13px;line-height:1.65;color:#a9a9ae}.card .st{margin-top:18px;color:var(--mut);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase}.card .st.live{color:var(--acc)}.about{padding:110px 42px;display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:60px;border-top:1px solid var(--line);margin-top:100px}@media(max-width:900px){.about{grid-template-columns:1fr}}.about .pic{overflow:hidden;max-height:520px}.about .pic img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.about h2{font-weight:300;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--mut);margin-bottom:26px}.about p{font-weight:300;font-size:16px;line-height:1.85;color:#c4c4c8;max-width:640px;margin-bottom:20px}.about p b{color:#fff;font-weight:400}.photo-teaser{position:relative;height:56vh;min-height:400px;overflow:hidden;display:block;cursor:pointer;border-top:1px solid var(--line)}.photo-teaser img{width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.9);transition:filter .6s}.photo-teaser:hover img{filter:brightness(.78)}.photo-teaser .c{position:absolute;inset:0;display:grid;place-items:center}.photo-teaser .c span{font-weight:300;font-size:14px;letter-spacing:.44em;text-transform:uppercase}.photo-grid{padding:140px 42px 60px;columns:3;column-gap:14px}@media(max-width:1000px){.photo-grid{columns:2}}@media(max-width:640px){.photo-grid{columns:1}}.photo-grid img{width:100%;margin-bottom:14px;break-inside:avoid}.phead{padding:150px 42px 40px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.phead h1{font-weight:300;font-size:clamp(40px,7vw,96px);letter-spacing:.06em;text-transform:uppercase;line-height:1}.phead .meta{text-align:right;color:var(--mut);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;line-height:2.1}.phead .meta b{color:var(--acc);font-weight:400}.pnote{padding:10px 42px 50px;max-width:820px;color:#b9b9bd;font-weight:300;font-size:15px;line-height:1.8}.pframes figure{margin:0 0 16px}.pframes img{width:100%}.pnext{display:block;position:relative;height:44vh;min-height:300px;overflow:hidden;cursor:pointer;border-top:1px solid var(--line);margin-top:60px}.pnext img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.pnext .c{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.pnext .c em{display:block;font-style:normal;color:var(--mut);font-size:10px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:10px}.pnext .c span{font-weight:300;font-size:clamp(22px,3.4vw,44px);letter-spacing:.14em;text-transform:uppercase}footer.site{border-top:1px solid var(--line);padding:56px 42px}footer.site .top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}footer.site .big{font-weight:300;font-size:clamp(18px,2.4vw,28px);letter-spacing:.04em}footer.site .big a{color:var(--acc);border-bottom:1px solid var(--acc)}footer.site .cols{display:flex;gap:30px}footer.site .cols a{color:var(--ink);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.75}footer.site .cols a:hover{opacity:1;color:var(--acc)}footer.site .fine{margin-top:30px;color:var(--mut);font-size:10px;letter-spacing:.18em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.page{padding:150px 42px 80px;max-width:820px}.page h1{font-weight:300;font-size:clamp(30px,4vw,52px);letter-spacing:.1em;text-transform:uppercase;margin-bottom:30px}.page p{font-weight:300;font-size:16px;line-height:1.85;color:#c4c4c8;margin-bottom:18px}.page a{color:var(--acc);border-bottom:1px solid var(--acc)}
