@font-face{font-family:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/geist-400.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/geist-500.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:600 700;font-display:swap;src:url(fonts/geist-600.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-400.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-400-italic.woff2) format('woff2')}
:root{
--m:16px;--gut:16px;--colw:calc((100vw - 2 * var(--m) - 11 * var(--gut)) / 12);--step:calc(var(--colw) + var(--gut));
--vh:min(100svh,1200px);--sp:clamp(120px,13vw,200px);--h1:96px;--h2:72px;
--ease:cubic-bezier(.2,.7,.1,1);--ink:#111111;--paper:#F5F4F0;--mute:#6B6963;--line:#D9D6CF;--ghost:#CFCBC3;
--sl:min(22vw, calc(var(--vh) * 0.5), 420px);--rr:470px
}
@media (min-width:1200px){:root{--m:24px;--gut:20px}}
body{margin:0;background:var(--paper)}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
:focus-visible{outline:2px solid #888;outline-offset:3px}
.sec{padding:var(--sp) var(--m) 0}
.g,.sh,.r12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.aside{grid-column:1/5}.main{grid-column:5/13}
.ln{grid-column:var(--c) / -1}
.sh{font-size:11px;font-weight:500;line-height:1.3;padding-bottom:12px;border-bottom:1px solid currentColor}
.sh>:nth-child(1){grid-column:1/5}.sh>:nth-child(2){grid-column:5/10}.sh>:nth-child(3){grid-column:10/13;text-align:right}
.lbl{font-size:11px;font-weight:500;line-height:1.3}
.d1{font-weight:600;font-size:clamp(52px,9vw,150px);letter-spacing:-0.06em;line-height:0.9;margin:0}
.it{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-0.02em}
.body{font-size:15px;font-weight:500;line-height:1.4;max-width:38ch;margin:0}
.pill{display:inline-flex;align-items:center;height:44px;padding:0 20px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:600;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
.pill:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.r12{align-items:baseline}
.k1{grid-column:1/3}.k2{grid-column:3/5}.k3{grid-column:5/12}.k4{grid-column:12/13;text-align:right}
.rv{transition:opacity 1s var(--ease),transform 1s var(--ease)}
.ar{transition:color .5s var(--ease)}
.am{transition:opacity .5s var(--ease)}
.ul:hover{text-decoration:underline;text-underline-offset:3px}
.mail-ul{transform-origin:right;transform:scaleX(0.18);transition:transform .7s var(--ease)}
.mail:hover .mail-ul,.mail:focus-visible .mail-ul{transform-origin:left;transform:scaleX(1)}
.brow{transition:background .3s var(--ease),color .3s var(--ease)}
.brow:hover{background:var(--ink);color:var(--paper)}
.brow:hover .m{color:#A3A099!important}
.rtt{transition:transform .5s var(--ease)}
.rrow:hover .rtt,.rrow:focus-visible .rtt{transform:translateX(14px)}
.chrome{opacity:calc(1 - var(--hp, 0) * 3)}
.pre{transition:opacity .5s ease,visibility 0s linear .5s}
@keyframes prelogo{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.prelogo{animation:prelogo 1.1s cubic-bezier(.6,0,.2,1) both}
.grain{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:url(img/logo-white.png);mask-image:url(img/logo-white.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;background-image:url(img/grain.png);background-size:180px 180px;mix-blend-mode:multiply;opacity:0.20;animation:grain .6s steps(1) infinite}
@keyframes grain{0%{background-position:0 0;opacity:0.20}17%{background-position:-43px 61px;opacity:0.16}33%{background-position:57px -29px;opacity:0.22}50%{background-position:-71px -88px;opacity:0.17}67%{background-position:24px 97px;opacity:0.21}83%{background-position:89px 13px;opacity:0.19}100%{background-position:0 0;opacity:0.20}}
.legal p{font-size:15px;font-weight:500;line-height:1.5;max-width:62ch;margin:0 0 12px}
.legal p:last-child{margin-bottom:0}
@keyframes bload{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.bar{transform-origin:left;animation:bload 1.3s cubic-bezier(.6,0,.2,1) forwards}
.mo,.mo2{display:none}
@media (max-width:1000px){.plv{display:none!important}.plt{grid-column:1/-1!important}.mo2{display:block!important}}
@media (max-width:760px){
:root{--rr:205px;--h1:64px;--h2:48px}
.g,.sh,.r12{grid-template-columns:repeat(4,minmax(0,1fr))}
.g>*:not(.ln){grid-column:1/-1!important}
.ln{grid-column:1/-1;padding-left:calc((var(--c) - 1) * 3.5%)}
.sh>:nth-child(1){grid-column:1/3}.sh>:nth-child(2){display:none}.sh>:nth-child(3){grid-column:3/5}
.k1{grid-column:1/2}.k2{display:none}.k3{grid-column:2/4}.k4{grid-column:4/5}
.hm{display:none!important}.mo{display:block!important}
.arow{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:8px}
.rtile{width:84px!important;height:84px!important;left:-42px!important;top:-42px!important}
}
@media (prefers-reduced-motion:reduce){.grain{animation:none}.rv,.ar,.am,.rtt{transition:none}.prelogo{animation:none}.pre{display:none}html{scroll-behavior:auto}}

.rv.is-hidden{opacity:0;transform:translate3d(0,56px,0)}
.arow{color:var(--ghost)}.arow.is-active{color:var(--ink)}
.arow .am{opacity:0}.arow.is-active .am{opacity:1}
article.ar{color:var(--ghost)}article.ar.is-active{color:var(--ink)}
.pre.is-done{opacity:0;visibility:hidden}
html.is-locked,html.is-locked body{overflow:hidden}
.legal-ov{overscroll-behavior:contain}
.flt{min-height:36px;padding:0;border:0;background:transparent;color:#9A968E;font-family:'Geist',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:color .3s ease}
.flt.is-on{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.flt sup{font-size:9px;margin-left:3px}
.rrow{padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink);transition:color .35s ease}
#rel-list.is-hovering .rrow{color:#C9C5BD}#rel-list.is-hovering .rrow.is-hot{color:var(--ink)}
.rrow .k3{font-size:clamp(24px,2.8vw,42px);font-weight:500;letter-spacing:-0.035em;line-height:1.05;display:flex;align-items:center;gap:14px}
.rrow .k3 img{width:44px;height:44px;object-fit:cover;flex:0 0 auto}
.lgsw{display:flex;flex-wrap:wrap;gap:10px}.lgsw .pill{background:transparent;color:var(--ink);font-family:'Geist',sans-serif;cursor:pointer}.lgsw .pill[aria-pressed=true]{background:var(--ink);color:var(--paper)}
@media (max-width:760px){.rrow .k3 img{display:block}}
[hidden]{display:none!important}
@media (max-width:760px){.sh.fbar{row-gap:12px;align-items:center}.sh.fbar>:nth-child(2){display:block;grid-column:1/5;grid-row:2}.sh.fbar>:nth-child(2) button{min-height:32px}}

/* ---- phone ---- */
@media (max-width:760px){
:root{--sp:88px;--h1:48px;--h2:36px;--rr:272px}
#menu-btn{mix-blend-mode:normal!important;background:var(--ink)!important;color:var(--paper)!important;height:40px!important;top:10px!important;padding:0 16px!important;box-shadow:0 6px 18px rgba(17,17,17,.18),inset 0 0 0 1px rgba(255,255,255,.14)}
#bh-sec{height:calc(var(--vh) * 1.22)!important}
#bh-s h1 img{width:88vw!important}
article.ar{color:var(--ink)!important;min-height:0!important;padding:28px 0 44px!important;gap:16px!important}
article.ar .am{opacity:1!important}
.plt .mo2{width:100%!important;max-width:420px}
.arow{color:var(--ink)!important}.arow .am{opacity:1!important}
#rot-sec{height:600px!important;min-height:0!important}
#rot-sec>div:first-child{top:40%!important}
.rtile{width:104px!important;height:104px!important;left:-52px!important;top:-52px!important}
#rot-sec>div:last-child{bottom:20px!important}
#releases .g{row-gap:20px!important}
#releases h2{order:1}
#flt{order:2;flex-direction:row!important;flex-wrap:wrap;column-gap:22px;align-items:center!important}
.rrow{padding:14px 0;align-items:center!important}
.rtile>.lbl{background:#E4E1DA!important;color:var(--ink)!important}
.rrow .k1{display:none}
.rrow .k3{grid-column:1/4!important;font-size:22px!important;line-height:1.15!important}
.rrow .k4{grid-column:4/5!important;text-align:right;line-height:1.5}
.sh.fbar a{display:inline-flex;align-items:center;min-height:32px}
.legal-ov .sh button{margin-top:-10px!important}
}

/* ---- idle luxury ---- */
@property --amp{syntax:'<number>';inherits:false;initial-value:0}
@property --dy{syntax:'<number>';inherits:false;initial-value:0}
@property --bl{syntax:'<number>';inherits:false;initial-value:0}
.lux{display:inline-block;--amp:0;translate:0 calc(var(--dy) * var(--amp) * 5px);filter:blur(calc(var(--bl) * var(--amp) * 0.6px));animation:luxdrift 9s cubic-bezier(.45,0,.55,1) infinite;animation-play-state:paused;transition:--amp .45s ease-out}
html.is-idle .lux{--amp:1;animation-play-state:running;transition:--amp 2.2s cubic-bezier(.4,0,.2,1)}
@keyframes luxdrift{0%{--dy:0;--bl:0}25%{--dy:-1;--bl:.7}50%{--dy:0;--bl:0}75%{--dy:1;--bl:1}100%{--dy:0;--bl:0}}
.idle-grain{position:fixed;inset:-60px;z-index:85;pointer-events:none;background-image:url(img/grain.png);background-size:220px 220px;mix-blend-mode:overlay;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}
html.is-idle .idle-grain{opacity:.11;visibility:visible;animation:idlegrain .9s steps(1) infinite;transition:opacity 2.2s ease,visibility 0s}
@keyframes idlegrain{0%{transform:translate(0,0)}14%{transform:translate(-31px,17px)}28%{transform:translate(23px,-41px)}42%{transform:translate(-47px,-11px)}57%{transform:translate(13px,37px)}71%{transform:translate(41px,-23px)}85%{transform:translate(-17px,29px)}}
@media (prefers-reduced-motion:reduce){.lux{animation:none;filter:none;translate:none}.idle-grain{display:none}}