:root{--ink:#111;--soft:#f3f3f1;--mute:#5d5d5d;--line:#dcdcd8}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 17px/1.75 Inter,system-ui,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3{font-weight:300;line-height:1.1;letter-spacing:-.02em}
a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.w{max-width:1280px;margin:auto;padding:0 32px}section{padding:110px 0}
h1{font-size:clamp(42px,6.4vw,88px)}h2{font-size:clamp(32px,4vw,52px);margin-bottom:20px}h3{font-size:24px;font-weight:400;margin-bottom:6px}
.lead{font-size:18px;color:var(--mute);max-width:60ch}.dk .lead,.cta .lead,.hero .lead{color:#d6d6d6}
.dk{background:#111;color:#fff}.dk2{background:var(--soft);color:var(--ink)}
header{position:sticky;top:0;z-index:50;background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
header .w{display:flex;align-items:center;justify-content:space-between;height:84px}
.lg{display:flex;align-items:center;gap:12px;text-decoration:none;font:500 22px Inter;letter-spacing:.28em;text-transform:uppercase}.lg small{display:block;font:400 9px Inter;letter-spacing:.6em;margin-top:2px;color:var(--mute)}.li{height:52px;width:auto}
nav{display:flex;align-items:center;gap:36px}nav a{text-decoration:none;font-size:15px;padding:6px 0;border-bottom:1px solid transparent}nav a:hover,nav a.on{border-color:var(--ink)}
#bg{display:none;background:0;border:0;font-size:28px}
@media(max-width:900px){#bg{display:block}nav{position:absolute;top:84px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:12px 32px 28px;display:none;border-bottom:1px solid var(--line)}nav.o{display:flex}section{padding:70px 0}}
.btn{display:inline-block;padding:15px 34px;background:var(--ink);color:#fff!important;font:400 15px Inter;letter-spacing:.02em;text-decoration:none;border:1px solid var(--ink);cursor:pointer;transition:.25s}
.btn:hover{background:#fff;color:var(--ink)!important}nav .btn{padding:10px 22px;font-size:14px;border-bottom:1px solid var(--ink)}
.hero .btn,.cta .btn,.dk .btn{background:#fff;color:var(--ink)!important;border-color:#fff}.hero .btn:hover,.cta .btn:hover,.dk .btn:hover{background:transparent;color:#fff!important}
.btn.o,.hero .btn.o{background:transparent;color:#fff!important;border-color:#fff}.hero .btn.o:hover{background:#fff;color:var(--ink)!important}
.hero{position:relative;background:#16181a var(--bg) center/cover;color:#fff;min-height:84vh;display:flex;align-items:flex-end;padding:0}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.72))}
.hero .w{position:relative;display:block;padding-top:120px;padding-bottom:80px}.hero h1{max-width:15ch}.hero .art{display:none}
.hero p.lead{margin:24px 0 36px;font-size:20px}.hero .btn+.btn{margin-left:12px}@media(max-width:700px){.hero .btn+.btn{margin:12px 0 0}}
.art{overflow:hidden;background:#14171b}.art svg{width:100%;height:100%;display:block}
.mq{background:#fff;font:400 15px Inter;letter-spacing:.32em;text-transform:uppercase;padding:34px 28px;text-align:center;border-bottom:1px solid var(--line)}.mq span{display:inline-block;margin:6px 34px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:56px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
@media(max-width:1000px){.g4,.g3{grid-template-columns:1fr 1fr}}@media(max-width:700px){.g4,.g3,.g2{grid-template-columns:1fr;gap:28px}}
.card{text-decoration:none;display:flex;flex-direction:column}.card .art{aspect-ratio:4/3;transition:.5s}.card:hover .art{opacity:.88}.card div.t{padding:20px 0 0;flex:1}.card p{font-size:15px;color:var(--mute)}.card b{display:inline-block;margin-top:12px;font-weight:400;font-size:15px;border-bottom:1px solid var(--ink)}
.dk .card p{color:#bdbdbd}.dk .card b{border-color:#fff}
.tile{position:relative;overflow:hidden;aspect-ratio:4/5;display:block;background:#16181a}.tile img{width:100%;height:100%;object-fit:cover;transition:1s}.tile:hover img{transform:scale(1.04)}
.tile h3{position:absolute;inset:auto 0 0;padding:100px 26px 24px;color:#fff;margin:0;font-size:32px;font-weight:300;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}@media(max-width:700px){.stats{grid-template-columns:1fr}}
.stat{border-top:1px solid currentColor;padding-top:22px;color:#cfcfcf}.stat b{display:block;font:200 80px Inter;color:#fff;line-height:1;margin-bottom:10px;letter-spacing:-.04em}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:60px;counter-reset:s}@media(max-width:900px){.steps{grid-template-columns:1fr}}
.st{border-top:1px solid var(--ink);padding-top:20px;counter-increment:s}.st::before{content:counter(s);font:200 44px Inter;display:block;margin-bottom:6px}.st p{color:var(--mute);font-size:15px}.dk .st{border-color:#ffffff55}.dk .st p{color:#bdbdbd}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.gal img{aspect-ratio:1;object-fit:cover;width:100%;background:var(--soft)}@media(max-width:700px){.gal{grid-template-columns:1fr 1fr}}
.cta{text-align:center;background:#111;color:#fff}.cta .lead{margin:0 auto 36px}
.ph{padding:110px 0 90px}.ph h1{font-size:clamp(38px,5.6vw,76px);max-width:16ch}
details{border-bottom:1px solid var(--line);padding:22px 0}summary{font:300 24px Inter;cursor:pointer}details p{margin-top:12px;color:var(--mute)}
form{background:#fff;padding:44px;display:grid;gap:20px;color:var(--ink)}form .r{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){form .r{grid-template-columns:1fr}}
label{font-weight:500;font-size:13px;display:grid;gap:8px}input,select,textarea{font:400 16px Inter;padding:13px 2px;border:0;border-bottom:1px solid #aaa;background:transparent;width:100%;border-radius:0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink)}form .btn{background:var(--ink);color:#fff!important;border-color:var(--ink)}form .btn:hover{background:#fff;color:var(--ink)!important}
#ok{display:none;padding:14px;font-weight:500}.inf p{margin-top:22px;color:#e0e0e0}.inf b{color:#fff;display:block;font-weight:500}
footer{background:var(--soft);color:var(--ink);padding:90px 0 36px;font-size:15px}.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}@media(max-width:800px){.fg{grid-template-columns:1fr 1fr}}
footer h4{font:500 15px Inter;margin-bottom:14px}footer a{display:block;text-decoration:none;padding:4px 0;color:#444}footer a:hover{color:var(--ink);text-decoration:underline}footer .lg{color:var(--ink);padding:0}.cp{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--mute)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.art{position:relative}.bi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}.card h3{font-size:30px}.card p{font-size:16px;line-height:1.7}.sp{max-width:70ch}
.art{position:relative}
.bl{aspect-ratio:4/3;background:var(--soft);display:flex;align-items:center;justify-content:center;padding:14% 16%;transition:.5s;border:1px solid var(--line)}
.card:hover .bl{background:#ebebe8}.card:hover .bl.dkp{background:#0b0b0c}
.bl img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.bl .wm{font:500 30px Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-align:center;line-height:1.2}
.bl .wm.lc{text-transform:lowercase;letter-spacing:.04em;font-weight:600;font-size:46px}
.bl .wm small{display:block;font-weight:300;font-size:.5em;letter-spacing:.5em;margin-top:6px;padding-left:.5em}

.bl.dkp{background:#0b0b0c;border-color:#0b0b0c}
.bp{padding:90px 0;border-top:1px solid var(--line)}.bp:first-of-type{border-top:0}
.bp .g2{align-items:start}.bp .bl{aspect-ratio:16/10}
.bp .k{font:400 13px Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.bp h2{margin-bottom:18px}.bp .chips{margin:22px 0 30px}
.chips span{display:inline-block;border:1px solid var(--line);padding:6px 14px;margin:0 8px 8px 0;font-size:13px;letter-spacing:.04em;color:var(--mute)}
.ph2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ph2:empty{display:none}.ph2 img{aspect-ratio:4/3;object-fit:cover;width:100%}.ph2 img:only-child{grid-column:1/-1;aspect-ratio:16/10}
.bp .links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.bp .ws{font-size:15px;color:var(--mute)}
@media(min-width:701px){.bp.rv .g2>:first-child{order:2}}

.gf{aspect-ratio:1;overflow:hidden;background:var(--soft)}.gf img{width:100%;height:120%;aspect-ratio:auto;object-fit:cover;object-position:center top}

@media(min-width:1001px){.g3>.card:last-child:nth-child(3n+1){grid-column:2}}
.bl{position:relative;overflow:hidden}.bl img{position:absolute;inset:14% 16%;width:68%;height:72%;max-width:none;max-height:none;object-fit:contain}