@font-face{font-family:"Big Shoulders Display";font-weight:800;font-display:swap;src:url(/fonts/big-shoulders-display-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-weight:900;font-display:swap;src:url(/fonts/big-shoulders-display-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Libre Franklin";font-weight:400;font-display:swap;src:url(/fonts/libre-franklin-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Libre Franklin";font-weight:600;font-display:swap;src:url(/fonts/libre-franklin-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-weight:500;font-display:swap;src:url(/fonts/dm-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --ink:#121314;--siding:#1b1d1f;--paper:#F3F0E8;--paper2:#E9E4D8;--paper3:#FBF9F4;
  --text:#1c1d1e;--muted:#58544d;--stamp:#B5122B;--stamp-lt:#FF8A94;--steel:#A7B1B8;--line:#cfc8b8;
  --ff-h:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--ff-b:"Libre Franklin",system-ui,sans-serif;--ff-m:"DM Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.22,.8,.24,1);--cut:3.2vw;--w:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font:400 1.0625rem/1.65 var(--ff-b);overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--ff-h);font-weight:800;line-height:.95;letter-spacing:.01em;text-transform:uppercase;margin:0}
p{margin:0 0 1rem}
.wrap{width:min(var(--w),100% - 2.5rem);margin-inline:auto}
.nb{white-space:nowrap}
.mono{font:500 .78rem/1.3 var(--ff-m);letter-spacing:.12em;text-transform:uppercase}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.7rem 1rem;z-index:300}
.skip-link:focus{left:0}
:focus-visible{outline:3px solid var(--stamp);outline-offset:3px}
.dark :focus-visible,.drawer :focus-visible,.site-footer :focus-visible,.intro :focus-visible{outline-color:var(--stamp-lt)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.7rem 1.35rem;border:2px solid var(--ink);background:var(--ink);color:#fff;font:600 .95rem/1 var(--ff-b);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .18s var(--ease),background .18s,color .18s,box-shadow .18s;box-shadow:4px 4px 0 var(--stamp)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--stamp)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--stamp)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:4px 4px 0 var(--line)}
.btn.ghost:hover{box-shadow:6px 6px 0 var(--ink)}
.dark .btn{background:var(--paper);color:var(--ink);border-color:var(--paper);box-shadow:4px 4px 0 var(--stamp)}
.dark .btn.ghost{background:transparent;color:var(--paper);box-shadow:4px 4px 0 #3b4044}
.dark .btn.ghost:hover{box-shadow:6px 6px 0 var(--stamp-lt)}
.btn-row{display:flex;flex-wrap:wrap;gap:.9rem 1.1rem}
.btn svg{width:1.05em;height:1.05em;flex:none}

/* header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(243,240,232,.94);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}
.site-header .in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.brand{display:flex;flex-direction:column;text-decoration:none;line-height:.9}
.brand b{font:900 1.65rem/.9 var(--ff-h);letter-spacing:.04em;text-transform:uppercase}
.brand span{font:500 .66rem/1.2 var(--ff-m);letter-spacing:.2em;text-transform:uppercase;color:var(--stamp);margin-top:.2rem}
.head-actions{display:flex;align-items:center;gap:.7rem}
.head-actions .btn{min-height:44px;padding:.55rem 1rem;box-shadow:3px 3px 0 var(--stamp)}
.head-actions .btn .long{display:none}
@media(min-width:720px){.head-actions .btn .long{display:inline}.head-actions .btn .short{display:none}}
.menu-btn{width:48px;height:48px;border:2px solid var(--ink);background:transparent;display:grid;place-content:center;gap:6px;cursor:pointer;padding:0}
.menu-btn i{display:block;width:24px;height:3px;background:var(--ink);transition:transform .3s var(--ease),opacity .2s}
.menu-btn[aria-expanded=true] i:nth-child(1){transform:translateY(9px) rotate(45deg)}
.menu-btn[aria-expanded=true] i:nth-child(2){opacity:0}
.menu-btn[aria-expanded=true] i:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.scrim{position:fixed;inset:0;background:rgba(10,11,12,.6);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:190}
.scrim.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--ink) repeating-linear-gradient(90deg,#141618 0 7px,#202325 7px 9px,#0f1112 9px 10px);color:var(--paper);z-index:200;transform:translateX(102%);visibility:hidden;transition:transform .42s var(--ease),visibility 0s .42s;display:flex;flex-direction:column;padding:1.25rem 1.5rem 1.75rem;overflow-y:auto;border-left:3px solid var(--stamp)}
.drawer.open{transform:none;visibility:visible;transition:transform .42s var(--ease)}
.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.drawer-top .mono{color:var(--steel)}
.drawer .close{width:48px;height:48px;border:2px solid var(--paper);background:transparent;color:var(--paper);font-size:1.6rem;cursor:pointer;line-height:1}
.drawer nav a{display:block;font:900 clamp(2.4rem,9vw,3.4rem)/1.02 var(--ff-h);text-transform:uppercase;text-decoration:none;padding:.35rem 0;border-bottom:1px solid #34393d;transition:padding .25s var(--ease),color .2s}
.drawer nav a:hover,.drawer nav a[aria-current=page]{color:var(--stamp-lt);padding-left:.75rem}
.drawer .d-info{margin-top:auto;padding-top:1.75rem;color:var(--steel);font-size:.95rem}
.drawer .d-info a{color:var(--paper)}
.drawer .btn{margin-top:1rem;width:100%}
body.lock{overflow:hidden}

/* intro */
.intro{display:none}
html.has-intro .intro{display:block;position:fixed;inset:0;z-index:500;overflow:hidden}
html.has-intro body{overflow:hidden}
.intro .half{position:absolute;inset:0;background:#121416 repeating-linear-gradient(90deg,#141618 0 7px,#23272a 7px 9px,#0f1112 9px 10px);transition:transform .95s cubic-bezier(.7,0,.2,1)}
.intro .top{clip-path:polygon(0 0,100% 0,100% 36%,0 64%)}
.intro .bot{clip-path:polygon(0 64%,100% 36%,100% 100%,0 100%)}
.intro.go .top{transform:translateY(-102%)}
.intro.go .bot{transform:translateY(102%)}
.intro .mark{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--paper);transition:opacity .3s}
.intro .mark b{display:block;font:900 clamp(2.6rem,11vw,6.5rem)/.9 var(--ff-h);text-transform:uppercase;letter-spacing:.05em;clip-path:inset(0 100% 0 0);animation:wipe .6s .1s var(--ease) forwards}
.intro .mark span{display:block;margin-top:.7rem;font:500 clamp(.7rem,2.4vw,.95rem)/1 var(--ff-m);letter-spacing:.34em;text-transform:uppercase;color:var(--stamp-lt);opacity:0;animation:fadein .4s .5s forwards}
.intro.go .mark{opacity:0}
.intro svg.cut{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.intro svg.cut line{stroke:#fff;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px #fff);animation:draw .5s .85s cubic-bezier(.7,0,.3,1) forwards}
.intro.go svg.cut{opacity:0;transition:opacity .25s}
.intro .skip{position:absolute;right:1rem;bottom:1rem;z-index:5;background:transparent;color:var(--paper);border:1px solid var(--steel);padding:.7rem 1rem;min-height:44px;font:500 .78rem var(--ff-m);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
@keyframes fadein{to{opacity:1}}
@keyframes draw{to{stroke-dashoffset:0}}

/* hero */
.hero{position:relative;padding:clamp(2rem,5vw,4rem) 0 clamp(5rem,9vw,8rem);background:
  linear-gradient(var(--paper),var(--paper))}
.hero .grid{display:grid;gap:2.2rem;align-items:center}
@media(min-width:900px){.hero .grid{grid-template-columns:1.25fr .75fr;gap:3rem}}
.hero .eyebrow{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;color:var(--muted);margin-bottom:1.1rem}
.hero .eyebrow .chip{background:var(--ink);color:var(--paper);padding:.45rem .7rem}
.hero .eyebrow .chip.open{background:var(--stamp)}
.hero h1{font-size:clamp(2.7rem,10.6vw,5.7rem);font-weight:900;line-height:.86;letter-spacing:.005em;margin-bottom:1.4rem}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .ln>span{display:block}
.hero h1 em{font-style:normal;color:var(--stamp)}
.hero .lede{font-size:1.15rem;max-width:34rem;color:var(--muted);margin-bottom:1.6rem}
.hero .lede strong{color:var(--text)}
.js .hero h1 .ln>span{transform:translateY(105%)}
html.ready .hero h1 .ln>span{transform:none;transition:transform .8s var(--ease)}
html.ready .hero h1 .ln:nth-child(2)>span{transition-delay:.08s}
html.ready .hero h1 .ln:nth-child(3)>span{transition-delay:.16s}
.js .hero .fade{opacity:0;transform:translateY(12px)}
html.ready .hero .fade{opacity:1;transform:none;transition:opacity .6s .35s,transform .6s .35s var(--ease)}
.roundel{position:relative;width:min(100%,360px);aspect-ratio:1;margin-inline:auto}
.roundel .photo{position:absolute;inset:13%;border-radius:50%;overflow:hidden;border:3px solid var(--ink);background:#000}
.roundel .photo img{width:100%;height:100%;object-fit:cover}
.roundel svg.ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 14s var(--ease) 1 both}
.roundel svg.ring text{font:500 13px var(--ff-m);letter-spacing:.1em;text-transform:uppercase;fill:var(--ink)}
@keyframes spin{from{transform:rotate(-200deg)}to{transform:none}}
.stamp{position:absolute;right:-4%;bottom:2%;display:grid;place-content:center;width:36%;aspect-ratio:1;border-radius:50%;border:3px double var(--stamp);color:var(--stamp);background:rgba(243,240,232,.9);text-align:center;font:900 1.2rem/.9 var(--ff-h);text-transform:uppercase;transform:rotate(-12deg);box-shadow:0 0 0 3px var(--paper)}
.stamp small{display:block;font:500 .5rem/1.2 var(--ff-m);letter-spacing:.15em;margin-top:.3rem}
.js .stamp{opacity:0;transform:scale(2.4) rotate(-26deg)}
html.ready .stamp{animation:thump .55s .55s cubic-bezier(.2,.9,.3,1.25) forwards}
@keyframes thump{60%{opacity:1;transform:scale(.94) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(-12deg)}}

/* cut-edged bands */
.band{position:relative;padding:calc(var(--cut) + clamp(2.5rem,6vw,5rem)) 0}
.band.dark{background:var(--ink) repeating-linear-gradient(90deg,#141618 0 7px,#212528 7px 9px,#0f1112 9px 10px);color:var(--paper);clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%);margin:calc(var(--cut) * -1) 0}
.band.p2{background:var(--paper2);clip-path:polygon(0 0,100% var(--cut),100% 100%,0 calc(100% - var(--cut)));margin:calc(var(--cut) * -1) 0}
.band.flat{padding:clamp(3rem,6vw,5rem) 0}
.sec-label{display:inline-block;color:var(--stamp);margin-bottom:.9rem}
.dark .sec-label{color:var(--stamp-lt)}
h2{font-size:clamp(2.4rem,6.5vw,4.6rem);margin-bottom:1.1rem}
.summary{display:grid;gap:1.5rem;font-size:1.2rem;max-width:62rem}
.summary p{max-width:48rem}
.summary b{font-weight:600}

/* storefront band */
.store{display:grid;gap:2.5rem;align-items:center}
@media(min-width:900px){.store{grid-template-columns:1.15fr .85fr;gap:3.5rem}}
.frame{position:relative;border:3px solid var(--paper);padding:6px;background:#000;max-width:940px}
.frame img{width:100%;height:auto;filter:contrast(1.02)}
.frame figcaption{position:absolute;left:-3px;bottom:-1.1rem;background:var(--stamp);color:#fff;padding:.5rem .8rem;max-width:90%}
.hours{width:100%;border-collapse:collapse;margin:1.1rem 0 1.2rem}
.hours th,.hours td{padding:.6rem .2rem;border-bottom:1px solid #394045;text-align:left;font-weight:400}
.hours td{text-align:right;font-family:var(--ff-m);font-weight:500;font-size:.95rem}
.hours tr.today th,.hours tr.today td{color:var(--stamp-lt);font-weight:600}
.hours tr.today th::after{content:" - today";font:500 .7rem var(--ff-m);letter-spacing:.1em;text-transform:uppercase}
.hours .closed td{color:var(--steel)}
.paper .hours th,.paper .hours td{border-color:var(--line)}
.paper .hours tr.today th,.paper .hours tr.today td{color:var(--stamp)}
.paper .hours .closed td{color:var(--muted)}
.paper .hours td{color:var(--text)}

/* reviews: wrapping paper slips */
.slips{display:grid;gap:1.6rem;margin-top:1.5rem}
@media(min-width:800px){.slips{grid-template-columns:1.4fr 1fr 1fr;align-items:stretch}}
.slip{background:var(--paper3);border:2px solid var(--ink);padding:1.5rem;position:relative;box-shadow:6px 6px 0 var(--ink)}
.slip:nth-child(1){transform:rotate(-.8deg)}.slip:nth-child(2){transform:rotate(.7deg)}.slip:nth-child(3){transform:rotate(-.4deg)}
.slip .big{font:900 clamp(3.6rem,8vw,5.4rem)/.85 var(--ff-h);color:var(--stamp)}
.slip blockquote{margin:.4rem 0 .9rem;font-size:1.25rem;line-height:1.4;font-weight:600}
.slip .src{color:var(--muted)}
.slip::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:24px;margin-left:-42px;background:rgba(181,18,43,.82);transform:rotate(-3deg)}

/* cut chart */
.chart-wrap{display:grid;gap:2rem;align-items:start}
@media(min-width:960px){.chart-wrap{grid-template-columns:1.2fr .8fr;gap:3rem}}
.chart{background:var(--paper3);border:2px solid var(--ink);padding:1rem;box-shadow:6px 6px 0 var(--ink)}
.chart svg{width:100%;height:auto}
.chart .zone{fill:#ece6d8;stroke:var(--ink);stroke-width:2;cursor:pointer;transition:fill .2s}
.chart .zone:hover{fill:#f1c9ce}
.chart .zone.on{fill:var(--stamp)}
.chart .zone.asked{fill:#e8b2b9}
.chart .zone.on.asked{fill:var(--stamp)}
.chart .zl{font:500 11.5px var(--ff-m);letter-spacing:.1em;fill:var(--ink);pointer-events:none;text-transform:uppercase}
.chart .zone.on+.zl,.chart .zl.on{fill:#fff}
.chart .body-line{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.chart .head{fill:var(--ink)}
.chart .eye{fill:var(--paper)}
.chart-note{margin:.8rem .2rem .2rem;color:var(--muted);font-size:.9rem}
.cutlist{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}
.cutlist button{min-height:44px;padding:.5rem .9rem;border:2px solid var(--ink);background:transparent;font:500 .78rem var(--ff-m);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}
.cutlist button:hover{background:var(--paper2)}
.cutlist button[aria-pressed=true]{background:var(--ink);color:#fff}
.panel{background:var(--ink);color:var(--paper);padding:1.6rem;border-left:6px solid var(--stamp);min-height:20rem}
.panel h3{font-size:clamp(2.4rem,5vw,3.4rem);color:var(--paper);margin-bottom:.3rem}
.panel .mono{color:var(--stamp-lt)}
.panel p{color:#d9d6cd}
.panel dl{margin:1rem 0 1.3rem}
.panel dt{font:500 .72rem var(--ff-m);letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-top:.9rem}
.panel dd{margin:.15rem 0 0}
.panel .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.panel .btn[aria-pressed=true]{background:var(--stamp);color:#fff;border-color:var(--stamp);box-shadow:4px 4px 0 var(--paper)}
.panel.swap{animation:panelin .35s var(--ease)}
@keyframes panelin{from{opacity:.2;transform:translateX(10px)}}
.note{margin-top:2rem;background:var(--paper3);border:2px dashed var(--ink);padding:1.4rem}
.note h3{font-size:2rem;margin-bottom:.6rem}
.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0 1rem;padding:0;list-style:none;min-height:2.2rem}
.chips li{display:flex;align-items:center;gap:.4rem;background:var(--ink);color:#fff;padding:.3rem .3rem .3rem .75rem;font:500 .78rem var(--ff-m);letter-spacing:.1em;text-transform:uppercase}
.chips button{width:32px;height:32px;border:0;background:#33383c;color:#fff;cursor:pointer;font-size:1rem;line-height:1}
.chips .empty{background:transparent;color:var(--muted);padding:0;letter-spacing:.05em;text-transform:none;font-family:var(--ff-b)}
.note textarea{width:100%;min-height:7.5rem;padding:.8rem;border:2px solid var(--ink);background:#fff;font:400 1rem/1.5 var(--ff-b);resize:vertical;color:var(--text)}
.note .small{font-size:.88rem;color:var(--muted);margin:.6rem 0 1rem}
.toast{font:500 .8rem var(--ff-m);color:var(--stamp);margin-left:.4rem;min-height:1.2rem}
.mini-chart{max-width:520px}
.mini-chart .zone{fill:#2a2e31;stroke:var(--paper);stroke-width:2;transition:fill .25s}
.mini-chart a:hover .zone,.mini-chart a:focus-visible .zone{fill:var(--stamp)}
.mini-chart .head{fill:var(--paper)}.mini-chart .eye{fill:var(--ink)}.mini-chart .body-line{stroke:var(--paper)}
.mini-chart .zl{font:500 11px var(--ff-m);letter-spacing:.1em;fill:var(--paper);text-transform:uppercase;pointer-events:none}
.teaser{display:grid;gap:2.5rem;align-items:center}
@media(min-width:900px){.teaser{grid-template-columns:.9fr 1.1fr}}
.teaser p{color:#d9d6cd;max-width:34rem}

/* faq */
.faq{max-width:52rem}
.faq details{border-top:2px solid var(--ink);padding:.2rem 0}
.faq details:last-child{border-bottom:2px solid var(--ink)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;font:800 1.5rem/1.1 var(--ff-h);text-transform:uppercase;padding:1rem 0;min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.8rem;transition:transform .25s var(--ease);flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 1.2rem;max-width:42rem;color:var(--muted)}

/* inner pages */
.page-head{padding:clamp(2.5rem,6vw,4.5rem) 0 calc(var(--cut) + 3rem)}
.page-head h1{font-size:clamp(2.8rem,9vw,6.6rem);font-weight:900;line-height:.9;max-width:16ch}
.page-head h1 em{font-style:normal;color:var(--stamp)}
.page-head p{max-width:40rem;color:var(--muted);font-size:1.15rem;margin-top:1.1rem}
.crumbs{margin-bottom:1.2rem;color:var(--muted)}
.crumbs a{text-decoration:none;border-bottom:1px solid currentColor}
.cols{display:grid;gap:2.5rem}
@media(min-width:900px){.cols{grid-template-columns:1fr 1fr;gap:4rem}}
.facts{list-style:none;padding:0;margin:0}
.facts li{display:grid;gap:.15rem;padding:.9rem 0;border-top:1px solid var(--line)}
.facts li:last-child{border-bottom:1px solid var(--line)}
.facts .mono{color:var(--stamp)}
.dark .facts li{border-color:#394045}.dark .facts .mono{color:var(--stamp-lt)}
.facts a{font-weight:600}
.pull{font:800 clamp(1.9rem,4.4vw,3rem)/1.05 var(--ff-h);text-transform:uppercase;max-width:22ch}
.pull em{font-style:normal;color:var(--stamp)}
.prose p{max-width:40rem}

/* footer */
.site-footer{background:var(--ink) repeating-linear-gradient(90deg,#141618 0 7px,#212528 7px 9px,#0f1112 9px 10px);color:var(--paper);padding:clamp(3rem,6vw,4.5rem) 0 2rem;margin-top:0}
.foot-grid{display:grid;gap:2.2rem}
@media(min-width:800px){.foot-grid{grid-template-columns:1.3fr 1fr 1fr}}
.site-footer h2{font-size:1.6rem;color:var(--stamp-lt);margin-bottom:.8rem}
.site-footer .big{font:900 clamp(2.4rem,6vw,3.6rem)/.9 var(--ff-h);text-transform:uppercase}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:.3rem 0}
.site-footer a{text-decoration:none;border-bottom:1px solid #4a5156}
.site-footer a:hover{border-color:var(--stamp-lt)}
.site-footer address{font-style:normal}
.credit{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid #394045;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;color:var(--steel);font-size:.92rem}
.credit a{color:var(--paper);font-weight:600}

/* reveal */
.js [data-r]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js [data-r].in{opacity:1;transform:none}
.js .slip[data-r].in:nth-child(1){transform:rotate(-.8deg)}.js .slip[data-r].in:nth-child(2){transform:rotate(.7deg)}.js .slip[data-r].in:nth-child(3){transform:rotate(-.4deg)}
.js [data-r="2"]{transition-delay:.1s}.js [data-r="3"]{transition-delay:.2s}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .hero h1 .ln>span,.js .hero .fade,.js [data-r]{opacity:1!important;transform:none!important}
  .js .stamp{opacity:1;transform:rotate(-12deg)}
  .js .slip[data-r]:nth-child(1){transform:rotate(-.8deg)!important}.js .slip[data-r]:nth-child(2){transform:rotate(.7deg)!important}.js .slip[data-r]:nth-child(3){transform:rotate(-.4deg)!important}
  html.has-intro .intro{display:none}
}
.hero .grid>*,.store>*,.teaser>*,.cols>*,.chart-wrap>*,.slips>*,.foot-grid>*{min-width:0}
.hero{overflow-x:clip}
.roundel .stamp{right:0}
html,body{overflow-x:clip}
@media(min-width:900px){.hero h1{font-size:clamp(3.4rem,6.1vw,5.4rem)}}
.roundel .stamp{right:6%;bottom:5%;width:32%}
.roundel svg.ring{animation-duration:3.2s}
.cols{align-items:start}.frame{align-self:start}