:root{--ink:#241815;--ink2:#5A4A42;--vault:#1A110E;--lime:#F2EDE3;--lime2:#E7DFD1;--paper:#FBF6EC;--tin:#9C958C;--tinL:#CFC9BF;--tray:#ECE6DB;--wood:#D9B77C;--sumac:#7A1F2B;--pul:#B8321F;--tur:#E0A21B;--pad:96px;--d:'Reem Kufi',Georgia,sans-serif;--t:'Readex Pro',Arial,sans-serif;--h:'Patrick Hand','Comic Sans MS',cursive;--s1:0 3px 6px rgba(26,17,14,.1),0 18px 34px -8px rgba(26,17,14,.14)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--lime);color:var(--ink);font:400 17px/1.55 var(--t);overflow-x:clip}
h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
h1,h2,h3{font-family:var(--d);font-weight:700;line-height:1.05}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--tur);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;z-index:30;background:var(--paper);padding:10px 16px}
.skip:focus{left:8px}
.w{position:relative;width:100%;max-width:1368px;margin-inline:auto;padding-inline:var(--pad)}
.chv{flex:none;width:12px;height:12px}
.dot{flex:none;display:block;width:10px;height:10px;border-radius:50%}
.chip{display:inline-flex;align-items:center;gap:8px;font:500 14px/1.55 var(--t);color:var(--ink2)}
.lnk{display:inline-flex;align-items:center;gap:8px;font:600 15px/1.55 var(--t)}
.lnk:hover span{text-decoration:underline}
.lnk.rd{color:var(--pul);font-size:14px}
.stamp{display:inline-block;padding:4px;border:2px solid var(--pul);border-radius:24px;color:var(--pul);transition:background .2s,color .2s}
.stamp>span{display:flex;align-items:center;gap:10px;padding:12px 26px;border:1px solid currentColor;border-radius:20px;font:600 16px/1.25 var(--t);letter-spacing:.02em;white-space:nowrap}
.stamp.solid{background:var(--pul);color:var(--lime)}
.stamp.solid>span{border-color:rgba(242,237,227,.55)}
.stamp:hover{background:var(--pul);color:var(--lime)}
.stamp.solid:hover{background:var(--sumac);border-color:var(--sumac)}
.bw,.fw{font:700 var(--fs)/.82 var(--d);letter-spacing:-.02em;white-space:nowrap;color:transparent;background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;pointer-events:none}
.bw{position:absolute}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;line-height:1.55}
.crumbs li{display:flex;align-items:center;gap:8px;opacity:.72}
.crumbs li:last-child{opacity:1}
.crumbs b{font-weight:500}
.crumbs a:hover{text-decoration:underline}
.crumbs .chv{width:9px;height:9px}
.cut{position:absolute;display:block;aspect-ratio:var(--ar,1.1);pointer-events:none}
.cut img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cut i{position:absolute;left:7%;bottom:-3%;width:86%;height:9%;border-radius:50%;background:rgba(26,17,14,.38);filter:blur(10px)}
/* chrome */
.top{position:relative;z-index:8;background:var(--vault);color:var(--lime)}
.top.over{position:absolute;left:0;right:0;background:none}
.tp{display:flex;align-items:center;gap:28px;padding-block:26px}
.logo{display:inline-flex;align-items:center;gap:10px;font:600 22px/1.2 var(--d);letter-spacing:.01em;color:var(--lime)}
.n-d{margin-left:auto}
.n-d ul{display:flex;gap:28px}
.n-d a{font-size:16px;opacity:.8}
.n-d a:hover{opacity:1}
.n-d a[aria-current]{font-weight:600;opacity:1;text-decoration:underline;text-underline-offset:3px}
.mw{position:relative}
.burger{display:block;padding:5px;border:1.5px solid rgba(242,237,227,.6);border-radius:24px}
.burger>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border:1px solid rgba(242,237,227,.35);border-radius:20px}
.burger i{display:block;width:16px;height:2px;border-radius:1px;background:var(--lime)}
.burger i:last-child{width:10px}
.menu{position:absolute;right:0;top:calc(100% + 10px);min-width:200px;padding:14px 20px;background:var(--paper);color:var(--ink);border:1px solid var(--tinL);border-radius:24px;box-shadow:0 12px 28px -4px rgba(26,17,14,.35)}
.menu li a{display:block;padding:8px 0;font:400 24px/1.1 var(--h);color:var(--sumac)}
.menu li a:hover{text-decoration:underline}
.menu a[aria-current]{color:var(--pul)}
.foot{background:var(--vault);color:var(--lime);overflow:hidden}
.mq{padding:48px 0 40px;overflow:hidden}
.mq>div{display:flex;align-items:center;gap:48px;--fs:140px;width:max-content}
.sep{flex:none;width:22px;height:26px}
.f-g{border-top:1px solid rgba(242,237,227,.18)}
.f-i{display:flex;gap:64px;padding-block:40px 32px}
.f-1{flex:0 0 460px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:15px}
.f-1 p{opacity:.8}
.f-m{font-weight:500;color:var(--tur);text-decoration:underline}
.f-c{display:flex;gap:64px}
.f-c h2{font:400 22px/1.55 var(--h);color:var(--tur)}
.f-c ul{display:flex;flex-direction:column;gap:10px;margin-top:10px;font-size:15px}
.f-c li{opacity:.85}
.f-c a:hover,.f-c button:hover{text-decoration:underline}
.f-b{display:flex;gap:8px 32px;padding-block:18px 28px;font-size:13px;opacity:.7}
/* hero stage */
.hero{container-type:inline-size;position:relative;background:var(--vault);overflow:hidden}
.stg{--u:calc(100cqw/1368);--iw:calc(1648*var(--u));--ih:calc(920*var(--u));--a:.0783;--b:.0152;position:relative;height:var(--ih)}
.art{position:absolute;left:0;top:0;width:var(--iw);height:var(--ih)}
.ly{position:absolute;inset:0;will-change:transform}
.ly img{width:100%;height:100%;object-fit:cover;max-width:none}
.lamps img{-webkit-mask:linear-gradient(#000 40%,transparent 54%);mask:linear-gradient(#000 40%,transparent 54%)}
.cones img{-webkit-mask:linear-gradient(transparent 44%,#000 56%);mask:linear-gradient(transparent 44%,#000 56%)}
.sh-l,.sh-t,.sh-b{position:absolute;pointer-events:none}
.ly .sh-l{top:0}
.sh-l{left:0;top:0;width:100cqw;height:100%;background:linear-gradient(90deg,rgba(26,17,14,.82),rgba(26,17,14,0) 55%)}
.sh-t{left:0;top:0;width:100cqw;height:calc(220*var(--u));background:linear-gradient(rgba(26,17,14,.85),rgba(26,17,14,0))}
.sh-b{display:none}
.cf{position:absolute;top:calc(var(--ih)*(.5924 + var(--a) + var(--b)*var(--e)));transform-origin:0 0;transition:scale .2s}
.cf i{position:absolute;left:-2px;top:4px;width:4px;height:calc(46*var(--u));background:var(--wood);border-radius:2px;box-shadow:1px 2px 3px rgba(26,17,14,.35)}
.cf span{position:relative;display:block;padding:4px 8px 5px;background:var(--paper);border-radius:3px;font:400 max(13px,calc(15*var(--u)))/1.1 var(--h);color:var(--ink);white-space:nowrap;box-shadow:0 3px 6px rgba(26,17,14,.35);transform:rotate(var(--r));transform-origin:0 0;transition:color .2s}
.cf:hover span{color:var(--pul);text-decoration:underline}
.cf.end span{translate:calc(-100% + 2px) 0;transform-origin:100% 0}
.h-t{position:absolute;left:calc(96*var(--u));top:calc(176*var(--u));display:flex;flex-direction:column;align-items:flex-start;color:var(--lime)}
.h-t h1{width:max-content;font-size:calc(88*var(--u));line-height:1;letter-spacing:-.01em}
.h-t p{width:calc(470*var(--u));margin:calc(22*var(--u)) 0 calc(28*var(--u));font-size:max(15px,calc(18*var(--u)));opacity:.86}
.sheet{position:absolute;left:calc(872*var(--u));top:calc(172*var(--u));width:calc(380*var(--u));padding:calc(24*var(--u)) calc(22*var(--u)) calc(12*var(--u));background:var(--paper);border:1px solid var(--tinL);border-radius:4px 14px 4px 4px;box-shadow:0 12px 28px -4px rgba(26,17,14,.25),0 2px 4px rgba(26,17,14,.2);transform:rotate(1.5deg);transform-origin:0 0}
.tp-t{position:absolute;left:calc(50% - 46px);top:-12px;width:92px;height:26px;background:var(--wood);opacity:.75;transform:rotate(-3deg)}
.sheet h2{font:400 calc(28*var(--u))/1.1 var(--h);color:var(--sumac);margin-bottom:2px}
.sheet li+li{border-top:1px solid var(--tinL)}
.sheet a{display:flex;align-items:center;gap:12px;padding:7px 8px 7px 0;border-radius:12px;transition:background .2s,padding .2s}
.sheet a:hover{background:var(--lime2);padding-inline:8px}
.sheet .dot{width:12px;height:12px}
.sheet b{flex:1;min-width:0;font:500 max(14px,calc(16*var(--u)))/1.55 var(--t)}
.sheet small{font-size:13px;color:var(--ink2)}
.sheet .chv{width:11px;height:11px}
/* G */
.g{position:relative;overflow:clip;background:var(--lime);padding-block:112px 150px}
.g-w{--fs:280px;right:0;top:40px;translate:22% 0}
.g>.w{display:flex;flex-direction:column;gap:64px}
.g-h{position:relative;display:flex;flex-direction:column;gap:18px}
.g-h h2{font-size:64px;line-height:1;max-width:520px}
.g-h p{font-size:18px;color:var(--ink2);max-width:440px}
.fan{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,372px));gap:44px 20px;align-items:start;padding:12px 0 30px}
.plate{--ct:250px;position:relative;margin-top:var(--j);padding:8px;background:var(--tray);border:3px solid var(--tin);border-radius:24px;box-shadow:var(--s1);transform:rotate(var(--r));transform-origin:0 0;transition:transform .25s ease,box-shadow .25s ease}
.pi{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px 14px 18px;background:var(--paper);border:1px solid var(--tinL);border-radius:18px}
.pc{width:100%;height:var(--ct);object-fit:cover;border-radius:12px}
.pi h3{font-size:28px;line-height:1.08}
.pi>p{font-size:15px;line-height:1.45;color:var(--ink2)}
.pl::after{content:"";position:absolute;inset:0;border-radius:24px}
.plate:hover,.plate:focus-within{transform:translateY(-6px);box-shadow:0 6px 10px rgba(26,17,14,.12),0 30px 50px -10px rgba(26,17,14,.22)}
.plate:hover .pl,.plate:focus-within .pl{color:var(--pul)}
.plate:hover .pl span,.plate:focus-within .pl span{text-decoration:underline}
.ledge{position:relative;z-index:3;height:0}
.c-s{--ar:1.098;right:var(--pad);bottom:0;width:250px;translate:0 3%}
.ledge .w{height:0}
/* D */
.d{position:relative;overflow:clip;background:var(--lime2);padding-block:120px 132px}
.d-w{--fs:260px;right:0;bottom:0;translate:18% 32%}
.d-i{display:flex;gap:56px}
.d-l{flex:0 0 360px;display:flex;flex-direction:column;gap:16px}
.d-l h2{font-size:56px;line-height:1.02}
.d-l p{color:var(--ink2)}
.ldg{position:relative;height:260px}
.ldg>i{position:absolute;left:0;right:0;bottom:0;height:6px;border-radius:3px;background:var(--tin)}
.c-t{--ar:1.143;left:40px;bottom:4px;width:270px;translate:0 3%}
.d-r{position:relative;flex:1;min-width:0;display:flex;gap:22px}
.pw{flex:1;min-width:0}
.p1{padding-top:56px}.p2{padding-top:18px}
.flag{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:20px 20px 22px 26px;gap:12px;background:var(--paper);border:1px solid var(--tinL);border-radius:24px;box-shadow:0 12px 28px -4px rgba(26,17,14,.25),0 2px 4px rgba(26,17,14,.2)}
.pw .flag{max-width:236px;transform:rotate(var(--r));transform-origin:0 0}
.tk{position:absolute;left:10px;top:-46px;width:4px;height:70px;border-radius:2px;background:var(--wood);box-shadow:1px 2px 3px rgba(26,17,14,.25)}
.flag h3,.flag h2{font:400 28px/1.1 var(--h);color:var(--sumac)}
.flag>p{font-size:15px;line-height:1.5;color:var(--ink2)}
.flag ul{display:flex;flex-direction:column;gap:12px;width:100%}
.flag li a{display:flex;align-items:center;gap:10px}
.flag li img{flex:none;width:64px;height:64px;border-radius:10px}
.flag li a>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.flag li b{font:600 15px/1.45 var(--t)}
.flag li a:hover b{text-decoration:underline}
.flag .chip{font-size:12px;flex-direction:row}
.flag .chip .dot{width:8px;height:8px}
.flag .chip span{display:inline}
/* bands */
.band{position:relative;overflow:clip}
.dk{background:var(--vault);color:var(--lime)}
.lt{background:var(--lime2);color:var(--ink)}
.band .w{display:flex;flex-direction:column;gap:18px;padding-block:40px 150px}
.band h1{position:relative;font-size:88px;line-height:.98;letter-spacing:-.01em;max-width:820px}
.band .w>p{position:relative;font-size:19px;max-width:620px}
.dk .w>p{opacity:.85}.lt .w>p{color:var(--ink2)}
.b-w{right:0;bottom:0}
.gw{--fs:260px;translate:28% 30%}.aw{--fs:250px;translate:30% 30%}.pw.b-w,.b-w.pw{--fs:240px;translate:26% 30%}
.lg .w{padding-bottom:130px}
.c-a{--ar:1.184;left:calc(50% - 684px + 712px);bottom:-2px;width:230px}
.idx{background:var(--lime);padding-block:72px 120px}
.idx .w{min-height:460px}
.list{width:min(740px,calc(100% - 440px))}
.ix{position:relative;display:flex;align-items:center;gap:20px;padding:24px 22px;border-bottom:1px solid var(--tin)}
.ix.on{background:var(--paper);border:1px solid var(--tinL);border-radius:24px}
.ix>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.ix h2{font-size:44px;line-height:1.04;transition:color .2s}
.ix.on h2,.ix.on>.chv{color:var(--pul)}
.ix h2 a::after{content:"";position:absolute;inset:0}
.ix p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:14px;color:var(--ink2)}
.ix>.chv{width:14px;height:14px}
.dot.big{width:18px;height:18px}
.ic{display:none;flex:none;width:96px;height:96px;border-radius:14px}
.pv{position:absolute;right:var(--pad);top:-32px;width:420px;padding:10px;background:var(--tray);border:3px solid var(--tin);border-radius:24px;box-shadow:0 18px 40px -8px rgba(26,17,14,.3);transform:rotate(2deg)}
.pv .pi{padding:12px 12px 14px;gap:10px}
.pvi{width:100%;aspect-ratio:1;height:auto;border-radius:12px}
.pv p{font-size:14px;color:var(--ink2)}
/* guide */
.gb{position:relative;overflow:clip;background:var(--vault);color:var(--lime)}
.gb-i{display:flex;gap:64px;padding-block:40px 96px}
.gb-t{position:relative;flex:0 1 600px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.chip.lc{color:var(--lime);font-size:15px}
.gb h1{font-size:76px;line-height:.98;letter-spacing:-.01em}
.gb-t>p{font-size:19px;opacity:.86}
.gb-t>.mt{font-size:14px;opacity:.72}
.ctray,.ftray,.ktray{padding:10px;background:var(--tray);border:3px solid var(--tin);border-radius:24px}
.ctray{position:relative;flex:none;align-self:flex-start;transform:rotate(2deg);box-shadow:0 18px 40px -8px rgba(0,0,0,.45)}
.ci2{padding:12px;background:var(--paper);border:1px solid var(--tinL);border-radius:18px}
.ci2 img{width:440px;height:440px;border-radius:12px}
.s-w{--fs:220px;right:0;bottom:0;translate:30% 38%}
.c-m{--ar:1.184;left:calc(50% - 684px + 520px);bottom:-2px;width:220px}
.gbd{background:var(--lime)}
.gbd-i{display:flex;gap:72px;padding-block:88px 120px}
.ma{flex:0 1 720px;min-width:0;display:flex;flex-direction:column;gap:56px}
.ma section{display:flex;flex-direction:column;gap:16px}
.ma h2{font-weight:600;font-size:34px;line-height:1.1}
.ma section>p{font-size:18px;line-height:1.6}
.keys{display:flex;flex-direction:column;gap:16px}
.keys>div{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--tin)}
.keys dt{flex:0 0 220px;padding:6px 14px;background:var(--paper);border:1.5px solid var(--tin);border-radius:24px;font:500 14px/1.55 var(--t)}
.keys dd{flex:1;font-size:16px}
.tips{display:flex;flex-direction:column;gap:16px}
.tips li{display:flex;gap:12px;font-size:17px}
.tips .chv{margin-top:8px;color:var(--pul)}
.two{display:flex;gap:28px;align-items:flex-start}
.su{flex:0 0 300px;padding:20px 22px 22px;gap:10px}
.su h2,.wh h2{font:400 26px/1.1 var(--h)}
.su p{font-size:16px;color:var(--ink);line-height:1.55}
.wg{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.wg h2{font-size:26px;font-weight:600}
.wg ul{display:flex;flex-direction:column;gap:12px}
.wg li{display:flex;gap:10px;font-size:15px;color:var(--ink2)}
.wg .dot{width:8px;height:8px;margin-top:9px}
.qa{display:flex;flex-direction:column;gap:16px}
.qa>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid var(--tin)}
.qa h3{font:600 17px/1.55 var(--t)}
.qa p{font-size:16px;color:var(--ink2)}
.sd{flex:0 0 384px;display:flex;flex-direction:column;gap:28px;min-width:0}
.ftray{padding:8px}
.fi{padding:18px 20px;background:var(--paper);border:1px solid var(--tinL);border-radius:18px}
.fi h2{font:400 28px/1.55 var(--h);color:var(--sumac)}
.fi dl>div{display:flex;flex-direction:column;gap:2px;padding:10px 0}
.fi dl>div+div{border-top:1px solid var(--tinL)}
.fi dt{font:500 13px/1.55 var(--t);color:var(--ink2)}
.fi dd{font-size:15px}
.wh{padding:18px 22px 20px;gap:10px}
.poki{font:600 15px/1.55 var(--t);color:var(--pul);text-decoration:underline}
.nb{display:flex;flex-direction:column;gap:12px}
.nb h2{font-size:26px;font-weight:600}
.nb ul{display:flex;flex-direction:column;gap:12px}
.nb a{display:flex;align-items:center;gap:12px}
.nb img{flex:none;width:72px;height:72px;border-radius:12px}
.nb span{display:flex;flex-direction:column;gap:2px;min-width:0}
.nb b{font:600 15px/1.55 var(--t)}
.nb a:hover b{text-decoration:underline}
.nb small{font-size:13px;color:var(--ink2);line-height:1.45}
/* about */
.abt{background:var(--lime);padding-block:96px 120px}
.abt>.w{display:flex;flex-direction:column;gap:64px}
.ar{display:flex;gap:56px}
.ar.alt{padding-left:140px}
.ar h2{flex:0 0 340px;font-weight:600;font-size:36px;line-height:1.08}
.ar>div{flex:0 1 600px;display:flex;flex-direction:column;gap:12px;font-size:18px;line-height:1.6}
.ktray{width:min(720px,100%);padding:8px}
.ki{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px 32px;background:var(--paper);border:1px solid var(--tinL);border-radius:18px}
.ki h2{font-size:34px}
.ki>p{font-size:16px;color:var(--ink2)}
.ki a,.lgc a{text-decoration:underline}
.ki .stamp{text-decoration:none}
.ki ul{display:flex;flex-direction:column;gap:14px}
.ki li{display:flex;align-items:center;gap:10px;font-size:15px}
.ki li .chv{width:11px;height:11px;color:var(--pul)}
.ki dl{width:100%;display:flex;flex-direction:column;gap:14px}
.ki dl>div{display:flex;gap:16px;padding:8px 0;border-top:1px solid var(--tinL)}
.ki dt{flex:0 0 90px;font-size:14px;color:var(--ink2)}
.ki dd{flex:1;min-width:0;font:500 15px/1.55 var(--t);overflow-wrap:anywhere}
.lgl{background:var(--lime);padding-block:80px 120px}
.lgl .w{padding-left:calc(var(--pad) + 120px)}
.lgc{display:flex;flex-direction:column;gap:40px;max-width:760px}
.lgc section{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid var(--tin)}
.lgc h2{font-weight:600;font-size:28px}
.lgc p{font-size:17px;line-height:1.65}
/* cookie */
.cookie{position:fixed;right:24px;bottom:24px;z-index:20;width:min(500px,calc(100vw - 30px));max-height:calc(100dvh - 32px);overflow:auto;padding:8px;background:var(--tray);border:3px solid var(--tin);border-radius:24px;box-shadow:0 12px 34px rgba(26,17,14,.32)}
.ci{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:26px 28px;background:var(--paper);border:1px solid var(--tinL);border-radius:18px}
.ci h2{font:400 32px/1.55 var(--h);color:var(--sumac)}
.ci p{font-size:15px;line-height:1.55}
.ck-acts{display:flex;flex-wrap:wrap;gap:12px}
.ck-l{font-size:14px;color:var(--pul);text-decoration:underline}
.ck-manage{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:15px}
.ck-manage label{display:flex;gap:8px;align-items:center}
.ck-manage input{accent-color:var(--pul);width:16px;height:16px}
@media (max-width:1367px){
  .c-a,.c-m{left:auto;right:calc(var(--pad) + 150px)}
  .c-m{right:420px}
  .gb-t{flex:1}
  .ma{flex:1}
  .sd{flex-basis:340px}
  .gbd-i{gap:48px}
  .ci2 img{width:360px;height:360px}
}
@media (max-width:1199px){
  :root{--pad:40px}
  .stg{--u:1px;--iw:max(1147px,100cqw);--ih:calc(var(--iw)*.5581);--a:.125;--b:.0531;height:auto;padding-top:calc(var(--ih) - 44px);padding-bottom:36px}
  .art{left:min(0px,calc((100cqw - 1147px)/2))}
  .ly img{object-position:center}
  .sh-t{height:260px;width:100%;left:0}
  .sh-l{left:0;width:100%;background:linear-gradient(90deg,rgba(26,17,14,.3),rgba(26,17,14,.1))}
  .sh-b{display:block;left:0;width:100%;height:160px;top:calc(var(--ih) - 120px);background:linear-gradient(rgba(26,17,14,0),var(--vault) 75%)}
  .h-t{left:var(--pad);top:112px;right:var(--pad)}
  .h-t h1{font-size:60px}
  .h-t p{width:min(560px,100%);margin:14px 0 18px;font-size:17px}
  .sheet{position:relative;left:auto;top:auto;width:min(560px,calc(100% - 2*var(--pad)));margin-inline:var(--pad);padding:20px 18px 10px;transform:rotate(1deg)}
  .sheet h2{font-size:26px}
  .g{padding-block:150px 110px}.g-w{--fs:180px;top:24px;translate:22% 0}
  .g-h h2{font-size:48px}
  .fan{gap:32px 14px}.plate{--ct:auto}.pc{height:auto;aspect-ratio:1}.pi{padding:10px 10px 14px}.pi h3{font-size:22px}
  .c-s{width:180px}
  .d{padding-block:80px 100px}.d-i{flex-direction:column;gap:64px}.d-l{flex:none}.d-l .ldg{width:360px}
  .d-w{--fs:170px}
  .band h1{font-size:60px}.band .w{padding-bottom:110px}.gw,.aw,.b-w.pw{--fs:150px}
  .c-a{width:160px;right:var(--pad);left:auto}
  .list{width:100%}
  .pv{display:none}
  .idx{padding-block:48px 72px}.idx .w{min-height:0}
  .ix{padding:16px 0;gap:14px;border-bottom:1px solid var(--tin)}
  .ix.on{background:none;border:0;border-bottom:1px solid var(--tin);border-radius:0}
  .ix.on h2,.ix.on>.chv{color:inherit}
  .dot.big{display:none}.ic{display:block}
  .ix h2{font-size:32px}
  .gb-i{gap:40px;padding-bottom:72px}.gb h1{font-size:52px}.ci2 img{width:280px;height:280px}.c-m{display:none}.s-w{--fs:140px}
  .gbd-i{flex-direction:column;gap:44px;padding-block:56px 72px}.ma{flex:none}.sd{flex:none}
  .abt{padding-block:64px 80px}.ar.alt{padding-left:0}.ar h2{flex-basis:240px;font-size:30px}
  .lgl .w{padding-left:var(--pad)}.lgl{padding-block:56px 80px}
  .f-i{gap:40px}.f-1{flex:0 1 320px}.f-c{gap:32px}
  .mq>div{--fs:90px}
}
@media (max-width:767px){
  :root{--pad:20px}
  body{font-size:15px}
  .tp{padding-block:16px}.logo{font-size:18px}.n-d{display:none}.mw{margin-left:auto}
  .h-t h1{font-size:44px}.h-t p{font-size:16px}
  .stamp>span{padding:10px 20px;font-size:15px}
  .nph{display:none}
  .g{padding-block:150px 110px}.g-w{--fs:120px;top:18px;translate:30% 0}
  .g>.w{gap:32px}.g-h{gap:12px}.g-h h2{font-size:36px}.g-h p{font-size:15px}
  .fan{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 8px}
  .plate{margin-top:var(--mj);transform:rotate(var(--mr))}
  .pi{padding:8px 8px 12px;gap:8px}.pi h3{font-size:16px}.pi>p{display:none}
  .pi .chip{font-size:12px}.pi .dot{width:8px;height:8px}.pl{font-size:13px}.pl .chv{width:11px;height:11px}
  .c-s{width:130px}
  .d{padding-block:72px 80px}.d-w{--fs:110px}.d-i{gap:28px}.d-l h2{font-size:34px}.d-l p{font-size:15px}.d-l .ldg{width:100%;height:170px}.c-t{width:180px;left:60px}
  .d-r{flex-direction:column;gap:34px}.p1{padding:0 0 0 18px}.p2{padding:0 0 0 6px}.pw .flag{transform:none;max-width:none}
  .band .w{gap:12px;padding-block:20px 90px}.band h1{font-size:42px}.band .w>p{font-size:16px}.lt.ab .w{padding-bottom:110px}.gw,.aw,.b-w.pw{--fs:96px}.lg .w{padding-bottom:90px}
  .c-a{width:130px;right:20px}
  .idx{padding-block:36px 64px}.ix h2{font-size:22px}.ix p{font-size:12px}
  .gb-i{flex-direction:column;gap:24px;padding-block:20px 48px}.gb-t{gap:12px;flex:none}.gb h1{font-size:40px}.gb-t>p{font-size:16px}
  .ctray{transform:none;align-self:stretch}.ci2 img{width:100%;height:auto;aspect-ratio:1}.s-w{--fs:90px}
  .gbd-i{padding-block:40px 64px}.ma{gap:40px}.ma h2{font-size:26px}.ma section>p{font-size:16px}.keys dt{flex-basis:130px}.tips li{font-size:15px}
  .two{flex-direction:column}.su{flex:none;width:100%}
  .abt{padding-block:44px 64px}.abt>.w{gap:40px}.ar{flex-direction:column;gap:12px}.ar h2{flex:none;font-size:26px}.ar>div{flex:none;font-size:16px}
  .ki{padding:20px 18px}.ki h2{font-size:26px}
  .lgl{padding-block:40px 64px}.lgc{gap:30px}.lgc h2{font-size:22px}.lgc p{font-size:15px}
  .mq{padding:28px 0 24px}.mq>div{--fs:60px;gap:22px}
  .f-i{flex-direction:column;gap:28px;padding-block:24px}.f-1{flex:none}.f-c{flex-wrap:wrap;gap:24px 40px}
  .f-s{flex:0 0 100%}.f-s h2{display:none}.f-s ul{margin:0;gap:8px;font-size:14px}
  .f-b{flex-direction:column;padding-block:16px 24px}
  .cookie{left:15px;right:15px;bottom:15px;width:auto}.ci{padding:20px 18px}.ck-acts{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.ly{will-change:auto}}

/* social icons (footer) */
.f-c li.soc{display:flex;gap:10px;opacity:1}
.sic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid rgba(242,237,227,.22);border-radius:50%;color:var(--lime);transition:background .16s,color .16s,border-color .16s}
.sic:hover{background:var(--tur);border-color:var(--tur);color:var(--vault)}
.sic .si{width:18px;height:18px}