@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/archivo-normal-latin-ext-0.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: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/archivo-normal-latin-1.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: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/archivo-normal-latin-ext-0.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: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/archivo-normal-latin-1.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: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/archivo-normal-latin-ext-0.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: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/archivo-normal-latin-1.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: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url(/fonts/bodoni-moda-italic-latin-ext-2.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: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url(/fonts/bodoni-moda-italic-latin-3.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: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/bodoni-moda-normal-latin-ext-4.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: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/bodoni-moda-normal-latin-5.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: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-normal-latin-ext-6.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: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-normal-latin-7.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: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-normal-latin-ext-6.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: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-normal-latin-7.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;
}
html, body { margin:0; padding:0; background:#0A0C0F; -webkit-text-size-adjust:100%; }
  html { scroll-padding-top:100px; }
  body { -webkit-font-smoothing:antialiased; }
  a { color:#F2EBDF; text-decoration:none; }
  a:hover { color:#D2953F; }
  @keyframes riseIn { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
  @keyframes slowPan { from { transform:scale(1.06) translate3d(0,0,0); } to { transform:scale(1.14) translate3d(0,-1.2%,0); } }
  .rise { animation: riseIn 900ms cubic-bezier(.2,.7,.2,1) both; }
  @media (prefers-reduced-motion: reduce) {
    .rise { animation:none; }
  }
  @media (max-width:900px) {
    [data-r="navlinks"] { display:none !important; }
    [data-r="navtoggle"] { display:flex !important; }
    [data-r="navpanel"][data-open="true"] { display:flex !important; }
    [data-r="covers"] { grid-template-columns:1fr !important; }
    [data-r="covers"] > * { grid-column:auto !important; margin-top:0 !important; }
    [data-r="tl"] { grid-template-columns:1fr !important; }
    [data-r="tl"] > *:first-child { display:none !important; }
    [data-r="stripinner"] { flex-direction:column !important; align-items:stretch !important; width:auto !important; gap:clamp(32px,6vw,48px) !important; }
    [data-r="shot"] { width:100% !important; margin-bottom:0 !important; transform:none !important; }
    [data-r="stripnote"] { display:none !important; }
    [data-r="striptrack"] { height:auto !important; }
    [data-r="strippin"] { position:static !important; height:auto !important; overflow:visible !important; padding:0 !important; }
    [data-r="stripinner"] { margin:0 clamp(20px,6vw,120px) !important; }
    [data-r="stripinner"] { transform:none !important; zoom:1 !important; padding:0 !important; }
    [data-r="tlrows"] { padding-bottom:64px !important; }
    [data-r="step"] { grid-template-columns:1fr !important; }
    [data-r="instr"] { min-height:auto !important; }
    [data-r="instrtext"] { max-width:none !important; padding-top:58vw !important; }
    [data-r="instrscrim"] { background:linear-gradient(180deg, rgba(10,12,15,0.32) 0%, rgba(10,12,15,0.82) 46%, rgba(10,12,15,0.96) 100%) !important; }
  }
  @media (min-width:901px) and (max-height:900px) { [data-r="stripinner"] { zoom:0.82; } }
  @media (min-width:901px) and (max-height:760px) { [data-r="stripinner"] { zoom:0.68; } }
  .strip::-webkit-scrollbar { height:2px; }
  .strip::-webkit-scrollbar-thumb { background:#2A2F38; }
  .strip::-webkit-scrollbar-track { background:transparent; }
[data-h="1"]:hover { color:#F2EBDF !important; }
[data-h="2"]:hover { color:#D2953F !important; }
[data-h="3"]:hover { border-color:#F2EBDF !important; }
[data-h="4"]:hover { background:#D2953F !important; }
[data-h="5"]:hover { border-bottom-color:#D2953F !important; }
/* /story and 404: long-form text in the design's type and colours */
.st-wrap { max-width:880px; margin:0 auto; padding:clamp(140px,18vw,190px) clamp(20px,6vw,40px) clamp(80px,10vw,120px); box-sizing:border-box; }
.st-kicker { font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.24em; color:#D2953F; text-transform:uppercase; }
.st-title { margin:18px 0 0; font-family:'Bodoni Moda', Georgia, serif; font-weight:400; font-size:clamp(44px,8vw,96px); line-height:0.95; letter-spacing:-0.025em; }
.st-sub { margin-top:18px; font-size:clamp(15px,1.8vw,17px); color:rgba(242,235,223,0.6); letter-spacing:0.04em; }
.st-sec { margin-top:clamp(64px,9vw,104px); padding-top:28px; border-top:1px solid #20242C; scroll-margin-top:100px; }
.st-h2 { margin:14px 0 26px; font-family:'Bodoni Moda', Georgia, serif; font-weight:400; font-size:clamp(30px,4.6vw,48px); line-height:1.05; letter-spacing:-0.015em; }
.st-p { margin:0 0 1.15em; font-size:clamp(16px,1.9vw,19px); line-height:1.7; color:rgba(242,235,223,0.86); text-wrap:pretty; }
.st-lead { font-family:'Bodoni Moda', Georgia, serif; font-size:clamp(22px,3vw,30px); line-height:1.4; color:#F2EBDF; }
.st-names { font-size:clamp(15px,1.7vw,17px); line-height:1.9; color:rgba(242,235,223,0.72); }
.st-list { list-style:none; margin:0; padding:0; }
.st-list li { display:grid; grid-template-columns:22px 1fr; padding:12px 0; border-top:1px solid #1A1E25; font-size:clamp(15px,1.8vw,18px); line-height:1.6; color:rgba(242,235,223,0.86); }
.st-list li::before { content:'—'; color:#D2953F; }
.st-tl { list-style:none; margin:0; padding:0; }
.st-tl li { display:grid; grid-template-columns:clamp(96px,16vw,150px) 1fr; gap:18px; padding:16px 0; border-top:1px solid #1A1E25; font-size:clamp(15px,1.8vw,18px); line-height:1.6; color:rgba(242,235,223,0.86); }
.st-tl b { font-family:'Bodoni Moda', Georgia, serif; font-weight:400; font-size:clamp(20px,2.6vw,26px); line-height:1.2; color:#D2953F; }
.st-link { color:#D2953F; border-bottom:1px solid rgba(210,149,63,0.5); padding-bottom:3px; }
.st-link:hover { border-bottom-color:#D2953F; }
.st-cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.st-btn { padding:17px 24px; background:#F2EBDF; color:#0A0C0F !important; font-size:12px; font-weight:600; letter-spacing:0.16em; }
.st-btn:hover { background:#D2953F; }
.st-btn.ghost { background:transparent; color:#F2EBDF !important; border:1px solid rgba(242,235,223,0.4); }
.st-btn.ghost:hover { border-color:#D2953F; color:#D2953F !important; }
@media (max-width:600px) { .st-tl li { grid-template-columns:1fr; gap:4px; } }
/* contact form */
.cf { position:relative; display:flex; flex-direction:column; gap:22px; }
.cf-field { display:flex; flex-direction:column; gap:9px; }
.cf-field > span { font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.2em; color:rgba(242,235,223,0.55); text-transform:uppercase; }
.cf input, .cf select, .cf textarea { font-family:Archivo, Helvetica, sans-serif; font-size:16px; line-height:1.5; color:#F2EBDF; background:#0F1116; border:1px solid #2A2F38; border-radius:0; padding:14px 16px; outline:none; box-sizing:border-box; width:100%; transition:border-color 200ms ease; }
.cf select { appearance:none; -webkit-appearance:none; cursor:pointer; background-image:linear-gradient(45deg, transparent 50%, #D2953F 50%), linear-gradient(135deg, #D2953F 50%, transparent 50%); background-position:calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size:6px 6px; background-repeat:no-repeat; padding-right:44px; }
.cf textarea { resize:vertical; min-height:160px; }
.cf input:focus, .cf select:focus, .cf textarea:focus { border-color:#D2953F; }
.cf-hp { position:absolute !important; left:-10000px; width:1px; height:1px; opacity:0; }
.cf-note, .cf-privacy { font-size:14px; line-height:1.6; color:rgba(242,235,223,0.6); }
.cf button { align-self:flex-start; border:0; cursor:pointer; font-family:Archivo, Helvetica, sans-serif; }
.cf button:disabled { opacity:0.6; cursor:wait; }
.cf-status { min-height:1.6em; font-size:15px; line-height:1.6; color:#D2953F; }