/* Finishing details for the current storefront; archived builds stay intact. */
.cm-product-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px;margin:4px 0 13px}
.cm-product-links .cm-source-link{margin:0}
.cm-copy-link{min-height:44px;font-size:11px!important}
.cm-share-status{font-size:12px;line-height:1.6;color:#48534a}
.cm-share-status:not(:empty){margin-bottom:12px!important}
.cm-link-fallback{margin-bottom:8px}
.cm-link-fallback label{display:block;font-size:12px;margin-bottom:6px}
.cm-link-fallback input{width:100%;min-height:44px;padding:10px;border:1px solid var(--cm-line);background:var(--cm-paper);font-size:16px}
.catalog-recovery{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center}
.catalog-recovery p{font:20px/1.4 var(--sans)}
.foldout-loading{position:relative;isolation:isolate;min-height:calc(clamp(630px,calc(52vw - 27.04px),720px) + 184px)}
.foldout-loading::before{content:'';position:absolute;inset:66px 0 118px;z-index:-1;border-block:1px solid var(--line);background:repeating-linear-gradient(100deg,#f1f1ee 0,#dedfd9 20%,#f1f1ee 21%,#c8c9c6 40%)}
.foldout-loading>span{background:var(--paper);padding:8px 14px}
.foldout-loading>.mono{font-size:11px;letter-spacing:.15em}
.site-header .brand{min-height:44px;display:flex;align-items:center}
.site-footer .footer-pages>button{min-height:44px}
@media(max-width:751px){.foldout-loading{min-height:760px}}
@media(max-width:700px){
 .foldout-loading{min-height:745px}
 .foldout-loading::before{inset:57px 0 108px}
 .foldout-heading>.mono{font-size:10px}
 .foldout-bottom{justify-content:space-between;gap:12px}
 .foldout-bottom .wall-instruction{display:block;font-size:10px;text-align:left;max-width:105px}
 .foldout-bottom .action-link{gap:12px;font-size:12px}
 .home-fold-wall .fw-footer-action{font-size:11px;gap:9px;white-space:nowrap}
 .home-fold-wall .fw-footer-action>span{font-size:19px}
 .cm-bag-item-bottom{flex-wrap:wrap;row-gap:8px}
 .cm-bag-size{font-size:11px;line-height:1.7}
 .cm-line-total{white-space:nowrap}
 .cm-product-links{gap:0 18px}
 .cm-product-links .cm-source-link,.cm-copy-link{font-size:12px!important}
}

/* The Brick contact sheet: a compact, scroll-directed stack on phones only. */
.cp-brick-stage{display:contents}
.cp-stack-controls,.cp-stack-phone-copy{display:none}
.cp-brick-plates svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cp-brick-plates .cp-plate-corner svg{width:24px;height:24px}
.cp-brick-plates .cp-study-baseline>button .cp-stack-desktop-copy,.cp-brick-plates .cp-study-baseline>button .cp-stack-phone-copy{font:inherit}
@media(max-width:700px){
 .cp-brick-plates{--brick-stage-height:clamp(440px,calc(100svh - var(--header) - 16px),580px);--brick-travel:clamp(200px,36svh,260px);position:relative;background:#dfc8b5}
 .cp-brick-plates[data-stack-scroll=true]{height:calc(var(--brick-stage-height) + var(--brick-travel))}
 .cp-brick-plates .cp-brick-stage{display:grid;grid-template-rows:96px minmax(0,1fr) 44px 64px;height:var(--brick-stage-height);padding:0 16px;background:#dfc8b5}
 .cp-brick-plates[data-stack-scroll=true] .cp-brick-stage{position:sticky;top:var(--header)}
 .cp-brick-plates .cp-section-heading{display:block;position:relative;padding:14px 0 0}
 .cp-brick-plates .cp-section-heading>.cp-small-label{display:block;font-size:9px;margin-bottom:9px}
 .cp-brick-plates .cp-section-heading>h2{display:flex;gap:.16em;font-size:clamp(35px,10.5vw,56px);line-height:1;letter-spacing:-.03em}
 .cp-brick-plates .cp-section-heading>h2 br{display:none}
 .cp-brick-plates .cp-study-control{display:none}
 .cp-brick-plates .cp-brick-desk{height:auto;min-height:0;margin:0;overflow:hidden;perspective:1000px}
 .cp-brick-plates .cp-desk-type{left:0;bottom:7px;font-size:clamp(85px,25vw,165px);line-height:.85;opacity:.65}
 .cp-brick-plates .cp-brick-plate{left:50%;top:50%;width:76%;max-width:340px;height:calc(100% - 58px);max-height:380px;padding:0;box-shadow:4px 10px 13px #52402c25;transform:translate(-50%,-50%) translate3d(var(--stack-x,0px),var(--stack-y,13px),0) rotate(var(--stack-rotation,-3deg)) scale(var(--stack-scale,1));transform-origin:50% 50%;z-index:var(--stack-order,1);transition:none;will-change:transform;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
 .cp-brick-plates .cp-plate-caption{padding:14px 13px;font-size:9px;gap:9px;flex-shrink:0}
 .cp-brick-plates .cp-brick-plate .cp-photo{width:104%;margin-left:-2%;height:calc(100% - 48px)!important;padding-bottom:15px}
 .cp-brick-plates .cp-plate-corner{right:11px;bottom:10px}
 .cp-brick-plates .cp-plate-corner svg{width:19px;height:19px}
 .cp-stack-controls{display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid #887c6c66;gap:12px}
 .cp-stack-controls button{position:relative;min-height:44px;flex:1;padding:0 2px;display:flex;align-items:center;justify-content:center;gap:10px;font:10px var(--mono);text-transform:uppercase}
 .cp-stack-controls button>span{font-size:9px;opacity:.6}
 .cp-stack-controls button[aria-pressed=true]::after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:#a9432e}
 .cp-brick-plates .cp-study-baseline{min-height:64px;margin:0;border:0;gap:12px;align-items:center}
 .cp-brick-plates .cp-stack-desktop-copy{display:none}
 .cp-brick-plates .cp-stack-phone-copy{display:block}
 .cp-brick-plates .cp-stack-price{font:13px/1.35 var(--mono)}
 .cp-brick-plates .cp-stack-price small{display:block;font:9px/1.5 var(--mono);margin-bottom:2px}
 .cp-brick-plates .cp-study-baseline>button{min-height:48px;min-width:158px;padding:12px 14px;background:#131410;color:#ece8dd;display:flex;align-items:center;justify-content:space-between;gap:14px;font:12px var(--sans)}
}

/* One icon language, including dynamically opened shopping and edit panels. */
svg.ak-icon{display:inline-block;width:1em;height:1em;flex:0 0 1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}

/* Let the three campaign palettes carry into the shoppable index. */
#fold-wall .fw-shell[data-mode="index"] .fw-panel[data-fw-product="brick-after-brick"] .fw-surface{background:linear-gradient(145deg,#ca4e32,#ae3926);color:#fff5e8}
#fold-wall .fw-shell[data-mode="index"] .fw-panel[data-fw-product="black-phantom"] .fw-surface{background:radial-gradient(ellipse at 65% 25%,#566344,#192015 72%);color:#f0f1e6}
#fold-wall .fw-shell[data-mode="index"] .fw-panel[data-fw-product="off-white-sail"] .fw-surface{background:linear-gradient(125deg,#eee6d3 15%,#d5c7ab 65%,#e8dfcc);color:#292b23}
#fold-wall .fw-shell[data-mode="index"] .fw-shop{color:inherit}
#fold-wall .fw-shell[data-mode="index"] .fw-save-mark{border-color:currentColor}
#fold-wall .fw-shell[data-mode="index"] .fw-shop:focus-visible{outline-color:currentColor}
#fold-wall .fw-nav svg,#fold-wall .fw-shop>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:700px){
 /* All campaigns get a complete, readable poster on phones. */
 .hp-story-grid{grid-template-columns:1fr;gap:34px}
 .hp-story--phantom,.hp-story--sail{margin-top:0}
 .hp-story .hp-story-art{aspect-ratio:1/.9}
 .hp-story--phantom .hp-photo{width:118%;left:-9%;height:100%;top:0}
 .hp-story--sail .hp-photo{width:123%;left:-12%;height:100%;top:2%}
 .hp-story-copy h3,.hp-story--brick h3{font-size:34px}
 .hp-story-copy>.hp-micro{font-size:10px}
 .hp-story-number{width:30px;height:30px;font-size:10px}
 .hp-story-corner{width:44px;height:44px;font-size:23px}
 .hp-story-detail{display:none}
 /* Space for names and prices without shrinking the shopping targets. */
 #fold-wall .fw-compact[data-mode="index"] .fw-heading{bottom:81px}
 #fold-wall .fw-compact[data-mode="index"] .fw-media{inset:22px 0 158px}
 #fold-wall .fw-compact[data-mode="index"] .fw-photo-box{flex-basis:100%;width:100%;max-width:100%}
 #fold-wall .fw-compact[data-mode="index"] .fw-price{font-size:12px}
 #fold-wall .fw-compact[data-mode="index"] .fw-shop{min-height:44px;font-size:12px}
 #fold-wall .fw-compact[data-mode="index"] .fw-save{min-width:44px}
 .site-header .header-actions{gap:12px}
 .site-header .header-actions .search-button{width:44px}
 .tone-controls{gap:2px}
 .tone{width:34px;height:44px;flex-shrink:0}
 .hp-study-angles button{min-height:44px}
 .es-photo-toggle{width:44px;min-width:44px;height:44px}
}
@media(max-width:390px){
 .site-header .header-actions{gap:6px}
 .hp-story-copy h3{font-size:32px}
}

/* Keep dialog exits reachable and filters contained on narrow/zoomed screens. */
.utility-dialog .utility-head{position:sticky;top:0;z-index:3;background:inherit}
@media(max-width:700px){
 .collection-subline{flex-wrap:wrap;padding-block:4px}
 .collection-subline .filter-button{flex-shrink:0;margin-left:auto}
}