/* falkoraskrift.com — Dala-horse workshop: knife-faceted pine, painted panels, low window light from the left */
:root{--ink:#22202A;--ink2:#4A3F33;--pine:#E2BC7A;--lt:#F1DBAE;--linseed:#B9802F;--dk:#7E5220;--red:#B3332A;--rdk:#8C2620;--blue:#1F3A66;--green:#2E6A4C;--ochre:#E9BA4A;--rule:#F4E3BE;--white:#FBF4E4;--f:"Bagel Fat One",Georgia,serif;--t:"Hanken Grotesk",system-ui,sans-serif;--pad:56px;--dp:22px;--pw:600px;--sw:8px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pine) url(/assets/img/pine.webp) 0 0/var(--pw);color:var(--ink);font:400 16px/1.4 var(--t);overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0;font-weight:400}
ul,ol{list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
i,u{display:block;font-style:normal;text-decoration:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.foot .blue :focus-visible,.red :focus-visible,.cn :focus-visible,.mq:focus-visible{outline-color:var(--ochre)}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--white);padding:10px 14px}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.chv{flex:none;width:14px;height:14px;color:var(--red)}
.hm{flex:none;display:block;width:30px;height:30px}

/* faceted pine block */
.blk{position:relative;--d:var(--dp);--h:22px;height:calc(var(--d) + var(--h))}
.blk u{position:absolute}
.tp{inset:0;background:var(--lt);clip-path:polygon(0 var(--d),var(--d) 0,100% 0,calc(100% - var(--d)) var(--d))}
.sd{inset:0;background:var(--dk);clip-path:polygon(calc(100% - var(--d)) var(--d),100% 0,100% var(--h),calc(100% - var(--d)) 100%)}
.fr{left:0;right:var(--d);top:var(--d);bottom:0;background:var(--linseed);border-top:1px solid rgb(251 244 228 / .55)}
.fr u{inset:0}
.fa1{background:rgb(126 82 32 / .35);clip-path:polygon(0 0,7% 0,4% 100%,0 100%)}
.fa2{background:rgb(241 219 174 / .45);clip-path:polygon(58% 0,66% 0,63% 55%,60% 55%)}
.fa3{background:rgb(126 82 32 / .3);clip-path:polygon(86% 100%,90% 40%,100% 30%,100% 100%)}

/* painted parts */
.pn{position:relative;overflow:hidden;border:var(--sw) solid var(--white);border-radius:4px}
.blue{background:var(--blue) url(/assets/img/kurbits.webp) 0 0/160px;color:var(--white)}
.red{background:var(--red);color:var(--white)}
.lt{background:var(--lt)}
.ik{border-color:var(--ink)}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600}
.chip i{flex:none;width:10px;height:10px;border:1px solid rgb(34 32 42 / .35);border-radius:50%}
.d-red{background:var(--red)}.d-blue{background:var(--blue)}.d-green{background:var(--green)}.d-ochre{background:var(--ochre)}.d-white{background:var(--white)}.d-lt{background:var(--lt)}
.chips{display:flex;flex-wrap:wrap;gap:6px 18px}
.wtc{color:var(--white)}
.stamp{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start;max-width:100%;padding:14px 22px;border:3px solid var(--red);border-radius:4px;background:var(--lt);color:var(--rdk);font:700 16px/1.4 var(--t);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;overflow-wrap:anywhere;cursor:pointer;transition:background .15s,color .15s}
.stamp:hover{background:var(--white)}
.stamp.dk{border-color:var(--white);background:var(--red);color:var(--white)}
.stamp.dk .chv{color:var(--white)}
.stamp.dk:hover{background:var(--rdk)}
.stamp:disabled{opacity:.5;cursor:default}
.lnk{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:0;border:0;background:none;color:var(--rdk);font:700 16px/1.55 var(--t);cursor:pointer}
.lnk>span{text-decoration:underline}
.lnk .chv{transition:transform .15s}
.lnk:hover .chv{transform:translateX(3px)}
.lnk.ik{color:var(--ink)}.lnk.ik .chv{color:var(--ink)}
.lnk.wt{color:var(--white)}.lnk.wt .chv{color:var(--white)}
.h2{position:relative;font:400 56px/1.02 var(--f);letter-spacing:-.015em}
.h2.w{color:var(--white)}
.h3{font:400 40px/1.02 var(--f);letter-spacing:-.015em}
.p{font-size:18px;line-height:1.58;color:var(--ink2)}
.p.i{color:var(--ink)}
.sec{display:flex;flex-direction:column;align-items:flex-start;gap:40px;padding:96px var(--pad)}
.lt-s{background:var(--lt)}

/* header + corner menu */
.top{display:flex;align-items:center;height:96px;padding:0 var(--pad)}
.logo{text-decoration:none}
.brand{display:flex;align-items:center;gap:10px;font:400 28px/1.4 var(--f)}
.brand.lt{background:none;color:var(--white)}
.mw{position:fixed;z-index:40;top:22px;right:var(--pad)}
.mb{display:flex;align-items:center;gap:10px;padding:12px 18px;border:3px solid var(--white);border-radius:4px;background:var(--red);box-shadow:0 1.2px 2.4px rgb(34 32 42 / .04),0 6px 12px rgb(34 32 42 / .05),0 17px 34px -5px rgb(34 32 42 / .06);color:var(--white);font:700 15px/1.4 var(--t);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.bars{display:flex;flex-direction:column;gap:4px}
.bars i{width:18px;height:2.5px;background:var(--white)}
.ms{display:none}
#nav{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;padding:6px 18px;border:4px solid var(--ink);border-radius:4px;background:var(--lt)}
#nav a{display:block;padding:10px 0;font:400 22px/1.2 var(--f);text-decoration:none}
#nav a:hover{color:var(--red)}
#nav [aria-current]{color:var(--red)}

/* hero */
.hero{container-type:inline-size;overflow:hidden}
.hs{--u:min(100cqw/1368,1.2px);position:relative;height:calc(820*var(--u));max-width:calc(1368*var(--u));margin:0 auto}
.hero h1{position:absolute;left:calc(56*var(--u));top:calc(44*var(--u));width:calc(540*var(--u));font:400 calc(88*var(--u))/.96 var(--f);letter-spacing:-.02em}
.hs .sf{position:absolute;left:calc(56*var(--u));top:calc(418*var(--u));width:calc(470*var(--u));font-size:calc(20*var(--u));line-height:1.55;color:var(--ink2)}
.cta{position:absolute;left:calc(56*var(--u));top:calc(540*var(--u));font-size:calc(16*var(--u));padding:calc(14*var(--u)) calc(22*var(--u))}
.art{position:absolute;left:calc(600*var(--u));top:calc(-4*var(--u));width:calc(722*var(--u));height:calc(610*var(--u));--dp:calc(22*var(--u))}
.cup{position:absolute;left:calc(140*var(--u));top:calc(74*var(--u));width:calc(520*var(--u));height:calc(520*var(--u));background-size:calc(160*var(--u))}
.ptag{position:absolute;left:calc(262*var(--u));top:calc(14*var(--u));padding:8px 12px;border-radius:4px;background:var(--blue);white-space:nowrap}
.bench{position:absolute;left:0;top:calc(564*var(--u));width:100%;--h:calc(46*var(--u))}
.hoof{position:absolute;left:calc(90*var(--u));top:calc(570*var(--u));width:calc(460*var(--u));height:calc(18*var(--u));border-radius:50%;background:var(--dk);opacity:.55;filter:blur(8px)}
.hrs{position:absolute;left:calc(40*var(--u));top:0;width:calc(569*var(--u));max-width:none;filter:drop-shadow(-10px 14px 9px rgb(34 32 42 / .28))}
.rl{position:absolute;left:calc(56*var(--u));top:calc(650*var(--u));display:flex;flex-direction:column;gap:10px}
.rule{display:flex}
.rule li{position:relative;width:calc(206*var(--u))}
.rule li:nth-child(odd){rotate:.8deg}
.rule li:nth-child(even){rotate:-.8deg}
.rule a{display:flex;flex-direction:column;gap:1px;height:100%;padding:16px 12px 9px 14px;border:1.5px solid rgb(34 32 42 / .5);background:var(--rule) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='12'%3E%3Cpath d='M4 0V5M10 0V5M16 0V5M22 0V5M28 0V10' stroke='%2322202A' stroke-width='1.2'/%3E%3C/svg%3E") 0 0 repeat-x;box-shadow:0 4px 8px rgb(34 32 42 / .18);text-decoration:none;transition:background-color .15s}
.rule a:hover,.rule a:focus-visible{background-color:var(--white)}
.rule b{font-size:15px}
.rule small{font-size:12px;font-weight:500;color:var(--ink2)}
.hg{position:absolute;z-index:1;right:-3px;top:22px;width:9px;height:9px;border:1px solid var(--ink);border-radius:50%;background:#9C7A3A}
.rule li:last-child .hg{display:none}

/* G */
.g-s{gap:44px}
.gh{width:100%;padding:36px 40px}
.gi{display:flex;flex-direction:column;gap:12px;width:760px;max-width:100%;padding:18px 22px;border-radius:4px;background:var(--blue)}
.gi p{font-size:18px;line-height:1.55}
.shelf{position:relative;display:flex;align-items:flex-start;gap:36px;width:100%;padding-bottom:44px;transition:opacity .3s,transform .3s}
.shelf.rv{opacity:0;transform:translateY(16px)}
.cv{border-radius:4px}
.shelf>.cv{flex:none;width:196px;border:4px solid var(--ink);box-shadow:0 8px 14px rgb(34 32 42 / .25);transition:transform .18s}
.s-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.s-c h3{font:400 40px/1 var(--f)}
.o{font-size:18px;line-height:1.5;color:var(--ink2);max-width:620px}
.inp{font-size:15px;font-weight:500;line-height:1.5;max-width:620px}
.s-c .lnk::after{content:"";position:absolute;inset:0 0 44px}
.sf-c{position:relative;flex:none;width:300px;border:3px solid var(--ink);border-radius:4px;background:var(--lt);transition:background .18s,box-shadow .18s}
.sf-c div{display:flex;flex-direction:column;gap:1px;padding:10px 14px}
.sf-c div+div{border-top:1px solid rgb(34 32 42 / .25)}
.sf-c dt,.spc dt{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--rdk)}
.sf-c dd{font-size:14px;font-weight:500;line-height:1.35}
.shelf:hover>.cv,.shelf:focus-within>.cv{transform:rotate(-2deg)}
.shelf:hover .sf-c,.shelf:focus-within .sf-c{background:var(--white);box-shadow:0 4px 8px rgb(34 32 42 / .06),0 20px 40px rgb(34 32 42 / .08)}
.sb{position:absolute;left:0;right:0;bottom:0}

/* A */
.a-s{flex-direction:row;align-items:flex-end;gap:80px}
.a-t{flex:none;width:640px;max-width:100%;display:flex;flex-direction:column;gap:18px}
.a-s .p{color:var(--ink)}
.st{position:relative;flex:none}
.st .blk{position:absolute;left:0;max-width:calc(100vw - 2*var(--pad))}
.st img{position:absolute}
.st-b{width:420px;height:430px}
.st-b .blk{top:368px;width:402px;--h:40px}
.st-b img{left:50px;top:4px;width:300px;filter:drop-shadow(-8px 12px 8px rgb(34 32 42 / .28))}

/* T */
.mq{padding:20px 0;border-block:6px solid var(--white);background:var(--red);overflow:hidden}
.mq-t{display:flex;width:max-content;animation:mq 40s linear infinite}
.mq:hover .mq-t,.mq:focus .mq-t{animation-play-state:paused}
.mq p{display:flex;align-items:center;gap:28px;padding-right:28px;font:400 30px/1.4 var(--f);color:var(--white);white-space:nowrap}
.mq i{flex:none;width:14px;height:14px;border-radius:50%;background:var(--ochre)}
@keyframes mq{to{transform:translateX(-50%)}}

/* Q */
.q-s{gap:36px}
.qg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px;width:100%}
.qg li{display:flex;align-items:flex-start;gap:18px}
.qg .cv{flex:none;width:88px;border:3px solid var(--ink)}
.qg li>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.qg p{font-size:20px;font-weight:500;line-height:1.45}
.sign{font-size:15px;font-weight:600;color:var(--ink2)}

/* K */
.kp{display:flex;gap:64px;width:100%;padding:48px}
.k-l{flex:none;width:560px;display:flex;flex-direction:column;gap:16px}
.k-l h2{font:400 48px/1.02 var(--f);letter-spacing:-.015em}
.k-l p{font-size:18px;line-height:1.55}
.k-r{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.k-r ul{display:flex;flex-direction:column;gap:14px}
.k-r li{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500}
.k-r li .chv,.rs .chv{color:var(--ochre)}

/* footer */
.foot{display:flex;align-items:flex-start;gap:24px;padding:72px var(--pad) 56px}
.fw{flex:1;min-width:0}
.fw:nth-child(2){padding-top:28px}
.fw:nth-child(3){padding-top:56px}
.fw .pn{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px}
.tl18{background:linear-gradient(rgb(31 58 102 / .82),rgb(31 58 102 / .82)),url(/assets/img/kurbits.webp) 0 0/160px,var(--blue)}
.tl15{background:linear-gradient(rgb(31 58 102 / .85),rgb(31 58 102 / .85)),url(/assets/img/kurbits.webp) 0 0/160px,var(--blue)}
.fe{--h:10px}
.f-br{padding:8px 10px;border-radius:4px;background:var(--blue);text-decoration:none}
.f-l{font-size:16px;line-height:1.5}
.f-m{font-size:17px;font-weight:700;color:var(--ochre);overflow-wrap:anywhere}
.fw h2{font:400 24px/1.4 var(--f)}
.soc{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--ink2)}
.dis,.cpy{font-size:14px;line-height:1.5}
.cpy{font-weight:600}

/* inner tops */
.top-s{gap:18px;padding:40px var(--pad)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--rdk)}
.crumbs li{display:flex;align-items:center;gap:8px}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs b{color:var(--ink)}
.crumbs .chv{width:10px;height:10px;color:var(--ink2)}
.top-s h1,.ah h1{font:400 80px/1 var(--f);letter-spacing:-.015em}
.ld{max-width:700px}

/* carousel */
.car{gap:24px;padding:24px 0 72px var(--pad)}
.c-n{display:flex;gap:12px}
.trk{position:relative;width:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-left:0}
.trk::-webkit-scrollbar{display:none}
.trk{--cw:560px;--cg:28px;--cbh:20px}
.trk ul{display:flex;gap:var(--cg);width:max-content;padding-bottom:calc(var(--dp) + var(--cbh))}
.trk li{flex:none;width:var(--cw);display:flex;scroll-snap-align:start}
.cb{position:absolute;left:0;bottom:0;width:calc((var(--cw) + var(--cg))*6);--h:var(--cbh)}
.card{display:flex;gap:18px;width:100%;padding:18px;border-width:4px}
.card .cv{flex:none;width:200px;border:4px solid var(--ink)}
.cd{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.cd h2{font:400 30px/1 var(--f)}
.cd .o{font-size:15px;line-height:1.48}
.dv{font-size:13px;font-weight:500}
.cd .lnk{font-size:15px}
.cd .lnk::after{content:"";position:absolute;inset:0}

/* guide */
.gt{gap:24px;padding:32px var(--pad) 64px}
.fc{display:flex;gap:48px;width:100%;padding:40px;border-width:6px}
.cb{}
.fc>.cb{flex:none;position:static}
.fc .cb{width:422px;padding-bottom:48px;position:relative}
.fc .cb .cv{width:400px;border:4px solid var(--ink);box-shadow:0 8px 14px rgb(34 32 42 / .25)}
.cvb{position:absolute;left:0;right:0;top:402px;--h:26px}
.in{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.in h1{font:400 72px/.98 var(--f);letter-spacing:-.015em}
.su{font-size:19px;line-height:1.55}
.me{font-size:14px;font-weight:600;color:var(--ink2)}
.spc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border:3px solid var(--ink);border-radius:4px}
.spc div{display:flex;flex-direction:column;gap:2px;padding:11px 14px;border:.5px solid rgb(34 32 42 / .25)}
.spc dd{font-size:15px;font-weight:500;line-height:1.4}
.bd{position:relative;gap:56px}
.bd>*:not(.sb2){width:780px;max-width:100%}
.sb2{position:absolute;right:var(--pad);top:96px;width:300px;height:760px}
.b{display:flex;flex-direction:column;gap:16px}
.kt{border:3px solid var(--ink);border-radius:4px;overflow:hidden}
.kt div{display:flex;gap:16px;padding:12px 16px;background:var(--white);font-size:15px}
.kt div:nth-child(even){background:var(--lt)}
.kt b{flex:none;width:240px}
.kt span{flex:1;min-width:0}
.tip{display:flex;gap:12px}
.tip .chv{margin-top:6px}
.tip p{flex:1;min-width:0;font-size:17px;line-height:1.55}
.tip.s p{font-size:15px;line-height:1.5}
.tip.s .chv{margin-top:5px}
.two{display:flex;align-items:flex-start;gap:32px}
.sp{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:24px 22px;background-image:none}
.sp h2{font:400 26px/1.4 var(--f)}
.sp p{font-size:16px;line-height:1.5}
.wh-p{background:var(--white);border-color:var(--ink)}
.sim{position:relative;display:flex;align-items:center;gap:16px}
.sim .cv{flex:none;width:96px;border:3px solid var(--ink)}
.sim div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sim a{font:400 22px/1.4 var(--f);text-decoration:none}
.sim a::after{content:"";position:absolute;inset:0}
.sim:hover a{text-decoration:underline}
.sim p{font-size:15px;color:var(--ink2)}
.qa{display:flex;flex-direction:column;gap:6px;padding-bottom:14px;border-bottom:1px solid rgb(34 32 42 / .25)}
.qa h3{font-size:17px;font-weight:700}
.qa p{font-size:16px;line-height:1.52;color:var(--ink2)}
.whr{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border:2px dashed var(--ink);border-radius:4px}
.whr h2{font-size:17px;font-weight:700}
.whr p{font-size:15px;line-height:1.5;color:var(--ink2)}
.whr .lnk{font-size:15px}

/* about */
.ah{gap:18px;padding:40px var(--pad) 0}
.ah-r{display:flex;align-items:flex-end;gap:min(60px,4vw);width:100%}
.ah-t{flex:0 1 720px;min-width:0;display:flex;flex-direction:column;gap:16px;padding-bottom:56px}
.st-r{width:480px;height:420px}
.st-r .blk{top:360px;width:462px;--h:40px}
.st-r img{left:50px;top:6px;width:342px;filter:drop-shadow(-8px 12px 8px rgb(34 32 42 / .28))}
.ab-b{gap:48px}
.ab{gap:14px}
.cn{display:flex;flex-direction:column;gap:14px;padding:36px}
.cb2{font-size:16px;line-height:1.55;overflow-wrap:anywhere}
.rs{display:flex;flex-direction:column;gap:14px}
.rs li{display:flex;align-items:center;gap:10px;font-size:16px}
.cn dl{display:flex;flex-direction:column;gap:14px}
.cn dl div{display:flex;gap:12px}
.cn dt{flex:none;width:90px;font-size:14px;font-weight:700;color:var(--ochre)}
.cn dd{flex:1;min-width:0;font-size:16px;font-weight:600;overflow-wrap:anywhere}

/* legal */
.lh{gap:16px;padding:40px var(--pad) 48px}
.lh h1{font:400 72px/1 var(--f);letter-spacing:-.015em}
.ls{width:780px;max-width:100%;padding:20px 22px;border-width:4px}
.ls p{font-size:18px;line-height:1.55}
.lb{gap:36px}
.l{display:flex;flex-direction:column;gap:10px}
.l h2{font:400 28px/1.1 var(--f)}

/* cookie */
.cookie{position:fixed;z-index:60;right:24px;bottom:24px;width:500px;max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);overflow:auto;display:flex;flex-direction:column;gap:14px;padding:24px;border:5px solid var(--ink);border-radius:4px;background:var(--lt)}
.ck-t{display:flex;align-items:center;gap:12px}
.ck-t .hm{width:28px;height:28px}
.ck-t h2{font:400 26px/1.4 var(--f)}
.ck-p{font-size:15px;line-height:1.52;color:var(--ink2)}
.ck-acts{display:flex;gap:12px}
.ck-acts .stamp{flex:1;padding-inline:14px;white-space:nowrap}
.lnk.sm{font-size:14px}
.ck-manage{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:15px}
.ck-manage label{display:flex;align-items:center;gap:8px}
.ck-manage input{accent-color:var(--red)}

/* tablet */
@media (max-width:1199.98px){
  :root{--pad:40px}
  .hs{--u:min(100cqw/360,1.8px);height:auto;max-width:none;padding:18px var(--pad) 40px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
  .hero h1{position:static;width:auto;max-width:640px;font-size:clamp(44px,7vw,60px);line-height:1;letter-spacing:-.015em}
  .hs .sf{position:static;width:auto;max-width:560px;font-size:17px;line-height:1.52}
  .cta{position:static;font-size:15px;padding:12px 18px}
  .art{position:relative;left:auto;top:auto;width:calc(330*var(--u));height:calc(320*var(--u));--dp:calc(14*var(--u));margin-top:24px}
  .cup{left:calc(108*var(--u));top:calc(64*var(--u));width:calc(220*var(--u));height:calc(236*var(--u));--sw:5px;border-width:5px}
  .ptag{display:none}
  .bench{top:calc(290*var(--u));--h:calc(28*var(--u));width:calc(330*var(--u))}
  .hoof{left:calc(34*var(--u));top:calc(294*var(--u));width:calc(230*var(--u));height:calc(10*var(--u));filter:blur(5px)}
  .hrs{left:calc(12*var(--u));width:calc(285*var(--u));filter:drop-shadow(-6px 10px 7px rgb(34 32 42 / .28))}
  .rl{position:static;width:100%;gap:8px}
  .rule{flex-wrap:wrap;row-gap:8px}
  .rule li,.rule li:nth-child(n){width:33.333%;rotate:none}
  .rule li:nth-child(3n) .hg{display:none}
  .shelf{gap:24px}
  .shelf>.cv{width:150px}
  .s-c h3{font-size:30px}
  .sf-c{width:220px}
  .o{font-size:16px}
  .a-s{gap:32px}
  .a-t{flex:1 1 0;width:auto}
  .st-b{flex:none;width:300px;height:290px}
  .st-b .blk{top:250px;width:314px;--dp:14px;--h:26px}
  .st-b img{left:40px;top:10px;width:200px}
  .qg p{font-size:17px}
  .kp{flex-direction:column;gap:28px}
  .k-l{width:auto}
  .foot{flex-wrap:wrap}
  .fw{flex:1 1 280px}
  .fw:nth-child(n){padding-top:0}
  .fc{flex-direction:column;gap:24px}
  .fc .cb{width:min(422px,100%)}
  .fc .cb .cv{width:100%}
  .cvb{top:auto;bottom:0}
  .in{width:100%}
  .bd>*:not(.sb2){width:100%;max-width:780px}
  .sb2{display:none}
  .ah-r{flex-direction:column;align-items:flex-start;gap:18px}
  .ah-t{flex:none;width:100%;padding-bottom:0}
  .st-r{width:300px;height:260px}
  .st-r .blk{top:222px;width:314px;--dp:14px;--h:26px}
  .st-r img{left:30px;top:-6px;width:220px}
  .top-s h1,.ah h1,.lh h1,.in h1{font-size:60px}
  .h2{font-size:44px}
}
/* phone */
@media (max-width:767.98px){
  :root{--pad:16px;--dp:14px;--pw:360px;--sw:5px}
  .sec{gap:26px;padding:56px var(--pad)}
  .chv{width:12px;height:12px}
  .stamp{padding:12px 18px;font-size:15px}
  .lnk{font-size:15px}
  .chip{font-size:13px}
  .h2{font-size:32px}
  .h3{font-size:28px}
  .p{font-size:16px}
  .top{height:68px}
  .brand{font-size:22px}
  .hm{width:24px;height:24px}
  .mw{top:11px}
  .mb{padding:9px 12px;font-size:14px}
  .bars i{width:16px}
  .ml{display:none}.ms{display:inline}
  .hs{padding:18px var(--pad) 40px;gap:16px}
  .hero h1{font-size:44px;line-height:1}
  .hs .sf{font-size:16px}
  .art{margin:16px 0 0;height:calc(336*var(--u))}
  .rule a{padding-right:4px}
  .rule li,.rule li:nth-child(n){width:50%}
  .rule li:nth-child(3n) .hg{display:block}
  .rule li:nth-child(even) .hg{display:none}
  .rule b{font-size:14px}
  .g-s{gap:28px}
  .gh{padding:22px 18px}
  .gi{padding:12px}
  .gi p{font-size:16px}
  .dsk{display:none!important}
  .shelf{gap:14px;padding-bottom:30px}
  .shelf>.cv{width:112px;border-width:3px}
  .s-c{gap:8px}
  .s-c h3{font-size:24px}
  .chips{gap:6px 10px}
  .o{font-size:15px}
  .s-c .lnk::after{inset:0 0 30px}
  .sb{--h:16px}
  .a-s{flex-direction:column;align-items:flex-start;gap:28px}
  .a-t{flex:none;width:100%}
  .mq{padding:14px 0;border-block-width:4px}
  .mq p{gap:18px;padding-right:18px;font-size:22px}
  .mq i{width:10px;height:10px}
  .q-s{gap:24px}
  .qg{grid-template-columns:minmax(0,1fr);gap:18px}
  .qg .cv{width:72px}
  .qg p{font-size:16px}
  .kp{gap:22px;padding:26px 20px}
  .k-r .stamp{padding-inline:12px;font-size:14px}
  .k-l h2{font-size:30px}
  .k-l p{font-size:16px}
  .k-r li{font-size:15px}
  .foot{flex-direction:column;align-items:stretch;gap:14px;padding:48px var(--pad) 40px}
  .fw{flex:none}
  .fw .pn{padding:22px 20px}
  .top-s{gap:18px;padding:24px var(--pad)}
  .top-s h1,.ah h1{font-size:40px}
  .lh h1,.in h1{font-size:38px}
  .car{gap:24px;padding:12px 0 48px var(--pad)}
  .trk{--cw:300px;--cg:14px}
  .card{flex-direction:column;gap:18px}
  .card .cv{width:260px;max-width:100%}
  .cd h2{font-size:24px}
  .gt{gap:16px;padding:20px var(--pad) 40px}
  .fc{gap:18px;padding:18px 16px;border-width:4px}
  .fc .cb .cv{width:288px;max-width:100%}
  .fc .cb{width:302px;max-width:100%;padding-bottom:40px}
  .cvb{--h:26px}
  .su{font-size:16px}
  .in{gap:12px}
  .spc{grid-template-columns:minmax(0,1fr)}
  .bd{gap:36px}
  .kt b{width:120px}
  .tip p{font-size:15px}
  .two{flex-direction:column;align-items:stretch;gap:20px}
  .sim .cv{width:72px}
  .ah{gap:18px;padding:24px var(--pad) 0}
  .ah-t{gap:16px}
  .ab-b{gap:30px}
  .cn{padding:22px 18px}
  .cn dt{width:64px}
  .lh{padding:24px var(--pad) 32px}
  .ls p{font-size:16px}
  .lb{gap:26px}
  .l h2{font-size:22px}
  .cookie{left:15px;right:15px;bottom:12px;width:auto;max-width:none}
  .ck-acts{flex-direction:column}
  .ck-acts .stamp{align-self:stretch}
}
@media (prefers-reduced-motion:reduce){
  .mq-t{animation:none}
  .shelf,.shelf>.cv,.sf-c,.stamp,.lnk .chv{transition:none}
  .shelf:hover>.cv,.shelf:focus-within>.cv{transform:none}
}

/* social icons (footer) */
.soc{display:flex;flex-wrap:wrap;gap:10px}
.sic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:3px solid var(--ink);border-radius:4px;background:var(--white);color:var(--ink);transition:background .18s,box-shadow .18s}
.sic:hover{background:var(--ochre);box-shadow:3px 3px 0 var(--ink)}
.sic .si{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){.sic{transition:none}}