/* Photography defines the frame. No padded image floating on a second ground. */
.capsule-card-art{aspect-ratio:var(--art-ratio);background:none}
.capsule-card[data-chapter="4"] .capsule-card-art{background:none}
.piece-front svg,.piece-back svg{width:100%;height:100%}
#piece-dialog{width:min(1050px,94vw)}
.piece-dialog-layout{display:block}
.piece-visual{position:relative;top:auto;min-height:0;height:auto;display:block;background:none;overflow:visible}
#piece-art,#piece-art[data-view="0"],#piece-art[data-view="1"]{width:100%;height:auto;padding:0;display:block;aspect-ratio:var(--art-ratio)}
#piece-art svg{width:100%;height:100%;max-height:none;display:block}
.piece-view-controls{position:relative;inset:auto;display:flex;padding:15px;margin:0;background:#171813;border-top:1px solid #555247}
.piece-info{display:grid;grid-template-columns:1fr 1fr;column-gap:55px;align-content:start;padding:35px}
.piece-info>*{grid-column:1}.piece-info>dl{grid-column:2;grid-row:1/7}.piece-info h2{margin:15px 0 20px;font-size:65px}.piece-info .piece-story{margin-bottom:15px}.piece-info .piece-pairing{margin-top:5px}
#garment-inspector[open]{display:block;width:min(1050px,94vw)}
#garment-inspector .inspect-art{min-height:0;background:none;aspect-ratio:var(--art-ratio);display:block}
#garment-inspector .inspect-art svg{width:100%;height:100%;max-height:none;min-height:0;padding:0;display:block}
#garment-inspector .inspect-copy{padding:30px 35px;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
#garment-inspector .inspect-copy>*{grid-column:1}#garment-inspector .inspect-copy>button,#garment-inspector .inspect-copy>a{grid-column:2}
#garment-inspector .inspect-copy h2{margin:12px 0 16px;font-size:64px}
#art-viewer[open]{display:block;width:min(950px,94vw)}.art-viewer-image{min-height:0;background:none;display:block}.art-viewer-image img{display:block;width:100%;height:auto;max-height:none;object-fit:initial}.art-viewer-copy{padding:32px 35px}.art-viewer-copy h2{margin-top:15px}.art-pagination{margin-top:20px}#art-counter{padding-top:20px}
@media(max-width:760px){.capsule-card-art{aspect-ratio:var(--art-ratio)}#piece-dialog,#piece-dialog[data-view="0"],#piece-dialog[data-view="1"]{width:96vw}.piece-info{display:block;padding:26px}.piece-info h2{font-size:58px}.piece-info dl{margin-top:25px}.piece-view-controls{padding:12px 8px}.piece-view-controls button{padding:12px}#garment-inspector .inspect-copy{display:block;padding:26px}#garment-inspector .inspect-copy h2{font-size:56px}.art-viewer-copy{padding:26px}}
.piece-info>.piece-specs{grid-column:2;grid-row:1/7;align-self:start;border-top:1px solid #99937f;border-bottom:1px solid #99937f}.piece-specs summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 0;font:10px monospace;letter-spacing:1px}.piece-specs summary::-webkit-details-marker{display:none}.piece-specs summary span{font:22px Arial}.piece-specs[open] summary span{transform:rotate(45deg)}.piece-specs summary:focus-visible{outline:2px solid #b44d1b;outline-offset:5px}.piece-specs dl{margin:0 0 12px}.piece-info .piece-story{font-size:15px;line-height:1.6;max-width:350px}.piece-info .piece-availability{margin-top:20px}.piece-info .piece-availability span{display:inline;margin-left:12px}
.write-line{display:block;white-space:nowrap}.write-char{display:inline-block;animation:hh-write-on .44s cubic-bezier(.19,1,.22,1) calc(.15s + var(--letter)*.11s) both;will-change:clip-path}
@keyframes hh-write-on{0%{clip-path:inset(-.2em 100% -.2em -.06em);transform:translateX(-.025em)}100%{clip-path:inset(-.2em -.06em);transform:translateX(0)}}
@media(max-width:760px){.piece-info>.piece-specs{margin:25px 0}.piece-info .piece-story{font-size:14px}.piece-specs dl{margin-top:0}.piece-info .piece-availability span{display:block;margin:7px 0 0}}
@media(prefers-reduced-motion:reduce){.write-char{animation:none;will-change:auto}}

/* Keep words intact and let responsive line breaks remain natural. */
.headline-write .write-word{display:inline-block;white-space:nowrap}
.headline-write .write-char{animation:none;clip-path:inset(0 100% 0 0);will-change:auto}
.headline-write.is-written .write-char{animation:hh-write-on .44s cubic-bezier(.19,1,.22,1) calc(.15s + var(--letter)*var(--write-step,.07s)) both}
@media(prefers-reduced-motion:reduce){.headline-write .write-char,.headline-write.is-written .write-char{animation:none;clip-path:none;transform:none}}

.write-char{vertical-align:top}.write-word{line-height:inherit}
/* Explicit title, metadata and footer rows keep the display font clear. */
.drop-title{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:24px 28px}
.drop-title h1{font-size:min(240px,calc((100cqh - 50px)/1.16),30cqw);line-height:1.04;margin:0;align-self:center;padding-top:.12em}
.drop-title h1 br{display:none}.drop-title h1 .write-word:last-child{margin-left:.12em}
.drop-title p{position:static;text-align:right;justify-self:end;margin:0}
.drop-number{container-type:size;gap:14px}
.drop-number h2{font-size:min(130px,calc((100cqh - 62px)/2.15),60cqw);line-height:1.04;margin:auto 0;padding-top:.1em}
.drop-number .number-rule{margin-top:0;flex-shrink:0}
.drop-number .dot-line{margin-top:0}
@media(max-width:760px){
 .drop-title{grid-template-rows:minmax(0,1fr);gap:0;padding:16px}
 .drop-title h1 br{display:initial}.drop-title h1 .write-word:last-child{margin-left:0}
 .drop-title h1{font-size:min(87px,calc((100cqh - 12px)/2.2),60cqw);margin:0;line-height:1.04}
 .drop-number{gap:0}
 .drop-number h2{font-size:39px;line-height:1;margin:0;padding-top:.08em}
}
.look-recipe{display:flex;align-items:center;gap:24px;padding:22px 0;margin-top:0;border:0;border-bottom:1px solid #4e5140;border-radius:0;background:none}
.look-recipe-label{font:9px/1.5 monospace;letter-spacing:1px;color:var(--sage);white-space:nowrap}
.look-pieces a{border:0;border-bottom:1px solid #555647;border-radius:0;padding:12px 4px;margin-right:14px}
.house-art-foot{justify-content:flex-end}
@media(max-width:760px){.look-recipe{display:block;padding:20px 0}.look-pieces{margin-top:12px}.look-pieces a{margin-right:8px}.look-recipe-label{font-size:8px}}
/* Leave room for font ink beyond the line box and long product names. */
.headline-write{overflow:visible}.headline-write .write-word{max-width:100%}
.piece-info,.inspect-copy,.art-viewer-copy{min-width:0}.piece-info h2,#inspect-title,#art-title{overflow-wrap:anywhere}
@media(max-width:600px){.piece-info h2,#garment-inspector .inspect-copy h2{font-size:clamp(40px,12vw,58px)}.gallery-index-intro h2{font-size:clamp(38px,10vw,64px)}}

.drop-portrait figcaption>span:only-child{font-family:Machro;font-size:clamp(38px,4.3vw,76px);line-height:1;letter-spacing:0;max-width:none}
@media(max-width:760px){.drop-portrait figcaption>span:only-child{font-size:35px;max-width:160px}}

.drop-title .title-mark{position:absolute;right:28px;top:24px;width:32px;height:auto}
@media(max-width:760px){.drop-title .title-mark{display:none}}

/* One divider and one caption per editorial transition. */
.capsule-lookbook .capsule-footnote{border-top:0;margin-top:0;padding-top:18px}
.lookbook-panorama{aspect-ratio:1.7}
.lookbook-panorama>img{height:100%;width:100%;margin:0;object-fit:cover;object-position:center 43%}
.look-hotspots{bottom:0}
