/* Photographs keep their native frame. Product cutouts share a deliberate paper surface. */
:root{--product-paper:#f1e8dc;--product-ink:#0b1a31}
.rack-image{aspect-ratio:auto;height:auto;object-fit:contain}
.hero{min-height:0;align-items:center;background:var(--product-paper)}
.hero-visual{min-height:0;overflow:visible;background:transparent}
.hero-visual .hero-image{position:static;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.product-page .hero-visual{display:flex;align-items:center;justify-content:center;padding:36px;background:var(--product-paper)}
.product-page .hero-visual .hero-image{width:auto;max-width:100%;height:auto;max-height:690px;aspect-ratio:auto;object-fit:contain}
.hero-copy{padding-top:64px;padding-bottom:64px}
.method-feature-card img,.method-feature-card--request img,.method-example img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent}
.method-feature-card[data-featured-method=embroidery] img{background:transparent}
.window-method-sample img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:transparent}
.split-media img,.image-pair img,.home-details .image-pair img,.home-space img,.material-gallery img,.shared-reference img,.texture-band img,.method-note img,.editorial-grid img,.open-close img,.home-set img{position:static;display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain}
.split-media,.image-pair,.material-gallery,.shared-reference,.texture-band,.method-note,.open-close{align-items:start}
.split-feature,.shared-reference,.texture-band,.method-note{min-height:0;align-items:center;background:var(--product-paper)}
.material-gallery figure{min-height:0;overflow:visible}
.split-media>div,.image-pair>div,.material-gallery>div,.shared-reference>div,.open-close>div,.method-note>div:first-child{min-height:0;height:auto}
.editorial-grid>article:has(>img){min-height:0;padding:0;background:transparent}
.catalog-model-grid{align-items:start}
.catalog-model-grid img,.product-example-photo img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.garment-views{align-items:start}
.garment-views img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.product-work-examples>div{align-items:start}
.case-context{font-size:18px;max-width:46em;margin-bottom:28px;color:var(--navy)}

/* A continuous artbook of complete images, with no arbitrary crop or side fill. */
.art-collage{display:block;columns:3;column-gap:8px;background:transparent}
.art-collage .art-tile{display:block;width:100%;height:auto;margin:0 0 8px;break-inside:avoid;grid-column:auto!important;grid-row:auto!important;background:transparent;overflow:visible}
.art-collage .art-tile img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.project-note{bottom:8px;left:8px;font-size:12px}

/* Beige product dialog; the image itself is a true alpha PNG. */
.product-window{background:var(--product-paper);color:var(--product-ink);border:1px solid #d5c6b3;box-shadow:0 24px 100px #06132445}
.product-window-grid{grid-template-columns:44% 56%;align-items:stretch}
.product-window-visual{background:var(--product-paper);padding:28px 22px;min-height:0;display:flex;align-items:center;justify-content:center}
.product-window-visual img{display:block;width:auto;max-width:100%;height:auto;max-height:560px;aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none;background:transparent}
.product-window-copy{background:var(--product-paper);padding:40px 28px 28px}
.product-window-copy .eyebrow{color:var(--cobalt)}
.product-window-copy h2,.product-window-copy>p,.window-method-condition,.window-contacts a{color:var(--product-ink)}
.product-window-copy .text-link{color:var(--cobalt)}
.product-window-close{background:var(--product-paper);color:var(--product-ink);border-color:#847564}
.product-window .window-field input,.product-window .window-field select{background:#fbf7f0;color:var(--product-ink);border-color:#998b79}
.product-window .window-field input::placeholder{color:#5a5146}
.product-window .window-method-sample{background:#fbf7f0;color:var(--product-ink);border-color:#ad9d87;border-radius:8px}
.product-window .window-method-sample[aria-pressed=true]{border-color:var(--cobalt)}
.product-window .config-status{color:var(--cobalt)}

/* Every desktop paper tag has its name printed on the paper. */
.rack-point.rack-tag{width:68px;height:62px;min-width:44px;min-height:44px;transform:translate(-50%,-35%)}
.rack-tag .rack-tag-name,.rack-tag[data-rack-group=objects]:hover .rack-tag-name,.rack-tag[data-rack-group=objects]:focus-visible .rack-tag-name{display:block;position:absolute;top:53%;left:12%;right:12%;min-width:0;max-width:none;padding:0;border:0;background:none;color:var(--navy);font-size:9px;line-height:1.15;text-align:center;transform:none;border-radius:0;overflow-wrap:normal}
.rack-tag:is([data-rack-group=clothing],[data-rack-group=sets],[data-slug=shoppery],[data-slug=ryukzaki]){width:80px;height:68px}
.rack-tag:is([data-rack-group=clothing],[data-rack-group=sets],[data-slug=shoppery],[data-slug=ryukzaki]) .rack-tag-name{font-size:10px}

/* Covers are complete photographs; transparent garment covers are paper still lifes. */
.article-cover,.home-articles .article-cover,.article-library--index .article-cover{aspect-ratio:auto;height:auto;overflow:visible;background:transparent}
.article-cover img,.home-articles .article-cover img,.article-library--index .article-cover img{position:static;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.article-cover:has(img[src^="/assets/v6/products/"]){display:flex;align-items:center;justify-content:center;background:var(--product-paper);padding:22px}
.article-cover img[src^="/assets/v6/products/"]{width:auto;max-width:100%;max-height:300px;height:auto}

/* Three tactile process scenes, connected by a simple sewn line. */
.process-story{padding:64px var(--gutter);background:var(--product-paper);border-top:1px solid #d5c6b3;border-bottom:1px solid #d5c6b3}
.process-story .section-head{margin-bottom:36px}
.process-story ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
.process-story li{position:relative;min-width:0}
.process-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.process-stage-copy{display:flex;align-items:flex-start;gap:14px;margin-top:24px}
.process-number{display:grid;place-items:center;flex:0 0 44px;min-height:44px;border:1px solid var(--navy);border-radius:50%;font-size:16px;font-weight:600;background:var(--product-paper)}
.process-story h3{font-size:23px;line-height:1.3;margin:6px 0 10px;max-width:none}
.process-story li p{font-size:17px;line-height:1.5;margin:0;color:var(--navy)}
.process-story>.text-link{display:inline-flex;align-items:center;min-height:48px;margin-top:28px;font-size:18px;color:var(--navy)}

@media(max-width:1000px){
 .art-collage{columns:2}
 .hero-copy{padding-top:48px;padding-bottom:48px}
 .process-story h3{font-size:20px}
 .process-stage-copy{gap:10px}
}
@media(max-width:700px){
 .hero-visual{min-height:0}
 .product-page .hero-visual{padding:20px;margin-bottom:22px}
 .product-page .hero-visual .hero-image{max-height:420px;height:auto;aspect-ratio:auto}
 .product-window-grid{grid-template-columns:1fr}
 .product-window-visual{padding:20px 40px 8px}
 .product-window-visual img{width:auto;height:auto;max-height:190px;max-width:100%}
 .product-window-copy{padding:18px 22px 26px}
 .window-method-sample img{height:auto}
 .rack-point.rack-tag{display:none}
 .rack-point.rack-tag:is([data-slug=hudi],[data-slug=futbolki],[data-slug=shoppery],[data-slug=dzhinsy-oversize],[data-slug=shorty-bermuda-oversize],[data-slug=bombery]){display:block;width:48px;height:48px}
 .rack-tag:is([data-rack-group=clothing],[data-rack-group=sets],[data-slug=shoppery],[data-slug=ryukzaki]) .rack-tag-name{display:block;font-size:6.4px;top:53%;left:12%;right:12%;transform:none}
 .all-products{margin-top:16px}
 .product-link-grid{gap:8px}
 .product-link-grid a{min-height:44px;padding:10px 12px;background:var(--product-paper);border-color:#cabcaa;border-radius:2px}
 .art-collage{columns:2;column-gap:4px}
 .art-collage .art-tile{margin-bottom:4px}
 .process-story{padding:36px var(--gutter)}
 .process-story .section-head{margin-bottom:26px}
 .process-story ol{grid-template-columns:1fr;gap:32px}
 .process-stage-copy{gap:14px;margin-top:18px}
 .process-story h3{font-size:23px}
 .process-story li p{font-size:17px}
 .process-number{flex-basis:44px}
 .article-cover img[src^="/assets/v6/products/"]{max-height:250px}
}