.cam{--cam-ink:#0b0b0f;--cam-paper:#f4f1ea;--cam-photo:#bbbbbe;--cam-render:#d1d1d1;--cam-gutter:clamp(20px, 5vw, 72px)}.cam-display{font-family:var(--font-playfair-display), Georgia, serif;text-transform:uppercase;letter-spacing:-.025em;margin:0;font-size:clamp(2.75rem,11vw,8.5rem);font-weight:700;line-height:.92}.cam-display--mid{font-size:clamp(2.25rem,7.5vw,5rem)}.cam-display--small{font-size:clamp(1.6rem,5vw,2.75rem)}.cam-display--step{font-size:clamp(1.5rem,3.4vw,2rem)}@media (min-width:768px){.cam-display--hero{font-size:clamp(2.5rem,6vw,5.5rem)}}.cam-mono{font-family:var(--font-mono,ui-monospace, "SF Mono", Menlo, monospace);letter-spacing:.22em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:.6875rem;line-height:1.5}.cam-mono--sm{letter-spacing:.26em;font-size:.625rem}.cam-spec-value{font-family:var(--font-mono,ui-monospace, "SF Mono", Menlo, monospace);font-variant-numeric:tabular-nums;font-size:.8125rem;line-height:1.6}.cam-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:var(--cam-gutter);margin-inline:calc(var(--cam-gutter) * -1);gap:12px;display:flex;overflow-x:auto}.cam-rail::-webkit-scrollbar{display:none}.cam-rail>*{scroll-snap-align:center;flex:none;width:78%;max-width:340px}@media (min-width:768px){.cam-rail{grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:16px;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.cam-rail>*{width:auto;max-width:none}.cam-rail>:first-child{aspect-ratio:auto;grid-row:span 2;height:100%}}.cam-preorder:disabled{opacity:.55;pointer-events:auto;cursor:not-allowed}.cam-hero{background:linear-gradient(to bottom, #cfcdcc 0%, var(--cam-photo) 55%)}.cam-hero-photo{margin-inline:calc(var(--cam-gutter) * -1)}@media (min-width:768px){.cam-hero-photo{margin-inline:0}}.cam-hero-photo>div{-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 12%);mask-image:linear-gradient(0deg,#0000 0,#000 12%)}@media (min-width:768px){.cam-hero-photo>div{-webkit-mask-composite:source-in, source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16%),linear-gradient(0deg,#0000 0,#000 8%),linear-gradient(#0000 0,#000 6%);mask-image:linear-gradient(90deg,#0000 0,#000 16%),linear-gradient(0deg,#0000 0,#000 8%),linear-gradient(#0000 0,#000 6%);-webkit-mask-composite:source-in;mask-composite:intersect}}