@font-face{font-family:Syncopate;src:url(/case/reson-music/syncopate-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2) format("woff2");font-weight:200 600;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/fonts/inter.woff2) format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/mono.woff2) format("woff2");font-weight:400 500;font-display:swap}
:root{--ground:#e5e3dd;--paper:#f3ebdc;--ink:#171615;--mute:#5f5a50;--line:rgba(23,22,21,.16);--scorch:#8a5a2b;--char:#141110;--bone:#ece6d8;--ember:#ff7a10;--bg:var(--ground);--fg:var(--ink);
--sys:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
--disp:Archivo,"KOB CJK",var(--sys);--ui:"Inter Tight",var(--sys);--mono:"JetBrains Mono",var(--sys);
--e:cubic-bezier(.16,1,.3,1);--in:var(--e);--mv:var(--e);--pad:clamp(18px,3vw,40px);--sb:0px;color-scheme:light}
:lang(zh-Hant){--sys:-apple-system,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Noto Sans CJK TC",sans-serif}
:lang(ja){--sys:-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",sans-serif}
:lang(ko){--sys:-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR",sans-serif}
@media (hover:hover) and (min-width:861px){:root{--sb:16px}}
*{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.55 var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
:lang(zh-Hans) body,:lang(zh-Hant) body,:lang(ja) body,:lang(ko) body{line-height:1.75}
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;background:url(/img/grain.png) 0 0/256px;opacity:.54;transform:translateZ(0)}
a{color:inherit}img,video{max-width:100%;display:block}button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
::selection{background:var(--ember);color:var(--char)}
.wrap{padding-inline:var(--pad)}
.cap{font:500 12px/1.45 var(--mono);letter-spacing:.02em}
.mono{font-family:var(--mono)}.mute{color:var(--mute)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--ink);color:var(--ground);padding:10px 14px}
.char{--bg:var(--char);--fg:var(--bone);--mute:#a79f8f;--line:rgba(236,230,216,.2);background:var(--bg);color:var(--fg)}
.pap{--bg:var(--paper);background:var(--bg);color:var(--ink)}
.fit{--fs:min(calc((100vw - 2*var(--pad) - var(--sb))/var(--fw)),calc(var(--cap,60svh)/var(--n)));font:250 var(--fs)/.97 var(--disp);letter-spacing:-.005em;text-transform:uppercase;margin:0}
.fit .ln{display:block;overflow:hidden;white-space:nowrap;margin-left:calc(var(--x)*1em);padding-block:.05em .03em;margin-block:-.05em -.03em}
.fit .ln>span{display:inline-block}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .fit{font-weight:300;line-height:1.14;letter-spacing:.06em;text-transform:none}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .fit .ln{padding-block:.08em .1em;margin-block:-.08em -.1em}
.js .fit:not(h1) .ln>span{transform:translateY(112%);transition:transform 1.05s var(--e);transition-delay:calc(var(--i)*60ms)}
.js .fit:not(h1).in .ln>span{transform:none}
h1.fit .ln>span{animation:rise 1.05s var(--e) both;animation-delay:calc(var(--i)*60ms)}
.big{font:250 clamp(32px,5.5vw,104px)/1.02 var(--disp);text-transform:uppercase;letter-spacing:-.005em;margin:0;text-wrap:balance}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .big{font-weight:300;line-height:1.32;letter-spacing:.04em;text-transform:none}
.lede{font-size:clamp(19px,1.75vw,27px);line-height:1.38;max-width:34ch;margin:0;text-wrap:pretty}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .lede{line-height:1.7;max-width:30em}
.body{font-size:clamp(17px,1.25vw,19px);max-width:62ch}
.top{position:fixed;inset:0 0 auto;z-index:60;padding-top:env(safe-area-inset-top,0px);transition:transform .7s var(--e),background-color .4s var(--e),box-shadow .4s var(--e)}
.top.s{background:color-mix(in srgb,var(--ground) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}
.top.hide{transform:translateY(-101%)}
.top-in{display:flex;justify-content:space-between;align-items:center;height:64px;padding-inline:var(--pad)}
.wm{display:inline-flex;align-items:center;font:500 15px var(--disp);letter-spacing:.03em;text-decoration:none;white-space:nowrap;padding-block:10px;font-feature-settings:"kern"}
.ring{display:inline-block;width:1.02em;height:1.02em;margin:0 .05em;flex:none;overflow:visible;color:inherit;transition:color .5s var(--e)}
.wm:hover .ring,.foot .mark:hover .ring{color:var(--ember)}
.wm small{font:400 12px var(--sys);letter-spacing:.2em;color:var(--mute);margin-left:12px}
.nav{display:flex;gap:clamp(16px,2vw,28px);align-items:center}.nav>a,.lg summary{font:500 13px var(--ui);text-decoration:none;position:relative;padding-block:10px;cursor:pointer}
.nav>a:not(.pill)::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--e)}
.nav>a:hover::after,.nav>a[aria-current]::after{transform:scaleX(1)}
.pill{background:var(--ink);color:var(--ground);border-radius:99px;padding:11px 18px!important;transition:background .4s var(--e),color .4s var(--e)}
.pill:hover{background:var(--ember);color:var(--char)}
.lg{position:relative}.lg summary{list-style:none;display:flex;gap:5px;align-items:center}.lg summary::-webkit-details-marker{display:none}.lg summary::after{content:"";width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:translateY(-2px) rotate(45deg);transition:transform .4s var(--e)}.lg[open] summary::after{transform:translateY(1px) rotate(-135deg)}
.lg ul{position:absolute;right:0;top:100%;list-style:none;margin:6px 0 0;padding:6px;background:var(--paper);min-width:132px;box-shadow:0 18px 50px rgba(20,17,16,.22)}
.lg li a{display:block;padding:9px 12px;text-decoration:none;font-size:14px}.lg li a:hover{background:var(--ink);color:var(--paper)}.lg li a[aria-current]{color:var(--scorch)}
.menu{display:none;background:none;border:0;font:500 13px var(--ui);padding:12px 2px;cursor:pointer}
.sheet-menu{position:fixed;inset:0;z-index:55;overflow:auto;background:var(--paper);clip-path:inset(0 0 100% 0);transition:clip-path .75s var(--e),visibility 0s .75s;visibility:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:96px var(--pad) calc(var(--pad) + env(safe-area-inset-bottom,0px))}
.sheet-menu.on{clip-path:inset(0);visibility:visible;transition:clip-path .75s var(--e)}
.sheet-menu>a{font:250 min(11.5vw,8.5svh)/1.08 var(--disp);text-transform:uppercase;text-decoration:none;display:block;padding:9px 0;border-top:1px solid var(--line)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .sheet-menu>a{font-weight:300;text-transform:none}
.sheet-menu .langs{display:flex;flex-wrap:wrap;gap:6px 20px;margin:18px 0 0;font:500 14px var(--ui)}.sheet-menu .langs a{text-decoration:none;padding:8px 0}.sheet-menu .langs a[aria-current]{color:var(--scorch)}
@media (max-width:980px){.nav>a:not(.pill),.nav .lg{display:none}.wm small{display:none}.menu{display:block}.nav{gap:14px}.pill{padding:10px 15px!important}}
.stage{--sw:min(31vw,58svh);--sh:calc(var(--sw)*1.414);position:relative;height:100svh;min-height:620px;overflow:hidden;display:grid;touch-action:pan-y}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .42s var(--e)}
.stage canvas.on{opacity:1}.stage canvas.swap{opacity:0}
.sheet-slot{position:absolute;left:50%;top:calc(50% + 14px);width:var(--sw);height:var(--sh);transform:translate(-50%,-50%);pointer-events:none}
.sheet-dom{position:absolute;inset:0;background:var(--paper);box-shadow:3px 4px 10px rgba(20,17,16,.2),14px 30px 70px rgba(20,17,16,.15);transform:rotate(2.9deg);padding:9% 8.5%;font:400 calc(var(--sw)*.0332)/1.4 var(--mono);transition:opacity .4s var(--e);overflow:hidden}
.sheet-dom.gone{opacity:0}
.sheet-dom .hd{font-weight:500;font-size:1.3em;border-bottom:1px solid var(--ink);padding-bottom:1.1em;margin-bottom:1.6em}.sheet-dom .hd small{display:block;font-size:.72em;font-weight:400;color:var(--mute)}
.sheet-dom dl{margin:0;display:grid;grid-template-columns:27% 1fr;gap:1.1em .5em}.sheet-dom dt{color:var(--mute);font-size:.62em;padding-top:.5em}.sheet-dom dd{margin:0}
.stage .wd{position:absolute;z-index:1;margin:0;font:250 calc(((100vw - var(--sw))/2 - var(--pad) + 4vw - var(--sb)/2)/var(--ww))/.97 var(--disp);text-transform:uppercase;letter-spacing:-.005em;pointer-events:none;white-space:nowrap}
.stage .wd>span{display:block;overflow:hidden;padding-block:.05em;margin-block:-.05em}
.stage .wd>span>span{display:inline-block}
.stage .wd>span>span{animation:rise 1.2s var(--e) both;animation-delay:calc(var(--i)*90ms)}
@keyframes rise{from{transform:translateY(112%)}to{transform:none}}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .stage .wd{font-weight:300;line-height:1.1;letter-spacing:.06em;text-transform:none}
.stage .w0{left:var(--pad);top:clamp(92px,15svh,150px)}.stage .w1{right:calc(var(--pad) + var(--sb)/2);top:44svh}.stage .w2{left:var(--pad);bottom:clamp(96px,15svh,150px)}
.stage .meta{position:absolute;left:var(--pad);right:var(--pad);bottom:22px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.stage .what{max-width:44ch;margin:0;font-size:15px;line-height:1.45}
.stage .now{text-decoration:none;text-align:right;font-size:13px;white-space:nowrap;position:relative;z-index:2}.stage .now b{font-weight:500;border-bottom:1px solid currentColor}.stage .now:hover b{color:var(--scorch)}
.stage .hint{position:absolute;left:50%;bottom:clamp(14px,2.4svh,26px);transform:translateX(-50%);display:none}
@media (max-width:860px){
.stage{--sw:min(72vw,calc((100svh - 400px)/1.414));min-height:600px}
.sheet-slot{top:calc(64px + 15vw + 18px + var(--sh)/2)}
.stage .wd{--wf:calc((100vw - 2*var(--pad))/var(--ww));font-size:var(--wf)}
.stage .w0{top:68px}.stage .w1{right:var(--pad);top:auto;bottom:calc(92px + 15.5vw + 16vw);font-size:13vw}.stage .w2{left:var(--pad);bottom:92px;font-size:15.5vw}
.stage .w0{font-size:calc((100vw - 2*var(--pad))/var(--ww))}
.stage .meta{flex-direction:column-reverse;align-items:flex-start;gap:6px;bottom:18px}.stage .now{text-align:left}.stage .what{font-size:13px}
}
.sec{padding-block:clamp(72px,10vw,170px)}
.sh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4vw,56px)}
.sh a{text-decoration:none;white-space:nowrap;padding-block:8px;margin-block:-8px}.sh a:hover{color:var(--ember)}
.ph{padding-top:calc(64px + clamp(28px,5vw,72px))}
.ph .kick{margin:0 0 clamp(14px,2vw,26px);color:var(--mute)}.ph .kick a{text-decoration:none}.ph .kick a:hover{color:var(--ink)}
.ph .under{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:clamp(28px,4vw,64px)}.ph .under>*{grid-column:7/-1}
@media (max-width:860px){.ph .under>*{grid-column:1/-1}}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.say .big{max-width:17.5ch}.say .sub{margin-top:clamp(22px,3vw,42px);color:var(--mute)}
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:clamp(56px,8vw,130px)}
.proof b{display:block;font:250 clamp(52px,7.4vw,136px)/.9 var(--disp);letter-spacing:-.01em}.proof span{display:block;margin-top:12px;font-size:15px;line-height:1.35;color:var(--mute);max-width:22ch}
@media (max-width:760px){.proof{grid-template-columns:1fr 1fr;row-gap:36px}}
.sheets{position:relative}
.sh-c{position:sticky;top:0;height:100svh;min-height:560px;padding:calc(12px + env(safe-area-inset-top,0px)) clamp(10px,1.4vw,18px) clamp(10px,1.4vw,18px);display:flex;flex-direction:column;background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:0 -24px 60px rgba(20,17,16,.22);overflow:hidden;transform-origin:50% 0}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sh-c:not(:last-child)>*{animation:sink linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes sink{to{transform:translateY(-160px) scale(.95);opacity:.5}}}}
.sh-c .row-t{display:flex;justify-content:space-between;gap:18px;padding:8px 4px 10px}
.sh-c .im{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--c,#111)}
.sh-c .im img,.sh-c .im video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--e)}
.sh-c:hover .im img,.sh-c:hover .im video{transform:scale(1.025)}
.sh-c .fit{padding-top:10px;--cap:24svh;--n:1;--pad:calc(clamp(10px,1.4vw,18px) + 2px)}
.sh-c .row-b{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:8px 4px 2px}.sh-c .row-b p{margin:0;max-width:62ch;font-size:15px;line-height:1.35}
.sh-c .go{white-space:nowrap}.sh-c:hover .go{color:var(--scorch)}
@media (max-width:760px){.sh-c .row-b p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sh-c .row-t .svc{display:none}}
.bl{display:block;position:relative;text-decoration:none;padding:clamp(16px,2vw,28px) 0 clamp(14px,2vw,24px);border-top:1px solid var(--line);--e-x:0}
.bl:last-child{border-bottom:1px solid var(--line)}
.bl .top-r{display:flex;justify-content:space-between;gap:24px;margin-bottom:10px}.bl .top-r p{margin:0;max-width:52ch;color:var(--mute);font-size:16px;line-height:1.4;text-align:right}
.bl .fit{--cap:27svh;--n:1;transition:color .5s var(--e)}
.bl::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#3a0600,#c21f00 35%,#ff7a10 72%,#fff4b0);transform:scaleX(0);transform-origin:0 50%;transition:transform .9s var(--e)}
.bl:hover::after,.bl:focus-visible::after{transform:scaleX(1)}
.peek{position:fixed;left:0;top:0;width:clamp(240px,27vw,420px);aspect-ratio:4/3;object-fit:cover;pointer-events:none;opacity:0;z-index:30;transition:opacity .35s var(--e);box-shadow:0 30px 70px rgba(0,0,0,.4)}
[data-peek]:hover>.peek{opacity:1}
@media (hover:none){.peek{display:none}}
@media (max-width:760px){.bl .top-r{flex-direction:column;gap:4px}.bl .top-r p{text-align:left}}
.rail-x{display:flex;gap:clamp(10px,1.4vw,20px);overflow-x:auto;padding:0 var(--pad) 18px;scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);scrollbar-width:thin;scrollbar-color:var(--mute) transparent;cursor:grab}
.rail-x.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}.rail-x.drag a{pointer-events:none}
.cc{flex:0 0 clamp(240px,27.5vw,480px);scroll-snap-align:start;text-decoration:none;display:block}
.cc .fr{aspect-ratio:4/3;overflow:hidden;background:#000}.cc img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--e)}.cc:hover img{transform:scale(1.03)}
.cc b{display:block;font:400 clamp(20px,1.7vw,28px)/1.2 var(--disp);margin-top:12px;text-transform:uppercase}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .cc b{font-weight:300;text-transform:none}
.cc span{display:block;font-size:14px;line-height:1.4;color:var(--mute);margin-top:5px;max-width:42ch}
.brands{font:250 clamp(26px,3.7vw,66px)/1.13 var(--disp);margin:0;text-wrap:pretty}.brands i{font-style:normal;color:var(--scorch);padding-inline:.12em;font-weight:200}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .brands{font-weight:300;line-height:1.4;letter-spacing:.02em}
.cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}
.cities div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.cities b{font:400 clamp(19px,1.7vw,27px)/1.15 var(--disp)}.cities span{font-size:12px;text-align:right;color:var(--mute);font-family:var(--mono)}
.cities .hub b{color:var(--scorch)}
@media (max-width:860px){.cities{grid-template-columns:minmax(0,1fr)}}
.idx{border-top:1px solid var(--line)}
.ix{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 20px;padding:clamp(18px,2.2vw,30px) 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline;isolation:isolate}
.ix::before{content:"";position:absolute;inset:0 calc(-1*var(--pad));background:var(--char);z-index:-1;clip-path:inset(100% 0 0 0);transition:clip-path .6s var(--e)}
a.ix:hover{color:var(--bone);--mute:#a79f8f}a.ix:hover::before{clip-path:inset(0)}
.char .ix::before{background:var(--paper)}.char a.ix:hover{color:var(--ink);--mute:#5f5a50}
.ix .n{grid-column:span 1;font:400 13px var(--mono);color:var(--mute)}
.ix h2,.ix h3,.ix .nm{grid-column:2/8;margin:0;font:250 clamp(26px,3vw,54px)/1.06 var(--disp);text-transform:uppercase}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) :is(.ix h2,.ix h3,.ix .nm){font-weight:300;line-height:1.3;letter-spacing:.03em;text-transform:none}
.ix p{grid-column:8/12;margin:0;color:var(--mute);font-size:16px;line-height:1.42;transition:color .4s var(--e)}
.ix .from{grid-column:12;font:400 12px/1.4 var(--mono);text-align:right;color:var(--mute);transition:color .4s var(--e)}
.ix.wide p{grid-column:8/-1}
@media (max-width:860px){.ix{grid-template-columns:30px minmax(0,1fr)}.ix .n{grid-column:1}.ix h2,.ix h3,.ix .nm,.ix p,.ix .from,.ix.wide p{grid-column:2;text-align:left}}
.brief{background:var(--paper);padding:clamp(22px,4vw,56px);box-shadow:3px 4px 10px rgba(20,17,16,.14),14px 34px 80px rgba(20,17,16,.14);position:relative;color:var(--ink);--line:rgba(23,22,21,.16);--mute:#5f5a50}
.brief .bh{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:8px;font:500 14px var(--mono)}
.field{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font:400 15px/1.5 var(--mono)}
.field:last-of-type{border-bottom:0}
.fs{border:0;border-bottom:1px solid var(--line);margin:0;padding-inline:0;display:block;position:relative;padding-left:186px;min-height:56px}.fs legend{position:absolute;left:0;top:18px;padding:0;font-size:12px;color:var(--mute);width:170px}
@media (max-width:760px){.fs{padding-left:0;padding-top:34px}.fs legend{top:14px;width:auto}}
.field>:first-child{font-size:12px;color:var(--mute);padding-top:3px}
.field ul{margin:0;padding-left:18px}
@media (max-width:760px){.field{grid-template-columns:1fr;gap:4px}}
.prices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);align-items:start}
.price{background:var(--paper);padding:22px 20px 24px;min-height:340px;display:flex;flex-direction:column;gap:14px;font:400 15px/1.5 var(--mono);box-shadow:3px 4px 10px rgba(20,17,16,.13),10px 26px 60px rgba(20,17,16,.11);transition:transform .9s var(--e)}
.price:nth-child(odd){transform:rotate(-.7deg)}.price:nth-child(even){transform:rotate(.6deg) translateY(14px)}.price:hover{transform:none}
.price h3{margin:0;font:250 clamp(30px,2.9vw,50px)/1 var(--disp);text-transform:uppercase}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .price h3{font-weight:300;text-transform:none;font-size:clamp(26px,2.3vw,38px);line-height:1.25}
.price p{margin:0;flex:1}.price b{font-weight:500;border-top:1px solid var(--ink);padding-top:12px}
@media (max-width:980px){.prices{grid-template-columns:1fr 1fr}.price{min-height:0}}@media (max-width:560px){.prices{grid-template-columns:1fr}.price:nth-child(n){transform:none}}
.bf input:not([type=checkbox]):not([type=radio]),.bf textarea{font:400 16px/1.5 var(--mono);background:transparent;border:0;border-bottom:1px dashed var(--mute);color:inherit;width:100%;padding:6px 0;border-radius:0}
.bf input:focus,.bf textarea:focus{outline:0;border-bottom:1px solid var(--ember);box-shadow:0 1px 0 var(--ember)}.bf [aria-invalid=true]{border-bottom:1px solid #c21f00}
.bf ::placeholder{color:#8a8276}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{position:relative;cursor:pointer}.chips input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.chips span{display:inline-block;padding:8px 13px;border:1px solid var(--line);border-radius:99px;font:400 13px/1.3 var(--mono);transition:background .35s var(--e),color .35s var(--e),border-color .35s var(--e)}
.chips label:hover span{border-color:var(--ink)}.chips input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chips input:focus-visible+span{outline:2px solid var(--ember);outline-offset:2px}
.send{display:inline-block;margin-top:24px;font:500 16px var(--ui);background:var(--ink);color:var(--paper);border:0;border-radius:99px;padding:17px 28px;cursor:pointer;text-decoration:none;transition:background .4s var(--e),color .4s var(--e)}
.send:hover{background:var(--ember);color:var(--char)}.send:disabled{opacity:.55;cursor:wait}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.out{margin:14px 0 0;font:400 14px/1.5 var(--mono);min-height:1.5em}.out.err{color:#a81a00}
.stamp{position:absolute;right:clamp(14px,3vw,40px);top:clamp(54px,6vw,84px);width:clamp(96px,11vw,150px);aspect-ratio:1;opacity:0;pointer-events:none;transition:opacity .4s var(--e)}
.stamped .stamp{opacity:1}.stamp canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%}.stamp b{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font:500 12px var(--mono)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}.steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;padding:12px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.4}.steps li::before{content:counter(s);font:400 13px var(--mono);color:var(--mute);padding-top:2px}
.ct{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.ct .side{grid-column:1/5;align-self:start;position:sticky;top:90px}.ct .form{grid-column:5/-1}
@media (max-width:980px){.ct .side,.ct .form{grid-column:1/-1;position:static}.ct .form{order:-1}}
.filters{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline;margin-bottom:clamp(20px,3vw,38px)}
.filters button{background:none;border:0;cursor:pointer;padding:10px 0;font:400 clamp(17px,1.6vw,24px)/1.1 var(--ui);color:var(--mute);transition:color .4s var(--e)}
.filters button:hover,.filters button[aria-pressed=true]{color:var(--ink)}.filters button[aria-pressed=true]{box-shadow:0 1px 0 var(--ink)}.filters sup{font:400 11px var(--mono);margin-left:3px}
.filters .sp{flex:1}
.real{display:grid;gap:clamp(36px,5vw,84px);margin-bottom:clamp(60px,8vw,130px)}
.rc{display:block;text-decoration:none}.rc .fr{aspect-ratio:16/8.4;overflow:hidden;background:var(--c,#111);position:relative}.rc img,.rc video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--e)}.rc:hover img,.rc:hover video{transform:scale(1.02)}
.rc .fit{margin-top:14px;--cap:18svh;--n:1}.rc .fit .ln{margin-left:0}
.rc .meta{display:flex;justify-content:space-between;gap:20px;margin-top:8px;color:var(--mute)}.rc .meta p{margin:0;max-width:64ch;font-size:16px;line-height:1.4;color:var(--ink)}
@media (max-width:760px){.rc .fr{aspect-ratio:4/3}.rc .meta{flex-direction:column;gap:4px}}
.gridc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,4vw,64px) 20px}.gridc .cc{flex:none}.gridc .cc:nth-child(5n+1){grid-column:span 2}.gridc .cc:nth-child(5n+1) .fr{aspect-ratio:8/4.7}
.gridc [hidden]{display:none}
@media (max-width:760px){.gridc{grid-template-columns:minmax(0,1fr)}.gridc .cc:nth-child(n){grid-column:auto}.gridc .cc .fr{aspect-ratio:4/3}}
.list{border-top:1px solid var(--line)}.list .ix .peek{position:fixed}
.list [hidden],.real [hidden],[data-group][hidden]{display:none}
[data-view=list] .tiles{display:none}[data-view=grid] .list{display:none}
.case-cover{position:relative;height:100svh;min-height:520px;overflow:hidden;background:var(--c)}
.case-cover canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .9s var(--e)}
.case-cover.live canvas{opacity:1}.case-cover.done canvas{opacity:0}
.case-cover .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case-head .fit{margin-top:clamp(28px,4vw,60px)}
.case-head .g12{margin-top:clamp(28px,4vw,60px)}.case-head .lede{grid-column:1/7;max-width:none}.meta-block{grid-column:8/-1;margin:0;border-top:1px solid var(--line)}
.meta-block div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.4}
.meta-block dt{font:400 12px/1.7 var(--mono);color:var(--mute)}.meta-block dd{margin:0}
@media (max-width:860px){.case-head .lede,.meta-block{grid-column:1/-1}}
.beat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);padding-top:16px}
.beat>h2{grid-column:1/5;margin:0;font:500 12px/1.45 var(--mono)}.beat>:not(h2){grid-column:5/-1}
.beat .q{font:250 clamp(26px,3.3vw,60px)/1.08 var(--disp);text-transform:uppercase;margin:0;text-wrap:balance}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .beat .q{font-weight:300;line-height:1.42;letter-spacing:.03em;text-transform:none}
.beat p.t{font-size:clamp(19px,1.75vw,27px);line-height:1.4;margin:0;max-width:40ch}
@media (max-width:860px){.beat>h2,.beat>:not(h2){grid-column:1/-1}}
.stack{display:grid;margin:0;padding:0;list-style:none;counter-reset:s}.stack li{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.5;display:grid;grid-template-columns:44px 1fr}.stack li:first-child{padding-top:0}
.stack li::before{content:attr(data-n);font:400 12px/2 var(--mono);color:var(--mute)}.stack li>div b{display:block;font-weight:500}
.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.figs b{display:block;font:250 clamp(44px,5.6vw,104px)/.9 var(--disp)}.figs span{display:block;margin-top:10px;font-size:14px;color:var(--mute);line-height:1.35}
@media (max-width:860px){.figs{grid-template-columns:1fr 1fr}}
.gal{display:grid;grid-template-columns:2.2fr 1fr;gap:clamp(10px,1.4vw,20px);align-items:start}.gal img{width:100%;height:auto}
.fg{margin:0 0 clamp(18px,2.4vw,36px)}.fg img{width:100%;height:auto}.fg figcaption{font:400 13px/1.5 var(--mono);color:var(--mute);padding-top:10px;max-width:80ch}
@media (max-width:760px){.gal{grid-template-columns:1fr}}
.next{display:block;position:relative;text-decoration:none;background:var(--c,var(--char));color:#f4efe6;padding:clamp(34px,5vw,80px) var(--pad) clamp(24px,3vw,44px);overflow:hidden}
.next img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;transition:opacity 1.2s var(--e),transform 1.8s var(--e)}.next:hover img{opacity:.7;transform:scale(1.02)}
.next>:not(img){position:relative}.next .fit{margin-top:12px;--cap:30svh;--n:1;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.films{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);align-items:start}.films video{width:100%;height:auto;background:#0d0d0e}.films figure{margin:0}.films figcaption{font-size:14px;line-height:1.45;padding-top:10px;color:var(--mute)}.films figcaption b{color:var(--ink);font-weight:500;display:block}
@media (max-width:760px){.films{grid-template-columns:1fr}}
.article{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.article>*{grid-column:5/-2;min-width:0}
.article p{font-size:clamp(18px,1.4vw,21px);line-height:1.62;margin:0 0 1.2em;max-width:62ch}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .article p{line-height:1.9;max-width:36em}
.article .side{grid-column:1/4;font:400 13px/1.6 var(--mono);color:var(--mute)}.article .tw{grid-column:5/-1}.article .note{font:400 12px/1.5 var(--mono);color:var(--mute)}
@media (max-width:860px){.article>*,.article .tw,.article .side{grid-column:1/-1}}
.tw{overflow-x:auto;margin-bottom:10px}.tbl{width:100%;border-collapse:collapse;min-width:600px;font-size:16px;line-height:1.4}.tbl th,.tbl td{text-align:left;padding:14px 18px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{font:400 12px var(--mono);color:var(--mute)}.tbl td:nth-child(2){font-family:var(--mono);font-size:14px;white-space:nowrap}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{cursor:pointer;list-style:none;padding:20px 0;font:400 clamp(19px,1.7vw,25px)/1.3 var(--ui);display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-family:var(--mono);transition:transform .5s var(--e)}.faq details[open] summary::after{transform:rotate(45deg)}.faq p{color:var(--mute);margin:0 0 22px;max-width:68ch}
.foot{padding:clamp(56px,7vw,110px) var(--pad) calc(22px + env(safe-area-inset-bottom,0px));overflow:hidden}
.foot .ctl{display:block;text-decoration:none}.foot .ctl .fit{--cap:44svh;transition:color .6s var(--e)}.foot .ctl:hover .fit{color:var(--ember)}
.foot .ctx{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:clamp(18px,2.4vw,34px) 0 clamp(52px,7vw,110px);color:var(--mute)}.foot .ctx a{color:var(--fg)}
.foot .cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 20px;font-size:15px}.foot .cols .cap{margin:0 0 10px}.foot .cols a{display:block;text-decoration:none;padding:5px 0;color:var(--fg);overflow-wrap:anywhere}.foot .cols a:hover{color:var(--ember)}
.foot .mark{font:500 calc((100vw - 2*var(--pad) - var(--sb))/var(--mw,10.6))/.9 var(--disp);letter-spacing:.01em;margin:clamp(48px,7vw,110px) 0 16px;display:flex;align-items:center;white-space:nowrap;text-decoration:none}
.foot .mark .ring{margin:0 .03em;width:.96em;height:.96em}
.foot .fine{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--mute)}
@media (max-width:860px){.foot .cols{grid-template-columns:1fr 1fr}}
.loader{position:fixed;inset:0;z-index:95;background:var(--ground);display:none;place-items:center;font:500 clamp(18px,2.2vw,30px) var(--disp);letter-spacing:.03em;pointer-events:none}
.first .loader{display:grid;animation:lift .55s var(--e) .42s forwards,failsafe 0s 3s forwards}
.loader .wm-l{display:inline-flex;align-items:center}
.loader .ring{color:var(--ember);animation:cool .6s var(--e) .1s forwards}
.loader .ring circle,.loader .ring path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .55s var(--e) forwards}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes cool{to{color:var(--ink)}}@keyframes lift{to{clip-path:inset(0 0 100% 0)}}@keyframes failsafe{to{visibility:hidden}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-old .7s var(--e) both}
::view-transition-new(root){animation:vt-new .7s var(--e) both}
@keyframes vt-old{to{transform:translateY(-160px) scale(.95);opacity:.5}}
@keyframes vt-new{from{clip-path:polygon(0.0% 104.63%,6.5% 105.46%,8.5% 104.50%,9.6% 104.03%,9.8% 105.54%,11.5% 103.12%,14.6% 105.23%,17.2% 103.75%,24.0% 103.38%,33.4% 103.31%,37.4% 103.80%,42.9% 105.12%,43.8% 103.47%,50.7% 104.51%,53.4% 104.66%,64.2% 103.97%,80.7% 104.42%,100.0% 103.16%,100% 100%,0% 100%)}to{clip-path:polygon(0.0% -1.37%,6.5% -0.54%,8.5% -1.50%,9.6% -1.97%,9.8% -0.46%,11.5% -2.88%,14.6% -0.77%,17.2% -2.25%,24.0% -2.62%,33.4% -2.69%,37.4% -2.20%,42.9% -0.88%,43.8% -2.53%,50.7% -1.49%,53.4% -1.34%,64.2% -2.03%,80.7% -1.58%,100.0% -2.84%,100% 100%,0% 100%)}}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--e),transform 1s var(--e)}.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,::before,::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.js .rv,.fit .ln>span,.stage .wd>span>span{opacity:1!important;transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.first .loader{display:none}}
@media print{.top,.sheet-menu,.loader,body::after{display:none}}
.story{--sb:var(--ground);--si:var(--ink);--sa:var(--ember);--sd:var(--char);
display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:clamp(24px,4vw,72px);
background:var(--sb);color:var(--si);padding:clamp(56px,7vw,120px) var(--pad) clamp(40px,5vw,80px);margin-top:clamp(48px,6vw,96px)}
.story ::selection{background:var(--sa);color:var(--sb)}
.rail{position:relative}
.rail-in{position:sticky;top:96px;display:grid;gap:2px}
.rail a{display:flex;gap:10px;align-items:baseline;padding:7px 0;text-decoration:none;font:500 12px/1.3 var(--ui);letter-spacing:.04em;opacity:.68;transition:opacity .4s var(--in),transform .5s var(--in)}
.rail a .n{font:400 10px var(--mono);min-width:2ch}
.rail a.on{opacity:1;transform:translateX(6px)}.rail a.on .n{color:color-mix(in srgb,var(--sa) 72%,currentColor)}
.rail a:hover{opacity:.85}
.rail-bar{display:none}
.ch{padding-bottom:clamp(64px,9vw,150px)}
.ch-h{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,3vw,48px);align-items:end;padding-top:clamp(20px,2vw,32px);margin-bottom:clamp(32px,4vw,64px)}
.ch-h::before,.ch-h::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:currentColor;opacity:.18}
.ch-h::after{opacity:1;height:2px;top:-.5px;transform-origin:0 50%;transform:scaleX(0);
background:linear-gradient(90deg,transparent 0,#3a0600 8%,#c21f00 30%,#ff7a10 60%,#fff4b0 96%,transparent);filter:blur(.4px)}
.ch.lit .ch-h::after{animation:burnrule 1.6s var(--in) forwards}
@keyframes burnrule{0%{transform:scaleX(0);opacity:1}55%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.ch-n{font:200 clamp(96px,13vw,232px)/.78 var(--disp);font-stretch:125%;color:transparent;-webkit-text-stroke:1px var(--si);opacity:.55;letter-spacing:-.04em}
.ch.lit .ch-n{opacity:1;transition:opacity 1.2s var(--in)}
.ch-h h2{margin:0;font:250 clamp(38px,5vw,88px)/.95 var(--disp);font-stretch:125%;text-transform:uppercase}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .ch-h h2{font:300 clamp(34px,4.2vw,72px)/1.15 var(--disp);letter-spacing:.04em;text-transform:none}
.ch-h .lede{margin:16px 0 0;max-width:46ch;font-size:clamp(17px,1.35vw,21px);line-height:1.55;opacity:.78}
.ch-b{display:grid;gap:clamp(22px,2.6vw,40px)}
.story figure.m{margin:0}
.story figcaption{font:400 12px/1.5 var(--mono);opacity:.76;padding-top:10px;max-width:70ch}
.story img,.story video{width:100%;height:auto;display:block;border-radius:2px}
.b-text{display:grid;gap:14px;max-width:64ch}.b-text p{margin:0;font-size:clamp(16px,1.15vw,18px);line-height:1.7}
.b-quote{margin:clamp(8px,2vw,24px) 0;padding-left:clamp(18px,2vw,32px);border-left:2px solid var(--sa)}
.b-quote p{margin:0;font:250 clamp(26px,2.8vw,44px)/1.18 var(--disp);font-stretch:112%}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .b-quote p{font:300 clamp(22px,2.2vw,34px)/1.5 var(--disp)}
.b-quote cite{display:block;margin-top:12px;font:400 12px var(--mono);font-style:normal;opacity:.6}
.b-img.half{max-width:min(100%,640px)}
.b-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);align-items:start}
.b-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:clamp(8px,1.2vw,16px);align-items:start}
.b-grid figcaption{font-size:11px}
.b-svg .svg-stage{display:grid;place-items:center;aspect-ratio:16/9;background:var(--sd);color:var(--sa);border-radius:2px;padding:8%}
.b-svg svg{width:min(70%,520px);height:auto;max-height:100%;overflow:visible}
.b-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.sw{all:unset;cursor:pointer;display:grid;grid-template-rows:auto auto auto;gap:6px;padding-bottom:6px;transition:transform .5s var(--in)}
.sw i{display:block;aspect-ratio:3/4;background:var(--sw);border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sw b{font:500 13px var(--ui)}.sw code{font:400 11px var(--mono);opacity:.62}
.sw:hover{transform:translateY(-6px)}.sw:focus-visible i{outline:2px solid var(--sa);outline-offset:3px}
.sw.ok code::after{content:" · " attr(data-ok);color:var(--sa)}
.b-type .type-sample{font-size:clamp(48px,8vw,140px);line-height:1;outline:0;padding:clamp(20px,3vw,48px) 0;border-block:1px solid color-mix(in srgb,currentColor 18%,transparent);overflow-wrap:anywhere}
.b-names{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:clamp(10px,1.4vw,20px);overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
.b-names .rd{border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);padding-top:12px;min-width:0}
.b-names .rd .n{display:block;font:200 clamp(30px,2.9vw,50px)/1 var(--disp);white-space:nowrap}
.b-names .final{min-width:250px}
.b-names .rd .lb{display:block;font:400 11px var(--mono);opacity:.6;margin:6px 0 12px;text-transform:uppercase;letter-spacing:.06em}
.b-names ul{list-style:none;margin:0;padding:0;display:grid;gap:3px;font:400 13px/1.35 var(--mono)}
.b-names li.cut{opacity:.6;text-decoration:line-through;text-decoration-thickness:1px}
.b-names li.kept{color:color-mix(in srgb,var(--sa) 72%,currentColor);font-weight:500}
.b-names .final b{display:block;font:250 clamp(40px,4.4vw,72px)/.95 var(--disp);font-stretch:125%;color:var(--sa);margin-top:4px;overflow-wrap:anywhere}
.b-names .final p{font-size:14px;line-height:1.55;opacity:.8}
.b-steps{list-style:none;margin:0;padding:0;counter-reset:st;display:grid}
.b-steps li{counter-increment:st;display:grid;grid-template-columns:3.2em minmax(0,1fr) minmax(0,2fr);gap:16px;padding:16px 0;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.b-steps li::before{content:counter(st,decimal-leading-zero);font:400 12px var(--mono);color:var(--sa);padding-top:3px}
.b-steps b{font:500 16px/1.4 var(--ui)}.b-steps span{opacity:.78;line-height:1.6}
.b-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}
.b-stats div{padding:20px 0;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.b-stats b{display:block;font:200 clamp(44px,5vw,88px)/.9 var(--disp);font-stretch:125%;color:var(--sa)}
.b-stats span{display:block;margin-top:10px;font-size:13px;opacity:.7}
.b-film{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(12px,1.6vw,24px);align-items:start}
.b-film .board{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:min(70vh,640px);overflow-y:auto;scrollbar-width:thin}
.b-film .board li{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;padding:6px;cursor:pointer;border-radius:2px;border:1px solid transparent;transition:background .3s var(--in),border-color .3s var(--in)}
.b-film .board img{grid-row:span 2;border-radius:1px}
.b-film .board .tc{font:400 10px var(--mono);opacity:.55}
.b-film .board span:last-child{font-size:13px;line-height:1.45}
.b-film .board li.on{border-color:var(--sa);background:color-mix(in srgb,var(--sa) 10%,transparent)}
.b-film .board li.on .tc{color:var(--sa);opacity:1}
.b-audio{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:2px}
.b-audio figcaption{grid-column:1/-1;padding-top:0}
.b-audio .play{all:unset;cursor:pointer;width:52px;height:52px;border-radius:50%;background:var(--sa);display:grid;place-items:center;transition:transform .4s var(--in)}
.b-audio .play:hover{transform:scale(1.06)}
.b-audio .play i{width:0;height:0;border-left:14px solid var(--sb);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.b-audio.on .play i{width:14px;height:16px;border:0;margin:0;background:linear-gradient(90deg,var(--sb) 0 35%,transparent 35% 65%,var(--sb) 65%)}
.b-audio .wave{width:100%;height:64px;cursor:pointer}
.b-audio .time{font-size:12px;opacity:.7;min-width:4ch}
@media (max-width:900px){
.story{grid-template-columns:minmax(0,1fr);padding-top:0}
.rail{position:sticky;top:64px;z-index:5;margin-inline:calc(-1 * var(--pad));background:color-mix(in srgb,var(--sb) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rail-in{position:static;display:flex;gap:18px;overflow-x:auto;padding:12px var(--pad);scrollbar-width:none}.rail-in::-webkit-scrollbar{display:none}
.rail a{white-space:nowrap;padding:0}.rail a.on{transform:none}
.rail-bar{display:block;position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--pr,0));background:var(--sa)}
.ch{padding-top:28px}.ch-h{grid-template-columns:1fr;gap:4px}
.b-pair,.b-film{grid-template-columns:minmax(0,1fr)}
.b-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.b-film .board{grid-auto-flow:column;grid-auto-columns:220px;max-height:none;overflow-x:auto;overflow-y:hidden}
.b-steps li{grid-template-columns:2.6em minmax(0,1fr)}.b-steps span{grid-column:2}
}
@media (prefers-reduced-motion:reduce){.ch.lit .ch-h::after{animation:none}.sw,.rail a{transition:none}}
.js .case-cover{background:var(--paper)}.js .case-cover .poster{opacity:0;animation:show .01s 2.5s forwards}.js .case-cover.static .poster{animation:show .3s forwards}@keyframes show{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.js .case-cover .poster{opacity:1}}
.sheet-dom{animation:sheetin 1.1s var(--e) both}@keyframes sheetin{from{transform:translateY(46svh) rotate(2.9deg)}to{transform:rotate(2.9deg)}}
@media (min-resolution:1.5dppx){body::after{background-size:128px}}
@font-face{font-family:Cond;src:url(/fonts/cond.woff2) format("woff2");font-weight:900;font-display:swap}
:root{--ground:#F2EEE5;--paper:#F2EEE5;--paper2:#E8E2D5;--ink:#151311;--char:#151311;--bone:#F2EEE5;--red:#A93B2C;--mute:#615a50;--ember:#A93B2C;--line:rgba(21,19,17,.2);
--disp:Cond,"KOB CJK",var(--sys);--heavy:Cond,"KOB CJK",var(--sys);--ui:"Inter Tight",var(--sys);--pad:clamp(16px,4.4vw,56px);--grain:url(/img/print-grain.png)}
html{background:var(--ground)}body{background:var(--ground) var(--grain) 0 0/90px;color:var(--ink);font-size:16.5px}
body::after,.loader{display:none!important}
.nm{text-wrap:balance;font-family:var(--heavy);font-weight:900;letter-spacing:-.01em;margin:0}
.fit{font-weight:900;letter-spacing:-.008em;line-height:.98}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .fit{font-weight:900;letter-spacing:-.015em;line-height:1.08}
.ln>span{will-change:auto}
.cap{font:600 12.5px/1.4 var(--ui);letter-spacing:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:focus-visible{outline:2px solid currentColor}
::selection{background:var(--red);color:#F1EBE1}
.ring{width:1.02em;height:1.02em;color:inherit}
.wm{font:500 14px Archivo,var(--sys);letter-spacing:.03em;padding:0}
.wm-e{display:inline-flex;align-items:center}
.wm-z{display:inline-flex;align-items:flex-end;font:900 17px/1 "KOB CJK",var(--sys);letter-spacing:.01em}
.wm-z .ring{width:.72em;height:.72em;margin:0 0 -.06em .08em}
.top,.top.s{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.top-in{height:auto;padding:10px clamp(10px,2.2vw,22px);align-items:flex-start;pointer-events:none}
.top-in>*{pointer-events:auto}
.top .wm{background:var(--ink);color:var(--paper);padding:9px 12px;border-radius:2px}
.top .nav{background:var(--ink);color:var(--paper);padding:0 4px 0 14px;border-radius:2px;gap:clamp(12px,1.6vw,22px);min-height:36px}
.top .nav>a,.top .lg summary{font-size:13.5px;padding-block:8px}
.pill{background:var(--red);color:#F1EBE1;border-radius:2px;padding:6px 12px!important;font-weight:600!important;margin:3px 0}
.pill:hover{background:#F1EBE1;color:var(--red)}
.lg ul{background:var(--ink);box-shadow:none;border-radius:2px}.lg li a:hover{background:var(--red);color:#F1EBE1}.lg li a[aria-current]{color:#D99A84}
.menu{color:inherit;font-size:13.5px;padding:8px 2px}
.sheet-menu{background:var(--ink);color:var(--paper)}.sheet-menu>a{font-family:var(--heavy);font-weight:900}
@media (max-width:860px){.top .nav{padding-inline:10px 4px;gap:8px}.top .pill{display:inline-block!important}}
.pe{position:relative;height:calc(100svh + 500svh);background:var(--ink)}
.pe-st{position:sticky;top:0;height:100svh;overflow:hidden}
.pe canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:pointer;opacity:0;transition:opacity .35s linear}
.pe.on canvas{opacity:1}
.pe-still{display:none}
.pe.still{height:auto}.pe.still .pe-st{position:static;height:auto;overflow:visible}.pe.still canvas{display:none}.pe.still .pe-still{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.pe.still img{width:100%;height:auto}
.pe-go,.pe-skip{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);font:600 13.5px/1 var(--ui);padding:9px 11px 10px;text-decoration:none;border-radius:2px;z-index:2}
.pe-go{left:clamp(10px,2.2vw,22px)}.pe-skip{right:clamp(10px,2.2vw,22px)}
.hd{padding:clamp(52px,8vw,110px) var(--pad) clamp(20px,3vw,36px)}
.hd h2,.pg-top h1{font-size:clamp(38px,10.5vw,118px);line-height:1.04}
.hd p,.pg-top .lede{margin:12px 0 0;max-width:34em;font-size:clamp(16px,1.5vw,19px);color:inherit}
.good{background:var(--red) var(--grain) 0 0/90px;color:#F1EBE1;padding:clamp(40px,7vw,96px) var(--pad)}
.say{font-size:clamp(30px,7.2vw,86px);line-height:1.12;max-width:21em}
.owns{background:var(--ink) var(--grain) 0 0/90px;color:var(--paper);padding-bottom:clamp(30px,5vw,70px);--tick:#D99A84}
.own{display:block;text-decoration:none;margin-bottom:clamp(40px,6vw,84px)}
.own-f{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.own-f img,.own-f video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.own-f video{opacity:0}.own-f video.on{opacity:1}
.own-t{padding:14px var(--pad) 0}
.own-t h3{font-size:clamp(46px,13vw,148px);line-height:1}
.own-k{margin:8px 0 0;font-size:14px;opacity:.85}.own-k em{font-style:normal;font-weight:600;color:#D99A84}
.own-t>p:not(.own-k):not(.tgs){margin:8px 0 0;max-width:38em}
.tgs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}.tgs span{font-size:12.5px;padding:1px 8px 2px;border:1px solid rgba(242,238,229,.42);border-radius:99px}
.sb{display:grid;grid-template-columns:auto 1fr;column-gap:12px;background:var(--bg) var(--grain) 0 0/90px;color:var(--fg);padding:16px var(--pad) 18px;text-decoration:none;align-items:baseline;transition:padding .5s var(--e)}
.sb .n{font:900 18px/1 Cond,sans-serif;color:var(--ac)}
.sb b{font-size:clamp(34px,9.6vw,104px);line-height:1.04}
.sb-l{grid-column:2;margin-top:4px;font-size:15px}
.n{font:900 16px/1 Cond,sans-serif}
@media (hover:hover){.sb:hover{padding-left:calc(var(--pad) + 18px)}}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;padding-inline:var(--pad)}
.pc{display:block;text-decoration:none}.pc img{aspect-ratio:4/3;object-fit:cover;object-position:50% 12%;width:100%;height:auto;border-radius:2px}
.pc b{display:block;margin-top:7px;font-size:clamp(20px,4.6vw,30px);line-height:1.1}
.pc span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.42;margin-top:3px}
.gr h3{font-size:clamp(24px,5.4vw,44px);padding:clamp(28px,4vw,50px) var(--pad) 14px}
.props{padding-bottom:clamp(40px,6vw,80px)}
.how{background:var(--paper2) var(--grain) 0 0/90px;padding-bottom:clamp(36px,5vw,70px)}
.how ol{list-style:none;margin:0;padding:0 var(--pad);border-top:0}
.how li{display:grid;grid-template-columns:44px 1fr;padding:14px 0;border-top:1.5px solid var(--ink)}
.how li .n{font-size:32px;grid-row:span 2;color:var(--red)}.how li b{font-size:24px;line-height:1.2}.how li p{margin:2px 0 0;grid-column:2;font-size:15px}
.net{padding:clamp(44px,7vw,90px) var(--pad)}.net h2{font-size:clamp(28px,7.6vw,76px);line-height:1.08}.mt{margin:8px 0 0;font-size:15px;color:var(--mute)}
.br{display:flex;flex-wrap:wrap;gap:4px 18px;margin:16px 0 0;font:900 clamp(24px,6.2vw,54px)/1.2 var(--heavy)}
.ask{background:var(--red) var(--grain) 0 0/90px;color:#F1EBE1;padding:clamp(44px,7vw,100px) var(--pad)}
.ask h2{font-size:clamp(58px,21vw,240px);line-height:1}
.lede{font-size:18px;margin:8px 0 0}
.ask-f{margin-top:24px;max-width:760px}.hp{position:absolute;left:-9999px}
.ask-f fieldset{border:0;padding:0;margin:0 0 20px}.ask-f legend,.ask-f .f span{display:block;padding:0;font-size:15px;font-weight:700;margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:7px}.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:block;padding:8px 13px 9px;min-height:40px;font-size:15px;line-height:1.5;border:1.5px solid #F1EBE1;border-radius:99px}
.chips input:checked+span{background:#F1EBE1;color:var(--red);font-weight:600}.chips input:focus-visible+span{outline:2px solid #F1EBE1;outline-offset:2px}
.f{display:block;margin-bottom:20px}.ask-f input[type=email],.ask-f textarea{display:block;width:100%;padding:13px 14px;font:16px/1.4 var(--ui);color:var(--ink);background:#FFF8EE var(--grain) 0 0/90px;border:0;border-radius:3px}
.ask-f button{width:100%;height:56px;font:900 24px/1 var(--heavy);color:#F1EBE1;background:var(--ink) var(--grain) 0 0/90px;border:0;border-radius:3px;cursor:pointer}
.out{min-height:1.5em;margin:10px 0 0;font-size:15px;font-weight:600}.ml{margin:10px 0 0;font-size:15px}.ml a{text-decoration:underline;text-underline-offset:3px}
.pg-top{padding:clamp(84px,11vw,150px) var(--pad) clamp(24px,4vw,50px)}.pg-top .n{margin:0 0 12px;color:var(--red)}
.sv-top{display:grid;background:var(--bg) var(--grain) 0 0/90px;color:var(--fg)}
.sv-po img{width:100%;height:auto;aspect-ratio:585/1040;object-fit:cover;object-position:50% 0}
.sv-tx{padding:20px var(--pad) 30px}.sv-tx .n{margin:0;color:var(--ac)}
.sv-tx h1{font-size:clamp(44px,12vw,110px);line-height:1.04;margin-top:6px}
.sv-l{font-size:clamp(19px,2vw,26px);line-height:1.35;font-weight:500;margin:10px 0 0}
.sv-tx dl{margin:16px 0 0}.sv-tx dl div{display:grid;grid-template-columns:52px 1fr;padding:9px 0;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent)}.sv-tx dt{font-weight:700}.sv-tx dd{margin:0}
.sv-n{font-size:13.5px;opacity:.75;margin:8px 0 0}
.cta{display:inline-block;margin-top:18px;background:var(--fg);color:var(--bg);font:900 20px/1 var(--heavy);padding:14px 18px;text-decoration:none;border-radius:2px}
.evs h2,.sv-q h2{font-size:clamp(30px,7vw,66px);line-height:1.08;padding:clamp(40px,6vw,80px) var(--pad) 16px}
.ev-r{display:flex;gap:10px;overflow-x:auto;padding-inline:var(--pad);scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);scrollbar-width:none;overscroll-behavior-x:contain}
.ev-r::-webkit-scrollbar{display:none}.evi{flex:none;width:min(86vw,720px);scroll-snap-align:start;text-decoration:none}.evi img{width:100%;height:clamp(240px,40vw,480px);object-fit:cover;border-radius:2px}
.evi span{display:flex;gap:8px;align-items:baseline;margin-top:7px;font-weight:600;font-size:14px}.evi em{font:500 12px var(--ui);font-style:normal;opacity:.7}.evi em.own{color:var(--red);opacity:1}
.sv-q{padding:0 var(--pad) clamp(40px,6vw,70px)}.sv-q h2{padding-inline:0}.sv-q details{border-top:1.5px solid var(--ink);padding:13px 0}.sv-q summary{font-weight:700;cursor:pointer}.sv-q p{margin:6px 0 0}
.sv-next{display:block;background:var(--bg) var(--grain) 0 0/90px;color:var(--fg);padding:26px var(--pad) 32px;text-decoration:none}.sv-next span{font-size:14px;font-weight:600}.sv-next b{display:block;font-size:clamp(36px,10vw,110px);line-height:1.05;margin-top:4px}
.case-cover{background:var(--c,#151311);height:min(100svh,62vw + 200px)}.case-cover canvas{display:none}.case-cover .poster{opacity:1!important}
.case-head{padding-top:0}.meta-block{font-size:14.5px}
.meta-block dt{font:700 12.5px/1.4 var(--ui)}
.ph{padding-top:clamp(84px,11vw,150px)}
.kick{color:var(--red)}
.beat>h2{font:900 clamp(22px,2.6vw,34px)/1.1 var(--heavy)}
.next{--c:#151311!important}
.fg img{border-radius:2px}
.xcopy{background:#fff;color:#111;padding:clamp(20px,4vw,56px);max-width:860px;margin:clamp(30px,5vw,70px) auto;font:400 17px/1.8 "Songti TC","Noto Serif CJK TC",serif}
.xcopy h3{font:900 clamp(26px,5vw,40px)/1.25 "Songti TC","Noto Serif CJK TC",serif;margin:6px 0 18px}.xcopy small{display:block;font:700 12px var(--ui);color:#A93B2C;margin-top:22px}.xcopy p{margin:0 0 10px}
.credit{font-size:12.5px;color:var(--mute);max-width:60em}
.foot{background:var(--ink) var(--grain) 0 0/90px;color:var(--paper)}
.foot .ctl{display:none}
.foot .mark{font-family:Archivo,var(--sys);font-weight:500;color:var(--paper)}
.foot .mark.z{font:900 clamp(66px,20vw,290px)/1 "KOB CJK",var(--sys);display:flex;align-items:flex-end}
.foot .mark.z .ring{width:.62em;height:.62em;margin:0 0 .04em .06em}
.foot .cols a{text-decoration:none}
@media (min-width:900px){
.pe-go{left:auto;right:clamp(90px,8vw,120px)}
.own{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,5fr);gap:clamp(20px,3vw,44px);align-items:end}.own-t{padding:0 var(--pad) 0 0}.own-t h3{font-size:clamp(56px,7.4vw,130px)}
.sb{grid-template-columns:50px minmax(0,1.5fr) minmax(0,1fr);padding-block:18px}.sb-l{grid-column:3;margin:0;font-size:17px;align-self:center}.sb b{font-size:clamp(50px,6.2vw,96px)}
.pg{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}
.how ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px}.how li{display:block}.how li .n{display:block;margin-bottom:10px}
.sv-top{grid-template-columns:auto minmax(0,1fr);align-items:end;min-height:100svh}.sv-po{height:100svh}.sv-po img{aspect-ratio:585/1266;width:auto;height:100svh}.sv-tx{padding:clamp(40px,5vw,80px)}
}
@media (prefers-reduced-motion:reduce){.sb{transition:none}}
main{position:relative}
main::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:url(/img/mat/finish.webp) 0 0/1000px repeat}
.pe{z-index:9}
main>section,.sb,.sv-next{--tile:url(/img/mat/bone.webp);background:var(--bg,var(--ground)) var(--tile) 0 0/460px;position:relative}
main>section:not(.pe)::before,.sb::before{content:"";position:absolute;left:0;right:0;top:-28px;height:56px;background:url(/img/mat/torn-core.png) 0 0/1600px 56px repeat-x;z-index:2;pointer-events:none}
main>section:not(.pe)::after,.sb::after{content:"";position:absolute;left:0;right:0;top:-28px;height:56px;background:var(--bg,var(--ground)) var(--tile) 0 0/460px;-webkit-mask:url(/img/mat/torn-mask.png) 0 0/1600px 56px repeat-x;mask:url(/img/mat/torn-mask.png) 0 0/1600px 56px repeat-x;z-index:3;pointer-events:none}
.char,.owns,.foot,.good.x{--tile:url(/img/mat/ink.webp)}
.owns,.char{--bg:#181513;background-color:#181513}
.good,.ask{--bg:#A93B2C;--tile:url(/img/mat/red.webp);background-color:#A93B2C}
.how{--tile:url(/img/mat/bone2.webp);--bg:#E5DDCB}
.foot{position:relative;z-index:9;background:#181513 url(/img/mat/ink.webp) 0 0/460px}
body{background:var(--ground)}
.ask .fit,.good .say{color:#F1EBE1}
.fit{margin-bottom:.06em}
.hd .fit{--cap:44svh}
.hd{padding-inline:var(--pad);padding-top:clamp(60px,9vw,130px)}
.svcs{padding-bottom:0}
.sb{display:block;padding:clamp(44px,7vw,84px) var(--pad) 30px;background-color:var(--bg);color:var(--fg);margin-top:0}
.sb .fit{--cap:46svh;margin-top:8px}
.sb-l{display:block;font-size:clamp(16px,1.6vw,20px);font-weight:500;margin-top:10px}
.sb .n{font-size:22px;display:block}
@media (hover:hover){.sb:hover{padding-left:var(--pad)}.sb .fit{transition:transform .7s var(--e)}.sb:hover .fit{transform:translateX(10px)}}
.pg{grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,60px) clamp(12px,3vw,34px);align-items:start}
.pc{position:relative;background:#F8F4EA;padding:7px 7px 12px;box-shadow:0 1px 2px rgba(20,16,12,.3),0 12px 24px -14px rgba(20,16,12,.55);color:#151311}
.pc:nth-child(4n+1){transform:rotate(-1.1deg)}.pc:nth-child(4n+2){transform:rotate(.9deg);margin-top:26px}.pc:nth-child(4n+3){transform:rotate(.5deg);margin-top:-10px}.pc:nth-child(4n){transform:rotate(-.7deg);margin-top:18px}
.pc::before{content:"";position:absolute;left:38%;top:-9px;width:24%;height:18px;background:rgba(214,190,140,.72);transform:rotate(-2deg)}
.pc b{font-size:clamp(19px,3.4vw,28px)}
.pc:last-child{grid-column:auto}
.pins{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,60px);padding:10px var(--pad) clamp(50px,7vw,90px)}
.pin{position:relative;display:block;background:#F8F4EA;padding:8px 8px 12px;text-decoration:none;color:#151311;box-shadow:0 1px 2px rgba(20,16,12,.3),0 14px 28px -16px rgba(20,16,12,.6)}
.pin:nth-child(odd){transform:rotate(-.8deg)}.pin:nth-child(even){transform:rotate(.7deg)}
.pin img{width:100%;height:auto}.pin span{display:flex;gap:8px;align-items:baseline;margin-top:8px;font-weight:600;font-size:14.5px}.pin em{font:500 12.5px var(--ui);font-style:normal;opacity:.7}
.own-f{box-shadow:none}
.own-t .fit{--cap:30svh}
.own-k em{color:inherit}
.pe-deck{position:absolute;inset:0;z-index:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;pointer-events:none}
.pe-deck.has{pointer-events:auto}
.pe-deck::-webkit-scrollbar{display:none}
.d0{flex:0 0 100%;scroll-snap-align:start}
.dk{position:relative;flex:0 0 100%;scroll-snap-align:start;padding:clamp(70px,10svh,110px) var(--pad) 90px;background:var(--bg) var(--tile) 0 0/460px;color:var(--fg);display:flex;flex-direction:column;overflow:hidden}
.dk::after{content:"";position:absolute;inset:0;background:url(/img/mat/finish.webp) 0 0/1000px;pointer-events:none}
.dk-c{font:600 14px var(--ui);margin:0}
.dk-n{font:900 min(62vw,48svh)/.84 Cond,sans-serif;color:var(--ac);margin-top:auto;display:block}
.dk h3{font:900 clamp(44px,13vw,110px)/1.04 var(--heavy);margin:10px 0 0}
.dk-d{font-size:clamp(17px,2vw,24px);line-height:1.45;margin:12px 0 0;max-width:30em}
.dk-h{position:absolute;right:var(--pad);bottom:24px;margin:0;font:600 13.5px var(--ui)}
.dk-g{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px;flex:1;min-height:0;overflow:hidden}
.dk-g a{min-height:0;text-decoration:none;color:inherit;display:flex;flex-direction:column;background:#F8F4EA;color:#151311;padding:6px}
.dk-g img{flex:1;min-height:0;width:100%;object-fit:cover}.dk-g span{font-size:12.5px;font-weight:600;padding:5px 2px 2px}
.dk-m{position:relative;z-index:2;align-self:flex-start;margin-top:12px;background:var(--fg);color:var(--bg);font:900 17px/1 var(--heavy);padding:12px 14px;text-decoration:none}
.pe-go{z-index:3;transition:opacity .25s}.pe-go.off{opacity:0;pointer-events:none}.pe-skip{z-index:3}
.sv-top{background-color:var(--bg);background-image:var(--tile);background-size:460px}
.sv-tx .fit{--cap:40svh}
.sv-s{font-weight:600;margin:10px 0 0;font-size:15px}
.sv-st{padding:clamp(50px,7vw,90px) var(--pad)}.sv-st ol{list-style:none;margin:0;padding:0}
.sv-st li{display:grid;grid-template-columns:clamp(70px,16vw,190px) 1fr;gap:12px;padding:18px 0;border-top:2px solid var(--ink);align-items:start}
.sv-st .n{font:900 clamp(70px,16vw,180px)/.86 Cond,sans-serif;color:var(--red)}
.sv-st h3{font-size:clamp(30px,6.6vw,70px);line-height:1.08}.sv-st p{margin:8px 0 0;font-size:clamp(16px,1.7vw,20px);max-width:32em}
.sv-q{padding-bottom:clamp(40px,6vw,70px)}.sv-q details{border-top:2px solid var(--ink);padding:14px 0}
.sv-next{background-color:var(--bg);background-image:var(--tile);background-size:460px;color:var(--fg);padding:40px var(--pad) 40px}.sv-next a{display:block;text-decoration:none;color:inherit}.sv-next .fit{--cap:30svh}
@media (min-width:900px){
.pg{grid-template-columns:repeat(4,minmax(0,1fr))}
.pins{grid-template-columns:1fr 1fr}
.sb .fit{--cap:40svh}
.dk{padding-inline:clamp(40px,8vw,130px)}.dk-g{grid-template-columns:repeat(3,1fr);max-height:58svh}
.dk-n{font-size:min(30vw,48svh)}
}
@media (min-width:900px){.own-t .fit{--fs:clamp(44px,5.6vw,100px)}.sv-tx .fit{--fs:clamp(50px,7vw,120px)}.sb-l{max-width:36em}}
@media (prefers-reduced-motion:reduce){.pe-deck{scroll-behavior:auto}}
.pe-go.wr{left:clamp(16px,2.2vw,28px);right:auto;bottom:calc(clamp(18px,3.4vh,38px) + env(safe-area-inset-bottom,0px));padding:clamp(18px,2.6vh,28px) clamp(30px,3.4vw,56px);font:900 clamp(22px,3vh,34px)/1 var(--ui);background:#151311;color:#F1EBE1;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.at-end .pe-skip{display:none}
.wall{background:#181513 var(--tile,url(/img/mat/ink.webp)) 0 0/512px;color:#F2EEE5;padding-bottom:clamp(44px,7vw,90px);--tile:url(/img/mat/ink.webp)}
.wall .pg{display:flex;gap:clamp(14px,2.4vw,34px);overflow-x:auto;scroll-snap-type:x proximity;padding:clamp(6px,1vw,14px) var(--pad) 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;align-items:flex-start;scroll-padding-inline:var(--pad)}
.wall .pg::-webkit-scrollbar{display:none}
.wall .pc,.wall .pc:nth-child(n){flex:none;scroll-snap-align:start;background:none;padding:0;box-shadow:none;transform:none;margin:0;color:inherit;width:min-content}
.wall .pc::before{display:none}
.wall .pc img{display:block;height:min(68svh,calc((100vw - 56px)*1.25));width:auto;max-width:none;aspect-ratio:auto;object-fit:initial;border-radius:0;box-shadow:0 1px 1px rgba(0,0,0,.6),0 26px 48px -18px rgba(0,0,0,.85);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.wall .pc b{margin-top:14px;font-size:clamp(20px,2vw,26px)}
.wall .pc span{font-size:14px;line-height:1.45;opacity:.82;-webkit-line-clamp:2;margin-top:4px}
@media (hover:hover){.wall .pc:hover img{transform:translateY(-6px)}}
.wall-all{margin:clamp(14px,2vw,26px) var(--pad) 0}.wall-all a{color:inherit;font-weight:600;text-underline-offset:4px}
.wall .gr h3{padding-inline:var(--pad);margin:clamp(26px,4vw,44px) 0 12px;font-size:clamp(22px,3vw,34px)}
.pin,.pin:nth-child(n){background:none;padding:0;transform:none;box-shadow:none;color:inherit}.pin::before{display:none}
.pin img{box-shadow:0 1px 1px rgba(20,16,12,.25),0 22px 40px -22px rgba(20,16,12,.7)}
.dk-g a{background:none;padding:0;color:inherit}.dk-g img{box-shadow:0 14px 26px -14px rgba(0,0,0,.55)}.dk-g span{padding:7px 0 0}
.ad-hero .fg{max-width:min(100%,calc(92svh*.8));margin-inline:auto}.ad-hero .fg img{box-shadow:0 2px 3px rgba(20,16,12,.3),0 34px 60px -30px rgba(20,16,12,.8)}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:0 var(--pad) clamp(14px,2vw,22px);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;appearance:none;background:none;color:inherit;border:1px solid rgba(242,238,229,.32);border-radius:99px;padding:9px 16px;font:600 clamp(14px,1.3vw,16px)/1.1 inherit;font-family:inherit;cursor:pointer;transition:background .2s,color .2s}
.tabs button[aria-selected=true]{background:#F2EEE5;color:#171513;border-color:#F2EEE5}
.wall .pc.ld img{height:auto;width:min(86vw,calc(68svh*1.58));max-width:none}
.wall .pc{width:auto}.wall .pc:not(.ld){max-width:calc(68svh*.8)}
.wall .pc b{font-size:clamp(18px,1.6vw,22px)}.wall .pc span{-webkit-line-clamp:1}
.ld-fig img{width:100%}
.pc img,.fg img,.pin img,.own-f img,.own-f video,.next img,.dk-g img,.case-cover img{position:relative;z-index:9}
main:has(.cx)::after{display:none}
main>section.cx{--tile:none;background:#EFEBE2}main>section.cx::before,main>section.cx::after{display:none}
.cx .hd-x{padding-top:clamp(84px,10vw,130px)}
.cx-hero .fg{margin:0}.cx-hero.wide{padding-inline:0}.cx-hero.wide .fg img{width:100%;display:block}
.cx-m{padding-block:clamp(26px,4vw,56px)}
@media (max-width:860px){.cx-m .lede{grid-column:1/-1!important}.cx-m .meta-block{grid-column:1/-1!important;margin-top:18px}}
.cx-g{display:grid;gap:clamp(14px,2vw,28px);padding-block:clamp(20px,3vw,44px)}.cx-g .fg{margin:0}.cx-g figcaption{margin-top:9px;font-size:14px;line-height:1.45;color:#5d5850;max-width:46em}
.cx-g .fg img{display:block;width:100%;height:auto}
.cx-hero.ad-hero .fg{margin-inline:auto}.cx-hero.wide figcaption{padding-inline:var(--pad);margin-top:9px;font-size:14px;color:#5d5850}
.wall .pg{--H:min(68svh,calc((100vw - 56px)*1.25));display:grid;grid-template-rows:auto auto;grid-auto-flow:column dense;grid-auto-columns:max-content;align-items:start;row-gap:16px}
.wall .pc:not(.ld){grid-row:span 2;max-width:none}
.wall .pc img,.wall .pc:not(.ld) img{height:var(--H);width:auto}
.wall .pc.ld img{height:auto;width:calc((var(--H) - 76px) / 2 * 1.5)}
.wall .pc.ld b{margin-top:8px}
main:has(.case-cover)::after{display:none}
.curl{position:absolute;left:0;top:0;pointer-events:none;z-index:10;opacity:0;transition:opacity .15s}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}
.pc .no{display:block;font:500 11px/1.3 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;opacity:.55;margin-bottom:3px;font-style:normal}
.jump{position:sticky;top:calc(env(safe-area-inset-top,0px) + 58px);z-index:20;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px var(--pad);background:rgba(24,21,19,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.jump::-webkit-scrollbar{display:none}
.jump a{flex:none;color:#F2EEE5;text-decoration:none;font-weight:700;font-size:14px;padding:8px 14px;border:1px solid rgba(242,238,229,.28);border-radius:999px;transition:background .3s var(--e),color .3s var(--e)}
.jump a i{font:500 11px "JetBrains Mono",monospace;font-style:normal;opacity:.6;margin-right:6px}
.jump a:hover,.jump a.on{background:#F2EEE5;color:#151311}
.wall .gr{scroll-margin-top:120px}
.act{display:grid;grid-template-columns:minmax(150px,3fr) 9fr;gap:clamp(16px,3vw,48px);padding-block:clamp(34px,5vw,72px);border-top:1px solid rgba(21,19,17,.14)}
.act-h{position:sticky;top:96px;align-self:start}
.act-n{display:block;font:500 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;color:#A93B2C;margin-bottom:10px}
.act-h h2{font:900 clamp(26px,3vw,40px)/1.05 var(--heavy);margin:0}
.act-b{max-width:46em}.act-b .t{font-size:clamp(17px,1.35vw,20px);line-height:1.68;margin:0 0 1em}
.act-b .t.big{font:800 clamp(22px,2.3vw,32px)/1.38 var(--heavy);letter-spacing:-.01em}
.pq{margin:clamp(18px,2.4vw,34px) 0 0;padding-left:clamp(14px,1.6vw,22px);border-left:4px solid #A93B2C;font-size:clamp(22px,2.4vw,34px);line-height:1.35;font-weight:900}
@media (max-width:760px){.act{grid-template-columns:1fr}.act-h{position:static}}
.fx{padding:clamp(30px,5vw,70px) var(--pad);background:#F2EEE5;color:#151311;position:relative}
.fx h2{font:900 clamp(26px,3.4vw,46px)/1.1 var(--heavy);margin:0 0 clamp(14px,2vw,26px)}
.fx-r{display:grid;grid-template-columns:3.2em minmax(0,5fr) minmax(0,7fr) 1.5em;align-items:baseline;gap:12px;padding:clamp(14px,1.6vw,22px) 0;border-top:1px solid rgba(21,19,17,.16);color:inherit;text-decoration:none;transition:padding .5s var(--e),color .3s var(--e)}
.fx-r:last-child{border-bottom:1px solid rgba(21,19,17,.16)}
.fx-n{font:500 12px "JetBrains Mono",monospace;opacity:.55}.fx-r b{font-size:clamp(20px,2.2vw,30px);line-height:1.15}
.fx-l{font-size:15px;line-height:1.5;opacity:.78}.fx-r i{font-style:normal;transition:transform .5s var(--e)}
@media (hover:hover){.fx-r:hover{padding-left:14px;color:#A93B2C}.fx-r:hover i{transform:translateX(6px)}}
@media (max-width:760px){.fx-r{grid-template-columns:2.4em 1fr 1.2em}.fx-l{grid-column:2;grid-row:2}.fx-r i{grid-column:3;grid-row:1}}
.faqx{padding-block:clamp(20px,4vw,60px) clamp(40px,6vw,90px)}
.fq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(12px,3vw,48px);padding:clamp(20px,2.6vw,34px) 0;border-top:1px solid rgba(21,19,17,.16);scroll-margin-top:90px}
.fq h2{font:900 clamp(20px,2vw,28px)/1.2 var(--heavy);margin:0}.fq p{margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.7;max-width:40em}
.fq-go{margin-top:clamp(20px,3vw,40px)}
@media (max-width:760px){.fq{grid-template-columns:1fr}}
.cp{font:600 12px/1 inherit;margin-left:8px;padding:6px 10px;border:1px solid currentColor;border-radius:999px;background:none;color:inherit;cursor:pointer;opacity:.8}.cp:hover{opacity:1}
.ml2{opacity:.85;margin-top:6px}.ml2 a{color:inherit;text-underline-offset:3px;white-space:nowrap}
.good.reg-s{--bg:#EFE9DD;--tile:url(/img/mat/bone2.webp);background-color:#EFE9DD;color:#151311}
.good.reg-s .say{color:#151311}
.reg{display:grid;isolation:isolate;--p:1}
.reg .pl{grid-area:1/1;mix-blend-mode:multiply;will-change:transform}
.reg .pl.y{color:#D2AE5C;transform:translate(calc((1 - var(--p))*-15px),calc((1 - var(--p))*10px)) rotate(calc((1 - var(--p))*-.7deg));opacity:calc(.45 + var(--p))}
.reg .pl.r{color:#B8574A;transform:translate(calc((1 - var(--p))*13px),calc((1 - var(--p))*-8px)) rotate(calc((1 - var(--p))*.5deg));opacity:calc(.45 + var(--p))}
.reg .pl.b{color:#4A6283;transform:translate(calc((1 - var(--p))*-7px),calc((1 - var(--p))*-13px));opacity:calc(.45 + var(--p))}
.reg .pl.k{color:#151311;position:relative;z-index:1;transform:translate(calc((1 - var(--p))*5px),calc((1 - var(--p))*6px));opacity:clamp(0,calc((var(--p) - .5)*2.2),1)}
.reg-c{margin:18px 0 0;font:500 13px/1.5 "JetBrains Mono",monospace;color:#5d5850;max-width:40em}
.pq .reg{margin:0}.pq-t .pl{font:inherit}
[data-paste]{position:relative;transform-origin:50% 0}
.wl [data-paste]:not(.pasting){opacity:0}
[data-paste].pasting{animation:paste .9s var(--e) both}
[data-paste].pasting::after{content:"";position:absolute;inset:0;z-index:11;pointer-events:none;background:linear-gradient(104deg,transparent 30%,rgba(255,255,255,.42) 46%,rgba(255,255,255,.1) 54%,transparent 66%) 0 0/260% 100% no-repeat;mix-blend-mode:screen;animation:sheen .62s .1s var(--e) both}
[data-paste].pasted::after{display:none}
@keyframes paste{from{opacity:0;transform:translateY(-12px) scale(1.045) rotate(-1.3deg)}22%{opacity:1}to{opacity:1;transform:none}}
@keyframes sheen{from{background-position:115% 0}to{background-position:-40% 0;opacity:0}}
.sb{transform-origin:50% 0}
.wl .sb:not(.in){transform:perspective(900px) rotateX(-14deg) translateY(18px);opacity:0}
.wl .sb.in{transition:transform .9s var(--e),opacity .6s var(--e)}
li[data-stamp]{position:relative}
.stamp{position:absolute;right:2px;top:12px;z-index:3;font:900 clamp(14px,1.5vw,19px)/1 var(--heavy);letter-spacing:.08em;color:#A93B2C;border:3px solid currentColor;border-radius:7px;padding:6px 9px 5px;transform:rotate(var(--rt,-5deg));mix-blend-mode:multiply;opacity:.88;pointer-events:none;font-style:normal;white-space:nowrap}
.wl li[data-stamp]:not(.in) .stamp{opacity:0}
li[data-stamp].in .stamp{animation:stamp .34s cubic-bezier(.3,1.6,.5,1) .18s both}
li[data-stamp]:nth-child(2).in .stamp{animation-delay:.3s}li[data-stamp]:nth-child(3).in .stamp{animation-delay:.42s}li[data-stamp]:nth-child(4).in .stamp{animation-delay:.54s}
@keyframes stamp{from{opacity:0;transform:rotate(var(--rt)) scale(1.75)}70%{opacity:.95}to{opacity:.88;transform:rotate(var(--rt)) scale(1)}}
@media (max-width:899px){.how li{padding-right:96px}}
[data-develop]>*{--f:clamp(0,calc((var(--p) * 1.35 - var(--i,0)) * 4),1);color:color-mix(in srgb,currentColor calc(var(--f) * 100%),transparent);-webkit-text-stroke:1px var(--ink,#151311)}
[data-develop].done>*{color:inherit;-webkit-text-stroke:0}
.bp{position:relative;display:flex;flex-direction:column;aspect-ratio:4/3;margin:22px 0 26px;padding:clamp(14px,2vw,24px);background:#EFE9DD url(/img/mat/bone2.webp) 0 0/460px;color:#151311;box-shadow:0 2px 3px rgba(20,16,12,.35),0 26px 50px -26px rgba(0,0,0,.7);overflow:hidden}
.bp::before{content:"";position:absolute;left:40%;top:-8px;width:22%;height:20px;background:rgba(214,190,140,.75);transform:rotate(-2deg)}
.bp-no{margin:0;font:500 12px "JetBrains Mono",monospace;letter-spacing:.04em;opacity:.7}
.bp-t{flex:1;display:flex;align-items:center;margin:6px 0;font:900 40px/1.06 var(--heavy);overflow-wrap:anywhere;overflow:hidden;transition:color .4s var(--e)}
.bp:not(.typed) .bp-t{color:rgba(21,19,17,.26)}
.bp-k{margin:0 0 8px;min-height:1.2em;font:700 13px/1.3 var(--ui);color:#A93B2C}
.bp-b{position:relative;height:7px;background:rgba(21,19,17,.12)}.bp-b i{position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:#151311;transition:width .6s var(--e)}
.bp-b::after{content:attr(data-v);position:absolute;right:0;top:10px;font:500 11px "JetBrains Mono",monospace;opacity:.7}
.bp-f{margin:22px 0 0;font:600 11px/1 "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
.bp-st{top:auto;bottom:34px;right:18px;--rt:-8deg;font-size:clamp(18px,2.2vw,28px);opacity:0}
.bp.sent .bp-st{animation:stamp .34s cubic-bezier(.3,1.6,.5,1) .7s both}
@media (min-width:900px){.ask{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,4vw,64px);align-items:start}.ask>*{grid-column:1}.ask>.bp{grid-column:2;grid-row:1/span 8;position:sticky;top:96px;margin-top:0;aspect-ratio:4/5}}
.fx{background:#E5DDCB url(/img/mat/bone2.webp) 0 0/460px}
.fly{position:relative;max-width:820px;margin:0 auto;background:#F7F3EA;padding:clamp(22px,3vw,40px) clamp(18px,3vw,40px) 0;box-shadow:0 2px 3px rgba(20,16,12,.3),0 30px 50px -30px rgba(20,16,12,.65)}
.fly::before{content:"";position:absolute;left:44%;top:-9px;width:16%;height:20px;background:rgba(214,190,140,.75);transform:rotate(2deg)}
.fly h2{font:900 clamp(34px,6vw,72px)/1.05 var(--heavy);margin:0}
.fly-s{margin:10px 0 0;font-size:15px;color:#5d5850}
.tabs6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:clamp(20px,3vw,34px) calc(-1*clamp(18px,3vw,40px)) 0;border-top:2px dashed rgba(21,19,17,.45)}
.tab{writing-mode:vertical-rl;height:clamp(200px,24vw,260px);padding:14px 0;display:flex;align-items:center;gap:10px;color:#151311;text-decoration:none;background:#F7F3EA;border-left:1.5px dashed rgba(21,19,17,.32);transform-origin:50% 0;transition:transform .35s var(--e),color .3s}
.tab:first-child{border-left:0}
.tab b{font-size:clamp(15px,1.7vw,20px);line-height:1.2}.tab .fx-n{font:500 11px "JetBrains Mono",monospace;opacity:.55}
@media (hover:hover){.tab:hover{transform:rotate(-2.5deg);color:#A93B2C}}
.tab.torn{animation:tabtear .38s cubic-bezier(.5,0,.75,0) forwards}
@keyframes tabtear{to{transform:translateY(46px) rotate(9deg);opacity:0}}
.bm{position:relative;height:clamp(210px,30vw,380px);margin:0 0 clamp(40px,6vw,90px);--bmf:var(--heavy)}
.bm-u{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#A93B2C url(/img/mat/red.webp) 0 0/460px;color:#F1EBE1;text-align:center;padding:0 12px}
.bm-u a{font:900 clamp(22px,5.6vw,76px)/1.05 var(--heavy);color:inherit;text-decoration:none;overflow-wrap:anywhere}
.bm canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;transition:opacity .7s var(--e)}
.bm.open canvas{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.wl [data-paste]:not(.pasting){opacity:1}.reg{--p:1!important}[data-develop]>*{color:inherit;-webkit-text-stroke:0}.stamp:not(.bp-st){opacity:.88}}
@font-face{font-family:Archivo6;src:url(/fonts/archivo-v.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/serif-r.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/serif-i.woff2) format("woff2");font-style:italic;font-display:swap}
:root{--k:#0E0E0E;--pp:#F1EFEA;--pp2:#E3DED3;--g:#FF2DA0;--o:#FF5A1F;--bl:#2B47FF;--yl:#FFD028;--lm:#C9F24E;
--ground:var(--pp);--paper:var(--pp);--paper2:var(--pp2);--ink:var(--k);--char:var(--k);--bone:var(--pp);--red:var(--k);--ember:var(--g);--mute:#5d5a54;--line:rgba(14,14,14,.16);
--zh:-apple-system,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;--zs:"Songti SC","Noto Serif SC","STSong",serif;--hand:"Kaiti SC","STKaiti","KaiTi",var(--zs);
--disp:Archivo6,"KOB CJK",var(--sys);--heavy:Archivo6,"KOB CJK",var(--sys);--ui:"Inter Tight",var(--sys);--serif:"Instrument Serif",var(--zs);
--e:cubic-bezier(.19,1,.22,1);--snap:cubic-bezier(.3,1.22,.42,1);--pad:clamp(16px,2.6vw,40px);--sq:0;--dith:none}
:lang(zh-Hant){--zh:-apple-system,"PingFang TC","Hiragino Sans CNS","Noto Sans TC",sans-serif}
:lang(ja){--zh:-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--hand:"Klee","Hiragino Mincho ProN",serif}
:lang(ko){--zh:-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--hand:"Nanum Pen Script","Apple SD Gothic Neo",serif}
html{background:var(--pp);overflow-x:clip}
body.s6{background:var(--pp) var(--dith);color:var(--k);font:400 16px/1.6 var(--ui);overflow-x:clip}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) body.s6{font-family:var(--zh)}
body.s6::after{display:none}
::selection{background:var(--g);color:#fff}
.lab6{font:600 12px/1.45 var(--ui);letter-spacing:.06em;opacity:.72;margin:0}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .lab6{font-family:var(--zh);letter-spacing:.08em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
a{color:inherit}
.s6 h1,.s6 h2,.hd6{font-family:Archivo6,var(--zh);font-weight:850;letter-spacing:-.025em}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) :is(.s6 h1,.s6 h2){font-family:var(--zh);font-weight:900;letter-spacing:-.02em}
@property --sq{syntax:'<number>';inherits:true;initial-value:0}
[data-sq]{display:inline-block;scale:calc(1 - var(--sq) * .32) 1;transform-origin:0 50%;will-change:scale}
.guide6{position:absolute;background:var(--g);pointer-events:none;opacity:0;z-index:40}.guide6.h{height:1px;left:-3vw;right:-3vw}.guide6.v{width:1px;top:-3vh;bottom:-3vh}
.tag6{position:absolute;background:var(--g);color:#fff;font:600 10px/1 ui-monospace,Menlo,monospace;padding:3px 5px;border-radius:2px;pointer-events:none;opacity:0;z-index:41;white-space:nowrap;transform:translate(-50%,-50%)}
.flash6>.guide6,.flash6>.tag6{animation:flash6 1.2s var(--e) both}@keyframes flash6{0%{opacity:0}10%{opacity:1}72%{opacity:1}100%{opacity:0}}
.gbox6{position:relative}
.js [data-in]{transform:translate(var(--ix,0px),var(--iy,14px)) rotate(var(--ir,0deg));opacity:0;transition:transform .9s var(--snap),opacity .6s var(--e)}
.js [data-in].in{transform:none;opacity:1}
.ln6{display:block;overflow:hidden;padding:.08em 0 .14em;margin:-.08em 0 -.14em}
.ln6>span{display:inline-block;transform:translateY(118%) rotate(2deg);transition:transform 1s var(--e) calc(var(--i) * 40ms)}
.in .ln6>span,.ln6.in>span{transform:none}
:is(.article,.act-b,.lede6,.ab6 p,.sh6,.faq6,.ct6-h) a:not([class]){text-decoration:none;background:linear-gradient(rgba(255,208,40,.7),rgba(255,208,40,.7)) 0 88%/0% 42% no-repeat;transition:background-size .5s var(--e)}
:is(.article,.act-b,.lede6,.ab6 p,.sh6,.faq6,.ct6-h) a:not([class]):hover{background-size:100% 42%}
:is(.article,.act-b,.lede6,.ab6 p,.sh6,.faq6,.ct6-h) a:not([class]){box-shadow:inset 0 -1px 0 currentColor}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--k);color:#fff;padding:8px 12px}
.top6{position:fixed;inset:0 0 auto;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) var(--pad) 12px;pointer-events:none;transition:transform .5s var(--e)}
.top6>*{pointer-events:auto}.top6.hide6{transform:translateY(-110%)}
.wm{display:inline-flex;align-items:baseline;font:900 15px/1 Archivo6,var(--zh);letter-spacing:.04em;text-decoration:none;background:var(--k);color:var(--pp);padding:9px 11px;border-radius:3px}
.wm i{font-style:normal;display:inline-block;transition:transform .5s var(--snap)}.wm i.sp{width:.32em}
.wm:hover i{transform:translateY(calc(var(--j,0) * 1px)) rotate(calc(var(--j,0) * 1deg))}
.nav6{display:flex;align-items:center;gap:clamp(10px,1.4vw,20px);background:var(--k);color:var(--pp);border-radius:3px;padding:0 4px 0 14px;min-height:34px;font:600 13.5px/1 var(--ui)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .nav6{font-family:var(--zh)}
.nav6>a{text-decoration:none;padding:9px 0;position:relative}.nav6>a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--g)}
.lg6{position:relative}.lg6 summary{list-style:none;cursor:pointer;padding:9px 0;opacity:.8}.lg6 summary::-webkit-details-marker{display:none}
.lg6>div{position:absolute;right:0;top:calc(100% + 6px);background:var(--k);border-radius:3px;padding:6px;display:grid;min-width:120px}
.lg6>div a{padding:8px 10px;text-decoration:none;border-radius:2px}.lg6>div a:hover{background:var(--g)}
.pill6{background:var(--g);color:#fff!important;border-radius:3px;padding:7px 12px;text-decoration:none;display:inline-block;margin:3px 0;font-weight:700}
.menu6{display:none;background:none;border:0;color:inherit;font:inherit;padding:9px 6px;cursor:pointer}
@media (max-width:860px){.nav6>a:not(.pill6),.lg6{display:none}.menu6{display:block}}
.sheet6{position:fixed;inset:0;z-index:59;background:var(--g);color:#fff;padding:calc(90px + env(safe-area-inset-top,0px)) var(--pad) calc(30px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;justify-content:space-between;
clip-path:circle(0% at 95% 5%);transition:clip-path 1.2s cubic-bezier(.87,0,.13,1)}
.sheet6[hidden]{display:flex;visibility:hidden}.sheet6.on{clip-path:circle(150% at 95% 5%);visibility:visible}
.sheet6 nav{display:grid;gap:4px}.sheet6 nav a{font:900 clamp(40px,11vw,80px)/1.05 Archivo6,var(--zh);text-decoration:none;letter-spacing:-.02em;transform:translateY(30px) rotate(3deg);opacity:0;transition:transform .9s var(--snap),opacity .5s}
.sheet6.on nav a{transform:none;opacity:1}.sheet6.on nav a:nth-child(2){transition-delay:.06s}.sheet6.on nav a:nth-child(3){transition-delay:.12s}.sheet6.on nav a:nth-child(4){transition-delay:.18s}.sheet6.on nav a:nth-child(5){transition-delay:.24s}
.sheet6 p{display:flex;gap:16px;flex-wrap:wrap}.sheet6 p a{text-decoration:none;opacity:.85}
.cur6{position:fixed;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--k),0 3px 6px rgba(0,0,0,.25);pointer-events:none;z-index:90;transition:width .35s var(--snap),height .35s var(--snap),margin .35s var(--snap),background .3s}
.cur6 svg{position:absolute;inset:0;margin:auto;width:60%;height:60%;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:0;transition:opacity .2s}
.cur6.on{width:34px;height:34px;margin:-17px 0 0 -17px;background:var(--g);box-shadow:0 0 0 2px #fff,0 6px 12px rgba(0,0,0,.25)}.cur6.on svg{opacity:1}
.cur6.dn{transform:scale(.8)}
@media (hover:hover) and (pointer:fine){.s6.has-cur6,.s6.has-cur6 a,.s6.has-cur6 button{cursor:none}}
.clip6{position:fixed;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:55;width:30px;height:70px;touch-action:none;transform:translate(var(--cx,0px),var(--cy,0px)) rotate(var(--cr,12deg));transition:transform .7s var(--snap),opacity .4s;opacity:.9}
.clip6[hidden]{display:block;opacity:0;pointer-events:none}
.clip6 svg{width:100%;height:100%;fill:none;stroke:#8d8a83;stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.clip6.drag{transition:none}
.rt6{position:fixed;left:0;top:0;height:6px;width:calc(var(--rp,0) * 100%);background:rgba(255,208,40,.85);z-index:61;pointer-events:none;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.ru6{position:fixed;right:10px;top:22vh;bottom:22vh;width:18px;z-index:50;pointer-events:none;background:repeating-linear-gradient(180deg,var(--k) 0 1px,transparent 1px 10px) right/6px 100% no-repeat,repeating-linear-gradient(180deg,var(--k) 0 1px,transparent 1px 50px) right/12px 100% no-repeat;opacity:.35;mix-blend-mode:multiply}
.ru6 i{position:absolute;right:0;top:calc(var(--rp,0) * 100%);width:18px;height:2px;background:var(--g)}
.ru6 b{position:absolute;right:22px;top:calc(var(--rp,0) * 100%);transform:translateY(-50%);font:600 10px ui-monospace,Menlo,monospace;color:var(--g)}
@media (max-width:860px),(hover:none){.ru6{display:none}}
.ld6{position:fixed;inset:0;z-index:95;background:var(--pp);display:grid;place-items:center;transition:opacity .5s var(--e) .1s}
.ld6 p{display:flex;gap:.04em;font:900 clamp(56px,13vw,200px)/1 Archivo6,var(--zh);margin:0;position:relative}
.ld6 p i{font-style:normal;display:inline-block;opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1.4);transition:transform .7s var(--snap),opacity .2s}
.ld6.on p i{opacity:1;transform:translate(var(--x2,0px),var(--y2,0px)) rotate(var(--r2,0deg))}
.ld6.ok p i{transform:none}
.ld6.out{opacity:0;pointer-events:none}
.tx6{position:fixed;inset:0;z-index:96;pointer-events:none;width:100%;height:100%}
.tx6c{position:fixed;inset:0;z-index:96;background:var(--pp);display:grid;place-items:center;clip-path:inset(100% 0 0 0);transition:clip-path .38s cubic-bezier(.7,0,.3,1)}
.tx6c.on{clip-path:inset(0)}
.tx6c b{font:900 clamp(48px,10vw,150px)/1 Archivo6,var(--zh);letter-spacing:-.03em;transform:rotate(-2deg)}
@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.19,1,.22,1)}
::view-transition-old(root),::view-transition-new(root){animation:none}
.flip6 main>*{transform:perspective(900px) rotateX(88deg);opacity:.2;transition:transform .38s cubic-bezier(.7,0,.3,1),opacity .38s;transform-origin:50% 0}
.foot6{position:relative;z-index:1;background:var(--k);color:var(--pp);overflow:hidden}
.f6-in{padding:clamp(70px,9vw,140px) var(--pad) calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(var(--fy,0%))}
.f6-top{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:20px;padding-bottom:clamp(40px,6vw,90px);border-bottom:1px solid rgba(241,239,234,.2)}
.f6-say{font:400 clamp(28px,4vw,64px)/1.08 var(--serif);margin:0;max-width:16em}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .f6-say{font:600 clamp(26px,3.6vw,56px)/1.2 var(--zs)}
.f6-mail{font:400 clamp(22px,2.6vw,40px)/1 var(--serif);text-decoration:none;border-bottom:1px solid;display:inline-block}
.f6-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 0 clamp(40px,6vw,90px)}
.f6-cols div{display:grid;align-content:start;gap:6px}.f6-cols a{text-decoration:none;opacity:.8;font-size:14px}.f6-cols a:hover{opacity:1;color:var(--g)}
.f6-cols .lab6{margin-bottom:6px}
.f6-big{display:flex;justify-content:space-between;text-decoration:none;font:900 clamp(60px,16.6vw,300px)/.82 Archivo6,var(--zh);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;user-select:none}
.f6-big i{font-style:normal;display:inline-block;font-stretch:var(--w,100%);transition:font-stretch .6s var(--snap),transform .6s var(--snap)}
:is(:lang(zh-Hans),:lang(zh-Hant)) .f6-big{font-size:clamp(60px,22vw,360px);font-family:var(--zh)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .f6-big i{transform:scaleX(var(--s,1))}
.f6-big i.sp{width:.12em}
.f6-fine{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:18px;font-size:12px;opacity:.6}
@media (max-width:760px){.f6-cols{grid-template-columns:1fr 1fr}}
.hero6{height:300svh;position:relative;z-index:2}
.st6{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--pp)}
.st6.peeling{background:transparent}.st6.peeling>:not(.peel6){visibility:hidden}
.peel6{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;display:none}.peeling .peel6{display:block}
.pile6{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:pan-y}
.lock6{position:absolute;left:var(--pad);right:var(--pad);top:47%;transform:translateY(-50%);display:flex;justify-content:space-between;margin:0;font:900 100px/1 Archivo6,var(--zh);z-index:1}
:is(:lang(zh-Hans),:lang(zh-Hant)) .lock6{font-family:var(--zh)}
.lock6 .ch{display:inline-block;will-change:transform;transform-origin:50% 90%}
.under6{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:end;gap:16px;z-index:3;pointer-events:none}
.motto6{font:400 clamp(28px,4vw,64px)/1.06 var(--serif);margin:0;opacity:0;transform:translateY(18px);transition:opacity .8s var(--e),transform .8s var(--e)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .motto6{font:600 clamp(26px,3.8vw,60px)/1.14 var(--zs)}
.motto6 em{font-style:italic;color:var(--g)}.motto6.on{opacity:1;transform:none}
.under6 .lab6{text-align:right}
.state6{color:var(--g);font-weight:700}
.hint6{position:absolute;left:50%;top:calc(70px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:3;margin:0;font:600 12px/1 var(--ui);background:var(--k);color:var(--pp);padding:7px 10px;border-radius:99px;transition:opacity .5s;pointer-events:none}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .hint6{font-family:var(--zh)}
.hint6.off{opacity:0}
.claim6{position:relative;z-index:1;margin-top:-100svh;background:var(--k);color:var(--pp);padding:clamp(110px,15vw,220px) var(--pad) clamp(90px,12vw,180px);text-align:center;min-height:100svh;display:grid;place-content:center}
.claim6 h2{font-size:clamp(40px,7.4vw,132px);line-height:1.08;position:relative;display:inline-block;margin:0 auto}
.claim6 h2 .c{display:inline-block;min-width:.3em}.claim6 h2 .c:not(.lk){color:#6d6d69}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja)) .claim6 h2 .c{min-width:1em}
.claim6 p{max-width:32em;margin:30px auto 0;opacity:.8;font-size:clamp(15px,1.3vw,19px)}
.roll6{display:inline-block;overflow:hidden;vertical-align:bottom;height:1.6em;font:italic 400 1.35em/1.2 var(--serif);color:var(--g)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .roll6{font:700 1em/1.6 var(--zs);font-style:normal}
.roll6 span{display:block;transition:transform .9s var(--e)}
.tape6row{overflow:hidden;background:var(--yl);transform:rotate(-1.4deg);margin:-14px -2vw;position:relative;z-index:3;box-shadow:0 6px 16px rgba(0,0,0,.18);border-block:1px dashed rgba(14,14,14,.25)}
.tape6row>div{display:flex;width:max-content;gap:22px;padding:12px 0;font:800 clamp(16px,1.6vw,22px)/1 Archivo6,var(--zh);text-transform:uppercase;animation:mq6 40s linear infinite;animation-play-state:var(--mqs,running)}
.tape6row i{font-style:normal;color:var(--g)}
@keyframes mq6{to{transform:translateX(-33.333%)}}
.svc6{position:relative}
.svc6-st{padding:clamp(80px,9vw,140px) var(--pad)}
.svc6-hd{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:16px}
.svc6 h2{font-size:clamp(56px,10vw,170px);line-height:.9;margin:0}
.grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative;touch-action:pan-y}
.tile6{position:relative;aspect-ratio:1;border-radius:3px;overflow:hidden;padding:clamp(12px,1.3vw,20px);display:flex;flex-direction:column;justify-content:space-between;cursor:grab;user-select:none;-webkit-user-select:none;text-decoration:none;background:var(--c);color:var(--fg,var(--k));
transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--r,0deg));transition:transform .9s var(--snap)}
.tile6[style*="#2B47FF"],.tile6[style*="#0E0E0E"]{--fg:var(--pp)}
.tile6.drag{transition:none;cursor:grabbing;z-index:9;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.tile6:nth-child(1),.tile6:nth-child(2){grid-column:span 3;aspect-ratio:1.5}.tile6:nth-child(n+3){grid-column:span 2}
.tile6 .gl{position:absolute;right:-.04em;bottom:-.16em;font:900 clamp(150px,22vw,400px)/.8 Archivo6,var(--zh);letter-spacing:-.05em;pointer-events:none;opacity:.95}
.tile6 b{position:relative;font:800 clamp(22px,2.4vw,40px)/1.1 Archivo6,var(--zh)}.tile6 .l{position:relative;font-size:13px;max-width:22em;opacity:.85}
@media (min-width:861px) and (hover:hover){
.svc6[data-hscroll]{height:220svh}.svc6-st{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.svc6 .grid6{display:flex;gap:14px;width:max-content;transform:translateX(var(--hx,0px))}
.svc6 .tile6{width:min(42vw,560px);aspect-ratio:1.15;flex:none}.svc6 .tile6:nth-child(n){grid-column:auto}}
@media (max-width:860px){.grid6{grid-template-columns:1fr 1fr}.tile6:nth-child(n){grid-column:span 1;aspect-ratio:1}.tile6:nth-child(1){grid-column:span 2;aspect-ratio:1.6}.tile6 .l{display:none}}
.toy6{background:var(--yl);padding:clamp(90px,11vw,170px) var(--pad);position:relative;overflow:hidden}
.q6{font:600 clamp(22px,2.6vw,40px)/1.3 var(--serif);max-width:22em;margin:0}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .q6{font-family:var(--zs)}
.slice6{position:relative;margin:clamp(40px,6vw,80px) 0 24px;font:900 clamp(70px,17vw,300px)/1 Archivo6,var(--zh);letter-spacing:-.04em;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize;white-space:nowrap}
:is(:lang(zh-Hans),:lang(zh-Hant)) .slice6{font-family:var(--zh)}
.slice6 .s-up,.slice6 .s-dn{display:block}.slice6 .s-up{clip-path:inset(0 0 50% 0)}
.slice6 .s-dn{position:absolute;inset:0;clip-path:inset(50% 0 0 0);transform:translateX(var(--off,0px))}
.slice6 .cut{position:absolute;left:-4vw;right:-4vw;top:50%;height:1px;background:var(--k);opacity:.25}
.readout6{display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:600;font-size:14px}
.px6{font:700 clamp(28px,3vw,48px)/1 ui-monospace,Menlo,monospace}.px6.ok{color:var(--g)}
.steps6{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(40px,5vw,70px);border-top:2px solid var(--k);padding-top:18px;opacity:.25;transition:opacity .8s}
.toy6.done .steps6{opacity:1}.steps6 b{display:block;font:800 clamp(18px,1.8vw,26px)/1.2 Archivo6,var(--zh);margin:6px 0}.steps6 p{font-size:14px;margin:0}
@media (max-width:760px){.steps6{grid-template-columns:1fr 1fr}}
.boards6{background:var(--k)}
.bhd6{padding:clamp(90px,11vw,160px) var(--pad) clamp(30px,4vw,60px);color:var(--pp);display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.bhd6 h2{font-size:clamp(56px,10vw,170px);line-height:.9;margin:0}
.bhd6 .lab6{max-width:26em;text-align:right}.bhd6 a{color:var(--g);text-decoration:none;white-space:nowrap}
.count6{font:700 1.6em/1 ui-monospace,Menlo,monospace;color:var(--g);font-variant-numeric:tabular-nums}
.bd6{position:relative;min-height:min(100svh,980px);overflow:hidden;display:grid;place-items:center;padding:clamp(70px,8vw,120px) var(--pad);background:var(--c);color:var(--fg,var(--k));
clip-path:inset(4% 8% round 28px);transition:clip-path 1.3s var(--e)}
.bd6.in{clip-path:inset(0 round 0)}
.bd6+.bd6{margin-top:-1px}
.bd6::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:radial-gradient(circle at 5px 0,transparent 4px,var(--c) 4.5px) 0 0/10px 10px repeat-x;transform:translateY(-9px);z-index:1}
.bd6.dark{--fg:var(--pp)}
.big6{position:absolute;left:0;right:0;bottom:-.06em;padding:0 var(--pad);font:900 100px/.8 Archivo6;font-stretch:70%;scale:calc(1 - var(--sq) * .12) 1;text-transform:uppercase;white-space:nowrap;color:var(--fg,var(--k));opacity:.12;pointer-events:none;transform-origin:0 100%}
.meta6{position:absolute;left:var(--pad);top:clamp(20px,3vw,40px);font:600 13px/1.5 var(--ui);margin:0;max-width:60%}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .meta6{font-family:var(--zh)}
.meta6 b{display:block;font:900 clamp(26px,3vw,46px)/1.05 Archivo6,var(--zh);margin-top:4px}
.go6{position:absolute;right:var(--pad);top:clamp(20px,3vw,40px);font:700 14px var(--ui);border:1.5px solid currentColor;border-radius:999px;padding:8px 14px;text-decoration:none;display:inline-flex;gap:8px;align-items:center;z-index:5}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .go6{font-family:var(--zh)}
.go6 svg{width:46px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.go6 svg path{transition:d .5s var(--snap)}
.go6:hover svg path{d:path("M1 7 C 14 7, 30 7, 44 7 S 56 7, 58 7 M 51 2 L 58 7 L 51 12")}
.stkw6{position:relative;display:block;width:auto;max-width:var(--w,min(64vw,520px));transform:translate(var(--dx,6%),var(--dy,10%)) rotate(var(--dr,-7deg)) scale(.92);transition:transform 1.1s var(--snap);z-index:2;text-decoration:none}
.bd6.in .stkw6{transform:translate(var(--px,0px),calc(var(--sq) * -40px + var(--py,0px))) rotate(calc(var(--rest,-1.5deg) + var(--sq) * var(--lk,9deg)))}
.stkw6 img{display:block;width:auto;max-width:100%;max-height:min(70svh,720px);height:auto;margin:0 auto;filter:drop-shadow(0 18px 22px rgba(0,0,0,.3));transition:transform .6s var(--snap)}
.stkw6.poster img{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--pc,0px)),calc(100% - var(--pc,0px)) 100%,0 100%);transition:clip-path .5s var(--snap),filter .5s var(--e),transform .6s var(--snap)}
.fold6{position:absolute;right:0;bottom:0;width:var(--pc,0px);height:var(--pc,0px);background:linear-gradient(135deg,#fffdf8 0%,#ece8df 55%,#cbc5b9 100%);clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(-6px -6px 8px rgba(0,0,0,.25));transition:width .5s var(--snap),height .5s var(--snap);z-index:3}
.bd6.in .stkw6.poster{--pc:22px}
@media (hover:hover){.stkw6.poster:hover{--pc:clamp(56px,7vw,96px)}.stkw6:hover img{transform:translateY(-6px) rotate(.8deg)}}
.foil6{position:absolute;inset:0;pointer-events:none;z-index:2;mix-blend-mode:color-dodge;opacity:0;transition:opacity .4s;
background:linear-gradient(115deg,transparent calc(var(--fx,50%) - 18%),rgba(255,180,230,.55) calc(var(--fx,50%) - 6%),rgba(180,255,240,.6) var(--fx,50%),rgba(255,240,170,.55) calc(var(--fx,50%) + 6%),transparent calc(var(--fx,50%) + 18%));
-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.stkw6:hover .foil6,.stkw6.tilt .foil6{opacity:1}
.tape6{position:absolute;width:118px;height:30px;background:rgba(255,255,255,.62);box-shadow:0 1px 2px rgba(0,0,0,.12);z-index:3;transform:translateX(-50%) rotate(var(--tr,0deg)) scaleX(var(--ts,.82)) skewX(var(--tk,10deg));transition:transform 1.4s var(--snap) .3s}
.bd6.in .tape6{--ts:1;--tk:0deg}
.tape6::before,.tape6::after{content:"";position:absolute;top:0;bottom:0;width:6px;background:inherit;-webkit-mask:repeating-linear-gradient(0deg,#000 0 3px,transparent 3px 6px)}.tape6::before{left:-5px}.tape6::after{right:-5px}
.note6{position:absolute;z-index:4;font:400 clamp(18px,1.9vw,28px)/1.35 var(--hand);max-width:11em;color:var(--fg,var(--k));margin:0;opacity:0;transform:translateY(10px);transition:opacity .6s var(--e) .7s,transform .8s var(--e) .7s}
.bd6.in .note6{opacity:1;transform:none}
.note6 svg{position:absolute;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.note6 svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--e) .9s}.bd6.in .note6 svg path{stroke-dashoffset:0}
@media (max-width:760px){.bd6{min-height:auto;padding-top:130px;padding-bottom:150px}.note6{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-top:28px;max-width:none}.note6 svg{display:none}.go6{top:auto;bottom:24px}}
.cta6{background:var(--g);color:var(--k);min-height:100svh;padding:clamp(100px,12vw,170px) var(--pad) calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.cta6 canvas.warp6{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.cta6>*{position:relative;z-index:1}
.cta6 h2{font-size:clamp(64px,13vw,240px);line-height:1;margin:0}
.cta6 h2 .was{position:relative;display:inline-block}
.cta6 h2 .was::after{content:"";position:absolute;left:-.04em;right:-.04em;top:52%;height:.09em;background:var(--k);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--e) .2s}
.cta6.in h2 .was::after{transform:scaleX(1)}
.cta6 h2 .now{display:inline-block;opacity:0;transform:translateY(.2em) rotate(-4deg);transition:opacity .6s var(--e) .8s,transform .9s var(--snap) .8s}.cta6.in h2 .now{opacity:1;transform:none}
.fitin6{display:block;margin:clamp(24px,3vw,40px) 0 0;border-bottom:3px solid var(--k);max-width:min(100%,1100px)}
.fitin6 input{width:100%;border:0;background:none;color:var(--k);font:900 clamp(30px,5vw,80px)/1.15 Archivo6,var(--zh);font-stretch:var(--fw,100%);outline:0;padding:.1em 0;letter-spacing:-.02em}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .fitin6 input{transform:scaleX(var(--fs,1));transform-origin:0 50%;width:calc(100% / var(--fs,1))}
.fitin6 input::placeholder{color:rgba(14,14,14,.35)}
.go6big{font:900 clamp(30px,4vw,64px)/1 Archivo6,var(--zh);display:inline-block;margin-top:.6em;border-bottom:.08em solid;text-decoration:none}
.r6{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:end;font-size:14px}
.mail6{font:400 clamp(26px,3.4vw,52px)/1 var(--serif);text-decoration:none}
.wk6{padding:clamp(100px,12vw,170px) var(--pad) clamp(70px,8vw,120px);min-height:100svh}
.wk6-hd{display:flex;justify-content:space-between;align-items:end;gap:16px}
.wk6 h1{font-size:clamp(70px,15vw,260px);line-height:.85;margin:0}
.tag6{position:relative;background:#fffdf6;border-radius:3px 12px 12px 3px;padding:8px 14px 8px 22px;font:600 13px var(--ui);margin:0;box-shadow:0 2px 3px rgba(0,0,0,.15);transform:rotate(-3deg)}
.tag6::before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--pp);box-shadow:inset 0 1px 2px rgba(0,0,0,.4);transform:translateY(-50%)}
.tag6 b{font:700 18px ui-monospace,Menlo,monospace;color:var(--g)}
.wk6-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:clamp(24px,3vw,40px) 0;position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:20}
.flt6,.vw6{display:flex;flex-wrap:wrap;gap:6px}
.flt6 button,.vw6 button{font:600 13px var(--ui);border:0;background:#fffdf6;color:var(--k);padding:8px 12px;border-radius:3px;cursor:pointer;box-shadow:0 3px 0 rgba(14,14,14,.18),0 6px 10px rgba(0,0,0,.1);transform:translateY(-2px) rotate(var(--r,-1deg));transition:transform .4s var(--snap),box-shadow .4s}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) :is(.flt6 button,.vw6 button){font-family:var(--zh)}
.flt6 button:nth-child(2n){--r:1.2deg}
.flt6 button[aria-pressed=true],.vw6 button[aria-pressed=true]{background:var(--k);color:var(--pp);transform:none;box-shadow:0 0 0 rgba(0,0,0,0)}
.wall6{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,50px) clamp(14px,2vw,30px);align-items:start;position:relative}
.w6{position:relative;display:block;text-decoration:none;transform:translateY(calc(var(--sq) * var(--l,0) * -50px)) rotate(var(--r)) scale(var(--fe,1));transition:transform .6s var(--snap),opacity .5s;transform-origin:50% 50%}
.w6[data-l="1"]{--l:1}.w6[data-l="2"]{--l:2}
.w6-s{display:block}.w6-s img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 16px rgba(0,0,0,.22))}
.w6-t{display:grid;gap:2px;margin-top:10px}.w6-t b{font:900 clamp(22px,2.2vw,34px)/1 Archivo6,var(--zh);text-transform:uppercase}.w6-t span{font-size:14px}.w6-t em{font-style:normal;font-size:12px;opacity:.6}
.w6:focus-visible{outline:0}.w6:focus-visible::after{content:"";position:absolute;inset:-8px;border:1px solid var(--g);pointer-events:none}
.w6.off{opacity:0;transform:translate(30px,-60px) rotate(18deg) scale(.6);pointer-events:none;transform-origin:100% 100%}
.w6.gone{display:none}
.wall6.list{display:block}
.wall6.list .w6{display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px;transform:none;border-bottom:1px solid var(--line);padding:10px 0}
.wall6.list .w6-s{display:none}.wall6.list .w6-t{display:contents}
.wall6.list .w6-t b{font:900 clamp(40px,9vw,150px)/.88 Archivo6,var(--zh);font-stretch:70%;scale:calc(1 - var(--sq) * .15) 1;transform-origin:0 50%}
.wall6.list .w6-t span{display:none}.wall6.list .w6-t em{font-size:13px;padding-bottom:.6em}
.wall6.list .w6:hover b{color:var(--g)}
.slot6{position:fixed;right:var(--pad);bottom:var(--pad);width:min(30vw,380px);margin:0;z-index:30;pointer-events:none;display:none}
.wk6.listmode .slot6{display:block}
.slot6 img{display:block;width:100%;height:auto;clip-path:inset(100% 0 0 0);filter:grayscale(1);transition:clip-path .8s cubic-bezier(.215,.61,.355,1)}
.slot6.on img{clip-path:inset(0)}
.empty6{font:400 clamp(24px,3vw,40px)/1.3 var(--hand);text-align:center;padding:60px 0;transform:rotate(-2deg)}
@media (min-width:1100px) and (hover:hover){.wk6.drag6 .wall6:not(.list){width:128%;cursor:grab}.wk6.drag6{overflow:hidden}.wall6.grab{cursor:grabbing}.wall6:not(.list){transform:translateX(var(--wx,0px))}}
@media (max-width:860px){.wall6{grid-template-columns:1fr 1fr}.slot6{display:none!important}}
.sv6{padding:clamp(110px,13vw,190px) var(--pad) clamp(40px,6vw,80px)}
.sv6 h1{font-size:clamp(64px,13vw,230px);line-height:.88;margin:0}
.sv6.alt h2{font-size:clamp(34px,5vw,80px);line-height:1;margin:0 0 20px}
.lede6{font:400 clamp(18px,1.8vw,26px)/1.4 var(--serif);max-width:30em;margin:20px 0 clamp(30px,4vw,60px)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .lede6{font-family:var(--zs);font-weight:500}
.sv6rows{border-top:1px solid var(--line)}
.sv6row,.pr6{position:relative;display:grid;grid-template-columns:4em 1fr 1fr;align-items:center;gap:16px;padding:clamp(14px,2vw,26px) 0;border-bottom:1px solid var(--line);text-decoration:none;overflow:hidden}
.sv6row b{font:900 clamp(30px,5vw,84px)/1 Archivo6,var(--zh);letter-spacing:-.02em}.pr6 b{font:800 clamp(22px,2.6vw,40px)/1.1 Archivo6,var(--zh)}
.sv6row .l,.pr6 .l{font-size:14px;opacity:.8;max-width:30em}
.sv6row .gl{position:absolute;right:0;top:50%;transform:translateY(-50%);font:900 clamp(60px,9vw,150px)/1 var(--zh);opacity:0;transition:opacity .3s}
.fill6{position:absolute;inset:0;background:var(--c,var(--k));color:var(--fg,var(--pp));display:flex;align-items:center;padding:0 4em;font:900 clamp(30px,5vw,84px)/1 Archivo6,var(--zh);font-style:normal;transform:translate(var(--ex,0%),var(--ey,101%));transition:transform .6s var(--e);pointer-events:none;white-space:nowrap}
.sv6row[style*="#FFD028"] .fill6,.sv6row[style*="#FF5A1F"] .fill6{--fg:var(--k)}
.pr6 .fill6{font-size:clamp(22px,2.6vw,40px);justify-content:flex-end}
@media (max-width:760px){.sv6row,.pr6{grid-template-columns:2.4em 1fr}.sv6row .l,.pr6 .l{grid-column:2}}
.sh6{background:var(--c);color:var(--fg);padding:clamp(120px,14vw,200px) var(--pad) clamp(50px,6vw,90px);position:relative;overflow:hidden;min-height:82svh;display:flex;flex-direction:column;justify-content:flex-end}
.sh6 .gl{position:absolute;right:-.05em;top:-.12em;font:900 clamp(220px,40vw,640px)/1 Archivo6,var(--zh);opacity:.12;pointer-events:none}
.sh6 h1{font-size:clamp(56px,11vw,200px);line-height:.92;margin:10px 0 0;position:relative}
.sh6 h1 .sc6{display:inline-block;transition:transform 1.2s var(--snap) calc(var(--i) * 30ms)}
.sh6-s{font:400 clamp(20px,2vw,30px)/1.3 var(--serif);margin:20px 0 6px;max-width:28em}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .sh6-s{font-family:var(--zs);font-weight:600}
.sh6-l{max-width:34em;opacity:.85;margin:0}
.st6wrap{padding:clamp(60px,8vw,120px) var(--pad)}
.stp6{list-style:none;margin:0 auto;padding:0;max-width:980px}
.card6{position:sticky;top:calc(90px + var(--i) * 14px);background:#fffdf6;border-radius:6px;padding:clamp(24px,3vw,44px);margin-bottom:clamp(40px,8vh,90px);box-shadow:0 1px 2px rgba(0,0,0,.08),0 20px 40px -20px rgba(0,0,0,.25);
transform:scale(var(--cs,1)) rotate(var(--cr,0deg));transform-origin:50% 0;transition:transform .5s var(--e);min-height:min(42vh,340px)}
.card6 h3{font:900 clamp(28px,3.6vw,56px)/1.05 Archivo6,var(--zh);margin:14px 0 10px}.card6 p{max-width:34em;margin:0}
.tick6{position:absolute;right:clamp(20px,3vw,40px);top:clamp(20px,3vw,40px);width:46px;height:46px;fill:none;stroke:var(--g);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.tick6 path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s var(--e) .25s}.card6.in .tick6 path{stroke-dashoffset:0}
.rel6{padding:clamp(60px,8vw,120px) 0;background:var(--k);color:var(--pp)}
.rel6-hd{display:flex;justify-content:space-between;align-items:end;padding:0 var(--pad) 30px}.rel6 h2{font-size:clamp(40px,6vw,96px);margin:0}
.rel6-strip{display:flex;gap:clamp(20px,3vw,44px);overflow-x:auto;padding:20px var(--pad) 30px;scrollbar-width:none;cursor:grab;scroll-snap-type:x proximity}
.rel6-strip::-webkit-scrollbar{display:none}.rel6-strip.grab{cursor:grabbing;scroll-snap-type:none}
.rl6{flex:none;width:clamp(180px,22vw,300px);text-decoration:none;transform:rotate(var(--r));transition:transform .5s var(--snap);scroll-snap-align:start}
.rl6:hover{transform:rotate(0) translateY(-6px)}.rl6 img{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 14px 20px rgba(0,0,0,.4))}
.rl6 span{display:block;margin-top:10px;font:900 20px/1 Archivo6,var(--zh);text-transform:uppercase}
.faq6{padding:clamp(60px,8vw,120px) var(--pad);max-width:1100px}.faq6 h2{font-size:clamp(40px,6vw,96px);margin:0 0 20px}
details.fold6,.faq details,.s6 main details:not(.lg6){border-top:1px solid var(--line);perspective:900px}
.s6 main details>summary{list-style:none;cursor:pointer;padding:18px 0;font:800 clamp(18px,1.8vw,26px)/1.3 Archivo6,var(--zh);display:flex;justify-content:space-between;gap:16px}
.s6 main details>summary::after{content:"+";transition:transform .5s var(--snap)}.s6 main details[open]>summary::after{transform:rotate(45deg)}
.s6 main details>summary::-webkit-details-marker{display:none}
.s6 main details>:not(summary){transform-origin:50% 0;animation:fold6 .7s var(--snap) both}
@keyframes fold6{from{transform:rotateX(-80deg);opacity:0}to{transform:none;opacity:1}}
.next6{display:block;background:var(--c);color:var(--k);padding:clamp(60px,9vw,140px) var(--pad);text-decoration:none}
.next6[style*="#2B47FF"],.next6[style*="#0E0E0E"]{color:var(--pp)}
.next6 b{display:block;font:900 clamp(48px,9vw,160px)/.95 Archivo6,var(--zh);margin-top:10px}
.demo6{margin:clamp(40px,6vw,90px) var(--pad);padding:clamp(28px,4vw,60px);border-radius:8px;background:#fffdf6;box-shadow:0 1px 2px rgba(0,0,0,.08),0 30px 60px -30px rgba(0,0,0,.25);overflow:hidden}
.ai6-q{margin:16px 0 10px auto;max-width:30em;background:var(--k);color:var(--pp);padding:12px 16px;border-radius:14px 14px 3px 14px;width:fit-content}
.ai6-a{max-width:36em;background:var(--pp2);padding:14px 18px;border-radius:14px 14px 14px 3px;min-height:3.2em;white-space:pre-wrap}
.ai6-a mark{background:var(--g);color:#fff;padding:0 .2em;border-radius:2px}
.ai6-a::after{content:"▍";animation:blink6 1s steps(1) infinite;color:var(--g)}.ai6-a.done::after{content:""}@keyframes blink6{50%{opacity:0}}
.gg6-w{font:900 clamp(48px,10vw,170px)/1 Archivo6,var(--zh);margin:20px 0 0;letter-spacing:-.03em;min-height:1.1em}
.ec6-svg{width:100%;height:auto;display:block;margin-top:14px}
.ec6-svg text{font:900 200px var(--zh);fill:transparent;stroke:var(--k);stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 3.2s var(--e),fill .8s 2.6s}
.ec6-svg.in text{stroke-dashoffset:0;fill:var(--k)}
.mb6-win{margin-top:16px;border-radius:10px;overflow:hidden;background:var(--pp);box-shadow:0 0 0 1px var(--line)}
.mb6-bar{display:flex;gap:6px;align-items:center;padding:9px 12px;background:var(--pp2)}.mb6-bar i{width:10px;height:10px;border-radius:50%;background:#cfc9bd}.mb6-bar span{margin-left:10px;font:12px ui-monospace,Menlo,monospace;opacity:.6}
.mb6-page{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;min-height:320px;align-items:center}
.mb6-page img{width:100%;height:auto;transform:translate(calc((var(--k) - 2.5) * 40px),calc(-80px - var(--k) * 10px)) rotate(calc((var(--k) - 2.5) * 9deg));opacity:0;transition:transform 1s var(--snap) calc(var(--k) * 90ms),opacity .4s calc(var(--k) * 90ms);filter:drop-shadow(0 8px 10px rgba(0,0,0,.2))}
.mb6.in .mb6-page img{transform:none;opacity:1}
.ly6-st{position:relative;height:clamp(320px,46vw,620px);perspective:1400px;margin-top:16px}
.ly6-l{position:absolute;inset:6% 22%;margin:0;transform-style:preserve-3d;transform:rotateX(calc(var(--ex,0) * 52deg)) rotateZ(calc(var(--ex,0) * -28deg)) translateZ(calc(var(--z) * var(--ex,0) * 90px));transition:transform .2s linear;border-radius:4px}
img.ly6-l{width:auto;height:88%;inset:6% auto auto 50%;translate:-50% 0;object-fit:contain}
.ly6-t{inset:auto 24% 14% 24%;font:900 clamp(22px,3vw,44px)/1.1 var(--zh);color:var(--k);text-align:center}
.ly6-g{inset:8% 24% auto auto;font:900 16px var(--zh);background:var(--k);color:var(--pp);padding:6px 9px;width:fit-content}
.ly6-k{text-align:center;margin-top:10px}
.ct6{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,90px);padding:clamp(110px,13vw,190px) var(--pad) clamp(70px,9vw,140px);align-items:start}
.ct6 h1{font-size:clamp(64px,11vw,190px);line-height:.88;margin:10px 0 18px}
.cp6{font:600 12px var(--ui);border:0;background:var(--k);color:var(--pp);border-radius:99px;padding:5px 10px;cursor:pointer;transition:transform .5s var(--snap)}
.cp6.ok{background:var(--g);transform:rotate(-6deg) scale(1.1)}
.wall6s{position:relative;min-height:220px;margin-top:30px;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(14,14,14,.06) 31px 32px)}
.pin6{position:absolute;width:150px;padding:12px;background:#FFF27A;font:400 15px/1.35 var(--hand);box-shadow:0 2px 3px rgba(0,0,0,.12),0 12px 18px -8px rgba(0,0,0,.25);transform:translate(var(--x),var(--y)) rotate(var(--r));transition:transform 1s var(--snap)}
.note6f{background:#fffdf6;padding:clamp(22px,3vw,40px);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 30px 60px -30px rgba(0,0,0,.3);position:relative;transition:transform 1s var(--snap),opacity .6s}
.note6f.posted{transform:translate(-40%,-30%) rotate(-8deg) scale(.4);opacity:0}
.note6f fieldset{border:0;padding:0;margin:0 0 20px}.note6f legend{font-weight:700;margin-bottom:10px}
.chips6{display:flex;flex-wrap:wrap;gap:8px}
.chips6 label{position:relative;cursor:pointer}.chips6 input{position:absolute;opacity:0}
.chips6 span{display:inline-block;padding:9px 13px;border-radius:3px;background:var(--pp2);transform:rotate(var(--r)) translateY(-2px);box-shadow:0 3px 0 rgba(14,14,14,.15);transition:transform .45s var(--snap),background .2s,box-shadow .3s}
.chips6 input:checked+span{background:var(--g);color:#fff;transform:none;box-shadow:none}
.chips6 input:focus-visible+span{outline:2px solid var(--g);outline-offset:2px}
.f6{display:block;margin:0 0 18px;position:relative}.f6>span{display:block;font-weight:700;margin-bottom:8px}
.f6 :is(input,textarea){width:100%;border:0;border-bottom:2px solid var(--k);background:transparent;font:inherit;font-size:17px;padding:10px 2px;outline:0;border-radius:0}
.f6 small{display:block;margin-top:6px;color:var(--g);font-weight:600;min-height:1.4em}
.send6{font:800 18px var(--ui);background:var(--k);color:var(--pp);border:0;border-radius:4px;padding:15px 26px;cursor:pointer;transition:transform .35s var(--snap)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .send6{font-family:var(--zh)}
.send6:active{transform:scale(1.08,.86)}
.note6f .out{font-weight:600;margin-top:12px}
.hp{position:absolute;left:-9999px}
@media (max-width:860px){.ct6{grid-template-columns:1fr}}
.ab6{padding:clamp(110px,13vw,190px) var(--pad) clamp(70px,9vw,140px)}
.ab6 h1{font-size:clamp(48px,9vw,160px);line-height:.92;margin:10px 0 0;max-width:12em}
.pp6{list-style:none;padding:0;margin:clamp(40px,6vw,90px) 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,28px)}
.pp6 li{position:relative;background:#fffdf6;padding:clamp(22px,3vw,40px);border-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,.08),0 22px 40px -24px rgba(0,0,0,.3);transform:translateY(30px) rotate(calc(var(--r) * 3));opacity:0;transition:transform 1s var(--snap),opacity .5s}
.pp6 li.in{transform:rotate(var(--r));opacity:1}
.pp6 b{font:900 clamp(26px,3.4vw,52px)/1.05 Archivo6,var(--zh);font-stretch:75%;transition:font-stretch .6s var(--snap)}
.pp6 li:hover b{font-stretch:118%}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .pp6 b{transform:scaleX(.82);transition:transform .6s var(--snap)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .pp6 li:hover b{transform:scaleX(1)}
.legal6{margin-top:40px;opacity:.6;font-size:13px}
@media (max-width:760px){.pp6{grid-template-columns:1fr}}
.jobs6{margin-top:clamp(40px,6vw,90px);border-top:1px solid var(--line);position:relative}
.job6{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font:900 clamp(34px,6vw,96px)/1 Archivo6,var(--zh)}
.job6:hover{color:var(--g)}
.sticky6{position:fixed;left:0;top:0;width:220px;padding:14px;background:#FFF27A;font:400 17px/1.35 var(--hand);box-shadow:0 12px 20px -8px rgba(0,0,0,.3);pointer-events:none;opacity:0;transform:translate(var(--x,0px),var(--y,0px)) rotate(-4deg) scale(.6);transition:opacity .3s,transform .6s var(--snap);z-index:40}
.sticky6.on{opacity:1;transform:translate(var(--x,0px),var(--y,0px)) rotate(3deg)}
@media (hover:none){.sticky6{position:static;opacity:1;transform:none;margin-top:30px;width:auto}}
.clips6{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,36px);margin-top:clamp(40px,6vw,90px)}
.clip6c{display:block;text-decoration:none;background:#fffdf6;padding:clamp(20px,2.4vw,32px);transform:rotate(var(--r));box-shadow:0 2px 3px rgba(0,0,0,.08),0 20px 30px -20px rgba(0,0,0,.3);transition:transform .6s var(--snap),box-shadow .6s;
clip-path:polygon(0 2%,4% 0,30% 1.5%,60% 0,92% 1%,100% 0,99% 40%,100% 98%,70% 100%,40% 98.5%,8% 100%,0 99%)}
.clip6c:hover{transform:rotate(0) translateY(-8px);box-shadow:0 4px 6px rgba(0,0,0,.08),0 40px 50px -24px rgba(0,0,0,.35)}
.clip6c h2{font:900 clamp(22px,2.4vw,34px)/1.15 Archivo6,var(--zh);margin:10px 0}.clip6c p{margin:0;font-size:15px;opacity:.85}
@media (max-width:860px){.clips6{grid-template-columns:1fr}}
.nf6{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:120px var(--pad) 60px}
.nf6-st{position:relative;display:grid;place-items:center;min-height:50svh;touch-action:none}
.nf6-s{width:min(70%,360px);height:auto;transform:rotate(var(--a,-23deg));cursor:grab;filter:drop-shadow(0 20px 26px rgba(0,0,0,.3));user-select:none;-webkit-user-drag:none}
.nf6-st.ok .nf6-s{transition:transform .6s var(--snap)}
.nf6-g{position:absolute;left:-3vw;right:-3vw;top:50%;height:1px;background:var(--g);opacity:0}.nf6-st.ok .nf6-g{animation:flash6 1.2s var(--e) both}
.nf6 h1{font-size:clamp(44px,7vw,120px);line-height:.95;margin:10px 0 16px}
.nf6-go{display:flex;gap:16px;align-items:center;margin-top:20px}
@media (max-width:760px){.nf6{grid-template-columns:1fr}}
.s6 .wrap.ph,.s6 .case-head,.s6 .hd-x{padding-top:clamp(110px,13vw,190px)}
.s6 .fit{font-family:Archivo6,var(--zh);font-weight:900;scale:calc(1 - var(--sq) * .22) 1;transform-origin:0 50%}
.s6 .cap.kick,.s6 .cap{font-family:var(--ui);letter-spacing:.04em}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .s6 .cap{font-family:var(--zh)}
.s6 .lede{font-family:var(--serif)}:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .s6 .lede{font-family:var(--zs);font-weight:500}
.s6 .char{background:var(--k)}
.s6 .send,.s6 .pill{background:var(--k);color:var(--pp);border-radius:4px}
.s6 .case-cover{min-height:min(86svh,900px);background:var(--c);display:grid;place-items:center;padding:110px var(--pad) 40px;overflow:hidden}
.s6 .case-cover canvas{display:none}
.cv6{width:auto;max-width:min(80vw,560px);max-height:72svh;height:auto;transform:rotate(-1.4deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.s6 .cx-hero figure img{border-radius:3px}
.s6 .cx-g figure{position:relative;transform:rotate(var(--fr,0deg)) translateY(var(--fy,30px));opacity:var(--fo,0);transition:transform 1.1s var(--snap),opacity .6s var(--e)}
.s6 .cx-g figure.in{--fr:var(--rest,0deg);--fy:0px;--fo:1}
.s6 .cx-g figure::before{content:"";position:absolute;left:50%;top:-12px;width:110px;height:26px;background:rgba(255,255,255,.62);box-shadow:0 1px 2px rgba(0,0,0,.12);transform:translateX(-50%) rotate(-3deg) scaleX(0);transform-origin:0 50%;transition:transform .5s var(--e) .6s;z-index:2}
.s6 .cx-g figure.in::before{transform:translateX(-50%) rotate(-3deg) scaleX(1)}
.s6 .cx-g figure img{box-shadow:0 16px 30px -12px rgba(0,0,0,.28)}
.s6 .pq,.s6 .b-quote{background:#FFF27A;padding:clamp(20px,3vw,40px);box-shadow:0 12px 24px -12px rgba(0,0,0,.3);transform:rotate(calc(var(--qr,4deg)));transition:transform 1.2s var(--snap)}
.s6 .pq.in,.s6 .b-quote.in{--qr:0deg}
.s6 .act-b .t{transition:filter .7s var(--e),opacity .7s var(--e),transform .9s var(--e)}.js .s6 .act-b .t:not(.in6){filter:blur(4px);opacity:0;transform:translateY(12px)}
.s6 .figs b,.stamp6{display:inline-block;transform:scale(var(--ss,1.4)) rotate(var(--sr,-8deg));opacity:var(--so,0);transition:transform .5s cubic-bezier(.3,1.22,.42,1),opacity .2s}
.s6 .figs.in b,.stamp6.in{--ss:1;--sr:0deg;--so:1}
.s6 a.next{clip-path:inset(var(--nx,100%) 0 0 0);background:var(--k)}
.nmask6{position:absolute;inset:0;pointer-events:none;-webkit-mask:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 0 var(--mr,0px),transparent calc(var(--mr,0px) + 2px));transition:--mr .4s}
.nmask6 img{width:100%;height:100%;object-fit:cover;filter:saturate(1.6) contrast(1.1)}
.cmp6{position:relative;margin:clamp(30px,4vw,60px) auto 0;max-width:min(92vw,900px);user-select:none;touch-action:pan-y}
.cmp6 img{display:block;width:100%;height:auto}
.cmp6 .a6{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--cx,50%)) 0 0)}
.cmp6 .a6 img{transform:rotate(-2.2deg) translate(2%,1.5%) scale(.97);filter:saturate(.5) contrast(.9);transition:transform .6s var(--snap)}
.cmp6.ok .a6 img{transform:none;filter:none}
.cmp6 .bar6{position:absolute;top:0;bottom:0;left:var(--cx,50%);width:2px;background:var(--g);cursor:ew-resize}
.cmp6 .bar6::after{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--g);color:#fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:16px}
.cmp6 .lb6{position:absolute;top:10px;font:600 12px var(--ui);background:var(--k);color:var(--pp);padding:4px 8px;border-radius:2px}.cmp6 .lb6.l{left:10px}.cmp6 .lb6.r{right:10px;background:var(--g)}
.sw6{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 0}
.sw6 button{width:84px;height:84px;border:0;border-radius:50%;background:var(--c);color:var(--t,#fff);font:600 11px ui-monospace,Menlo,monospace;cursor:pointer;box-shadow:0 0 0 4px #fffdf6,0 6px 12px rgba(0,0,0,.2);transform:rotate(var(--r,0deg));transition:transform .5s var(--snap)}
.sw6 button:hover{transform:rotate(0) scale(1.06)}.sw6 button.ok{transform:rotate(-10deg) scale(1.12)}
.tt6{display:flex;align-items:center;gap:12px;margin:14px 0 0;font:600 12px var(--ui)}.tt6 input{accent-color:var(--g);width:min(60vw,300px)}
.lg6grid{position:absolute;inset:0;pointer-events:none;overflow:visible}.lg6grid *{fill:none;stroke:var(--g);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--e)}
.in .lg6grid *{stroke-dashoffset:0}
.rip6{position:fixed;inset:0;z-index:97;pointer-events:none;width:100%;height:100%}
.s6 .article p:first-of-type::first-letter{float:left;font:400 4.2em/.82 var(--serif);margin:.06em .1em 0 0;color:var(--g)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .s6 .article p:first-of-type::first-letter{font:900 3.2em/1 var(--zh);margin:.04em .08em 0 0}
.mn6{position:absolute;right:calc(var(--pad) * -.2);width:min(16em,24vw);font:400 18px/1.35 var(--hand);color:var(--g);transform:rotate(-3deg);margin:0}
.mn6::before{content:"←";margin-right:.3em}
@media (max-width:1100px){.mn6{position:static;width:auto;margin:10px 0 20px}}
.s6 .ix:hover,.s6 .rc:hover{background:none}
@media (prefers-reduced-motion:reduce){
.hero6{height:auto}.st6{position:relative}.svc6[data-hscroll]{height:auto}
.js [data-in],.ln6>span,.stkw6,.tile6,.w6,.card6,.pp6 li,.s6 .cx-g figure,.s6 .pq,.s6 .b-quote,.mb6-page img,.ly6-l{transform:none!important;opacity:1!important;transition:none!important}
.js .s6 .act-b .t:not(.in6){filter:none;opacity:1}.s6 a.next{clip-path:none}.tape6row>div{animation:none}.cur6,.ru6{display:none}
.s6 .figs b,.stamp6{transform:none;opacity:1}}
.s6 .cx-hero figure img{view-transition-name:stk6}
.unflip6 main>*{transform:perspective(900px) rotateX(-88deg)}
.s6 main::after{display:none}
.s6 main>section,.s6 .sb,.s6 .sv-next{--tile:none;background-image:none}
.s6 main>section:not(.pe)::before,.s6 main>section:not(.pe)::after,.s6 .sb::before,.s6 .sb::after{display:none}
.s6 .char,.s6 .owns,.s6 .good,.s6 .ask,.s6 .how{--tile:none;background-image:none}
.lock6 .ch{padding:0}
.s6 main>section.hero6{background:none}
@media (max-width:760px){.tile6 .gl{font-size:clamp(110px,34vw,200px)}}
:lang(en) .slice6{font-size:clamp(56px,12vw,210px)}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) :is(.motto6,.f6-say,.q6,.lede6,.sh6-s,.s6 .lede,.roll6){font-family:var(--zh);font-style:normal}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .motto6{font-weight:800;letter-spacing:-.01em;line-height:1.12}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .motto6 em{font-style:normal}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .f6-say{font-weight:800;line-height:1.18}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) :is(.q6,.sh6-s){font-weight:700}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) :is(.lede6,.s6 .lede){font-weight:500;letter-spacing:.01em}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .roll6{font-weight:800;font-size:1em;line-height:1.6}
:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .s6 .article p:first-of-type::first-letter{font-family:var(--zh)}
.roll6{background:linear-gradient(transparent 62%,rgba(255,45,160,.22) 62%);padding:0 .1em}
.roll6 span{transition:transform .7s cubic-bezier(.65,0,.35,1)}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}
.s6 .fit{font-stretch:62%}
.s6 .real{grid-template-columns:minmax(0,1fr)}
.tape6row{margin-inline:0;width:100%}
.claim6 h2{text-wrap:balance}
.g12 .sw6{grid-column:1/-1}
.sw6{margin-top:30px}
.lab6{opacity:1}
.pill6{color:var(--k)!important}
.cmp6 .lb6.r{color:var(--k)}
.steps6{opacity:.82}
.bhd6 a{color:var(--pp);text-decoration:underline;text-underline-offset:3px}
.tile6[style*="#FF2DA0"],.next6[style*="#FF2DA0"]{--fg:var(--k);color:var(--k)}
.sv6row[style*="#FF2DA0"] .fill6{--fg:var(--k)}
.f6-fine{opacity:.78}.f6-cols a{opacity:.88}
.big6::after{content:attr(data-t)}
.lock6{font-size:min(calc((100vw - 2 * var(--pad)) / 7.4), 40svh)}
:is(:lang(zh-Hans),:lang(zh-Hant)) .lock6{font-size:min(calc((100vw - 2 * var(--pad)) / 4.05), 40svh)}
.f6-cols a{display:block;padding:6px 0;min-height:32px}.f6-cols div{gap:0}