@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/IBMPlexMono-400-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/IBMPlexMono-400-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/IBMPlexMono-500-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/IBMPlexMono-500-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/InstrumentSerif-400-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/InstrumentSerif-400-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/InstrumentSerif-400-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/InstrumentSerif-400-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/InterTight-500-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/InterTight-500-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/InterTight-400-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/InterTight-400-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/InterTight-500-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/InterTight-500-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/InterTight-600-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/InterTight-600-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/InterTight-700-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/InterTight-700-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ysdwysd — tokens v2. Paste site-wide (child theme style.css or Additional CSS). */
:root{
  /* palette — paper, bone, ink, one red */
  --c-paper:#F4F1EA; --c-bone:#E7E2D7; --c-rule:#CEC8BB;
  --c-ink:#14120F; --c-ink-2:#59544C; --c-signal:#B3261E; --c-on-image:#F7F5F0;
  /* families */
  --f-grotesk:'Inter Tight',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif; /* wordmark, statements, UI */
  --f-serif:'Instrument Serif',Georgia,serif;  /* headlines, quotes, product names */
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace; /* meta */
  /* scale — 10:1 contrast between display and body */
  --t-mega:clamp(4.5rem,-.25rem + 25vw,27rem);     /* wordmark / edition numbers */
  --t-display:clamp(3rem,1rem + 9vw,10rem);        /* one statement per screen */
  --t-h1:clamp(2.5rem,1.4rem + 4.4vw,6rem);
  --t-h2:clamp(1.75rem,1.2rem + 2.2vw,3.25rem);
  --t-h3:clamp(1.25rem,1.05rem + .8vw,1.75rem);
  --t-lede:clamp(1.25rem,1.1rem + .6vw,1.625rem);
  --t-body:clamp(1rem,.97rem + .15vw,1.125rem);
  --t-ui:.875rem; --t-meta:.6875rem;
  --track-mega:-.065em; --track-display:-.05em; --track-head:-.02em; --track-meta:.09em;
  /* space */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:120px;--s-10:200px;
  --gutter:clamp(14px,1vw + 8px,28px); --max:1680px; --measure:64ch;
  --rule:1px solid var(--c-rule); --rule-ink:1px solid var(--c-ink);
  --ease:cubic-bezier(.2,.7,.2,1); --dur:220ms; --nav-h:52px;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--c-paper);color:var(--c-ink);-webkit-font-smoothing:antialiased}
body{margin:0;font:400 var(--t-body)/1.55 var(--f-grotesk)}
img{display:block;width:100%;height:auto}
a{color:inherit;text-decoration:none;transition:color var(--dur) var(--ease),opacity var(--dur) var(--ease)}
a:hover{color:var(--c-signal)}
p a,.u{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
:focus-visible{outline:2px solid var(--c-signal);outline-offset:3px}
::selection{background:var(--c-ink);color:var(--c-paper)}
h1,h2,h3,h4{margin:0;font-weight:400}
/* type roles */
.mega{font:700 var(--t-mega)/.8 var(--f-grotesk);letter-spacing:var(--track-mega);margin:0}
.display{font:600 var(--t-display)/.9 var(--f-grotesk);letter-spacing:var(--track-display)}
.display em,.h1 em{font:italic 400 1.02em/1 var(--f-serif);letter-spacing:-.02em}
.h1{font:400 var(--t-h1)/.98 var(--f-serif);letter-spacing:var(--track-head)}
.h2{font:400 var(--t-h2)/1 var(--f-serif);letter-spacing:var(--track-head)}
.h3{font:400 var(--t-h3)/1.1 var(--f-serif)}
.lede{font:500 var(--t-lede)/1.35 var(--f-grotesk);letter-spacing:-.01em}
.meta{font:500 var(--t-meta)/1.3 var(--f-mono);text-transform:uppercase;letter-spacing:var(--track-meta);color:var(--c-ink-2)}
.meta b{color:var(--c-ink);font-weight:500}.meta .sig{color:var(--c-signal)}
/* layout */
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}
.bleed{width:100%;margin:0}
.rule{border:0;border-top:var(--rule);margin:0}.rule-ink{border:0;border-top:var(--rule-ink);margin:0}
.sec{padding-block:var(--s-9)}.sec-sm{padding-block:var(--s-7)}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;border-top:var(--rule-ink);padding-top:var(--s-3);margin-bottom:var(--s-6)}
/* nav — always visible, plain words */
.nav{position:sticky;top:0;z-index:20;height:var(--nav-h);background:var(--c-paper);border-bottom:var(--rule)}
.nav .wrap{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font:500 var(--t-ui)/1 var(--f-grotesk)}
.nav .wm{font:700 1.25rem/1 var(--f-grotesk);letter-spacing:-.05em}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav .r{justify-self:end;font:500 var(--t-meta) var(--f-mono);letter-spacing:var(--track-meta);text-transform:uppercase}
.nav a[aria-current]{color:var(--c-signal)}
/* buttons */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:.6em;min-height:52px;padding:0 28px;background:var(--c-ink);color:var(--c-paper);border:1px solid var(--c-ink);font:500 var(--t-ui) var(--f-grotesk);letter-spacing:.01em;border-radius:0;cursor:pointer}
.btn:hover{background:var(--c-signal);border-color:var(--c-signal);color:var(--c-paper)}
.btn-line{background:transparent;color:var(--c-ink)}.btn-block{width:100%}
/* images */
.ph{position:relative;overflow:hidden;background:var(--c-bone)}
.ph img{height:100%;object-fit:cover;transition:transform 900ms var(--ease)}
a:hover .ph img{transform:scale(1.015)}
.r-45{aspect-ratio:4/5}.r-32{aspect-ratio:3/2}.r-11{aspect-ratio:1}.r-169{aspect-ratio:16/9}
.cap{display:flex;justify-content:space-between;gap:var(--s-4);padding-top:var(--s-2)}
/* card system */
.card{display:flex;flex-direction:column;gap:var(--s-3)}
.card .k{display:flex;gap:var(--s-3)}
.card--lead .h1{max-width:16ch}.card--lead .lede{max-width:46ch;color:var(--c-ink-2)}
.card--std .h3{max-width:22ch}
.row{display:grid;grid-template-columns:4.5rem 1fr 7rem 5rem 3.5rem;gap:var(--gutter);align-items:baseline;padding:14px 0;border-bottom:var(--rule)}
.row .t{font:500 1.0625rem/1.25 var(--f-grotesk);letter-spacing:-.01em}
.row:hover .t{color:var(--c-signal)}
.card--quote{background:var(--c-bone);padding:var(--s-7) var(--s-6);justify-content:space-between;min-height:100%}
.card--quote q{font:italic 400 var(--t-h2)/1.02 var(--f-serif);quotes:"“" "”"}
.card--dream{border-top:var(--rule-ink);padding-top:var(--s-3)}
.card--dream .n{font:700 clamp(3rem,6vw,6rem)/.8 var(--f-grotesk);letter-spacing:-.06em}
.tag{font:500 var(--t-meta)/1 var(--f-mono);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--c-ink)}
.tag::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;background:currentColor;vertical-align:1px}
.tag--new{color:var(--c-signal)}
@media (max-width:760px){
  .nav{height:auto}.nav .wrap{grid-template-columns:1fr auto;row-gap:0;padding-block:12px 0}.nav ul{grid-column:1/-1;order:3;gap:20px;overflow-x:auto;padding:12px 0;white-space:nowrap;scrollbar-width:none}
  .row{grid-template-columns:3rem 1fr 3rem}.row .hs{display:none}
  .sec{padding-block:var(--s-8)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* hero */
.hero{position:relative;height:min(calc(100svh - var(--nav-h)),880px);min-height:560px;overflow:hidden;background:var(--c-bone)}
.hero img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(.85) contrast(1.02)}
.hero .over{position:absolute;inset:auto 0 0 0;color:var(--c-on-image);padding:0 var(--gutter) var(--s-5)}
.hero .over .meta{color:var(--c-on-image)}
.hero .mega{margin-left:-.04em;mix-blend-mode:normal}
.hero-cap{display:flex;justify-content:space-between;padding:var(--s-3) var(--gutter);border-bottom:var(--rule)}
.statement{padding-block:var(--s-10);text-align:left}
.statement .display{max-width:13ch}
.ticker{border-block:var(--rule-ink);padding:10px var(--gutter);display:flex;gap:var(--s-7);white-space:nowrap;overflow:hidden}
/* home grids */
.front{row-gap:var(--s-8)}
.c8{grid-column:span 8}.c4{grid-column:span 4}.c6{grid-column:span 6}.c3{grid-column:span 3}.c5{grid-column:span 5}.c7{grid-column:span 7}.c12{grid-column:1/-1}
.vr{border-left:var(--rule);padding-left:var(--gutter)}
.stack>*+*{margin-top:var(--s-6);padding-top:var(--s-6);border-top:var(--rule)}
.drop{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:end}
.edn{font:700 var(--t-mega)/.78 var(--f-grotesk);letter-spacing:var(--track-mega)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-7) var(--gutter)}
.pgrid .ph{background:var(--c-bone)}.pgrid .ph img,.pimg img{object-fit:contain;padding:9%}
.p .nm{font:400 var(--t-h3)/1.05 var(--f-serif)}
.foot{border-top:var(--rule-ink);padding-top:var(--s-6);margin-top:var(--s-9)}
.foot .mega{font-size:clamp(4rem,1rem + 24vw,26rem);margin-top:var(--s-8)}
.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}
.fcols p{margin:.4em 0;font-size:var(--t-ui)}
.inp{display:flex;border-bottom:var(--rule-ink);margin-top:var(--s-3)}.inp span{flex:1;padding:12px 0;color:var(--c-ink-2);font-size:var(--t-ui)}
/* journal broadsheet */
.mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding-top:var(--s-7)}
.mast .mega{font-size:clamp(3.5rem,1rem + 13vw,15rem);text-align:center}
.dbl{border-top:var(--rule-ink);border-bottom:var(--rule-ink);height:5px;margin:var(--s-3) 0 var(--s-6)}
.filters{display:flex;gap:var(--s-5);flex-wrap:wrap}
.filters a[aria-current]{color:var(--c-signal)}
/* article */
.art-head{padding-block:var(--s-8) var(--s-6)}
.art-head .display{max-width:12ch}
.body{max-width:var(--measure);margin-inline:auto;font-size:1.1875rem;line-height:1.62}
.body p{margin:0 0 1.2em}.body h2{font:600 1.5rem/1.15 var(--f-grotesk);letter-spacing:-.02em;margin:1.6em 0 .6em}
.body .pq{font:italic 400 var(--t-h2)/1.05 var(--f-serif);margin:1.4em -10%;border-block:var(--rule-ink);padding:var(--s-5) 0}
.dropcap::first-letter{font:400 5.2em/.8 var(--f-serif);float:left;padding:.06em .08em 0 0}
.side-meta{position:sticky;top:80px}
/* gallery */
.collage{position:relative;display:grid;grid-template-columns:repeat(24,1fr);grid-auto-rows:3.2vw;gap:0}
.collage figure{margin:0}.collage figcaption{padding-top:6px}
/* about */
.roster .rr{display:grid;grid-template-columns:1fr auto;align-items:baseline;border-bottom:var(--rule);padding:var(--s-3) 0}
.roster .rr .h1{font-size:var(--t-h2)}
@media (max-width:760px){
  .g12>*{grid-column:1/-1!important}.vr{border:0;padding:0}
  .pgrid{grid-template-columns:repeat(2,1fr)}.fcols{grid-template-columns:1fr 1fr}
  .mast{grid-template-columns:1fr}.mast .meta{text-align:center}
  .collage{grid-template-columns:repeat(12,1fr);grid-auto-rows:7vw}
  .collage figure{grid-column:var(--m)!important;grid-row:auto!important}
  .body .pq{margin-inline:0}.hero{height:min(80svh,640px);min-height:480px}
  .drop>*{grid-column:1/-1!important}
}
.card--quote{min-height:520px}.card--quote q{font-size:var(--t-h1)}
@media (max-width:760px){.hero .hs{display:none}.card--quote{min-height:0}.card--quote q{font-size:var(--t-h2)}}
.edn{margin:0}.drop p{margin-block:0}
#journal .card--quote{min-height:0}#journal .card--quote q{font-size:var(--t-h2)}
.foot .mega{font-size:clamp(3.4rem,.5rem + 20.5vw,22rem);padding-bottom:.16em;margin-bottom:0}
.foot .mega{padding-bottom:.26em}
@media (max-width:760px){
 .collage{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:28px 14px}
 .collage figure{grid-column:auto!important;grid-row:auto!important}
 .collage figure:nth-child(even){margin-top:56px}.collage figure:nth-child(3n){grid-column:1/-1!important;width:72%;justify-self:center}
 .pgrid .cap .meta{font-size:.625rem}.pgrid .of{display:none}
}
/* NAV v3 — Hypebeast structure × It's Nice That strip, light */
body{margin:0}
.view>.nav{display:none}
.hd{position:sticky;top:0;z-index:50;background:var(--c-paper);transition:transform .35s cubic-bezier(.2,.7,.2,1);border-bottom:1px solid var(--c-rule)}
.hd-strip{display:grid;grid-template-columns:repeat(2,1fr);background:var(--c-bone);border-bottom:1px solid var(--c-rule)}
.hd-strip a{display:flex;flex-direction:column;gap:2px;padding:9px 16px;border-left:1px solid var(--c-rule);text-decoration:none;color:var(--c-ink);font:500 11px/1.3 "IBM Plex Mono",monospace;letter-spacing:.02em;min-width:0}
.hd-strip a:first-child{border-left:0}.hd-strip b{font:600 12px/1.2 "Inter Tight",sans-serif;letter-spacing:0}
.hd-strip span{color:var(--c-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-strip a:hover b{text-decoration:underline;text-underline-offset:3px}
.hd-util{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px}
.hd-l{display:flex;align-items:center;gap:16px}
.hd-menu{width:36px;height:36px;border:0;background:none;display:grid;place-content:center;gap:6px;cursor:pointer;padding:0}
.hd-menu span{display:block;width:20px;height:1.5px;background:var(--c-ink)}
.seg{display:flex;border:1px solid var(--c-rule);border-radius:6px;padding:2px;background:var(--c-paper)}
.seg a{font:500 12px "Inter Tight",sans-serif;padding:5px 10px;border-radius:4px;color:var(--c-ink-2);text-decoration:none}
.seg a.on{background:var(--c-bone);color:var(--c-ink)}
.hd-brand{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:var(--c-ink)}

.hd-wm{font:700 34px/1 "Inter Tight",sans-serif;letter-spacing:-.045em;color:var(--c-ink)}
.hd-tag{font:500 10.5px "IBM Plex Mono",monospace;color:var(--c-ink-2);letter-spacing:.04em;margin-top:3px}
.hd-r{display:flex;justify-content:flex-end;gap:22px}
.hd-ic{font:500 13px "Inter Tight",sans-serif;color:var(--c-ink);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.hd-ic:hover{text-decoration:underline;text-underline-offset:4px}
.hd-ic.cart{border:1px solid var(--c-ink);border-radius:999px;padding:5px 12px;margin-top:-6px}
.hd-cats{display:flex;align-items:center;justify-content:center;height:42px;border-top:1px solid var(--c-rule);position:relative}
.hd-cats ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.hd-cats a{font:500 11.5px "Inter Tight",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--c-ink);text-decoration:none;padding:13px 0;border-bottom:1.5px solid transparent}
.hd-cats li[data-mega]>a::after{content:" ▾";font-size:9px;color:var(--c-ink-2)}
.hd-cats a:hover,.hd-cats a[aria-current]{border-bottom-color:var(--c-ink)}
.hd-mini,.hd-mini-s{position:absolute;opacity:0;pointer-events:none;transition:opacity .2s}
.hd-mini{left:var(--gutter,32px);font:700 20px "Inter Tight";letter-spacing:-.04em!important;text-transform:none!important;border:0!important}
.hd-mini-s{right:var(--gutter,32px);background:none;border:0;font-size:20px;cursor:pointer}
/* sticky compact state: strip + util scroll off, category row stays */
body.is-stuck .hd{transform:translateY(calc(-1 * (var(--strip-h,52px) + 84px)))}
body.is-stuck .hd-mini,body.is-stuck .hd-mini-s{opacity:1;pointer-events:auto}
body.is-stuck.nav-hidden .hd{transform:translateY(-100%)}
/* mega */
.mm{position:absolute;left:0;right:0;top:100%;background:var(--c-paper);border-bottom:1px solid var(--c-ink);display:none;box-shadow:0 30px 60px -40px rgba(17,16,16,.25)}
.mm.on{display:block}
.mm-in{display:grid;grid-template-columns:240px 1fr;gap:48px;padding-block:28px 36px}
.mm-col{display:flex;flex-direction:column;border-right:1px solid var(--c-rule);padding-right:32px}
.mm-col .meta,.mm-cards>.meta{margin:0 0 14px}
.mm-l{display:flex;justify-content:space-between;font:400 26px/1.25 "Instrument Serif",serif;color:var(--c-ink);text-decoration:none;padding:3px 0}
.mm-l i{font:500 11px "IBM Plex Mono",monospace;font-style:normal;color:var(--c-ink-2);align-self:center}
.mm-l:hover{color:var(--c-signal)}
.mm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mm-card{text-decoration:none;color:var(--c-ink);display:flex;flex-direction:column;gap:8px}
.mm-card .ph{display:block}.mm-t{font:400 19px/1.2 "Instrument Serif",serif}
.pimg{background:var(--c-bone)}.pimg img{object-fit:contain!important}
/* search overlay */
.ov-search{position:fixed;inset:0 0 auto 0;z-index:80;background:var(--c-paper);border-bottom:1px solid var(--c-ink);transform:translateY(-102%);transition:transform .4s cubic-bezier(.2,.7,.2,1);padding-block:22px 44px;max-height:100vh;overflow:auto}
.ov-search.on{transform:none}
.os-top,.dr-top{display:flex;justify-content:space-between;align-items:center}
.x{background:none;border:0;font:500 13px "Inter Tight";cursor:pointer;color:var(--c-ink)}
.os-in{display:flex;align-items:baseline;gap:16px;border-bottom:1.5px solid var(--c-ink);margin:24px 0 32px}
.os-in input{flex:1;border:0;background:none;font:400 clamp(40px,6vw,88px)/1.1 "Instrument Serif",serif;color:var(--c-ink);outline:0;padding:6px 0;min-width:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.os-cols{display:grid;grid-template-columns:260px 1fr;gap:56px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips a{font:500 12px "Inter Tight";border:1px solid var(--c-rule);border-radius:999px;padding:5px 11px}
.chips a.on{border-color:var(--c-ink);background:var(--c-ink);color:var(--c-paper)}
.os-l{display:block;font:400 22px/1.4 "Instrument Serif",serif;color:var(--c-ink);text-decoration:none}
.scrim{position:fixed;inset:0;z-index:70;background:rgba(17,16,16,.28);opacity:0;pointer-events:none;transition:opacity .3s}
body.is-open .scrim{opacity:1;pointer-events:auto}
/* drawer */
.ov-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);z-index:80;background:var(--c-paper);transform:translateX(102%);transition:transform .4s cubic-bezier(.2,.7,.2,1);padding:18px 24px 40px;overflow:auto;box-sizing:border-box;border-left:1px solid var(--c-ink)}
.ov-drawer.on{transform:none}
.dr-s{margin:18px 0 8px}.dr-s input{font-size:28px}
.ov-drawer summary,.dr-l{display:flex;justify-content:space-between;font:400 40px/1.2 "Instrument Serif",serif;padding:10px 0;border-bottom:1px solid var(--c-rule);cursor:pointer;list-style:none;color:var(--c-ink);text-decoration:none}
.ov-drawer summary::after{content:"+";font:300 26px "Inter Tight"}
.ov-drawer details[open] summary::after{content:"–"}
.ov-drawer details a{display:flex;justify-content:space-between;font:500 15px/1 "Inter Tight";padding:12px 0 12px 4px;border-bottom:1px solid var(--c-rule)}
.ov-drawer details a i{font:500 11px "IBM Plex Mono";font-style:normal;color:var(--c-ink-2)}
.dr-u{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px}
/* spinning mark — real oval PNG, rotateY like the app */
.mark{display:inline-block;perspective:800px;line-height:0}
.mark .spin{display:block;height:var(--h);width:auto;animation:ysd-spin 7s linear infinite;backface-visibility:visible;transform-style:preserve-3d}
@keyframes ysd-spin{to{transform:rotateY(360deg)}}
@media (prefers-reduced-motion:reduce){.mark .spin{animation:none}.hd,.ov-search,.ov-drawer{transition:none}}
.hero-row,.foot-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.hero-mark{color:#F7F5F0;flex:none;margin-bottom:2vw}
.foot-mark{flex:none;margin-bottom:1vw}
/* mobile */
@media (max-width:860px){
 .hd-strip{grid-template-columns:repeat(2,1fr)}.hd-strip a:nth-child(n+3){display:none}.hd-strip a{padding:7px 12px}
 .hd-util{height:60px;grid-template-columns:auto 1fr auto}
 .seg,.hd-tag,.hs{display:none}
 .hd-brand{justify-self:start;margin-left:6px}.hd-brand .mark{--h:30px!important}
 .hd-l{order:3}.hd-r{gap:14px}.hd-ic.cart{margin-top:0}
 .hd-cats{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-inline:16px;height:40px}
 .hd-cats ul{gap:22px}.hd-cats li{flex:none}
 .hd-cats li[data-mega]>a::after{content:""}
 .mm{display:none!important}
 body.is-stuck .hd{transform:translateY(calc(-1 * (var(--strip-h,46px) + 60px)))}
 .hd-mini,.hd-mini-s{display:none}
 .os-cols{grid-template-columns:1fr;gap:28px}
 .hero-mark{--h:54px!important}.foot-mark{--h:70px!important}
 .hero-row{align-items:flex-end}
}
.hero-row,.foot-row{position:relative;display:block}
.hero-mark,.foot-mark{position:absolute;right:0;bottom:100%;margin-bottom:48px}
.foot-mark{margin-bottom:24px}
@media (max-width:860px){.hero-mark{margin-bottom:56px}.foot-mark{margin-bottom:12px}}
.hero-row{max-width:100%;overflow:visible}
.hero-mark{right:4px}
.foot-row{padding-block:48px 8px}
.foot-mark,.foot-row .mark{position:static;margin:0;--h:min(26vw,380px)!important}
.foot-row .mark .spin{width:auto;max-width:100%}
@media (max-width:860px){.foot-row .mark{--h:26vw!important}}
.mark{perspective:2400px}
.hero>.hero-mark{position:absolute;top:36px;right:var(--gutter,32px);bottom:auto;margin:0;z-index:2}
.foot-row .mark{--h:min(20vw,300px)!important}
@media (max-width:860px){.hero>.hero-mark{top:20px;right:16px}}
.hero>.hero-mark{right:auto;left:calc(100vw - 32px);transform:translateX(-100%)}
@media (max-width:860px){.hero>.hero-mark{left:calc(100vw - 16px)}}
.dr-top img{height:30px;width:auto}
html.still .mark .spin{animation:none}
.hero .mark img{position:static;inset:auto;height:var(--h);width:auto;filter:none;object-fit:contain}
.hero>.hero-mark{left:auto;right:32px;transform:none}
@media (max-width:860px){.hero>.hero-mark{right:16px}}
.pimg{background:var(--c-bone)}
.pimg img{object-fit:contain!important;padding:9%;box-sizing:border-box;width:100%;height:100%;filter:none!important}
.pgrid-4{grid-template-columns:repeat(4,1fr)!important}
@media (max-width:860px){.pgrid-4{grid-template-columns:repeat(2,1fr)!important}}
/* ===== theme additions ===== */
.skip{position:absolute;left:-9999px;top:0;z-index:999;background:var(--c-ink);color:var(--c-paper);padding:12px 18px}.skip:focus{left:8px;top:8px}
.sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ph--empty{background:var(--c-bone);display:flex;align-items:flex-end;padding:12px}
.fade{opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.fade.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fade{opacity:1;transform:none}}
.mm-l i,.drawer-c i{font:500 var(--t-meta) var(--f-mono);font-style:normal;color:var(--c-ink-2)}
.pagi{display:flex;gap:var(--s-4);justify-content:space-between;border-top:var(--rule-ink);padding-top:var(--s-3);margin-top:var(--s-7)}
.pagi .page-numbers{font:500 var(--t-meta) var(--f-mono);letter-spacing:var(--track-meta);text-transform:uppercase}.pagi .current{color:var(--c-signal)}
.body img{height:auto;margin:1.4em 0}.body figure{margin:1.4em 0}.body a{text-decoration:underline}.body iframe{max-width:100%}
.body blockquote{font:italic 400 var(--t-h3)/1.2 var(--f-serif);margin:1.4em 0;padding-left:var(--s-5);border-left:var(--rule-ink)}
.page-body{max-width:var(--measure)}
.os-in input{width:100%}
/* WooCommerce */
.woocommerce .woocommerce-breadcrumb{font:500 var(--t-meta) var(--f-mono);text-transform:uppercase;letter-spacing:var(--track-meta);color:var(--c-ink-2)}
.woocommerce-notices-wrapper>*,.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;background:var(--c-bone);border-top:var(--rule-ink);padding:14px 18px;margin:0 0 var(--s-5);font-size:var(--t-ui)}
.woocommerce-error{border-color:var(--c-signal)}
.woocommerce table.shop_table{width:100%;border-collapse:collapse;font-size:var(--t-ui)}
.woocommerce table.shop_table th{font:500 var(--t-meta) var(--f-mono);text-transform:uppercase;letter-spacing:var(--track-meta);text-align:left;color:var(--c-ink-2);border-bottom:var(--rule-ink);padding:10px 8px}
.woocommerce table.shop_table td{border-bottom:var(--rule);padding:14px 8px;vertical-align:middle}
.woocommerce table.shop_table img{width:72px;background:var(--c-bone)}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,#place_order,.wc-block-components-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;background:var(--c-ink);color:var(--c-paper);border:1px solid var(--c-ink);border-radius:0;font:500 var(--t-ui) var(--f-grotesk);cursor:pointer}
.woocommerce .button:hover,#place_order:hover{background:var(--c-signal);border-color:var(--c-signal);color:var(--c-paper)}
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.woocommerce form .form-row input.input-text,.qty{width:100%;background:transparent;border:0;border-bottom:var(--rule-ink);border-radius:0;padding:12px 0;font:400 1rem var(--f-grotesk);color:var(--c-ink)}
.qty{width:4.5em;text-align:center}
.woocommerce form .form-row{margin:0 0 var(--s-4);display:flex;flex-direction:column}
.woocommerce form .form-row label{font:500 var(--t-meta) var(--f-mono);text-transform:uppercase;letter-spacing:var(--track-meta);color:var(--c-ink-2)}
.woocommerce .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7)}
.woocommerce-checkout #order_review_heading,.woocommerce h2,.woocommerce h3{font:400 var(--t-h3)/1.1 var(--f-serif);margin:var(--s-6) 0 var(--s-4)}
#payment{background:var(--c-bone);padding:var(--s-5);margin-top:var(--s-5)}#payment ul{list-style:none;padding:0}
.cart-collaterals{display:flex;justify-content:flex-end;margin-top:var(--s-7)}.cart_totals{width:min(440px,100%)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border-top:var(--rule-ink)}
.woocommerce-MyAccount-navigation li{border-bottom:var(--rule);padding:12px 0;font:500 var(--t-meta) var(--f-mono);text-transform:uppercase;letter-spacing:var(--track-meta)}
.woocommerce-MyAccount-navigation .is-active a{color:var(--c-signal)}
.woo-acct{display:grid;grid-template-columns:240px 1fr;gap:var(--s-7)}
.p-buy form.cart{display:flex;gap:var(--s-3);margin-top:var(--s-5);flex-wrap:wrap}.p-buy form.cart .button{flex:1}
.p-buy .variations{width:100%;margin-bottom:var(--s-3)}.p-buy .variations th{text-align:left;font:500 var(--t-meta) var(--f-mono);text-transform:uppercase}
.p-buy .stock{font:500 var(--t-meta) var(--f-mono);text-transform:uppercase;color:var(--c-signal)}
.p-desc{font-size:var(--t-ui);line-height:1.6;color:var(--c-ink-2)}
details.acc{border-bottom:var(--rule);padding:14px 0}details.acc summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font:500 var(--t-meta) var(--f-mono);text-transform:uppercase;letter-spacing:var(--track-meta)}details.acc summary::after{content:"+"}details.acc[open] summary::after{content:"–"}
.tbc{color:var(--c-ink-2)}
@media (max-width:760px){.woocommerce .col2-set,.woo-acct{grid-template-columns:1fr}.pgrid-4{grid-template-columns:repeat(2,1fr)}}
.pgrid-4{grid-template-columns:repeat(4,1fr)}
.woocommerce-account .woo-page>.woocommerce{display:grid;grid-template-columns:240px 1fr;gap:var(--s-7)}
@media (max-width:760px){.woocommerce-account .woo-page>.woocommerce{grid-template-columns:1fr}}
.woo-page .wc-block-components-text-input input,.woo-page .wc-block-components-select select{border-radius:0!important}
.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt{background:var(--c-ink);color:var(--c-paper);border-radius:0}
.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--c-signal);color:var(--c-paper)}
.woocommerce .quantity .qty{border:1px solid var(--c-ink);min-height:48px;padding:0}
/* Mobile home: no hero photo; open with the statement like desktop's typographic flow */
@media (max-width:760px){
 .home .hero,.home .hero-cap{display:none}
 .home .statement{padding-block:var(--s-7) var(--s-8);border-bottom:var(--rule-ink)}
 .home .statement .display{font-size:clamp(3rem,13vw,4.5rem);line-height:.92;max-width:none}
}

.mark.still .spin,.foot-row .mark .spin{animation:none!important;transform:none!important}