.stack{display:flex;flex-direction:column;gap:12px}.h-lg{margin:0;font-weight:900;font-size:clamp(44px,4.6vw,76px);line-height:.92;letter-spacing:-.03em;text-transform:uppercase}.p-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}@keyframes expand{0%{clip-path:inset(16% 24% 16% 24%)}to{clip-path:inset(0 0 0 0)}}@keyframes expandM{0%{clip-path:inset(20% 14% 20% 14%)}to{clip-path:inset(0 0 0 0)}}@keyframes titleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.zf{position:relative}.zf-pin{position:relative;height:100vh;height:100svh;min-height:680px;overflow:hidden}.zf-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.zf-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;text-align:center;pointer-events:none;padding:0 24px}.zf-k{font-size:11px;letter-spacing:.24em;text-transform:uppercase}.zf-title h1{margin:0;font-weight:900;font-size:clamp(72px,9vw,150px);line-height:.88;letter-spacing:-.04em;text-transform:uppercase;mix-blend-mode:difference}.clip-line{display:block;overflow:hidden}.clip-line>span{display:block}.zf-hint{font-size:10px;letter-spacing:.24em}.nudge{display:inline-block;animation:nudge 1.6s ease-in-out infinite}@supports (animation-timeline: view()){.zf{height:220vh;view-timeline-name:--zf}.zf-pin{position:sticky;top:0}.zf-img{animation:expand linear both;animation-timeline:--zf;animation-range:contain 0% contain 70%}.zf-title{animation:titleOut linear both;animation-timeline:--zf;animation-range:contain 0% contain 55%}@media(max-width:760px){.zf{height:200vh}.zf-img{animation-name:expandM}}}.intro{padding-top:140px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:56px 96px}.lede{margin:0;font-weight:600;font-size:clamp(22px,2vw,30px);line-height:1.45;text-wrap:pretty}.facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-content:start;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.facts>div{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.facts dt{color:var(--muted)}.facts dd{margin:0;font-size:18px;color:#fff}.selects{padding-top:180px}.sheet{background:var(--panel);padding:34px 28px;position:relative}.sheet .sprockets{height:9px;background:repeating-linear-gradient(90deg,transparent 0 12px,var(--navy) 12px 26px)}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:26px 10px}.fr{position:relative;display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--accent);filter:grayscale(1) brightness(.75);transition:transform .45s var(--ease-out),box-shadow .45s ease,filter .45s ease}.fr img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.fr .mono{font-size:9px;letter-spacing:.16em}.fr .pencil{position:absolute;left:-8%;top:-14%;width:116%;height:118%;border:3px solid var(--accent);border-radius:48% 52% 46% 54%/55% 45%;pointer-events:none;opacity:0;transform:rotate(-8deg) scale(.7);transition:opacity .3s ease,transform .45s cubic-bezier(.3,1.6,.5,1)}.fr.picked{filter:none}.fr.picked .pencil{opacity:1;transform:rotate(-8deg) scale(1)}@media(hover:hover)and (min-width:761px){.fr:hover{transform:scale(1.55);z-index:5;box-shadow:0 30px 80px #000000d9;filter:none}.fr:hover:not(.picked) .pencil{opacity:.55;transform:rotate(-8deg) scale(1)}}.fr:active{transform:scale(.94)}.grade{padding-top:200px}.compare{position:relative;overflow:hidden;aspect-ratio:16 / 9;user-select:none}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare .raw{clip-path:inset(0 calc(100% - var(--pos) * 1%) 0 0)}.compare .tag-raw,.compare .tag-final{position:absolute;top:16px;font-size:10px;letter-spacing:.16em;color:#fff;padding:6px 10px}.compare .tag-raw{left:18px;background:#0009}.compare .tag-final{right:18px;background:var(--accent)}.handle{position:absolute;top:0;bottom:0;left:calc(var(--pos) * 1%);width:2px;margin-left:-1px;background:#fff;pointer-events:none}.handle>span{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000080}.compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.plates{padding-top:200px;display:flex;flex-direction:column;gap:180px}.pl{margin:0}.pl .zoom{transition:transform 1.1s var(--ease-out)}@media(hover:hover){.pl:hover .zoom{transform:scale(1.05)}}.big-num{font-size:120px;line-height:.8;letter-spacing:-.05em}.cap{font-weight:600;font-size:22px;line-height:1.35}.pl figcaption{display:flex;flex-direction:column;gap:14px}.pl-a{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:end}.pl-a .plate{grid-column:1 / span 8;aspect-ratio:3 / 2}.pl-a figcaption{grid-column:9 / span 4}.pl-b{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:start}.pl-b figcaption{grid-column:1 / span 3;padding-top:120px}.pl-b .b1{grid-column:5 / span 4;aspect-ratio:3 / 4}.pl-b .b2{grid-column:9 / span 4;margin-top:260px;aspect-ratio:4 / 5}.quote{margin:0;display:flex;flex-direction:column;gap:28px}.quote p{margin:0;max-width:1180px;font-weight:800;font-size:clamp(40px,4.8vw,76px);line-height:1.04;letter-spacing:-.03em;text-transform:uppercase}.quote .label{font-size:11px;letter-spacing:.14em}.pl-wide{margin:0 calc(var(--gutter) * -1)}.pl-wide .plate{aspect-ratio:21 / 9}.next{padding-top:220px;padding-bottom:120px}.nx{position:relative;display:flex;flex-direction:column;gap:18px;padding-top:48px;border-top:1px solid var(--line);color:#fff}.nx-t{font-weight:900;font-size:clamp(64px,8vw,140px);line-height:.88;letter-spacing:-.04em;text-transform:uppercase;transition:color .3s ease}.nx-img{position:absolute;left:66%;top:55%;width:300px;height:380px;object-fit:cover;pointer-events:none;box-shadow:0 40px 100px #000000b3;opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(.8);transition:opacity .4s ease,transform .6s var(--ease-out)}.nx:hover .nx-t,.nx:focus-visible .nx-t{color:var(--accent)}@media(hover:hover){.nx:hover .nx-img{opacity:1;transform:translate(-50%,-50%) rotate(3deg) scale(1)}}@media(max-width:760px){.stack{gap:10px}.h-lg{font-size:38px}.p-head{margin-bottom:24px;flex-direction:column;align-items:flex-start;gap:10px}.zf-pin{min-height:560px}.zf-title{gap:18px;padding:0 16px}.zf-k,.zf-hint{font-size:9px;letter-spacing:.22em}.zf-title h1{font-size:clamp(44px,15vw,58px);line-height:.9}.intro{padding-top:80px;display:flex;flex-direction:column;gap:32px}.lede{font-size:20px}.facts{gap:22px 16px;font-size:9px}.facts>div{gap:6px;padding-top:12px}.facts dd{font-size:14px}.selects{padding:110px 0 0}.selects .p-head{padding:0 20px}.sheet{padding:26px 14px}.sheet .sprockets{top:8px;height:7px;background:repeating-linear-gradient(90deg,transparent 0 10px,var(--navy) 10px 21px)}.sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px}.fr{min-height:44px;gap:5px;transition:transform .35s var(--ease-out),filter .35s ease}.fr .mono{font-size:8px;letter-spacing:.14em}.fr .pencil{left:-9%;top:-16%;width:118%;height:122%;border-width:2.5px;transform:rotate(-8deg) scale(.6)}.grade{padding-top:110px}.compare{aspect-ratio:4 / 5}.compare .tag-raw,.compare .tag-final{top:12px;font-size:9px;letter-spacing:.14em;padding:5px 8px}.compare .tag-raw{left:12px}.compare .tag-final{right:12px}.handle>span{width:48px;height:48px;margin:-24px 0 0 -24px}.plates{padding:110px 0 0;gap:72px}.pl-a{display:flex;flex-direction:column;align-items:stretch;gap:12px;position:relative;margin:0 20px}.pl figcaption.rv{animation:none}.pl-a .plate{aspect-ratio:4 / 5}.pl-a .big-num{position:absolute;top:-40px;right:8px;font-size:76px;line-height:1;-webkit-text-stroke-width:1.2px}.pl-a .cap{font-size:17px}.pl-b{display:flex;flex-direction:column-reverse;align-items:stretch;gap:12px;position:relative;margin:0 20px 0 84px}.pl-b figcaption{padding:0}.pl-b .b1{aspect-ratio:3 / 4}.pl-b .b2{display:none}.pl-b .big-num{position:absolute;top:40px;left:-72px;font-size:76px;line-height:1;-webkit-text-stroke-width:1.2px}.pl-b .cap{font-family:var(--monof);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.quote{margin:0 20px;gap:18px}.quote p{font-size:32px;line-height:1.06}.pl-wide{margin:0}.pl-wide .plate{aspect-ratio:3 / 2}.next{padding:110px 20px 56px}.nx{gap:14px;padding-top:32px}.nx-t{font-size:46px;line-height:.9}.nx-img{display:none}}