@layer components{.carton{--c-bg:#f2b705;--c-ink:#111;--c-ink-2:#2b2614;--c-rule:#11111138;--c-accent:#d7262e;--c-cta:#111;--c-cta-ink:#fafaf7;--c-accent-text:var(--c-accent);background:var(--c-bg);color:var(--c-ink);isolation:isolate;position:relative}.carton[data-tone=gold]{--c-bg:#f2b705;--c-ink:#121212;--c-ink-2:#3d3412;--c-rule:#12121233;--c-accent:#121212;--c-cta:#121212;--c-cta-ink:#fafaf7}.carton[data-tone=black]{--c-bg:#121212;--c-ink:#f3f1ea;--c-ink-2:#a9a59b;--c-rule:#f3f1ea24;--c-accent:#f2b705;--c-cta:#f2b705;--c-cta-ink:#121212}.carton[data-tone=white]{--c-bg:#fafaf7;--c-ink:#121212;--c-ink-2:#55524b;--c-rule:#1212121f;--c-accent:#9a7208;--c-accent-text:#7d5c04;--c-cta:#121212;--c-cta-ink:#fafaf7}.carton[data-tone=paper]{--c-bg:#f1eee7;--c-ink:#121212;--c-ink-2:#55524b;--c-rule:#1212121f;--c-accent:#9a7208;--c-accent-text:#7d5c04;--c-cta:#121212;--c-cta-ink:#fafaf7}.carton[data-tone=green]{--c-bg:#13362a;--c-ink:#f3f1ea;--c-ink-2:#b3c4ba;--c-rule:#f3f1ea29;--c-accent:#f2b705;--c-cta:#f2b705;--c-cta-ink:#121212}.carton[data-tone=red]{--c-bg:#3b1418;--c-ink:#f6efe9;--c-ink-2:#d2b5b2;--c-rule:#f6efe929;--c-accent:#f2b705;--c-cta:#f2b705;--c-cta-ink:#121212}.carton[data-tone=orange]{--c-bg:#ece6da;--c-ink:#121212;--c-ink-2:#55524b;--c-rule:#1212121f;--c-accent:#b4520f;--c-cta:#121212;--c-cta-ink:#fafaf7}.text-c-ink{color:var(--c-ink)}.text-c-ink-2{color:var(--c-ink-2)}.text-c-accent{color:var(--c-accent-text)}.border-c-rule{border-color:var(--c-rule)}.bg-c-ink{background-color:var(--c-ink)}.bg-c-rule{background-color:var(--c-rule)}.carton-rule{background:var(--c-rule);height:1px}.film{--hole-w:14px;--hole-h:10px;--pitch:24px;--band:34px;color:#f2b705;-webkit-mask-image:linear-gradient(#000 0 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Crect x='5' y='0' width='14' height='10' rx='2.5' fill='black'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Crect x='5' y='0' width='14' height='10' rx='2.5' fill='black'/%3E%3C/svg%3E");-webkit-mask-position:0 0,0 6px,0 calc(100% - 6px);-webkit-mask-repeat:no-repeat,repeat-x,repeat-x;-webkit-mask-size:100% 100%, var(--pitch) var(--hole-h), var(--pitch) var(--hole-h);-webkit-mask-composite:xor;mask-image:linear-gradient(#000 0 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Crect x='5' y='0' width='14' height='10' rx='2.5' fill='black'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Crect x='5' y='0' width='14' height='10' rx='2.5' fill='black'/%3E%3C/svg%3E");-webkit-mask-position:0 0,0 6px,0 calc(100% - 6px);mask-position:0 0,0 6px,0 calc(100% - 6px);-webkit-mask-repeat:no-repeat,repeat-x,repeat-x;mask-repeat:no-repeat,repeat-x,repeat-x;-webkit-mask-size:100% 100%, var(--pitch) var(--hole-h), var(--pitch) var(--hole-h);mask-size:100% 100%, var(--pitch) var(--hole-h), var(--pitch) var(--hole-h);padding-block:var(--band);background:#0d0d0c;position:relative;-webkit-mask-composite:xor;mask-composite:exclude}.film--single-edge{-webkit-mask-image:linear-gradient(#000 0 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Crect x='5' y='0' width='14' height='10' rx='2.5' fill='black'/%3E%3C/svg%3E");-webkit-mask-position:0 0,0 6px;-webkit-mask-repeat:no-repeat,repeat-x;-webkit-mask-size:100% 100%, var(--pitch) var(--hole-h);mask-image:linear-gradient(#000 0 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Crect x='5' y='0' width='14' height='10' rx='2.5' fill='black'/%3E%3C/svg%3E");-webkit-mask-position:0 0,0 6px;mask-position:0 0,0 6px;-webkit-mask-repeat:no-repeat,repeat-x;mask-repeat:no-repeat,repeat-x;-webkit-mask-size:100% 100%, var(--pitch) var(--hole-h);mask-size:100% 100%, var(--pitch) var(--hole-h)}.carton[data-tone=black] .film{background:#1f1e1b}.film-edge{font-family:var(--font-doto), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:#e8a23a;white-space:nowrap;font-size:10px;font-weight:800}.film-frame{background:#1a1918;overflow:hidden}.film-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.film-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;overflow-x:auto}.film-strip::-webkit-scrollbar{display:none}.film-strip[data-dragging=true]{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.film-strip>*{scroll-snap-align:start}.edge-band{color:#e8a23ab3;background:#0d0d0c;overflow:hidden}.edge-band__track{gap:3.5rem;width:max-content;padding-inline:2rem;display:flex}@media (prefers-reduced-motion:no-preference){.edge-band__track{animation:60s linear infinite edge-run}}@keyframes edge-run{to{transform:translate(-50%)}}.dx-code{align-items:stretch;gap:3px;height:10px;display:inline-flex}.dx-code>i{background:currentColor;width:4px;display:block}.dx-code>i:nth-child(3n){width:9px}.dx-code>i:nth-child(4n){opacity:0}.grease-mark{pointer-events:none;color:#d0362c;opacity:.9;width:94%;height:94%;position:absolute;inset:3%;overflow:visible}.grease-mark path{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.grease-mark path{stroke-dasharray:1;stroke-dashoffset:1px;animation:linear both grease-draw;animation-timeline:view();animation-range:entry 30% cover 45%}}}@keyframes grease-draw{to{stroke-dashoffset:0}}.double-exposure{background:#0d0d0c;position:relative;overflow:hidden}.double-exposure>img+img{mix-blend-mode:screen}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.wind-in{animation:linear both wind-in;animation-timeline:view();animation-range:entry cover 28%}}}@keyframes wind-in{0%{clip-path:inset(0 0 0 18%);transform:translate(6%)}to{clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:no-preference){.thread-in{animation:thread-in 1.4s var(--ease-wind,cubic-bezier(.65, 0, .35, 1)) both .15s}}@keyframes thread-in{0%{transform:translate(28%)}to{transform:none}}.btn-carton{background:var(--c-cta);height:3rem;color:var(--c-cta-ink);letter-spacing:0;transition:transform .16s var(--ease-out-soft), box-shadow .16s var(--ease-out-soft);border-radius:2px;justify-content:center;align-items:center;gap:.6rem;padding-inline:1.35rem;font-size:.95rem;font-weight:560;font-stretch:100%;display:inline-flex}.btn-carton:hover{transform:translateY(-1px);box-shadow:0 8px 20px -10px #0006}.btn-carton:active{transform:translateY(0)}.btn-carton:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}.link-carton{color:var(--c-ink);text-underline-offset:.3em;align-items:center;gap:.4rem;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.link-carton:hover{-webkit-text-decoration-color:var(--c-accent);text-decoration-color:var(--c-accent)}.link-carton:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px;border-radius:2px}.prose-carton{color:#23211d;font-size:1.0625rem;line-height:1.7}.prose-carton>*+*{margin-top:1.15em}.prose-carton h2{letter-spacing:-.01em;color:#111;margin-top:2.4em;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.25rem);font-weight:600;font-stretch:92%;line-height:1.05}.prose-carton h3{color:#111;margin-top:2em;font-size:1.25rem;font-weight:600;font-stretch:96%;line-height:1.2}.prose-carton h2+*,.prose-carton h3+*{margin-top:.7em}.prose-carton a{color:#111;text-underline-offset:.22em;font-weight:600;-webkit-text-decoration:underline #f2b705;text-decoration:underline #f2b705;text-decoration-thickness:3px}.prose-carton a:hover{text-decoration-color:#111}.prose-carton ul,.prose-carton ol{padding-left:1.3em}.prose-carton ul{list-style:square}.prose-carton ol{list-style:decimal}.prose-carton li+li{margin-top:.4em}.prose-carton li::marker{color:#d7262e}.prose-carton blockquote{color:#111;border-top:1px solid #d9d6ce;border-bottom:1px solid #d9d6ce;padding:1rem 0;font-size:1.3rem;font-weight:500;font-stretch:95%;line-height:1.35}.prose-carton table{border-collapse:collapse;width:100%;font-size:.95rem}.prose-carton th{text-align:left;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #121212;padding:.6rem .75rem .6rem 0;font-size:.7rem;font-weight:650;font-stretch:118%}.prose-carton td{vertical-align:top;border-bottom:1px solid #d9d6ce;padding:.7rem .75rem .7rem 0}.prose-carton strong{color:#111;font-weight:700}.prose-carton hr{background:#d9d6ce;border:0;height:1px}.prose-carton code{font-family:var(--font-mono);background:#efede6;border-radius:2px;padding:.1em .35em;font-size:.9em}}