/* Native portfolio layouts. Raster files contain only the cropped visual assets. */
.image-link{display:block;width:100%;height:100%;position:relative;overflow:hidden;text-decoration:none;cursor:zoom-in;background:transparent}
.image-link img{display:block;width:100%;height:100%;object-fit:cover}
.image-link:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
.zoom-mark{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(23,24,22,.35);border-radius:50%;background:rgba(245,244,239,.92);color:var(--ink);font:15px/1 var(--mono);opacity:0;transition:opacity .15s}
.image-link:hover .zoom-mark,.image-link:focus-visible .zoom-mark{opacity:1}
.asset-frame{background:#eeece6}
.asset.is-synthetic .asset-frame{border-color:#d7d4cb}
.asset figcaption{padding:12px 0 0;min-height:40px}
.asset-label{font-size:12px;line-height:1.55;letter-spacing:-.02em}
.preview-note{display:flex;align-items:center;gap:8px;font:10px/1.5 var(--mono);letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin:0 0 15px;max-width:none}
.preview-note .red-dot{width:5px;height:5px}
.process-gallery{gap:20px}
.process-gallery .asset-frame{aspect-ratio:4/5}
.process-gallery .asset img{object-fit:cover}
.bata-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 28px;max-width:1010px;margin-inline:auto}
.bata-gallery .asset-frame{aspect-ratio:499/528}
.bata-gallery .asset:first-child .asset-frame{border-color:var(--ink)}
.bata-gallery .asset:first-child .asset-label{color:var(--ink)}
.bata-feature,.timberland-feature,.dickies-feature{border-top:1px solid var(--line);padding:48px 0}
.bata-feature{margin-top:0}
.dickies-feature{padding-bottom:0}
.work-intro{margin-bottom:30px}
.work-intro .small-link{margin-top:7px}
.proposal-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.proposal-gallery>.asset:first-child{grid-column:1/-1}
.proposal-gallery>.asset:first-child .asset-frame{aspect-ratio:1038/623}
.proposal-gallery>.asset:not(:first-child) .asset-frame{aspect-ratio:5/4}
.proposal-gallery>.asset:not(:first-child) img{object-fit:cover}
.dickies-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.dickies-process>.asset>.asset-frame{aspect-ratio:3/4}
.dickies-process>.asset>.asset-frame img{object-fit:cover}
.garment-stack{aspect-ratio:3/4;display:grid;grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;padding:12px;border:1px solid #d7d4cb;background:#f5f4ef}
.garment-item{min-width:0;min-height:0;position:relative;overflow:hidden}
.garment-item .image-link{background:transparent}
.garment-item img{object-fit:contain!important}
.summary-flow{background:transparent;color:var(--ink);padding:0;border:0}
.summary-flow .preview-note{color:var(--ink)}
.summary-flow .preview-note .red-dot{background:var(--ink)}
.summary-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;margin:0;padding:0}
.summary-nodes>li{position:relative;min-width:0;border-top:1px solid var(--ink);padding-top:15px}
.summary-nodes>li:not(:last-child):after{content:'→';position:absolute;right:-21px;top:48%;color:var(--ink);font:19px/1 var(--mono)}
.summary-nodes .mono{font-size:10px;letter-spacing:0;color:var(--ink);min-height:32px;display:block}
.summary-image{height:190px;margin:12px 0 20px;overflow:hidden;background:#ecebe5}
.summary-image .image-link img{object-fit:cover}
.workflow-feature .summary-image{height:auto;aspect-ratio:4/5;align-self:start}
.workflow-feature .summary-image .image-link{background:#fff}
.workflow-feature .summary-image .image-link img{object-fit:cover}
.summary-logo-stack{height:100%;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;background:var(--paper)}
.summary-logo-card{min-height:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--line);background:#fff}
.summary-logo-card .image-link{min-height:0}
.workflow-feature .summary-logo-stack .image-link img{object-fit:cover}
.summary-logo-card figcaption{padding:5px 8px;font:10px/1.3 var(--mono);border-top:1px solid var(--line);background:var(--paper)}
.summary-nodes h4{font:400 21px/1.25 var(--mono);letter-spacing:-.04em;margin:0 0 9px}
.summary-nodes p{font-size:12px;line-height:1.7;color:var(--ink)}
.tool-study+.tool-study{margin-top:58px;padding-top:40px;border-top:1px solid var(--line)}
.study-heading{margin-bottom:23px}
.study-heading .eyebrow{color:var(--muted);font-size:10px;margin-bottom:13px}
.study-heading h3{font-size:clamp(23px,2.5vw,32px);margin:0 0 12px}
.study-heading>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);max-width:78ch}
.cleanup-study{display:block;max-width:1050px;margin-inline:auto}
.process-window{border:1px solid #b9bab2;border-radius:4px;overflow:hidden;background:#eeeee9}
.process-window-bar{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #b9bab2;background:#dedfd9;font-size:10px;color:#565950}
.batch-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:18px;margin:0}
.batch-settings div{min-width:0}
.batch-settings dt{font-size:10px;color:#676b61;margin-bottom:7px}
.batch-settings dd{border:1px solid #c5c8bd;border-radius:2px;background:#f9f9f5;margin:0;padding:8px 10px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cleanup-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 18px 18px}
.cleanup-pair .asset-frame{aspect-ratio:4/5;background:#fff}
.cleanup-pair .asset img{object-fit:cover}



.logo-study{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr) minmax(0,1fr);gap:17px;align-items:center}
.logo-study .asset:nth-child(2){max-width:303px;justify-self:center}
.logo-study .asset:nth-child(2) .asset-frame{aspect-ratio:var(--ratio);background:#e9e5dd}
.logo-study .asset:nth-child(2) img{object-fit:cover}
.logo-study .asset:first-child .asset-frame{aspect-ratio:4/3}
.logo-study .asset:last-child .asset-frame{aspect-ratio:4/3}
.result-metrics{display:grid;grid-template-columns:1fr;gap:32px;margin:0 0 25px}
.result-metrics>div{border-top:1px solid var(--line);padding-top:19px}
.result-metrics .mono{font-size:10px;color:var(--muted)}
.result-metrics strong{display:block;font-weight:400;font-size:clamp(30px,3.8vw,49px);letter-spacing:-.06em;line-height:1.2;margin:10px 0}
.result-metrics p{font-size:13px;line-height:1.6;margin:0}
.metric-source{display:block;font-size:11px;color:var(--muted);margin-top:7px}
/* The restoration diagram is native HTML, with lightweight schematic nodes. */
.diagram-label{font-size:10px;color:var(--muted);margin-bottom:18px}
.restoration-flow{list-style:none;margin:0;padding:0}
.restoration-flow>li{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(200px,.58fr);gap:28px;border-top:1px solid var(--line);padding:25px 0;align-items:center;position:relative}
.restoration-step{display:grid;place-items:center;align-self:start;width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;font-size:11px;background:var(--paper)}
.restoration-flow>li:not(:last-child):after{content:'↓';position:absolute;left:13px;bottom:-11px;z-index:1;background:var(--paper);padding:0 2px;font-size:13px;line-height:20px;color:var(--muted)}
.restoration-copy .eyebrow{font-size:9px;color:var(--muted);margin-bottom:8px;letter-spacing:.02em}
.restoration-copy h3{font-size:clamp(21px,2.3vw,28px);margin-bottom:10px}
.restoration-copy>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);max-width:62ch}
.restoration-visual{min-width:0;font-size:10px;line-height:1.5}
.flow-assets{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.flow-assets>span{border:1px solid var(--ink);padding:7px 9px;text-align:center;flex:1 1 auto}
.flow-assets>.optional{border-style:dashed;color:var(--muted);flex-basis:100%}
.flow-detection{border:1px solid var(--line);height:96px;position:relative;background:radial-gradient(#aaa 0.6px,transparent 0.6px) 0 0/7px 7px;display:flex;align-items:center;padding-left:13px;color:var(--muted)}
.detection-box{border:1px dashed var(--ink);position:absolute;right:22px;top:27px;padding:8px 20px;background:var(--paper);color:var(--ink)}
.detection-tag{position:absolute;right:22px;top:9px;font-size:8px;color:var(--ink);background:var(--paper);padding-inline:4px}
.flow-filter{display:grid;grid-template-columns:1fr;gap:5px;max-width:245px;margin:auto}
.flow-filter>span{display:flex;justify-content:space-between;gap:10px;padding:5px 10px}
.filter-keep{border:1px dashed var(--ink);font-weight:700}
.filter-discard{color:var(--muted);border:1px solid var(--line)}
.flow-occlusion{position:relative;height:98px;border:1px solid var(--line);overflow:hidden}
.occlusion-label{position:absolute;left:27%;top:21px;letter-spacing:.12em;border:1px solid var(--ink);padding:10px 20px}
.occlusion-fabric{position:absolute;left:calc(27% + 42px);top:5px;background:var(--paper);border:1px solid var(--ink);padding:10px 13px;transform:rotate(17deg)}
.occlusion-note{position:absolute;bottom:8px;left:12px;color:var(--muted);font-size:9px}
.flow-output{display:flex;flex-direction:column;align-items:center;gap:3px}
.flow-output>div{display:flex;gap:7px;width:100%}
.flow-output>div>span{padding:6px;border:1px solid var(--line);flex:1;text-align:center;font-size:9px}
.output-arrow{line-height:1.3;color:var(--muted)}
.output-file{padding:7px 14px;border:1px solid var(--ink);text-align:center}
.restoration-diagram>figcaption{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}
.restoration-details{margin-top:30px;background:transparent}
.restoration-specs{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px}
.restoration-specs article{min-width:0}
.restoration-specs h3{font-size:18px;line-height:1.4;margin-bottom:14px}
.restoration-specs p,.restoration-specs dl{font-size:12px;line-height:1.8;color:var(--muted)}
.restoration-specs p+p{margin-top:10px}
.restoration-specs dl{margin:0}
.restoration-specs dl>div+div{margin-top:11px}
.restoration-specs dt{color:var(--ink)}
.restoration-specs dd{margin:2px 0 0}
.restoration-specs code{font:11px/1.7 var(--mono);overflow-wrap:anywhere;color:var(--ink)}
@media(max-width:900px){.restoration-flow>li{grid-template-columns:34px minmax(0,1fr) minmax(170px,.7fr);gap:18px}.restoration-step{width:32px;height:32px}.restoration-flow>li:not(:last-child):after{left:10px}.restoration-copy h3{font-size:22px}.flow-detection>span:first-child{font-size:9px;max-width:55px}.detection-box{right:13px;padding-inline:14px}.detection-tag{right:13px}.flow-output>div{flex-direction:column;gap:3px}.occlusion-fabric{font-size:9px;padding:10px}.restoration-specs{padding:22px;gap:25px}}
@media(max-width:600px){.restoration-flow>li{grid-template-columns:32px minmax(0,1fr);gap:14px;padding:23px 0}.restoration-visual{grid-column:2;max-width:310px;width:100%;margin-top:4px}.restoration-copy h3{font-size:23px}.restoration-copy>p:last-child{font-size:12px}.flow-filter{max-width:none}.flow-detection>span:first-child{max-width:none}.flow-output>div{flex-direction:row}.restoration-specs{grid-template-columns:1fr;padding:18px;gap:28px}.restoration-details>summary{font-size:11px}.diagram-label{font-size:9px}}
.reference-comparison{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}
.group-label{font-size:12px;font-weight:400;margin:0 0 17px;padding-bottom:12px;border-bottom:1px solid var(--line);letter-spacing:0}
.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.reference-grid>.asset:first-child{grid-column:1/-1}
.reference-grid>.asset:first-child .asset-frame{aspect-ratio:768/269}
.reference-grid>.asset:not(:first-child) .asset-frame{aspect-ratio:1/1}
.reference-grid>.asset:not(:first-child) img{object-fit:cover}
.reference-comparison>div:last-child .asset-frame{aspect-ratio:646/738}
.reference-comparison>div:last-child img{object-fit:cover}
.reference-comparison>div:last-child .asset figcaption{display:none}
.technical-details{border:1px solid var(--line);background:#f0efe8}
.technical-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;font-size:12px;cursor:pointer;list-style:none}
.technical-details>summary::-webkit-details-marker{display:none}
.technical-details>summary>span:last-child{font-size:22px}
.technical-details[open]>summary{border-bottom:1px solid var(--line)}
.workflow-modules{padding:28px}
.workflow-module{padding:24px;border:1px solid var(--line);background:var(--paper)}
.module-heading .mono{font-size:10px;color:var(--muted)}
.module-heading h3{font-size:25px;letter-spacing:-.04em;margin:12px 0 9px}
.module-heading p{font-size:13px;line-height:1.7;color:var(--muted)}
.workflow-io{display:flex;align-items:center;justify-content:center;gap:35px;margin:28px 0}
.workflow-io .mono{font-size:9px;color:var(--muted);display:block;margin-bottom:8px;letter-spacing:0}
.workflow-io .image-link{width:150px;height:140px}
.workflow-io .image-link img{object-fit:contain}
.io-arrow{font-size:22px;color:var(--muted)}
.multi-input-io{display:grid;grid-template-columns:1.5fr auto 1fr}
.separate-inputs>div{display:flex;gap:14px}
.separate-inputs .image-link{width:130px;height:150px}
.workflow-look .image-link{height:180px;width:140px}
.workflow-capture{min-height:220px;border:1px dashed #bdbeb1;background:radial-gradient(#bbbdb1 .65px,transparent .65px) 0 0/12px 12px #ebece4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;font-size:12px;text-align:center;padding:30px}
.workflow-capture>span:not(.asset-cross){background:#ebece4;padding:1px 8px}
.workflow-capture .capture-note{font-size:10px;color:var(--muted)}
.handoff-note{display:flex;gap:14px;align-items:center;font-size:11px;line-height:1.7;margin:19px 0;color:var(--muted)}
.handoff-note>span{font-size:21px;color:var(--red)}
.model-choice{padding:0 52px 35px}
.model-choice h3{font-size:19px;margin:0 0 10px}
.model-choice p{font-size:13px;line-height:1.8;color:var(--muted)}
.model-choice>.eyebrow{font-size:10px;margin:0 0 12px}
.workflow-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:24px 0 0}
.workflow-methods>div{border-top:1px solid var(--line);padding-top:18px;min-width:0}
.workflow-methods dt .mono{display:block;font-size:9px;letter-spacing:.06em;color:var(--muted)}
.workflow-methods dt strong{display:block;font-size:15px;font-weight:700;line-height:1.5;margin:9px 0}
.workflow-methods dd{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:600px){.workflow-methods{grid-template-columns:1fr;gap:22px}.workflow-methods dt strong{font-size:14px}}
.practical-tools{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center}
.practical-tools h2{font-size:clamp(28px,3vw,42px);margin-top:15px}
.practical-tools>div:last-child p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:16px}
.image-dialog{width:min(95vw,1400px);max-width:95vw;height:min(94dvh,1100px);max-height:94dvh;padding:0;border:1px solid #5a5b50;background:var(--paper);color:var(--ink);overflow:hidden}
.image-dialog::backdrop{background:rgba(14,15,12,.87);backdrop-filter:blur(4px)}
.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px;border-bottom:1px solid var(--line);height:64px}
.dialog-toolbar p{font-size:12px;line-height:1.5;max-width:none}
.dialog-close{flex:none;border:1px solid var(--ink);border-radius:24px;padding:7px 15px;font-size:11px;background:transparent;min-height:44px;min-width:44px}
.dialog-image-wrap{height:calc(100% - 64px);padding:18px;display:grid;place-items:center}
.dialog-image{width:100%;height:100%;min-height:0;object-fit:contain}
body.dialog-open{overflow:hidden}
@media(min-width:1500px){.summary-image{height:230px}}
@media(max-width:1000px){.batch-settings{gap:9px}.batch-settings dd{padding-inline:7px;font-size:9px}.reference-comparison{gap:22px}.summary-nodes{gap:21px}.summary-nodes>li:not(:last-child):after{right:-17px}.summary-nodes h4{font-size:18px}.summary-image{height:170px}}
@media(max-width:760px){.summary-nodes{gap:18px}.summary-nodes .mono{font-size:9px;min-height:42px}.summary-nodes h4{font-size:17px}.summary-nodes p{font-size:11px}.summary-image{height:145px}.summary-nodes>li:not(:last-child):after{right:-15px;font-size:15px}.proposal-gallery{gap:18px}.dickies-process{gap:13px}.process-gallery{gap:13px}.logo-study{gap:12px}.logo-study .asset-label{font-size:10px}.reference-comparison{gap:20px}.reference-grid{gap:10px}.reference-grid .asset-label{font-size:10px}.workflow-modules{padding:16px}.workflow-module{padding:18px}.workflow-io{gap:20px}.separate-inputs .image-link{width:90px;height:125px}.workflow-look .image-link{width:100px;height:150px}.model-choice{padding:0 34px 25px}.practical-tools{grid-template-columns:1fr;gap:25px}.bata-gallery{gap:20px}.process-gallery .asset-label{font-size:11px}.tool-study+.tool-study{margin-top:40px;padding-top:30px}}
@media(max-width:540px){.preview-note{font-size:9px;gap:7px;margin-bottom:12px}.bata-feature,.timberland-feature,.dickies-feature{padding-top:35px;padding-bottom:35px}.work-intro{margin-bottom:24px}.process-gallery,.dickies-process{grid-template-columns:1fr;gap:24px}.process-gallery .asset-frame{aspect-ratio:4/5}.dickies-process .garment-stack{aspect-ratio:3/4}.dickies-process>.asset>.asset-frame{aspect-ratio:3/4}.summary-nodes{grid-template-columns:1fr;gap:28px}.summary-nodes>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8px 17px;align-content:start;padding-top:16px}.summary-nodes .mono{grid-column:1/-1;min-height:0}.summary-nodes h4{grid-column:2;grid-row:2;font-size:20px;margin:15px 0 0;align-self:end}.summary-nodes p{grid-column:2;grid-row:3;font-size:11px;align-self:start}.summary-image{grid-column:1;grid-row:2/4;height:160px;margin:9px 0 0}.summary-nodes>li:not(:last-child):after{content:'↓';top:auto;bottom:-24px;left:calc(50% - 8px);right:auto}.batch-settings{grid-template-columns:1fr;gap:10px;padding:14px}.batch-settings>div{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}.batch-settings dt{margin:0}.batch-settings dd{font-size:10px}.process-window-bar{font-size:9px;padding:10px 13px}.cleanup-pair{gap:10px;padding:0 13px 13px}.logo-study{grid-template-columns:1fr 1fr;gap:18px 13px}.logo-study>.asset:nth-child(2){grid-column:1/-1;grid-row:1}.logo-study>.asset:nth-child(2) .asset-frame{aspect-ratio:var(--ratio)}.logo-study>.asset:nth-child(2) img{object-fit:cover}.logo-study>.asset:first-child{grid-column:1;grid-row:2}.logo-study>.asset:last-child{grid-column:2;grid-row:2}.logo-study .asset-label{font-size:11px}.proposal-gallery{grid-template-columns:1fr;gap:23px}.proposal-gallery>.asset:not(:first-child) .asset-frame{aspect-ratio:5/4}.reference-comparison{grid-template-columns:1fr;gap:25px}.reference-grid{gap:15px}.reference-grid .asset-label{font-size:11px}.reference-comparison>div:last-child .asset-frame{aspect-ratio:646/738}.group-label{font-size:12px}.bata-gallery{gap:18px 12px}.bata-gallery .asset-label{font-size:10px}.technical-details>summary{padding:16px;font-size:11px}.workflow-modules{padding:12px}.workflow-module{padding:14px}.module-heading h3{font-size:22px}.module-heading p{font-size:12px}.workflow-io{gap:12px}.workflow-io .image-link{width:110px;height:125px}.workflow-io .mono{font-size:8px}.multi-input-io{grid-template-columns:1fr;justify-items:center;gap:16px}.multi-input-io>.io-arrow{transform:rotate(90deg)}.separate-inputs .image-link{width:100px;height:120px}.workflow-look .image-link{width:130px;height:175px}.workflow-look .mono{text-align:center}.workflow-capture{min-height:170px;font-size:11px;padding:20px}.model-choice{padding:0 26px 22px}.dialog-toolbar{padding:10px 12px;gap:12px}.dialog-toolbar p{font-size:10px}.dialog-close{font-size:10px;padding:7px 10px}.dialog-image-wrap{padding:10px}.image-dialog{width:96vw;max-width:96vw}.zoom-mark{opacity:1;width:24px;height:24px;font-size:12px}.garment-stack{gap:10px}}
@media(prefers-reduced-motion:reduce){.zoom-mark{transition:none}}

/* Timberland: preserve supplied image proportions and distinguish activation spaces. */
.process-gallery.timberland-process .asset-frame{aspect-ratio:16/9}
.process-gallery.timberland-process .asset img{object-fit:cover}
/* Home only: crop to the responsive Wrangler/Lee preview ratio. */
.timberland-feature .process-gallery.timberland-process .asset-frame{aspect-ratio:var(--home-preview-ratio,3/2)}
.timberland-feature .process-gallery.timberland-process .asset img{object-fit:cover;object-position:center}
.activation-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:26px;align-items:start}
.activation-gallery>.asset:nth-child(1){grid-column:1;grid-row:1}
.activation-gallery>.asset:nth-child(2){grid-column:1;grid-row:2}
.activation-gallery>.asset:nth-child(3){grid-column:2;grid-row:1/3}
.activation-gallery .asset-frame{aspect-ratio:var(--ratio)}
.activation-gallery .asset img{object-fit:cover}
@media(max-width:700px){.activation-gallery{grid-template-columns:1fr;gap:24px}.activation-gallery>.asset:nth-child(n){grid-column:auto;grid-row:auto}}

/* Bata: two independent original/adaptation pairs. */
.bata-comparisons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.bata-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bata-pair .asset-frame{aspect-ratio:2/3}
.bata-pair .asset img{object-fit:cover}
.visual-section>.bata-pair{max-width:960px;margin-inline:auto}
@media(max-width:900px){.bata-comparisons{grid-template-columns:1fr;gap:32px}}
@media(max-width:540px){.bata-pair{gap:12px}.bata-pair .asset-label{font-size:10px}}

/* Dickies: real garment pairs, independent controls and readable workflow diagrams. */
.dickies-process .garment-stack{grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:3/4}
.dickies-process>.asset>.asset-frame img{object-fit:cover}
.dickies-garment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.dickies-garment-card{min-width:0;border-top:1px solid var(--ink);padding-top:16px}
.dickies-garment-card>h3{font-size:20px;margin-bottom:18px}
.dickies-garment-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dickies-garment-pair .asset-frame{aspect-ratio:1/1;background:#fff}
.dickies-garment-pair .asset-label{font-size:10px}
.conditioning-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.conditioning-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.conditioning-inputs .asset-frame,.conditioned-result .asset-frame,.garment-transfer .asset-frame{aspect-ratio:3/4}
.conditioning-inputs .asset img,.conditioned-result .asset img,.garment-transfer .asset img{object-fit:cover}
[data-media-slot="dickies-reference-pose"] .asset-frame{background:#000}
.conditioning-key{margin:24px 0 0;border-top:1px solid var(--line);font-size:12px;line-height:1.7}
.conditioning-key>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
.conditioning-key dt{font-weight:700}.conditioning-key dd{margin:0;color:var(--muted)}
.reconstruction-note{font-size:10px;max-width:64ch}
.garment-input-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:28px}
.garment-input-strip p:not(.eyebrow){font-size:12px;margin-top:8px;color:var(--muted)}
.garment-input-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:0 1 360px}
.garment-input-thumbs .image-link{height:96px;background:#fff;border:1px solid var(--line)}
.garment-input-thumbs img{object-fit:contain}
.garment-input-thumbs figcaption{font:10px/1.5 var(--mono);margin-top:6px}
.garment-transfer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.workflow-blueprints{display:grid;gap:34px}
.workflow-blueprint{border:1px solid var(--line);padding:26px}
.blueprint-heading{margin-bottom:24px}
.blueprint-heading .eyebrow{font-size:10px;color:var(--muted);margin-bottom:10px}
.blueprint-heading h3{font-size:24px}
.workflow-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}
.workflow-node{min-width:0;border-top:1px solid var(--ink);padding-top:16px;position:relative}
.workflow-node:not(:last-child):after{content:'→';position:absolute;right:-23px;top:48%;font:21px/1 var(--mono)}
.workflow-node>.mono{font-size:9px;color:var(--muted)}
.workflow-node h4{font:400 19px/1.4 var(--mono);letter-spacing:-.035em;margin:12px 0 9px}
.workflow-node>p{font-size:12px;line-height:1.7;color:var(--muted)}
.workflow-settings{padding:0;margin:15px 0 0;list-style:none;border-top:1px solid var(--line);font:11px/1.6 var(--mono)}
.workflow-settings li{padding:8px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){.dickies-garment-grid{gap:18px}.conditioning-layout{gap:22px}.conditioning-inputs{gap:12px}.workflow-node h4{font-size:17px}}
@media(max-width:700px){.dickies-garment-grid{grid-template-columns:1fr;gap:28px}.dickies-garment-pair{gap:16px}.conditioning-layout{grid-template-columns:1fr;gap:26px}.conditioning-key{margin-top:16px}.garment-input-strip{display:block}.garment-input-thumbs{margin-top:18px;max-width:360px}.garment-transfer{gap:12px}.garment-transfer .asset-label{font-size:11px}.workflow-blueprint{padding:18px}.workflow-route{grid-template-columns:1fr;gap:34px}.workflow-node:not(:last-child):after{content:'↓';right:auto;left:0;top:auto;bottom:-27px}.blueprint-heading h3{font-size:22px}.workflow-node h4{font-size:19px}.workflow-settings{font-size:11px}}

/* Mobile: the model source has a left-of-centre sofa, unlike the two renders.
   Align that focal point in the cropped home preview. In the full-width case
   study, a small crop from the right achieves the same alignment. Originals
   remain unchanged and the lightbox always opens the uncropped source. */
@media(max-width:540px){
  .timberland-feature .process-gallery.timberland-process [data-media-slot="timberland-model"] img{object-position:43% center}
  #process .timberland-process [data-media-slot="timberland-model"] img{transform:scale(1.08);transform-origin:left center}
}