:root{color-scheme:light;--table: #f7f7f4;--table-glow: #ffffff;--paper: #fbfbf8;--charcoal: #2a2a28;--film: #3b3b38;--film-deep: #1f1f1d;--ink: #1c1c1a;--ink-soft: #5c5c57;--ink-mark: #c9c9c2;--safelight: #e5342b;--caption: "Avenir Next Condensed", "Helvetica Neue Condensed", "HelveticaNeue-CondensedBold", "Arial Narrow", "Roboto Condensed", "PingFang SC", sans-serif;--grotesk: "Helvetica Neue", "Inter", "SF Pro Text", Arial, "PingFang SC", "Noto Sans CJK SC", sans-serif;font-family:var(--grotesk)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse 70% 55% at 50% 38%,var(--table-glow) 0%,var(--table) 55%,#ecece6 100%) fixed var(--table)}a{color:inherit;text-decoration:none}p{margin:0}h1,h2{margin:0;font-weight:600}.sheet-shell{display:flex;flex-direction:column;min-height:100vh}.filmstrip{background:var(--film-deep);color:var(--ink-mark);font-family:var(--caption);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.filmstrip-head{position:sticky;top:0;z-index:5}.sprockets{display:block;height:9px;margin:6px 0;background-image:repeating-linear-gradient(to right,transparent 0 10px,var(--table) 10px 26px,transparent 26px 40px);background-size:40px 9px;background-position:6px 0;background-repeat:repeat-x;opacity:.92}.film-edge-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:6px 24px}.roll-label{margin:0 auto 0 0;color:#f1f1eb;font-weight:600;letter-spacing:.18em;white-space:nowrap}.roll-label a{border-bottom:1px solid rgba(241,241,235,.25)}.roll-no{color:var(--ink-mark);font-weight:500}.edge-marks{display:flex;gap:18px;color:var(--ink-mark)}.edge-marks a{position:relative;padding-left:12px}.edge-marks a:before{content:"▸";position:absolute;left:0;color:#7d7d76;font-size:9px;top:1px}.edge-marks a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-color:var(--safelight);text-underline-offset:4px}.edge-hub{padding-left:12px}.edge-hub:before{content:"▸";margin-left:-12px;margin-right:3px;color:#7d7d76;font-size:9px}.filmstrip-end{margin-top:auto}.filmstrip-end .disclaimer{flex:1 1 320px;letter-spacing:.04em;text-transform:none;font-family:var(--grotesk);color:#a8a8a1;font-size:12px;line-height:1.5}.contact-sheet{position:relative;display:grid;gap:12px;padding:20px;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);grid-auto-flow:dense;--d: 0ms}.frame{position:relative;display:flex;flex-direction:column;min-width:0;border:2px solid var(--charcoal);background:var(--paper);box-shadow:0 0 0 1px #ffffff8c,0 10px 26px -18px #14141273;animation:develop 1.1s cubic-bezier(.3,.7,.2,1) both;animation-delay:var(--d)}.frame-lead{grid-column:span 2;grid-row:span 2}.frame-scene,.hero-slot{grid-column:span 2}.frame-notes{grid-row:span 2}.frame-caption{position:relative;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 12px 6px;background:var(--film);color:var(--ink-mark);font-family:var(--caption);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;line-height:1.2}.frame-caption:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background-image:repeating-linear-gradient(to right,transparent 0 6px,var(--film-deep) 6px 14px,transparent 14px 22px);background-size:22px 5px;background-repeat:repeat-x}.caption-file{color:#f1f1eb;font-weight:600;white-space:nowrap}.caption-note{margin-left:auto;color:#9d9d95;letter-spacing:.1em;white-space:nowrap}.tick{position:relative;width:12px;height:12px;flex:none;align-self:center}.tick:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #8fd19a;border-width:0 2px 2px 0;transform:rotate(42deg)}.frame-body{flex:1 1 auto;padding:18px;display:flex;flex-direction:column;min-width:0}.frame-text h2{font-family:var(--caption);font-size:15px;letter-spacing:.06em;text-transform:uppercase;line-height:1.35}.frame-text p{color:var(--ink-soft);line-height:1.55;font-size:14px}.frame-lead h1{font-family:var(--caption);font-size:clamp(44px,5.4vw,84px);letter-spacing:.02em;line-height:.95;text-transform:uppercase}.frame-lead .one-liner{margin-top:18px;color:var(--ink);font-size:20px;line-height:1.4}.frame-lead .intro{margin-top:14px;max-width:56ch}.buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:auto;padding-top:26px}.safelight{display:inline-block;padding:12px 18px;background:var(--safelight);color:#fff;font-family:var(--caption);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;outline:1px dashed rgba(255,255,255,.7);outline-offset:-5px;transform:rotate(-2deg);box-shadow:0 0 0 3px #e5342b24,0 0 28px #e5342b59}.safelight:hover,.safelight:focus-visible{transform:rotate(0);box-shadow:0 0 0 3px #e5342b3d,0 0 34px #e5342b80}.price{font-family:var(--caption);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.frame-fact .frame-body{justify-content:center}.frame-fact h2{font-size:16px}.frame-scene p{margin-top:10px}.frame-notes details{border-top:1px solid #e1e1da;padding:10px 0}.frame-notes details:first-of-type{margin-top:10px}.frame-notes summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ink);list-style:none;position:relative;padding-right:20px}.frame-notes summary::-webkit-details-marker{display:none}.frame-notes summary:after{content:"+";position:absolute;right:0;top:-1px;font-family:var(--caption);color:var(--ink-soft)}.frame-notes details[open] summary:after{content:"−"}.frame-notes details p{margin-top:8px;font-size:13px}.lab-meta{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:16px;font-family:var(--caption);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.frame-lab .frame-body>p:first-of-type{margin-top:10px}.frame-related ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:12px}.frame-related li a{font-family:var(--caption);font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--ink-mark)}.frame-related li p{margin-top:4px;font-size:13px}.hero-slot{margin:0}.hero-slot .hero-slot-size{flex:1 1 auto;display:grid;place-items:center;min-height:96px;margin:18px 18px 0;border:1px dashed #b9b9b1;color:#8b8b84;font-family:var(--caption);font-size:22px;letter-spacing:.18em;background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(42,42,40,.04) 12px 13px)}.hero-slot figcaption{padding:12px 18px 18px;font-size:12.5px;line-height:1.5;color:var(--ink-soft)}.frame-photo .frame-body{padding:0}.negative{position:relative;flex:1 1 auto;min-height:120px;overflow:hidden}.tone-a .negative{background:linear-gradient(160deg,#d9c7a3,#8d6b3f 55%,#3d2a17)}.tone-b .negative{background:radial-gradient(circle at 30% 30%,#f0e7d2,#7ca0b8 45%,#1d3a55)}.tone-c .negative{background:linear-gradient(200deg,#f2b8a8,#9a3b3b 60%,#2b1013)}.tone-d .negative{background:conic-gradient(from 210deg at 60% 40%,#cfd8c4,#6f8a6a,#253426,#cfd8c4)}.tone-e .negative{background:linear-gradient(180deg,#e8eef2 0,#e8eef2 38%,#5f7d8c 38%,#5f7d8c 62%,#2a3b44 62%)}.tone-f .negative{background:radial-gradient(ellipse at 70% 80%,#ffd28a,#c96b2a 40%,#3a1c0f)}.tone-g .negative{background:linear-gradient(120deg,#dedad2 0,#dedad2 30%,#a29c90 30%,#a29c90 31%,#56534d 31%,#56534d 70%,#1f1e1c 70%)}.tone-h .negative{background:radial-gradient(circle at 50% 110%,#b7d8e3,#4b7c8f 50%,#12242b)}.negative:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 40%,rgba(0,0,0,.18))}.watermark{position:absolute;left:50%;top:50%;padding:5px 10px;color:var(--safelight);border:2px solid var(--safelight);font-family:var(--caption);font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;opacity:.72;transform:translate(-50%,-50%) rotate(-18deg);mix-blend-mode:multiply;animation:stamp .55s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--d) + .75s)}.marquee{position:absolute;left:20px;top:20px;width:0;height:0;pointer-events:none;z-index:2;border:1px dashed var(--charcoal);background:#e5342b0a;opacity:0;animation:sweep 3.2s ease-in-out .5s both}.frame:nth-child(1){--d: 0ms}.frame:nth-child(2){--d: 90ms}.frame:nth-child(3){--d: .18s}.frame:nth-child(4){--d: .27s}.frame:nth-child(5){--d: .36s}.frame:nth-child(6){--d: .45s}.frame:nth-child(7){--d: .54s}.frame:nth-child(8){--d: .63s}.frame:nth-child(9){--d: .72s}.frame:nth-child(10){--d: .81s}.frame:nth-child(11){--d: .9s}.frame:nth-child(12){--d: .99s}.frame:nth-child(13){--d: 1.08s}.frame:nth-child(14){--d: 1.17s}.frame:nth-child(15){--d: 1.26s}.frame:nth-child(16){--d: 1.35s}.frame:nth-child(17){--d: 1.44s}.frame:nth-child(18){--d: 1.53s}.frame:nth-child(19){--d: 1.62s}.frame:nth-child(20){--d: 1.71s}.frame:nth-child(21){--d: 1.8s}.frame:nth-child(22){--d: 1.89s}.frame:nth-child(23){--d: 1.98s}.frame:nth-child(24){--d: 2.07s}.frame:nth-child(25){--d: 2.16s}.frame:nth-child(26){--d: 2.25s}.frame:nth-child(27){--d: 2.34s}.frame:nth-child(28){--d: 2.43s}.frame:nth-child(n+29){--d: 2.52s}@keyframes develop{0%{filter:brightness(0) contrast(1.6);opacity:.85}45%{filter:brightness(.35) contrast(1.4) sepia(.4);opacity:1}to{filter:none;opacity:1}}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scale(2.1)}70%{opacity:.85;transform:translate(-50%,-50%) rotate(-18deg) scale(.94)}to{opacity:.72;transform:translate(-50%,-50%) rotate(-18deg) scale(1)}}@keyframes sweep{0%{left:3%;top:4%;width:0;height:0;opacity:0}8%{opacity:1}55%{left:3%;top:4%;width:62%;height:46%;opacity:1}80%{left:34%;top:30%;width:62%;height:46%;opacity:.9}to{left:96%;top:76%;width:0;height:0;opacity:0}}@media(max-width:1439px){.contact-sheet{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1023px){.contact-sheet{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;grid-auto-rows:minmax(170px,auto)}.frame-lead h1{font-size:clamp(44px,9vw,72px)}}@media(max-width:719px){.contact-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;grid-auto-rows:minmax(150px,auto)}.frame-body{padding:14px}.frame-lead .one-liner{font-size:17px}.film-edge-row{padding:4px 14px;gap:8px 16px}.filmstrip-head{position:static}}@media(max-width:359px){.contact-sheet{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.frame-lead,.frame-scene,.hero-slot,.frame-notes{grid-column:auto;grid-row:auto}.negative{min-height:140px}.frame-lead h1{font-size:44px}}@media(prefers-reduced-motion:reduce){.frame,.watermark{animation:none}.marquee{display:none}.safelight{transition:none}}
