:root{--bg:#f5f2ec;--ink:#151515;--muted:#77736b;--dark:#111212;--gold:#c79a4e;--white:#f9f7f1;--paper:#e7e2d9;--line:rgba(21,21,21,.13);--max:1320px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}
.top{height:76px;position:sticky;top:0;z-index:30;background:rgba(245,242,236,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.top-in{height:100%;max-width:var(--max);margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;font-size:14px}.brand b{font-weight:800}.mark{width:36px;height:36px;border-radius:50%;border:1px solid #222;display:grid;place-items:center;font:800 10px Manrope;letter-spacing:.08em}
.nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700}.nav a{opacity:.58}.nav a:hover{opacity:1}.nav .map{opacity:1;border:1px solid #222;padding:10px 15px;border-radius:99px}
.menu{display:none;border:0;background:none;font-size:24px}

.hero{height:min(880px,calc(100vh - 76px));min-height:650px;position:relative;background:#111;overflow:hidden;color:#fff}
.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.hero-slide.active{opacity:1}.hero-slide img{height:100%;object-fit:cover;object-position:center}
.hero-slides:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.84),rgba(7,7,7,.42) 55%,rgba(7,7,7,.08)),linear-gradient(0deg,rgba(0,0,0,.44),transparent 50%)}
.hero-in{max-width:var(--max);height:100%;margin:auto;padding:0 26px;position:relative;z-index:2;display:flex;align-items:flex-end;padding-bottom:82px}
.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:800;color:#deb36a;margin-bottom:18px}.hero h1{font:800 clamp(54px,7vw,96px)/.9 Manrope;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#dfb16a}.hero-copy{max-width:570px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.75;margin-top:23px}.actions{display:flex;gap:10px;margin-top:28px}.pill{min-height:45px;padding:0 18px;border-radius:99px;display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;transition:all .2s ease;cursor:pointer}.pill:hover{transform:translateY(-1px)}.gold{background:var(--gold);color:#17130d}.gold:hover{background:#d4a85a}.outline{border:1px solid rgba(255,255,255,.3);color:#fff}.outline:hover{background:#fff;color:#111}.outline-dark{border:1px solid var(--ink);color:var(--ink);background:transparent}.outline-dark:hover{background:var(--ink);color:#fff}
.hero-tools{position:absolute;right:26px;bottom:28px;z-index:4;display:flex;align-items:center;gap:6px}.hero-dot{width:6px;height:6px;border:0;padding:0;border-radius:99px;background:rgba(255,255,255,.38);cursor:pointer}.hero-dot.active{width:22px;background:var(--gold)}.arr{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.23);background:rgba(0,0,0,.26);color:#fff;cursor:pointer;font-size:21px;margin-left:5px}
.location{position:absolute;right:26px;top:26px;z-index:4;border:1px solid rgba(255,255,255,.18);padding:8px 11px;border-radius:99px;background:rgba(0,0,0,.28);font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.75)}

.ribbon{max-width:var(--max);margin:auto;padding:22px 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-bottom:1px solid var(--line)}.ribbon div{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700}.ribbon i{width:18px;height:1px;background:#222}.ribbon span{font:10px Manrope;color:#999}

.section{max-width:var(--max);margin:auto;padding:115px 26px}.label{font-size:10px;font-weight:800;letter-spacing:.22em;color:#817d75;margin-bottom:19px}.split{display:grid;grid-template-columns:1fr 1fr;gap:11vw}.title{font:800 clamp(42px,5.4vw,72px)/.97 Manrope;letter-spacing:-.06em}.title em{font-style:normal;color:var(--gold)}.copy{max-width:540px;color:var(--muted);font-size:15px;line-height:1.85}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:28px}.fact{background:var(--bg);padding:17px}.fact b{font:700 12px Manrope}.fact small{display:block;font-size:10px;color:#858078;margin-top:4px}

.dark{background:var(--dark);color:#fff}.dark-in{max-width:var(--max);margin:auto;padding:115px 26px}.dark .label{color:#686761}.service-list{margin-top:60px;border-top:1px solid rgba(255,255,255,.15)}.service{display:grid;grid-template-columns:72px 1fr 1fr;align-items:center;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.15)}.service .n{color:#7c7a73;font:10px Manrope}.service h3{font:700 22px Manrope}.service p{max-width:360px;color:rgba(255,255,255,.46);font-size:12px;line-height:1.7}

.work{max-width:var(--max);margin:auto;padding:115px 26px}.work-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.work-head p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.75}
.work-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:17px}.video{min-height:600px;background:#080808;position:relative;overflow:hidden}.video video{width:100%;height:100%;min-height:600px;object-fit:cover}.video-tag{position:absolute;top:16px;left:16px;font-size:8px;letter-spacing:.15em;color:#fff;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.17);padding:7px 9px;border-radius:99px}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.work-grid figure{min-height:291px;position:relative;overflow:hidden;background:#ddd}.work-grid img{height:100%;min-height:291px;object-fit:cover;transition:transform .65s ease}.work-grid figure:hover img{transform:scale(1.04)}.work-grid figure:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.48))}.work-grid figcaption{position:absolute;left:12px;bottom:11px;z-index:2;color:#fff;background:rgba(0,0,0,.5);padding:6px 8px;font-size:8px;letter-spacing:.13em}.work-grid figcaption span{opacity:.55;margin-right:5px}

.strip{overflow:hidden;background:var(--paper)}.track{display:flex;width:max-content;animation:move 46s linear infinite}.track img{width:210px;height:145px;object-fit:cover;filter:saturate(.85)}@keyframes move{to{transform:translateX(-50%)}}

.contact{background:#ded8ce}.contact-in{max-width:var(--max);margin:auto;padding:92px 26px;display:grid;grid-template-columns:1fr 1fr;gap:11vw}.contact-card{max-width:520px;background:var(--white);padding:30px;border-radius:4px}.row{display:flex;gap:14px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.ico{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex:none;font-size:15px}.row small{display:block;font-size:8px;letter-spacing:.17em;color:#89857d;margin-bottom:5px}.row p{font-size:13px;line-height:1.7}

footer{max-width:var(--max);margin:auto;padding:28px 26px;display:flex;justify-content:space-between;font-size:11px;color:#77736c}

@media(max-width:900px){
  .top{height:68px}.top-in{padding:0 20px}.menu{display:block}.nav{display:none}.nav.open{position:absolute;left:0;right:0;top:68px;background:var(--bg);padding:18px 20px 24px;display:flex;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);gap:12px}
  .hero{height:760px}.hero-in{padding:0 20px 80px}.hero-tools{right:20px}.location{right:20px}.ribbon{padding:20px;grid-template-columns:1fr 1fr;gap:16px}
  .section,.work{padding:88px 20px}.split{grid-template-columns:1fr;gap:38px}.dark-in{padding:88px 20px}.service{grid-template-columns:42px 1fr}.service p{grid-column:2;margin-top:6px}
  .work-head{display:block}.work-head p{margin-top:16px}.work-layout{grid-template-columns:1fr}.video,.video video{min-height:450px}.contact-in{padding:82px 20px;grid-template-columns:1fr;gap:42px}
}
@media(max-width:560px){
  .hero h1{font-size:52px}.hero-copy{font-size:14px}.actions{flex-direction:column;align-items:flex-start}.hero-tools{bottom:23px;left:20px;right:20px;justify-content:flex-end}.ribbon{gap:12px}.ribbon div{font-size:11px}
  .facts{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.video,.video video{min-height:390px}.track img{width:165px;height:115px}
  footer{padding:25px 20px;flex-direction:column;gap:12px;align-items:flex-start}
}