.page{width:var(--sheet-w);min-height:100dvh;padding-bottom:calc(40 * var(--u));background:var(--paper) url(/plates/paper.png) 0 0 / calc(137.5 * var(--u)) calc(102.6 * var(--u)) repeat;color:var(--ink);margin:0 auto;position:relative}.bar{z-index:5;height:calc(31.05 * var(--u));padding:0 calc(13.1 * var(--u));background:var(--film);color:#f2f1ea;font-size:calc(12.9 * var(--u));justify-content:space-between;align-items:center;font-weight:500;display:flex;position:sticky;top:0}.bar p{margin:0}.bar-back{align-items:center;gap:calc(6 * var(--u));min-height:44px;display:flex}.bar-back svg{width:calc(14.5 * var(--u));height:calc(14.5 * var(--u))}.bar-meta{font-size:calc(12.6 * var(--u));opacity:.92}.sheet-intro{padding:calc(26 * var(--u)) calc(18 * var(--u)) 0}.title{font-family:var(--font-display);font-size:calc(36 * var(--u));letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700;line-height:1.04}.lede{margin:calc(12 * var(--u)) 0 0;max-width:34ch;font-size:calc(16 * var(--u));color:var(--ink-soft);line-height:1.3}.actions{margin-top:calc(20 * var(--u));gap:calc(8 * var(--u));grid-template-columns:1fr 1fr;display:grid}.actions .cta{padding:calc(8 * var(--u)) calc(12 * var(--u));gap:calc(8 * var(--u));font-size:calc(15.5 * var(--u));text-wrap:balance;line-height:1.15}.actions .cta svg{width:calc(20 * var(--u));height:calc(20 * var(--u));flex:none}.actions .offline,.actions .outline{padding:calc(7 * var(--u)) calc(12 * var(--u));font-size:calc(14 * var(--u));line-height:1.15}.actions .offline span,.actions .outline span{margin-top:calc(2 * var(--u));font-size:calc(11.5 * var(--u));line-height:1.2}.cta-label{gap:calc(2 * var(--u));display:grid}.cta-label small{font-size:calc(11.5 * var(--u));letter-spacing:0;opacity:.8;font-weight:400}.buy-note{margin:calc(10 * var(--u)) 0 0;font-size:calc(13 * var(--u));color:var(--ink-soft);line-height:1.3}.sample-link{margin-top:calc(14 * var(--u));align-items:center;gap:calc(8 * var(--u));min-height:44px;font-size:calc(14 * var(--u));color:var(--ink);text-underline-offset:.18em;font-weight:500;line-height:1.25;text-decoration:underline;text-decoration-thickness:1px;display:flex}.sample-link svg{width:calc(18 * var(--u));height:calc(18 * var(--u));flex:none}button.hframe{text-align:left;cursor:pointer;border:0;width:100%;padding:0}.hframe.locked img{filter:brightness(.42)contrast(.72)saturate(.45)sepia(.18)}.cta.nudge{outline:2px solid var(--ink);outline-offset:3px;animation:.6s ease-out 2 nudge}@keyframes nudge{0%{box-shadow:0 0 #11111073}to{box-shadow:0 0 0 calc(12 * var(--u)) #11111000}}@media (prefers-reduced-motion:reduce){.cta.nudge{animation:none}}.hframe.sample{overflow:visible}.hframe .hframe-circle{object-fit:fill;pointer-events:none;z-index:2;width:128%;max-width:none;height:118%;position:absolute;inset:-9% -14%}.cta{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));min-height:calc(52 * var(--u));padding:0 calc(18 * var(--u));background:var(--film);color:#f2f1ea;font-size:calc(17 * var(--u));letter-spacing:.01em;font-weight:700;display:inline-flex}.cta svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.cta:active{transform:translateY(1px)}.offline,.outline{min-height:calc(52 * var(--u));padding:calc(8 * var(--u)) calc(18 * var(--u));border:1.5px solid var(--ink);text-align:left;font-size:calc(15 * var(--u));color:var(--ink);flex-direction:column;justify-content:center;align-items:flex-start;font-weight:700;display:flex}.offline span,.outline span{font-size:calc(12.5 * var(--u));color:var(--ink-soft);font-weight:400}.offline:disabled{opacity:.7;cursor:progress}.hstrip{--hole:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='75'%3E%3Crect width='74' height='75' rx='16' fill='%23f1efec'/%3E%3C/svg%3E");padding:calc(14 * var(--u)) calc(6 * var(--u));grid-template-columns:repeat(var(--cols,4), 1fr);gap:calc(6 * var(--u));background-color:var(--film);background-image:var(--hole), var(--hole), url(/plates/film-base-h.webp);background-repeat:repeat-x;background-size:calc(17 * var(--u)) calc(7.5 * var(--u)), calc(17 * var(--u)) calc(7.5 * var(--u)), calc(410 * var(--u)) 100%;background-position:calc(5 * var(--u)) calc(3.5 * var(--u)), calc(5 * var(--u)) calc(100% - 3.5 * var(--u)), 0 0;margin:0;list-style:none;display:grid}.hstrip-end{--colw:calc((390 * var(--u) - 12 * var(--u) - (var(--cols) - 1) * 6 * var(--u)) / var(--cols));grid-template-columns:repeat(var(--n), var(--colw));width:max-content;padding-right:calc(40 * var(--u));clip-path:polygon(0 0, 100% 0, calc(100% - 2 * var(--u)) 100%, 0 100%);background-image:var(--hole), var(--hole), url(/plates/film-tail-h.webp), url(/plates/film-base-h.webp);background-repeat:repeat-x,repeat-x,no-repeat,repeat-x;background-size:calc(17 * var(--u)) calc(7.5 * var(--u)), calc(17 * var(--u)) calc(7.5 * var(--u)), calc(67 * var(--u)) 100%, calc(410 * var(--u)) 100%;background-position:calc(5 * var(--u)) calc(3.5 * var(--u)), calc(5 * var(--u)) calc(100% - 3.5 * var(--u)), 100% 0, 0 0}.hframe{aspect-ratio:400/540;background:#1a1a18;display:block;position:relative;overflow:hidden}.hframe img{object-fit:cover;width:100%;height:100%;display:block}.hframe-no{left:calc(3 * var(--u));top:calc(3 * var(--u));padding:0 calc(2 * var(--u));background:var(--film);color:var(--amber);font-size:calc(10 * var(--u));font-variant-numeric:tabular-nums;font-weight:500;position:absolute}.hframe-title{padding:calc(14 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));color:#f2f1ea;font-size:calc(10.5 * var(--u));background:linear-gradient(#0000,#0b0b0bd1);font-weight:500;line-height:1.1;position:absolute;inset:auto 0 0}a.hframe:active{filter:brightness(.9)}.contact{margin-top:calc(30 * var(--u));gap:calc(22 * var(--u));display:grid}.block-title{margin:0 calc(18 * var(--u)) calc(8 * var(--u));font-family:var(--font-display);font-size:calc(18 * var(--u));letter-spacing:-.01em;justify-content:space-between;align-items:baseline;font-weight:700;display:flex}.block-title span{font-family:var(--font);font-size:calc(12.5 * var(--u));color:var(--ink-soft);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:500}.section-title{font-family:var(--font-display);font-size:calc(21 * var(--u));letter-spacing:-.01em;margin:0;font-weight:700}.prep{margin:calc(34 * var(--u)) calc(18 * var(--u)) 0}.prep ul{margin:calc(10 * var(--u)) 0 0;gap:calc(10 * var(--u));counter-reset:p;padding:0;list-style:none;display:grid}.prep li{counter-increment:p;grid-template-columns:calc(22 * var(--u)) 1fr;font-size:calc(15 * var(--u));line-height:1.32;display:grid}.prep li:before{content:counter(p, decimal-leading-zero);color:var(--pencil);font-weight:700;font-size:calc(12 * var(--u));padding-top:2px}.message{margin-top:calc(18 * var(--u));padding:calc(14 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));border-left:2px solid var(--pencil);background:#f2f1eab3}.message-title{font-size:calc(13 * var(--u));color:var(--ink);margin:0;font-weight:700}.message-text{margin:calc(8 * var(--u)) 0 0;white-space:pre-line;font-size:calc(14 * var(--u));color:var(--ink-soft);line-height:1.38}.message-copy{margin-top:calc(10 * var(--u));min-height:40px;padding:0 calc(14 * var(--u));border:1.5px solid var(--ink);font-size:calc(13.5 * var(--u));color:var(--ink);font-weight:700}.fineprint{margin:calc(34 * var(--u)) calc(18 * var(--u)) 0;font-size:calc(12 * var(--u));color:var(--ink-soft);line-height:1.35}.feature{margin:calc(26 * var(--u)) 0 0;gap:calc(14 * var(--u));display:grid}.feature+.feature{margin-top:calc(40 * var(--u))}.feature-link,.feature-inner{gap:calc(12 * var(--u));display:grid}.feature-body{padding:0 calc(18 * var(--u));gap:calc(4 * var(--u));display:grid;position:relative}.feature-head{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));display:flex}.feature-arrow{width:calc(38 * var(--u));height:calc(38 * var(--u));color:var(--ink);flex:none}.feature-link:active .feature-arrow{transform:translate(2px)}.feature-title{font-family:var(--font-display);font-size:calc(26 * var(--u));letter-spacing:-.01em;font-weight:700;line-height:1.05}.feature-meta{font-size:calc(14 * var(--u));color:var(--ink-soft)}.feature-strip{display:block;position:relative}.feature-price{right:calc(14 * var(--u));top:calc(-11 * var(--u));z-index:1;padding:calc(3 * var(--u)) calc(8 * var(--u));border:1.5px solid var(--ink);color:var(--ink);font-size:calc(14 * var(--u));font-variant-numeric:tabular-nums;background:#f2f1ea;font-weight:700;line-height:1.2;position:absolute}.catalog{margin-top:calc(40 * var(--u))}.catalog-head{padding:0 calc(18 * var(--u));justify-content:space-between;align-items:baseline;gap:calc(12 * var(--u));display:flex}.filters{gap:calc(14 * var(--u));font-size:calc(13.5 * var(--u));display:flex}.filters button{min-height:36px;color:var(--ink-soft);position:relative}.filters button.on{background:url(/plates/framing-underline.png) 50% calc(100% - 4px) / 112% calc(8 * var(--u)) no-repeat}.decks{margin:calc(14 * var(--u)) 0 0;gap:calc(26 * var(--u));padding:0;list-style:none;display:grid}.deck{gap:calc(10 * var(--u));display:grid}.catalog-note{margin:calc(6 * var(--u)) calc(18 * var(--u)) 0;font-size:calc(13 * var(--u));color:var(--ink-soft)}.deck-body{padding:0 calc(18 * var(--u))}.deck-title{font-family:var(--font-display);font-size:calc(19.5 * var(--u));letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.1}.deck-sub{margin:calc(4 * var(--u)) 0 0;font-size:calc(15 * var(--u));line-height:1.3}.deck-meta{margin:calc(4 * var(--u)) 0 0;font-size:calc(13 * var(--u));color:var(--ink-soft)}.ask{margin-top:calc(10 * var(--u));font-size:calc(13.5 * var(--u));text-decoration:underline;-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil);text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px;display:inline-block}.ask-off{color:var(--ink-soft);font-weight:500;text-decoration:none}.loupe-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.loupe,.loupe-shadow{opacity:0;transition:opacity .24s;position:absolute;top:0;left:0}.loupe{pointer-events:auto;touch-action:none;cursor:grab}.loupe-layer[data-ready] .loupe,.loupe-layer[data-ready] .loupe-shadow{opacity:1}.loupe-layer[data-dragging] .loupe{cursor:grabbing}.loupe-shadow{pointer-events:none;place-items:center;display:grid}.loupe-shadow:before{content:"";width:var(--d);height:var(--d);box-shadow:calc(4 * var(--u)) calc(7 * var(--u)) calc(12 * var(--u)) #1410086b, calc(1 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u)) #14100859;border-radius:50%}@media (prefers-reduced-motion:reduce){.loupe,.loupe-shadow{transition:none}}