/* Editorial redesign: presentation concept, not the actual shop */
:root{--ink:#10100e;--ink-2:#1a1916;--bone:#f3f0e9;--brass:#d8b878;--muted:#b7b0a3;--line:rgba(255,255,255,.16);--display:"Bodoni Moda",Georgia,serif}
body{background:#10100e}
.banner{background:#d8b878;color:#181611;font-size:11px;letter-spacing:.02em;padding:7px 16px}
.nav{background:#10100ef2;padding-block:18px}
.brand-mark{border-radius:0;transform:rotate(-8deg);font-size:28px;width:50px;height:50px}
.brand-name{font-size:27px}
.btn{border-radius:2px;letter-spacing:.045em;text-transform:uppercase;font-size:12px;min-height:56px}
.hero{max-width:none;min-height:min(860px,calc(100svh - 100px));padding:0;gap:0;grid-template-columns:49% 51%;background:#15130f}
.hero-copy{padding:clamp(40px,7vw,120px) clamp(28px,5.4vw,100px);position:relative;z-index:2}
.hero .eyebrow{font-size:11px;letter-spacing:.3em}
h1{font-size:clamp(54px,6.2vw,108px);line-height:.91;letter-spacing:-.055em}
h1 span:last-child{font-size:.64em;line-height:1.05;margin-top:.22em}
h1 em{color:#d8b878}
.lede{font-size:16px;line-height:1.8;max-width:43ch;margin:38px 0}
.hero-art{height:100%;min-height:690px;max-width:none;width:100%;position:relative;overflow:hidden;background:#27221b}
.hero-art svg{display:none}
.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,12,9,.65),rgba(15,12,9,.04) 55%),url('https://images.unsplash.com/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&w=1600&q=85') center /cover no-repeat;filter:saturate(.66) contrast(1.08)}
.hero-art:after{content:"NORTHLINE  /  STUDIO";position:absolute;left:clamp(25px,4vw,70px);bottom:62px;font:500 clamp(28px,4vw,62px)/1 var(--display);letter-spacing:.02em;color:#f3f0e9;text-shadow:0 2px 20px #0008}
.art-tag{position:absolute;right:24px;bottom:15px;text-align:right;font-size:10px;max-width:220px;line-height:1.3;z-index:2;color:white}
.marquee{background:#d8b878;color:#16140f;padding:15px 0}
.marquee-track i{color:#6b412e}
.section{padding-block:clamp(80px,10vw,150px)}
.section-head{max-width:800px}
.section-head h2,.craft h2{font-size:clamp(52px,7vw,100px);line-height:.96;letter-spacing:-.045em}
.cards{grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.card{min-height:250px;border-radius:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:36px;gap:18px}
.card:hover{background:#1d1a16;transform:none}
.card h3{font-size:clamp(27px,3vw,42px)}
.card p{max-width:46ch}
.craft{background:#d8b878;color:#18140e}
.craft .eyebrow,.craft .facts span{color:#53432c}
.craft-cols p{color:#2c2419}
.craft .facts{border-color:#a98b56}
.craft .facts li{border-color:#a98b56}
.visit-card{border-radius:0;background:#1b1a17}
.disclaimer{background:#141311;border-style:solid}
.footer{background:#080807}
@media(max-width:860px){.hero{display:flex;flex-direction:column;min-height:0}.hero-art{order:-1;height:55svh;min-height:330px;max-width:none}.hero-copy{padding:52px 24px 65px}.hero h1{font-size:clamp(50px,11vw,86px)}.hero-art:after{bottom:46px}.art-tag{bottom:8px}.cards{grid-template-columns:1fr}.card{min-height:0;padding:30px 24px}.section{padding-block:75px}.section-head h2,.craft h2{font-size:clamp(48px,11vw,72px)}}
@media(max-width:560px){.hero-art{height:44svh;min-height:300px}.hero h1{font-size:clamp(46px,12vw,68px)}.hero-copy{padding:40px 22px 64px}.lede{margin:25px 0}.cta-row .btn{width:100%}}