/* Image-led detail page. Product assets are uniformly scaled, never reshaped. */
.visual-detail{background:#faf9f6}.visual-detail header{padding:18px max(24px,calc((100% - 1120px)/2));border-bottom:0}.visual-detail .announcement{padding:6px 16px}.visual-detail h1,.visual-detail h2,.visual-detail h3{letter-spacing:-.035em}.image-led-detail{max-width:1120px;margin:auto}.detail-dock{position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;gap:22px;padding:10px max(24px,calc((100% - 1120px)/2));background:#faf9f6ed;border-block:1px solid #d4d9d180;backdrop-filter:blur(18px)}.detail-dock>div{display:flex;gap:24px}.detail-dock .dock-brand{font-size:17px;font-weight:700;white-space:nowrap}.detail-dock .button{min-height:44px;padding:9px 18px;font-size:15px;border-radius:8px;white-space:nowrap}.visual-detail section[id]{scroll-margin-top:80px}.scene-panel{position:relative;isolation:isolate;overflow:hidden;margin:0;background:#e4e0d8}.scene-panel>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.scene-copy{position:absolute;top:6.6%;left:7.4%;right:6%;color:white;z-index:2}.scene-copy .eyebrow{color:inherit;font-size:clamp(14px,1.3vw,18px);margin:0 0 2.2%}.scene-copy h1{font-size:clamp(36px,6vw,82px);line-height:1.1;font-weight:700}.scene-copy h2{font-size:clamp(36px,5vw,68px);line-height:1.13}.scene-copy>p:last-child{font-size:clamp(17px,2vw,24px);line-height:1.55;margin-top:2.6%;max-width:30em}.opening .scene-copy{filter:drop-shadow(0 1px 3px #20382744)}.touch-scene:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(26,26,19,.3),transparent 38%)}.touch-scene .scene-copy{top:6.8%;left:6%;text-shadow:0 1px 8px #0002}.touch-scene .scene-copy>p:last-child{max-width:24em}.quick-facts{display:flex;justify-content:space-between;gap:14px;padding:21px 30px;font-size:14px;border-bottom:1px solid var(--line)}.visual-section{padding:40px 4.5%;margin:0}.brief-heading{margin-bottom:26px}.brief-heading .eyebrow{margin-bottom:10px}.brief-heading h2{font-size:clamp(30px,3.9vw,48px);line-height:1.12}.brief-heading>p:last-child:not(.eyebrow){margin:13px 0 0;font-size:18px;color:var(--muted)}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.photo-pair img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:5px}.photo-pair figure:nth-child(2) img{object-fit:contain;background:white}.photo-pair figcaption{font-size:20px;margin:12px 0 22px}.photo-pair figcaption span,.personal-result figcaption span{color:var(--green);margin-right:8px}.personal-result{position:relative}.personal-result>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:5px}.personal-result figcaption{position:absolute;top:22px;left:24px;margin:0;font-size:20px;padding:7px 13px;background:#faf9f6ed;backdrop-filter:blur(10px);border-radius:5px}.image-note{font-size:14px;line-height:1.65;color:var(--muted);margin:20px 0 0}.finished-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.calibrated-photo{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#eeedf1;border-radius:5px}.calibrated-photo>img{position:absolute;left:50%;top:var(--image-top,0%);width:var(--image-width,100%);max-width:none;height:auto;transform:translateX(-50%)}.case-maple{--image-width:106.1%;--image-top:-9.2%}.case-louie{--image-width:103.8%;--image-top:0%}.case-dog{--image-width:108.6%;--image-top:-9.15%}.case-biscuit{--image-width:104.7%;--image-top:-9%}.case-cat{--image-width:115.5%;--image-top:-15.4%}.case-tilly{--image-width:117.9%;--image-top:-21.15%}.finished-grid figcaption{margin-top:13px}.pet-name{color:var(--green);font-size:14px;font-weight:600}.finished-grid h3{font-size:23px;margin:5px 0}.finished-grid figcaption p{font-size:17px;font-weight:500;color:var(--muted);margin:8px 0}.finished-grid figcaption small{font-size:14px;font-weight:500;color:var(--green)}.ceramic-story{padding-top:34px}.ceramic-main img{width:100%;height:auto;border-radius:5px}.ceramic-main figcaption{display:flex;justify-content:space-between;font-size:18px;margin-top:12px}.ceramic-main figcaption span{font-size:15px;font-weight:500;color:var(--muted)}.ceramic-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.ceramic-pair img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:5px}.ceramic-pair figcaption{font-size:18px;margin-top:10px}.living-scene .scene-copy{color:#22261f;left:6%;top:5.5%;text-shadow:0 1px 2px #fff3}.living-scene .scene-copy h2{font-size:clamp(32px,4.5vw,62px)}.living-scene .scene-copy .eyebrow{color:#46513f}.visual-sizes{display:grid;grid-template-columns:1fr 1fr;gap:22px}.visual-sizes .calibrated-photo{aspect-ratio:1/1.2}.visual-sizes .calibrated-photo h3{position:absolute;bottom:12px;left:15px;font-size:20px;background:#faf9f6e6;padding:8px 12px;border-radius:5px}.visual-sizes .case-dog{--image-width:103%;--image-top:-8%}.visual-sizes .case-cat{--image-width:110%;--image-top:-14%}.size-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 0 0}.size-values h4{font-size:15px;margin:0 0 8px;color:var(--green)}.size-values strong{display:block;font-size:25px;line-height:1.3}.size-values span{font-size:14px;color:var(--muted)}.size-values p{font-size:16px;line-height:1.5;margin:10px 0 0}.size-values small{font-size:14px}.size-helper{max-width:none;margin-top:16px}.size-helper summary{font-size:17px}.process-story{background:#edf0ea}.process-pictures{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.process-photo{position:relative;overflow:hidden;border-radius:5px;background:#faf9f6}.process-photo>img{width:100%;aspect-ratio:4/3;object-fit:cover}.process-pictures article:nth-child(2) img{object-fit:contain}.process-photo>span{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:37px;height:37px;background:#faf9f6eb;color:var(--green);border-radius:50%;font-size:14px;font-weight:700}.process-pictures h3{font-size:23px;margin:16px 0 10px}.process-pictures p{font-size:17px;line-height:1.6;margin:0;color:#4d584c}.process-proof img{object-fit:contain;transform:scale(.85);background:#faf9f6}.proof-caption{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:6px 12px;background:#faf9f6f5;white-space:nowrap;font-size:14px;color:var(--green);border:1px solid #d4d9d1;border-radius:5px}.ready-list{border-top:1px solid #c6d0c3;margin-top:30px;padding-top:25px}.ready-list h3{font-size:23px}.ready-list p{font-size:17px}.ready-list p.small{font-size:14px}.ready-list .text-link{margin:0}.purchase-section{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:40px 4.5%;align-items:start}.purchase-photo{position:sticky;top:95px}.purchase-photo .selected-product{height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:5px}.purchase h2{font-size:36px}.purchase-section .purchase{scroll-margin-top:100px}.purchase-section .purchase>.eyebrow{margin-top:0}.purchase-section .purchase fieldset{margin:20px 0}.final-questions{border-top:1px solid var(--line);padding-top:36px}.final-questions details{padding:13px 0}.final-questions details p{font-size:17px}.last-action{text-align:center;padding:35px 0 10px}.last-action h3{font-size:30px;margin:0 0 22px}.last-action .text-link{display:block;width:fit-content;margin:12px auto 0}.visual-detail footer{margin-top:20px}.export-visual{width:1200px}.export-visual .image-led-detail{max-width:none;width:1200px}.export-visual .scene-copy h1{font-size:86px}.export-visual .scene-copy h2{font-size:72px}.export-visual .scene-copy>p:last-child{font-size:27px}.export-visual .scene-copy .eyebrow{font-size:20px}.export-visual .visual-section{padding:40px 48px}.export-visual .brief-heading h2{font-size:48px}.export-visual .finished-grid{grid-template-columns:repeat(3,1fr)}
@media(min-width:1500px){.image-led-detail{max-width:1200px}}
@media(max-width:760px){.visual-detail header{padding:16px 20px}.visual-detail header nav{gap:15px}.detail-dock{padding:8px 16px;gap:15px}.detail-dock .dock-brand{display:none}.detail-dock>div{gap:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.detail-dock a{font-size:14px}.detail-dock .button{font-size:14px;min-height:44px;padding:9px 12px}.detail-dock>div>a:nth-child(3){display:none}.scene-copy{top:6%;left:6%;right:5%}.scene-copy h1{font-size:clamp(32px,7.7vw,55px)}.scene-copy h2{font-size:clamp(32px,7.7vw,55px)}.scene-copy .eyebrow{font-size:14px;line-height:1.35;letter-spacing:.045em;margin-bottom:12px}.scene-copy>p:last-child{font-size:17px;line-height:1.5;margin-top:14px;max-width:90%}.opening .scene-copy .eyebrow{max-width:240px}.opening .scene-copy>p:last-child{max-width:90%;font-size:clamp(14px,3.9vw,18px);margin-top:10px}.opening .scene-copy{top:5.2%}.quick-facts{display:grid;grid-template-columns:1fr;padding:16px 20px;gap:5px;font-size:14px}.touch-scene .scene-copy{top:5%}.touch-scene .scene-copy>p:last-child{font-size:16px;max-width:80%}.visual-section{padding:28px 20px}.brief-heading{margin-bottom:20px}.brief-heading h2{font-size:30px}.brief-heading>p:last-child:not(.eyebrow){font-size:17px}.brief-heading .eyebrow{font-size:14px}.photo-pair{gap:14px}.photo-pair figcaption{font-size:15px;margin:9px 0 15px}.photo-pair figcaption span{margin-right:3px}.personal-result figcaption{top:10px;left:10px;font-size:14px;padding:5px 9px}.personal-result>img{aspect-ratio:4/3}.finished-grid{gap:24px 14px}.finished-grid h3{font-size:20px;line-height:1.2}.finished-grid figcaption p{font-size:14px;line-height:1.5;margin:7px 0}.finished-grid figcaption small{font-size:14px;line-height:1.5;display:block}.finished-grid figcaption{margin-top:10px}.ceramic-main figcaption{font-size:16px}.ceramic-main figcaption span{display:none}.ceramic-pair{gap:14px;margin-top:20px}.ceramic-pair figcaption{font-size:14px}.living-scene .scene-copy h2{font-size:clamp(32px,7.7vw,55px)}.living-scene .scene-copy>p:last-child{font-size:16px;max-width:85%}.visual-sizes{grid-template-columns:1fr;gap:26px}.visual-sizes .calibrated-photo{aspect-ratio:1.25/1}.visual-sizes .case-dog{--image-width:67%;--image-top:-5%}.visual-sizes .case-cat{--image-width:72%;--image-top:-13%}.visual-sizes .calibrated-photo h3{font-size:17px;left:10px;bottom:10px}.size-values{padding-top:15px}.size-values strong{font-size:26px}.size-values p{font-size:17px}.image-note{font-size:14px;margin-top:16px}.process-pictures{gap:24px 14px}.process-pictures h3{font-size:20px;line-height:1.25;margin:13px 0 8px}.process-pictures p{font-size:15px;line-height:1.6}.process-photo>span{top:8px;left:8px;width:30px;height:30px}.proof-caption{font-size:12px;bottom:6px;padding:4px 6px}.ready-list{margin-top:25px;padding-top:22px}.ready-list h3{font-size:22px;line-height:1.25}.purchase-section{grid-template-columns:1fr;padding:30px 20px;gap:24px}.purchase-photo{position:static}.purchase-photo .selected-product{max-height:420px;aspect-ratio:auto}.purchase h2{font-size:32px}.last-action h3{font-size:26px}.visual-detail footer{margin-top:0}.visual-detail .final-questions details p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Narrow screens keep copy above the product and reduce navigation chrome. */
.visual-detail .announcement{display:none}.scene-copy .mobile-intro{display:none}.opening .scene-copy .desktop-intro{font-size:clamp(17px,2vw,24px);line-height:1.55;margin-top:2.6%}
@media(max-width:760px){.visual-detail header{flex-wrap:nowrap;align-items:center;min-height:66px}.visual-detail header nav{width:auto;margin:0}.visual-detail header nav a:not(.order-link){display:none}.visual-detail header nav .order-link{min-height:44px}.opening .scene-copy{top:4%}.opening .scene-copy .eyebrow{max-width:none;font-size:14px;letter-spacing:0;margin-bottom:8px}.opening .scene-copy .desktop-intro{display:none}.opening .scene-copy .mobile-intro{display:block;font-size:17px;margin-top:8px}}
html:has(body.visual-detail){scroll-padding-top:74px}.visual-detail section[id],.purchase-section .purchase{scroll-margin-top:0}.personal-result figcaption{position:static;margin:0 0 12px;padding:0;background:none;backdrop-filter:none}.personal-result{display:flex;flex-direction:column}.personal-result figcaption{order:-1}
@media(max-width:760px){.touch-scene .scene-copy>p:last-child,.living-scene .scene-copy>p:last-child{display:none}.living-scene .scene-copy h2{font-size:32px}.personal-result figcaption{font-size:15px;margin-bottom:12px}.process-pictures article:first-child .process-photo img{object-fit:contain}.process-pictures article:nth-child(2) .process-photo img{object-fit:cover}}
/* Desktop uses a tighter view of the same approved scene; the complete urn and hand remain in frame. */
@media(min-width:1000px){
  .visual-detail:not(.export-visual) .touch-scene>img{aspect-ratio:4/3;object-fit:cover;object-position:center 70%}
  .visual-detail:not(.export-visual) .touch-scene .scene-copy{top:6%;max-width:430px}
  .visual-detail:not(.export-visual) .touch-scene .scene-copy h2{font-size:56px}
  .visual-detail:not(.export-visual) .touch-scene .scene-copy>p:last-child{font-size:20px;max-width:18em}
  .visual-detail:not(.export-visual) .finished-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .visual-detail:not(.export-visual) .living-scene>img{aspect-ratio:4/3;object-fit:cover;object-position:center 50%}
  .visual-detail:not(.export-visual) .living-scene .scene-copy{top:5%;max-width:270px;right:auto}
  .visual-detail:not(.export-visual) .living-scene .scene-copy h2{font-size:50px}
  .visual-detail:not(.export-visual) .living-scene .scene-copy>p:last-child{max-width:230px;font-size:19px}
}
.opening picture,.opening picture img{display:block;width:100%}
.opening picture img{aspect-ratio:4/5;object-fit:contain}
@media(min-width:1000px){.opening:has(picture) picture img{aspect-ratio:3/2;object-fit:contain}.opening:has(picture) .scene-copy{top:9%;left:6%;max-width:42%}.opening:has(picture) .scene-copy h1{font-size:clamp(42px,4.4vw,60px)}.opening:has(picture) .scene-copy .eyebrow{font-size:14px}.opening:has(picture) .desktop-intro{font-size:20px}}
.process-pictures.illustrated{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.process-art{position:relative;width:100%;aspect-ratio:1;overflow:hidden}
.process-art img{position:absolute;width:200%;max-width:none;height:200%;object-fit:fill;left:0;top:0}
.process-art.q1 img{left:-100%}.process-art.q2 img{top:-100%}.process-art.q3 img{left:-100%;top:-100%}
.process-art.single img{inset:auto;left:50%;top:50%;width:130%;height:130%;object-fit:contain;transform:translate(-50%,-50%)}
.process-pictures.illustrated h3{font-size:21px}.process-pictures.illustrated h3 span{display:block;font-size:13px;letter-spacing:.1em;color:var(--green);margin-bottom:10px}
.process-pictures.illustrated p{font-size:16px}
@media(max-width:760px){.process-pictures.illustrated{grid-template-columns:1fr 1fr;gap:26px 18px}.process-pictures.illustrated h3{font-size:19px}.process-pictures.illustrated p{font-size:15px}}
.living-scene .scene-copy>p:last-child{display:none}.living-scene .scene-copy .eyebrow{color:#22261f}
@media(max-width:760px){.visual-sizes .calibrated-photo{aspect-ratio:1/1.1}.visual-sizes .case-dog{--image-width:97%;--image-top:-6%}.visual-sizes .case-cat{--image-width:102%;--image-top:-15%}}
/* Horizontal generated candidate failed fidelity review. Use only the approved original photograph. */
@media(min-width:1000px){
 .visual-detail:not(.export-visual) .opening>img{aspect-ratio:4/3;object-fit:cover;object-position:center 70%}
 .visual-detail:not(.export-visual) .opening .scene-copy{top:4%;left:6%;max-width:38%;right:auto}
 .visual-detail:not(.export-visual) .opening .scene-copy .eyebrow{font-size:13px;letter-spacing:.03em;margin-bottom:10px}
 .visual-detail:not(.export-visual) .opening .scene-copy h1{font-size:44px;line-height:1.1}
 .visual-detail:not(.export-visual) .opening .scene-copy .desktop-intro{display:none}
}
html:has(body.export-visual){scrollbar-width:none}
.visual-detail .review-link{display:none}
@media(min-width:761px) and (max-width:999px){.process-pictures.illustrated{grid-template-columns:1fr 1fr;gap:28px 36px}}
@media(min-width:761px) and (max-width:999px){
 .visual-detail:not(.export-visual) .opening>img{aspect-ratio:4/3;object-fit:cover;object-position:center 70%}
 .visual-detail:not(.export-visual) .opening .scene-copy{top:4%;left:6%;max-width:38%;right:auto}
 .visual-detail:not(.export-visual) .opening .scene-copy h1{font-size:30px;line-height:1.1}
 .visual-detail:not(.export-visual) .opening .scene-copy .eyebrow{font-size:11px;letter-spacing:.025em;margin-bottom:8px}
 .visual-detail:not(.export-visual) .opening .desktop-intro{display:none}
 .visual-detail:not(.export-visual) .touch-scene>img{aspect-ratio:4/3;object-fit:cover;object-position:center 70%}
 .visual-detail:not(.export-visual) .touch-scene .scene-copy{top:6%;max-width:38%}
 .visual-detail:not(.export-visual) .touch-scene .scene-copy h2{font-size:34px}
 .visual-detail:not(.export-visual) .touch-scene .scene-copy>p:last-child{font-size:16px;max-width:230px}
 .visual-detail:not(.export-visual) .living-scene>img{aspect-ratio:4/3;object-fit:cover;object-position:center 50%}
 .visual-detail:not(.export-visual) .living-scene .scene-copy{top:5%;max-width:25%;right:auto}
 .visual-detail:not(.export-visual) .living-scene .scene-copy h2{font-size:32px}
 .visual-detail:not(.export-visual) .living-scene .scene-copy .eyebrow{font-size:12px}
}