/* FORMA controls: pill actions, soft rectangular settings, floating chapter
   dock. One visual family; no split rectangles or underlined settings. */
:root{--control-panel:#e7e9ed;--control-recess:#d9dde3;--control-selected:#202327;--control-on-selected:#f2f3f3;--control-radius:16px}
:root[data-theme=dark]{--control-panel:#282d34;--control-recess:#1e2329;--control-selected:#f0f1f3;--control-on-selected:#202327}
.button.primary,.campaign .button.primary{height:58px;min-height:58px;padding:6px 6px 6px 26px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font-size:15px;font-weight:600;gap:28px;min-width:0;overflow:visible;transition:background-color 180ms ease,transform 160ms var(--ease-out)}
.button.primary>.action-orbit{width:46px;min-width:46px;height:46px;align-self:center;display:grid;place-items:center;border:0;border-radius:50%;background:var(--paper);color:var(--ink);transition:transform 220ms var(--ease-out),background-color 180ms ease}
.action-orbit svg{width:21px;height:21px;display:block;transition:transform 220ms var(--ease-out)}
.button.primary:active{transform:scale(.97)}
.text-link{border:0;gap:18px;font-weight:600;padding:4px 0;transition:color 180ms ease}
.text-link>.action-orbit{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background-color 180ms ease,transform 220ms var(--ease-out),color 180ms ease}
.text-link>.action-orbit svg{width:18px;height:18px}
.text-link:focus-visible,.button.primary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.button.primary:focus-visible{background:var(--ink);color:var(--paper)}
.masthead .nav-cta{gap:14px;font-size:13px}
.masthead nav a{color:var(--muted)}
.masthead nav a:after{display:none}
.campaign .hero-copy{font-size:clamp(16px,1.3vw,20px);max-width:36ch;line-height:1.6;margin:26px 0 30px}
.campaign h1{line-height:.99;font-size:clamp(76px,min(9vw,18svh),144px)}
.imprint-journey.is-directed .mark-layout{top:12%;width:36%;left:59%;gap:24px}
.imprint-journey.is-directed .mark-layout h3{font-size:clamp(52px,min(5.8vw,10.5svh),94px);line-height:1;letter-spacing:-.04em}
.imprint-journey.is-directed .mark-intro p{font-size:16px;line-height:1.6;max-width:38ch;margin-top:20px}
.imprint-journey .mark-layout .placement-control{background:var(--control-panel);border:0;border-radius:var(--control-radius);padding:20px;display:grid;gap:16px;box-shadow:none}
.imprint-journey .mark-layout .placement-control legend{position:absolute;clip-path:inset(50%)}
.imprint-journey .face-row,.imprint-journey .placement-presets,.imprint-journey .support-colors,.imprint-journey .position-control{display:grid;grid-template-columns:85px minmax(0,1fr);gap:16px;align-items:center;margin:0;padding:0;min-height:44px}
.imprint-journey .control-label,.imprint-journey .placement-control .position-control label{font-size:12px;color:var(--muted);width:auto;line-height:1.5;margin:0}
.imprint-journey .placement-control .view-controls,.imprint-journey.is-directed.is-compact .placement-control .view-controls,.size-options{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:4px;background:var(--control-recess);border-radius:10px;overflow:visible;border:0;max-width:none;min-width:0;width:100%}
.size-options{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.imprint-journey .placement-control .view-controls button,.imprint-journey.is-directed.is-compact .placement-control .view-controls button,.imprint-journey .placement-presets button,.imprint-journey.is-directed.is-compact .placement-presets button{height:40px;min-height:40px;min-width:0;padding:0 4px;position:relative;z-index:1;font-size:12px;border:0;border-radius:7px;color:var(--muted);background:none!important;transition:color 160ms ease;line-height:1;white-space:nowrap}
.imprint-journey .view-controls button:after,.imprint-journey .placement-presets button:after{display:none}
.imprint-journey .view-controls button[aria-pressed=true],.imprint-journey .placement-presets button[aria-pressed=true]{color:var(--control-on-selected);font-weight:600}
.selection-well{position:absolute;top:0;left:0;border-radius:7px;background:var(--control-selected);z-index:0;pointer-events:none;transition:transform 220ms var(--ease-out);display:block}
.selection-well[hidden]{display:none}
.imprint-journey .placement-presets .control-label,.imprint-journey .support-colors .control-label{margin:0;width:auto}
.color-info{display:grid;gap:2px}
.imprint-journey .color-caption{position:static;clip-path:none;overflow:visible;width:auto;height:auto;font-size:11px;color:var(--ink);margin:0;line-height:1.5;text-transform:capitalize}
.swatch-options{display:flex;align-items:center;justify-content:space-between;gap:2px;min-width:0}
.imprint-journey .support-colors button,.imprint-journey.is-directed.is-compact .support-colors button{height:44px;width:44px;min-width:0;padding:8px;background:none;border:0;position:relative;border-radius:50%;transition:transform 160ms var(--ease-out)}
.imprint-journey .support-colors button span{width:28px;height:28px;border:0;box-shadow:inset 0 0 0 1px #80808066;border-radius:50%;transition:transform 160ms var(--ease-out)}
.imprint-journey .support-colors button[aria-pressed=true] span{outline:1px solid var(--ink);outline-offset:4px}
.imprint-journey .support-colors button[data-color=ivory]:after{border-color:#202327}
.imprint-journey .support-colors button[data-color=auto],.imprint-journey.is-directed.is-compact .support-colors button[data-color=auto]{font-size:11px;font-weight:600;min-width:44px;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;text-decoration:none;color:var(--muted)}
.imprint-journey .support-colors button[data-color=auto][aria-pressed=true]{background:var(--control-selected);color:var(--control-on-selected);border-color:transparent;text-decoration:none}
.imprint-journey .support-colors button[data-color=auto]:after{display:none}
.position-slider{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:12px;align-items:center}
.position-value{font-size:11px;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.imprint-journey .position-control input{height:44px;accent-color:var(--ink);border-radius:0}
.imprint-journey .position-control input::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,var(--ink) var(--range-progress,50%),var(--line) var(--range-progress,50%))}
.imprint-journey .position-control input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6.5px;background:var(--ink);box-shadow:0 0 0 4px var(--control-panel)}
.imprint-journey .position-control input::-moz-range-track{height:3px;border-radius:4px;background:var(--line)}
.imprint-journey .position-control input::-moz-range-progress{background:var(--ink);height:3px}
.imprint-journey .position-control input::-moz-range-thumb{width:16px;height:16px;background:var(--ink);box-shadow:0 0 0 4px var(--control-panel)}
.imprint-journey .placement-control small{font-size:11px;line-height:1.5;margin:0;padding-top:0;color:var(--muted)}
.finished-print-note{margin:0;gap:4px}
.finished-print-note .text-link{font-size:13px;margin:0}
.imprint-journey.is-directed .journey-nav{position:absolute;left:50%;right:auto;bottom:22px;transform:translateX(-50%);width:fit-content;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;background:var(--control-panel);border:1px solid var(--line);border-radius:999px;isolation:isolate}
.imprint-journey.is-directed .journey-nav a{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;min-height:44px;white-space:nowrap;font-size:13px;border-radius:999px;position:relative;z-index:1;color:var(--muted);transition:color 160ms ease;outline-offset:5px}
.imprint-journey .journey-nav a:after{display:none}
.imprint-journey .journey-nav a[aria-current=step]{color:var(--control-on-selected)}
.imprint-journey .journey-nav .selection-well{border-radius:999px}
.chapter-number{font-size:11px;line-height:1;width:21px;height:21px;display:grid;place-items:center;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:50%;font-variant-numeric:tabular-nums}
.imprint-journey .journey-word{opacity:.025}
.collection-heading h2{font-size:clamp(32px,3.5vw,54px);line-height:1.07;letter-spacing:-.035em}
.collection-controls button{border-radius:50%;width:48px;height:48px}
.product-story.catalog-extra{width:36vw}
.catalog-extra .product-image{background:#36383b}
.catalog-extra .product-image img{object-fit:contain;object-position:center}
.product-caption h3{font-size:24px}
.visual-note{justify-content:space-between}
.visual-note a{border:0;text-decoration:none}
.creation-steps{border-left:1px solid var(--line);padding-left:22px;gap:24px;margin:30px 0}
.creation-steps strong{font-size:16px}
.own-heading h2{max-width:13ch}
.closing-action{font-size:18px}
@media(hover:hover) and (pointer:fine){
 .button.primary:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
 .button.primary:hover>.action-orbit{background:var(--accent);color:var(--on-accent);transform:none}
 .button.primary:hover>.action-orbit svg{transform:rotate(-45deg)}
 .text-link:hover>.action-orbit{background:var(--ink);color:var(--paper);transform:none}
 .text-link:hover>.action-orbit svg{transform:rotate(-45deg)}
 .imprint-journey .view-controls button:not([aria-pressed=true]):hover,.imprint-journey .placement-presets button:not([aria-pressed=true]):hover{color:var(--ink)}
 .imprint-journey .journey-nav a:not([aria-current]):hover{color:var(--ink)}
}
@media(min-width:1024px) and (max-height:800px){
 .imprint-journey.is-directed .mark-layout{top:6%;gap:18px}
 .imprint-journey.is-directed .mark-layout h3{font-size:min(5.6vw,9svh)}
 .imprint-journey.is-directed .mark-intro p{font-size:14px;line-height:1.5;margin-top:14px}
 .imprint-journey .mark-layout .placement-control{gap:10px;padding:16px}
 .collection.is-pinned .product-image{height:calc(100svh - 360px)}
}
@media(max-width:1023px){
 .product-story.catalog-extra{width:auto}
 .imprint-journey.is-directed.is-compact .mark-layout{display:contents}
 .imprint-journey.is-directed.is-compact .mark-intro{top:6%}
 .imprint-journey.is-directed.is-compact .mark-intro h3{font-size:clamp(36px,7vw,58px);line-height:1.05}
 .imprint-journey.is-directed.is-compact .mark-intro h3 br{display:none}
 .imprint-journey.is-directed.is-compact .mark-layout .placement-control{width:88%;left:6%;bottom:92px;top:auto;padding:14px;gap:7px}
 .imprint-journey.is-directed.is-compact .face-row,.imprint-journey.is-directed.is-compact .placement-presets,.imprint-journey.is-directed.is-compact .support-colors,.imprint-journey.is-directed.is-compact .position-control{grid-template-columns:66px minmax(0,1fr);gap:8px}
 .imprint-journey.is-directed.is-compact .control-label,.imprint-journey.is-directed.is-compact .placement-control .position-control label{width:auto;font-size:11px;line-height:1.4}
 .imprint-journey.is-directed.is-compact .placement-control .view-controls button,.imprint-journey.is-directed.is-compact .placement-presets button{font-size:11px;height:44px;min-height:44px;padding:0 2px}
 .imprint-journey.is-directed.is-compact .placement-control .view-controls{padding:3px}
 .imprint-journey.is-directed.is-compact .color-caption{font-size:10px}
 .imprint-journey.is-directed.is-compact .support-colors button{padding:10px 5px;width:36px;min-width:36px;height:44px}
 .imprint-journey.is-directed.is-compact .support-colors button[data-color=auto]{width:36px;min-width:36px;height:36px;font-size:10px}
 .imprint-journey.is-directed.is-compact .support-colors button span{width:24px;height:24px}
 .imprint-journey.is-directed.is-compact .position-slider{grid-template-columns:minmax(0,1fr) 52px;gap:8px}
 .imprint-journey.is-directed.is-compact .position-value{font-size:10px}
 .imprint-journey.is-directed.is-compact .placement-control small{font-size:10px;line-height:1.4;margin:0}
 .imprint-journey.is-directed.is-compact .journey-nav{left:50%;right:auto;bottom:20px;width:88%;max-width:480px;gap:2px;padding:5px}
 .imprint-journey.is-directed.is-compact .journey-nav a{font-size:12px;padding:0 6px;gap:6px;min-height:44px}
 .imprint-journey.is-directed.is-compact .chapter-number{display:none}
}
@media(max-width:767px){
 .button.primary,.campaign .button.primary{height:54px;min-height:54px;font-size:14px;padding:5px 5px 5px 24px;gap:26px}
 .button.primary>.action-orbit{height:44px;width:44px;min-width:44px}
 .campaign .hero-copy{font-size:15px;max-width:34ch}
 .campaign h1{font-size:13.6vw}
 .collection-heading h2{font-size:34px;max-width:16ch}
 .collection-heading p{max-width:31ch;font-size:15px}
 .product-caption h3{font-size:23px}
 .visual-note{display:flex;align-items:center;gap:0 18px}
}
@media(max-width:1023px) and (max-height:700px){
 .imprint-journey.is-directed.is-compact .mark-intro h3{font-size:34px}
 .imprint-journey.is-directed.is-compact .mark-intro p{display:none}
 .imprint-journey.is-directed.is-compact .mark-layout .placement-control{bottom:84px;padding:10px 12px;gap:3px}
 .imprint-journey.is-directed.is-compact .placement-control small{display:none}
 .imprint-journey.is-directed.is-compact .journey-nav{bottom:16px}
}
@media(prefers-reduced-motion:reduce){.selection-well,.action-orbit,.action-orbit svg{transition:none!important}.button.primary:hover{transform:none}}
html[data-motion=reduce] .button.primary:hover{transform:none}
/* Finished photographic views have fixed artwork; do not expose inactive placement. */
.imprint-journey .mark-layout .placement-control{grid-template-columns:minmax(0,1fr)}
.imprint-journey .placement-control .view-controls,.imprint-journey.is-directed.is-compact .placement-control .view-controls{inset:auto;grid-column:auto}
.imprint-journey.is-directed.is-compact .placement-control .view-controls button{width:100%}
.imprint-journey[data-finished-view="true"] .placement-presets,
.imprint-journey[data-finished-view="true"] .position-control,
.imprint-journey[data-finished-view="true"] .front-print-note{display:none}

/* September 22: a photographic stage, an open tool palette and a glass dock.
   Surfaces separate content from controls; glass is reserved for floating navigation. */
:root{--paper:#f6f3ed;--surface:#eae7e0;--stage-light:#e9e8e1;--stage-edge:#f6f3ed;--glass-bg:rgba(245,243,238,.78);--glass-edge:rgba(255,255,255,.8);--glass-active:rgba(255,255,255,.64);--control-panel:#eeece6}
:root[data-theme=dark]{--paper:#191d21;--surface:#22282d;--stage-light:#303a40;--stage-edge:#191d21;--glass-bg:rgba(35,42,48,.78);--glass-edge:rgba(255,255,255,.23);--glass-active:rgba(255,255,255,.12);--control-panel:#262e34}
.journey-stage{background:radial-gradient(ellipse at 28% 43%,var(--stage-light),var(--stage-edge) 72%)}
.imprint-journey .journey-word{visibility:hidden}
.collection{background:var(--surface)}
.composition,.own-support,.faq{background:var(--paper)}
.imprint-journey.is-directed .mark-layout{left:60%;width:34%;top:12%;gap:28px}
.imprint-journey.is-directed .mark-layout h3{font-size:clamp(48px,5.25vw,80px)}
.imprint-journey.is-directed .mark-intro p{font-size:16px;max-width:32ch;margin-top:18px}
.imprint-journey .mark-layout .placement-control{background:transparent;border:0;border-radius:0;padding:0;gap:0}
.imprint-journey .face-row,.imprint-journey .support-colors,.imprint-journey .placement-presets,.imprint-journey .position-control{grid-template-columns:76px minmax(0,1fr);gap:14px;min-height:66px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 13%,transparent)}
.imprint-journey .placement-control .control-label,.imprint-journey .placement-control .position-control label{font-size:13px;color:var(--muted)}
.imprint-journey .placement-control .view-controls,.imprint-journey.is-directed.is-compact .placement-control .view-controls{background:transparent;padding:3px;gap:0;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
.imprint-journey .placement-control .view-controls button{font-size:12px;min-height:40px;border-radius:999px}
.imprint-journey .view-controls .selection-well{border-radius:999px;background:var(--ink)}
.imprint-journey .view-controls button[aria-pressed=true]{color:var(--paper)}
.imprint-journey .color-caption{font-size:12px;margin-top:3px}
.imprint-journey .support-colors button,.imprint-journey.is-directed.is-compact .support-colors button{width:44px;height:44px;min-width:44px;padding:8px}
.imprint-journey .support-colors button[data-color=auto],.imprint-journey.is-directed.is-compact .support-colors button[data-color=auto]{width:44px;height:44px;min-width:44px;border-radius:10px;border:0;font-size:11px;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.imprint-journey .support-colors button[data-color=auto][aria-pressed=true]{background:var(--ink);color:var(--paper)}
.imprint-journey .support-colors button span{width:28px;height:28px;border-radius:8px}
.imprint-journey .size-options{background:none;padding:0;gap:10px;box-shadow:none}
.imprint-journey .size-options .selection-well{display:block;border-radius:10px;background:color-mix(in srgb,var(--ink) 7%,transparent);box-shadow:inset 0 0 0 1px var(--ink)}
.imprint-journey .placement-presets .size-options button{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border-radius:10px;color:var(--muted);font-size:13px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow 180ms ease,color 180ms ease,background-color 180ms ease}
.imprint-journey .placement-presets .size-options button[aria-pressed=true]{color:var(--ink);background:transparent!important;box-shadow:none}
.mark-sample{width:24px;height:28px;position:relative;flex:none;border:1px solid currentColor;border-radius:3px;opacity:.8}
.mark-sample:after{content:'';position:absolute;width:14px;height:14px;left:4px;top:6px;border:2px solid currentColor;border-radius:50%}
.sample-small:after{width:6px;height:6px;left:5px;top:5px;border-width:1px}
.imprint-journey .position-control{border:0;padding-bottom:0}
.imprint-journey .position-control input::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--stage-edge)}
.imprint-journey .placement-control .front-print-note{padding-top:12px;font-size:12px;color:var(--muted)}
.finished-print-note{padding-top:18px}
.imprint-journey.is-directed .journey-nav{background:var(--glass-bg);border:0;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 -1px 0 color-mix(in srgb,var(--ink) 8%,transparent),0 12px 32px #00000020;padding:7px;gap:2px}
.imprint-journey.is-directed .journey-nav a{color:var(--ink);font-weight:600;padding:0 20px;min-height:46px}
.imprint-journey .journey-nav .selection-well{background:var(--glass-active);box-shadow:inset 0 1px 0 var(--glass-edge),0 3px 7px #0000000d}
.imprint-journey.is-directed .journey-nav a[aria-current=step]{color:var(--ink)}
.chapter-number{border:0;opacity:.5;font-weight:400}
.journey-nav a[aria-current] .chapter-number{opacity:1;color:var(--accent)}
.collection-controls{align-items:center;gap:0;padding:4px;background:color-mix(in srgb,var(--ink) 5%,transparent);border-radius:999px;border:1px solid var(--line)}
.collection-controls button{width:48px;height:48px;border:0;background:transparent;border-radius:50%;padding:14px}
.collection-controls button svg,.product-caption>span svg{display:block;width:20px;height:20px}
.collection-controls button[data-gallery-step="-1"] svg{transform:rotate(180deg)}
.gallery-position{display:flex;align-items:baseline;gap:8px;font-size:12px;font-variant-numeric:tabular-nums;padding:0 8px;color:var(--muted)}
.gallery-position b{color:var(--ink);font-size:14px;font-weight:600;min-width:2ch}
.collection-controls button[aria-disabled=true]{opacity:.28}
.product-story.catalog-extra{width:clamp(270px,calc((100svh - 360px)*.8),520px)}
.catalog-extra .product-image{background:transparent;aspect-ratio:4/5}
.catalog-extra .product-image img{object-fit:contain;transform:none!important}
.product-caption>span{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:color-mix(in srgb,var(--ink) 6%,transparent);padding:0}
.product-caption>span svg{transform:rotate(-45deg);width:17px;height:17px}
.visual-note{margin-top:10px}
.visual-note .text-link{margin:0;gap:16px;font-size:13px}
.text-link>.action-orbit{border:0;background:color-mix(in srgb,var(--ink) 7%,transparent)}
.footer-preferences{gap:10px}
.footer-preferences button{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:12px;min-height:44px}
.footer-preferences button[aria-pressed=true]{background:var(--surface)}
.composition-copy h2{max-width:15ch}
.own-heading h2{max-width:16ch}
.closing-content h2{font-size:clamp(40px,5.4vw,82px);max-width:17ch}
@media(hover:hover) and (pointer:fine){
 .collection-controls button:not([aria-disabled=true]):hover{background:var(--ink);color:var(--paper)}
 .product-story:hover .product-caption>span{background:var(--ink);color:var(--paper)}
 .imprint-journey .placement-presets button:hover{box-shadow:inset 0 0 0 1px var(--ink)}
 .support-colors button:hover{transform:translateY(-2px)}
 .footer-preferences button:hover{background:var(--ink);color:var(--paper)}
}
@media(min-width:1024px) and (max-height:800px){
 .imprint-journey.is-directed .mark-layout{top:7%;gap:18px}
 .imprint-journey.is-directed .mark-layout h3{font-size:min(5vw,8.8svh)}
 .imprint-journey.is-directed .mark-intro p{font-size:14px;margin-top:14px}
 .imprint-journey .face-row,.imprint-journey .support-colors,.imprint-journey .placement-presets,.imprint-journey .position-control{min-height:60px;padding:7px 0}
}
@media(max-width:1023px){
 .product-story.catalog-extra{width:auto}
 .catalog-extra .product-image{height:auto;max-height:none}
 .catalog-extra .product-image img{height:100%;aspect-ratio:4/5}
 .imprint-journey.is-directed.is-compact .mark-layout .placement-control{background:var(--paper);border-radius:16px;padding:10px 14px;gap:0;bottom:92px}
 .imprint-journey.is-directed.is-compact .face-row,.imprint-journey.is-directed.is-compact .support-colors,.imprint-journey.is-directed.is-compact .placement-presets,.imprint-journey.is-directed.is-compact .position-control{grid-template-columns:60px minmax(0,1fr);gap:8px;padding:5px 0;min-height:52px}
 .imprint-journey.is-directed.is-compact .placement-control .view-controls button{font-size:11px}
 .imprint-journey.is-directed.is-compact .placement-control .size-options button{font-size:12px;height:44px;gap:6px}
 .imprint-journey.is-directed.is-compact .placement-control .front-print-note{font-size:10px;padding-top:7px}
 .imprint-journey.is-directed.is-compact .support-colors button span{width:26px;height:26px}
 .imprint-journey.is-directed.is-compact .swatch-options{gap:0}
 .imprint-journey.is-directed.is-compact .journey-nav a{min-height:44px;font-size:12px;padding:0 8px}
 .imprint-journey.is-directed.is-compact .mark-intro h3{font-size:36px;max-width:none}
 .imprint-journey.is-directed.is-compact .mark-intro p{font-size:14px;max-width:33ch;line-height:1.5}
 .mark-sample{width:19px;height:24px}
 .mark-sample:after{width:12px;height:12px;left:2px;top:5px}
 .sample-small:after{width:5px;height:5px;left:4px;top:4px}
}
@media(max-width:1023px) and (max-height:700px){
 .imprint-journey.is-directed.is-compact .mark-layout .placement-control{bottom:80px;padding:6px 12px}
 .imprint-journey.is-directed.is-compact .face-row,.imprint-journey.is-directed.is-compact .support-colors,.imprint-journey.is-directed.is-compact .placement-presets,.imprint-journey.is-directed.is-compact .position-control{min-height:46px;padding:2px 0}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 .imprint-journey.is-directed .journey-nav{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;outline:1px solid var(--ink)}
 .imprint-journey .journey-nav .selection-well{background:var(--surface)}
}
@media(max-width:359px){
 .imprint-journey.is-directed.is-compact .support-colors{grid-template-columns:minmax(0,1fr);gap:0}
 .imprint-journey.is-directed.is-compact .color-info{display:flex;align-items:baseline;gap:10px}
 .imprint-journey.is-directed.is-compact .color-caption{margin:0}
 .imprint-journey.is-directed.is-compact .placement-control .size-options button{gap:4px;font-size:11px}
}
/* Fixed printed profiles continue to suppress front-only controls. */
.selection-well{transition:transform 250ms var(--ease-in-out)}
.imprint-journey .size-options .selection-well[hidden],.swatch-options .selection-well[hidden]{display:none}
.imprint-journey .placement-presets .size-options button{font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 15%,transparent)}
.imprint-journey .placement-presets .size-options button[aria-pressed=true]{box-shadow:none}
.placement-control .mark-sample{display:block;width:24px;height:28px;border:1px solid currentColor;border-radius:4px;opacity:1;overflow:hidden}
.placement-control .mark-sample:after{width:14px;height:14px;left:50%;top:50%;transform:translate(-50%,-50%);border:1.25px solid currentColor;border-radius:50%}
.placement-control .sample-small:after{width:7px;height:7px}
.swatch-options{position:relative;isolation:isolate}
.swatch-options .selection-well{display:block;background:transparent;border-radius:12px;box-shadow:none;pointer-events:none;z-index:0}
.swatch-options .selection-well:before{content:'';position:absolute;inset:2px;border:1px solid var(--ink);border-radius:11px}
.imprint-journey .support-colors button{z-index:1}
.imprint-journey .support-colors button[aria-pressed=true] span{outline:0}
.imprint-journey .support-colors button[data-color=auto][aria-pressed=true]{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
.imprint-journey .support-colors button:not([data-color=auto]):after{content:'';position:absolute;left:50%;top:50%;width:5px;height:9px;border:solid white;border-width:0 1.5px 1.5px 0;opacity:0;transform:translate(-50%,-65%) rotate(45deg) scale(.9);transition:opacity 160ms ease,transform 160ms var(--ease-out);pointer-events:none}
.imprint-journey .support-colors button:not([data-color=auto])[aria-pressed=true]:after{opacity:1;transform:translate(-50%,-65%) rotate(45deg) scale(1)}
.imprint-journey .support-colors button[data-color=ivory]:after{border-color:#202327}
@media(hover:hover) and (pointer:fine){
 .imprint-journey .support-colors button:hover{transform:none}
 .imprint-journey .support-colors button:hover span{transform:scale(1.06)}
 .imprint-journey .placement-presets .size-options button:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 40%,transparent)}
 .imprint-journey .placement-presets .size-options button[aria-pressed=true]:hover{box-shadow:none}
}
.imprint-journey .support-colors button:active span{transform:scale(.96)}
html[data-motion=reduce] .selection-well,html[data-motion=reduce] .support-colors button:after{transition:none!important}
@media(prefers-reduced-motion:reduce){.selection-well,.imprint-journey .support-colors button:after{transition:none!important}}
.imprint-journey[data-finished-view="true"] .placement-presets,.imprint-journey[data-finished-view="true"] .position-control,.imprint-journey[data-finished-view="true"] .front-print-note{display:none}