/* Fast creation surfaces, extending the approved graphite/red brand. */
.official-jersey{width:100%;max-width:550px;aspect-ratio:1;margin:auto;background:linear-gradient(145deg,#f5f6f7,#eceef1);border-radius:18px;overflow:hidden}.official-jersey canvas{display:block;width:100%;height:100%}.supplier-thumb{width:100px;height:100px;object-fit:contain;background:#f3f4f5;border-radius:8px;flex:none}.purchase-context .supplier-thumb{width:56px;height:56px}.checkout-item .supplier-thumb{width:64px;height:64px}#mockup-status{text-align:center;margin:10px 0;font-size:12px}.product-view-tabs{display:flex;gap:10px;justify-content:center;margin:14px 0}.product-view-tabs button{font-size:14px}.product-view-tabs [aria-pressed="true"]{background:#181a1d;color:white}.supplier-detail{position:relative;background:#f2f3f5;border:1px solid #e0e3e7;border-radius:16px;overflow:hidden}.official-poster{position:relative;aspect-ratio:1}.official-shadow{position:absolute;inset:0;width:100%;height:100%}.official-poster-art{position:absolute;left:8.8%;top:22.5%;width:82.5%;height:55%;background:white}.official-poster-art img,.official-canvas-art img{height:100%;width:100%;display:block;object-fit:contain}.official-poster-art span,.official-canvas-art span{position:absolute;top:48%;left:0;right:0;text-align:center;color:#fff9;text-shadow:0 1px 2px #000;font-size:12px}.official-canvas{position:relative;aspect-ratio:688/480;overflow:hidden;background:white}.official-canvas-base{position:absolute;top:-39.58%;left:0;width:100%;height:auto;max-width:none}.official-canvas-art{position:absolute;left:5.378%;top:7.708%;width:89.244%;height:84.792%;background:white}.supplier-detail[data-format="poster"] .official-canvas,.supplier-detail[data-format="canvas"] .official-poster{display:none}.detail-label{font-size:12px;text-align:center;color:#626972;padding:14px;line-height:1.5;background:#f5f6f7}.room-scene[data-format="canvas"] .print-front{transform:translateZ(var(--canvas-depth,12px))}.room-scene[data-format="canvas"] .print-edge{width:var(--canvas-depth,12px)!important;transform:translateZ(var(--canvas-depth,12px)) rotateY(90deg)!important}.room-scene[data-size="36x24"] .wall-object{width:48%;left:26%;top:14%}
.entry-format{display:flex;justify-content:space-between;gap:16px;padding:24px 18px;border:1px solid #d9dde1;border-radius:12px;margin:15px 0}.entry-format:hover{border-color:#c92a35;background:#fffafa}.entry-format strong{font-size:20px}.entry-format small{display:block;font-size:14px;color:#697078;line-height:1.5;margin-top:8px}.entry-format b{font-size:15px;white-space:nowrap}.finish-picker em{font-family:inherit!important}
[hidden]{display:none!important}
.journey-shell{padding-top:28px;padding-bottom:64px;max-width:1240px}
.journey-steps{display:flex;gap:28px;list-style:none;padding:0;margin:0 0 32px;color:#71767c;font-size:14px}
.journey-steps li{display:flex;align-items:center;gap:9px}.journey-steps li span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f0f1f3}#ai-recover{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 0 6px}#ai-recover .text-link{margin:0}
.lead-field{margin:14px 0 0}.lead-row{display:flex;gap:10px;align-items:stretch}.lead-row input{flex:1;min-width:0}.lead-row .btn{flex:none}.lead-field .journey-micro{display:block;margin:6px 0 0}
.versions-label{margin:18px 0 8px;font-size:13px;color:#6a7078}.reveal-art .gallery-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin:0}.reveal-art .gallery-thumbs button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 6px 8px;border:2px solid #dfe2e6;border-radius:12px;background:#fff;font-size:12px;font-weight:600;color:#181a1d;cursor:pointer}.reveal-art .gallery-thumbs button img{width:72px;height:72px;object-fit:cover;border-radius:8px;background:#edece7;display:block}.reveal-art .gallery-thumbs button[aria-pressed="true"]{border-color:#c92a35;box-shadow:0 0 0 2px #c92a3533}
.journey-step{display:flex;align-items:center;gap:inherit;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:20px}.journey-step:disabled{cursor:default}.journey-step:not(:disabled):hover{color:#181a1d;text-decoration:underline}.journey-step:focus-visible{outline:2px solid #181a1d;outline-offset:3px}.journey-steps [aria-current]{color:#181a1d;font-weight:700}.journey-steps [aria-current] span{background:#c92a35;color:#fff}
.rotate-word{display:inline-grid;text-align:left;vertical-align:baseline}.rotate-word>span{grid-area:1/1}.rotate-word .rotate-ghost{visibility:hidden}.rotate-word [data-word]{display:inline-block;color:#c92a35;transition:opacity .35s ease,transform .35s ease}.rotate-word [data-word].is-out{opacity:0;transform:translateY(.35em)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.rotate-word [data-word]{transition:none}}
.journey-heading{margin:0 0 32px}.journey-heading h1{font-size:clamp(34px,4.3vw,60px);line-height:1.05;letter-spacing:-2px;margin:12px 0 18px}.journey-heading>p:last-child{font-size:17px;color:#646a71}
.creator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:64px;align-items:start}.creator-controls{max-width:520px}.photo-drop{background:#f5f6f7;border:1px dashed #a9afb6;border-radius:18px;padding:25px;display:grid;gap:16px}.photo-drop label{cursor:pointer;display:grid;gap:6px}.photo-drop label strong{font-size:21px;letter-spacing:-.4px}.photo-drop label span{font-size:14px;color:#686e75}.photo-drop input{font-size:14px;max-width:100%}.photo-drop input::file-selector-button{background:white;border:1px solid #d6d9de;padding:10px 16px;border-radius:8px;margin-right:10px;cursor:pointer}.photo-drop .text-link{text-align:left;font-size:14px}.photo-drop #upload-preview:empty{display:none}.photo-drop #upload-preview img{max-height:180px;width:100%;object-fit:contain;border-radius:8px}
.creator-controls>.check{font-size:14px;line-height:1.5;margin:20px 0}.journey-details{border-top:1px solid #e1e4e7;padding:16px 0}.journey-details summary{cursor:pointer;font-size:15px;font-weight:600;min-height:25px}.journey-details summary span{float:right;color:#737980;font-weight:400;font-size:12px}.journey-details .field{margin-top:16px}.journey-details p{margin:12px 0;font-size:15px}.journey-micro{font-size:13px;line-height:1.6;color:#686e75;margin:14px 0}.journey-micro a{text-decoration:underline}.creator-controls>.btn{margin-top:16px;min-height:54px;font-size:16px}.style-options{border:0;padding:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.style-options legend{font-size:14px;padding-top:18px}.style-options label{position:relative;border:1px solid #dfe2e6;border-radius:12px;padding:8px;cursor:pointer;font-size:14px}.style-options label:has(:checked){border-color:#c92a35;background:#fff7f7}.style-options img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:6px;margin:8px 0}.style-options input{width:auto}
.first-reward{padding-top:0}.reward-art{position:relative;padding:24px;background:#20252b;border-radius:16px;box-shadow:0 20px 40px #181a1d18;transform:rotate(1deg)}.reward-art>img{width:100%;display:block}.art-stamp{position:absolute;bottom:34px;left:34px;background:#ffffffeb;padding:8px 10px;font-size:10px;letter-spacing:1px}.reward-origin{display:flex;align-items:center;gap:18px;margin:24px 0}.reward-origin img{width:105px;border:6px solid white;box-shadow:0 2px 14px #0002;transform:rotate(-5deg)}.reward-origin p{font-size:15px;line-height:1.7}.alternative-path{display:inline-block;margin-top:28px;font-size:14px}
.craft-dialog{width:min(500px,90vw);padding:30px;text-align:center;border:0;border-radius:20px}.craft-dialog::backdrop,.rework-dialog::backdrop{background:#151a22b8;backdrop-filter:blur(8px)}.craft-image{position:relative;overflow:hidden;border-radius:12px;margin-bottom:28px}.craft-image img{width:100%;max-height:260px;object-fit:cover;display:block;filter:saturate(.7)}.craft-scan{position:absolute;inset:-30% 0;background:linear-gradient(transparent 38%,#fff5 49%,#e43c4955 50%,transparent 64%);animation:craft-sweep 1.5s ease-in-out infinite}.craft-dialog h2{font-size:30px;margin:12px 0}.craft-dialog p:not(.eyebrow){color:#697078;font-size:15px;line-height:1.5;margin-bottom:20px}@keyframes craft-sweep{from{transform:translateY(-65%)}to{transform:translateY(65%)}}
.reveal-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:48px;align-items:center}.reveal-stage{border-radius:12px;padding:0;background:#f1f2f3}.reveal-stage>img{display:block;width:100%;aspect-ratio:1.5;object-fit:contain;max-height:none}.reveal-tools{justify-content:center;gap:24px;margin:15px 0}.reveal-tools button,.reveal-tools a{font-size:14px}.reveal-decision h2{font-size:clamp(30px,3vw,42px);line-height:1.1;margin:14px 0 20px;letter-spacing:-1px}.reveal-decision>p:not(.eyebrow){line-height:1.7;color:#697078}.reveal-decision>.btn{margin:24px 0 15px;min-height:54px}.reveal-decision>.text-link{display:block;text-align:center;width:100%;margin-bottom:20px}.reveal-stage{animation:art-reveal .7s ease-out both}@keyframes art-reveal{from{opacity:.4;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
#wall-section{scroll-margin-top:110px;outline:none}.wall-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 28px}.wall-heading h2{font-size:clamp(32px,3.5vw,46px);line-height:1.07;margin:10px 0}.wall-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:36px;align-items:start}.room-scene{position:relative;overflow:hidden;aspect-ratio:1.5;border-radius:16px;background:#edf0f2;perspective:1100px}.room-background{width:100%;height:100%;object-fit:cover;display:block}.wall-object{position:absolute;left:34%;top:20%;width:32%;aspect-ratio:1.5;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform .8s cubic-bezier(.2,.7,.2,1),width .6s,left .6s,top .6s}.room-scene[data-size="30x20"] .wall-object{width:40%;left:30%;top:17%}.print-front{position:absolute;inset:0;backface-visibility:hidden;transform:translateZ(1px);box-shadow:0 2px 3px #0003;transition:box-shadow .6s,transform .6s;background:white}.print-front img{width:100%;height:100%;object-fit:contain;display:block}.print-edge{position:absolute;inset:0;background:#c4c0b9;transform:translateZ(0);transition:transform .6s,box-shadow .6s}.room-scene[data-format="canvas"] .print-front{transform:translateZ(12px);box-shadow:8px 11px 14px #0004}.room-scene[data-format="canvas"] .print-edge{box-shadow:1px 1px #b4afa7,2px 2px #b4afa7,3px 3px #b4afa7,4px 4px #b4afa7,5px 5px #b4afa7,6px 6px #b4afa7,7px 7px #b4afa7,8px 8px #b4afa7}.room-scene[data-format="canvas"] .print-front::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#0001 0 1px,transparent 1px 3px);opacity:.5;pointer-events:none}.room-scene.inspect .wall-object{transform:scale(1.7) rotateY(-25deg) rotateX(3deg);top:25%}.room-label{position:absolute;bottom:12px;left:12px;background:#ffffffd9;padding:7px 9px;border-radius:4px;font-size:9px;letter-spacing:.7px}.wall-watermark{position:absolute;left:0;right:0;top:47%;font-size:clamp(6px,1vw,12px);text-align:center;color:#fff9;text-shadow:0 1px 2px #000;pointer-events:none}.room-controls{display:flex;justify-content:space-between;gap:12px;padding:14px 0}.room-controls button{font-size:14px}.room-scene.hanging[data-format="poster"] .print-front{animation:poster-unroll 1.2s ease-out both}.room-scene.hanging[data-format="canvas"] .wall-object{animation:canvas-hang 1.15s ease-out both}@keyframes poster-unroll{0%{clip-path:inset(0 0 98% 0);transform:rotateX(35deg);filter:brightness(.8)}60%{clip-path:inset(0 0 15% 0);transform:rotateX(8deg)}100%{clip-path:inset(0);transform:rotateX(0)}}@keyframes canvas-hang{0%{transform:translateY(40px) translateZ(100px) rotateY(-28deg) rotateZ(-4deg);opacity:.3}65%{transform:translateY(-5px) rotateY(-8deg) rotateZ(1deg);opacity:1}100%{transform:none;opacity:1}}
.finish-picker{border:0;padding:0;margin:0 0 22px}.finish-picker legend{font-size:16px;font-weight:700;margin-bottom:12px}.finish-picker label{display:flex;gap:12px;padding:17px;border:1px solid #dadfe3;border-radius:12px;margin-bottom:12px;cursor:pointer;align-items:start}.finish-picker label:has(:checked){border:2px solid #181a1d;padding:16px;background:#f7f8f9}.finish-picker input{width:16px;height:16px;margin-top:4px;accent-color:#c92a35;flex:none}.finish-picker label>span{flex:1}.finish-picker strong{display:flex;justify-content:space-between;font-size:16px;gap:12px}.finish-picker b{font-weight:600}.finish-picker small{display:block;font-size:14px;line-height:1.5;color:#697078;margin-top:7px}.finish-picker em{font-size:12px;font-style:normal;color:#b8202b;display:block;margin-top:9px}.finish-controls .field{margin-bottom:18px}.finish-controls #finish-description{font-size:14px;line-height:1.6;color:#697078}.finish-controls .check{font-size:14px;line-height:1.6;margin:20px 0}.finish-controls .btn{font-size:15px}.rework-dialog{max-width:540px;width:90vw;padding:36px;border:0;border-radius:20px}.rework-dialog h2{font-size:28px;margin:16px 0}.rework-dialog p{font-size:15px;line-height:1.6;margin:12px 0}.rework-dialog .field{margin:18px 0}
.model-preview{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:16px;max-height:600px;margin:auto}.model-preview>img{display:block;width:100%;height:100%;object-fit:cover}.model-personalization{position:absolute;top:35%;left:31%;width:38%;display:flex;flex-direction:column;align-items:center;color:#f4f2ef;text-shadow:1px 1px 2px #0008;font-family:Arial,sans-serif;transform:perspective(900px) rotateX(-3deg);overflow:hidden}.model-personalization strong{font-size:clamp(12px,1.8vw,22px);letter-spacing:1px;white-space:nowrap;max-width:100%;line-height:1.4}.model-personalization>span{font-size:clamp(60px,8vw,110px);line-height:1.15;font-weight:900;-webkit-text-stroke:1px #c92a35}.model-label{position:absolute;bottom:12px;left:12px;font-size:9px;background:#fffD;padding:7px}.model-tabs{display:flex;justify-content:center;gap:12px;margin:16px 0}.model-tabs button{font-size:14px}.model-tabs [aria-pressed="true"]{background:#181a1d;color:white;border-radius:25px;padding:9px 16px}body[data-page="jersey"] .pdp{padding-top:12px;gap:42px}body[data-page="jersey"] .pdp h1{font-size:40px}body[data-page="jersey"] .pdp .lead{font-size:16px}body[data-page="jersey"] .jersey-stage{position:sticky;top:110px}body[data-page="jersey"] .jersey-stage>p{font-size:13px}body[data-page="jersey"] .price-line{margin:18px 0}
.optional-pair{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid #dfe2e6;margin:20px 0 40px;padding:30px 0}.optional-pair h2{font-size:26px;margin:10px 0}.optional-pair p{font-size:15px;color:#697078}.optional-pair .actions{display:flex;flex-direction:column;align-items:center;gap:18px}.journey-shell button:focus-visible,.model-tabs button:focus-visible{outline:3px solid #c92a35;outline-offset:4px}
@media(max-width:850px){.creator-grid{gap:28px}.wall-grid{grid-template-columns:1fr}.finish-controls{max-width:650px;width:100%;margin:auto}.reveal-layout{gap:25px}.journey-heading h1{letter-spacing:-1.2px}.creator-controls{max-width:none}.first-reward{align-self:center}}
@media(max-width:650px){.journey-shell{padding-top:20px}.journey-steps{font-size:12px;gap:15px;margin-bottom:24px}.journey-steps li{gap:6px}.journey-steps li span{width:23px;height:23px}.journey-heading h1{font-size:37px}.journey-heading>p:last-child{font-size:15px}.creator-grid{display:flex;flex-direction:column;gap:22px}.creator-controls{width:100%}.first-reward{width:100%}.reward-art{padding:12px;max-width:360px;margin:auto}.reward-origin{justify-content:center}.photo-drop{padding:20px}.photo-drop label strong{font-size:19px}.journey-details summary span{float:none;display:block;margin:5px 0 0 15px}.reveal-layout{grid-template-columns:1fr}.reveal-decision h2{font-size:32px}.reveal-decision>.eyebrow,.reveal-decision>h2,.reveal-decision>p:not(.journey-micro){display:none}.reveal-decision>.btn{margin-top:0}.wall-heading{align-items:start}.wall-heading h2{font-size:31px}.wall-heading>.text-link{font-size:12px;white-space:nowrap}.wall-grid{gap:20px}.room-scene{margin:0 -2%;width:104%}.room-controls button{font-size:12px}.finish-picker strong{font-size:16px}.reveal-tools{gap:18px}.reveal-tools a,.reveal-tools button{font-size:12px}.optional-pair{flex-direction:column;align-items:flex-start}.optional-pair .actions{align-items:flex-start}.model-personalization strong{font-size:16px}.model-personalization>span{font-size:76px}body[data-page="jersey"] .jersey-stage{position:static}body[data-page="jersey"] .pdp{gap:22px}body[data-page="jersey"] .pdp h1{font-size:32px}.model-preview{max-height:440px}.journey-micro{font-size:12px}}
@media(prefers-reduced-motion:reduce){.craft-scan{display:none}.reveal-stage,.room-scene.hanging .wall-object,.room-scene.hanging .print-front{animation:none!important}.wall-object,.print-front,.print-edge{transition:none!important}}
body[data-page="jersey"] #jersey-form label{font-size:14px}@media(max-width:650px){body[data-page="jersey"] .jersey-stage{position:sticky;top:0;z-index:5;background:white;padding:8px 0;align-self:start}.model-preview{height:230px;max-height:230px;width:184px}.model-personalization strong{font-size:10px!important;letter-spacing:.5px}.model-personalization>span{font-size:43px}.model-label{font-size:7px;bottom:4px;left:4px;padding:3px}.model-tabs{margin:8px 0;gap:8px}.model-tabs button{font-size:12px}body[data-page="jersey"] .jersey-stage>p{font-size:11px;margin-top:6px!important;line-height:1.4}body[data-page="jersey"] .pdp h1{font-size:28px}body[data-page="jersey"] .pdp .lead{font-size:14px}.photo-drop #upload-preview img{max-height:110px}}

.room-scene[data-format="canvas"] .print-edge{inset:0 auto 0 100%;width:12px;box-shadow:none;transform-origin:left center;transform:translateZ(12px) rotateY(90deg);background:#9c9992}.room-scene[data-format="poster"] .print-edge{display:none}

.model-explanation{font-size:13px;text-align:center;color:#697078;margin:12px 0}.model-explanation summary{cursor:pointer}.model-explanation p{font-size:13px;line-height:1.6}@media(max-width:650px){body[data-page="jersey"] .crumb,body[data-page="jersey"] .pdp>div:last-child>.lead,body[data-page="jersey"] .pdp>div:last-child>.eyebrow{display:none}.model-personalization strong{font-size:8px!important;letter-spacing:0}.model-personalization{left:27%;width:46%}body[data-page="jersey"] .pdp:has(#jersey-form input:focus) .model-preview{height:160px;width:128px}body[data-page="jersey"] .pdp:has(#jersey-form input:focus) .model-personalization strong{font-size:6px!important}body[data-page="jersey"] .pdp:has(#jersey-form input:focus) .model-personalization>span{font-size:30px}body[data-page="jersey"] .pdp:has(#jersey-form input:focus) .model-tabs,body[data-page="jersey"] .pdp:has(#jersey-form input:focus) .model-explanation{display:none}}
@media(max-width:650px){.official-jersey{height:230px;width:230px}.supplier-thumb{width:75px;height:75px}body[data-page="jersey"] .pdp:has(#jersey-form input:focus) .official-jersey{height:160px;width:160px}.product-view-tabs button{font-size:12px}.detail-label{font-size:11px}}

.room-scene[data-format="canvas"] .print-front{transform:translateZ(var(--canvas-depth,12px))}.room-scene[data-format="canvas"] .print-edge{width:var(--canvas-depth,12px)!important;transform:translateZ(var(--canvas-depth,12px)) rotateY(90deg)!important}
.creator-section h2{font-size:20px;line-height:1.4;margin:0}.creator-section #selected-style-label{font-size:14px;color:#686e75;margin:6px 0 0}.creator-section .preservation-notes{margin-top:20px;padding-bottom:0}

/* Personal artwork comparison: both images keep the same full-size canvas. */
.proof-comparison{position:relative;isolation:isolate;--comparison:100%}
.proof-comparison #proof-original{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.proof-comparison #proof-image{position:relative;z-index:1;background:#f0f1f2;clip-path:inset(0 calc(100% - var(--comparison)) 0 0)}
.proof-comparison .watermarks{clip-path:inset(0 calc(100% - var(--comparison)) 0 0)}
.proof-comparison:after{content:"";position:absolute;z-index:3;top:0;bottom:0;left:clamp(0px,var(--comparison),calc(100% - 2px));width:2px;background:white;box-shadow:0 0 4px #0008;pointer-events:none}
.proof-slider{display:block;width:100%;text-align:left}.proof-slider>span{display:flex;justify-content:space-between;font-size:13px}.proof-slider input{display:block;width:100%;min-height:44px;margin:0;accent-color:#cc2436;cursor:ew-resize}.proof-slider small{display:block;text-align:center;color:#66758a}

.rework-dialog{padding:30px 32px 28px}.rework-dialog h2{margin:6px 0 10px;font-size:26px}.rework-dialog>p{margin:0 0 18px;color:#4b5158}.rework-dialog .field{margin:0 0 14px}.rework-dialog textarea{min-height:110px}.rework-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rework-actions .journey-micro{margin:0}#rework-pending{margin:14px 0 0;padding:14px;border-radius:12px;background:#fff6e5;display:flex;flex-wrap:wrap;align-items:center;gap:10px}#rework-pending p{margin:0;flex-basis:100%;font-size:14px}.rework-divider{display:flex;align-items:center;gap:12px;margin:22px 0 18px;color:#8a9098;font-size:12px;letter-spacing:1px;text-transform:uppercase}.rework-divider::before,.rework-divider::after{content:'';flex:1;border-top:1px solid #dfe2e6}.review-form{padding:20px;border:1px solid #dfe2e6;border-radius:14px;background:#f7f8f9}.review-form h3{margin:0 0 6px;font-size:18px}.review-form p{margin:0 0 14px;font-size:14px;line-height:1.55}.review-form .field{margin:0 0 12px}#rework-result:empty,#review-result:empty{display:none}#rework-result,#review-result{margin:12px 0 0;font-size:14px}.rework-dialog{max-height:90dvh;overflow-y:auto}
.create-jump{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:14;min-height:52px;box-shadow:0 10px 30px #181a1d33}.create-jump[hidden]{display:none}body.has-jump .cookie-bar{bottom:calc(84px + env(safe-area-inset-bottom))}@media(min-width:760px){.create-jump{left:auto;right:24px;bottom:24px;min-width:260px}}

/* Plan 032 (2026-10-05): multi-buy saving row and offer card. Cart (journey.css) and checkout (native-checkout.css). */
.multi-buy-row span:last-child{color:#1f7a45;font-weight:600}
.digital-option{display:block;width:100%;margin:10px 0 0;padding:10px 12px;border:1px dashed #c9cdd2;border-radius:10px;background:#fff;color:#3f444a;font:inherit;font-size:14px;line-height:1.4;text-align:left;cursor:pointer}.digital-option b{color:#181a1d}.digital-option:hover{border-color:#8a9096}
.multi-buy-offer{margin:0 0 18px;padding:14px 16px;border:1px solid #cfe5d7;border-radius:12px;background:#f3f9f5;color:#24412f;font-size:14px;line-height:1.45}.multi-buy-offer p{margin:0 0 4px}.multi-buy-offer .multi-buy-title{font-size:15px;font-weight:700;color:#1f7a45}.multi-buy-offer .btn{margin-top:10px;width:100%;min-height:42px;font-size:14px}
#store-lines .multi-buy-offer{margin:14px 0 4px}
/* A second design (2026-10-23): once two of a kind are in the bag the card shrinks to this one line. */
.multi-buy-more{margin:12px 0 4px;text-align:center;font-size:14px;color:#5b6168}.multi-buy-more a{color:#181a1d;font-weight:600}
/* The free digital file with a light-up frame (2026-10-21): the preview's gift row and the checkout's totals row. */
.gift-icon{flex:none;width:26px;height:26px;fill:none;stroke:var(--red,#c92a35);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.light-gift{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;border:1px dashed #e9b8bc;border-radius:12px;background:#fdf6f6}
.light-gift p{flex:1;margin:0;font-size:13px;line-height:1.35;color:#3f444a}.light-gift strong{display:block;font-size:14px;color:#181a1d}
.light-gift-price{flex:none;display:flex;align-items:baseline;gap:6px}.light-gift-price s{color:#8a9096;font-size:14px}.light-gift-price b{color:var(--red,#c92a35);font-size:17px}
.gift-row>span:first-child{display:inline-flex;align-items:center;gap:8px}.gift-row .gift-icon{width:20px;height:20px}.gift-row>span:last-child{color:var(--red,#c92a35);font-weight:600}.gift-row s{color:#8a9096;font-weight:400;margin-right:4px}

/* Real product proportions; the same image remains intact across sizes and finishes. */
.room-scene .room-background{position:absolute;left:-12%;top:-9.6%;width:120%;height:120%;max-width:none;object-fit:cover;object-position:50% 70%}
.room-scene .wall-object{width:var(--print-width,32%)!important;left:50%!important;top:41%!important;translate:-50% -50%;aspect-ratio:var(--print-ratio,3 / 2)}
.wall-dims{position:absolute;top:100%;left:50%;translate:-50% 10px;white-space:nowrap;background:#ffffffe6;color:#181a1d;font-size:10px;font-weight:600;letter-spacing:.4px;padding:4px 8px;border-radius:4px;box-shadow:0 1px 3px #0002}.room-scene.inspect .wall-dims{display:none}
.field-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 9px}.field-head label{margin:0}.unit-toggle{display:inline-flex;border:1px solid #d5d8dc;border-radius:999px;overflow:hidden}.unit-toggle button{background:none;border:0;padding:3px 11px;font-family:inherit;font-size:12px;font-weight:600;color:#6a7078;cursor:pointer}.unit-toggle button[aria-pressed="true"]{background:#181a1d;color:#fff}
.room-scene.inspect .wall-object{transform:scale(1.25) rotateY(-25deg) rotateX(3deg)}
/* Product close-up: studio mock photo with the artwork mapped onto the blank face; the multiply blend keeps the photo's lighting. */
.mock-stage{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#e6e7e9}
.mock-stage .mock-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.mock-art{position:absolute;left:0;top:0;transform-origin:0 0;mix-blend-mode:multiply;overflow:hidden;background:#fff;backface-visibility:hidden}
.mock-art>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.mock-art-edge{background:#e2e2e2}.mock-art-edge>img{position:absolute;right:100%;top:0;height:100%;width:auto;max-width:none;transform:scaleX(-1);transform-origin:100% 50%;filter:brightness(.74)}
.supplier-detail[data-format="canvas"] .mock-stage{animation:mock-in-canvas .6s ease-out both}.supplier-detail[data-format="poster"] .mock-stage{animation:mock-in-poster .6s ease-out both}
@keyframes mock-in-canvas{from{opacity:.35;transform:scale(.985)}}@keyframes mock-in-poster{from{opacity:.35;transform:scale(.985)}}
@media(prefers-reduced-motion:reduce){.mock-stage{animation:none!important}}
.rework-styles{margin:18px 0 0}.rework-styles .journey-micro{margin:0 0 8px}#rework-style-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#rework-style-row button{border:2px solid #dfe2e6;border-radius:10px;background:#fff;padding:5px;font-size:11px;font-weight:600;color:#181a1d;cursor:pointer;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;line-height:1.2}#rework-style-row button img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block}#rework-style-row button[aria-pressed="true"]{border-color:#c92a35}#rework-style-row button:disabled{opacity:.45;cursor:default}
.reading table{width:100%;border-collapse:collapse;margin:28px 0}.reading th,.reading td{text-align:left;padding:12px 8px;border-bottom:1px solid #ddd}

.mobile-style-entry{display:none}.style-options{scroll-margin-top:110px}.style-options legend{font-size:18px;font-weight:700;padding-top:0}.style-options label:focus-within{outline:3px solid #c92a35;outline-offset:3px}.style-browse-hint{font-size:12px;color:#686e75;margin:0 0 16px}
.style-preview{padding-top:0}.style-preview .story-compare{margin:0;max-width:560px}.style-preview .story-reveal{aspect-ratio:1;border-radius:16px;box-shadow:0 18px 40px #181a1d14}.style-preview .story-reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#edece7}.style-preview .story-range{padding:12px 0 0}.style-preview figcaption{margin:6px 0 0;font-size:13px;color:#6a7078}.style-preview figcaption strong{display:block;font-size:17px;color:#181a1d;margin-bottom:2px}
.style-options label.style-card{padding:0;overflow:hidden;border-radius:14px}.style-card-art{display:block;position:relative;background:#edece7}.style-options .style-card-art>img:first-child{width:100%;aspect-ratio:1;object-fit:cover;margin:0;border-radius:0;display:block}.style-card-name{display:block;font-weight:700;font-size:15px;padding:12px 12px 2px}.style-card-note{display:block;font-size:12px;line-height:1.35;color:#6a7078;padding:0 12px 12px}.style-options input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.style-options label.style-card:has(:checked){border-color:#c92a35;box-shadow:0 0 0 2px #c92a35;background:#fff}.style-options label.style-card:has(:checked)::after{content:'Selected';position:absolute;top:10px;right:10px;background:#c92a35;color:#fff;font:700 10px/1 system-ui;letter-spacing:.6px;text-transform:uppercase;padding:6px 9px;border-radius:20px}#photo-step{scroll-margin-top:90px}.photo-guidance{font-size:12px;line-height:1.5;margin:0}.photo-guidance a{text-decoration:underline}
.journey-action-bar .btn{width:100%;min-height:52px}.reveal-action-bar{margin:22px 0 16px}#selected-print-summary{font-size:12px;line-height:1.4;margin:0 0 8px;color:#555d65}.arrival-line{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;color:#181a1d}.arrival-line::before{content:'';flex:none;width:9px;height:9px;border-radius:50%;background:#1f9d55;box-shadow:0 0 0 3px #1f9d5526}.arrival-line strong{font-weight:700}.wall-preview-note{font-size:12px}.wall-preview-note summary{font-size:12px}
@media(max-width:650px){
 body[data-page="index"] .hero{padding-top:20px;gap:28px}body[data-page="index"] .hero-copy h1{font-size:37px;line-height:1.06;margin:12px 0}body[data-page="index"] .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;margin:12px 0}body[data-page="index"] .hero-copy>.actions{display:none}body[data-page="index"] .feedback-values{margin-top:20px}
 .mobile-style-entry{display:block;margin-top:20px}.mobile-style-entry h2{font-size:18px;letter-spacing:0;margin:0 0 10px}.mobile-style-cards{display:grid;grid-auto-flow:column;grid-auto-columns:44%;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 3px 10px}.mobile-style-cards a{scroll-snap-align:start;border:1px solid #dfe2e6;border-radius:10px;padding:7px;display:flex;flex-direction:column;gap:7px}.mobile-style-cards img{width:100%;height:155px;object-fit:cover;border-radius:6px}.mobile-style-cards strong{font-size:13px;line-height:1.3;min-height:34px}.mobile-style-cards span{font-size:12px;color:#b8202b}.mobile-style-entry>p{font-size:12px;line-height:1.5;margin:8px 0}
 body[data-page="create"] .journey-shell{padding-top:14px}body[data-page="create"] .journey-heading{margin-bottom:18px}body[data-page="create"] .journey-heading h1{font-size:31px;margin:8px 0}body[data-page="create"] .journey-steps{margin-bottom:16px;font-size:11px;gap:10px}
 body[data-page="create"] .style-options{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:64%;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 3px 12px;gap:12px}body[data-page="create"] .style-options label{scroll-snap-align:start}body[data-page="create"] .style-options .style-card-art>img:first-child{height:auto;aspect-ratio:1;object-fit:cover;margin:0}body[data-page="create"] .style-preview{margin:0 0 24px}body[data-page="create"] .style-options span{display:block;font-size:12px;line-height:1.3;min-height:32px}body[data-page="create"] .photo-drop{padding:15px;gap:12px}body[data-page="create"] .first-reward.style-preview{display:block;width:100%;margin:0 0 24px}
 body[data-page="proof"]{padding-bottom:130px}body[data-page="proof"] .journey-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid #e1e4e7;padding:10px 16px calc(10px + env(safe-area-inset-bottom));margin:0;box-shadow:0 -5px 20px #181a1d0a}body[data-page="proof"] .reveal-stage>img{max-height:60svh;aspect-ratio:auto}body[data-page="proof"] .journey-heading h1{font-size:30px}body[data-page="proof"] .journey-heading{margin-bottom:20px}
 #wall-section{scroll-margin-top:85px}#wall-section .wall-heading{margin:4px 0 12px}#wall-section .wall-heading h2{font-size:25px}#wall-section .wall-grid{gap:14px}#wall-section .room-scene{width:100%;margin:0;aspect-ratio:1.65}#wall-section .supplier-detail{max-width:340px;margin:auto}#wall-section .product-view-tabs{margin:8px 0;gap:8px}#wall-section .room-controls{padding:8px 0}#wall-section .wall-preview-note{padding:6px 0}#wall-section .finish-picker{margin-bottom:14px}#wall-section .finish-picker label{padding:12px;margin-bottom:8px}#wall-section .finish-picker label:has(:checked){padding:11px}#wall-section .finish-controls input,#wall-section .finish-controls select{scroll-margin-bottom:150px}#wall-section .finish-controls{padding-bottom:20px}
}

/* Flow rework: size and finish first, price visible, trust row, tabs, size guide. */
.size-options,.finish-options{border:0;padding:0;margin:0 0 22px}.size-options legend,.finish-options legend{font-size:18px;font-weight:700;padding:0;margin:0 0 12px}
.size-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.size-card{position:relative;display:grid;gap:4px;padding:14px 12px;border:1px solid #dadfe3;border-radius:12px;cursor:pointer;background:#fff}.size-card input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.size-card:has(:checked){border:2px solid #181a1d;padding:13px 11px;background:#f7f8f9}.size-card:focus-within{outline:3px solid #c92a35;outline-offset:2px}
.size-card-name{font-weight:700;font-size:15px}.size-card-dims{font-size:12px;color:#62676e;line-height:1.35}.size-card-price{font-size:12px;color:#181a1d;line-height:1.45;margin-top:4px}
.size-guide-link{display:inline-block;margin:12px 0 0;font-size:13px;text-align:left}
.finish-card{display:flex;gap:12px;padding:15px;border:1px solid #dadfe3;border-radius:12px;margin-bottom:10px;cursor:pointer;align-items:flex-start;background:#fff}.finish-card:has(:checked){border:2px solid #181a1d;padding:14px;background:#f7f8f9}
.finish-card input{width:16px;height:16px;margin-top:3px;accent-color:#c92a35;flex:none}.finish-card>span{flex:1}.finish-card strong{display:flex;justify-content:space-between;gap:12px;font-size:16px}.finish-card small{display:block;font-size:12px;color:#62676e;line-height:1.4;margin-top:3px}
.create-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 0;padding:12px 14px;border:1px solid #e1e4e7;border-radius:12px;background:#f7f8f9;font-size:13px;line-height:1.4}.create-summary strong{font-size:18px}
.trust-row{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trust-row li{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.35;color:#62676e}.trust-row svg{flex:none;width:22px;height:22px;fill:none;stroke:#1f9d55;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.trust-row strong{display:block;color:#181a1d;font-size:12px;margin-bottom:2px}
.trust-row-compact{margin:12px 0 0;gap:6px}.trust-row-compact li{font-size:11px;padding-left:16px;position:relative}.trust-row-compact li::before{content:'✓';position:absolute;left:0;top:0;color:#1f9d55;font-weight:700}
.info-tabs{margin:44px 0 0;max-width:820px}.tab-list{display:flex;gap:4px;border-bottom:1px solid #dde0e3}.tab-list [role=tab]{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:12px 16px;font:inherit;font-size:14px;font-weight:600;color:#62676e;cursor:pointer}.tab-list [role=tab][aria-selected="true"]{color:#181a1d;border-bottom-color:#c92a35}
.info-tabs [role=tabpanel]{padding:20px 0 0;font-size:14px;line-height:1.65;color:#3f444a}.info-tabs [role=tabpanel] p{margin:0 0 12px}.info-tabs [role=tabpanel] ul:not(.promise-list){padding-left:20px;margin:0 0 12px}.info-tabs [role=tabpanel] li{margin:0 0 6px}.info-tabs .promise-list{margin-top:8px}
.size-guide-dialog{max-width:760px}.size-guide-dialog h2{font-size:28px;margin-bottom:16px}
.size-scene{position:relative;overflow:hidden;aspect-ratio:1.5;border-radius:14px;background:#edf0f2}.size-scene>img{position:absolute;left:-12%;top:-9.6%;width:120%;height:120%;max-width:none;object-fit:cover;object-position:50% 70%}
.size-frames{position:absolute;left:0;right:0;top:41%;translate:0 -50%;display:flex;justify-content:center;align-items:center;gap:2.5%}.size-frame{position:relative;flex:none;border:3px solid #fff;background:#ffffff40;box-shadow:0 0 0 1px #0004,inset 0 0 0 1px #0004,0 6px 14px #0002;padding:0;cursor:pointer;font:inherit;color:#181a1d}.size-frame span{position:absolute;left:50%;bottom:-30px;translate:-50% 0;background:#ffffffe6;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;white-space:nowrap}.size-scene[data-orientation="portrait"] .size-frame span{bottom:auto;top:-30px}
.size-frame img{display:block;width:100%;height:100%;object-fit:cover}.size-frame:hover,.size-frame:focus-visible{border-color:#c92a35;outline:0}
.size-scene[data-orientation="landscape"] .size-frame{aspect-ratio:3/2}.size-scene[data-orientation="portrait"] .size-frame{aspect-ratio:2/3}.size-scene[data-orientation="portrait"] .size-frames{top:44%}
.size-scene[data-orientation="landscape"] .size-frame[data-size="24x36"]{width:calc(36 / 98 * 100%)}.size-scene[data-orientation="landscape"] .size-frame[data-size="16x24"]{width:calc(24 / 98 * 100%)}.size-scene[data-orientation="landscape"] .size-frame[data-size="12x18"]{width:calc(18 / 98 * 100%)}
.size-scene[data-orientation="portrait"] .size-frame[data-size="24x36"]{width:calc(24 / 98 * 100%)}.size-scene[data-orientation="portrait"] .size-frame[data-size="16x24"]{width:calc(16 / 98 * 100%)}.size-scene[data-orientation="portrait"] .size-frame[data-size="12x18"]{width:calc(12 / 98 * 100%)}
.size-guide-toggle{display:flex;gap:8px;margin:14px 0 6px}.size-guide-toggle button[aria-pressed="true"]{background:#181a1d;color:#fff;border-color:#181a1d}
.size-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}.size-table th,.size-table td{text-align:left;padding:9px 6px;border-bottom:1px solid #e1e4e7}
.reveal-summary{font-size:13px;line-height:1.4;margin:0 0 8px;color:#555d65}.reveal-action-bar .btn.secondary{margin-top:10px;min-height:46px;font-size:13px}
.art-pending{font-size:12px;color:#96313a;margin:8px 0 0}.art-failed{margin:0 0 20px}.art-failed p{margin:0 0 10px}
.btn.is-disabled{background:#c9ccd0;border-color:#c9ccd0;color:#fff;pointer-events:none;transform:none}
@media(max-width:650px){
 .size-cards{gap:8px}.size-card{padding:12px 9px}.size-card:has(:checked){padding:11px 8px}.size-card-dims{font-size:11px}.size-card-price{font-size:11px}
 .trust-row{grid-template-columns:1fr;gap:8px}.trust-row li{font-size:12px}.trust-row strong{display:inline;margin-right:4px}
 .info-tabs{margin-top:32px}.tab-list [role=tab]{padding:10px 10px;font-size:13px}
 .size-guide-dialog{padding:20px}.size-guide-dialog h2{font-size:24px}.size-frame span{font-size:10px;padding:3px 6px;bottom:-24px}.size-frame span i{display:none}.size-scene[data-orientation="portrait"] .size-frame span{top:-24px}.size-table{font-size:12px}.size-table th,.size-table td{padding:7px 4px}
 body[data-page="proof"]{padding-bottom:190px}body[data-page="proof"] .reveal-action-bar .arrival-line{display:none}body[data-page="proof"] .reveal-action-bar .btn.secondary{margin-top:8px;min-height:42px;font-size:12px}
 body[data-page="create"] .size-options legend,body[data-page="create"] .finish-options legend{font-size:17px}
}
/* Product page: gallery left, one step at a time right. */
body[data-page="create"] .journey-shell.pdp{display:block;padding-top:18px}.pdp-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:start}
.pdp-stage{position:relative;border-radius:18px;overflow:hidden;background:#edf0f2;aspect-ratio:1;width:100%;max-width:calc(100vh - 170px);margin-inline:auto}.pdp-view{position:absolute;inset:0}.pdp-view[hidden]{display:none}
.pdp-view .room-scene{width:100%;height:100%;border-radius:0;aspect-ratio:auto;margin:0}.pdp-view .room-scene .wall-object{transition:transform .8s cubic-bezier(.2,.7,.2,1),width .45s,left .45s,top .45s}
.pdp-view.style-preview{padding:0}.pdp-view.style-preview .story-compare{margin:0;max-width:none;height:100%;display:flex;flex-direction:column}.pdp-view.style-preview .story-reveal{aspect-ratio:auto;flex:1;min-height:0;border-radius:0;box-shadow:none}.pdp-view.style-preview .story-range{padding:8px 14px;background:#fff;margin:0}.pdp-view.style-preview figcaption{position:absolute;top:10px;left:10px;margin:0;background:#ffffffe6;padding:6px 10px;border-radius:6px;font-size:12px}.pdp-view.style-preview figcaption strong{font-size:13px;margin:0}.pdp-view.style-preview figcaption span{display:none}
.pdp-photo-view{display:grid;place-items:center;background:#f5f6f7}.pdp-photo-view img{width:100%;height:100%;object-fit:contain}#gallery-photo-empty{text-align:center;padding:24px;max-width:320px;display:grid;gap:6px;color:#62676e;font-size:13px;line-height:1.5}#gallery-photo-empty strong{color:#181a1d;font-size:16px}
.pdp-thumbs{display:flex;gap:10px;margin:12px 0 0}.pdp-thumbs [role=tab]{display:grid;gap:4px;justify-items:center;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:11px;color:#62676e}.pdp-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:2px solid #dfe2e6;background:#edece7;display:block}.pdp-thumbs [aria-selected="true"] img{border-color:#c92a35}.pdp-thumbs [aria-selected="true"]{color:#181a1d;font-weight:600}
.pdp-gallery .trust-row{margin-top:20px;gap:14px}.pdp-gallery .trust-row li{font-size:13px;line-height:1.4}.pdp-gallery .trust-row strong{font-size:14px}.pdp-gallery .trust-row svg{width:26px;height:26px}.pdp-trust-mobile{display:none}
.pdp-heading{margin:0 0 14px}.pdp-heading h1{font-size:clamp(28px,2.5vw,36px);line-height:1.05;letter-spacing:-.8px;margin:0}
.pdp-stepper{list-style:none;display:flex;padding:0;margin:0 0 14px}.pdp-stepper li{flex:1;position:relative}.pdp-stepper li:not(:last-child)::after{content:'';position:absolute;top:9px;left:50%;width:100%;height:2px;background:#e1e4e7}
.pdp-stepper button{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;width:100%;background:none;border:0;padding:0;font:inherit;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#71767c;cursor:pointer}.pdp-stepper button i{width:20px;height:20px;border-radius:50%;background:#e1e4e7;border:5px solid #fff;box-sizing:border-box;box-shadow:0 0 0 1px #d5d8dc}
.pdp-stepper button[aria-current] i{background:#c92a35;box-shadow:0 0 0 1px #c92a35}.pdp-stepper button.is-done i{background:#181a1d;box-shadow:0 0 0 1px #181a1d}.pdp-stepper button[aria-current]{color:#181a1d;font-weight:700}
.pdp-step-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px}.pdp-step-head h2{font-size:21px;margin:0;letter-spacing:-.3px}.pdp-step-head .text-link{font-size:14px;padding:0 0 2px}
.pdp .size-cards{gap:10px}.pdp .size-card{padding:8px;gap:5px}.pdp .size-card:has(:checked){padding:7px}
.size-tile{display:block;position:relative;aspect-ratio:1.5;border-radius:8px;overflow:hidden;background:url(assets/journey-room.webp) 50% 70%/cover}.size-tile i{position:absolute;left:50%;top:44%;translate:-50% -50%;width:calc(var(--w,24) / 118 * 100%);aspect-ratio:3/2;background:#fff;box-shadow:0 1px 2px #0006;padding:1px;box-sizing:border-box}.size-cards[data-orientation="portrait"] .size-tile i{aspect-ratio:2/3}.size-tile i img{display:block;width:100%;height:100%;object-fit:cover}
.pdp .size-card-name{font-size:15px}.pdp .size-card-dims{font-size:12px}.pdp .size-card-price{font-size:15px;font-weight:700;margin-top:0}
.finish-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pdp .finish-card{display:grid;gap:4px;padding:8px;margin:0;border:1px solid #dadfe3;border-radius:12px;background:#fff;position:relative;cursor:pointer}.pdp .finish-card:has(:checked){border:2px solid #181a1d;padding:7px;background:#f7f8f9}.pdp .finish-card input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.finish-card-art{display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#e6e7e9}.finish-card-art .mock-stage{border-radius:8px}.pdp-finish-view{display:grid;place-items:center;background:#e6e7e9}.pdp-finish-view .mock-stage{height:100%;width:auto;aspect-ratio:4/3;max-width:100%;border-radius:0}.thumb-box{display:grid;place-items:center;width:72px;height:72px;border-radius:10px;border:2px solid #dfe2e6;background:#e6e7e9;overflow:hidden}.thumb-box .mock-stage{width:72px;border-radius:0}.pdp-thumbs [aria-selected="true"] .thumb-box{border-color:#c92a35}.finish-card-name{font-weight:700;font-size:16px;margin-top:4px}.finish-card-note{font-size:12px;color:#62676e;line-height:1.35}.finish-card-price{font-size:15px;font-weight:700}
.pdp .style-options{padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pdp .style-options .style-card-art>img:first-child{aspect-ratio:1}.pdp .style-card-name{font-size:12px;padding:8px 8px 2px}.pdp .style-card-note{font-size:10px;padding:0 8px 8px}
.pdp .photo-drop{padding:12px 14px;gap:8px}.pdp .photo-drop label strong{font-size:16px}.pdp .photo-drop label span{font-size:12px;line-height:1.4}.pdp .photo-drop #upload-preview img{max-height:64px}.pdp .check{margin:10px 0 0}.pdp .lead-field{margin:8px 0 0}.pdp .lead-field .journey-micro{margin-top:4px;font-size:11px}.pdp .lead-field input{padding:11px 12px}@media(min-width:901px){.pdp .photo-drop #upload-preview{display:none}}
.pdp-foot{margin-top:12px;padding-top:12px;border-top:1px solid #e1e4e7}.pdp-foot .btn{margin-top:8px;min-height:52px;width:100%;font-size:16px}.pdp .create-summary{margin:0;padding:11px 14px;font-size:14px}.pdp .create-summary strong{font-size:19px}.pdp .arrival-line{margin:10px 0 4px;font-size:14px}.pdp .promise-line{margin:0;font-size:14px}.pdp-foot .journey-micro{margin:6px 0 0}.pdp-step{min-height:176px}
.tile-plus{position:absolute;top:8px;right:8px;z-index:1;background:#181a1d;color:#fff;font-size:11px;font-weight:700;padding:4px 7px;border-radius:6px;line-height:1}.tile-plus[hidden]{display:none}.pdp .size-card,.pdp .finish-card{position:relative;transition:border-color .2s,box-shadow .2s,transform .2s}.pdp .size-card:hover,.pdp .finish-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #181a1d14}
.pdp .create-summary{display:flex;justify-content:space-between;align-items:center;gap:12px}.summary-what{font-size:14px;color:#3f444a}.summary-price{display:flex;align-items:center;gap:10px;flex:none}.summary-price strong{font-size:24px;line-height:1;display:inline-block}.summary-price strong small{font-size:13px;font-weight:600;color:#62676e;margin-right:4px}.summary-price s{color:#8a9096;font-size:15px;line-height:1;font-weight:400}.save-badge{font-family:'DM Sans',sans-serif;font-style:normal;display:inline-flex;align-items:center;background:#c92a35;color:#fff;font-size:14px;line-height:1;font-weight:800;padding:7px 10px;border-radius:999px;letter-spacing:.2px;white-space:nowrap}
.summary-price strong.bump{animation:price-bump .45s ease-out}@keyframes price-bump{40%{transform:scale(1.14)}}.pdp-step.is-entering{animation:step-in .32s ease-out both}@keyframes step-in{from{opacity:0;transform:translateY(10px)}}.pdp-view{animation:view-in .3s ease-out both}@keyframes view-in{from{opacity:0}}
.btn-next{gap:14px;position:relative;overflow:hidden}.btn-next::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffff2e 50%,transparent 65%);transform:translateX(-120%);animation:btn-shine 3.2s ease-in-out infinite}@keyframes btn-shine{20%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}.chevrons{display:inline-flex;gap:3px;margin-left:-4px}.chevrons i{width:8px;height:8px;border-right:2.5px solid #fff;border-top:2.5px solid #fff;transform:rotate(45deg);opacity:.35;animation:chev 1.4s ease-in-out infinite}.chevrons i:nth-child(2){animation-delay:.18s}.chevrons i:nth-child(3){animation-delay:.36s}@keyframes chev{0%,100%{opacity:.35;transform:rotate(45deg) translate(0,0)}40%{opacity:1;transform:rotate(45deg) translate(2px,-2px)}}
.pdp-stepper button i,.pdp-stepper li::after{transition:background .35s,box-shadow .35s}.pdp-stepper li.is-done::after{background:#181a1d}
@media(prefers-reduced-motion:reduce){.pdp-step.is-entering,.pdp-view,.chevrons i,.summary-price strong.bump,.btn-next::after{animation:none}.pdp .size-card:hover,.pdp .finish-card:hover{transform:none}}
.pdp-view[hidden]{display:none!important}.pdp-gallery{min-width:0;max-width:100%}.pdp-thumbs-wrap{display:flex;align-items:center;gap:6px;margin-top:12px;min-width:0;max-width:100%}.pdp-thumbs{margin:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;flex:1;min-width:0;padding:2px}.pdp-thumbs::-webkit-scrollbar{display:none}.pdp-thumbs [role=tab]{flex:none;scroll-snap-align:center;width:72px}.pdp-thumbs [role=tab]>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}
.thumbs-arrow{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #dde0e3;background:#fff;color:#181a1d;font:inherit;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px;transition:border-color .2s}.thumbs-arrow:hover{border-color:#181a1d}
.thumb-card{display:grid;place-content:center;gap:2px;width:72px;height:72px;border-radius:10px;border:2px solid #dfe2e6;background:#fff;color:#c92a35;font-size:11px;letter-spacing:1px;text-align:center}.thumb-card b{color:#181a1d;font-size:12px;letter-spacing:0}.pdp-thumbs [aria-selected="true"] .thumb-card{border-color:#c92a35}.thumb-sizes{grid-auto-flow:column;align-items:end;gap:4px}.thumb-sizes i{display:block;width:10px;height:14px;border:2px solid #181a1d;border-radius:1px}.thumb-sizes i:nth-child(2){width:14px;height:20px}.thumb-sizes i:nth-child(3){width:20px;height:30px}
.story-slide{background:#fff;padding:22px 26px;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden}.story-slide .eyebrow{color:#c92a35;font-weight:700;margin:0 0 4px}.story-slide h3{font-size:33px;line-height:1.05;margin:0;font-weight:600;letter-spacing:-.3px}.story-slide h3 em{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;color:#c92a35;font-size:1.08em}.story-slide p{margin:0;font-size:15px;color:#3f444a;line-height:1.45}
.story-real{flex-direction:row;align-items:center;gap:26px}.story-real-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:56%;flex:none}.story-real-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 45%;border-radius:12px;display:block}.story-real-copy{display:grid;gap:10px}.story-link{display:inline-flex;align-items:center;font-weight:700;color:#181a1d;text-decoration:none;border-bottom:2px solid #c92a35;justify-self:start;padding-bottom:2px}
.story-quote{flex-direction:row;align-items:center;gap:28px;background:#f7f4ee}.story-quote-art{width:37%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 12px 30px #181a1d22;flex:none}.story-quote blockquote{margin:0;display:grid;gap:12px}.stars{color:#c92a35;font-size:18px;letter-spacing:3px}.story-quote blockquote p{font-family:'Instrument Serif',serif;font-size:31px;line-height:1.2;color:#181a1d;font-style:italic}.story-quote footer{display:grid;font-size:13px;color:#62676e}.story-quote footer strong{color:#181a1d;font-size:15px}
.story-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-how li{display:grid;gap:5px;font-size:15px;color:#62676e;align-content:start}.story-how li img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block;margin-bottom:4px}.story-how li strong{color:#181a1d;font-size:15px}
.tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tips-grid figure{margin:0;display:grid;gap:6px;font-size:13px;line-height:1.3;color:#181a1d;align-content:start}.tips-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}.tip-good figcaption{color:#1f7a3f;font-weight:600}.tip-bad figcaption{color:#c92a35;font-weight:600}.is-blurred{filter:blur(3px) brightness(.55)}.is-far{object-fit:contain;padding:30%;background:#dfe2e6;box-sizing:border-box}.tips-note{font-size:14px;color:#62676e}.linkish{background:none;border:0;padding:0;font:inherit;font-weight:700;color:#181a1d;text-decoration:underline;cursor:pointer}
.sizes-wall{flex:1;min-height:0;background:linear-gradient(#eceae4,#e3e0d8);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:3%;padding:4% 4% 3%}.sizes-wall .sizes-item{align-self:center}.sizes-item{width:calc(var(--w) / 98 * 100%);display:grid;justify-items:center;gap:2px;font-size:12px;color:#62676e}.sizes-item b{color:#181a1d;margin-top:6px}.sizes-item i{font-style:normal;font-size:11px}.sizes-frame{width:100%;aspect-ratio:3/2;box-shadow:0 8px 18px #181a1d2a;background:#fff;overflow:hidden}.sizes-frame img{width:100%;height:100%;object-fit:cover;display:block}
/* Plan 008: football-mom page. Stage arrows, story slides, reviews, why, story, pairs, final block. */
.pdp-thumbs .mock-stage img{width:100%;height:100%;border:0;border-radius:0;background:none}.pdp-thumbs .mock-stage .mock-bg{object-fit:cover}
.pdp-stage{touch-action:pan-y}.stage-arrow{position:absolute;top:50%;z-index:3;width:40px;height:40px;margin-top:-20px;border-radius:50%;border:0;background:#ffffffe8;color:#181a1d;font:inherit;font-size:26px;line-height:1;padding:0 0 4px;cursor:pointer;box-shadow:0 4px 14px #181a1d26;display:grid;place-items:center;transition:transform .2s,background .2s}.stage-arrow:hover{background:#fff;transform:scale(1.06)}.stage-prev{left:12px}.stage-next{right:12px}
.stage-count{position:absolute;right:12px;bottom:12px;z-index:3;background:#181a1dcc;color:#fff;font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px}
.story-shot{padding:0;background:#fff;display:block}.story-shot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-phone>img{object-fit:contain}.story-hero>img{object-position:40% 60%}.story-hero .stage-caption{top:12px;bottom:auto}.stage-caption{position:absolute;left:14px;bottom:12px;z-index:2;margin:0;background:#fff;color:#181a1d!important;font-size:14px!important;font-weight:600;padding:7px 12px;border-radius:999px;box-shadow:0 4px 14px #181a1d1f}.stage-caption b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#c92a35;color:#fff;font-size:12px;margin-right:6px}
.story-stage-compare{padding:0}.story-stage-compare .story-compare{height:100%;max-width:none;margin:0;position:relative}.story-stage-compare .story-reveal{aspect-ratio:auto;height:100%;border-radius:0;box-shadow:none}.story-stage-compare .story-reveal img,.story-stage-compare .story-after{object-fit:cover}.story-stage-compare .story-range{position:absolute;left:60px;right:60px;bottom:14px;padding:0;background:none;z-index:2}.story-stage-compare .story-range input{width:100%}.story-stage-compare .story-before-label,.story-stage-compare .story-after-label{bottom:auto;top:12px}
.story-product,.story-reviews,.story-real,.story-how,.story-tips,.story-sizes{padding-left:64px;padding-right:64px}.story-product{flex-direction:row;align-items:center;gap:26px;background:#f7f4ee}.story-product>img{height:100%;width:auto;max-width:48%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;flex:none;box-shadow:0 12px 30px #181a1d22}.story-product-copy{display:grid;gap:10px}.story-product-copy small,.pdp figcaption.scene-note{font-size:11px;color:#8a9096}
.story-reviews{background:#f7f4ee;gap:14px}.review-pair{display:grid;grid-template-columns:1fr;gap:14px;max-width:440px}.story-reviews .review-card .review-title{font-size:28px}.story-reviews .review-card p{font-size:16px}.story-reviews .review-card{padding:16px}.story-reviews .review-card p{font-size:14px}
.thumb-stars{background:#c92a35;border-color:#c92a35;color:#fff;font-size:10px;letter-spacing:0}.thumb-stars b{color:#fff;font-size:16px}.pdp-thumbs [aria-selected="true"] .thumb-stars{border-color:#181a1d}
.review-card{margin:0;background:#fff;border:1px solid #e6e2da;border-radius:16px;padding:22px;display:grid;gap:10px;align-content:start}.review-card blockquote{margin:0;display:grid;gap:8px}.review-card p{margin:0;font-size:15px;line-height:1.5;color:#3f444a}.review-card .review-title{font-family:'Instrument Serif',serif;font-size:22px;line-height:1.15;color:#181a1d;font-style:italic}.review-card figcaption{display:grid;gap:2px;font-size:13px;color:#62676e;margin-top:4px}.review-card figcaption b{color:#181a1d;font-size:15px}.review-card figcaption small{font-size:11px;color:#8a9096}
.pdp-cta{display:grid;justify-items:center;gap:10px;margin:40px auto 0;text-align:center}.pdp-cta .btn{min-width:min(360px,100%);display:inline-flex;align-items:center;justify-content:center}.pdp-cta p{margin:0;font-size:13px;color:#62676e}
.pdp-reviews,.pdp-why,.pdp-story,.pdp-pairs,.pdp-final{margin:88px 0 0}.pdp-reviews h2,.pdp-why h2,.pdp-story h2,.pdp-pairs h2,.pdp-final h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.6px;margin:0 0 12px;font-weight:600}.pdp-reviews h2 em,.pdp-why h2 em,.pdp-story h2 em,.pdp-pairs h2 em,.pdp-final h2 em{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;color:#c92a35}.pdp-reviews .eyebrow,.pdp-why .eyebrow,.pdp-story .eyebrow,.pdp-pairs .eyebrow{color:#c92a35;font-weight:700;margin:0 0 10px}
.pdp-reviews{text-align:center}.section-note{color:#62676e;margin:0 auto 26px;max-width:560px}.review-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,340px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;text-align:left;scrollbar-width:thin}.review-row .review-card{scroll-snap-align:start;background:#fbfaf7}
.pdp-why{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:#f7f4ee;border-radius:24px;padding:48px}.why-art{margin:0;display:grid;gap:6px}.why-art img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;display:block}.why-art figcaption{font-size:11px;color:#8a9096}.why-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:14px}.why-list li{font-size:16px;line-height:1.5;color:#3f444a;padding-left:28px;position:relative}.why-list li::before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:#c92a35}.why-list b{color:#181a1d}.why-moments{font-weight:600;margin:0}.pdp-why .pdp-cta{justify-items:start;text-align:left;margin-top:24px}
.pdp-story{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center;max-width:900px;margin-left:auto;margin-right:auto}.pdp-story img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;display:block}.pdp-story p{font-size:16px;line-height:1.55;color:#3f444a}
.pdp-pairs{text-align:center}.pairs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;text-align:left}.pairs-grid figure{margin:0;display:grid;gap:8px}.pairs-grid .story-compare{max-width:none;margin:0}.pairs-grid .story-reveal{aspect-ratio:3/2;border-radius:14px;box-shadow:none}.pairs-grid .story-reveal img,.pairs-grid .story-after{object-fit:cover}.pairs-grid .story-range{padding:8px 0 0}.pairs-grid .story-range input{width:100%}.pairs-grid figcaption{font-size:13px;color:#62676e}
.pdp-final{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-top:1px solid #e6e2da;padding-top:64px;margin-bottom:24px}.final-art{margin:0;display:grid;gap:6px}.final-art img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;display:block}.final-art figcaption,.how-scene figcaption{font-size:11px;color:#8a9096}.how-scene{position:relative}.how-scene figcaption{position:absolute;right:10px;bottom:8px;background:#ffffffd9;padding:2px 7px;border-radius:6px}.final-copy blockquote{margin:18px 0 22px;font-family:'Instrument Serif',serif;font-size:26px;font-style:italic;line-height:1.25}.final-copy cite{display:block;font-family:'DM Sans',sans-serif;font-style:normal;font-size:13px;color:#62676e;margin-top:8px}.pdp-final .pdp-cta{justify-items:start;text-align:left}
.pdp-sub{margin:6px 0 0;font-size:15px;color:#62676e}.pdp .finish-card-art{aspect-ratio:16/9}.thumb-stars b{font-family:'Instrument Serif',serif;font-size:30px;line-height:.6;height:16px}
#make-yours{scroll-margin-top:16px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Square stage (2026-10-22): the text slides use the extra height. The photo guide is 2 x 2, the story's photos sit
   above its words, the how-it-works pictures are 3:4. */
.pdp-stage .tips-grid{grid-template-columns:repeat(2,1fr);gap:14px 16px}.pdp-stage .tips-grid img{aspect-ratio:16/10}.pdp-stage .tips-grid .is-far{padding:14% 30%}
.pdp-stage .story-real{flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}.pdp-stage .story-real-photos{width:min(100%,400px)}
.pdp-stage .story-how li img{aspect-ratio:3/4}
@media(max-width:900px){.pdp-stage .tips-grid{gap:8px 10px}.pdp-stage .tips-grid figure{font-size:11px}.pdp-stage .tips-grid .is-far{padding:12% 30%}.pdp-stage .story-real{gap:10px}.pdp-stage .story-real-photos{width:min(100%,250px)}}
@media(max-width:900px){.pdp .pdp-grid{gap:10px}.pdp-stage .story-product,.pdp-stage .story-reviews,.pdp-stage .story-real,.pdp-stage .story-how,.pdp-stage .story-tips,.pdp-stage .story-sizes{padding-left:44px!important;padding-right:44px!important}.story-reviews .review-card figcaption span,.story-reviews .story-link{display:none}.story-reviews .review-card blockquote p:not(.review-title){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-real p:not(.eyebrow),.story-tips .tips-note{display:none}.story-reviews .review-card .review-title{font-size:16px}.story-reviews .review-card p{font-size:12px}.pdp .pdp-heading.journey-heading{display:block;margin:0 0 6px}.pdp .pdp-heading h1{margin:0}.pdp .pdp-heading+.pdp-stepper{margin-top:4px;padding-top:0}.pdp .pdp-config{padding-top:0}.pdp .pdp-heading h1{font-size:20px!important;line-height:1.15!important;letter-spacing:-.5px}.pdp .pdp-heading h1 em{font-size:1.12em;display:inline}.pdp .pdp-heading h1 br{display:none}.pdp .pdp-stage{height:auto;max-width:min(100%,64vh)}.pdp-thumbs-wrap{margin-top:8px}.pdp .pdp-stepper{margin-bottom:8px}.pdp .finish-card-art{aspect-ratio:16/9}.pdp .summary-what{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pdp .create-summary{padding:8px 12px}.pdp #next-step,.pdp #generate-preview{min-height:0;padding-top:13px;padding-bottom:13px}.story-reviews .eyebrow{display:none}.story-reviews{padding:10px 14px;gap:6px}.story-reviews .story-link{font-size:12px}.pdp-heading h1{font-size:23px;letter-spacing:-.4px}.pdp-heading h1 br{display:none}.pdp-sub{display:none}.stage-arrow{width:32px;height:32px;margin-top:-16px;font-size:22px}.stage-prev{left:8px}.stage-next{right:8px}.stage-count{right:8px;bottom:8px;font-size:11px}.stage-caption{font-size:12px!important;left:8px;bottom:8px;padding:5px 9px}.story-product{gap:14px;padding:12px}.story-product>img{max-width:44%}.story-product-copy{gap:4px}.story-product-copy h3{font-size:18px}.story-product-copy p{font-size:12px}.review-pair{grid-template-columns:1fr}.review-pair .review-card:nth-child(2){display:none}.story-reviews .review-card{padding:10px;gap:4px}.story-reviews .review-card .review-title{font-size:16px}.story-reviews .review-card p{font-size:12px}.story-stage-compare .story-range{left:44px;right:44px;bottom:8px}.pdp-reviews,.pdp-why,.pdp-story,.pdp-pairs,.pdp-final{margin-top:56px}.pdp-why{grid-template-columns:1fr;padding:24px 18px;gap:20px}.why-art img{aspect-ratio:4/3}.pdp-story{grid-template-columns:1fr;gap:18px}.pdp-story img{aspect-ratio:4/3}.pairs-grid{grid-template-columns:1fr}.pdp-final{grid-template-columns:1fr;gap:20px;padding-top:40px}.final-art img{aspect-ratio:4/3}.review-row{grid-auto-columns:82%}.pdp-cta .btn{width:100%}}
/* Round 10: product renders (no studio photo), canvas depth on the wall, full photo, more room in the step column. */
.pdp .mock-stage{position:relative;width:100%;height:100%;aspect-ratio:auto;max-width:none;border-radius:0;background:#f4f3ef;display:grid;place-items:center;overflow:hidden;perspective:1100px;animation:none}
.pdp .finish-card-art,.pdp .thumb-box,.pdp .pdp-finish-view{background:#f4f3ef}
.prod{position:relative;transform-style:preserve-3d;transition:transform .5s ease}
.prod-front{position:absolute;inset:0;overflow:hidden;background:#fff}.prod-front img,.prod-edge img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.prod-edge,.prod-curl{display:none}
.mock-stage[data-format="poster"] .prod{filter:drop-shadow(0 12px 14px #0000002e) drop-shadow(0 1px 2px #00000026)}
.mock-stage[data-format="poster"] .prod-front{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--curl)),calc(100% - var(--curl)) 100%,0 100%)}
.mock-stage[data-format="poster"] .prod-curl{display:block;position:absolute;right:0;bottom:0;width:var(--curl);height:var(--curl);clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#d9d9d6 0%,#f4f4f2 45%,#ffffff 70%,#e8e8e5 100%)}
.size-card-value{font-size:11px;line-height:1.3;color:#1d7a46;font-weight:600}.best-value{font-family:'DM Sans',sans-serif;position:absolute;top:8px;left:8px;z-index:1;background:#1d7a46;color:#fff;font-size:10px;font-weight:700;font-style:normal;padding:4px 6px;border-radius:6px;line-height:1;letter-spacing:.02em}.best-value[hidden]{display:none}
.canvas-nudge{display:flex;width:100%;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border:1px dashed #1d7a46;border-radius:10px;background:#f3faf6;color:#181a1d;font:inherit;font-size:14px;text-align:left;cursor:pointer}.canvas-nudge b{color:#1d7a46}.canvas-nudge[hidden]{display:none}
.proof-jump{display:none}@media(max-width:900px){.proof-jump{display:flex;position:fixed;left:16px;right:16px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom));z-index:14;min-height:56px;box-shadow:0 10px 30px #181a1d33}.proof-jump[hidden]{display:none}body.has-proof-jump .cookie-bar{bottom:84px}}
/* Tap to zoom on the reveal (Clarity, 2026-09-24): the corner chip and the full-screen viewer (artViewer in proof-flow.js). */
.proof-stage .pdp-view{cursor:zoom-in}.proof-stage .story-range,.proof-stage .story-range input{cursor:ew-resize}
.stage-zoom{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:0;border-radius:4px;background:#fffE;color:#181a1d;font:12px system-ui;line-height:1.25;cursor:zoom-in}.stage-zoom::after{content:'';position:absolute;inset:-8px}.stage-zoom svg{flex:none}.stage-zoom:focus-visible{outline:3px solid #c92a35;outline-offset:2px}
.proof-stage[data-view="art"] .stage-zoom{top:46px}.zoom-mouse{display:none}@media(hover:hover) and (pointer:fine){.zoom-mouse{display:inline}.zoom-touch{display:none}}
.art-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#0b0c0e;color:#fff;overflow:hidden}.art-viewer::backdrop{background:#0b0c0e;backdrop-filter:none}
.art-viewer-pane{position:absolute;inset:0;overflow:hidden;touch-action:none;overscroll-behavior:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none}.art-viewer.is-zoomed .art-viewer-pane{cursor:grab}
.art-viewer-frame{position:absolute;left:0;top:0;transform-origin:50% 50%;will-change:transform}.art-viewer-frame.is-easing{transition:transform .24s ease-out}.art-viewer-frame img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.art-viewer .watermarks span{font-size:clamp(12px,2.2vw,22px)}
.art-viewer-tools{position:absolute;z-index:2;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));display:flex;gap:10px}.art-viewer-btn{width:44px;height:44px;padding:0 0 3px;border:0;border-radius:50%;background:#ffffffeb;color:#181a1d;font:inherit;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #0006}.art-viewer-btn:focus-visible{outline:3px solid #c92a35;outline-offset:2px}
.art-viewer .art-viewer-hint{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);margin:0;padding:6px 12px;border-radius:999px;background:#ffffff26;color:#ffffffe0;font-size:12px;white-space:nowrap;pointer-events:none;transition:opacity .2s}.art-viewer.is-zoomed .art-viewer-hint{opacity:0}
html.art-viewer-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.art-viewer-frame.is-easing{transition:none}}
@media(max-width:900px){.proof-stage[data-view="art"] .stage-zoom{top:54px;right:26px}.stage-zoom{top:8px;right:8px;font-size:11px;padding:4px 8px}}
.proof-edit-toggle{display:block;align-self:flex-start;text-align:left;margin:2px 0 4px;padding:0;font-size:14px;color:var(--muted,#5b6068)}.proof-edit{margin-top:4px}.rework-styles{margin:14px 0 0}.rework-label{margin:0 0 8px;font-size:13px;font-weight:600}#rework-form .rework-note{margin-top:20px}#rework-form .rework-note label small{display:inline;margin:0;font-size:inherit;font-weight:400;color:var(--muted,#5b6068)}.rework-actions{margin-top:14px}
.mock-stage[data-format="canvas"] .prod{transform:rotateY(14deg)}
.mock-stage[data-format="canvas"] .prod-front{box-shadow:16px 16px 24px -10px #00000059;transform:translateZ(0)}
.mock-stage[data-format="canvas"] .prod-edge{display:block;position:absolute;top:0;left:0;height:100%;width:var(--depth);transform-origin:left center;transform:rotateY(90deg);overflow:hidden;filter:brightness(.78) saturate(.9)}
.mock-stage[data-format="canvas"] .prod-edge img{transform:scaleX(-1);object-position:left center}
.room-scene{perspective:1400px}.room-scene .print-front img{object-fit:cover}
.room-scene[data-format="canvas"] .wall-object{transform:rotateY(-28deg)}.room-scene[data-format="canvas"] .print-front{box-shadow:10px 14px 20px #00000059}
.pdp-photo-view{position:absolute}.pdp-photo-view>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f5f6f7}
.pdp .pdp-heading{margin-bottom:22px}.pdp .pdp-stepper{margin-bottom:26px}.pdp-step-head{margin-bottom:22px}.pdp-foot{margin-top:26px;padding-top:0;border-top:0}.pdp .create-summary{margin-bottom:20px}.pdp .arrival-line{margin:22px 0 10px}.pdp-foot .journey-micro,.pdp-foot small{display:block;margin-top:10px}.pdp .promise-line{line-height:1.5}.pdp-step .photo-drop{padding:14px 16px;gap:6px 14px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.pdp-step .photo-drop>label{display:grid;gap:2px}.pdp-step .photo-drop input[type=file]{max-width:210px;font-size:13px;color:#62676e}.pdp-step .photo-drop #upload-preview{grid-column:1/-1}.pdp-step label.check{margin-top:22px}.pdp-step .pdp-lead{margin-top:20px}.pdp .summary-what{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pdp-step .journey-micro{display:none}.pdp-step .pdp-lead input{padding-top:11px;padding-bottom:11px}.pdp-step .permission-check,.pdp-step .pdp-lead{margin-top:14px}
@media(max-width:900px){.pdp .pdp-heading{margin-bottom:6px}.pdp .pdp-stepper{margin-bottom:10px}.pdp-step-head{margin-bottom:10px}.pdp-foot{margin-top:12px;padding-top:12px}.pdp .create-summary{margin-bottom:8px}.pdp .arrival-line{margin:12px 0 6px}.mock-stage[data-format="canvas"] .prod{transform:rotateY(28deg)}.pdp .pdp-grid{grid-template-columns:minmax(0,1fr)}}
.size-tools{display:flex;align-items:center;gap:14px}.unit-switch{display:inline-flex;border:1px solid #dde0e3;border-radius:999px;padding:2px;background:#f5f6f7}.unit-switch button{border:0;background:none;font:inherit;font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px;cursor:pointer;color:#62676e;line-height:1.2}.unit-switch [aria-pressed="true"]{background:#181a1d;color:#fff}
.pdp .style-options,body[data-page="create"] .pdp .style-options{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;padding:0;gap:12px}.pdp .style-options .style-card-art>img:first-child,body[data-page="create"] .pdp .style-options .style-card-art>img:first-child{aspect-ratio:4/3}.pdp .style-card-note{display:none!important}.pdp .style-options label.style-card{position:relative}body[data-page="create"] .pdp .style-options span{min-height:0}.pdp .style-options .style-card-name{position:absolute;left:10px;bottom:10px;padding:6px 12px;background:#fff;color:#181a1d;border-radius:999px;font-size:13px;font-weight:700;line-height:1.15;box-shadow:0 2px 10px #181a1d26}
@media(min-width:901px) and (max-height:880px){.pdp .style-options .style-card-art>img:first-child,body[data-page="create"] .pdp .style-options .style-card-art>img:first-child{aspect-ratio:16/9}.pdp .style-options,body[data-page="create"] .pdp .style-options{gap:8px}.pdp-config[data-step="style"] .pdp-sub{display:none}.pdp-config[data-step="style"] .pdp-step-head{margin-bottom:10px}}
@media(max-width:900px){.pdp .style-options,body[data-page="create"] .pdp .style-options{gap:8px}.pdp .style-options .style-card-name{left:6px;bottom:6px;padding:4px 9px;font-size:11px}.size-tools{gap:10px}}
/* Reveal page in the create layout (founder, 2026-09-23). */
body[data-page="proof"] .journey-shell.pdp{display:block;padding-top:18px}
.proof-stage .story-reveal img,.proof-stage .story-after{object-fit:contain!important;background:#f4f3ef}
.proof-stepper li:last-child button[aria-current] i{background:#c92a35;box-shadow:0 0 0 4px #c92a3526}
.proof-choice{display:grid;gap:14px;margin:0 0 4px}.choice-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.choice-label{width:62px;flex:none;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#62676e}.choice-value{font-weight:600}
.seg{display:inline-flex;gap:6px;flex-wrap:wrap}.seg button{border:1px solid #dde0e3;background:#fff;border-radius:10px;padding:9px 14px;font:inherit;font-size:14px;font-weight:600;color:#181a1d;cursor:pointer;display:inline-flex;align-items:baseline;gap:6px;transition:border-color .2s,box-shadow .2s}.seg button:hover{border-color:#181a1d}.seg button[aria-checked="true"]{border-color:#181a1d;box-shadow:0 0 0 1px #181a1d;background:#f7f8f9}.seg button b{font-size:11px;background:#181a1d;color:#fff;padding:2px 6px;border-radius:5px}.seg button small{font-size:11px;font-weight:500;color:#62676e}
.proof-versions{display:flex;gap:8px;flex-wrap:wrap}.proof-versions button{border:2px solid #dfe2e6;background:#fff;border-radius:10px;padding:3px;cursor:pointer;display:grid;gap:3px;font:inherit;font-size:10px;color:#62676e;width:74px}.proof-versions button img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px;display:block;background:#f4f3ef}.proof-versions button[aria-pressed="true"]{border-color:#c92a35;color:#181a1d;font-weight:700}
.proof-config .pdp-foot{margin-top:22px}.proof-change{margin-top:10px}.proof-config #proof-lead{margin-top:22px}.proof-delete{margin:18px 0 0;font-size:12px;color:#8a9096}.proof-delete .linkish{font-weight:500;color:#8a9096}
.seg-size button{flex-direction:column;align-items:flex-start;gap:1px;padding:6px 12px;line-height:1.15}.seg-size button small{font-size:10.5px}.proof-choice{gap:12px}.choice-label-size{display:grid;gap:5px;justify-items:start}.choice-label-size .unit-switch button{padding:2px 7px;font-size:10.5px;letter-spacing:0;text-transform:none}.choice-label{width:70px}.proof-versions button{width:62px}.proof-config .pdp-heading{margin-bottom:16px}.proof-config .pdp-stepper{margin-bottom:20px}.proof-config .pdp-foot{margin-top:18px}.proof-config .create-summary{margin-bottom:14px}
@media(max-width:900px){.choice-label{width:auto;min-width:54px}.proof-choice{gap:10px}.seg button{padding:8px 11px;font-size:13px}.seg-size button{padding:5px 9px}}
.pdp .info-tabs{margin-top:32px;max-width:none}.pdp .info-tabs [role=tabpanel]{font-size:15px}
.pdp-how{margin:64px 0 0}.pdp-how h2,.pdp-faq h2{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.6px;margin:0 0 22px;text-align:center}.how-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.how-steps li{text-align:center}.how-steps figure{margin:0 0 14px;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#eef0f2;position:relative}.how-steps figure.how-phone{background:#fff}.how-compare .story-compare{height:100%;max-width:none;margin:0}.how-compare .story-reveal{aspect-ratio:auto;height:100%;border-radius:0;box-shadow:none}.how-compare .story-reveal img,.how-compare .story-after{object-fit:cover}.how-compare .story-range{position:absolute;left:14px;right:14px;bottom:10px;padding:0;background:none;margin:0}.how-compare .story-range input{width:100%}.how-compare .story-before-label,.how-compare .story-after-label{bottom:auto;top:12px}.how-steps figure img{width:100%;height:100%;object-fit:cover;display:block}.how-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px}.how-steps strong{display:block;font-size:17px;margin:0 0 6px}.how-steps p{font-size:14px;line-height:1.55;color:#62676e;margin:0 auto;max-width:320px}
.pdp-faq{margin:56px auto 0;max-width:760px}.pdp-faq .faq{max-width:none}.pdp-faq summary{font-size:17px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.pdp-faq summary::-webkit-details-marker{display:none}.pdp-faq summary::after{content:'+';font-size:22px;color:#c92a35;flex:none}.pdp-faq details[open] summary::after{content:'–'}.pdp-faq details p{font-size:15px;line-height:1.6}
@media(max-width:900px){
 .pdp{padding-top:8px}.pdp-grid{grid-template-columns:1fr;gap:14px}.how-steps{grid-template-columns:1fr;gap:26px}.pdp-how{margin-top:44px}.pdp-faq{margin-top:40px}.pdp-how h2,.pdp-faq h2{font-size:26px}.pdp-gallery .trust-row{display:none}.pdp-trust-mobile{display:block}
 .pdp-thumbs{gap:8px;margin-top:8px}.pdp-thumbs img,.thumb-box{width:44px;height:44px}.thumb-box .mock-stage{width:44px}.pdp-thumbs [role=tab]{font-size:10px;gap:2px}.thumbs-arrow{display:none}.pdp-thumbs [role=tab]{width:52px}.pdp-thumbs [role=tab]>span:last-child{max-width:52px}.thumb-card{width:44px;height:44px;font-size:8px;letter-spacing:0}.thumb-card b{font-size:10px}.thumb-sizes i{width:6px;height:9px;border-width:1.5px}.thumb-sizes i:nth-child(2){width:9px;height:13px}.thumb-sizes i:nth-child(3){width:13px;height:19px}.story-slide{padding:12px 14px;gap:6px}.story-slide .eyebrow{margin:0;font-size:9px}.story-slide h3{font-size:19px}.story-slide p{font-size:12px;line-height:1.35}.story-real{gap:14px}.story-real-copy{gap:6px}.story-link{font-size:12px}.story-quote{gap:14px}.story-quote-art{width:26%}.story-quote blockquote{gap:6px}.stars{font-size:13px;letter-spacing:2px}.story-quote blockquote p{font-size:15px}.story-quote footer{font-size:11px}.story-quote footer strong{font-size:12px}.story-how ol{gap:8px}.story-how li{font-size:10px;gap:2px}.story-how li strong{font-size:11px}.story-how li img{aspect-ratio:1.5;margin-bottom:2px}.tips-grid{gap:6px}.tips-grid figure{font-size:9px;gap:3px}.tips-note{font-size:10px}.sizes-item{font-size:9px}.sizes-item i{font-size:9px}.sizes-item b{margin-top:2px}.pdp-step{min-height:0}.pdp .create-summary{font-size:12px;padding:9px 12px}.pdp .create-summary strong{font-size:16px}.pdp-step-head h2{font-size:17px}.pdp-step-head{margin-bottom:8px}.pdp-foot{margin-top:10px;padding-top:10px}.pdp .promise-line{font-size:12px}
 .pdp-heading{display:none}.pdp-stepper{margin-bottom:12px;scroll-margin-top:12px}.finish-card-name{font-size:15px}.finish-card-note{font-size:11px}.pdp-step-head h2{font-size:19px}.summary-what{font-size:12px}.summary-price{gap:7px}.summary-price strong{font-size:21px}.summary-price s{font-size:13px}.save-badge{font-size:11px;padding:6px 8px}
 body[data-page="create"] .pdp .style-options{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;padding:0;gap:8px}body[data-page="create"] .pdp .style-options .style-card-art>img:first-child{aspect-ratio:1.5}
 .pdp .size-card{padding:7px}.pdp .size-card:has(:checked){padding:6px}.pdp .size-card-dims{font-size:10px}
}
@media(min-width:901px){.pdp .photo-drop #upload-preview{display:block}}
/* Photo box (founder 2026-10-04): no format or size text and no native file button; the whole box opens the picker,
   and once a photo is chosen it fills the box with a small Change photo pill. */
#photo-step.photo-drop{position:relative;display:block;padding:0;gap:0;border:1.5px dashed #b4bac1;border-radius:16px;background:#f7f8f9;overflow:hidden}
#photo-step>label{display:flex;align-items:center;justify-content:center;min-height:150px;padding:22px 16px;cursor:pointer;text-align:center}
#photo-step .photo-drop-cta{display:flex;flex-direction:column;align-items:center;gap:10px;color:#181a1d}
#photo-step .photo-drop-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;color:#c92a35;box-shadow:0 1px 4px #0000001f}
#photo-step>label strong{font-size:17px;letter-spacing:-.2px}
#photo-step input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
#photo-step:focus-within{outline:3px solid #c92a35;outline-offset:2px}
#photo-step #upload-preview{display:none}
#photo-step .photo-tips{display:block;padding:0 16px 12px;margin-top:-6px;text-align:center;font-size:12px;color:#62676e;text-decoration:underline}
#photo-step.has-photo{border:1px solid #e1e4e7;background:#eef0f2}
#photo-step.has-photo #upload-preview{display:block;margin:0}
#photo-step.has-photo #upload-preview img{display:block;width:100%;height:auto;max-height:min(28vh,200px);object-fit:contain;border-radius:0;margin:0}
#photo-step.has-photo>label{position:absolute;inset:0;min-height:0;padding:10px;align-items:flex-end;justify-content:flex-end;background:none}
#photo-step.has-photo .photo-drop-cta{flex-direction:row;gap:6px;padding:8px 14px 8px 11px;border-radius:999px;background:#fffffff2;box-shadow:0 2px 10px #00000029}
#photo-step.has-photo .photo-drop-icon{width:18px;height:18px;background:none;box-shadow:none}
#photo-step.has-photo .photo-drop-icon svg{width:18px;height:18px}
#photo-step.has-photo>label strong{font-size:13px}
#photo-step.has-photo .photo-tips{display:none}
#photo-step .photo-count{margin:-12px 0 8px;padding:0 16px;text-align:center;font-size:13px;color:#3d4249}
#photo-step.has-photo .photo-count{display:none}
#photo-step.has-photo::before{content:"✓ Photo added";position:absolute;left:10px;top:10px;z-index:1;padding:6px 12px;border-radius:999px;background:#1d7a45;color:#fff;font-size:13px;font-weight:600;box-shadow:0 2px 10px #00000029;pointer-events:none}
.photo-error{margin:10px 0 0;font-size:14px}
/* Smaller once a photo is in (founder, 2026-10-21): the gallery's Photo slide shows it big. */
@media(min-width:901px){#photo-step.has-photo #upload-preview img{max-height:170px}}
.stage-note{position:absolute;left:12px;bottom:10px;z-index:2;font-size:10.5px;color:#4c535b;background:#ffffffd9;padding:2px 7px;border-radius:5px}
/* Photo first (2026-09-28): the last stepper dot is the preview (not a step you can open), the photo
   permission and email sit with the create button, and the reveal shows the finish and size with prices. */
.pdp-stepper li.pdp-step-preview>span{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;width:100%;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#71767c}.pdp-stepper li.pdp-step-preview>span i{width:20px;height:20px;border-radius:50%;background:#fff;border:2px dashed #c9cdd2;box-sizing:border-box}
.pdp-submit label.check{margin:0 0 10px}.pdp-submit .lead-field{margin:0 0 14px}
.proof-edit{margin-top:4px;display:grid;gap:12px}.proof-edit[hidden]{display:none}.proof-edit-title{margin:4px 0 0;font-weight:700;font-size:15px}
.seg-format button,.seg-size button{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.15;text-align:left}.seg-format button{padding:9px 14px;min-width:140px}.seg-format button small{font-size:11px}
.seg button b.seg-price{background:none;color:#181a1d;padding:0;border-radius:0;font-size:13px;font-weight:700;margin-top:3px}.seg button[aria-checked="true"] b.seg-price{color:#c92a35}
.seg-size button{position:relative}.seg-size .seg-best{position:absolute;top:-9px;right:-6px;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.2px;background:#1d7a46;color:#fff;border-radius:999px;padding:2px 7px;line-height:1.3}.seg-size .seg-best[hidden]{display:none}
.proof-size-hint{margin:-4px 0 0;font-size:13px;color:#1d7a46;font-weight:600}.proof-size-hint:empty{display:none}
/* The choice that matters on the reveal (founder, 2026-09-29): poster or canvas and the size, full width, big tap targets. */
.proof-edit{gap:12px;margin-top:10px}.proof-edit-title{font-size:19px;letter-spacing:-.2px;margin:0}
.proof-edit .choice-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch}
.proof-edit .choice-label{width:auto;min-width:0;font-size:12px}
.proof-edit .choice-label-size{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.proof-edit .seg{display:grid;gap:10px;width:100%}.proof-edit .seg-format{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-edit .seg-size{grid-template-columns:repeat(3,minmax(0,1fr))}
.proof-edit .seg button{min-width:0;border-width:1.5px;border-radius:14px;gap:3px;line-height:1.2}
.proof-edit .seg-format button{min-height:76px;padding:12px 16px;font-size:17px}.proof-edit .seg-format button small{font-size:13px}
.proof-edit .seg-size button{min-height:72px;padding:11px 14px;font-size:16px}.proof-edit .seg-size button small{font-size:12.5px}
.proof-edit .seg button b.seg-price{font-size:17px;margin-top:4px}
.proof-edit .seg button[aria-checked="true"]{box-shadow:0 0 0 1.5px #181a1d}
.proof-edit .seg-size .seg-best{top:-10px;right:8px;font-size:11px;padding:3px 8px}
.proof-edit .proof-size-hint{margin:0}
.canvas-nudge{display:block;line-height:1.45}.pdp-foot #choose-proof+.canvas-nudge{margin:10px 0 0}
.proof-choice .proof-restyle{font-size:13px;font-weight:500;color:#62676e;text-decoration-thickness:1px;text-underline-offset:3px}
.rework-styles #rework-style-row{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.proof-edit{gap:16px}.proof-edit-title{font-size:18px}.proof-edit .seg{gap:8px}.proof-edit .seg-format button{min-height:84px;padding:12px 14px;font-size:16px}.proof-edit .seg-size button{min-height:78px;padding:11px 10px;font-size:15px}.proof-edit .seg-size button small{font-size:11.5px}.proof-edit .seg button b.seg-price{font-size:16px}}
@media(max-width:900px){.seg-format{display:grid;grid-template-columns:1fr 1fr;width:100%}.seg-format button{min-width:0}.seg-size{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.proof-edit .choice-row{align-items:flex-start}}

@property --reveal{syntax:'<percentage>';inherits:true;initial-value:50%}
/* What's on their cover (2026-10-21): the example cover with numbered marks, and the list beside it (below it on phones). */
.cover-details{display:flex;flex-direction:row;align-items:center;gap:22px;padding:18px 58px;background:#efece6}
.details-cover{position:relative;margin:0;height:100%;aspect-ratio:2/3;flex:none}
.details-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;box-shadow:0 10px 26px #0003}
.details-mark{position:absolute;translate:-50% -50%;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#c92a35;color:#fff;font-size:14px;font-weight:700;border:2px solid #fff;box-shadow:0 2px 8px #0006}
.details-copy{min-width:0}.details-copy .eyebrow{margin:0 0 10px}
.details-copy ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.details-copy li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}
.details-copy li>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#c92a35;color:#fff;font-size:13px}
.details-copy strong{display:block;font-size:16px;line-height:1.25;color:#181a1d}.details-copy small{display:block;font-size:13px;line-height:1.35;color:#4c535b;margin-top:2px}
@media(max-width:900px){.cover-details{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px 30px}.details-cover{height:auto;flex:1 1 0;min-height:0;align-self:center}
 .details-mark{width:22px;height:22px;font-size:12px}.details-copy .eyebrow{display:none}.details-copy ol{gap:7px}.details-copy li{grid-template-columns:22px 1fr;gap:8px}
 .details-copy li>b{width:22px;height:22px;font-size:12px}.details-copy strong{font-size:14px}.details-copy small{font-size:12px}}
.mag-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.mag-card{position:relative}
.mag-card .style-card-art{display:block;aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:8px;background:#ebe8e2}
.mag-compare{position:absolute;inset:0;margin:0}
.mag-compare .story-reveal,.mag-compare .story-after{position:absolute;inset:0;display:block;min-height:0;aspect-ratio:auto;border-radius:0;background:transparent}
.mag-compare .story-reveal{background:#ebe8e2}
.mag-card .mag-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;margin:0;aspect-ratio:auto;border-radius:0}
.mag-compare .story-divider{min-height:0;display:block}
.mag-compare .story-before-label,.mag-compare .story-after-label{display:none}
.mag-compare .story-divider::after,.mag-compare-box .story-divider::after{content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 4 2 8l4 4M10 4l4 4-4 4' fill='none' stroke='%23181a1d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 1px 5px #0006}
.mag-compare .story-divider::after{width:22px;height:22px;margin:-11px 0 0 -11px;background-size:12px}
@keyframes mag-hint{0%,14%{--reveal:100%}38%,56%{--reveal:0%}80%,100%{--reveal:100%}}
.pdp-step:not([hidden]) .mag-card[data-hint] .mag-compare .story-reveal{animation:mag-hint 5.5s ease-in-out var(--hint-delay,.5s) infinite}
@media(prefers-reduced-motion:reduce){.pdp-step .mag-card .mag-compare .story-reveal{animation:none}}
.mag-chips,.mag-tag-chips{display:flex;flex-wrap:wrap;gap:8px}.mag-tag-chips{margin-top:8px}
.mag-chip{border:1px solid #d9dce0;background:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;color:#181a1d}
.mag-chip[aria-pressed=true]{border-color:#181a1d;box-shadow:inset 0 0 0 1px #181a1d;background:#f5f6f7}.mag-chip:focus-visible{outline:2px solid #c92a35;outline-offset:2px}
.mag-details{display:grid;gap:14px;margin:18px 0 4px}.mag-details .field{display:flex;flex-direction:column;gap:6px;margin:0}.mag-details label{font-weight:600}.mag-details label small{display:inline;margin:0;font-size:inherit;font-weight:400;color:#62676e}
.mag-details input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d9dce0;border-radius:10px;font:inherit;font-size:16px;background:#fff}.mag-details .is-needed input{border-color:#c92a35}
.mag-note{font-size:12.5px;line-height:1.45;color:#62676e;margin:6px 0 0}.mag-note:empty{display:none}
/* The cover's name and number (2026-10-02; in view under the photo since 2026-10-04): the name and a narrow number side by side, the note under both. */
.mag-name{grid-template-columns:minmax(0,1fr);gap:8px 10px;align-items:end;margin:16px 0 0}.mag-name .mag-note{grid-column:1/-1;margin:0}.mag-name-head{grid-column:1/-1;margin:0 0 2px;font-size:15px;font-weight:600}.mag-name-head small{font-weight:400;color:#62676e;font-size:inherit}.mag-name .mag-sport-field{grid-column:1/-1;margin-top:8px}
/* The from line switch on the reveal (designs 3.0). */
.mag-from-row{margin:12px 0 4px}.mag-from-switch{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid #d9dce0;border-radius:12px;background:#fff;font:inherit;text-align:left;cursor:pointer;color:#181a1d}
.mag-from-switch:disabled{opacity:.6;cursor:progress}.mag-from-switch:focus-visible{outline:2px solid #c92a35;outline-offset:2px}
.mag-from-track{flex:none;position:relative;width:44px;height:26px;border-radius:13px;background:#c9c6be;transition:background .2s}.mag-from-track::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}
.mag-from-switch[aria-checked=true] .mag-from-track{background:#c92a35}.mag-from-switch[aria-checked=true] .mag-from-track::after{left:21px}
.mag-from-text{display:flex;flex-direction:column;gap:2px;font-size:14px}.mag-from-text small{color:#62676e;font-size:13px}
.mag-from-hint{display:block;color:#62676e;font-size:12.5px;line-height:1.45}
.mag-modes{border:0;padding:0;margin:0 0 16px;display:grid;gap:10px}
.mag-textmode{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start;padding:14px;border:1px solid #d9dce0;border-radius:12px;cursor:pointer;background:#fff}
.mag-textmode input{grid-row:span 2;width:20px;height:20px;margin:2px 0 0;accent-color:#c92a35}.mag-textmode b{font-size:16px}.mag-textmode small{color:#62676e;line-height:1.4}
.mag-textmode:has(input:checked){border-color:#181a1d;box-shadow:inset 0 0 0 1px #181a1d}.mag-textmode:has(input:focus-visible){outline:2px solid #c92a35;outline-offset:2px}
.mag-personal .field,.mag-sport-field{margin:0 0 14px;display:flex;flex-direction:column;gap:6px}
.mag-personal label,.mag-sport-field label{font-weight:600}.mag-personal label small{display:inline;font-weight:400;color:#62676e}
.mag-personal input,.mag-sport-field select,#mag-subject-text{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d9dce0;border-radius:10px;font:inherit;font-size:16px;background:#fff}
.mag-count{font-size:12px;color:#62676e;text-align:right;margin-top:-2px}.mag-hint{font-size:13px;color:#96313a}.mag-hint:empty{display:none}
.mag-words{background:#f7f5f1;border-radius:12px;padding:14px 16px;margin:4px 0 8px}.mag-words .eyebrow{margin:0 0 8px}
#mag-words{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:6px}#mag-words li{background:#fff;border:1px solid #e3e1dc;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600;overflow-wrap:anywhere}
#mag-words li.mag-none{font-weight:400;border:0;background:none;padding:0;color:#62676e}
#mag-error:empty{display:none}
/* The line under the covers (2026-10-20): what the cover will say, and a link-style button back to the sport box. */
.mag-sport-line{margin:14px 0 2px;font-size:14px;line-height:1.5;color:#3f444a}.mag-sport-line:empty{display:none}
.mag-sport-line b{color:#181a1d;font-weight:800;letter-spacing:.2px}
.mag-sport-back{display:inline;border:0;background:none;padding:0;margin:0;font:inherit;font-weight:600;color:#c92a35;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.mag-sport-back:focus-visible{outline:2px solid #c92a35;outline-offset:2px;border-radius:2px}
body.mag-mode .story-section{display:none}
.mag-subject{border:0;padding:0;margin:16px 0 4px;display:grid;gap:8px}.mag-subject legend{font-weight:600;margin:0 0 6px;padding:0}.mag-subject label{display:flex;gap:10px;align-items:center}.mag-subject input[type=radio]{width:18px;height:18px;accent-color:#c92a35}
.mag-covers-view{padding:14px 18px 10px;display:flex;flex-direction:column;box-sizing:border-box}.mag-covers-view .eyebrow{text-align:center;margin:0 0 10px}
.mag-covers-grid{flex:1;min-height:0;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px 12px}.mag-covers-grid button{flex:0 0 calc(33.333% - 8px);height:calc(50% - 5px);min-height:0;border:0;padding:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;font-size:11px;line-height:1.2;font-weight:600;color:#181a1d;text-align:center}.mag-gone{font-size:13px;color:#96313a;font-weight:600;margin:0 0 8px}.mag-covers-grid button[hidden]{display:none}
.mag-covers-grid img{flex:1;min-height:0;max-width:100%;width:auto;aspect-ratio:2/3;object-fit:cover;border-radius:3px;box-shadow:0 6px 16px rgba(0,0,0,.18)}.mag-covers-grid span{flex:none}.mag-covers-grid button:focus-visible img{outline:3px solid #c92a35;outline-offset:2px}
.mag-covers-view .room-label{position:static;display:block;text-align:center;margin-top:8px;flex:none}
/* Portrait covers: the compare box takes the cover's own 2:3 shape (designs 2.0; 3:4 before), centred on a warm backdrop, so the line moves across the cover itself. */
body.mag-mode .pdp-view.style-preview,body.mag-mode .pdp-view.style-preview .story-compare,.mag-stage-compare,.mag-stage-compare .story-compare{background:#efece6}
body.mag-mode .pdp-view.style-preview .story-compare{align-items:center}
body.mag-mode .pdp-view.style-preview .story-reveal{flex:1 1 0;height:auto;width:auto;max-width:100%;aspect-ratio:2/3}
body.mag-mode .pdp-view.style-preview .story-range{align-self:stretch}
.mag-stage-compare .story-compare{display:flex;justify-content:center}
.mag-stage-compare .story-reveal{height:100%;width:auto;aspect-ratio:2/3}
body.mag-mode .pdp-view.style-preview .story-reveal img,.mag-stage-compare .story-reveal img,body.mag-mode .pdp-view.style-preview .story-after,.mag-stage-compare .story-after{object-fit:cover;background:transparent}
/* Square gallery (2026-10-22, founder 2026-10-21: "make the gallery bigger for all pictures and make it square"): the
   stage is 1:1 (build-flow.mjs). On phones the cover, photo and "on their cover" slides still get a taller stage
   (build-flow.mjs showView adds stage-tall; founder 2026-10-21: "super squeezed"), as a square would shrink them. */
@media(min-width:901px){.cover-details{padding:20px 50px}.details-cover{height:auto;width:47%}}
@media(max-width:900px){body.mag-mode .pdp .pdp-stage.stage-tall{aspect-ratio:auto;height:min(66vh,500px);max-width:none}}
/* Poster and canvas: the scene fills the square, the words on a card over the desk or bed below the print. */
.mag-scene-copy{position:absolute;left:14px;right:14px;bottom:44px;z-index:2;display:grid;gap:5px;padding:16px 20px;background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #181a1d26}
.mag-scene-copy .eyebrow{margin:0}.mag-scene-copy h3{font-size:28px}.mag-scene-copy p{font-size:14px}
@media(max-width:900px){.mag-scene-copy{left:8px;right:8px;bottom:30px;gap:3px;padding:9px 12px;border-radius:10px}.mag-scene-copy h3{font-size:18px}.mag-scene-copy p{font-size:12px}}
body.mag-mode .pdp-grid{overflow-anchor:none} /* showView keeps the place itself, the same in every browser */
.mag-sizes .sizes-frame{aspect-ratio:2/3}
.mag-review-note{font-size:12px;color:#62676e;margin:10px 0 0;text-align:center}
.mag-pairs .story-reveal{aspect-ratio:2/3}.mag-pairs .story-reveal img{object-fit:cover}.mag-pairs-note{text-align:center;margin:14px auto 0}
.mag-how .how-compare .story-compare{display:flex;justify-content:center;background:#efece6}.mag-how .how-compare .story-reveal{height:100%;width:auto;aspect-ratio:2/3}.mag-how .how-compare .story-reveal img{object-fit:cover}.mag-how-lead{text-align:center;color:#62676e;margin:-12px 0 22px}
body.mag-mode .pdp-grid>*{min-width:0}
body.mag-mode .pdp-stepper li,body.mag-mode .pdp-stepper button{min-width:0}@media(max-width:600px){body.mag-mode .pdp-stepper button,body.mag-mode .pdp-stepper li>span{letter-spacing:.3px;font-size:9.5px}}
#proof-cover-row .choice-value{overflow-wrap:anywhere}
.rework-styles #rework-style-row.mag-rework{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}#rework-style-row.mag-rework button{padding:3px 3px 5px;gap:4px;font-size:10.5px}
#rework-style-row.mag-rework button img{aspect-ratio:2/3;object-fit:cover;object-position:50% 0;border-radius:5px}
@media(max-width:600px){.rework-styles #rework-style-row.mag-rework{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#rework-style-row.mag-rework button{font-size:11px}}
@media(max-width:600px){.mag-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mag-covers-view{padding:10px}}
/* The explainer video: gallery slide (a frame of it with a play button), its thumb, the full-size dialog and the section. */
.mag-video-view{background:#141315;cursor:pointer}
.mag-video-view>img{width:100%;height:100%;object-fit:contain;display:block}
.mag-play{position:absolute;left:50%;top:50%;z-index:2;width:76px;height:76px;margin:-38px 0 0 -38px;border:0;border-radius:50%;background:#c92a35;box-shadow:0 8px 28px #0009;cursor:pointer;display:grid;place-items:center;transition:transform .2s ease}
.mag-play i{width:0;height:0;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff;margin-left:6px}
.mag-video-view:hover .mag-play{transform:scale(1.07)}.mag-play:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mag-thumb-play{position:relative;display:block}
.mag-thumb-play::after{content:'';position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#c92a35 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 1.6v6.8l5.6-3.4z' fill='%23fff'/%3E%3C/svg%3E") 55% 50%/11px no-repeat;box-shadow:0 2px 8px #0007}
.mag-video-dialog{padding:0;border:0;border-radius:18px;background:#141315;color:#9a9ea4;width:min(92vw,calc((100vh - 144px)*.8));width:min(92vw,calc((100dvh - 144px)*.8));max-width:none;max-height:none;overflow:hidden}
.mag-video-dialog video{display:block;width:100%;height:auto;aspect-ratio:4/5;background:#141315}
.mag-video-dialog p{margin:0;padding:8px 14px 10px;font-size:11px;text-align:center}.mag-video-dialog p a,.mag-video-box figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.mag-video-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 6px 16px}.mag-video-bar p{margin:0;padding:0;font-size:14px;font-weight:600;color:#e9e6e1;text-align:left}
.mag-video-close{width:38px;height:38px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.mag-video-close:focus-visible{outline:3px solid #fff;outline-offset:2px}
.mag-video{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);grid-template-areas:"video head" "video rest";column-gap:56px;align-items:center;margin:64px 0 0;padding:44px 56px;background:#141315;border-radius:24px;color:#e9e6e1}
.mag-video-head{grid-area:head;align-self:end}.mag-video-rest{grid-area:rest;align-self:start}
.mag-video .eyebrow{color:#f0707a;margin:0 0 10px}
.mag-video h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.8px;margin:0 0 14px;color:#fff}.mag-video h2 em{color:#ff8f95}
.mag-video-head p:not(.eyebrow){margin:0;max-width:440px;font-size:16px;line-height:1.55;color:#b9bcc1}
.mag-video-box{grid-area:video;margin:0}
.mag-video-frame{position:relative}
.mag-video-frame video{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:18px;background:#000;box-shadow:0 20px 50px #0008}
.mag-video-box figcaption{margin:8px 0 0;font-size:11px;color:#8a8f96;text-align:center}
.mag-sound{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;white-space:nowrap;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 16px 10px 12px;background:#fff;color:#181a1d;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #0007}
.mag-sound i{width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 7.5h3l4.5-3.8v12.6L6 12.5H3z' fill='%23181a1d'/%3E%3Cpath d='M13.5 7a4 4 0 0 1 0 6M15.8 4.8a7.2 7.2 0 0 1 0 10.4' fill='none' stroke='%23181a1d' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.mag-sound.is-play{right:auto;bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 22px 14px 18px;background:#c92a35;color:#fff;font-size:16px}
.mag-sound.is-play i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2.4 1.2v7.6L8.8 5z' fill='%23fff'/%3E%3C/svg%3E")}
.mag-sound[hidden]{display:none}.mag-sound:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mag-video .pdp-cta{justify-items:start;text-align:left;margin:24px 0 0}.mag-video .pdp-cta p{color:#b9bcc1}
.mag-video-script{margin:20px 0 0}.mag-video-script summary{cursor:pointer;font-size:14px;font-weight:600;color:#e9e6e1}.mag-video-script p{margin:8px 0 0;max-width:460px;font-size:14px;line-height:1.6;color:#b9bcc1}
@media(max-width:900px){.mag-play{width:58px;height:58px;margin:-29px 0 0 -29px}.mag-play i{border-width:10px 0 10px 16px;margin-left:5px}.mag-thumb-play::after{width:22px;height:22px;margin:-11px 0 0 -11px;background-size:9px}
 .mag-video{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "video" "rest";row-gap:18px;margin-top:44px;padding:28px 18px 24px;border-radius:20px}
 .mag-video-head,.mag-video-rest{text-align:center}.mag-video-head p:not(.eyebrow){margin:0 auto}.mag-video-box{width:100%;max-width:440px;justify-self:center}
 .mag-video .pdp-cta{justify-items:center;text-align:center;margin-top:4px}.mag-video-script p{margin:8px auto 0;text-align:left}}
@media(prefers-reduced-motion:reduce){.mag-play{transition:none}}

/* Light-up cover (build-light.mjs): first screen, gallery, the light switch, and the reveal's CSS-drawn frame. */
body.light-mode .pdp-sub{display:block}
.summary-price strong.light-sizes-price{color:var(--red,#c92a35)}
.light-slide>img{object-position:50% 50%}
.light-pics{position:absolute;inset:0}.light-pics img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}
.light-pics[data-light="on"] .light-pic-off,.light-pics[data-light="off"] .light-pic-on{opacity:0}
.light-switch{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:#181a1d;box-shadow:0 6px 20px #0004}
.light-switch button{border:0;border-radius:999px;background:none;color:#d4d6da;font:inherit;font-size:14px;font-weight:700;line-height:1.1;padding:10px 18px;min-height:44px;cursor:pointer;white-space:nowrap;transition:background-color .2s,color .2s}
.light-switch button[aria-pressed="true"]{background:#fff;color:#181a1d}
.light-switch [data-light="on"][aria-pressed="true"]{background:#ffd47e;color:#2b2000;box-shadow:0 0 18px #ffcf6e99}
.light-switch button[aria-busy="true"]{color:#a6aab0;font-weight:600;font-size:13px}
.light-switch button:focus-visible{outline:3px solid #c92a35;outline-offset:2px}
.light-toggle{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;background:#181a1d;color:#8f939a;font:inherit;font-size:14px;font-weight:700;line-height:1;padding:7px 14px;min-height:44px;cursor:pointer;box-shadow:0 6px 20px #0004;white-space:nowrap}
.light-toggle .lt-track{position:relative;flex:none;width:46px;height:26px;border-radius:999px;background:#4a4e55;box-shadow:inset 0 1px 3px #0006;transition:background-color .25s,box-shadow .25s}
.light-toggle .lt-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:translate .25s ease}
.light-toggle[aria-checked="false"] .lt-off{color:#fff}
.light-toggle[aria-checked="true"] .lt-on{color:#ffd47e}
.light-toggle[aria-checked="true"] .lt-track{background:#ffd47e;box-shadow:0 0 14px #ffcf6e99}
.light-toggle[aria-checked="true"] .lt-knob{translate:20px 0}
.light-toggle:focus-visible{outline:3px solid #c92a35;outline-offset:2px}
.light-switch-view .light-toggle{position:absolute;left:50%;bottom:14px;translate:-50% 0;z-index:3}
.light-guide-link{position:absolute;right:12px;top:12px;z-index:3;border:0;border-radius:999px;background:#fff;color:#181a1d;font:inherit;font-size:13px;font-weight:600;padding:7px 12px;box-shadow:0 4px 14px #181a1d1f;cursor:pointer}
body.light-mode .mag-covers-grid button{flex:0 0 calc(25% - 9px);height:auto}body.light-mode .mag-covers-grid img{flex:none;width:100%;height:auto}
body.light-mode .rework-styles #rework-style-row.mag-rework{grid-template-columns:repeat(4,minmax(0,1fr))}
.light-guide-img{display:block;width:100%;height:auto;border-radius:14px;background:#efece6}
/* How it works step 3 (round 5): the real frame, light off or on, with its switch at the bottom and the label on top. */
.how-steps figure.light-how-scene .light-pics img{width:100%;height:100%;object-fit:cover}
.light-how-scene .light-toggle{position:absolute;left:50%;bottom:12px;translate:-50% 0;z-index:2}
.how-steps .light-how-scene figcaption{top:8px;bottom:auto;left:8px;right:auto;z-index:2}
/* The covers section's real-video collage (round 5): one large clip and two stacked, all 9:16. */
.light-collage{grid-area:stage;position:relative;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:8px;width:100%;max-width:440px;margin:14px auto 4px}
.light-clip{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;background:#111}
.light-clip-1{grid-row:1/3;aspect-ratio:9/16;height:auto}
.light-collage-tag{position:absolute;left:8px;top:8px;background:#ffffffd9;color:#3f444a;font-size:11px;font-weight:600;padding:2px 7px;border-radius:6px}
@media(min-width:901px){.light-collage-hero .light-collage{align-self:center;margin:24px auto}}
/* The covers section has no cover picker or name rows between its title and button (2026-10-14: the button sat on the title). */
.light-collage-hero .cover-cta{margin-top:28px}
/* The reveal: their cover in a frame drawn in CSS, in the size's own shape (outside of the frame: 230 × 320 mm or
   170 × 220 mm, a 10 mm face), the cover at full height and centred as printed: a 3:4 design (2026-10-30) fills the
   small window and loses a little at each side in the large; an older 2:3 one gets its side strips filled. */
.light-view{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 14px 16px;box-sizing:border-box;background:#efece6;transition:background-color .35s ease}
.light-view[data-light="on"]{background:#2a2622 radial-gradient(ellipse at 50% 42%,#5a4a38 0,#2a2622 68%)}
.light-box{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.light-frame{--fx:4.35%;--fy:3.125%;position:relative;height:100%;max-width:100%;aspect-ratio:230/320;border-radius:3px;box-shadow:0 22px 30px -14px #000a,0 2px 3px #0004,inset 0 0 0 1px #0000002e,inset 2px 2px 0 #ffffff26,inset -2px -2px 0 #00000033;transition:box-shadow .35s ease}
.light-frame[data-size="8in"]{--fx:5.9%;--fy:4.55%;height:68.75%;aspect-ratio:170/220}
.light-frame[data-frame="wood"]{background:repeating-linear-gradient(92deg,#0000 0 6px,#5b391a1a 6px 7px,#0000 7px 13px,#fff1 13px 14px,#0000 14px 22px,#4a2d1426 22px 23px),linear-gradient(135deg,#caa074,#a9784a 48%,#c49465 78%,#a87444)}
.light-frame[data-frame="black"]{background:linear-gradient(135deg,#2c2c2f,#131315 55%,#262629)}
.light-window{position:absolute;left:var(--fx);right:var(--fx);top:var(--fy);bottom:var(--fy);overflow:hidden;background:#fff}
.light-window::after{content:'';position:absolute;inset:0;box-shadow:inset 0 2px 7px #0005,inset 0 0 0 1px #0002;pointer-events:none}
.light-fill{position:absolute;left:-10%;top:-10%;width:120%;height:120%;max-width:none;object-fit:cover;filter:blur(14px) brightness(.9) saturate(1.1)}
.light-art{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;translate:-50% 0;display:block}
.light-art[hidden],.light-view[data-light="off"] .light-fill{display:none}
.light-view[data-light="on"] .light-frame{box-shadow:0 0 70px 12px #ffcf7a40,0 22px 30px -14px #000c,0 2px 3px #0004,inset 0 0 0 1px #0000002e,inset 2px 2px 0 #ffffff26,inset -2px -2px 0 #00000033}
.light-view[data-light="on"] .light-art{filter:brightness(1.05) saturate(1.06)}
.light-view .light-switch{flex:none;position:relative;z-index:2}
.light-status{margin:0;max-width:340px;text-align:center;font-size:12.5px;line-height:1.35;color:#3f444a}.light-view[data-light="on"] .light-status{color:#e9e6e1}.light-status:empty{display:none}
.light-view .stage-note{left:12px;bottom:12px}
.light-proof .proof-stage[data-view="art"] .stage-zoom{top:10px;right:auto;left:10px}
.proof-edit .seg-light{grid-template-columns:repeat(2,minmax(0,1fr))}
.proof-edit .seg-light button{flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:76px;padding:11px 14px;font-size:16px}
.proof-edit .seg-light button small{font-size:12.5px}
.proof-edit .seg-light button b.seg-price s{color:#8a9096;font-weight:500;font-size:13px;margin-left:4px}
.light-frame-row .seg-light button{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.light-frame-row .seg-light button small{grid-column:2}
.light-swatch{grid-row:span 2;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}
.light-swatch-wood{background:linear-gradient(135deg,#caa074,#a9784a 55%,#c49465)}.light-swatch-black{background:linear-gradient(135deg,#2c2c2f,#131315)}
/* "Rather have a poster or canvas? Same cover." under the frame's Buy now (proof-flow.js lightPrintSwitch, 2026-10-20). */
.print-switch{display:block;width:100%;margin:14px 0 18px;padding:12px 14px;min-height:48px;border:1px solid #c9cdd2;border-radius:10px;background:#fff;color:#3f444a;font:inherit;font-size:15px;line-height:1.4;text-align:center;cursor:pointer}
.print-switch b{color:#181a1d;white-space:nowrap}.print-switch:hover{border-color:#8a9096;color:#181a1d}.print-switch:disabled{opacity:.6;cursor:progress}
@media(max-width:900px){
 body.light-mode .pdp-sub{display:none}
 /* The caption sits at the top on phones; bottom:auto, or it stretched down the whole picture (fixed 2026-10-22). */
 .light-slide .stage-caption{top:8px;bottom:auto}
 .light-switch button{padding:9px 14px;font-size:13px;min-height:40px}
 .light-switch-view .light-toggle{bottom:10px}
 /* The switch takes the bottom of the picture on phones: its label sits under the caption instead. */
 .light-switch-view .stage-note{top:44px;bottom:auto;left:8px}
 .light-toggle{font-size:13px;min-height:40px;padding:6px 12px;gap:8px}
 .pdp.light-proof .proof-stage{aspect-ratio:auto;height:min(54vh,380px)}
 .light-view{padding:40px 10px 12px;gap:8px}
 .light-slide .stage-caption{font-size:11.5px!important;padding:5px 9px}
 /* The hero picture has its own LIGHT OFF / LIGHT ON labels at the top: its caption sits low on phones. */
 .light-slide[data-view="phone"] .stage-caption{top:auto;bottom:36px}
 /* Pictures that carry their own labels (brightness, frames, sizes) keep them clear on phones. */
 .light-slide[data-view="brightness"] .stage-caption,.light-slide[data-view="frames"] .stage-caption,.light-slide[data-view="sizes"] .stage-caption{display:none}
 .light-guide-link{right:auto;left:8px;top:8px;font-size:12px;padding:6px 10px}
 .proof-edit .seg-light button{min-height:70px;padding:10px 12px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.light-pics img,.light-view,.light-frame,.light-switch button{transition:none}.light-toggle .lt-track,.light-toggle .lt-knob{transition:none}}

/* Hobby covers (build-hobby.mjs): the first screen on the cover and light-up pages, and the stock-photo note. */
body.hobby-mode .pdp-sub{display:block}
body.hobby-mode .mag-name{grid-template-columns:minmax(0,1fr)}
body.hobby-mode .mag-name .field[hidden]{display:none!important}
body.hobby-mode .mag-covers-grid button{flex:0 0 calc(25% - 9px);height:auto}body.hobby-mode .mag-covers-grid img{flex:none;width:100%;height:auto}
.hobby-stock-note{margin:28px auto 36px;font-size:13px;line-height:1.5;color:#62676e;text-align:center}
@media(max-width:900px){body.hobby-mode .pdp-sub{display:none}}

/* Light page v2 (build-light-v2.mjs): body.lv2 on /light-up-frame, with body.lv2-a or body.lv2-b for the first screen. */
body.lv2 #create-summary{display:none}
.lv2 [id^="lp-"],.lv2 #reviews,.lv2 #make-yours{scroll-margin-top:84px}
.lv2-stars{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:inherit;text-decoration:none}
.lv2-stars>span:last-child{text-decoration:underline;text-underline-offset:3px}
.lv2-stars-top{display:none}
/* The description tabs, folded to one sentence. */
.info-tabs.lv2-folded>:not(.lv2-fold){display:none}
.lv2-fold{border-top:1px solid #e6e2da;padding-top:14px;margin-bottom:6px}
.lv2-fold p{margin:0;font-size:15px;line-height:1.5;color:#3f444a}
.lv2-fold-more{border:0;background:none;padding:8px 0;min-height:44px;font:inherit;font-size:15px;font-weight:700;color:#181a1d;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* A: the video as the gallery's first slide, the whole 4:5 video inside the square. */
.lv2-video-view:not([hidden]){display:flex;align-items:center;justify-content:center;background:#e9e3d9}
.lv2-video-view .mag-video-box{max-width:none;width:auto;height:100%;margin:0}
.lv2-video-view .mag-video-frame{height:100%}
.lv2-video-view .mag-video-frame video{height:100%;width:auto;border-radius:0;box-shadow:none}
/* B: the dark first screen above the creator. */
.lv2-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);grid-template-areas:"media stars" "media title" "media sub" "media cta";column-gap:56px;align-content:center;margin:8px 0 40px;padding:44px 56px;background:#141315;border-radius:24px;color:#e9e6e1}
.lv2-hero-bg{position:absolute;inset:-70px;z-index:-2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;transform:rotate(-8deg);opacity:.18;pointer-events:none}
.lv2-hero-bg img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:8px}
.lv2-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14131540 0%,#141315a6 45%,#141315e6 100%);pointer-events:none}
.lv2-hero-media{grid-area:media;align-self:center}
.lv2-hero .mag-video-box{max-width:420px;margin:0}
.lv2-hero-stars{grid-area:stars;align-self:end;color:#e9e6e1}
.lv2-hero .cr-stars{color:#ffd47e}
.lv2-hero .btn{white-space:nowrap;padding-inline:36px}
.lv2-hero h1{grid-area:title;margin:14px 0;color:#fff;font-size:clamp(30px,3.4vw,46px);line-height:1.08;letter-spacing:-.6px}
.lv2-hero h1 em{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;color:#ff8f95}
.lv2-hero-sub{grid-area:sub;margin:0 0 22px;font-size:18px;line-height:1.5;color:#c9c6c0}
.lv2-hero .pdp-cta{grid-area:cta;align-self:start;justify-items:start;text-align:left;margin:0}
.lv2-hero .pdp-cta p{color:#b9bcc1}
.lv2-b .pdp-heading{display:none}
/* The sections under the first screen. */
.lv2-section{margin:88px 0 0}
.lv2-section h2{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.6px;margin:0 0 22px}
.lv2-section h2 em{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;color:#c92a35}
.lv2-how{text-align:center}
.lv2-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left}
.lv2-steps li{background:#fff;border:1px solid #e6e2da;border-radius:18px;overflow:hidden}
.lv2-steps img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.lv2-steps li:nth-child(2) img{object-position:top}
.lv2-steps strong{display:block;margin:16px 18px 6px;font-size:18px}
.lv2-steps p{margin:0 18px 20px;font-size:15px;line-height:1.5;color:#3f444a}
.lv2-proof{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;justify-content:center;margin:32px auto 0;max-width:920px}
.lv2-proof .lv2-quote{flex:1 1 360px}
.lv2-proof .pdp-cta{flex:0 1 320px;margin:0}
.lv2-quote{display:flex;gap:14px;align-items:flex-start;margin:0;padding:16px 18px;border:1px solid #e6e2da;border-radius:16px;background:#fff;color:#181a1d;text-align:left}
.lv2-quote img{width:52px;height:78px;object-fit:cover;border-radius:6px;flex:none}
.lv2-quote blockquote{margin:4px 0;font-size:16px;line-height:1.45}
.lv2-quote figcaption{font-size:13px;color:#5f656c}
.lv2-frame{background:#141315;color:#e9e6e1;border-radius:24px;padding:48px 56px}
.lv2-frame-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.lv2-frame h2{color:#fff}.lv2-frame h2 em{color:#ff8f95}
.lv2-frame-top p:not(.eyebrow){margin:0;font-size:18px;line-height:1.55;color:#c9c6c0}
.lv2-frame h3{margin:48px 0 20px;color:#fff;font-size:24px}
.lv2-glow{position:relative;margin:0;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#0d0d0f}
.lv2-glow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lv2-glow-on,.lv2-tag-on{animation:lv2On 14s ease-in-out infinite}
.lv2-tag-off{animation:lv2Off 14s ease-in-out infinite}
.lv2-glow-slow .lv2-glow-on{animation-name:lv2Slow}
.lv2-glow-tag{position:absolute;left:14px;bottom:14px;display:grid;background:#181a1dd9;color:#fff;font-size:13px;font-weight:700;padding:7px 13px;border-radius:999px}
.lv2-glow-tag span{grid-area:1/1}.lv2-tag-on{color:#ffd47e}
@keyframes lv2On{0%,30%{opacity:0}42%,88%{opacity:1}100%{opacity:0}}
@keyframes lv2Off{0%,30%{opacity:1}42%,88%{opacity:0}100%{opacity:1}}
@keyframes lv2Slow{0%,20%{opacity:0}50%,85%{opacity:1}100%{opacity:0}}
.lv2-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lv2-fact{background:#222226;border-radius:18px;overflow:hidden}
.lv2-fact img,.lv2-fact-icon{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.lv2-fact-icon{display:flex;align-items:center;justify-content:center;background:#2b2b31;color:#ffd47e}
.lv2-fact strong{display:block;margin:16px 20px 6px;color:#fff;font-size:18px}
.lv2-fact p{margin:0 20px 18px;font-size:15px;line-height:1.5;color:#c9c6c0}
.lv2-fact .lv2-size{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}
.lv2-fact .lv2-size b{color:#fff}
.lv2-frame .lv2-quote{border-color:transparent}
.lv2-frame .pdp-cta p{color:#b9bcc1}
.lv2-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;background:#f7f4ee;border-radius:24px;padding:48px}
.lv2-price>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px}
.lv2-price-lead{margin:0 0 18px;font-size:22px;font-weight:600}
.lv2-price .pdp-cta{justify-items:start;text-align:left;margin:0 0 20px}
.lv2-story{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px;align-items:start}
.lv2-story .lv2-glow{aspect-ratio:4/5}
.lv2-story figcaption{margin:8px 0 0;font-size:13px;color:#62676e}
.lv2-story p:not(.eyebrow){margin:0 0 14px;font-size:17px;line-height:1.6;color:#3f444a}
.lv2-story .lv2-sign{display:flex;flex-direction:column;margin:4px 0 20px}
.lv2-sign span{font-family:'Instrument Serif',serif;font-style:italic;font-size:38px;line-height:1;color:#181a1d}
.lv2-sign small{font-size:14px;color:#62676e}
.lv2-story .pdp-cta{justify-items:start;text-align:left;margin:20px 0 0}
/* The first row of reviews reads in full; only the next row fades into white. */
#reviews.lv2-fade .cr-grid{max-height:820px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 240px),transparent);mask-image:linear-gradient(#000 calc(100% - 240px),transparent)}
@media(min-width:901px){.lv2-cta .btn{white-space:nowrap}.lv2-proof .pdp-cta{flex:0 1 auto}}
.lv2-faq-foot{display:grid;gap:20px;margin-top:28px}
.lv2-faq-foot .pdp-cta{margin:0}
@media(max-width:900px){
 body.light-mode.lv2 .pdp-sub{display:block}
 .lv2-a .lv2-stars-top{display:flex;margin:2px 0 10px}
 .lv2-a .pdp-heading .cr-headline{display:none}
 .lv2-hero{grid-template-columns:1fr;grid-template-areas:"stars" "media" "title" "sub" "cta";row-gap:12px;margin:4px 0 28px;padding:18px 16px 24px;border-radius:20px}
 .lv2-hero .mag-video-box{max-width:none}
 .lv2-hero-bg{grid-template-columns:repeat(4,minmax(0,1fr))}
 .lv2-hero::after{background:linear-gradient(180deg,#14131599,#141315d9)}
 .lv2-hero h1{margin:6px 0 0;font-size:30px}
 .lv2-hero-sub{margin:0 0 6px;font-size:16px}
 .lv2-hero .pdp-cta{justify-items:stretch;text-align:center}
 .lv2-section{margin-top:56px}
 .lv2-steps{grid-template-columns:1fr;gap:12px}
 .lv2-steps li{display:grid;grid-template-columns:96px 1fr;align-items:start;gap:4px 14px;padding:12px}
 .lv2-steps img{width:96px;height:96px;grid-row:span 2;border-radius:10px}
 .lv2-steps strong{margin:0;font-size:16px}
 .lv2-steps p{margin:0;font-size:14px}
 .lv2-proof .pdp-cta{flex:1 1 100%}
 .lv2-frame{padding:28px 16px;border-radius:20px}
 .lv2-frame-top,.lv2-price,.lv2-story{grid-template-columns:1fr;gap:20px}
 .lv2-frame-top p:not(.eyebrow){font-size:16px}
 .lv2-frame h3{margin:32px 0 14px;font-size:20px}
 .lv2-facts{grid-template-columns:1fr;gap:12px}
 .lv2-fact{display:grid;grid-template-columns:96px 1fr;align-items:center;column-gap:14px;padding:10px}
 .lv2-fact img,.lv2-fact-icon{width:96px;height:96px;aspect-ratio:auto;border-radius:10px;grid-row:span 3}
 .lv2-fact-icon svg{width:44px;height:44px}
 .lv2-fact strong{margin:0 0 4px;font-size:16px}
 .lv2-fact p{margin:0;font-size:14px}
 .lv2-price{padding:20px 16px;border-radius:20px}
 .lv2-price .pdp-cta{justify-items:stretch;text-align:center}
 .lv2-story .pdp-cta{justify-items:stretch;text-align:center}
 #reviews.lv2-fade .cr-grid{max-height:640px}
}
@media(prefers-reduced-motion:reduce){.lv2-glow-on,.lv2-tag-on{animation:none;opacity:1}.lv2-tag-off{animation:none;opacity:0}}

/* Pay-first test (build-pay-first.mjs): body.pay-first. The size and frame step looks like the reveal's picker. */
.pf-pick .seg-light{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.pf-pick .seg-light button{flex-direction:column;align-items:flex-start;gap:3px;text-align:left;min-height:76px;padding:14px 16px;font-size:20px}
.pf-pick .seg-light button small{font-size:15px;font-weight:500}
/* Both prices in red, big enough to read (founder, 2026-10-28). */
.pf-pick .seg-light button b.seg-price{margin-top:4px;font-size:20px;color:#c92a35}
.pf-pick .seg-light button b.seg-price s{color:#8a9096;font-weight:500;font-size:16px;margin-left:5px}
/* The frame above each size and frame: on a shelf, softly lit. Sizes to scale (Small 6.7 × 8.7 in, Large 9.1 × 12.6 in);
   the size frames take the picked frame's colour. Twice the first size (founder, 2026-10-28). */
.pf-mini{display:flex;align-items:flex-end;justify-content:center;align-self:stretch;height:148px;margin:0 0 10px;padding:0 0 14px;border-radius:12px;background:linear-gradient(#f5f2ed 80%,#e9e2d8 80%)}
.pf-mini-frame{display:block;box-sizing:border-box;width:84px;height:116px;border:5px solid;border-color:#caa074 #a9784a #9d6f43 #c49465;background:#15161a;box-shadow:0 5px 9px rgba(0,0,0,.22),0 0 22px rgba(255,214,150,.5)}
.pf-mini-frame img{display:block;width:100%;height:100%;object-fit:cover}
.pf-mini-8in{width:62px;height:80px}
.pf-mini-black,[data-frame="black"] .pf-mini-frame{border-color:#2c2c2f #131315 #0d0d0f #232326}
/* The frame buttons drop the reveal's swatch grid: picture, then the words, like the sizes. */
.pf-pick.light-frame-row .seg-light button{display:flex}
.pf-pick.light-frame-row .seg-light button small{grid-column:auto}
.pf-hour{margin:20px 0 0;padding:14px 16px;border-radius:14px;background:#f7f3ee;font-size:14.5px;line-height:1.55;color:#3f444a}
.pf-hour strong{color:#181a1d}
/* Phones: the size and frame pictures in the step (a wide screen shows them in the gallery). */
.pf-pic{margin:0 0 16px;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#efece6}
.pf-pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
@media(min-width:901px){.pf-pic{display:none}}
/* The cover they picked, at the top of the photo step. */
.pf-chosen{display:flex;gap:14px;align-items:center;margin:0 0 18px;padding:12px;border:1px solid #e6e2da;border-radius:14px;background:#fff}
.pf-chosen[hidden]{display:none}
.pf-chosen img{flex:none;width:60px;height:90px;object-fit:cover;border-radius:6px;background:#efece6}
.pf-chosen small{display:block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#62676e}
.pf-chosen strong{display:block;margin:2px 0;font-size:16px}
.pf-chosen span{display:block;font-size:13px;color:#5f656c}
.pf-chosen button{margin:4px 0 0;padding:6px 0;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:#181a1d;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* Add-ons: a second copy (a toggle) or a cover for another player. */
.pf-addons-sub{margin:-4px 0 14px;font-size:15px;color:#3f444a}
.pf-addon-list{display:grid;gap:12px}
.pf-addon{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 12px;width:100%;padding:14px 16px;border:1px solid #dde0e3;border-radius:14px;background:#fff;font:inherit;color:#181a1d;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.pf-addon strong{display:block;font-size:16px}
.pf-addon small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:#5f656c}
.pf-addon-price{font-size:15px;color:#c92a35;white-space:nowrap}
.pf-addon-mark{grid-column:1/-1;justify-self:start;margin-top:8px;padding:8px 16px;border-radius:999px;background:#181a1d;color:#fff;font-size:14px;font-weight:700}
.pf-addon[aria-pressed="true"]{border-color:#181a1d;box-shadow:0 0 0 1px #181a1d;background:#f7f8f9}
.pf-addon[aria-pressed="true"] .pf-addon-mark{background:#2f7d4f}
.pf-cart{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#eef6f0;color:#1f5a36;font-size:14px;line-height:1.45}
/* Phones: room to breathe between the parts of the form (founder, 2026-10-27). */
@media(max-width:900px){
 body.pay-first .pdp-stepper{margin-bottom:24px}
 body.pay-first .pdp-step-head{margin-bottom:16px}
 body.pay-first .pdp-foot{margin-top:28px}
 body.pay-first .pdp-foot .btn{margin-top:12px}
 body.pay-first .pdp-foot .arrival-line{margin:22px 0 10px}
 body.pay-first .promise-line{line-height:1.55}
 body.pay-first .cr-under-cta{margin-top:30px}
 body.pay-first .info-tabs{margin-top:36px}
}
body.pay-first #ai-recover{display:none!important}
@media(max-width:900px){.pf-pick .seg-light button{min-height:70px;padding:12px;font-size:18px}.pf-pick .seg-light button small{font-size:14px}.pf-pick .seg-light button b.seg-price{font-size:19px}.pf-pick .seg-light button b.seg-price s{font-size:15px}}

/* Family frame page (build-family.mjs): body.family-mode on create.html?type=light&lp=frame&theme=family. */
.fam-hero-glow{aspect-ratio:1;max-width:420px;width:100%}
body.family-mode .mag-name .field input{text-transform:none}

/* See-it-first quiz, the reveal (build-see.mjs): body.see-reveal. */
.see-home{margin:22px 0 0}
.see-home h2{margin:0 0 10px;font-size:20px}
.see-room{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#141315}
.see-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.see-face{position:absolute;left:0;top:0;width:400px;height:600px;transform-origin:0 0}
.see-face img{display:block;width:100%;height:100%;object-fit:cover}
.see-face-day img{mix-blend-mode:multiply;opacity:0}
.see-room.has-off .see-face-day img{opacity:1}
.see-face-night{box-shadow:0 0 60px 14px #ffd9a44d}
.see-face-night img{filter:brightness(1.05) saturate(1.04)}
.see-night{position:absolute;inset:0;animation:seeDayNight 10s ease-in-out infinite}
.see-room.is-pinned .see-night{animation:none;opacity:1}
.see-room.is-pinned[data-room="day"] .see-night{opacity:0}
@keyframes seeDayNight{0%,30%{opacity:0}45%,85%{opacity:1}100%{opacity:0}}
.see-room-switch{display:flex;gap:8px;margin:10px 0 0}
.see-room-switch button{flex:1;min-height:44px;border:1px solid #e6e2da;border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.see-room-switch button[aria-pressed="true"]{border-color:#c92a35;color:#c92a35}
.see-room-note{margin:8px 0 0;font-size:13px;color:#62676e}
.see-choice{display:grid;gap:10px;margin:14px 0 18px}
.see-choice .btn{width:100%}
.see-change-sheet{display:grid;gap:8px;padding:12px;border:1px solid #e6e2da;border-radius:14px;background:#fff}
.see-change-sheet[hidden]{display:none}
.see-change-sheet>button{min-height:46px;border:1px solid #e6e2da;border-radius:12px;background:#f7f4ee;font:inherit;font-size:15px;font-weight:600;text-align:left;padding:0 14px;cursor:pointer}
.see-change-sheet small{color:#2f7d4a;font-weight:700;margin-left:6px}
.see-pulse{animation:seePulse 1.6s ease-out}
@keyframes seePulse{0%{box-shadow:0 0 0 0 #c92a3566}60%{box-shadow:0 0 0 12px #c92a3500}100%{box-shadow:none}}
.see-addon{margin:14px 0 0;padding:14px;border:1px dashed #d8cfc2;border-radius:14px;background:#fffaf3}
.see-addon p{margin:0 0 10px;display:grid;gap:2px;font-size:15px}
.see-addon span{font-size:13px;color:#62676e}
.see-addon div{display:flex;gap:8px}
.see-addon .btn{flex:1;min-height:44px;font-size:14px;padding-inline:10px}
@media(prefers-reduced-motion:reduce){.see-night{animation:none;opacity:1}.see-pulse{animation:none}}