.case{background:var(--paper);color:var(--ink);--radius: 18px}.case .site-header{background:color-mix(in srgb,var(--paper) 86%,transparent);border-bottom-color:var(--line)}.case .brand,.case .back{color:var(--ink)}.case .btn{border-color:var(--ink);color:var(--ink)}.case .btn.solid{background:var(--ink);color:var(--paper)}.case .btn.solid:hover{background:color-mix(in srgb,var(--ink) 82%,var(--paper))}.case .btn.ghost:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.case .footer{border-top-color:var(--line);color:var(--muted)}.case ::selection{background:var(--accent);color:var(--accent-ink)}.case :focus-visible{outline-color:var(--accent)}.back{font-size:14px;padding:10px 0;opacity:.75}.back:before{content:"← "}.back:hover{opacity:1}.dot-acc{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:1px}.cs-hero{padding-block:clamp(40px,7vw,104px) clamp(28px,3.5vw,48px);display:flex;flex-direction:column;gap:22px}.cs-kicker{margin:0;font-size:15px;font-weight:500;color:var(--muted)}.cs-hero h1{font-size:clamp(48px,8.4vw,132px);max-width:13ch}.cs-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start;margin-top:8px}.cs-intro .lede{margin:0;max-width:34ch;font-size:clamp(19px,1.7vw,24px);line-height:1.45;color:var(--ink)}.glance{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--ink)}.glance>div{padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}.glance dt{font-size:13px;color:var(--muted);margin-bottom:4px}.glance dd{margin:0;font-weight:500;font-size:15px;line-height:1.4}@media(max-width:860px){.cs-intro{grid-template-columns:minmax(0,1fr)}}.cs-cover .m{margin:0;border-radius:calc(var(--radius) + 6px);overflow:hidden;position:relative;background:var(--paper-2)}.cs-cover .m img,.cs-cover .m video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:0}.cs-cover figcaption{position:absolute;left:16px;bottom:14px;padding:6px 12px;border-radius:999px;background:#0c0c0eb8;color:#f2f0eb;font-size:12px}.cs-cover .m-video figcaption{top:14px;bottom:auto}.cs-body{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-block:clamp(48px,6vw,88px) clamp(56px,7vw,104px)}.cs-toc{position:sticky;top:calc(var(--header) + 24px);align-self:start;display:flex;flex-direction:column;gap:2px;font-size:14px}.cs-toc a{padding:7px 0 7px 14px;border-left:2px solid var(--line);color:var(--muted);transition:color .2s,border-color .2s}.cs-toc a:hover{color:var(--ink)}.cs-toc a[aria-current]{border-color:var(--accent);color:var(--ink)}.cs-body article{min-width:0;display:flex;flex-direction:column;gap:clamp(56px,7vw,96px)}.cs-sec{display:flex;flex-direction:column;gap:28px;scroll-margin-top:calc(var(--header) + 24px)}.sec-text{max-width:720px}.cs-sec h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:18px}.cs-sec p{margin:0 0 14px;font-size:18px;line-height:1.62;color:color-mix(in srgb,var(--ink) 86%,var(--paper))}.sec-links{display:flex;gap:10px;margin-top:8px!important}.ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.ticks li{position:relative;padding-left:24px;font-size:18px;line-height:1.55;color:color-mix(in srgb,var(--ink) 86%,var(--paper))}.ticks li:before{content:"";position:absolute;left:0;top:.72em;width:10px;height:2px;background:var(--accent)}@media(max-width:860px){.cs-body{grid-template-columns:minmax(0,1fr)}.cs-toc{display:none}}.sec-media{display:grid;gap:clamp(12px,1.6vw,20px)}.lay-wide{grid-template-columns:minmax(0,1fr)}.lay-two{grid-template-columns:repeat(2,minmax(0,1fr))}.lay-three{grid-template-columns:repeat(3,minmax(0,1fr))}.lay-phones{grid-template-columns:repeat(4,minmax(0,1fr))}.lay-phones:has(>:nth-child(3):last-child),.lay-phones:has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px}.st-about .m-loop:first-of-type video{max-height:320px;object-fit:cover}.lay-strip{grid-template-columns:minmax(0,1fr);overflow-x:auto}@media(max-width:900px){.lay-three{grid-template-columns:repeat(2,minmax(0,1fr))}.lay-phones{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.lay-two,.lay-three{grid-template-columns:minmax(0,1fr)}.lay-phones{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.lay-phones>*{scroll-snap-align:start}}.m{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}.m img,.m video{display:block;width:100%;border-radius:var(--radius);background:var(--paper-2)}.sec-media .m-image img,.sec-media .m-loop video{aspect-ratio:16 / 9;object-fit:cover}.lay-phones .m-loop video,.lay-phones .m-image img{aspect-ratio:9 / 16;border-radius:22px}.lay-strip img{aspect-ratio:auto;min-width:900px;border-radius:12px}.lay-wide .m-image img{aspect-ratio:auto}.sec-media{align-items:start}.sec-media .natural img{aspect-ratio:auto;object-fit:contain;max-height:82vh}.m figcaption{font-size:14px;line-height:1.45;color:var(--muted)}.pixel img,.pixel video{image-rendering:pixelated}[data-zoom]{cursor:zoom-in}[data-zoom]:hover img,[data-zoom]:hover video{filter:brightness(1.05)}.flow{margin:4px 0 22px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;counter-reset:f}.flow li{position:relative;padding:14px 14px 16px;border-radius:14px;background:var(--paper-2);border:1px solid var(--line);font-size:15px;line-height:1.35;font-weight:500;min-height:96px;display:flex;flex-direction:column;gap:8px}.flow li:after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--paper);color:var(--accent);font-size:13px;display:grid;place-items:center;z-index:1}.flow li:last-child:after{display:none}.flow-n{font-size:13px;font-weight:600;color:var(--accent)}.cs-sec .flow+p{font-size:16px;color:var(--muted)}@media(max-width:760px){.flow{grid-template-columns:minmax(0,1fr);gap:14px}.flow li{min-height:0;flex-direction:row;align-items:baseline;gap:12px}.flow li:after{content:"↓";inset:auto auto -17px 50%;transform:translate(-50%)}}.cs-next{display:block;background:var(--n-bg);color:var(--n-ink);padding-block:clamp(56px,9vw,136px);border-top:1px solid var(--line)}.cs-next .wrap{display:flex;flex-direction:column;gap:10px}.cs-next-k{font-size:14px;opacity:.7}.cs-next-t{font:650 clamp(40px,7vw,104px)/.98 var(--display);letter-spacing:-.035em;transition:color .25s}.cs-next-s{font-size:16px;color:var(--n-acc)}.cs-next:hover .cs-next-t{color:var(--n-acc)}.lightbox{border:0;padding:0;background:transparent;max-width:min(1500px,94vw);max-height:94vh;overflow:visible}.lightbox::backdrop{background:#0a0a0ceb}.lb-body{display:flex;flex-direction:column;gap:10px}.lb-body img,.lb-body video{max-width:100%;max-height:86vh;border-radius:10px;margin:0 auto}.lb-body p{margin:0;color:#d8d4cc;text-align:center;font-size:14px}.lb-close{position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#f2f0eb;color:#141416;font-size:24px;line-height:1}.m-compare{grid-column:1 / -1}.cmp{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 10;background:var(--paper-2);touch-action:pan-y}.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}.cmp-before{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.cmp-bar{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px #00000059;pointer-events:none}.cmp-bar:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #00000040;background-image:linear-gradient(90deg,transparent 14px,#2b2620 14px 16px,transparent 16px 24px,#2b2620 24px 26px,transparent 26px)}.cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.cmp:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.cmp-tag{position:absolute;top:14px;padding:4px 11px;border-radius:99px;font-size:12px;font-weight:500;background:#14120f99;color:#fff;backdrop-filter:blur(6px);pointer-events:none}.cmp-tag.l{left:14px}.cmp-tag.r{right:14px}.m-compare.sized .cmp{width:100%;max-width:820px;margin-inline:auto;background:#fff}.m-compare.sized .cmp img{object-fit:contain}.m-compare.sized figcaption{max-width:820px;margin-inline:auto}.tpl-store{--pixel: "Silkscreen", var(--mono)}.st-hero{position:relative;min-height:clamp(260px,42vw,560px);background-size:cover;background-position:center 40%;image-rendering:pixelated;display:grid;align-items:end}.st-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--paper) 100%)}.st-hero-in{position:relative;z-index:1;padding-bottom:clamp(20px,3vw,40px)}.st-logo{margin:0}.st-logo img{width:min(520px,70vw);height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.st-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(16px,2.4vw,28px);padding-block:8px 48px}.sv-main{aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden}.sv-main img,.sv-main video{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;image-rendering:pixelated}.sv-strip{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:8px;overflow-x:auto;padding:10px 0 6px;scroll-snap-type:x proximity}.sv-thumb{position:relative;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#000;aspect-ratio:16 / 9;opacity:.65;transition:opacity .15s,border-color .15s;scroll-snap-align:start}.sv-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.sv-thumb:hover{opacity:.9}.sv-thumb[aria-pressed=true]{opacity:1;border-color:var(--hi)}.sv-thumb.is-video:after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.st-side{display:flex;flex-direction:column;gap:14px}.st-capsule{width:100%;height:auto;border-radius:6px;image-rendering:pixelated}.st-short{margin:0;font-size:15px;line-height:1.55;color:color-mix(in srgb,var(--ink) 88%,var(--paper))}.st-facts{margin:0;display:grid;gap:6px;font-size:13px}.st-facts div{display:grid;grid-template-columns:96px 1fr}.st-facts dt{color:var(--muted)}.st-facts dd{margin:0;color:var(--hi)}.st-tags{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.st-tags li{padding:4px 9px;border-radius:4px;background:color-mix(in srgb,var(--hi) 16%,transparent);color:var(--hi);font-size:12px}.st-cta{margin:6px 0 0}.tpl-store .btn.solid{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-family:var(--pixel);font-size:14px;border-radius:6px}.st-soon{width:100%;justify-content:center}span.st-soon{cursor:default}.st-cta{display:flex;flex-direction:column;gap:10px}.st-site{width:100%;justify-content:center}.tpl-store h2{font:700 clamp(20px,2.4vw,28px)/1.1 var(--pixel);letter-spacing:0;text-transform:uppercase;color:var(--hi);margin-bottom:18px}.st-about{max-width:980px;padding-block:24px 56px}.st-about-row{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.st-about-row p{margin:0;font-size:18px;line-height:1.6;max-width:68ch}.st-about-row b{color:var(--hi);font-weight:600}.st-head{width:100%;max-width:760px;height:auto;image-rendering:pixelated}.st-about .m video{aspect-ratio:auto;border-radius:8px}.st-crests{padding-block:24px 56px}.st-sub{margin:-8px 0 20px;color:var(--muted)}.st-crests ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;max-width:980px}.st-crests img{width:100%;height:auto;image-rendering:pixelated;border-radius:6px}.st-req{padding-block:24px 56px;max-width:980px}.st-req table{width:100%;border-collapse:collapse;font-size:15px}.st-req th,.st-req td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);vertical-align:top}.st-req thead th{color:var(--muted);font-weight:500}.st-req tbody th{color:var(--muted);font-weight:500;width:120px}.st-case{padding-block:40px 96px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.st-case .glance{max-width:760px}.st-case-body{display:flex;flex-direction:column;gap:48px}.tpl-store .cs-sec h2{font-family:var(--display);text-transform:none;color:var(--ink);font-size:clamp(26px,3vw,36px)}@media(max-width:900px){.st-top{grid-template-columns:minmax(0,1fr)}.st-side{order:-1}.st-capsule{display:none}}.ph-hero{position:relative;height:min(88svh,900px);min-height:420px;overflow:hidden;display:grid;align-items:end}.ph-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ph-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#100c09d1)}.ph-hero-in{position:relative;z-index:1;color:#f6ede0;padding-bottom:clamp(28px,5vw,64px);display:flex;flex-direction:column;gap:14px}.ph-hero-in .cs-kicker{color:#e6d6c2}.ph-ig{margin:4px 0 0}.ph-ig .btn{display:inline-flex;align-items:center;gap:10px}.ph-ig .ig{flex:none}.ph-hero h1{font-size:clamp(52px,9vw,140px)}.ph-hero .lede{margin:0;max-width:46ch;font-size:clamp(17px,1.6vw,21px)}.ph-index{position:sticky;top:var(--header);z-index:5;display:flex;gap:6px;overflow-x:auto;padding-block:14px;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px)}.ph-index a{flex:none;padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:14px}.ph-index a span{color:var(--accent);margin-left:4px}.ph-index a:hover{border-color:var(--accent)}.ph-series{padding-block:clamp(36px,5vw,64px) 8px;scroll-margin-top:calc(var(--header) + 70px)}.ph-series h2{font-size:clamp(30px,3.4vw,48px);margin-bottom:22px}.ph-grid{columns:3 340px;column-gap:14px}.ph-item{margin:0 0 14px;break-inside:avoid}.ph-item img{display:block;width:100%;height:auto;border-radius:4px;background:var(--paper-2)}.ph-item figcaption{display:flex;flex-direction:column;gap:2px;padding:8px 2px 4px;font-size:13px;line-height:1.35}.ph-item figcaption strong{font-weight:500;color:var(--ink)}.ph-item figcaption span{color:var(--muted)}.ph-note{padding-block:48px 96px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;color:var(--muted)}.ph-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.ph-note{grid-template-columns:minmax(0,1fr)}}