@font-face{font-family:"Fraunces";font-style:normal;font-weight:700 900;font-display:swap;
src:url("fonts/fraunces-roman.woff2") format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:500 900;font-display:swap;
src:url("fonts/fraunces-italic.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 700;font-display:swap;
src:url("fonts/hanken-roman.woff2") format("woff2")}
@font-face{font-family:"Spline Sans Mono";font-style:normal;font-weight:400 700;font-display:swap;
src:url("fonts/spline-roman.woff2") format("woff2")}
@font-face{font-family:"Fraunces-fb";font-style:normal;font-weight:400 900;
src:local("Georgia Bold"),local("Georgia");
size-adjust:101%;ascent-override:96.8%;descent-override:25.2%;line-gap-override:0%}
@font-face{font-family:"Fraunces-fb";font-style:italic;font-weight:400 900;
src:local("Georgia Bold Italic"),local("Georgia Italic"),local("Georgia");
size-adjust:96%;ascent-override:101.9%;descent-override:26.6%;line-gap-override:0%}
@font-face{font-family:"Hanken-fb";font-style:normal;font-weight:400 700;
src:local("Segoe UI"),local("Helvetica Neue"),local("Arial");
size-adjust:103%;ascent-override:97.1%;descent-override:29.4%;line-gap-override:0%}
@font-face{font-family:"Spline-fb";font-style:normal;font-weight:400 700;
src:local("Cascadia Mono"),local("Consolas"),local("Menlo"),local("DejaVu Sans Mono"),local("Courier New");
size-adjust:102%;ascent-override:94.5%;descent-override:23.2%;line-gap-override:0%}
:root{
--paper:#F3ECDA;
--paper-2:#F8F2E3;
--paper-3:#FDFAF0;
--ink:#1F1810;
--ink-2:#4A4133;
--ink-3:#6E6247;
--orange:#FF5A0F;
--orange-deep:#B23A08;
--rust:#7E2F0B;
--blue:#2B54CC;
--blue-deep:#1E3EA8;
--navy:#131F52;
--yellow:#F6C244;
--sand-2:#CEC4B2;
--sand-3:#C9BCA4;
--sand-5:#B3A483;
--sand-6:#A99A85;
--bark:#382D22;
--r-trim:0;
--r-in:0;
--r-panel:0;
--r-sheet:0;
--trim-h:2.72em;
--trim:calc(var(--cut-tan) * var(--trim-h));
--f-display:"Fraunces","Fraunces-fb",Georgia,serif;
--f-body:"Hanken Grotesk","Hanken-fb",system-ui,sans-serif;
--f-mono:"Spline Sans Mono","Spline-fb",ui-monospace,"Cascadia Mono",monospace;
--t-xs:.8rem;
--t-sm:.875rem;
--t-body:clamp(1.02rem,.85vw,1.15rem);
--t-body-sm:1rem;
--step-hero:clamp(2.55rem,7.4vw,7rem);
--step-h2:clamp(2.2rem,5.7vw,5.7rem);
--step-h3:clamp(1.75rem,3.1vw,3.2rem);
--step-lead:clamp(1.1rem,1.15vw,1.35rem);
--wrap:min(1240px,92vw);
--gutter:clamp(.9rem,4vw,3rem);
--hdr:64px;
--ease-out:cubic-bezier(.19,1,.22,1);
--ease-spring:cubic-bezier(.34,1.56,.64,1);
--seam:50;
--cut-tan:.19438;
--cut-half:calc(var(--cut-tan) / 2);
--lift:5px 6px 0 rgba(31,24,16,.9);
--lift-hi:8px 10px 0 rgba(31,24,16,.9);
--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
--grain-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.578' numOctaves='2' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.32' intercept='0.34'/%3E%3CfeFuncG type='linear' slope='0.32' intercept='0.34'/%3E%3CfeFuncB type='linear' slope='0.32' intercept='0.34'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
color-scheme:light;}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
dialog{margin:auto}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{
font-family:var(--f-body);
background:var(--paper);
color:var(--ink);
line-height:1.6;
font-weight:450;
overflow-x:clip;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--f-display);font-optical-sizing:auto;font-weight:800;line-height:1;letter-spacing:-.02em;text-wrap:balance}
ul,ol,dl,dd{list-style:none;padding:0;margin:0}
strong{font-weight:700}
::selection{background:var(--ink);color:var(--paper)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}
.site-footer :focus-visible{outline-color:var(--paper-3)}
section[id]{scroll-margin-top:calc(var(--hdr) + 8px)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:var(--wrap);margin-inline:auto}
.skip{position:fixed;top:0;left:50%;transform:translate(-50%,-120%);z-index:9600;
font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);letter-spacing:.1em;text-transform:uppercase;
color:var(--paper-3);background:var(--ink);
border:2px solid var(--paper-3);
padding:.8em 1.4em;
transition:transform .22s var(--ease-out)}
.skip:focus{transform:translate(-50%,0)}
main:focus{outline:none}
.grain{
position:fixed;inset:-40%;z-index:9000;pointer-events:none;
background-image:var(--grain);
opacity:.04;mix-blend-mode:multiply;}
.kicker{display:inline-flex;align-items:center;gap:.6em;font-family:var(--f-mono);font-weight:600;
font-size:var(--t-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.kicker::before{content:"";width:1.7em;height:1.6px;background:currentColor;opacity:.6}
.tagline{display:inline-block;font-family:var(--f-mono);font-weight:600;font-size:var(--t-sm);
letter-spacing:.13em;text-transform:uppercase;color:var(--orange-deep)}
.hl{display:inline-block;overflow:hidden;vertical-align:bottom;
padding:0 .1em .13em .02em;margin:0 -.1em -.13em -.02em}
.hl>span{display:inline-block;will-change:transform}
.js .hl>span{transform:translateY(118%);transition:transform .6s var(--law,var(--ease-out))}
.js .hl:last-of-type>span{transition-delay:.07s}
.js .reveal.in .hl>span,
.js .hero.ready .hl>span{transform:translateY(0)}
.btn{
--bg:var(--ink);--fg:var(--paper-3);
--trim-h:2.9em;
display:inline-flex;align-items:center;justify-content:center;gap:.6em;
font-family:var(--f-display);font-weight:800;font-size:var(--t-body);letter-spacing:-.005em;
line-height:1.1;
padding:.85em calc(1.5em + var(--trim)) .85em 1.5em;
border:0;border-radius:0;
background:var(--bg);color:var(--fg);position:relative;
clip-path:polygon(0 0,100% 0,calc(100% - var(--trim)) 100%,0 100%);
filter:drop-shadow(5px 6px 0 rgba(31,24,16,.9));
transition:filter .2s var(--ease-out),background .25s,color .25s,translate .2s var(--ease-out);}
.btn::after{content:"→";font-family:var(--f-mono);font-weight:700;transition:transform .25s var(--ease-out)}
.btn:hover{translate:-2px -2px;filter:drop-shadow(8px 10px 0 rgba(31,24,16,.9))}
.btn:hover::after{transform:translateX(4px)}
.btn:active{translate:2px 3px;filter:drop-shadow(1px 1px 0 rgba(31,24,16,.9))}
.btn:focus-visible{outline:none;
box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 6px var(--fg)}
.btn--ink{--bg:var(--ink);--fg:var(--paper-3)}
.btn--lg{font-size:clamp(1.08rem,1.25vw,1.32rem);padding:.95em calc(1.8em + var(--trim)) .95em 1.8em}
.btn--paper{--bg:var(--paper-3);--fg:var(--ink);filter:drop-shadow(5px 6px 0 rgba(6,10,30,.65))}
.btn--paper:hover{filter:drop-shadow(8px 10px 0 rgba(6,10,30,.65))}
.btn--paper:active{filter:drop-shadow(1px 1px 0 rgba(6,10,30,.65))}
.facts{display:flex;flex-direction:column;gap:.1rem;margin-top:1.6rem}
.facts li{display:flex;align-items:baseline;gap:.75em;
font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);letter-spacing:.07em;
text-transform:uppercase;color:var(--ink);
padding:.8em 0;border-top:2px solid rgba(31,24,16,.3)}
.facts li:last-child{border-bottom:2px solid rgba(31,24,16,.3)}
.facts li::before{content:"";width:.5em;height:.5em;flex:none;background:currentColor;translate:0 -.1em}
.band--a .facts li::before{border-radius:50%}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .5s var(--law,var(--ease-out)),transform .5s var(--law,var(--ease-out))}
.js .reveal.in{opacity:1;transform:none}
.revealed .reveal,.revealed .hl>span{opacity:1!important;transform:none!important}
.revealed .patent__cart{opacity:1!important;transform:translate(-50%,-50%)!important}
.revealed .pd-draw{stroke-dashoffset:0!important}
.revealed .pd-arrow,.revealed .pd-label,.revealed .pd-tag,.revealed .pd-dot,.revealed .pd-hatch{opacity:1!important}
.revealed .stamp--gratis{opacity:1!important;transform:rotate(-7deg) scale(1)!important}
.crop{position:absolute;width:14px;height:14px;z-index:6;pointer-events:none;opacity:.5}
.crop::before,.crop::after{content:"";position:absolute;background:var(--ink)}
.crop::before{width:100%;height:1.5px;top:0}
.crop::after{height:100%;width:1.5px;left:0}
.crop--tl{top:calc(var(--hdr) + 16px);left:16px}
.crop--tr{top:calc(var(--hdr) + 16px);right:16px;transform:scaleX(-1)}
.crop--bl{bottom:16px;left:16px;transform:scaleY(-1)}
.crop--br{bottom:16px;right:16px;transform:scale(-1)}
.stamp{display:block;color:var(--rust)}
.stamp__ring{fill:none;stroke:currentColor;stroke-width:3}
.stamp__ring--thin{stroke-width:1.4;opacity:.75;stroke-dasharray:3 5}
.stamp__text{fill:currentColor;font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);letter-spacing:1.4px}
.stamp__center{fill:currentColor;font-family:var(--f-display);font-weight:900;font-size:44px;letter-spacing:-.02em}
.stamp__center--zl{font-size:38px}
.site-header{
position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--hdr);
display:flex;align-items:center;gap:clamp(.5rem,2vw,2rem);
padding-inline:var(--gutter);
background:var(--paper);color:var(--ink);
transition:background .4s var(--ease-out),color .4s var(--ease-out);}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;opacity:.16}
.site-header.tint-transport{background:var(--orange);color:var(--ink)}
.site-header.tint-atrakcje{background:var(--blue);color:var(--paper-3)}
.site-header.tint-paper{background:var(--paper);color:var(--ink)}
.brand{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;
font-family:var(--f-display);font-weight:900;font-size:clamp(1.05rem,1.15vw,1.3rem);letter-spacing:-.03em}
.brand__name span{color:var(--orange-deep)}
.tint-transport .brand__name span{color:inherit}
.tint-atrakcje .brand__name span{color:var(--paper-3)}
.brand__mark{width:20px;height:20px;border-radius:var(--r-trim);flex:none;border:1.7px solid currentColor;
background:linear-gradient(115deg,var(--orange) 0 48.5%,var(--ink) 48.5% 51.5%,var(--blue) 51.5% 100%);
position:relative;overflow:hidden}
.brand__mark::after{content:"";position:absolute;inset:0;background:var(--ink);
clip-path:polygon(calc(var(--seam)*1% - 1px) 0,calc(var(--seam)*1% + 1px) 0,
calc(var(--seam)*1% + 1px) 100%,calc(var(--seam)*1% - 1px) 100%)}
.nav{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2.6vw,2.6rem);
font-family:var(--f-mono);font-weight:600;font-size:var(--t-sm);letter-spacing:.04em}
.nav a{display:inline-flex;align-items:center;gap:.5em;position:relative;padding:.45em 0}
.nav__idx{opacity:.85;font-size:.92em}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:currentColor;
transition:right .3s var(--ease-out)}
.nav a:hover::after,.nav a:focus-visible::after{right:0}
.nav a.is-current::after{right:0;height:3px}
.nav a.is-current .nav__idx{opacity:1}
.phone-chip{--bg:var(--ink);--fg:var(--paper-3);--trim-h:2.4em;
flex:0 0 auto;display:inline-flex;align-items:center;gap:.5em;
font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);letter-spacing:.02em;line-height:1.1;
padding:.5em calc(.85em + var(--trim)) .5em .6em;border:0;
background:var(--bg);color:var(--fg);
clip-path:polygon(0 0,100% 0,calc(100% - var(--trim)) 100%,0 100%);
transition:background .25s,color .25s,translate .18s var(--ease-out)}
.phone-chip:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--bg),inset 0 0 0 5px var(--fg)}
.phone-chip__ico{display:grid;place-items:center;width:22px;height:22px;flex:none}
.phone-chip__txt{display:inline-flex;align-items:baseline;gap:.5em}
.phone-chip__lbl{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase}
.phone-chip:hover{translate:0 -1px}
.tint-atrakcje .phone-chip{--bg:var(--paper-3);--fg:var(--ink)}
.progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;pointer-events:none;
background:linear-gradient(90deg,var(--orange) 0 calc(var(--seam)*1%),var(--blue) calc(var(--seam)*1%) 100%);
clip-path:inset(0 calc(100% - var(--sp,0)*100%) 0 0)}
@media (pointer:coarse){
.phone-chip{position:relative}
.phone-chip::before{content:"";position:absolute;inset:-4px -6px}
.hero__grip::before{content:"";position:absolute;inset:-6px -12px -6px -16px}}
.hero{position:relative;overflow:hidden;background:var(--paper);isolation:isolate;
--hero-h:clamp(600px,100svh,1020px);
height:var(--hero-h);
--run:calc(var(--cut-half) * var(--hero-h));
--grip-f:.8;
--share-t:var(--seam);
--share-a:calc(100 - var(--seam))}
.hero__half{position:absolute;inset:0;overflow:hidden;will-change:clip-path;display:block}
.hero__half--t{background:var(--orange);color:var(--ink);
clip-path:polygon(0 0,calc(var(--seam)*1% + var(--run)) 0,calc(var(--seam)*1% - var(--run)) 100%,0 100%)}
.hero__half--a{background:var(--blue);color:var(--paper-3);
clip-path:polygon(calc(var(--seam)*1% + var(--run)) 0,100% 0,100% 100%,calc(var(--seam)*1% - var(--run)) 100%)}
.hero__half--t::before,.hero__half--a::before{content:"";position:absolute;inset:0;z-index:0;
pointer-events:none;background-image:var(--grain-ink);background-size:240px 240px;
mix-blend-mode:soft-light}
.hero__half--t::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
background-image:radial-gradient(rgba(253,250,240,.32) 1px,transparent 1.5px);background-size:16px 16px}
.hero__half--a::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;
background-image:radial-gradient(rgba(7,14,52,.5) 1px,transparent 1.5px);background-size:16px 16px}
.hero__eyebrow{position:absolute;top:clamp(5.2rem,11vh,7.5rem);z-index:3;
display:inline-flex;align-items:center;gap:.7em;max-width:min(46%,26ch);
font-family:var(--f-mono);font-weight:700;text-transform:uppercase;line-height:1.25}
.hero__eyebrow b{font-weight:700;border:2px solid currentColor;padding:.1em .42em;flex:none;align-self:flex-start}
.hero__eyebrow i{font-style:normal;display:grid;place-items:center;width:1.9em;height:1.9em;flex:none;
border:2px solid currentColor;transition:translate .25s var(--ease-out)}
.hero__half--a .hero__eyebrow b{border-radius:50%;display:grid;place-items:center;
width:2.1em;height:2.1em;padding:0;line-height:1}
.hero__half--a .hero__eyebrow i{border-radius:50%}
.hero__half:hover .hero__eyebrow i,.hero__half:focus-visible .hero__eyebrow i{translate:0 3px}
.hero__half--t .hero__eyebrow{left:var(--gutter);letter-spacing:.08em;
font-size:clamp(1rem,calc(.7rem + var(--share-t) * .0055rem + .25vw),1.55rem)}
.hero__half--a .hero__eyebrow{right:var(--gutter);flex-direction:row-reverse;text-align:right;letter-spacing:.15em;
font-size:clamp(1rem,calc(.7rem + var(--share-a) * .0055rem + .25vw),1.55rem)}
.hero__plate{position:absolute;bottom:clamp(3.4rem,9vh,6rem);z-index:2;display:block;
transition:width .3s var(--ease-out)}
.hero__plate img{width:100%;height:auto}
.hero__plate--van{left:var(--gutter);width:clamp(160px,calc(12vw + var(--share-t) * .24vw),470px)}
.hero__plate--octo{right:var(--gutter);width:clamp(132px,calc(9.5vw + var(--share-a) * .22vw),380px)}
.hero__plate--van::after{content:"";position:absolute;left:-4%;right:-4%;bottom:-14px;height:2.5px;
background:var(--ink);opacity:.5}
.hero__plate--octo .hero__art{filter:url(#duo-blue)}
.hero__fx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero__fx--a{inset:auto 3% 26% auto;width:min(30%,380px);height:46%;overflow:visible}
.hero__fx i{position:absolute;display:block;left:var(--x);top:var(--y);width:var(--s);height:var(--s);
border-radius:50%;translate:-50% -50%;
border:2px solid rgba(253,250,240,.7);
border-top-color:rgba(253,250,240,1);border-left-color:rgba(253,250,240,.9)}
.hero__knock{position:absolute;inset:0;z-index:4;pointer-events:none}
.hero__knock-layer{position:absolute;inset:0;overflow:hidden}
.hero__knock--t{clip-path:polygon(0 0,calc(var(--seam)*1% + var(--run)) 0,calc(var(--seam)*1% - var(--run)) 100%,0 100%)}
.hero__knock--a{clip-path:polygon(calc(var(--seam)*1% + var(--run)) 0,100% 0,100% 100%,calc(var(--seam)*1% - var(--run)) 100%)}
.hero__head{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:max-content;text-align:center;
font-family:var(--f-display);font-weight:900;font-size:var(--step-hero);line-height:.94;letter-spacing:-.035em}
.hero__head em{font-style:italic;letter-spacing:-.02em}
.hero__knock--t .hero__head{color:var(--ink)}
.hero__knock--a .hero__head{color:var(--paper-3)}
.hero__seam{position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--ink);
clip-path:polygon(
calc(var(--seam)*1% + var(--run) - 1.7px) 0,calc(var(--seam)*1% + var(--run) + 1.7px) 0,
calc(var(--seam)*1% - var(--run) + 1.7px) 100%,calc(var(--seam)*1% - var(--run) - 1.7px) 100%)}
.hero__grip{position:absolute;top:calc(var(--grip-f) * 100%);
left:calc(var(--seam)*1% + (1 - 2*var(--grip-f)) * var(--run));transform:translate(-50%,-50%);z-index:8;
width:44px;height:44px;border-radius:50%;background:var(--paper-3);border:2px solid var(--ink);
display:grid;place-items:center;cursor:ew-resize;touch-action:none;
transition:scale .2s var(--ease-out)}
.hero__grip i{font-family:var(--f-mono);font-style:normal;font-weight:700;font-size:1.05rem;color:var(--ink)}
.hero__grip:hover,.hero__grip:focus-visible{scale:1.08}
.hero.dragging{cursor:ew-resize}
.hero__cta{position:absolute;left:50%;top:56.5%;transform:translateX(-50%);z-index:7;
display:flex;flex-direction:column;align-items:stretch;gap:0;width:max-content}
.hero__cta-note{--trim-h:2.1em;
font-family:var(--f-mono);font-weight:700;font-size:var(--t-xs);letter-spacing:.16em;line-height:1.1;
text-transform:uppercase;color:var(--ink);background:var(--paper-3);
padding:.5em calc(.75em + var(--trim)) .5em .8em;
clip-path:polygon(0 0,100% 0,calc(100% - var(--trim)) 100%,0 100%)}
.hero__meta{position:absolute;bottom:1.2rem;z-index:5;font-family:var(--f-mono);font-weight:600;
font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase}
.hero__meta--l{left:var(--gutter);color:var(--ink)}
.hero.printing .hero__half--t{animation:plate-t .62s var(--ease-out) both}
.hero.printing .hero__half--a{animation:plate-a .78s var(--ease-spring) both}
.hero.printing .hero__seam,.hero.printing .hero__grip{animation:seam-set .34s var(--ease-out) .5s both}
@keyframes plate-t{from{transform:translateX(-101%)}to{transform:none}}
@keyframes plate-a{from{transform:translateX(101%)}to{transform:none}}
@keyframes seam-set{from{opacity:0}to{opacity:1}}
.world{position:relative;padding:0 0 clamp(2.6rem,6vw,6rem);
--band-rise:calc(var(--cut-tan) * (100vw - var(--sbw,0px)))}
.world>.wrap{position:relative;z-index:1;padding-top:clamp(1rem,2vw,2rem)}
.band{position:relative;isolation:isolate;
padding-block:clamp(2.2rem,5vw,4.6rem) 0;
margin-bottom:0}
.band--t{background:var(--orange);
padding-bottom:calc(var(--band-rise) * .42 + clamp(1rem,2vw,1.6rem));
clip-path:polygon(0 0,100% 0,100% calc(100% - var(--band-rise)),0 100%)}
.band--a{background:transparent;
margin-top:calc(-1 * var(--band-rise));
padding-top:calc(var(--band-rise) + clamp(1.5rem,3vw,2.6rem));
padding-bottom:calc(var(--band-rise) * .97 + clamp(1.5rem,3vw,2.5rem))}
.band--a::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--blue);
clip-path:polygon(0 var(--band-rise),100% 0,100% calc(100% - var(--band-rise)),0 100%)}
.sect-head{display:block}
.sect-head__index{display:grid;place-items:center;width:2.9em;height:2.9em;
font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);
letter-spacing:.14em;text-indent:.14em;margin-bottom:1.1rem;line-height:1}
.band--t .sect-head__index{color:var(--ink);border:2px solid var(--ink)}
.band--a .sect-head__index{color:var(--paper-3);border:2px solid var(--paper-3);border-radius:50%}
.sect-head__in{position:relative;z-index:1}
.sect-head__body{position:relative;z-index:1;max-width:100%;
display:grid;grid-template-columns:auto minmax(0,1fr);
grid-template-areas:"folio kicker" "title title" "lead lead" "facts facts";
align-items:center;column-gap:clamp(.8rem,2vw,1.6rem);
padding-top:clamp(.8rem,1.6vw,1.4rem);
border-top:2px solid rgba(31,24,16,.32)}
.band--a .sect-head__body{border-top-color:rgba(253,250,240,.34)}
.sect-head__body>.sect-head__index{grid-area:folio;margin-bottom:0}
.sect-head__body>.kicker{grid-area:kicker;justify-self:end;text-align:right;margin-bottom:0}
.sect-head__body>.sect-title{grid-area:title;margin:0;padding:.34em 0 .32em;
border-bottom:2px solid rgba(31,24,16,.32)}
.band--a .sect-head__body>.sect-title{border-bottom-color:rgba(253,250,240,.34)}
.sect-head__body>.sect-lead{grid-area:lead;padding-top:clamp(1rem,2vw,1.7rem)}
.sect-head__body>.facts{grid-area:facts;margin-top:clamp(1.2rem,2.6vw,1.9rem)}
.sect-title{font-size:var(--step-h2);letter-spacing:-.025em;line-height:.98}
.sect-title em{font-style:normal}
.sect-lead{font-size:var(--step-lead);max-width:62ch;font-weight:450;color:var(--ink-2);line-height:1.6}
.sect-lead strong{color:var(--ink)}
.band--t .sect-title,.band--t .kicker,.band--t .sect-lead,.band--t .sect-lead strong{color:var(--ink)}
.band--a .sect-title,.band--a .kicker,.band--a .sect-lead,.band--a .sect-lead strong{color:var(--paper-3)}
.band--a .facts li{color:var(--paper-3);border-color:rgba(253,250,240,.34)}
.hero__half--t,.world--t{--law:var(--ease-out)}
.hero__half--a,.world--a{--law:var(--ease-spring)}
.band--t .sect-head__body{padding-left:clamp(.9rem,1.8vw,1.6rem);border-left:2px solid rgba(31,24,16,.32)}
.band--t .kicker{letter-spacing:.12em}
.band--a .kicker{letter-spacing:.24em}
.band--a .sect-lead{line-height:1.66}
.world__cta{position:relative;
display:flex;align-items:center;justify-content:flex-start;gap:clamp(1rem,3vw,2.2rem);
flex-wrap:wrap;margin-top:clamp(1.8rem,3.6vw,3rem);padding-top:clamp(1.4rem,2.4vw,2.2rem);
max-width:min(100%,26rem);border-top:3px solid var(--ink)}
.world__cta::before{content:"";position:absolute;right:0;top:0;width:3px;height:.72rem;
background:var(--ink)}
.atesty .world__cta::before{content:none}
.services__cap{margin-top:clamp(1.8rem,4vw,3.2rem);
font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);letter-spacing:.16em;
text-transform:uppercase;color:var(--ink-2)}
.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 clamp(2rem,4vw,4.5rem);margin-top:.7rem;
border-top:3px solid var(--ink)}
.services li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;
gap:.15rem 0;border-bottom:1.5px solid rgba(31,24,16,.22);
transition:background .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.services li:last-child{grid-column:1/-1}
.services__n{grid-row:span 2;align-self:stretch;display:flex;align-items:flex-start;
padding:.95rem clamp(.9rem,1.4vw,1.3rem) .95rem .1rem;margin-right:clamp(.9rem,1.4vw,1.3rem);
border-right:2px solid rgba(31,24,16,.22);
font-family:var(--f-mono);font-weight:700;font-size:clamp(1.05rem,1.35vw,1.45rem);
line-height:1.1;letter-spacing:.02em;color:var(--orange-deep);
font-variant-numeric:tabular-nums}
.services b{font-family:var(--f-display);font-weight:800;font-size:clamp(1.12rem,1.4vw,1.52rem);
line-height:1.18;letter-spacing:-.015em;color:var(--ink);padding-top:.95rem}
.services i{font-family:var(--f-body);font-style:normal;font-weight:450;font-size:var(--t-body-sm);
line-height:1.5;color:var(--ink-3);padding-bottom:.95rem}
.js .services li:hover{background:var(--paper-3);box-shadow:inset 4px 0 0 var(--orange)}
.patent{position:relative;isolation:isolate;background:var(--paper-3);
border:2px solid var(--ink);
margin-top:clamp(2rem,4.5vw,3.6rem)}
.patent__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;
gap:.6rem clamp(1.4rem,3vw,3rem);
border-bottom:2px solid var(--ink);
padding:clamp(1rem,2.2vw,1.7rem) clamp(1.15rem,3vw,2.6rem)}
.patent__titles .tagline{margin-bottom:.35rem;display:block}
.patent__title{font-size:var(--step-h3);letter-spacing:-.02em}
.patent__title em{font-style:normal}
.patent__desig{font-family:var(--f-mono);font-weight:600;font-size:var(--t-xs);
letter-spacing:.08em;line-height:1.5;text-transform:uppercase;color:var(--ink-3);
max-width:22ch;padding-left:clamp(1.4rem,3vw,3rem);
border-left:2px solid rgba(31,24,16,.3)}
.patent__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
gap:clamp(1.6rem,3.4vw,3.2rem);align-items:start;
padding:clamp(1.15rem,3vw,2.6rem)}
.patent__plate{position:relative;aspect-ratio:23/20;border:2px solid rgba(31,24,16,.5);
overflow:hidden;
background:
linear-gradient(rgba(178,58,8,.13) 1px,transparent 1px) 0 0/100% 96px,
linear-gradient(90deg,rgba(178,58,8,.13) 1px,transparent 1px) 0 0/96px 100%,
linear-gradient(rgba(178,58,8,.07) 1px,transparent 1px) 0 0/100% 24px,
linear-gradient(90deg,rgba(178,58,8,.07) 1px,transparent 1px) 0 0/24px 100%,
var(--paper-3)}
@supports not (aspect-ratio: 1){
.patent__plate::before{content:"";display:block;padding-top:86.9565%}}
.patent__cart{position:absolute;left:47%;top:53%;transform:translate(-50%,-50%);width:57%}
.js .patent__cart{transform:translate(-50%,-38%);opacity:0;transition:transform .9s var(--ease-spring) .15s,opacity .5s .15s}
.js .patent.in .patent__cart{transform:translate(-50%,-50%);opacity:1}
.patent__dims{position:absolute;inset:0;width:100%;height:100%}
.pd-line{stroke:var(--ink);stroke-width:2.2;fill:none}
.pd-thin{stroke-width:1.4}
.pd-arrow{fill:var(--ink)}
.pd-dot{fill:var(--orange-deep)}
.pd-hatch path{stroke:rgba(178,58,8,.5);stroke-width:1.6;fill:none}
.pd-hatch.pd-ground path{stroke:rgba(31,24,16,.4)}
.pd-label{font-family:var(--f-mono);font-weight:600;font-size:var(--t-sm);fill:var(--ink);letter-spacing:.04em}
.pd-tag rect{fill:var(--ink);rx:0}
.pd-tag__k{font-family:var(--f-mono);font-weight:600;font-size:var(--t-xs);fill:var(--sand-3);letter-spacing:.06em;text-transform:uppercase}
.pd-tag__v{font-family:var(--f-mono);font-weight:700;font-size:calc(var(--t-sm) * 1.5);fill:var(--paper-3)}
@media (max-width:520px){
.pd-label{font-size:calc(var(--t-sm) * 1.5)}
.pd-tag,[data-tag-leader],[data-tag-dot]{display:none}}
@media (max-width:360px){
.pd-label{font-size:calc(var(--t-sm) * 1.9)}}
.js .pd-draw{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s var(--ease-out)}
.js .pd-arrow,.js .pd-label,.js .pd-tag,.js .pd-dot,.js .pd-hatch{opacity:0;transition:opacity .5s var(--ease-out)}
.js .patent.in .pd-draw{stroke-dashoffset:0}
.js .patent.in .pd-arrow,.js .patent.in .pd-label,.js .patent.in .pd-tag,.js .patent.in .pd-dot,.js .patent.in .pd-hatch{opacity:1}
.js .patent.in .pd-ground-line{transition-delay:.2s}
.js .patent.in .pd-line.pd-thin{transition-delay:.4s}
.js .patent.in .pd-bar{transition-delay:.5s}
.js .patent.in .pd-arrow,.js .patent.in .pd-label{transition-delay:.8s}
.js .patent.in .pd-tag,.js .patent.in .pd-dot{transition-delay:.95s}
.js .patent.in .pd-hatch{transition-delay:.3s}
.patent__desc{font-size:var(--t-body);max-width:44ch;color:var(--ink-2)}
.patent__desc em{font-style:normal;color:var(--ink);font-weight:500}
.patent__desc strong{color:var(--ink);font-weight:700;box-shadow:inset 0 -.16em 0 rgba(255,90,15,.5)}
.patent__note{margin-top:1rem;font-family:var(--f-body);font-weight:450;font-size:var(--t-body-sm);
line-height:1.55;color:var(--ink-3);padding-left:1.1em;position:relative;max-width:40ch}
.patent__note::before{content:"";position:absolute;left:0;top:.62em;width:.7em;height:1.5px;background:var(--orange-deep)}
.pcells{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:clamp(1.6rem,2.6vw,2.2rem);
overflow:hidden;background:var(--ink)}
.pcell{color:var(--paper-3);display:grid;grid-template-columns:auto 1fr;align-items:baseline;
column-gap:.5rem;row-gap:.2rem;position:relative;
padding:clamp(.9rem,1.6vw,1.35rem) clamp(1rem,1.6vw,1.4rem)}
.pcell+.pcell{border-top:2px solid rgba(243,236,218,.18)}
.pcell__lbl{grid-column:1/-1}
.pcell__num{font-family:var(--f-mono);font-weight:700;font-size:clamp(1.9rem,2.9vw,2.8rem);line-height:1;
font-variant-numeric:tabular-nums;color:var(--orange);display:flex;align-items:baseline;letter-spacing:-.01em}
.pcell__num--range{letter-spacing:-.03em}
.pcell__num i{font-style:normal;padding:0 .05em}
.pcell__unit{font-family:var(--f-mono);font-weight:600;font-size:var(--t-sm);color:var(--sand-3)}
.pcell__lbl{font-size:var(--t-sm);line-height:1.4;color:var(--sand-2);margin-top:.15rem}
.vroute{position:static;width:var(--wrap);margin:clamp(1.8rem,3vw,2.8rem) auto 0;
display:flex;flex-direction:column;gap:clamp(.9rem,1.8vw,1.5rem)}
.vroute__stage{position:relative;width:100%;height:clamp(300px,24vw,350px);
--road:clamp(58px,4.6vw,70px);--travel:0%;--far-x:0px;--near-x:0px;--sun-turn:0deg;
isolation:isolate}
.vroute__terrain{position:absolute;left:0;right:0;bottom:var(--road);z-index:0;pointer-events:none;
height:clamp(240px,19vw,290px);overflow:hidden}
.vroute__terrain svg{display:block;width:100%;height:100%;overflow:hidden}
.vroute__plate{transform-box:fill-box;transform-origin:center bottom}
.vroute__plate--far{transform:translateX(var(--far-x))}
.vroute__plate--near{transform:translateX(var(--near-x))}
.vroute__sun{transform-box:fill-box;transform-origin:center;transform:rotate(var(--sun-turn))}
.rt-ink{fill:var(--ink)}
.rt-rust{fill:var(--rust)}
.rt-paper{fill:var(--paper-3)}
.rt-orange{fill:var(--orange)}
.rt-yellow{fill:var(--yellow)}
.rt-ink-line,.rt-paper-line,.rt-rust-line{fill:none;vector-effect:non-scaling-stroke;
stroke-linecap:round;stroke-linejoin:round}
.rt-ink-line{stroke:var(--ink);stroke-width:3}
.rt-paper-line{stroke:var(--paper-3);stroke-width:3}
.rt-rust-line{stroke:var(--rust);stroke-width:3}
.rt-sun-line{stroke-width:2}
.rt-sun-ring{stroke-width:3}
.rt-bird{stroke-width:3.4}
.rt-detail-line{stroke-width:2.3}
.rt-plant-line{stroke-width:2.1}
.rt-rose{stroke-width:1.7}
.rt-crane{stroke-width:5.4}
.rt-crane-back{stroke-width:3.1}
.rt-water-line{stroke-width:2.1}
.rt-field-line{stroke-width:3.2}
.rt-power{stroke-width:3.4}
.rt-map-line{stroke-width:2.45}
.rt-map-route-under{stroke-width:5.2}
.rt-map-route{stroke-width:1.75;stroke-dasharray:3.2 4.4}
.rt-map-node{stroke-width:2.2}
.vroute__arrival{position:absolute;right:0;bottom:calc(var(--road) - 26px);z-index:5;
width:clamp(112px,10vw,150px);pointer-events:none;transform:rotate(-1.4deg);transform-origin:center bottom}
.vroute__arrival svg{display:block;width:100%;height:auto;overflow:visible}
.vroute__road{position:absolute;bottom:var(--road);z-index:3;height:6px;background:var(--ink);
left:calc(50% - 50vw + var(--sbw,0px) / 2);right:calc(50% - 50vw + var(--sbw,0px) / 2)}
.vroute__road::before{content:"";position:absolute;left:0;right:0;top:-5px;height:2px;
background:repeating-linear-gradient(90deg,var(--ink) 0 28px,transparent 28px 38px)}
.vroute__road::after{content:"";position:absolute;left:0;right:0;top:9px;height:3px;background:var(--rust)}
.vroute__trail{position:absolute;left:0;bottom:var(--road);z-index:4;height:6px;width:var(--travel,0%);
background:var(--paper-3);box-shadow:0 3px 0 var(--rust);pointer-events:none}
.vroute__trail::after{content:"";position:absolute;right:0;top:-5px;width:18px;height:16px;
background:var(--paper-3);clip-path:polygon(100% 50%,0 0,0 100%)}
@media (min-width:821px) and (max-width:1010px){
.vroute__stop:nth-child(2) b{top:38px}}
.vroute__stops{position:absolute;inset:0;z-index:6;pointer-events:none}
.vroute__stop{position:absolute;left:var(--x);bottom:var(--road);height:0;transform:translateX(-50%);
font-family:var(--f-mono);font-weight:700;font-size:var(--t-xs);letter-spacing:.08em;
text-transform:uppercase;color:var(--ink);white-space:nowrap}
.vroute__stop i{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);
width:13px;height:13px;border-radius:50%;background:var(--orange);border:2.5px solid var(--ink);
box-shadow:3px 2px 0 var(--rust);transition:background .18s var(--ease-out),box-shadow .18s}
.vroute__stop--minor i{width:8px;height:8px;border-width:2px}
.vroute__stop--end i{width:16px;height:16px}
.vroute__stop b{position:absolute;top:18px;left:50%;display:block;padding:.3em .55em;font-weight:inherit;
border:2px solid transparent;background:transparent;color:var(--ink);line-height:1;white-space:nowrap;
transform:translateX(-50%);transition:background .16s,border-color .16s,box-shadow .16s}
.vroute__stop:first-child{transform:translateX(0)}
.vroute__stop:first-child i{left:0}
.vroute__stop:first-child b{left:0;transform:none}
.vroute__stop--end{transform:translateX(-100%)}
.vroute__stop--end i{left:auto;right:0;transform:translate(50%,50%)}
.vroute__stop--end b{left:auto;right:0;transform:rotate(-1.5deg);transform-origin:right center;
border-color:var(--ink);background:var(--paper-3)}
.vroute__stop.is-passed i{background:var(--paper-3);border-color:var(--ink);box-shadow:3px 2px 0 var(--rust)}
.vroute__stop.is-passed b{border-color:var(--ink);background:var(--paper-3);color:var(--ink)}
.vroute__stop--end.is-passed b{box-shadow:3px 3px 0 var(--rust)}
.vroute__van{position:absolute;left:0;bottom:calc(var(--road) - 1px);z-index:8;
width:clamp(128px,13vw,186px);transform-origin:center bottom;will-change:transform}
.vroute__van::before{content:"";position:absolute;left:17%;right:12%;bottom:1px;height:7px;z-index:-1;
background:var(--ink);transform:skewX(-24deg)}
.vroute__van::after{content:"";position:absolute;right:-13px;bottom:14px;width:18px;height:8px;z-index:-1;
background:var(--yellow);clip-path:polygon(0 28%,100% 0,100% 100%,0 72%)}
.vroute__van svg{position:relative;display:block;width:100%;height:auto;transform:scaleX(-1);transform-origin:center}
.vwheel{transform:rotate(var(--roll,0deg))}
.vpuff{position:absolute;bottom:calc(var(--road) - 2px);left:var(--px,0);z-index:7;
width:var(--sz,8px);height:var(--sz,8px);border-radius:2px;background:var(--paper-3);
box-shadow:3px 2px 0 var(--rust);clip-path:polygon(50% 0,100% 34%,80% 100%,14% 82%,0 24%);
pointer-events:none;animation:vpuff var(--dur,.9s) steps(8,end) forwards}
.vpuff--rust{border-radius:50%;background:var(--rust);box-shadow:none;clip-path:none}
@keyframes vpuff{
0%{transform:translate(0,0) rotate(0) scale(.45);opacity:0}
14%{opacity:1}
72%{opacity:1}
100%{transform:translate(var(--fx,-20px),var(--fy,-14px)) rotate(var(--rot,90deg)) scale(1);opacity:0}}
.vroute__head{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;
order:2;width:max-content;max-width:min(100%,460px);
padding-top:clamp(1.1rem,2.2vw,1.8rem);border-top:3px solid var(--ink)}
.vroute__stage{order:1}
.vroute__label{font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);letter-spacing:.1em;
text-transform:uppercase;color:var(--ink);max-width:42ch;line-height:1.5}
.vroute__odo{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.2rem;
background:var(--ink);padding:.44em .66em .5em}
.vroute__odo b{font-family:var(--f-display);font-weight:900;font-size:clamp(2.1rem,4.8vw,4.9rem);
line-height:.9;letter-spacing:-.04em;color:var(--paper-3);font-variant-numeric:tabular-nums}
.vroute__odo span{font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);letter-spacing:.1em;
text-transform:uppercase;color:var(--sand-2)}
.no-js .vroute__stage{--travel:58%}
.no-js .vroute__van{left:58%;transform:translateX(-90%)}
.no-js .vroute__stop:nth-child(-n+4) i{background:var(--paper-3);border-color:var(--ink)}
.no-js .vroute__stop:nth-child(-n+4) b{border-color:var(--ink);background:var(--paper-3)}
@media (min-width:1101px){
.sect-head__body{
grid-template-areas:"folio kicker" "title title" "lead  facts";
grid-template-columns:minmax(0,1fr) minmax(16rem,24rem);
column-gap:clamp(2rem,4vw,4.5rem);align-items:start}
.sect-head__body>.kicker{align-self:center}
.sect-head__body>.sect-lead{padding-top:clamp(1.1rem,2vw,1.7rem)}
.sect-head__body>.facts{align-self:start;margin-top:0;
padding-top:calc(clamp(1.1rem,2vw,1.7rem) + .42rem);
padding-left:clamp(1.4rem,2.4vw,2.4rem);
border-left:2px solid rgba(31,24,16,.28)}
.band--a .sect-head__body>.facts{border-left-color:rgba(253,250,240,.34)}}
@media (min-width:641px){
.sect-head__body>.sect-title{display:grid;justify-items:start;row-gap:0}
.sect-head__body>.sect-title br{display:none}
.sect-head__body>.sect-title .hl:last-of-type{justify-self:end}}
.strip{display:block;position:relative;z-index:2;
margin-top:calc(-1 * var(--band-rise) * .72);isolation:isolate}
.playfield__air{position:absolute;z-index:0;pointer-events:none;overflow:hidden;
top:clamp(-7rem,-7vw,-4rem);bottom:clamp(-6rem,-5vw,-3rem);left:50%;
width:calc(100vw - var(--sbw,0px));transform:translateX(-50%)}
.playfield__air i{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;
border-radius:50%;opacity:var(--o,.34);
border:clamp(1.5px,.16vw,2.5px) solid rgba(45,87,213,.42);
background:
radial-gradient(circle at 29% 24%,rgba(255,255,255,.88) 0 2.7%,rgba(255,255,255,.34) 3% 7%,transparent 7.5%),
radial-gradient(circle at 66% 74%,rgba(45,87,213,.11),transparent 42%),
rgba(45,87,213,.018);
box-shadow:inset -10px -14px 26px rgba(45,87,213,.075),
inset 8px 10px 20px rgba(255,255,255,.28);
transform:scale(1);transform-origin:50% 60%;
transition:opacity .48s var(--ease-out),transform .82s var(--ease-spring),
translate .7s var(--ease-spring)}
.playfield__air i::before{content:"";position:absolute;left:17%;top:15%;width:36%;height:22%;
border-top:2px solid rgba(255,255,255,.72);border-radius:50%;transform:rotate(-27deg)}
.playfield__air i::after{content:"";position:absolute;inset:9%;border-radius:50%;
border:1px solid rgba(45,87,213,.1)}
.js .playfield__air:not(.in) i{opacity:0;transform:scale(.36) translateY(28px)}
.js .playfield__air.in i{transition-delay:var(--delay,0ms),var(--delay,0ms),0ms}
.strip__row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(1.2rem,2.2vw,2rem);align-items:stretch}
@media (min-width:641px){
.strip__row{grid-template-columns:repeat(2,minmax(0,1fr))}
.strip__row .prod--wide{grid-column:1/-1;flex-direction:row;align-items:stretch}
.strip__row .prod--wide .prod__head{flex:0 0 46%;position:relative;
min-height:clamp(300px,38vw,560px)}
.strip__row .prod--wide .prod__shot{position:absolute;inset:0;
border-bottom:0;border-right:2px solid var(--ink)}
.strip__row .prod--wide .prod__shot img{aspect-ratio:auto;height:100%}
.strip__row .prod--wide .prod__mark{left:auto;right:calc(-1 * var(--mark) / 2);
top:50%;bottom:auto;translate:0 -50%}
.strip__row .prod--wide .prod__body{flex:1;justify-content:center;
padding:clamp(1.6rem,3vw,2.4rem) clamp(1.4rem,2.4vw,2.2rem)
clamp(1.6rem,3vw,2.4rem) calc(var(--mark) / 2 + clamp(1.4rem,2.4vw,2.2rem))}
.strip__row .prod--wide .prod__desc{max-width:46ch}
.strip__row .prod--wide .prod__facts{margin-top:clamp(1.2rem,2.2vw,1.8rem)}}
.prod{position:relative;display:flex;flex-direction:column;
background:var(--paper-3);border:2px solid var(--ink);
box-shadow:var(--lift),12px 16px 0 rgba(45,87,213,.10);overflow:hidden;
transition:transform .35s var(--ease-spring),box-shadow .3s var(--ease-out)}
.strip__row .prod:nth-child(1){transform:rotate(-.5deg)}
.strip__row .prod:nth-child(2){transform:rotate(.35deg) translateY(8px)}
.strip__row .prod:nth-child(3){transform:rotate(-.25deg) translateY(-6px)}
.js .prod:hover,.js .prod:focus-within{box-shadow:var(--lift-hi),16px 20px 0 rgba(45,87,213,.14)}
.js .strip__row .prod:nth-child(1):hover{transform:rotate(0deg) translateY(-4px)}
.js .strip__row .prod:nth-child(2):hover{transform:rotate(0deg) translateY(4px)}
.js .strip__row .prod:nth-child(3):hover{transform:rotate(0deg) translateY(-10px)}
.prod::before{content:attr(data-tk);position:absolute;top:0;left:0;z-index:3;
display:grid;place-items:center;min-width:2.6em;
padding:.5em .7em .55em;font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);
letter-spacing:.1em;text-indent:.1em;line-height:1;
color:var(--paper-3);background:var(--ink)}
.prod__shot{position:relative;display:block;overflow:hidden;background:var(--paper-2);
border-bottom:2px solid var(--ink)}
.prod__shot img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;
transition:transform .5s var(--ease-out)}
.js .prod:hover .prod__shot img{transform:scale(1.03)}
.prod__cap{--trim-h:2.3em;
position:absolute;right:0;bottom:.8rem;z-index:2;display:inline-flex;align-items:center;gap:.5em;
font-family:var(--f-mono);font-weight:700;font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;
line-height:1.1;color:var(--paper-3);background:var(--ink);
padding:.5em calc(.8em + var(--trim)) .5em .85em;
clip-path:polygon(0 0,100% 0,calc(100% - var(--trim)) 100%,0 100%);
transition:background .2s,color .2s}
.prod__cap svg{flex:none;translate:0 -.05em}
.prod__shot:hover .prod__cap,.prod__shot:focus-visible .prod__cap{background:var(--paper-3);color:var(--ink)}
.prod__head{position:relative;isolation:isolate}
.prod{--mark:clamp(80px,7.8vw,104px)}
.prod__mark{position:absolute;left:clamp(.8rem,1.6vw,1.2rem);z-index:2;
bottom:calc(-1 * var(--mark) / 2.9);width:var(--mark);height:var(--mark);
display:grid;place-items:center;border-radius:50%;
background:var(--paper-3);border:2px solid var(--ink)}
.prod__mark img{display:block;width:92%;height:92%;object-fit:contain;filter:none}
.prod__peek{position:absolute;z-index:2;pointer-events:none;overflow:hidden;
width:clamp(92px,11.6vw,168px);aspect-ratio:1;border-radius:50%;
border:2px solid var(--ink);background:var(--paper-3);
box-shadow:0 0 0 clamp(5px,.55vw,8px) var(--paper-3),7px 9px 0 rgba(31,24,16,.78);
transition:transform .58s var(--ease-spring),box-shadow .4s var(--ease-out)}
.prod__peek img{width:100%;height:100%;display:block;object-fit:cover}
.strip__row .prod:nth-child(1) .prod__peek{right:clamp(1rem,1.8vw,1.6rem);top:clamp(1rem,1.8vw,1.5rem);
transform:rotate(4deg)}
.strip__row .prod:nth-child(1) .prod__peek img{object-position:50% 32%}
.strip__row .prod:nth-child(2) .prod__peek{left:clamp(4.5rem,7.2vw,6.4rem);top:clamp(1rem,1.8vw,1.5rem);
transform:rotate(-4deg)}
.strip__row .prod:nth-child(2) .prod__peek img{object-position:52% 30%}
.strip__row .prod--wide .prod__peek{left:clamp(4.5rem,7.2vw,6.4rem);right:auto;
top:clamp(1rem,2.1vw,1.8rem);transform:rotate(3deg)}
.strip__row .prod--wide .prod__peek img{object-position:50% 44%}
.js .strip__row .prod:nth-child(1):hover .prod__peek,
.js .strip__row .prod:nth-child(1):focus-within .prod__peek{transform:translate(-7px,7px) rotate(0) scale(1.065)}
.js .strip__row .prod:nth-child(2):hover .prod__peek,
.js .strip__row .prod:nth-child(2):focus-within .prod__peek,
.js .strip__row .prod--wide:hover .prod__peek,
.js .strip__row .prod--wide:focus-within .prod__peek{transform:translate(7px,7px) rotate(0) scale(1.065)}
.js .prod:hover .prod__peek,.js .prod:focus-within .prod__peek{
box-shadow:0 0 0 clamp(5px,.55vw,8px) var(--paper-3),11px 13px 0 rgba(31,24,16,.82)}
.prod__psst{position:relative;align-self:flex-start;margin-top:.9rem;padding:.42em 2.9em .42em 0;
appearance:none;border:0;border-bottom:2px solid var(--blue);background:transparent;cursor:pointer;
font-family:var(--f-mono);font-weight:700;font-size:var(--t-xs);letter-spacing:.02em;
line-height:1.2;text-align:left;color:var(--blue-deep);
transition:color .2s,border-color .2s,translate .35s var(--ease-spring)}
.prod__psst::before,.prod__psst::after{content:"";position:absolute;border:2px solid currentColor;
border-radius:50%;pointer-events:none;transition:transform .45s var(--ease-spring)}
.prod__psst::before{right:1.05em;bottom:.28em;width:.62em;height:.62em}
.prod__psst::after{right:.12em;bottom:1.02em;width:.34em;height:.34em}
.prod__psst:hover{color:var(--orange);border-color:var(--orange);translate:3px 0}
.prod__psst:hover::before{transform:translate(2px,-3px) scale(1.12)}
.prod__psst:hover::after{transform:translate(4px,-5px) scale(.9)}
.prod__psst:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.no-js .prod__psst{display:none}
.prod__body{display:flex;flex-direction:column;flex:1;
padding:clamp(2.9rem,4.4vw,3.4rem) clamp(1.2rem,2vw,1.7rem) clamp(1.2rem,1.8vw,1.6rem)}
.prod__title{font-size:clamp(1.7rem,3vw,3.1rem);font-weight:900;color:var(--blue-deep);
margin:.18em 0 .3em;letter-spacing:-.025em;line-height:.98;text-wrap:balance}
.prod__desc{font-size:var(--t-body);color:var(--ink-2);max-width:38ch}
.prod__facts{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:auto;
padding-top:1.1rem;border-top:2px solid rgba(31,24,16,.22)}
.prod__facts li{display:inline-flex;align-items:baseline;gap:.5em;font-family:var(--f-mono);
font-weight:600;font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.prod__facts li::before{content:"";width:.42em;height:.42em;flex:none;border-radius:50%;
background:var(--blue);translate:0 -.1em}
.lb[open]{
width:min(880px,100vw - 1.6rem);max-height:calc(100dvh - 1.6rem);
display:flex;flex-direction:column}
.lb{width:min(880px,100vw - 1.6rem);max-height:calc(100dvh - 1.6rem);
padding:0;overflow:hidden;overscroll-behavior:contain;
background:var(--paper-2);color:var(--ink);border:2px solid var(--ink);
box-shadow:var(--lift-hi)}
.lb::backdrop{background:rgba(19,16,10,.62)}
.lb__in{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.lb__head{position:sticky;top:0;z-index:2;flex:none;
display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;
padding:clamp(1rem,2.4vw,1.6rem) clamp(1rem,2.6vw,1.9rem) 1rem;
background:var(--paper-2);border-bottom:2px solid var(--ink)}
.lb__title{font-size:clamp(1.55rem,2.6vw,2.2rem);font-weight:900;font-style:normal;
color:var(--blue-deep);letter-spacing:-.02em;margin-top:.1em}
.lb__close{flex:none;width:44px;height:44px;display:grid;place-items:center;
font-family:var(--f-mono);font-weight:700;font-size:1.3rem;line-height:1;cursor:pointer;
color:var(--paper-3);background:var(--ink);border:0;
transition:background .2s,color .2s}
.lb__close:hover{background:var(--paper-3);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.lb__body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;
padding:clamp(1rem,2.4vw,1.6rem) clamp(1rem,2.6vw,1.9rem) clamp(1.2rem,2.6vw,1.9rem)}
.lb__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
gap:clamp(1rem,2.4vw,1.5rem);align-items:start}
.lb__print{margin:0;background:var(--paper-3);border:2px solid var(--ink);
padding:6px 6px 0}
.lb__print img{display:block;width:100%;height:auto}
.lb__print figcaption{padding:.55em .3em .65em;text-align:center;font-family:var(--f-mono);font-weight:600;
font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.lb__note{margin-top:1.2rem;font-size:var(--t-body-sm);color:var(--ink-2)}
@media (prefers-reduced-motion:no-preference){
.lb[open]{animation:lb-in .28s var(--ease-out)}
@keyframes lb-in{from{opacity:0;transform:translateY(12px) scale(.99)}}}
html.lb-open{overflow:hidden;padding-right:var(--lock-sbw,0px)}
.atesty{position:relative;margin-top:clamp(2rem,4.5vw,3.6rem);overflow:hidden;
padding:clamp(1.6rem,3.4vw,3rem) calc(clamp(1.3rem,3vw,2.6rem) + clamp(26px,3.6vw,56px))
clamp(1.6rem,3.4vw,3rem) clamp(1.3rem,3vw,2.6rem);
background:var(--navy);
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
gap:clamp(1.4rem,3vw,2.6rem) clamp(1.6rem,4vw,3.4rem)}
.atesty::after{content:"";position:absolute;right:0;top:0;bottom:0;z-index:1;
height:100%;width:auto;aspect-ratio:var(--cut-tan);
background:var(--paper);pointer-events:none;
clip-path:polygon(100% 0,100% 100%,0 100%)}
.atesty>*{position:relative;z-index:2}
.atesty__statement{flex:1 1 20rem;font-family:var(--f-display);font-weight:800;
font-size:clamp(1.6rem,4.3vw,4rem);line-height:1.06;letter-spacing:-.03em;color:var(--paper-3)}
.atesty__statement em{font-style:normal;color:var(--orange)}
.atesty .world__cta{flex:0 0 auto;margin-top:0;margin-left:auto;padding-top:0;border-top:0;max-width:none}
.contact{background:var(--paper);padding:clamp(3.8rem,7vw,7.2rem) 0 clamp(4.2rem,8vw,8rem);
position:relative;border-top:2px solid var(--ink);overflow:hidden;isolation:isolate}
.contact::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
background:linear-gradient(101deg,
rgba(255,90,15,.055) 0 49.82%,rgba(43,84,204,.05) 50.18% 100%);
-webkit-mask-image:linear-gradient(#000 0,rgba(0,0,0,.42) 68%,transparent 100%);
mask-image:linear-gradient(#000 0,rgba(0,0,0,.42) 68%,transparent 100%)}
.contact__wrap{display:grid;grid-template-columns:minmax(0,1fr);
row-gap:clamp(1.7rem,3vw,2.8rem);align-items:start;position:relative}
.contact__wrap>*{position:relative;z-index:1}
.contact__lead{display:grid;
grid-template-columns:minmax(0,1.14fr) minmax(25rem,.86fr);
grid-template-areas:"title copy" "title manifest";
column-gap:clamp(2.8rem,6vw,6.4rem);row-gap:clamp(1.2rem,2vw,1.8rem);
align-items:start}
.contact__bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;
gap:1rem;flex-wrap:wrap;
padding-top:clamp(.8rem,1.6vw,1.4rem);
border-top:2px solid rgba(31,24,16,.32)}
.contact__bar .kicker{margin-bottom:0;text-align:right}
.contact__folio{--trim-h:2.9em;
display:grid;place-items:center;
width:calc(2.9em + var(--trim));height:2.9em;padding-right:var(--trim);
font-family:var(--f-mono);font-weight:700;font-size:var(--t-sm);
letter-spacing:.14em;text-indent:.14em;line-height:1;
color:var(--paper-3);background:var(--ink);
clip-path:polygon(0 0,100% 0,calc(100% - var(--trim)) 100%,0 100%)}
.contact .sect-title{grid-area:title;font-size:clamp(3.5rem,5.6vw,5.8rem);
line-height:.88;letter-spacing:-.055em;margin:0;align-self:start}
.contact__text{grid-area:copy;font-size:clamp(1.05rem,1.45vw,1.32rem);
line-height:1.5;max-width:38ch;font-weight:450;color:var(--ink-2)}
.contact__text strong{color:var(--ink);box-shadow:inset 0 -.14em 0 rgba(255,90,15,.55)}
.manifest{grid-area:manifest;margin-top:0;border:2px solid var(--ink);
background:var(--paper-3);padding:.2rem 1.15rem;max-width:none;width:100%}
.manifest__row{display:grid;grid-template-columns:5.4rem 1fr;gap:1rem;align-items:baseline;
padding:.75rem .05rem;border-bottom:1.5px dashed rgba(31,24,16,.34)}
.manifest__row:last-child{border-bottom:0}
.manifest dt{font-family:var(--f-mono);font-weight:700;font-size:var(--t-xs);letter-spacing:.14em;
text-transform:uppercase;color:var(--orange-deep)}
.manifest dd{font-size:var(--t-body-sm);color:var(--ink-2)}
.manifest dd strong{color:var(--ink)}
.manifest .nb{white-space:nowrap}
.callcard{position:relative;isolation:isolate;overflow:hidden;
display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;
min-height:clamp(390px,35vw,510px);
border:2px solid var(--ink);border-radius:var(--r-sheet);
padding:var(--card-pad);background:var(--paper-3);box-shadow:var(--lift-hi);
--card-pad:clamp(1.8rem,3.6vw,3rem);
--seam-x:calc(var(--seam)*1%);
--cut-shift:calc((var(--seam) - 50) * 0.981627 / 2.2 * 1%)}
.callcard::before{content:"";position:absolute;top:0;left:0;right:0;height:9px;z-index:2;
background:linear-gradient(90deg,var(--orange) 0 var(--seam-x),var(--blue) var(--seam-x) 100%)}
.callcard__seam{position:absolute;inset:0;z-index:0;pointer-events:none}
.callcard__seam::before,.callcard__seam::after,.callcard__seam i{content:"";position:absolute;
inset:-60%;transform:rotate(11deg) translateX(var(--cut-shift))}
.callcard__seam::before{background:var(--orange);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}
.callcard__seam::after{background:var(--blue);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}
.callcard__seam i{background:var(--ink);clip-path:polygon(
calc(50% - 1.6px) 0,calc(50% + 1.6px) 0,calc(50% + 1.6px) 100%,calc(50% - 1.6px) 100%)}
.callcard>*:not(.callcard__seam):not(.stamp){position:relative;z-index:1}
.callcard__k{grid-row:1;align-self:start;justify-self:start;
display:inline-block;font-family:var(--f-mono);font-weight:700;
font-size:clamp(.875rem,1.05vw,1.08rem);
letter-spacing:.16em;text-transform:uppercase;color:var(--ink);
background:var(--paper-3);border:2px solid var(--ink);padding:.55em .9em .5em}
.callcard{--phone-size:clamp(2rem,6.65vw,6rem)}
.callcard__phone-wrap{position:relative;display:block;isolation:isolate;
grid-row:2;align-self:center;margin:.5em 0 .5em calc(-1 * var(--card-pad));
width:max-content;max-width:calc(100% + var(--card-pad));
background:var(--paper-3);
--panel-h:1.62;
padding:calc(var(--phone-size) * .31) calc(var(--phone-size) * .62)
calc(var(--phone-size) * .31) var(--card-pad);
--panel-cut:calc(var(--cut-tan) * var(--panel-h) * var(--phone-size));
clip-path:polygon(0 0,100% 0,calc(100% - var(--panel-cut)) 100%,0 100%);
transition:translate .34s var(--ease-out),filter .34s var(--ease-out)}
.callcard__phone{display:inline-flex;align-items:baseline;gap:.1em;
font-family:var(--f-mono);font-weight:700;font-size:var(--phone-size);
min-height:44px;line-height:1;letter-spacing:-.01em;white-space:nowrap;color:var(--ink);
font-variant-numeric:tabular-nums;
border-bottom:3px solid var(--orange);padding-bottom:.1em;
transition:color .2s,border-color .2s}
.callcard__phone:hover{color:var(--orange-deep);border-color:var(--ink)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.callcard__phone-wrap:has(.callcard__phone:hover),
.callcard__phone-wrap:has(.callcard__phone:focus-visible){
translate:clamp(4px,.55vw,8px) 0;
filter:drop-shadow(-8px 10px 0 rgba(31,24,16,.12))}}
.callcard__note{display:inline-block;font-family:var(--f-mono);font-size:var(--t-xs);font-weight:600;
letter-spacing:.05em;color:var(--ink);background:var(--paper-3);
border:1.5px dashed var(--sand-5);border-radius:var(--r-trim);padding:.35em .9em}
.callcard__worlds{grid-row:3;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
margin-top:1.6rem;padding-top:1.3rem;border-top:2px solid var(--ink);
padding-right:calc(var(--stamp-w) + .7rem)}
.cw{display:inline-flex;align-items:center;gap:.5em;font-family:var(--f-mono);font-weight:700;
font-size:var(--t-xs);letter-spacing:.05em;text-transform:uppercase;
padding:.42em .8em;border-radius:var(--r-trim);background:var(--paper-3);color:var(--ink)}
.cw::before{content:"";width:.62em;height:.62em;flex:none}
.cw--t::before{background:var(--orange-deep)}
.cw--a::before{background:var(--blue-deep);border-radius:50%}
.callcard{--stamp-w:clamp(76px,7.5vw,116px)}
.stamp--gratis{position:absolute;top:auto;right:clamp(10px,1.4vw,18px);bottom:clamp(10px,1.4vw,18px);
width:var(--stamp-w);z-index:3;color:var(--paper-3);opacity:.95;transform:rotate(-7deg)}
.js .stamp--gratis{opacity:0;transform:rotate(-14deg) scale(1.45)}
.js .stamp--gratis.stamped{opacity:.95;transform:rotate(-7deg) scale(1);
transition:transform .5s var(--ease-spring) .3s,opacity .28s .3s}
.site-footer{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;isolation:isolate;
--fcol:clamp(10.5rem,13vw,12rem)}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;z-index:2;
background:linear-gradient(90deg,var(--orange) 0 calc(var(--seam)*1%),var(--blue) calc(var(--seam)*1%) 100%)}
.fcrop{position:absolute;width:14px;height:14px;z-index:3;pointer-events:none;opacity:.45}
.fcrop::before,.fcrop::after{content:"";position:absolute;background:var(--paper)}
.fcrop::before{width:100%;height:1.5px;top:0}
.fcrop::after{height:100%;width:1.5px;left:0}
.fcrop--tl{top:16px;left:16px}
.fcrop--tr{top:16px;right:16px;transform:scaleX(-1)}
.fcrop--bl{bottom:16px;left:16px;transform:scaleY(-1)}
.fcrop--br{bottom:16px;right:16px;transform:scale(-1)}
.footer__wrap{display:grid;grid-template-columns:var(--fcol) minmax(0,1fr);gap:clamp(1.6rem,5vw,4.5rem);
align-items:start;padding:clamp(2.2rem,4.5vw,3.6rem) 0 1.6rem;position:relative;z-index:1}
.footer__brand{display:flex;flex-direction:column;gap:.4rem}
.footer__brand .brand__name{font-family:var(--f-display);font-weight:900;font-size:1.85rem;letter-spacing:-.03em}
.footer__brand .brand__name span{color:var(--orange)}
.footer__brand .brand__mark{width:26px;height:26px;border-color:var(--paper)}
.footer__tag{font-family:var(--f-display);font-style:normal;font-weight:700;font-size:var(--t-body-sm);
color:var(--sand-3);margin-top:.3rem}
.footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,2.4vw,2.2rem)}
.footer__cols>div{border-left:2px solid rgba(224,211,180,.18);padding-left:clamp(1rem,1.6vw,1.6rem)}
.footer__cols h3{font-family:var(--f-mono);font-weight:600;font-size:var(--t-sm);letter-spacing:.14em;
text-transform:uppercase;color:var(--orange);margin-bottom:.7rem}
.footer__cols p{font-size:var(--t-body-sm);color:var(--sand-2);line-height:1.65;max-width:38ch}
.footer__cols a{border-bottom:1.5px solid var(--orange);display:inline-flex;align-items:center;min-height:24px}
.footer__social{margin-top:.8rem}
.footer__cols a.social-link{gap:.5rem;border-bottom:0;color:var(--sand-2)}
.footer__cols a.social-link span{border-bottom:1.5px solid var(--orange)}
.footer__cols a.social-link:hover{color:var(--orange)}
.footer__mega{position:relative;z-index:0;display:flex;justify-content:center;line-height:.85;
font-family:var(--f-display);font-weight:900;font-size:clamp(3.4rem,15vw,11rem);letter-spacing:-.05em;
padding:clamp(.5rem,1.5vw,1.5rem) 0 0;user-select:none;overflow:hidden;
background-image:linear-gradient(90deg,
var(--orange) 0 calc(var(--seam) * 1% - 2px),
var(--ink) calc(var(--seam) * 1% - 2px) calc(var(--seam) * 1% + 2px),
var(--blue) calc(var(--seam) * 1% + 2px) 100%);
-webkit-background-clip:text;background-clip:text;color:transparent}
.footer__mega span{color:transparent;-webkit-text-stroke:0}
.footer__bar{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.2rem 0 1.4rem;
position:relative;z-index:1;border-top:1.6px solid var(--bark);font-family:var(--f-mono);
font-size:var(--t-xs);letter-spacing:.04em;color:var(--sand-6);width:var(--wrap);margin-inline:auto}
@media (max-width:899px){
.phone-chip__num{display:none}
.phone-chip__lbl{font-size:var(--t-sm);letter-spacing:.06em;opacity:1}}
@media (max-width:719px){
.nav{display:none}
.brand{margin-right:auto}}
@media (max-width:1100px){
.patent__grid{grid-template-columns:minmax(0,1fr);gap:1.8rem}
.patent__plate{max-width:560px;margin-inline:auto;width:100%}
.contact__wrap{grid-template-columns:minmax(0,1fr);align-items:start}
.contact__lead{grid-template-columns:minmax(0,1fr) minmax(22rem,.9fr);
column-gap:clamp(2rem,4vw,3.5rem)}
.callcard{max-width:none}}
@media (max-width:820px){
.contact__lead{grid-template-columns:minmax(0,1fr);
grid-template-areas:"title" "copy" "manifest";row-gap:1.35rem}
.contact .sect-title{font-size:clamp(3.1rem,10vw,5.2rem);max-width:10ch}
.contact__text{max-width:46ch}
.manifest{max-width:46rem}
.callcard{min-height:clamp(370px,70vw,460px);--phone-size:clamp(1.6rem,7vw,3.5rem)}}
@media (max-width:960px){
.strip__row .prod:nth-child(1),
.strip__row .prod:nth-child(2),
.strip__row .prod:nth-child(3){transform:none}
.js .strip__row .prod:nth-child(1):hover,
.js .strip__row .prod:nth-child(2):hover,
.js .strip__row .prod:nth-child(3):hover{transform:translateY(-4px)}}
@media (min-width:641px) and (max-width:820px){
.strip__row .prod--wide{flex-direction:column}
.strip__row .prod--wide .prod__head{flex:none;min-height:0}
.strip__row .prod--wide .prod__shot{position:relative;inset:auto;
border-bottom:2px solid var(--ink);border-right:0}
.strip__row .prod--wide .prod__shot img{aspect-ratio:21/9;height:auto;min-height:0}
.strip__row .prod--wide .prod__mark{left:clamp(.8rem,1.6vw,1.2rem);right:auto;
top:auto;bottom:calc(-1 * var(--mark) / 2.9);translate:none}
.strip__row .prod--wide .prod__body{justify-content:flex-start;
padding:clamp(2.9rem,4.4vw,3.4rem) clamp(1.2rem,2vw,1.7rem) clamp(1.2rem,1.8vw,1.6rem)}
.strip__row .prod--wide .prod__desc{max-width:52ch}}
@media (max-width:820px){
:root{--hdr:56px}
.hero{
--hero-w:calc(100vw - var(--sbw,0px));
--run-y:calc(var(--cut-half) * var(--hero-w));
--hero-h:clamp(min(580px,100svh),100svh,980px);
--hero-fs:clamp(2.15rem,10.4vw,4.4rem);
--eb-t:clamp(4.2rem,9svh,5.6rem);
--eb-b:clamp(1.6rem,4svh,2.8rem);
--floor:env(safe-area-inset-bottom,0px);
display:block}
.hero__half{position:absolute;inset:0;padding:0;display:block;min-height:0;width:auto}
.hero__half--t{clip-path:polygon(0 0,100% 0,
100% calc(var(--seam)*1% - var(--run-y)),0 calc(var(--seam)*1% + var(--run-y)))}
.hero__half--a{clip-path:polygon(0 calc(var(--seam)*1% + var(--run-y)),
100% calc(var(--seam)*1% - var(--run-y)),100% 100%,0 100%)}
.hero__knock--t{clip-path:polygon(0 0,100% 0,
100% calc(var(--seam)*1% - var(--run-y)),0 calc(var(--seam)*1% + var(--run-y)))}
.hero__knock--a{clip-path:polygon(0 calc(var(--seam)*1% + var(--run-y)),
100% calc(var(--seam)*1% - var(--run-y)),100% 100%,0 100%)}
.hero__seam{clip-path:polygon(
0 calc(var(--seam)*1% + var(--run-y) - 1.7px),100% calc(var(--seam)*1% - var(--run-y) - 1.7px),
100% calc(var(--seam)*1% - var(--run-y) + 1.7px),0 calc(var(--seam)*1% + var(--run-y) + 1.7px))}
.hero.printing .hero__half--t{animation-name:plate-t-v}
.hero.printing .hero__half--a{animation-name:plate-a-v}
.hero__eyebrow{max-width:min(64%,24ch)}
.hero__half--t .hero__eyebrow{top:var(--eb-t);left:var(--gutter);font-size:clamp(.86rem,3.6vw,1.15rem)}
.hero__half--a .hero__eyebrow{top:auto;bottom:calc(var(--floor) + var(--eb-b));right:var(--gutter);
font-size:clamp(.86rem,3.6vw,1.15rem)}
.hero__plate{bottom:auto}
.hero__plate--van{top:calc(var(--hdr) + clamp(2.2rem,8svh,4.5rem));left:auto;right:var(--gutter);
width:min(48%,250px)}
.hero__plate--van::after{left:0;right:0;bottom:-10px}
.hero__plate--octo{top:auto;bottom:calc(var(--floor) + clamp(3.4rem,9svh,5rem));
right:auto;left:var(--gutter);width:min(44%,205px)}
.hero__fx--a{inset:auto auto calc(var(--floor) + 15%) 0;width:min(52%,250px);height:24%}
.hero__head{top:50%;font-size:var(--hero-fs);letter-spacing:-.033em;
width:max-content;max-width:calc(100% - 2*var(--gutter) - 3.4rem)}
.hero__cta{top:calc(50% + .94 * var(--hero-fs) + 1.4rem);width:min(100% - var(--gutter)*2,360px)}
.hero__cta .btn{width:100%}
.hero__meta,.crop{display:none}
.hero__grip{top:calc(var(--seam)*1% - .93 * var(--run-y));left:auto;right:0;
width:34px;height:44px;border-radius:0;border-right:0;
transform:translate(0,-50%);cursor:ns-resize}
.hero__grip i{transform:rotate(90deg)}
.hero.dragging{cursor:ns-resize}
.band--t{padding-bottom:calc(var(--band-rise) + clamp(1rem,3vw,1.6rem))}
.band--a{padding-bottom:calc(var(--band-rise) + clamp(1rem,3vw,1.6rem))}
.vroute__head{flex-direction:column;align-items:flex-start;gap:.9rem}
.vroute__stage{height:284px;--road:76px}
.vroute__terrain{height:196px}
.vroute__van{width:clamp(104px,26vw,132px)}
.vroute__arrival{width:104px;bottom:calc(var(--road) - 20px)}
.vroute__stop b{padding:.24em .4em}
.vroute__stop:nth-child(2) b{top:38px}
.vroute__stop:nth-child(3) b{top:58px}
.vroute__stop--end b{top:78px}
.services{grid-template-columns:minmax(0,1fr)}
.footer__wrap{grid-template-columns:1fr}
.footer__cols{grid-template-columns:repeat(2,1fr)}}
@media (min-width:640px) and (max-width:820px) and (min-height:701px){
.hero__plate--van{width:min(38%,300px)}
.hero__plate--octo{width:min(34%,248px)}
.hero__head{font-size:clamp(3rem,8.4vw,5rem)}}
@media (max-width:640px){
.contact{padding:3.2rem 0 4rem}
.contact__wrap{row-gap:1.55rem}
.contact__bar{padding-top:.75rem}
.contact .sect-title{font-size:clamp(2.75rem,12.4vw,3.65rem);line-height:.9}
.contact__text{font-size:1rem;line-height:1.55}
.callcard{--card-pad:clamp(1.25rem,5vw,1.55rem);
--phone-size:clamp(1.55rem,6.8vw,1.9rem);min-height:390px;
box-shadow:7px 7px 0 rgba(31,24,16,.24)}
.callcard__phone{letter-spacing:-.025em}
.callcard__worlds{padding-right:0}
.stamp--gratis{top:clamp(12px,3vw,16px);bottom:auto}
.strip__row{grid-template-columns:minmax(0,1fr)}
.prod__shot img{aspect-ratio:16/10}
.prod__body{padding-top:2.6rem}
.btn{width:100%}
.world__cta{width:100%}
.patent__top{grid-template-columns:minmax(0,1fr);align-items:start}
.patent__desig{max-width:none;padding:.7rem 0 0;border-left:0;
border-top:1.5px solid rgba(31,24,16,.3)}
.atesty{flex-direction:column;align-items:flex-start;text-align:left;
padding-right:clamp(1.3rem,3vw,2.6rem)}
.atesty::after{display:none}
.atesty__statement{flex:0 0 auto;width:100%}
.atesty .world__cta{margin-left:0;width:100%}
.pcell__num{font-size:1.9rem}
.footer__cols{grid-template-columns:1fr}
.footer__cols>div{padding-left:.9rem}
.manifest__row{grid-template-columns:4.6rem 1fr;gap:.7rem}}
@media (max-width:374px){
.sect-title{font-size:2.1rem}
.sect-head__body{grid-template-areas:"folio folio" "kicker kicker" "title title" "lead lead" "facts facts"}
.sect-head__body>.kicker{justify-self:start;text-align:left;margin-top:.55rem}
.brand{font-size:1rem}
.brand__mark{width:17px;height:17px}
.phone-chip{padding:.48em calc(.7em + var(--trim)) .48em .5em;gap:.42em}
.hero{--hero-fs:2rem}
.hero__cta-note{letter-spacing:.1em}
.hero__plate--van{width:min(40%,150px)}
.hero__plate--octo{width:min(36%,132px)}
.patent__title{font-size:1.6rem}
.prod__title{font-size:1.5rem}
.manifest__row{grid-template-columns:minmax(0,1fr);gap:.28rem;align-items:start}
.callcard{--card-pad:1.25rem;--phone-size:1.6rem}}
@media (max-width:820px) and (max-height:700px){
.hero__cta{top:calc(50% + .94 * var(--hero-fs) + 1rem)}
.hero__plate--octo{width:min(34%,140px);bottom:calc(var(--floor) + clamp(2.6rem,8svh,4rem))}
.hero__plate--van{width:min(36%,168px)}}
@media (max-width:820px) and (max-height:560px){
:root{--hdr:48px}
.hero{
--hero-fs:clamp(1.55rem,7svh,2.4rem);
--eb-t:calc(var(--hdr) + .5rem);
--eb-b:clamp(.5rem,2.2svh,1rem)}
.hero__half--t .hero__eyebrow,.hero__half--a .hero__eyebrow{font-size:.8rem;max-width:min(52%,22ch)}
.hero__plate--van{top:calc(var(--hdr) + .4rem);width:min(24%,124px)}
.hero__plate--octo{bottom:calc(var(--floor) + .5rem);width:min(22%,104px)}
.hero__cta{top:calc(50% + .94 * var(--hero-fs) + .7rem);
width:min(100% - var(--gutter)*2,300px);gap:.5rem}
.hero__cta-note{font-size:var(--t-xs);padding:.34em calc(.65em + var(--trim)) .34em .7em}
.hero__cta .btn{padding:.72em calc(1.2em + var(--trim)) .72em 1.2em;font-size:var(--t-body-sm)}
.hero__grip{height:38px}}
@media print{
.grain,.skip,.progress,.hero__fx,.hero__seam,.hero__grip,.nav,
.footer__mega,.fcrop,.prod__cap,.prod__psst{display:none!important}
body{background:#fff;color:#000}
.hero{--hero-h:620px;--floor:0px}
.band,.band--a::before{clip-path:none}
.band--t{padding-bottom:2rem}
.band--a{margin-top:0;padding-top:2.4rem;padding-bottom:2rem}
.strip{margin-top:2rem}
.strip__row{grid-template-columns:1fr 1fr;gap:1.2rem}
.strip__row .prod:nth-child(n){transform:none;box-shadow:none}
.prod__shot img{aspect-ratio:4/3}
.callcard,.btn,.lb,.manifest,.pcells{box-shadow:none}
.btn{filter:none}
.atesty::after{background:#fff}
.site-header{position:static;height:auto;padding-block:.6rem}
.reveal,.hl>span{opacity:1!important;transform:none!important}
section{page-break-inside:avoid}
.patent,.atesty,.callcard,.prod{break-inside:avoid}}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.js .reveal,.js .hl>span{opacity:1;transform:none}
.js .patent .pd-draw{stroke-dashoffset:0}
.js .pd-arrow,.js .pd-label,.js .pd-tag,.js .pd-dot,.js .pd-hatch{opacity:1}
.js .patent__cart{opacity:1;transform:translate(-50%,-50%)}
.js .stamp--gratis{opacity:.95;transform:rotate(-7deg) scale(1)}
.strip__row .prod:nth-child(1),
.strip__row .prod:nth-child(2),
.strip__row .prod:nth-child(3){transform:none}
.js .prod:hover{transform:none!important}
.prod__shot img{transform:none!important}
.vroute__plate,.vroute__sun,.vroute__van{will-change:auto}}
.hero__route,.hero__folio,.hero__system{display:none}
@media (min-width:821px){
:root{--hdr:clamp(78px,5.97vw,86px)}
.site-header{
gap:clamp(1.4rem,3vw,3.2rem);
padding-left:clamp(2rem,4vw,3.6rem);
padding-right:clamp(2.2rem,3.5vw,3.1rem)}
.site-header.tint-paper{background:var(--paper);color:var(--ink)}
.brand{gap:0;font-size:clamp(2.55rem,3.75vw,3.4rem);line-height:.9}
.brand__mark{display:none}
.brand__name span{color:var(--blue)}
.nav{
gap:clamp(2.2rem,5.2vw,4.8rem);
font-family:var(--f-body);font-size:clamp(.9rem,1.28vw,1.16rem);
font-weight:700;letter-spacing:0}
.nav a{gap:.48em;padding:.7em 0}
.nav__idx{color:var(--orange-deep);font-size:1em;font-weight:800;opacity:1}
.phone-chip{
--bg:transparent;--fg:var(--ink);flex:0 0 auto;gap:.8rem;
padding:0;background:transparent;color:var(--ink);clip-path:none;
filter:none;font-family:var(--f-body);letter-spacing:0}
.phone-chip__ico{
width:50px;height:50px;border:2px solid var(--orange);border-radius:50%;
color:var(--orange)}
.phone-chip__ico svg{width:22px;height:22px}
.phone-chip__txt{display:flex;flex-direction:column;align-items:flex-start;gap:.08rem}
.phone-chip__lbl{
font-size:.82rem;line-height:1;text-transform:none;letter-spacing:0;font-weight:700}
.phone-chip__num{font-size:clamp(1.45rem,2.15vw,2rem);line-height:1;font-weight:900}
.phone-chip:hover{translate:0 -1px;filter:none}
.site-header.tint-atrakcje .phone-chip{color:var(--paper-3)}
.site-header.tint-atrakcje .phone-chip__ico{border-color:var(--paper-3);color:var(--paper-3)}
.hero{
--hero-h:clamp(650px,50.85vw,860px);
--hero-ref-seam:52;
--hero-ref-run:3.18%;
--hero-ref-gutter:clamp(3rem,5.7vw,6.2rem);
height:var(--hero-h);background:var(--paper-3);
border-bottom:1px solid rgba(31,24,16,.28)}
.hero__half--t{
background:
radial-gradient(circle at 34% 48%,#ef4d05 0,#ed4b04 56%,#eb4904 100%);
clip-path:polygon(
0 0,
calc(var(--hero-ref-seam)*1% - var(--hero-ref-run)) 0,
calc(var(--hero-ref-seam)*1% + var(--hero-ref-run)) 100%,
0 100%)}
.hero__half--a{
background:
radial-gradient(circle at 43% 61%,#2455c5 0,#174cb2 58%,#103f9e 100%);
clip-path:polygon(
calc(var(--hero-ref-seam)*1% - var(--hero-ref-run)) 0,
100% 0,
100% 100%,
calc(var(--hero-ref-seam)*1% + var(--hero-ref-run)) 100%)}
.hero__half--t::after,.hero__half--a::after{
opacity:.09;background-image:radial-gradient(rgba(243,236,218,.38) .65px,transparent 1px);
background-size:17px 17px}
.hero__half--t::before,.hero__half--a::before{opacity:.26}
.hero__folio{
display:block;position:absolute;z-index:1;pointer-events:none;user-select:none;
font-family:var(--f-display);font-weight:900;line-height:.72;letter-spacing:-.12em;
color:transparent}
.hero__folio--t{
left:28%;bottom:5%;font-size:clamp(12rem,21vw,22rem);
-webkit-text-stroke:clamp(1px,.13vw,2px) rgba(31,24,16,.09);
transform:rotate(-1deg)}
.hero__folio--a{
right:1%;top:auto;bottom:4%;font-size:clamp(12rem,20vw,21rem);
-webkit-text-stroke:clamp(1px,.13vw,2px) rgba(243,236,218,.065);
transform:rotate(1deg)}
.hero__system{
display:block;position:absolute;z-index:1;pointer-events:none;
transition:opacity .45s var(--ease-out),transform .65s var(--ease-out),translate .65s var(--ease-out)}
.hero__system--a{
right:6%;top:23%;width:clamp(290px,31vw,470px);aspect-ratio:1;
border:1px solid rgba(243,236,218,.44);border-radius:50%;opacity:.18;
box-shadow:0 0 0 52px rgba(243,236,218,.18),0 0 0 104px rgba(243,236,218,.09);
transform:rotate(-5deg)}
.hero__system--a i{
position:absolute;left:50%;top:50%;width:18px;height:18px;
border:1px solid rgba(243,236,218,.8);border-radius:50%;translate:-50% -50%}
.hero__system--a i::before,.hero__system--a i::after{
content:"";position:absolute;background:rgba(243,236,218,.8)}
.hero__system--a i::before{left:50%;top:-8px;bottom:-8px;width:1px}
.hero__system--a i::after{top:50%;left:-8px;right:-8px;height:1px}
.hero__half--a:hover .hero__system--a,
.hero__half--a:focus-visible .hero__system--a{opacity:.24;transform:rotate(-2deg) scale(1.025)}
.hero__eyebrow{
top:clamp(118px,9vw,132px);max-width:clamp(13rem,21vw,20rem);gap:.72rem;
color:var(--paper);font-family:var(--f-body);font-weight:700;
font-size:clamp(.88rem,1.15vw,1.05rem);line-height:1.18;
text-transform:none;letter-spacing:0}
.hero__half--t .hero__eyebrow{
left:34.1%;right:auto;color:var(--ink);
font-size:clamp(.88rem,1.15vw,1.05rem);letter-spacing:0}
.hero__half--a .hero__eyebrow{
left:57%;right:auto;flex-direction:row;text-align:left;
font-size:clamp(.88rem,1.15vw,1.05rem);letter-spacing:0}
.hero__eyebrow b,
.hero__half--a .hero__eyebrow b{
width:2.45em;height:2.45em;padding:0;border:0;border-radius:50%;
display:grid;place-items:center;align-self:center;background:var(--paper);
line-height:1;font-family:var(--f-body);font-size:.9em;
transition:background .25s,color .25s,transform .35s var(--ease-out)}
.hero__half--t .hero__eyebrow b{color:var(--orange-deep)}
.hero__half--a .hero__eyebrow b{color:var(--blue)}
.hero__eyebrow i{display:none}
.hero__eyebrow::after{
content:"";display:block;flex:none;width:clamp(28px,3.4vw,54px);height:1px;
background:currentColor;opacity:.62;transition:width .35s var(--ease-out)}
.hero__half:hover .hero__eyebrow::after,.hero__half:focus-visible .hero__eyebrow::after{
width:clamp(46px,5.4vw,82px)}
.hero__half--t:hover .hero__eyebrow b,.hero__half--t:focus-visible .hero__eyebrow b{
background:var(--ink);color:var(--paper);transform:rotate(-5deg)}
.hero__half--a:hover .hero__eyebrow b,.hero__half--a:focus-visible .hero__eyebrow b{
background:var(--navy);color:var(--paper);transform:rotate(5deg)}
.hero__knock--t{
z-index:2;
clip-path:polygon(
0 0,
calc(var(--hero-ref-seam)*1% - var(--hero-ref-run)) 0,
calc(var(--hero-ref-seam)*1% + var(--hero-ref-run)) 100%,
0 100%)}
.hero__knock--a{
display:block;z-index:2;opacity:1;transform:none;mix-blend-mode:normal;
clip-path:polygon(
calc(var(--hero-ref-seam)*1% - var(--hero-ref-run)) 0,
100% 0,
100% 100%,
calc(var(--hero-ref-seam)*1% + var(--hero-ref-run)) 100%)}
.hero__head{
left:var(--hero-ref-gutter);top:clamp(188px,14.3vw,208px);
transform:scaleY(1.045);transform-origin:left top;width:max-content;text-align:left;
font-size:clamp(5.2rem,9.7vw,9.75rem);line-height:.8;letter-spacing:-.055em}
.hero__head .hl:first-of-type{
transform:scaleX(.88);transform-origin:left bottom}
.hero__head .hl:last-of-type{
transform:translateX(clamp(2.5rem,4.8vw,6.5rem))}
.hero__knock--t .hero__head{color:var(--ink)}
.hero__head em{color:var(--paper);letter-spacing:-.035em}
.hero__knock--a .hero__head,.hero__knock--a .hero__head em{color:var(--paper-3)}
.hero__plate{bottom:auto;z-index:4;isolation:isolate;transition:translate .35s var(--ease-out)}
.hero__plate--van{
left:6.83%;right:auto;bottom:6.9%;width:clamp(184px,15.15vw,220px)}
.hero__plate--van::after{display:none}
.hero__plate--octo{
left:auto;right:15.05%;bottom:16.1%;width:clamp(235px,19.9vw,290px)}
.hero__plate .hero__art{
transform-origin:center bottom;transition:transform .55s var(--ease-out),filter .55s var(--ease-out)}
.hero__plate--van .hero__art{filter:drop-shadow(10px 12px 0 rgba(126,47,11,.28))}
.hero__plate--octo .hero__art{filter:url(#duo-blue) drop-shadow(12px 14px 0 rgba(7,28,92,.44))}
.hero__half--t:hover .hero__art,.hero__half--t:focus-visible .hero__art{
transform:translateX(8px) rotate(-.5deg) scale(1.015)}
.hero__half--a:hover .hero__art,.hero__half--a:focus-visible .hero__art{
transform:translateY(-8px) rotate(.75deg) scale(1.025)}
.hero__fx--a{
inset:auto 8.2% 17% auto;width:min(21%,310px);height:48%;overflow:visible;
opacity:.68}
.hero__fx i{border-width:1.6px}
.hero__route{
display:none;position:absolute;inset:0;z-index:3;width:100%;height:100%;
pointer-events:none;overflow:visible}
.hero__route-lines{
fill:none;stroke:var(--paper);stroke-width:4.2;stroke-linecap:round;
stroke-linejoin:round;stroke-dasharray:14 12}
.hero__route-lines path{vector-effect:non-scaling-stroke}
.hero__route-line--transport{stroke-linecap:square}
.hero__route-line--attraction{stroke-linecap:round}
.hero__route-terminals > *{
fill:var(--paper);stroke:var(--ink);stroke-width:2;
vector-effect:non-scaling-stroke}
.hero__route-register-halo{
fill:none;stroke:var(--paper);stroke-width:1.5;stroke-dasharray:3 6;opacity:.78;
transform-box:fill-box;transform-origin:center;
transition:transform .65s var(--ease-out),opacity .35s}
.hero:hover .hero__route-register-halo{transform:rotate(45deg);opacity:1}
.hero__route-register-core{
fill:var(--paper);stroke:var(--ink);stroke-width:2.2}
.hero__route-register path{fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round}
.hero__route-register circle:last-child{fill:var(--ink)}
.hero__route-lines path,
.hero__route-terminals > *{
transition:opacity .38s var(--ease-out),stroke-width .38s var(--ease-out),
stroke-dashoffset .55s var(--ease-out),transform .38s var(--ease-out);
transform-box:fill-box;transform-origin:center}
.hero:has(.hero__half--t:hover) .hero__route-line--attraction,
.hero:has(.hero__half--t:focus-visible) .hero__route-line--attraction,
.hero:has(.hero__half--t:hover) .hero__route-terminal--attraction,
.hero:has(.hero__half--t:focus-visible) .hero__route-terminal--attraction,
.hero:has(.hero__half--a:hover) .hero__route-line--transport,
.hero:has(.hero__half--a:focus-visible) .hero__route-line--transport,
.hero:has(.hero__half--a:hover) .hero__route-terminal--transport,
.hero:has(.hero__half--a:focus-visible) .hero__route-terminal--transport{opacity:.3}
.hero:has(.hero__half--t:hover) .hero__route-line--transport,
.hero:has(.hero__half--t:focus-visible) .hero__route-line--transport{
stroke-width:5.2;stroke-dashoffset:-26}
.hero:has(.hero__half--a:hover) .hero__route-line--attraction,
.hero:has(.hero__half--a:focus-visible) .hero__route-line--attraction{
stroke-width:5.2;stroke-dashoffset:26}
.hero:has(.hero__half--t:hover) .hero__route-terminal--transport,
.hero:has(.hero__half--t:focus-visible) .hero__route-terminal--transport,
.hero:has(.hero__half--a:hover) .hero__route-terminal--attraction,
.hero:has(.hero__half--a:focus-visible) .hero__route-terminal--attraction{transform:scale(1.45)}
.hero__grip,.hero .crop{display:none}
.hero__seam{
display:block;z-index:2;background:var(--paper);opacity:.62;pointer-events:none;
clip-path:polygon(
calc(var(--hero-ref-seam)*1% - var(--hero-ref-run) - 1px) 0,
calc(var(--hero-ref-seam)*1% - var(--hero-ref-run) + 1px) 0,
calc(var(--hero-ref-seam)*1% + var(--hero-ref-run) + 1px) 100%,
calc(var(--hero-ref-seam)*1% + var(--hero-ref-run) - 1px) 100%);
filter:drop-shadow(3px 0 0 rgba(31,24,16,.2))}
.hero__cta{
left:var(--hero-ref-gutter);top:61.8%;transform:none;
align-items:flex-start;width:max-content;isolation:isolate}
.hero__cta::before{
content:"";position:absolute;z-index:-1;left:10px;top:10px;right:-6px;bottom:-9px;
background:var(--blue-deep);
clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.hero__cta-note{
box-sizing:border-box;width:clamp(304px,23.8vw,350px);
clip-path:none;padding:.62em .86em;background:var(--paper);color:var(--ink);
font-family:var(--f-body);font-size:clamp(.9rem,1.28vw,1.16rem);
font-weight:700;line-height:1.15;text-transform:none;letter-spacing:0;
border:1.5px solid var(--ink);border-bottom:0;box-shadow:none}
.hero__cta .btn{
width:auto;min-width:clamp(250px,19.6vw,286px);font-family:var(--f-body);
font-size:clamp(.86rem,1.23vw,1.12rem);
padding:.86em calc(1.8em + var(--trim)) .86em 1.45em;
filter:none}
.hero__cta .btn:hover{translate:-3px -3px;filter:none}
.hero__cta .btn:active{translate:1px 2px;filter:none}
.hero__meta{
bottom:clamp(1rem,1.55vw,1.4rem);font-size:clamp(.67rem,.86vw,.78rem);
letter-spacing:.04em;text-transform:none}
.hero__meta--l{left:var(--hero-ref-gutter)}}
@media (min-width:1180px){
.hero__route{display:block}
.hero__plate--van{left:5.5%;bottom:6.4%;width:clamp(200px,17vw,380px)}
.hero__plate--octo{right:9.5%;bottom:14.8%;width:clamp(270px,23.5vw,520px)}
.site-header .nav{
position:absolute;left:49.2%;transform:translateX(-50%)}
.site-header .phone-chip{margin-left:auto}}
@media (min-width:1760px){
.hero__head .hl:first-of-type{transform:scaleX(1.05)}
.hero__head .hl:last-of-type{transform:translateX(12.5rem)}}
@media (min-width:821px) and (prefers-reduced-motion:no-preference){
.hero.printing .hero__folio--t{animation:hero-folio-in .62s var(--ease-out) .12s both}
.hero.printing .hero__folio--a{animation:hero-folio-in .72s var(--ease-out) .18s both}
.hero.printing .hero__system--a{animation:hero-system-a-in .76s var(--ease-out) .2s both}
.hero.printing .hero__route-lines path{
animation:hero-route-in .62s var(--ease-out) .25s both}
.hero.printing .hero__route-terminals,
.hero.printing .hero__route-register{animation:hero-node-in .38s var(--ease-out) .48s both}
.hero.printing .hero__cta{animation:hero-cta-in .58s var(--ease-out) .18s both}
.hero.printing .hero__seam{animation:hero-seam-in .42s var(--ease-out) .32s both}}
@keyframes hero-folio-in{from{opacity:0}to{opacity:1}}
@keyframes hero-system-a-in{from{opacity:0}to{opacity:.18}}
@keyframes hero-route-in{from{opacity:0;stroke-dashoffset:90}to{opacity:1;stroke-dashoffset:0}}
@keyframes hero-node-in{from{opacity:0}to{opacity:1}}
@keyframes hero-cta-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes hero-seam-in{from{opacity:0}to{opacity:.62}}
@media (max-width:820px){
.hero__system{display:block;position:absolute;z-index:1;pointer-events:none}
.hero__system--a{
left:-17%;bottom:2.5%;width:70vw;max-width:330px;aspect-ratio:1;
border:1px solid rgba(243,236,218,.4);border-radius:50%;opacity:.12;
box-shadow:0 0 0 40px rgba(243,236,218,.2),0 0 0 80px rgba(243,236,218,.1)}
.hero__system--a i{
position:absolute;left:50%;top:50%;width:14px;height:14px;
border:1px solid rgba(243,236,218,.72);border-radius:50%;translate:-50% -50%}
.hero__system--a i::before,.hero__system--a i::after{
content:"";position:absolute;background:rgba(243,236,218,.72)}
.hero__system--a i::before{left:50%;top:-6px;bottom:-6px;width:1px}
.hero__system--a i::after{top:50%;left:-6px;right:-6px;height:1px}
.hero__head{
left:var(--gutter);right:auto;transform:translateY(-50%) scaleY(1.02);
transform-origin:left center;text-align:left}
.hero__cta{left:var(--gutter);right:auto;transform:none}}
.hero__fx--a i{
--rise:-126px;--rise-m:-66px;--dx1:-5px;--dx2:7px;--dx3:-3px;
--dur:7.4s;--delay:-2s;
opacity:0;border:1.6px solid rgba(253,250,240,.58);
border-top-color:rgba(253,250,240,.96);
border-left-color:rgba(253,250,240,.84);
border-right-color:rgba(253,250,240,.42);
border-bottom-color:rgba(253,250,240,.28);
border-radius:48% 52% 46% 54% / 54% 46% 55% 45%;
background:
radial-gradient(ellipse at 27% 22%,rgba(253,250,240,.34) 0 6%,transparent 8%),
radial-gradient(ellipse at 72% 76%,rgba(7,28,92,.13),transparent 58%);
box-shadow:
inset 1px 1px 0 rgba(253,250,240,.26),
inset -2px -2px 3px rgba(7,28,92,.13),
0 3px 7px rgba(7,28,92,.14);
transform-origin:50% 58%;
will-change:auto;
animation:hero-bubble-rise var(--dur) cubic-bezier(.32,.02,.24,1) var(--delay) infinite both;
animation-play-state:paused}
.hero__fx--a i::before{
content:"";position:absolute;left:17%;top:13%;width:34%;height:24%;
border-top:1.2px solid rgba(253,250,240,.92);
border-left:1px solid rgba(253,250,240,.62);
border-radius:72% 42% 64% 38%;transform:rotate(-27deg);opacity:.88}
.hero__fx--a i::after{
content:"";position:absolute;inset:2px;border-radius:inherit;
border:1px solid rgba(253,250,240,.13)}
.hero__fx--a i:nth-child(1){--rise:-170px;--rise-m:-88px;--dx1:-8px;--dx2:10px;--dx3:-5px;--dur:8.4s;--delay:-6.1s}
.hero__fx--a i:nth-child(2){--rise:-148px;--rise-m:-78px;--dx1:6px;--dx2:-7px;--dx3:4px;--dur:7.2s;--delay:-2.8s}
.hero__fx--a i:nth-child(3){--rise:-132px;--rise-m:-70px;--dx1:-5px;--dx2:7px;--dx3:-2px;--dur:6.4s;--delay:-4.6s}
.hero__fx--a i:nth-child(4){--rise:-158px;--rise-m:-84px;--dx1:7px;--dx2:-11px;--dx3:6px;--dur:8.8s;--delay:-1.3s}
.hero__fx--a i:nth-child(5){--rise:-118px;--rise-m:-64px;--dx1:-4px;--dx2:5px;--dx3:-7px;--dur:5.9s;--delay:-3.9s}
.hero__fx--a i:nth-child(6){--rise:-126px;--rise-m:-68px;--dx1:8px;--dx2:-6px;--dx3:4px;--dur:7.6s;--delay:-6.8s}
.hero__fx--a i:nth-child(7){--rise:-108px;--rise-m:-60px;--dx1:-7px;--dx2:9px;--dx3:-3px;--dur:8.1s;--delay:-3.2s}
.hero__fx--a i:nth-child(8){--rise:-92px;--rise-m:-52px;--dx1:5px;--dx2:-8px;--dx3:5px;--dur:6.7s;--delay:-5.4s}
.hero__fx--a i:nth-child(9){--rise:-82px;--rise-m:-48px;--dx1:-5px;--dx2:6px;--dx3:-4px;--dur:7.4s;--delay:-1.9s}
.hero.ambient-live .hero__fx--a i{
animation-play-state:running;will-change:transform,opacity}
@keyframes hero-bubble-rise{
0%{opacity:0;transform:translate3d(0,18px,0) scale(.62,.76)}
12%{opacity:.28}
20%{opacity:.72;transform:translate3d(var(--dx1),-11px,0) scale(.78,.87)}
46%{opacity:.66;transform:translate3d(var(--dx2),-45px,0) scale(.94,1.02)}
73%{opacity:.46;transform:translate3d(var(--dx1),-78px,0) scale(1.04,.98)}
100%{opacity:0;transform:translate3d(var(--dx3),var(--rise),0) scale(1.12,1.06)}}
@media (max-width:820px){
.hero__fx--a i{animation-name:hero-bubble-rise-mobile}}
@keyframes hero-bubble-rise-mobile{
0%{opacity:0;transform:translate3d(0,10px,0) scale(.68,.79)}
14%{opacity:.28}
22%{opacity:.72;transform:translate3d(var(--dx1),-7px,0) scale(.8,.88)}
48%{opacity:.64;transform:translate3d(var(--dx2),-27px,0) scale(.95,1.02)}
74%{opacity:.44;transform:translate3d(var(--dx1),-44px,0) scale(1.03,.99)}
100%{opacity:0;transform:translate3d(var(--dx3),var(--rise-m),0) scale(1.1,1.05)}}
@media (prefers-reduced-motion:reduce){
.hero__fx--a i{
animation:none!important;opacity:.7;transform:none!important;will-change:auto}}
.hero__head .hl{
padding:.1em .24em .3em .08em;
margin:-.1em -.24em -.3em -.08em}
.js .hero:not(.ready) .hero__head .hl>span{transform:translateY(148%)}
.hero.type-set .hero__head .hl{overflow:visible}
.transport-sheet{
position:relative;z-index:3;
margin-top:calc(-1 * var(--band-rise) * .38);
padding:clamp(1.35rem,3.2vw,3rem);
background:var(--paper-3);border:2px solid var(--ink);
box-shadow:12px 12px 0 rgba(178,58,8,.22);
isolation:isolate}
.transport-sheet::before{
content:"";position:absolute;z-index:0;right:clamp(1.35rem,3.2vw,3rem);
top:clamp(1.45rem,3.2vw,3rem);width:clamp(92px,9vw,126px);height:22px;
background:repeating-linear-gradient(90deg,
var(--ink) 0 2px,transparent 2px 5px,
var(--ink) 5px 6px,transparent 6px 10px,
var(--ink) 10px 13px,transparent 13px 17px);
opacity:.76;pointer-events:none}
.transport-sheet>*{position:relative;z-index:1}
.transport-sheet .services__cap{
margin-top:0;padding-right:clamp(112px,12vw,154px);
min-height:22px;display:flex;align-items:center}
.transport-sheet .services{margin-top:clamp(.8rem,1.5vw,1.15rem)}
.js .transport-sheet .services li:hover{background:transparent;box-shadow:none}
.world--t .patent{box-shadow:none}
.world--t .patent__top{
background:var(--ink);color:var(--paper-3);border-bottom-color:var(--ink)}
.world--t .patent__titles .tagline{color:var(--orange)}
.world--t .patent__title{color:var(--paper-3)}
.world--t .patent__title em{color:var(--orange)}
.world--t .patent__desig{
color:var(--sand-2);border-left-color:rgba(243,236,218,.28)}
.world--t .vroute__odo{
box-shadow:8px 8px 0 var(--rust);
transition:translate .32s var(--ease-out),box-shadow .32s var(--ease-out)}
.world--t .vroute.is-route-live .vroute__odo{
translate:0 -4px;box-shadow:8px 12px 0 var(--rust)}
@media (min-width:1101px){
.transport-sheet .services{
grid-template-columns:repeat(5,minmax(0,1fr));gap:0;
border:2px solid var(--ink)}
.transport-sheet .services li,
.transport-sheet .services li:last-child{
grid-column:auto;display:grid;grid-template-rows:auto minmax(1rem,1fr) 4.8rem 2.9rem;
align-items:start;
min-height:clamp(225px,17vw,258px);
padding:clamp(1rem,1.7vw,1.45rem);
border:0;border-right:1.5px solid rgba(31,24,16,.28)}
.transport-sheet .services li:last-child{border-right:0}
.transport-sheet .services__n{
display:block;grid-row:1;margin:0;padding:0;border:0;
font-size:clamp(2.7rem,3.8vw,4.15rem);line-height:.82;
letter-spacing:-.08em;color:var(--orange-deep)}
.transport-sheet .services b{
grid-row:3;padding:0;
font-size:clamp(1.08rem,1.25vw,1.35rem);line-height:1.12}
.transport-sheet .services i{
grid-row:4;padding:0;font-size:clamp(.88rem,1vw,1rem);line-height:1.38}}
@media (max-width:820px){
.transport-sheet{
margin-top:calc(-1 * var(--band-rise) * .42);
padding:clamp(1rem,4.2vw,1.45rem);
box-shadow:7px 7px 0 rgba(178,58,8,.22)}
.transport-sheet::before{
right:clamp(1rem,4.2vw,1.45rem);top:clamp(1.1rem,4.2vw,1.45rem);
width:72px;height:18px}
.transport-sheet .services__cap{padding-right:88px}}
@media (max-width:520px){
.transport-sheet::before{content:none}
.transport-sheet .services__cap{padding-right:0}
.world--t .patent__desig{
border-left:0;border-top-color:rgba(243,236,218,.28)}}
@media print{
.transport-sheet{margin-top:0;box-shadow:none}
.transport-sheet::before{content:none}}
@media screen{
.contact{
--jack:clamp(104px,9vw,132px);
position:relative;background:var(--paper);color:var(--ink);
padding:clamp(4.5rem,7vw,7rem) 0 clamp(5.2rem,8vw,8rem);
border-top:2px solid var(--ink);overflow:hidden;isolation:isolate}
.contact::before{
content:"03";position:absolute;z-index:0;right:-.035em;top:.11em;pointer-events:none;
font-family:var(--f-display);font-size:clamp(20rem,36vw,39rem);font-weight:900;
font-style:italic;line-height:.76;letter-spacing:-.09em;color:transparent;
-webkit-text-stroke:2px rgba(43,84,204,.07);transform:rotate(-4deg);transform-origin:100% 0}
.contact::after{
content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:8px;
background:linear-gradient(90deg,var(--orange) 0 50%,var(--blue) 50% 100%)}
.contact__wrap{display:grid;grid-template-columns:minmax(0,1fr);
row-gap:clamp(2.2rem,4vw,4rem);position:relative}
.contact__wrap>*{position:relative;z-index:1}
.contact__bar{grid-column:1;border-top:2px solid rgba(31,24,16,.34);
padding-top:clamp(.85rem,1.5vw,1.25rem)}
.contact__bar .kicker{color:var(--ink)}
.contact__folio{color:var(--paper-3);background:var(--ink)}
.contact__lead{display:grid;
grid-template-columns:minmax(0,1.16fr) minmax(27rem,.84fr);
grid-template-areas:"title brief";gap:clamp(3rem,6vw,6rem);align-items:start}
.contact .sect-title{grid-area:title;margin:0;color:var(--ink);
font-size:clamp(3.8rem,6vw,6.4rem);line-height:.88;letter-spacing:-.055em}
.contact .sect-title .hl:last-child>span{color:var(--blue-deep);font-style:italic;
box-shadow:inset 0 -.1em 0 var(--orange)}
.contact__brief{grid-area:brief;display:flex;flex-direction:column;
gap:clamp(1.4rem,2.4vw,2rem);padding-top:.45rem}
.contact__text{grid-area:auto;margin:0;max-width:40ch;
font-size:clamp(1.05rem,1.42vw,1.3rem);line-height:1.55;color:var(--ink-2)}
.contact__text strong{color:var(--ink);box-shadow:inset 0 -.15em 0 var(--orange)}
.contact .manifest{grid-area:auto;margin:0;width:100%;max-width:none;
color:var(--ink);background:transparent;border:0;border-top:2px solid var(--ink);
border-bottom:2px solid var(--ink);padding:.18rem 0;box-shadow:none}
.contact .manifest__row{grid-template-columns:5.4rem 1fr;
border-bottom-color:rgba(31,24,16,.28)}
.contact .manifest dt{color:var(--orange-deep)}
.contact .manifest dd{color:var(--ink-2)}
.contact .manifest dd strong{color:var(--ink)}
.contact .callcard{
--card-pad:clamp(1.8rem,3.3vw,3rem);
--phone-size:clamp(2.8rem,6vw,5.35rem);
--stamp-w:clamp(82px,7.5vw,112px);
position:relative;display:grid;
grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;
min-height:clamp(460px,36vw,520px);padding:var(--card-pad);
color:var(--paper-3);background:transparent;border:0;overflow:visible;isolation:isolate;
box-shadow:none;transform:none}
.contact .callcard::before{
content:"";position:absolute;z-index:0;inset:0;height:auto;
background:linear-gradient(101deg,
var(--orange) 0 calc(var(--seam-x) - .18%),
var(--ink) calc(var(--seam-x) - .08%) calc(var(--seam-x) + .08%),
var(--blue) calc(var(--seam-x) + .18%) 100%);
clip-path:polygon(0 4%,100% 0,97.4% 96%,2% 100%);
filter:drop-shadow(14px 16px 0 rgba(31,24,16,.16))}
.contact .callcard::after{content:none}
.contact .callcard>*:not(.stamp):not(.callcard__switch){position:relative;z-index:3}
.contact .callcard>.callcard__switch{
position:absolute;z-index:1;inset:0;display:block;pointer-events:none}
.callcard__routes{display:block;width:100%;height:100%;overflow:visible}
.callcard__route{fill:none;stroke:var(--paper-3);stroke-width:4;stroke-linecap:round;
vector-effect:non-scaling-stroke;filter:drop-shadow(3px 4px 0 rgba(31,24,16,.24));
transition:stroke-dashoffset 1.1s var(--ease-out)}
.callcard__route-node{fill:var(--paper-3);stroke:var(--ink);stroke-width:2;
vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;
transition:opacity .25s .75s,transform .5s var(--ease-spring) .7s}
.js .callcard__route{stroke-dasharray:1;stroke-dashoffset:1}
.js .callcard__route-node{opacity:0;transform:scale(.2)}
.js .callcard.in .callcard__route,.revealed .callcard__route{stroke-dashoffset:0}
.js .callcard.in .callcard__route-node,.revealed .callcard__route-node{opacity:1;transform:scale(1)}
.contact .callcard__k{
grid-row:1;align-self:start;justify-self:start;margin:0;
color:var(--ink);background:transparent;border:0;border-bottom:2px solid currentColor;
box-shadow:none;transform:none;text-shadow:none;
font-size:clamp(.72rem,.9vw,.88rem);letter-spacing:.2em;padding:0 0 .45em}
.contact .callcard__phone-wrap{
grid-row:2;align-self:center;justify-self:center;margin:0;padding:0;
width:min(calc(100% - clamp(2rem,7vw,6rem)),1080px);max-width:100%;background:var(--paper-3);
border:2px solid var(--ink);clip-path:none;overflow:visible;
box-shadow:10px 12px 0 rgba(31,24,16,.32);transform:rotate(-.42deg);
transition:translate .4s var(--ease-spring),box-shadow .35s var(--ease-out),transform .4s var(--ease-spring)}
.contact .callcard__phone{
position:relative;display:flex;align-items:center;justify-content:center;
width:100%;min-height:44px;
padding:clamp(3.55rem,5vw,4.45rem) clamp(1rem,2.4vw,2rem) clamp(1.1rem,1.8vw,1.5rem);
color:var(--ink);font-family:var(--f-mono);font-size:inherit;
line-height:1;text-decoration:none;border:0;white-space:nowrap;
transition:color .25s var(--ease-out)}
.callcard__phone-icon{
position:absolute;left:50%;top:0;translate:-50% -50%;isolation:isolate;
width:var(--jack);height:var(--jack);display:grid;place-items:center;
color:var(--paper-3);background:linear-gradient(90deg,var(--orange) 0 48%,var(--ink) 48% 52%,var(--blue) 52% 100%);
border:2px solid var(--ink);border-radius:50%;box-shadow:5px 6px 0 rgba(31,24,16,.22);
transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out)}
.callcard__phone-icon::before{content:"";position:absolute;z-index:0;inset:9px;
background:var(--ink);border-radius:50%}
.callcard__phone-icon::after{content:"";position:absolute;inset:-7px;border:2px solid var(--ink);
border-radius:50%;opacity:.2;transform:scale(.82);
transition:opacity .25s,transform .5s var(--ease-spring)}
.callcard__phone-icon svg{position:relative;z-index:1;width:29%;height:29%}
.callcard__digits{
display:block;font-family:var(--f-mono);font-weight:700;
font-size:var(--phone-size);line-height:1;letter-spacing:-.035em;
font-variant-numeric:tabular-nums;color:var(--ink);
background:linear-gradient(90deg,var(--orange),var(--blue)) left bottom/100% 5px no-repeat;
padding:0 .08em .18em;transition:color .25s,letter-spacing .45s var(--ease-spring)}
.contact .callcard__phone:hover,.contact .callcard__phone:focus-visible{color:var(--ink)}
.contact .callcard__phone:focus-visible{outline:3px solid var(--ink);outline-offset:8px}
.contact .callcard__worlds{
grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;
gap:1rem;margin:0;padding:0;border:0}
.contact .cw{border-radius:0;padding:0;font-size:clamp(.68rem,.85vw,.8rem);
background:transparent;color:var(--paper-3);border:0;box-shadow:none;
text-shadow:2px 3px 0 rgba(31,24,16,.22)}
.contact .cw--t{color:var(--ink);text-shadow:none}
.contact .cw--a{justify-self:end;text-align:right}
.contact .cw--t::before,.contact .cw--a::before{background:var(--paper-3)}
.contact .cw--t::before{background:var(--ink)}
.contact .cw--a::before{border-radius:50%}
.contact .stamp--gratis{
top:var(--card-pad);right:calc(var(--card-pad) + 1rem);bottom:auto;width:var(--stamp-w);
color:var(--paper-3);z-index:2}
.js .contact .stamp--gratis{opacity:0;transform:rotate(-14deg) scale(1.35)}
.js .contact .stamp--gratis.stamped{opacity:.95;transform:rotate(-7deg) scale(1);
transition:transform .5s var(--ease-spring) .25s,opacity .28s .25s}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.contact .callcard__phone-wrap:has(.callcard__phone:hover),
.contact .callcard__phone-wrap:has(.callcard__phone:focus-visible){
translate:0 -7px;box-shadow:7px 9px 0 rgba(31,24,16,.27);transform:rotate(0)}
.contact .callcard:has(.callcard__phone:hover) .callcard__route,
.contact .callcard:has(.callcard__phone:focus-visible) .callcard__route{
filter:drop-shadow(2px 3px 0 rgba(31,24,16,.18)) drop-shadow(0 0 6px rgba(253,250,240,.28))}
.contact .callcard__phone:hover .callcard__phone-icon,
.contact .callcard__phone:focus-visible .callcard__phone-icon{
transform:scale(1.045);box-shadow:3px 4px 0 rgba(31,24,16,.18)}
.contact .callcard__phone:hover .callcard__phone-icon::after,
.contact .callcard__phone:focus-visible .callcard__phone-icon::after{opacity:.7;transform:scale(1)}
.contact .callcard__phone:hover .callcard__digits,
.contact .callcard__phone:focus-visible .callcard__digits{
color:var(--blue-deep);letter-spacing:-.02em}}}
@media screen and (max-width:900px){
.contact__lead{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "brief";gap:2rem}
.contact .sect-title{font-size:clamp(3.2rem,10vw,5.4rem);max-width:10ch}
.contact__brief{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
gap:clamp(1.5rem,4vw,2.5rem);align-items:start;padding-top:0}
.contact .callcard{--jack:clamp(92px,13vw,116px);--phone-size:clamp(2rem,7vw,4rem);
min-height:clamp(440px,62vw,520px)}}
@media screen and (max-width:640px){
.contact{--jack:clamp(76px,22vw,88px);padding:3.7rem 0 4.5rem}
.contact::before{right:-.2em;top:.2em;font-size:clamp(18rem,92vw,23rem);
-webkit-text-stroke-width:1.5px}
.contact__wrap{row-gap:1.8rem}
.contact .sect-title{font-size:clamp(2.75rem,12.4vw,3.65rem);line-height:.9}
.contact__brief{display:flex;flex-direction:column;gap:1.35rem}
.contact__text{font-size:1rem;line-height:1.55}
.contact .manifest{padding:.2rem 1rem;box-shadow:none}
.contact .manifest__row{grid-template-columns:4.6rem 1fr;gap:.7rem}
.contact .callcard{
--card-pad:clamp(1.15rem,5vw,1.4rem);--jack:clamp(76px,22vw,88px);
--phone-size:clamp(1.4rem,7.2vw,1.9rem);--stamp-w:clamp(62px,18vw,72px);
min-height:420px;box-shadow:none;transform:none}
.contact .callcard::before{clip-path:polygon(0 2%,100% 0,98% 98%,2% 100%);
filter:drop-shadow(8px 9px 0 rgba(31,24,16,.16))}
.callcard__route{stroke-width:3}
.contact .callcard__k{font-size:.68rem;letter-spacing:.13em;padding:0 0 .4em}
.contact .callcard__phone-wrap{width:calc(100% - 1.2rem);
box-shadow:7px 8px 0 rgba(31,24,16,.28);transform:rotate(-.32deg)}
.contact .callcard__phone{padding:3.3rem .65rem 1rem}
.callcard__phone-icon{box-shadow:4px 5px 0 rgba(31,24,16,.2)}
.callcard__digits{letter-spacing:-.045em;background-size:100% 4px}
.contact .callcard__worlds{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem}
.contact .cw{padding:0;font-size:.6rem;line-height:1.3;max-width:18ch}
.contact .cw--a{max-width:15ch}
.contact .stamp--gratis{top:var(--card-pad);right:calc(var(--card-pad) + .25rem)}}
@media screen and (max-width:360px){
.contact .sect-title{font-size:clamp(2.45rem,12.25vw,2.7rem)}
.contact .manifest__row{grid-template-columns:minmax(0,1fr);gap:.3rem}
.contact .callcard{--phone-size:1.28rem;min-height:405px}
.contact .callcard__k{max-width:none;white-space:nowrap;font-size:.62rem;letter-spacing:.1em;line-height:1}}
@media (prefers-reduced-motion:reduce){
.js .callcard__route{stroke-dashoffset:0}
.js .callcard__route-node{opacity:1;transform:none}}
.prod--foam{--foam-grid:clamp(30px,3vw,42px)}
.prod--foam .prod__head{overflow:hidden;background:var(--blue)}
.prod--foam .prod__shot{isolation:isolate;height:100%;background:var(--blue)}
.prod--foam .prod__shot::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:
radial-gradient(circle,rgba(253,250,240,.24) 0 1px,transparent 1.35px),
linear-gradient(rgba(253,250,240,.09) 1px,transparent 1px),
linear-gradient(90deg,rgba(253,250,240,.09) 1px,transparent 1px);
background-size:11px 11px,var(--foam-grid) var(--foam-grid),var(--foam-grid) var(--foam-grid);
background-position:0 0,0 0,0 0;
-webkit-mask-image:radial-gradient(circle at 78% 34%,#000 0 15%,rgba(0,0,0,.68) 42%,transparent 78%);
mask-image:radial-gradient(circle at 78% 34%,#000 0 15%,rgba(0,0,0,.68) 42%,transparent 78%)}
.prod--foam .prod__shot::after{content:"";position:absolute;z-index:1;left:-14%;bottom:-34%;
width:76%;height:62%;background:var(--orange);border-top:3px solid var(--ink);
transform:rotate(-9deg);transform-origin:80% 0;transition:transform .8s var(--ease-spring)}
.js .prod--foam:hover .prod__shot::after,.js .prod--foam:focus-within .prod__shot::after{
transform:rotate(-6deg) translateY(-7px)}
.foam-poster{position:absolute;inset:0;z-index:2;overflow:hidden;color:var(--paper-3)}
.foam-poster__word{position:absolute;z-index:0;left:-.045em;bottom:-.18em;
font-family:var(--f-display);font-size:clamp(9rem,18vw,17rem);font-weight:900;font-style:italic;
line-height:.78;letter-spacing:-.085em;text-transform:uppercase;color:var(--paper-3);
opacity:.13;white-space:nowrap;transition:opacity .45s var(--ease-out),translate .8s var(--ease-spring)}
.js .prod--foam:hover .foam-poster__word,.js .prod--foam:focus-within .foam-poster__word{
opacity:.19;translate:10px 0}
.foam-poster__meta{position:absolute;z-index:7;top:clamp(1rem,2vw,1.45rem);right:clamp(1rem,2vw,1.45rem);
display:flex;align-items:center;gap:.65em;padding:.62em .78em .58em;
font-family:var(--f-mono);font-weight:700;font-size:var(--t-xs);letter-spacing:.11em;line-height:1;
color:var(--ink);background:var(--paper-3);border:2px solid var(--ink);
box-shadow:6px 7px 0 var(--orange);transform:rotate(1.5deg);
transition:transform .45s var(--ease-spring),box-shadow .35s var(--ease-out),background .2s}
.foam-poster__meta span{display:block;width:clamp(18px,2.5vw,34px);height:2px;background:var(--orange)}
.foam-poster__flow,.foam-poster__burst{position:absolute;inset:0;pointer-events:none}
.foam-poster__flow{z-index:3;translate:var(--foam-shift-x,0) var(--foam-shift-y,0);
transition:translate .65s var(--ease-out)}
.foam-poster__flow i,.foam-pop{position:absolute;display:block;border-radius:50%;
border:clamp(1px,.14vw,2px) solid rgba(253,250,240,.86);
background:
radial-gradient(circle at 28% 22%,rgba(255,255,255,.96) 0 5%,rgba(255,255,255,.38) 6% 13%,transparent 14%),
radial-gradient(circle at 66% 72%,rgba(230,105,157,.18),transparent 42%),
rgba(253,250,240,.085);
box-shadow:inset -5px -7px 13px rgba(7,28,92,.13),inset 3px 4px 8px rgba(255,255,255,.12),
0 5px 12px rgba(7,28,92,.18)}
.foam-poster__flow i{left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;
opacity:.78;transform:translate(-50%,-50%) scale(.97,1.03);
animation:foamPosterDrift 7.2s cubic-bezier(.37,.05,.25,1) var(--delay) infinite alternate both;
animation-play-state:paused}
.foam-poster__flow i::before,.foam-pop::before{content:"";position:absolute;left:18%;top:14%;
width:37%;height:23%;border-top:2px solid rgba(255,255,255,.92);border-radius:50%;transform:rotate(-26deg)}
.foam-poster__flow i::after,.foam-pop::after{content:"";position:absolute;inset:9%;border-radius:50%;
border:1px solid rgba(253,250,240,.22)}
.foam-poster__flow i:nth-child(3n){opacity:.56}
.foam-poster__flow i:nth-child(3n + 2){opacity:.68}
.prod--foam.foam-inview .foam-poster__flow i{animation-play-state:running;will-change:transform}
@keyframes foamPosterDrift{
to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.055,.965)}}
.foam-poster__burst{z-index:6;overflow:hidden}
.foam-pop{left:var(--bx);top:var(--by);width:var(--sz);aspect-ratio:1;opacity:0;
animation:foamJet var(--dur) cubic-bezier(.2,.7,.18,1) forwards;will-change:transform,opacity}
@keyframes foamJet{
0%{opacity:0;transform:translate(-50%,-50%) scale(.16,.28)}
14%{opacity:.94}
48%{opacity:.84;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(.9,1.08)}
100%{opacity:0;transform:translate(calc(-50% + var(--fx)),calc(-50% + var(--fy))) scale(1.25,.95)}}
.prod--foam .prod__cap{z-index:8;color:var(--ink);background:var(--paper-3);
box-shadow:6px 7px 0 rgba(31,24,16,.34)}
.prod--foam .prod__shot:hover .prod__cap,
.prod--foam .prod__shot:focus-visible .prod__cap{color:var(--ink);background:var(--orange)}
.strip__row .prod--wide .prod__peek--gallery{z-index:8;left:clamp(3.7rem,5vw,4.9rem);right:auto;
top:clamp(.9rem,1.7vw,1.25rem);width:auto;height:auto;aspect-ratio:auto;border-radius:0;
display:flex;align-items:baseline;gap:.55em;padding:.62em .78em .58em;color:var(--ink);
background:var(--paper-3);box-shadow:6px 7px 0 rgba(31,24,16,.82);transform:rotate(-2deg)}
.prod__peek--gallery strong{font-family:var(--f-mono);font-size:clamp(.92rem,1.4vw,1.2rem);
font-weight:700;line-height:1;letter-spacing:.04em}
.prod__peek--gallery span{font-family:var(--f-mono);font-size:clamp(.52rem,.65vw,.62rem);
font-weight:700;line-height:1;letter-spacing:.12em;text-transform:uppercase}
.js .strip__row .prod--wide:hover .prod__peek--gallery,
.js .strip__row .prod--wide:focus-within .prod__peek--gallery{
transform:translate(4px,4px) rotate(0);box-shadow:3px 4px 0 rgba(31,24,16,.82)}
.strip__row .prod--wide.prod--foam .prod__mark{--foam-art:clamp(300px,33vw,468px);
left:3.5%;right:auto;top:auto;bottom:2.5%;width:var(--foam-art);height:auto;
aspect-ratio:159.8/144;translate:none;rotate:-2deg;display:grid;place-items:center;
border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none;
transition:rotate .6s var(--ease-spring),translate .7s var(--ease-spring)}
.strip__row .prod--wide.prod--foam .prod__mark::before{content:"";position:absolute;z-index:0;
inset:14% 2% 4% 5%;background:var(--paper-3);border:3px solid var(--ink);
box-shadow:13px 15px 0 var(--orange);transform:rotate(-3deg);
transition:transform .65s var(--ease-spring),box-shadow .45s var(--ease-out)}
.strip__row .prod--wide.prod--foam .prod__mark img{position:relative;z-index:1;width:94%;height:94%;
object-fit:contain;filter:drop-shadow(3px 5px 0 rgba(31,24,16,.14));transform:rotate(1deg);
transform-origin:30% 78%}
.js .prod--foam:hover .prod__mark,.js .prod--foam:focus-within .prod__mark{rotate:0deg;translate:4px -4px}
.js .prod--foam:hover .prod__mark::before,.js .prod--foam:focus-within .prod__mark::before{
transform:rotate(-1deg);box-shadow:9px 11px 0 var(--orange)}
.prod--foam.is-foaming .prod__mark img{animation:foamMachineKick .72s var(--ease-spring) both}
.prod--foam.is-foaming .foam-poster__meta{background:var(--orange);box-shadow:3px 4px 0 var(--ink);transform:rotate(0) translate(3px,3px)}
.prod--foam.is-foaming .prod__psst{color:var(--orange);border-color:var(--orange)}
@keyframes foamMachineKick{
0%,100%{transform:rotate(1deg) translate(0,0)}
34%{transform:rotate(-1.5deg) translate(-7px,3px)}
65%{transform:rotate(1.8deg) translate(3px,-2px)}}
@media screen and (min-width:900px){
.strip__row .prod--wide.prod--foam .prod__head{flex-basis:58%}
.strip__row .prod--wide.prod--foam .prod__body{position:relative;
padding:clamp(2.7rem,4.5vw,4.7rem) clamp(2rem,3.6vw,4rem);
background:linear-gradient(90deg,var(--orange) 0 8px,transparent 8px),var(--paper-3)}
.prod--foam .prod__title{max-width:7.3ch;font-size:clamp(2.8rem,4.6vw,4.8rem);line-height:.88;margin:.18em 0 .38em}
.prod--foam .prod__desc{max-width:36ch}}
@media screen and (max-width:820px){
.strip__row .prod--wide.prod--foam .prod__shot{height:auto;min-height:0;aspect-ratio:21/9}
.foam-poster__word{font-size:clamp(7rem,25vw,11rem)}}
@media screen and (max-width:640px){
.strip__row .prod--wide.prod--foam .prod__shot{aspect-ratio:4/3}
.strip__row .prod--wide.prod--foam .prod__mark{--foam-art:clamp(142px,46vw,188px);
left:3.5%;bottom:2.45rem}
.strip__row .prod--wide.prod--foam .prod__mark::before{inset:14% 1% 4% 4%;border-width:2px;
box-shadow:8px 9px 0 var(--orange)}
.foam-poster__word{font-size:clamp(7rem,38vw,9.4rem);bottom:-.11em}
.foam-poster__meta{top:.65rem;right:.65rem;padding:.52em .6em .48em;font-size:.55rem;box-shadow:4px 5px 0 var(--orange)}
.foam-poster__meta span{width:16px}
.foam-poster__flow{transform:scale(.84);transform-origin:76% 38%}
.strip__row .prod--wide .prod__peek--gallery{left:3.35rem;top:-.05rem;padding:.5em .6em .46em}
.prod--foam .prod__cap{bottom:.55rem}}
@media (prefers-reduced-motion:reduce){
.foam-poster__flow i{animation:none;will-change:auto}
.prod--foam.is-foaming .prod__mark img{animation:none}
.prod--foam .prod__shot::after,.foam-poster__word,.foam-poster__meta,.prod--foam .prod__mark,
.prod--foam .prod__mark::before{transition:none}}