:root {--ink:#151515;--cream:#f7f7f5;--orange:#f1f1ef;--display:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;background:#f7f7f5;color:#151515;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a {color:inherit;text-decoration:none}
button {font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible {outline:3px solid #888;outline-offset:4px}
.wrap {width:min(1376px,calc(100% - 112px));margin-inline:auto}
.top,footer {background:#141414;color:#f7f7f5}
.nav {height:88px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff24}
.brand {display:inline-flex;align-items:center;gap:11px;min-width:220px}
.brand-mark {width:42px;height:42px;display:grid;place-items:center;background:#f4f4f2;color:#151515;font-family:var(--display);font-size:25px;transform:skew(-8deg)}
.brand-mark span {transform:skew(8deg)}
.brand-name {display:block;font-weight:900;font-size:14px;letter-spacing:.09em;line-height:1.1}
.brand-sub {display:block;font-size:8px;letter-spacing:.2em;color:#aaa;margin-top:5px;font-weight:700}
.nav-links {display:flex;gap:26px;align-items:center;margin-left:auto;font-size:11px;font-weight:700;color:#d5d5d5}
.nav-cta {border:1px solid #aaa;border-radius:3px;padding:14px 20px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.nav-cta .arrow {margin-left:15px}
.small {font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.section-kicker {display:flex;gap:12px;align-items:center;color:#777;margin-bottom:20px}
.section-kicker:before {content:'';width:24px;height:2px;background:currentColor}
.arrow {display:inline-block;transition:transform .2s}
a:hover .arrow {transform:translate(3px,-3px)}
.button {border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:0 21px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.button-orange {background:#f1f1ef;color:#171717}
.button-orange:hover {background:#ddd}
h1,h2,p,figure {margin:0}
.repack-hero {background:#191919;color:#fff;padding:105px 0 100px}
.repack-hero .section-kicker {color:#c9c9c9}
.repack-hero h1,.repack-gallery h2,.repack-contact h2 {font-family:var(--display);font-weight:400;line-height:.89;letter-spacing:.005em}
.repack-hero h1 {font-size:clamp(72px,9vw,130px)}
.repack-hero h1 span {color:#aaa}
.repack-hero p {max-width:435px;color:#c7c7c7;line-height:1.7;margin:27px 0 29px}
.repack-gallery {padding-top:100px;padding-bottom:100px}
.gallery-heading {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:40px}
.repack-gallery h2 {font-size:clamp(52px,6vw,82px)}
.gallery-heading p {color:#666;line-height:1.7;max-width:360px}
.gallery-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gallery-grid figure {background:#eaeae8}
.gallery-image {height:480px;background:#f6f6f5}
.gallery-image img {display:block;width:100%;height:100%;object-fit:contain}
figcaption {padding:23px;display:flex;flex-direction:column;gap:9px}
figcaption span {font-size:9px;letter-spacing:.14em;color:#777;font-weight:900}
figcaption strong {font-size:20px;letter-spacing:-.03em}
.gallery-note {font-size:12px;color:#777;margin-top:22px;line-height:1.6}
.repack-contact {background:#e7e7e5;padding:75px 0}
.repack-contact h2 {font-size:clamp(55px,7vw,90px)}
.repack-contacts {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px;border-top:1px solid #aaa}
.repack-contacts a {padding:25px 0 0;overflow-wrap:anywhere;font-size:16px;font-weight:800}
.repack-contacts small {display:block;font-size:9px;letter-spacing:.14em;color:#666;margin-bottom:13px}
footer {padding:30px 0}
.footer-row {display:flex;justify-content:space-between;gap:20px;color:#aaa;font-size:11px}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:73px;gap:10px}.brand{min-width:0}.repack-hero{padding:75px 0}.repack-hero h1{font-size:clamp(68px,13vw,100px)}.repack-gallery{padding-top:75px;padding-bottom:75px}.gallery-heading,.gallery-grid,.repack-contacts{grid-template-columns:1fr}.gallery-heading{gap:22px}.gallery-image{height:380px}.repack-contacts{gap:0}.repack-contacts a{padding:18px 0;border-bottom:1px solid #bbb}.footer-row{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arrow{transition:none}}
