:root{
  --bg:#070706;
  --fg:#f2eee6;
  --muted:#a8a199;
  --dim:#706b65;
  --line:rgba(242,238,230,.16);
  --line-strong:rgba(242,238,230,.34);
  --paper:#e9e1d3;
  --ink:#181714;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"Courier New",Courier,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-width:320px;background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.065;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.site-header{position:absolute;z-index:50;top:0;left:0;right:0;padding:calc(18px + env(safe-area-inset-top)) 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.brand{display:flex;align-items:baseline;gap:9px}.brand strong{font-size:1rem;letter-spacing:.115em}.brand span{font:500 .58rem/1 var(--mono);letter-spacing:.17em}
.header-links{display:flex;gap:23px;font:500 .57rem/1 var(--mono);letter-spacing:.1em}.header-links a{padding-bottom:3px;border-bottom:1px solid transparent}.header-links a:hover{border-color:currentColor}

.hero{position:relative;width:100%;height:100vh;height:100svh;min-height:620px;overflow:hidden;border-bottom:1px solid var(--line-strong);background:#111}
.hero-poster{position:absolute;inset:0;background:url("assets/hugo-boss-poster.jpg") center/cover no-repeat;transform:scale(1.02)}
.hero-video{position:absolute;inset:0;overflow:hidden}.hero-video iframe{position:absolute;left:50%;top:50%;width:100vw;height:56.25vw;min-width:177.778vh;min-height:100vh;min-height:100svh;transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.02) 36%,rgba(0,0,0,.68)),linear-gradient(90deg,rgba(0,0,0,.42),transparent 57%);pointer-events:none}
.hero-meta{position:absolute;z-index:3;left:24px;right:24px;top:82px;display:flex;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.35);font:500 .57rem/1.2 var(--mono);letter-spacing:.1em}
.hero-copy{position:absolute;z-index:3;left:24px;right:24px;bottom:25px}.hero-copy>p{margin:0 0 14px;font:600 .6rem/1 var(--mono);letter-spacing:.13em}
h1{margin:0;width:max-content;max-width:100%;font-size:clamp(5rem,14vw,13rem);line-height:.72;letter-spacing:-.075em;text-transform:uppercase;font-weight:800}h1 span{font-weight:300;letter-spacing:-.085em}
.hero-foot{margin-top:30px;padding-top:13px;border-top:1px solid rgba(255,255,255,.35);display:flex;justify-content:space-between;gap:20px;font:500 .57rem/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase}

.ticker{overflow:hidden;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--ink)}.ticker-track{width:max-content;display:flex;animation:ticker 40s linear infinite}.ticker span{padding:18px 28px;border-right:1px solid rgba(0,0,0,.22);white-space:nowrap;font:600 .58rem/1 var(--mono);letter-spacing:.09em}
@keyframes ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.section{padding:76px 24px 92px;border-bottom:1px solid var(--line-strong)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:60px;align-items:end;margin-bottom:38px}
.section-index{margin:0 0 18px;color:var(--muted);font:500 .58rem/1 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.section h2,.contact-section h2,.feature-card h2{margin:0;font-size:clamp(3rem,6.6vw,7rem);line-height:.88;letter-spacing:-.06em;font-weight:500}
.section-side p{margin:0 0 22px;color:var(--muted);font-size:.84rem;line-height:1.55}.section-side a{display:inline-block;padding-bottom:4px;border-bottom:1px solid var(--line-strong);font:500 .59rem/1 var(--mono);letter-spacing:.09em}

.rail-shell{position:relative}.project-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,30vw);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 2px 12px}.project-rail::-webkit-scrollbar{display:none}
.project-card{position:relative;scroll-snap-align:start;min-width:0}.project-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111;transition:transform .35s ease,filter .35s ease}.project-card:hover img{transform:scale(.985);filter:brightness(.88)}
.project-card .num{display:block;margin-top:12px;color:var(--muted);font:500 .54rem/1 var(--mono);letter-spacing:.1em}.project-card strong{display:block;margin-top:7px;font-size:1rem;letter-spacing:-.02em}.project-card small{display:block;margin-top:5px;color:var(--muted);font:500 .58rem/1.35 var(--mono)}
.rail-button{position:absolute;z-index:5;top:calc(50% - 44px);width:42px;height:42px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(7,7,6,.72);backdrop-filter:blur(10px);color:#fff;cursor:pointer}.rail-button.prev{left:12px}.rail-button.next{right:12px}.rail-button:hover{background:var(--paper);color:var(--ink)}

.credit-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,33vw);gap:1px;overflow-x:auto;scroll-snap-type:x mandatory;background:var(--line);border:1px solid var(--line);scrollbar-width:none}.credit-rail::-webkit-scrollbar{display:none}
.credit-card{min-height:330px;scroll-snap-align:start;background:#0d0d0b;padding:22px;display:flex;flex-direction:column;transition:background .2s,color .2s}.credit-card:hover{background:var(--paper);color:var(--ink)}.credit-card>span,.credit-card small{font:500 .56rem/1 var(--mono);letter-spacing:.1em;color:var(--muted)}.credit-card strong{margin-top:auto;font-size:clamp(1.5rem,2.7vw,2.8rem);line-height:.96;letter-spacing:-.045em;font-weight:500}.credit-card p{margin:18px 0 28px;color:var(--muted);font:.7rem/1.45 var(--mono)}.credit-card:hover p,.credit-card:hover>span,.credit-card:hover small{color:#6d685f}

.feature-section{padding:0;border-bottom:1px solid var(--line-strong)}.feature-label{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);font:500 .57rem/1 var(--mono);letter-spacing:.1em;color:var(--muted)}.feature-card{display:grid;grid-template-columns:1fr minmax(280px,.45fr);gap:40px;min-height:560px;padding:70px 24px;background:var(--paper);color:var(--ink);align-items:end}.feature-card>div>p{margin:0 0 25px;font:600 .58rem/1.3 var(--mono);letter-spacing:.1em}.feature-card h2{font-size:clamp(4rem,9vw,9rem)}.feature-side{display:flex;flex-direction:column;gap:30px;align-items:flex-start}.feature-side p{margin:0;font-size:1rem;line-height:1.4}.feature-side span{font:600 .6rem/1 var(--mono);letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:4px}

.contact-section{display:grid;grid-template-columns:1fr minmax(360px,.7fr);min-height:560px;border-bottom:1px solid var(--line-strong)}.contact-section>div{padding:76px 24px;display:flex;flex-direction:column;justify-content:flex-end}.contact-links{border-left:1px solid var(--line)}.contact-links a{min-height:93px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);transition:background .2s,color .2s,padding .2s}.contact-links a:last-child{border-bottom:0}.contact-links span{font-size:clamp(1.2rem,2.35vw,2.2rem);letter-spacing:-.03em}.contact-links small{color:var(--muted);font:500 .55rem/1.3 var(--mono);text-align:right}.contact-links a:hover{background:var(--paper);color:var(--ink);padding-left:34px}.contact-links a:hover small{color:#6d685f}
footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px calc(26px + env(safe-area-inset-bottom));color:var(--dim);font:500 .55rem/1.2 var(--mono);letter-spacing:.1em}

@media(max-width:850px){
  .section-head{grid-template-columns:1fr;gap:28px}
  .project-rail{grid-auto-columns:minmax(245px,72vw)}
  .credit-rail{grid-auto-columns:minmax(270px,78vw)}
  .feature-card{grid-template-columns:1fr;min-height:auto}
  .contact-section{grid-template-columns:1fr}.contact-section>div{min-height:390px}.contact-links{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:560px){
  .site-header{padding-left:15px;padding-right:15px}.header-links a:not(:last-child){display:none}
  .hero{min-height:620px}.hero-meta,.hero-copy{left:15px;right:15px}.hero-meta{top:70px}.hero-meta span:first-child{display:none}.hero-meta{justify-content:flex-end}
  h1{font-size:clamp(4rem,22vw,6.3rem)}.hero-foot{flex-direction:column;gap:7px;font-size:.51rem}
  .ticker span{padding:16px 22px}.section{padding:54px 15px 66px}.project-rail{grid-auto-columns:78vw;gap:10px}.rail-button{display:none}
  .credit-rail{grid-auto-columns:82vw}.feature-label{padding-left:15px;padding-right:15px}.feature-card{padding:58px 15px}.contact-section>div{padding:58px 15px}.contact-links a{padding-left:15px;padding-right:15px}.contact-links small{max-width:150px}.feature-card h2{font-size:clamp(3.7rem,17vw,6rem)}
  footer{padding-left:15px;padding-right:15px}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.project-card img{transition:none}}