/* THE NATURE OF NOTHING — CAST FOR ETERNITY · Gesamtprojekt 2023–2026 · Seiten-Design „Formnaht“
   Eine Gussform hat zwei Hälften. Links das Gusshaus der Fassung 01 (Vakuum, Bronze, Glut · EB Garamond, Space Mono),
   rechts das Weiße Vakuum der Fassung 02 (Papier, Tinte, Ultramarin · Instrument Serif, IBM Plex Mono).
   Die Naht dazwischen ist die Scan-Fläche von 2023 – sie folgt dem Blick. */
@font-face{font-family:"Gar";src:url(../../natureofnothing_2026/fonts/EBGaramond.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Gar";src:url(../../natureofnothing_2026/fonts/EBGaramond-Italic.ttf) format("truetype");font-style:italic;font-display:swap}
@font-face{font-family:"SMono";src:url(../../natureofnothing_2026/fonts/SpaceMono-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"SMono";src:url(../../natureofnothing_2026/fonts/SpaceMono-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Plex";src:url(../../natureofnothing_02/fonts/IBMPlexMono-Light.ttf) format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Plex";src:url(../../natureofnothing_02/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Plex";src:url(../../natureofnothing_02/fonts/IBMPlexMono-Thin.ttf) format("truetype");font-weight:100;font-display:swap}
@font-face{font-family:"Instr";src:url(../../natureofnothing_02/fonts/InstrumentSerif-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Instr";src:url(../../natureofnothing_02/fonts/InstrumentSerif-Italic.ttf) format("truetype");font-style:italic;font-display:swap}
:root{--s:50;--vak:#050507;--vak2:#0d0d10;--brz:#b2773e;--glut:#ff6a1c;--gold:#d8b25a;--fg1:#ece2ce;
--paper:#f3f2ed;--paper2:#e9e8e1;--ink:#0b0b0c;--u:#2a2cff;--grey:#8b867f;
--gar:"Gar",Garamond,Georgia,serif;--sm:"SMono",ui-monospace,Menlo,monospace;--plex:"Plex",ui-monospace,Menlo,monospace;--instr:"Instr",Georgia,serif}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--vak)}
body.non{background:var(--vak);color:var(--fg1);font-family:var(--plex);font-size:14px;line-height:1.65;overflow-x:hidden}
body.non a{color:inherit}
.w{max-width:1320px;margin:0 auto;padding:0 28px}
.seamline{position:absolute;top:0;bottom:0;left:calc(var(--s)*1%);width:1px;background:var(--grey);pointer-events:none;z-index:3}
.split{position:relative;isolation:isolate}
.split>.L,.split>.R{position:absolute;inset:0}
.split>.R{background:var(--paper)}
.split>.L{background:var(--vak);clip-path:inset(0 calc(100% - var(--s)*1%) 0 0);z-index:1}
/* ---------- HERO ---------- */
.n-hero{height:100svh;min-height:560px;overflow:hidden;cursor:ew-resize;touch-action:pan-y}
.n-hero .L img,.n-hero .R img{position:absolute;left:50%;top:52%;height:min(92svh,1100px);width:auto;max-width:none;transform:translate(-50%,-50%);transition:opacity 1.6s ease;user-select:none;-webkit-user-drag:none}
.n-hero img.off{opacity:0}
.n-hero .t{position:absolute;inset:0;z-index:4;pointer-events:none;color:#fff;mix-blend-mode:difference;display:flex;flex-direction:column;justify-content:space-between;padding:96px 28px 34px}
.n-hero .kick{font:400 10px/1.6 var(--plex);letter-spacing:.3em;text-transform:uppercase;max-width:1320px;width:100%;margin:0 auto}
.n-hero h1{font-weight:400;line-height:.86;letter-spacing:-.01em;max-width:1320px;width:100%;margin:0 auto}
.n-hero h1 .a{display:block;font:500 clamp(42px,9.4vw,150px)/.86 var(--gar)}
.n-hero h1 .b{display:block;font:100 clamp(30px,6.6vw,108px)/1 var(--plex);letter-spacing:-.03em;text-align:right}
.n-hero .foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font:400 11px/1.5 var(--plex);letter-spacing:.06em;max-width:1320px;width:100%;margin:0 auto}
.n-hero .foot b{font-weight:400;letter-spacing:.2em}
.n-hero .val{position:absolute;bottom:24px;left:calc(var(--s)*1%);transform:translateX(-50%);z-index:5;font:400 10px/1 var(--plex);letter-spacing:.14em;color:#fff;mix-blend-mode:difference;white-space:nowrap;pointer-events:none}
.n-hero .handle{position:absolute;top:50%;left:calc(var(--s)*1%);width:44px;height:44px;margin:-22px 0 0 -22px;z-index:5;border-radius:50%;border:1px solid #fff;mix-blend-mode:difference;background:transparent;cursor:ew-resize}
.n-hero .handle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.n-hero .cap{position:absolute;right:28px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;z-index:4;font:400 10px/1 var(--plex);letter-spacing:.24em;color:#fff;mix-blend-mode:difference;pointer-events:none;text-transform:uppercase}
/* ---------- NAV ---------- */
.n-nav{position:sticky;top:0;z-index:60;background:var(--vak);border-bottom:1px solid #26262a}
.n-nav .w{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding-top:0;padding-bottom:0}
.n-nav .w::-webkit-scrollbar{display:none}
.n-nav a{flex:none;font:400 11px/1 var(--plex);letter-spacing:.12em;text-transform:uppercase;color:#bdb6aa;text-decoration:none;padding:15px 11px}
.n-nav a:hover,.n-nav a.on{color:#fff}
.n-nav a.f1{color:var(--gold)}.n-nav a.f2{color:#9ea0ff}
.n-nav .sp{flex:1}
/* ---------- Abschnitte ---------- */
.sec{padding:96px 0;position:relative}
.sec.dark{background:var(--vak);color:var(--fg1)}
.sec.paper{background:var(--paper);color:var(--ink)}
.sh{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:baseline;margin-bottom:46px}
.sh .n{font:300 12px/1 var(--plex);letter-spacing:.2em;opacity:.6}
.sh h2{font:400 clamp(30px,4vw,56px)/1 var(--gar);letter-spacing:.01em}
.paper .sh h2{font-family:var(--instr);font-style:italic}
.sh .lat{font:400 10px/1.4 var(--plex);letter-spacing:.24em;text-transform:uppercase;opacity:.6;text-align:right}
.lead{font:400 clamp(19px,1.8vw,25px)/1.45 var(--gar);max-width:54ch}
.paper .lead{font-family:var(--instr)}
.note{font:300 11px/1.6 var(--plex);letter-spacing:.04em;opacity:.7}
/* ---------- ZYKLUS ---------- */
.cyc{display:grid;grid-template-columns:1fr 280px 1fr;min-height:560px}
.cyc>a{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:40px 34px;text-decoration:none;position:relative;overflow:hidden}
.cyc .c1{background:var(--vak);color:var(--fg1)}
.cyc .c0{background:#8b867f;color:#141414}
.cyc .c2{background:var(--paper);color:var(--ink)}
.cyc small{font:400 10px/1.4 var(--plex);letter-spacing:.26em;text-transform:uppercase}
.cyc .c1 small{color:var(--gold)}.cyc .c2 small{color:var(--u)}
.cyc b{display:block;font-weight:400}
.cyc .c1 b{font:500 clamp(34px,3.6vw,58px)/.95 var(--gar)}
.cyc .c0 b{font:400 clamp(24px,2vw,30px)/1.05 var(--gar)}
.cyc .c2 b{font:100 clamp(48px,5vw,84px)/.9 var(--plex);letter-spacing:-.04em}
.cyc p{font-size:13px;line-height:1.6;max-width:44ch}
.cyc .c1 p{font-family:var(--sm);font-size:12px;color:rgba(236,226,206,.78)}
.cyc ul{list-style:none;font:400 11px/1.9 var(--plex);letter-spacing:.06em}
.cyc .c1 ul{font-family:var(--sm)}
.cyc .go{font:400 11px/1 var(--plex);letter-spacing:.2em;text-transform:uppercase}
.cyc .c1 .go{color:var(--glut)}.cyc .c2 .go{color:var(--u)}
.cyc img.bg{position:absolute;right:-12%;bottom:-6%;width:78%;opacity:.5;pointer-events:none;transition:opacity .5s,transform 1.2s}
.cyc .c2 img.bg{mix-blend-mode:multiply;opacity:.38}
.cyc>a:hover img.bg{opacity:.8;transform:scale(1.03)}
.cyc>a>*{position:relative}
.cyc>a>img.bg{position:absolute}
/* ---------- BRONZEN (Formnaht) ---------- */
#bronzen{background:linear-gradient(90deg,var(--vak) 0 calc(var(--s)*1%),var(--paper) calc(var(--s)*1%) 100%)}
#bronzen .sh,#bronzen .lead-row{color:#fff;mix-blend-mode:difference}
.lead-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin:-18px 0 40px;flex-wrap:wrap}
.lead-row p{font:400 13px/1.6 var(--plex);max-width:62ch}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
.tile{position:relative;background:none;border:0;padding:0;cursor:pointer;text-align:left;color:inherit;font:inherit}
.tile .sq{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:var(--paper)}
.tile .sq img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .45s}
.tile .sq .a{clip-path:inset(0 calc(100% - var(--ls,var(--s))*1%) 0 0);z-index:1}
.tile .sq .a2,.tile .sq .b2{opacity:0}
.tile.alt .sq .a2,.tile.alt .sq .b2{opacity:1}
.tile.alt .sq .a1,.tile.alt .sq .b1{opacity:0}
.tile .sq .a2{z-index:2}
.tile .sq::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--ls,var(--s))*1%);width:1px;background:var(--grey);z-index:3}
.tile .cap{display:block;padding:9px 2px 18px;color:#fff;mix-blend-mode:difference}
.tile .cap .nr{font:300 10px/1 var(--plex);letter-spacing:.18em}
.tile .cap b{display:block;font:400 15px/1.15 var(--gar);margin:5px 0 3px}
.tile .cap i{display:block;font:300 10px/1.45 var(--plex);font-style:normal;opacity:.8}
.tile:focus-visible{outline:1px solid var(--u);outline-offset:3px}
/* ---------- FILME ---------- */
.films{display:grid;grid-template-columns:1fr 1fr}
.films>div{padding:64px 34px 70px}
.films .f1{background:var(--vak);color:var(--fg1)}
.films .f2{background:var(--paper);color:var(--ink)}
.films h3{font:400 10px/1.4 var(--plex);letter-spacing:.28em;text-transform:uppercase;margin-bottom:30px}
.films .f1 h3{color:var(--gold);font-family:var(--sm)}.films .f2 h3{color:var(--u)}
.film{margin-bottom:46px}
.film .tt{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:14px 0 8px}
.film .tt b{font-weight:400;font-size:21px;line-height:1.15}
.f1 .film .tt b{font-family:var(--gar)}.f2 .film .tt b{font-family:var(--instr);font-style:italic;font-size:23px}
.film .tt span{font:300 11px/1 var(--plex);letter-spacing:.1em;opacity:.75;white-space:nowrap}
.vid{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.vid.v916{aspect-ratio:9/16}
.vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vid iframe,.vid video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.vid .gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,0) 55%);border:0;color:#fff;cursor:pointer;text-align:left;font:inherit}
.vid .gate .pl{font:400 12px/1 var(--plex);letter-spacing:.22em;text-transform:uppercase}
.vid .gate small{font:300 10px/1.45 var(--plex);opacity:.82;max-width:52ch}
.vid .gate:hover .pl{text-decoration:underline;text-underline-offset:4px}
.chap{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px}
.chap button{background:none;border:0;color:inherit;font:300 11px/1.7 var(--plex);letter-spacing:.03em;cursor:pointer;padding:0;opacity:.78;text-align:left}
.chap button:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.chap button b{font-weight:400}
.f1 .chap button{font-family:var(--sm);font-size:10.5px}
.stories{background:linear-gradient(90deg,var(--vak) 0 calc(var(--s)*1%),var(--paper) calc(var(--s)*1%) 100%);padding:70px 0 84px}
.stories .row{display:grid;grid-template-columns:1.1fr repeat(3,minmax(0,300px));gap:22px;align-items:end}
.stories .intro{color:#fff;mix-blend-mode:difference;align-self:start}
.stories .intro h3{font:400 10px/1.4 var(--plex);letter-spacing:.28em;text-transform:uppercase;margin-bottom:18px}
.stories .intro p{font:400 22px/1.3 var(--instr);font-style:italic;max-width:24ch}
.stories .intro small{display:block;margin-top:16px;font:300 11px/1.6 var(--plex)}
.stories .st .tt{color:#fff;mix-blend-mode:difference;font:300 11px/1.5 var(--plex);letter-spacing:.06em;margin-top:9px}
.stories .st .tt b{font-weight:400;letter-spacing:.2em}
/* ---------- RÄUME ---------- */
.rooms{display:grid;grid-template-columns:1fr 1fr}
.rooms>div{padding:64px 34px 70px}
.rooms .r1{background:var(--vak2);color:var(--fg1)}
.rooms .r2{background:var(--paper2);color:var(--ink)}
.rooms h3{font:400 10px/1.4 var(--plex);letter-spacing:.28em;text-transform:uppercase;margin-bottom:22px}
.rooms .r1 h3{color:var(--gold)}.rooms .r2 h3{color:var(--u)}
.rooms .scene .vid{aspect-ratio:4/3}
.rooms .scene p{margin:14px 0 26px;font-size:13px;line-height:1.6;max-width:56ch}
.rooms .r1 .scene p{font-family:var(--sm);font-size:12px;color:rgba(236,226,206,.8)}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.doors a{display:flex;flex-direction:column;gap:8px;padding:18px 16px 20px;text-decoration:none;min-height:150px}
.r1 .doors a{background:#16161a}.r1 .doors a:hover{background:#221a12}
.r2 .doors a{background:#f8f7f3}.r2 .doors a:hover{background:#fff}
.doors small{font:400 9.5px/1.4 var(--plex);letter-spacing:.24em;text-transform:uppercase;opacity:.7}
.doors b{font-weight:400;font-size:19px;line-height:1.1}
.r1 .doors b{font-family:var(--gar)}.r2 .doors b{font-family:var(--plex);font-weight:300;letter-spacing:.04em}
.doors span{font-size:11.5px;line-height:1.5;opacity:.82}
.r1 .doors span{font-family:var(--sm);font-size:10.5px}
/* ---------- SCANS 2023 ---------- */
#scans{background:#8b867f;color:#111}
#scans .sh h2{font-family:var(--gar)}
.scan-top{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;margin-bottom:46px}
.scan-top blockquote{font:400 clamp(21px,2vw,30px)/1.35 var(--gar)}
.scan-top blockquote small{display:block;margin-top:14px;font:400 11px/1.6 var(--plex);letter-spacing:.06em}
.scan-top dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;font:400 12px/1.55 var(--plex)}
.scan-top dt{letter-spacing:.18em;text-transform:uppercase;font-size:10px;padding-top:2px;opacity:.75}
.sf .bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:400 11px/1.4 var(--plex);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.sf .viewer{position:relative;aspect-ratio:16/9;background:#2b2a28;overflow:hidden}
.sf .viewer iframe,.sf .viewer img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.sf .viewer .gate{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px;cursor:pointer;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0) 50%);border:0;color:#fff;font:400 12px/1 var(--plex);letter-spacing:.22em;text-transform:uppercase;width:100%}
.sf .nm{font:400 12px/1.5 var(--plex);margin:9px 0 14px;min-height:1.5em}
.sf .strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:2px}
.sf .strip button{position:relative;border:0;padding:0;background:#2b2a28;cursor:pointer;text-align:left;color:#fff}
.sf .strip img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.88;transition:opacity .2s}
.sf .strip button:hover img,.sf .strip button.on img{opacity:1}
.sf .strip button.on{outline:2px solid #111;outline-offset:-2px}
.sf .strip span{display:block;font:300 9.5px/1.35 var(--plex);padding:5px 6px 7px;background:#1b1a19;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ---------- ZEIT ---------- */
#zeit{background:var(--vak);color:var(--fg1)}
.axis{position:relative;height:250px;margin:40px 0 10px;cursor:crosshair;touch-action:pan-y}
.axis .ln{position:absolute;left:0;right:0;top:150px;height:1px;background:linear-gradient(90deg,var(--brz),#77736c 50%,var(--u))}
.axis .tick{position:absolute;top:144px;width:1px;height:13px;background:#5d5a55}
.axis .tick span{position:absolute;top:18px;left:0;transform:translateX(-50%);font:300 10px/1 var(--plex);color:#8e8a83;white-space:nowrap}
.axis .ev{position:absolute;top:0;height:150px;width:1px;background:currentColor}
.axis .ev span{position:absolute;top:var(--y,0px);left:6px;width:180px;font:400 11px/1.35 var(--plex);color:inherit}
.axis .ev span b{display:block;font:400 15px/1.15 var(--gar)}
.axis .ev.e1{color:var(--gold)}.axis .ev.e2{color:#9ea0ff}.axis .ev.e0{color:#cfc9bf}
.axis .ev.flip span{left:auto;right:6px;text-align:right}
.axis .cur{position:absolute;top:110px;height:80px;width:1px;background:#fff;pointer-events:none;display:none}
.readout{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:40px}
.readout div{background:#121215;padding:16px 18px}
.readout small{display:block;font:400 9.5px/1.4 var(--plex);letter-spacing:.22em;text-transform:uppercase;color:#8e8a83;margin-bottom:6px}
.readout b{font:300 22px/1.15 var(--plex);font-weight:300;color:#fff}
/* ---------- QUELLEN ---------- */
#quellen{background:var(--paper);color:var(--ink)}
.refs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:56px}
.refs a{background:#fff;padding:18px 18px 22px;text-decoration:none;display:flex;flex-direction:column;gap:6px;min-height:118px}
.refs a:hover{background:var(--ink);color:var(--paper)}
.refs small{font:400 9.5px/1.4 var(--plex);letter-spacing:.2em;text-transform:uppercase;opacity:.65}
.refs b{font:400 18px/1.2 var(--instr);font-style:italic}
.facts{display:grid;grid-template-columns:1fr 300px;gap:56px}
table.dl{width:100%;border-collapse:collapse;font:300 12.5px/1.6 var(--plex)}
table.dl td{padding:10px 0;border-top:1px solid rgba(11,11,12,.16);vertical-align:top}
table.dl td:first-child{width:130px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;font-size:10px;padding-top:13px}
.qr{display:grid;gap:22px;align-content:start}
.qr a{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;text-decoration:none}
.qr img{width:76px;height:76px;display:block;mix-blend-mode:multiply}
.qr small{font:400 9.5px/1.45 var(--plex);letter-spacing:.16em;text-transform:uppercase}
.qr b{display:block;font:400 15px/1.2 var(--instr);font-style:italic;letter-spacing:0;text-transform:none;margin-top:3px}
/* ---------- responsiv ---------- */
@media (max-width:1100px){.tiles{grid-template-columns:repeat(4,1fr)}.stories .row{grid-template-columns:repeat(3,1fr)}.stories .intro{grid-column:1/-1}}
@media (max-width:900px){
 .cyc{grid-template-columns:1fr}.cyc .c0{order:-1;min-height:0}.cyc>a{padding:34px 22px;min-height:340px}.cyc .c0{min-height:0}
 .films,.rooms{grid-template-columns:1fr}.films>div,.rooms>div{padding:52px 20px}
 .scan-top,.facts{grid-template-columns:1fr;gap:34px}.refs{grid-template-columns:1fr 1fr}
 .readout{grid-template-columns:1fr 1fr}.sh{grid-template-columns:1fr;gap:8px}.sh .lat{text-align:left}
}
@media (max-width:640px){
 .w{padding:0 16px}.sec{padding:66px 0}
 .tiles{grid-template-columns:repeat(2,1fr)}
 .n-hero .t{padding:86px 16px 28px}.n-hero .cap{display:none}
 .n-hero .L img,.n-hero .R img{height:auto;width:118vw}
 .doors{grid-template-columns:1fr}.doors a{min-height:0}
 .refs{grid-template-columns:1fr}.stories .row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .stories .st .tt{font-size:9.5px}
 .axis{height:300px}.axis .ev span{width:132px;font-size:10px}.axis .ev span b{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.n-hero img{transition:none}}
.axis-wrap{overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
@media (max-width:900px){.axis{min-width:980px;height:250px}.axis .ev span{width:170px;font-size:11px}.axis .ev span b{font-size:14px}}
@media (max-width:640px){.n-hero .val{bottom:auto;top:78px}.n-hero .handle{top:62%}}
.vid.sv video{object-fit:cover}
.vid .snd{position:absolute;left:10px;bottom:10px;z-index:2;background:rgba(0,0,0,.55);color:#fff;border:0;font:400 10px/1 var(--plex);letter-spacing:.18em;text-transform:uppercase;padding:8px 10px;cursor:pointer}
.vid .snd[aria-pressed="true"]{background:var(--u)}
/* QR für mobile Geräte – dezent im Hero, folgt der Naht über Differenz */
.n-hero .mqr{position:absolute;right:28px;top:92px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-decoration:none}
.n-hero .mqr svg{width:84px;height:84px;display:block;box-sizing:content-box;padding:7px;background:var(--paper);color:var(--ink)}
.n-hero .mqr span{color:#fff;mix-blend-mode:difference;font:400 9px/1 var(--plex);letter-spacing:.24em;text-transform:uppercase}
.n-hero .mqr:hover svg{width:132px;height:132px}
.n-hero .mqr svg{transition:width .25s,height .25s}
@media (max-width:900px){.n-hero .mqr{display:none}}