/* Product detail language shared by the four authored portfolio concepts. */
.commerce-icon{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.bag{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0}
.shop-button .commerce-icon{width:21px;height:21px}
.aurel :is(#essentials,#philosophy,#ritual),.northline :is(#product,#details,#journey,#questions){scroll-margin-top:70px}

/* AUREL: a quiet, tactile ritual rather than a catalogue of claims. */
.aurel .store-nav{border-bottom:1px solid #dad8c9}
.aurel .aurel-hero{padding-top:65px;padding-bottom:65px;min-height:710px}
.hero-ritual{display:flex;gap:24px;margin-top:38px;padding-top:22px;border-top:1px solid #989c89;max-width:360px}
.hero-ritual a{display:flex;align-items:center;gap:12px;text-decoration:none;font:17px/1.35 Georgia,serif;min-height:44px}
.hero-ritual a:hover{text-decoration:underline;text-underline-offset:4px}
.hero-ritual .commerce-icon{width:25px;height:25px;color:#4b5b3f}
.hero-ritual small{display:block;margin-bottom:4px;font:600 10px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.1em;color:#4e5a45}
.product-photo{position:relative}
.product-volume{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;background:#f8f6ef;color:#3c4830;font-size:11px;font-weight:600;letter-spacing:.1em;border:1px solid #d3d5c4}
.product-volume .commerce-icon{width:17px;height:17px}
.product-index{position:absolute;top:14px;left:23px;color:#59614d;font:italic 43px/1.2 Georgia,serif}
.aurel .product-tile-details{padding:24px 0 0;grid-template-rows:auto auto auto 1fr auto}
.product-category{grid-column:1/-1;display:flex;gap:8px;align-items:center;margin:0 0 14px;font-size:10px;letter-spacing:.11em;font-weight:600;color:#536048}
.product-category .commerce-icon{width:17px;height:17px}
.aurel .product-tile h3{font:28px/1.2 Georgia,serif;letter-spacing:-.03em}
.aurel .product-tile-details>strong{font-size:16px;font-weight:500}
.aurel .product-tile-details>p{grid-column:1/-1;margin-top:10px}
.product-notes{grid-column:1/-1;margin-top:15px;align-self:start;border-top:1px solid #cdd0bd;border-bottom:1px solid #cdd0bd}
.product-notes summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 0;font-size:13px;min-height:46px}
.product-notes summary::-webkit-details-marker{display:none}
.product-notes summary .commerce-icon{width:18px;height:18px;transform:rotate(90deg)}
.product-notes[open] summary .commerce-icon{transform:rotate(-90deg)}
.aurel .product-notes p{margin:0 0 16px;font-size:14px;line-height:1.6;color:#555f48;min-height:0}
.aurel .product-tile button{align-items:center;min-height:50px;margin-top:18px;background:#343e2c;color:#f8f6ef;border:1px solid #343e2c;padding:13px 18px;transition:background .18s}
.aurel .product-tile button:hover{background:#202b1d}
.aurel .editorial-img{position:relative;max-height:640px}
.aurel .editorial-img img{object-position:center 65%}
.editorial-caption{position:absolute;left:24px;right:24px;bottom:24px;padding:20px 23px;background:#f8f6ef;color:#3b4831;border-left:3px solid #5a6e49}
.editorial-caption>span{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:8px}
.editorial-caption>strong{font:28px/1.15 Georgia,serif;font-weight:400}
.ritual-note{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid #b2baa5;color:#4a583c}
.ritual-note span{font:italic 19px/1.4 Georgia,serif;flex:1}
.ritual-note>.commerce-icon:last-child{width:32px;height:32px}
.aurel .ritual{background:#2b3b29}
.ritual .steps article{position:relative;padding:28px 24px 26px;background:#344632;border-top:1px solid #8b9b78;min-height:240px}
.ritual .steps article>.commerce-icon{display:block;width:39px;height:39px;color:#d9e7b1;margin-bottom:24px}
.ritual .steps article>span{font-size:11px;letter-spacing:.12em;color:#cbd9bb}
.ritual .steps h3{font:25px/1.2 Georgia,serif;color:#f6f5e8}
.ritual .steps p{color:#d1dbc6}
.ritual-shop{display:inline-flex;align-items:center;gap:24px;margin-top:36px;padding:12px 0;border-bottom:1px solid #aebc9c;text-decoration:none;font-size:14px}
.aurel-seal{display:grid;place-items:center;width:60px;height:60px;border:1px solid #8b967b;border-radius:50%;margin:0 auto 26px;color:#566745}
.aurel-seal .commerce-icon{width:32px;height:32px}

/* NORTHLINE: a useful product gallery, capacity choice and field notes. */
.north-gallery{position:relative;min-width:0;min-height:700px;background:#253e34;overflow:hidden}
.north-gallery>[data-gallery-main]{position:absolute;inset:0;height:100%;object-fit:cover;object-position:45% center}
.gallery-stamp{position:absolute;top:25px;left:25px;padding:10px 14px;color:#f3f5e7;background:#193b31;font-size:10px;font-weight:700;letter-spacing:.13em}
.north-gallery-controls{position:absolute;bottom:24px;left:24px;right:24px;display:flex;gap:10px;padding:11px;background:#eff2e8;border:1px solid #b8c4af;box-shadow:0 6px 20px #14251b14}
.north-gallery-controls button{display:flex;flex:1;align-items:center;gap:10px;padding:6px;border:1px solid transparent;background:none;color:#263c2d;text-align:left;font-size:12px;line-height:1.3;min-width:0}
.north-gallery-controls button[aria-pressed=true]{border-color:#254534;background:#e1e8d7}
.north-gallery-controls button img{width:60px;height:49px;object-fit:cover;flex:0 0 auto}
.north-copy{padding:54px 10%;display:flex;flex-direction:column;justify-content:center}
.north-copy>.kicker{color:#4e654a;font-size:11px;letter-spacing:.14em}
.north-edition{display:flex;align-items:center;gap:9px;color:#3e5c40;font-size:10px;letter-spacing:.09em;font-weight:650;margin-top:28px}
.north-copy h1{font-size:clamp(52px,5.25vw,81px);margin:15px 0 13px}
.north-copy>p:not(.north-price):not(.size-guidance):not(.selection-label){color:#4a5f4e;line-height:1.65}
.north-copy .north-price{font-size:27px!important;margin:16px 0 12px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
.north-price small{margin-left:0;color:#4a614c}
.north-copy .selection-label{font-size:12px;font-weight:650;margin:8px 0 7px}
.northline .size-picker{gap:10px;margin:0}
.northline .size-picker button{padding:15px 13px;flex:1;text-align:left;border:1px solid #87977f;min-width:0;transition:background .15s}
.size-picker button>span{display:flex;align-items:center;gap:8px}
.size-picker button strong{font-size:20px;line-height:1}
.size-picker button b{margin-left:auto;font-size:13px;font-weight:500}
.size-picker button small{display:block;font-size:11px;line-height:1.35;margin-top:10px}
.size-picker .commerce-icon{width:19px;height:19px}
.northline .size-picker button[aria-pressed=true]{background:#193d31;border-color:#193d31;color:#f5f5e9}
.north-copy .size-guidance{color:#476040;font-size:12px;line-height:1.4;margin:10px 0 0;min-height:17px}
.north-copy .shop-button{background:#193d31;min-height:55px;padding-inline:20px;font-weight:650}
.northline .shop-button:hover{background:#0f2a21}
.purchase-specs{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:19px;color:#496145;font-size:11px}
.purchase-specs>span{display:flex;align-items:center;gap:7px}
.purchase-specs .commerce-icon{width:17px;height:17px}
.northline .spec-grid article>.commerce-icon{width:36px;height:36px;margin-bottom:26px;color:#476c43}
.northline .spec-grid article strong{font-size:44px}
.northline .editorial-img{position:relative}
.detail-callout{position:absolute;bottom:25px;left:25px;right:25px;background:#e9eddc;color:#1b3c2d;padding:21px;display:flex;gap:18px;align-items:start;border-left:4px solid #aabf79}
.detail-callout>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #8fa779;flex:0 0 auto}
.detail-callout small{font-size:9px;font-weight:700;letter-spacing:.13em;display:block}
.detail-callout strong{font-size:24px;font-weight:700;display:block;letter-spacing:-.04em;margin:3px 0}
.detail-callout p{font-size:12px;line-height:1.5;margin:0;color:#476046}
.north-packing .steps article{grid-template-columns:44px 130px 1fr;gap:8px 19px;align-items:start}
.north-packing .steps article>.commerce-icon{grid-column:1;grid-row:1/3;width:32px;height:32px;margin-top:2px;color:#476c43}
.north-packing .steps article>span{grid-column:2;font-size:10px}
.north-packing .steps article>h3{grid-column:3}
.north-packing .steps article>p{grid-column:3}

/* Keep richer details visible in the sales-page portfolio too. */
.portfolio-preview-tag{position:absolute;bottom:35px;right:24px;display:inline-flex;align-items:center;gap:8px;background:#203c2e;color:#f1f7e9;padding:10px 13px;border:1px solid #657b59;font-size:10px;font-weight:600}
.portfolio-preview-tag .commerce-icon{width:17px;height:17px}
.full-page-visual--north .portfolio-preview-tag{background:#dbe6bb;color:#1c392a;border-color:#dbe6bb}
.build-details li{position:relative;padding-left:29px}
.build-details .commerce-icon{position:absolute;left:0;top:2px;width:17px;height:17px;color:#4f6940}
.product-breadcrumb{font-size:8px;letter-spacing:.1em;color:#657052;margin-bottom:19px;font-weight:650}
.product-breadcrumb span{margin:0 8px;color:#90977d}
.morrow-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #d9ddd1;border-bottom:1px solid #d9ddd1;padding:13px 0;margin:16px 0;color:#49543d}
.morrow-benefits>span{display:flex;align-items:center;gap:8px}
.morrow-benefits b{font-size:10px;font-weight:550;line-height:1.4}
.morrow-benefits .commerce-icon{width:20px;height:20px}
[data-variant]{display:inline-flex;align-items:center;gap:8px}
.color-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #657052;box-shadow:0 0 0 2px #fafaf6}
.color-swatch--sage{background:#9da78a}.color-swatch--charcoal{background:#343632}
.cirra-store__filters button{display:inline-flex;align-items:center;gap:5px}
[data-cirra-filter] .commerce-icon{width:13px;height:13px;margin-right:4px}
.cirra-products article>.cirra-product-photo{display:block;position:relative;padding:0;overflow:hidden}
.cirra-product-photo>img{display:block;width:100%;height:auto;aspect-ratio:.83;object-fit:cover;transition:transform .35s}
.cirra-products article:hover .cirra-product-photo>img{transform:scale(1.035)}
.routine-tag{position:absolute;top:10px;right:10px;display:flex;gap:6px;background:#fff6ed;color:#8c3e2c;padding:7px;border:1px solid #d5bcb0}
.routine-tag .commerce-icon{width:15px;height:15px}
.cirra-product-type{grid-column:1/-1;grid-row:3;font-size:9px;color:#775c54;margin:4px 0 1px}
.cirra-products article>div:not(.cirra-product-photo)>p{grid-column:2;grid-row:2;text-align:right}
.cirra-products button .commerce-icon{width:15px;height:15px}
.sample-stage[data-view="mobile"] .cirra-product-photo>img{aspect-ratio:1.05}

@media(max-width:1100px){.portfolio-preview-tag{right:20px;bottom:82px}.north-copy{padding:40px 7%}.size-picker button strong{font-size:18px}.size-picker .commerce-icon{display:none}.north-packing .steps article{grid-template-columns:38px 110px 1fr;gap:8px 12px}.north-packing .steps article>span{font-size:9px}}
@media(max-width:850px){.north-gallery{min-height:490px}.north-copy{padding:40px 7%}.north-copy h1{font-size:68px}.size-picker .commerce-icon{display:block}.size-picker button strong{font-size:22px}.north-packing .steps article{grid-template-columns:44px 135px 1fr;gap:8px 18px}.north-packing .steps article>span{font-size:11px}.ritual .steps{gap:17px}.ritual .steps article{padding:23px 18px}.hero-ritual{gap:17px}.hero-ritual a{font-size:15px;gap:8px}}
@media(max-width:560px){
 .aurel .aurel-hero{min-height:820px;padding:34px 7%}.aurel .hero-copy h1{font-size:64px}.hero-ritual{margin-top:26px;padding-top:18px;max-width:305px;gap:18px}.hero-ritual a{font-size:15px;gap:8px}.hero-ritual small{font-size:9px}.hero-ritual .commerce-icon{width:22px;height:22px}
 .aurel .product-row{grid-template-columns:1fr;gap:37px}.aurel .product-photo{aspect-ratio:1.05}.product-photo img{object-position:center 57%}.aurel .product-tile-details{display:grid;grid-template-columns:1fr auto;padding-top:19px}.aurel .product-tile-details>p{min-height:0}.product-category{margin-bottom:12px}.aurel .product-tile h3{font-size:29px}.aurel .product-tile button{margin-top:17px;font-size:14px}.product-volume{left:15px;bottom:15px}.product-index{font-size:36px;left:18px}.editorial-caption{left:18px;right:18px;bottom:18px;padding:16px 18px}.editorial-caption>strong{font-size:24px}.ritual .steps article{min-height:0;padding:25px}.ritual .steps article>.commerce-icon{width:32px;height:32px;margin-bottom:20px}.ritual-shop{font-size:13px;gap:14px}
 .north-gallery{min-height:410px}.gallery-stamp{top:17px;left:17px;font-size:9px}.north-gallery-controls{bottom:16px;left:16px;right:16px;gap:6px;padding:7px}.north-gallery-controls button{gap:8px;font-size:10px}.north-gallery-controls button img{width:46px;height:43px}.north-copy h1{font-size:62px}.north-copy{padding:34px 7%}.north-edition{margin-top:23px}.northline .size-picker button{padding:14px 12px}.size-picker button small{font-size:10px}.size-picker button strong{font-size:20px}.northline .spec-grid article>.commerce-icon{width:30px;height:30px;margin-bottom:22px}.northline .spec-grid article strong{font-size:36px}.detail-callout{left:16px;right:16px;bottom:16px;padding:17px;gap:13px}.detail-callout strong{font-size:22px}.detail-callout p{font-size:11px}.north-packing .steps article{grid-template-columns:38px 1fr;gap:9px 15px;padding:24px 0}.north-packing .steps article>.commerce-icon{grid-row:1/4;width:29px;height:29px}.north-packing .steps article>:is(span,h3,p){grid-column:2}.north-packing .steps article>span{font-size:10px}
 .portfolio-preview-tag{bottom:73px;right:18px;font-size:9px;padding:7px 10px}.portfolio-preview-tag .commerce-icon{width:14px;height:14px}.product-breadcrumb{margin-bottom:14px}.morrow-benefits{gap:8px}.morrow-benefits b{font-size:9px}.morrow-benefits .commerce-icon{width:17px;height:17px}.routine-tag{top:7px;right:7px;padding:5px;gap:4px}.routine-tag .commerce-icon{width:12px;height:12px}
}
@media(prefers-reduced-motion:reduce){.cirra-product-photo>img,.aurel .product-tile button,.size-picker button{transition:none}}
