/* A continuous furniture gallery: colour fields, image planes and type travel together. */
.film-layer.is-preparing{visibility:visible;opacity:0;z-index:0;pointer-events:none}
.collections{background:#d7cab8}
.collection-stage,.enhanced .collection-stage{padding:0;display:block;background:#d7cab8;isolation:isolate}
.collection-heading{position:absolute;left:var(--edge);right:var(--edge);top:26px;z-index:6;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}
.collection-heading h2{font:500 13px/1.3 Manrope,sans-serif;letter-spacing:0}
.collection-heading>.text-link{font-size:12px;pointer-events:auto;gap:22px;border:0;min-height:38px}
.collection-viewport,.enhanced .collection-viewport{position:absolute;inset:0;margin:0;padding:0;overflow:hidden}
.collection-track,.enhanced .collection-track{height:100%;gap:0;align-items:stretch}
.product-story,.enhanced .product-story{position:relative;display:block;flex:0 0 100%;min-width:0;height:100%;background:var(--gallery-paper);overflow:hidden;isolation:isolate}
.product-photo,.enhanced .product-photo{position:absolute;inset:0 0 0 28%;width:auto;height:auto;min-height:0;aspect-ratio:auto;background:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%)}
.product-main,.product-photo:has(.product-detail) .product-main{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 57%}
.chair-story .product-photo{inset:0 3% 0 32%;background:none;mask-image:none}
.chair-story .product-main{object-fit:contain;mix-blend-mode:multiply}
.product-copy{position:absolute;z-index:2;top:50%;left:var(--edge);width:32%;max-width:400px;display:block;padding:0;transform:translateY(-50%);color:#292824}
.product-purpose{font-size:12px;line-height:1.5;margin:0 0 20px;color:inherit}
.product-copy h3{font-size:clamp(66px,7.5vw,116px);line-height:.94;letter-spacing:-.045em;margin-bottom:26px}
.product-description{max-width:280px;font-size:13px;line-height:1.8;color:inherit;margin-bottom:23px}
.product-copy .text-link{font-size:12px;min-height:46px;gap:30px;white-space:normal}
.collection-navigation{position:absolute;z-index:7;left:var(--edge);right:var(--edge);bottom:58px;margin:0;padding:0;display:flex;align-items:center;gap:25px;border:0;min-height:48px}
.collection-tabs{display:flex;flex-wrap:nowrap;gap:25px;max-width:none;overflow-x:auto;scrollbar-width:none}
.collection-tabs button{position:relative;flex-shrink:0;min-height:44px;padding:10px 0;border:0;color:inherit;opacity:.65;font-size:12px;white-space:nowrap}
.collection-tabs button[aria-pressed=true]{color:inherit;opacity:1}
.collection-tabs button[aria-pressed=true]::after{content:'';position:absolute;width:4px;height:4px;background:currentColor;border-radius:50%;bottom:0;left:calc(50% - 2px)}
.collection-controls{margin-left:auto;gap:12px}
.collection-controls button{height:44px;width:44px;border-color:#29282450;font-size:19px;transition:background .2s}
.collection-controls button:hover{background:#fff7}
.collection-controls span{font-size:11px}
.collection-bottom{position:absolute;left:var(--edge);right:var(--edge);bottom:16px;display:flex;align-items:center;justify-content:space-between;z-index:6;font-size:10px}
.detail-hint{display:flex;align-items:center;gap:13px}.detail-hint span{font-size:18px}
.collection-continue{margin:0;min-height:30px;font-size:10px;gap:20px}
.detail-hotspots{display:none;position:absolute;inset:0;z-index:5;pointer-events:none}
.enhanced .detail-hotspots{display:block}
.detail-spot{position:absolute;pointer-events:auto}
.detail-trigger{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;background:#27282450;color:#fff;box-shadow:0 0 0 7px #fff2;backdrop-filter:blur(5px)}
.detail-trigger span{font-size:23px;line-height:1;transition:transform .2s}
.detail-trigger[aria-expanded=true] span{transform:rotate(45deg)}
.detail-trigger:hover,.detail-trigger:focus-visible{background:#272824bb}
.detail-popover{position:absolute;width:300px;max-width:calc(100vw - 44px);color:#292824;background:#faf8f2;box-shadow:0 20px 75px #15151050;z-index:3;animation:detail-in .22s ease-out;overflow:hidden}
.detail-popover[hidden]{display:none}
.detail-popover img{width:100%;height:230px;object-fit:cover}
.selected-product .detail-popover img{object-fit:none}
.detail-caption{padding:17px 19px}.detail-caption h4{font:500 17px/1.2 Manrope,sans-serif;margin:0 0 8px}.detail-caption p{font-size:11px;line-height:1.65;margin:0}
.detail-close{position:absolute;z-index:3;right:9px;top:9px;width:38px;height:38px;border:0;border-radius:50%;background:#faf8f2ed;font-size:24px;color:#292824}
@keyframes detail-in{from{opacity:0;scale:.97}to{opacity:1;scale:1}}
html[data-collection] .site-header,html[data-collection] .primary-nav{background:var(--gallery-nav);color:#292824;border-bottom-color:transparent}
html[data-collection] .header-quote{background:#292824;color:#fff;border-color:#292824}
.buying-guide{position:relative;z-index:5;background:#ede7db;min-height:var(--screen);padding:90px var(--edge);display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:9vw}
.buying-intro>p{font-size:12px;margin-bottom:24px}.buying-intro h2{font-size:clamp(48px,5.1vw,80px);line-height:1;max-width:590px}.buying-intro .text-link{margin-top:30px;font-size:12px}
.buying-questions{align-self:center}.buying-questions details{padding:24px 0;border-bottom:1px solid #29282425}.buying-questions summary{font-size:17px;line-height:1.5;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px}.buying-questions summary::-webkit-details-marker{display:none}.buying-questions summary::after{content:'+';font-size:24px;line-height:1;flex-shrink:0}.buying-questions details[open] summary::after{content:'−'}.buying-questions p{margin-top:17px;max-width:470px;font-size:13px;line-height:1.8;color:#5b554c}
@media(min-width:761px) and (max-width:1100px){.collection-tabs{gap:16px}.collection-tabs button{font-size:10px}.collection-controls{gap:6px}.product-copy h3{font-size:72px}.product-description{font-size:12px}.product-copy{width:34%}.product-photo{left:27%}.buying-guide{gap:40px}}
@media(max-width:760px){
  .collection-heading{top:17px;gap:12px;color:#fffdf8}.collection-heading h2{font-size:10px}.collection-heading>.text-link{font-size:10px;gap:12px;min-height:40px}
  .product-photo,.enhanced .product-photo{inset:0;mask-image:none}
  .product-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1c201bb3 0%,#1c201b65 24%,transparent 45%,transparent 58%,#1c201bba 100%)}
  .product-main{object-position:50% 63%}
  .product-copy{top:82px;left:var(--edge);right:var(--edge);width:auto;max-width:380px;transform:none;color:#fffdf8}
  .product-purpose{display:none}.product-copy h3{font-size:clamp(48px,13.8vw,68px);line-height:.96;margin-bottom:16px}
  .product-description{font-size:11px;line-height:1.7;max-width:270px;margin-bottom:8px}.product-copy .text-link{font-size:11px;min-height:44px;gap:25px}
  .chair-story .product-photo{inset:21% 0 10%;mask-image:none}.chair-story .product-main{object-fit:contain}.chair-story .product-photo::after{display:none}.chair-story .product-copy{color:#292824;top:78px}.chair-story .product-description{max-width:220px}.chair-story .product-copy .text-link{background:#e1d7c7b0}
  .collection-navigation{bottom:55px;gap:15px;align-items:center;color:#fffdf8;min-height:48px}.collection-tabs{gap:21px;flex:1;max-width:none}.collection-tabs button{font-size:10px;min-height:44px}.collection-controls{gap:6px;flex-shrink:0}.collection-controls button{width:34px;height:40px;border-color:#fff8;color:inherit}.collection-controls span{font-size:10px;min-width:28px}.collection-controls button:hover{background:#fff2}
  .collection-bottom{bottom:15px;color:#fffdf8;font-size:9px}.collection-continue{font-size:9px;gap:12px}
  .collection-stage[data-collection="4"] .collection-heading,.collection-stage[data-collection="4"] .collection-navigation,.collection-stage[data-collection="4"] .collection-bottom{color:#292824}.collection-stage[data-collection="4"] .collection-controls button{border-color:#29282450}
  .detail-popover{width:288px;max-width:calc(100vw - 44px)}.detail-popover img{height:210px}.detail-caption{padding:14px 17px}.detail-caption h4{font-size:16px}.detail-caption p{font-size:10px}.detail-trigger{width:44px;height:44px;box-shadow:0 0 0 5px #fff2}
  .buying-guide{padding:58px var(--edge);display:block;min-height:var(--screen)}.buying-intro>p{font-size:11px;margin-bottom:18px}.buying-intro h2{font-size:51px;max-width:400px}.buying-intro .text-link{margin-top:22px;font-size:11px}.buying-questions{margin-top:30px}.buying-questions details{padding:19px 0}.buying-questions summary{font-size:14px;gap:18px}.buying-questions p{font-size:12px}
}
@media(max-width:360px){.collection-controls span{display:none}.collection-tabs{gap:17px}.product-copy h3{font-size:47px}.buying-intro h2{font-size:45px}}
html.static-layout .collection-stage{height:max(780px,var(--screen))}
html.static-layout .collection-viewport{overflow-x:auto}
html:not(.enhanced) .collection-stage{height:auto;padding:0}
html:not(.enhanced) .collection-heading{position:relative;inset:auto;padding:20px var(--edge);color:#292824}
html:not(.enhanced) .collection-viewport{position:relative;inset:auto;overflow:visible}
html:not(.enhanced) .collection-track{display:block}
html:not(.enhanced) .product-story{height:780px}
html:not(.enhanced) .collection-navigation,html:not(.enhanced) .collection-bottom{display:none}
@media(prefers-reduced-motion:reduce){.detail-popover{animation:none}.detail-trigger span{transition:none}}

/* A small relative movement separates the image plane from the moving colour field. */
.product-photo,.detail-hotspots{translate:var(--gallery-drift,0px) 0}
#collection-umbrellas .product-main{object-position:50% 0%}
#collection-tables .product-main{object-position:50% 65%}
html[data-navigating^="product-"] .detail-hotspots{visibility:hidden}
@media(max-width:760px){#collection-umbrellas .product-copy{top:auto;bottom:155px}#collection-umbrellas .product-photo::after{background:linear-gradient(180deg,#1c201b65,transparent 32%,#1c201b88 65%,#1c201bc9)}}
@media(prefers-reduced-motion:reduce){.product-photo,.detail-hotspots{translate:0 0}}

@media(min-width:761px){html[data-collection] .primary-nav{background:transparent}}

@media(min-width:761px){
  .product-story::before,.product-story::after{content:'';position:absolute;left:0;right:0;z-index:1;pointer-events:none;height:115px}
  .product-story::before{top:0;background:linear-gradient(180deg,var(--gallery-paper),transparent)}
  .product-story::after{bottom:0;height:145px;background:linear-gradient(0deg,var(--gallery-paper) 0%,color-mix(in srgb,var(--gallery-paper) 88%,transparent) 40%,transparent 100%)}
}

/* Approved complete product compositions; detailed photography will be supplied later. */
.complete-product .product-photo,.enhanced .complete-product .product-photo{inset:70px var(--edge) 120px 38%;mask-image:none}
.complete-product .product-main{object-fit:contain;object-position:50% 50%;mix-blend-mode:normal}
#collection-umbrellas.complete-product .product-main,#collection-tables.complete-product .product-main{object-position:50% 50%}
.complete-product::before,.complete-product::after{display:none}
.collection-bottom:has(>.collection-continue:only-child){justify-content:flex-end}
@media(max-width:760px){
  .complete-product .product-photo,.enhanced .complete-product .product-photo{inset:248px 0 122px}
  .complete-product .product-photo::after{display:none}
  .complete-product .product-copy,#collection-umbrellas.complete-product .product-copy{top:76px;bottom:auto;color:#292824}
  .collection-stage:has(.complete-product) .collection-heading,.collection-stage:has(.complete-product) .collection-navigation,.collection-stage:has(.complete-product) .collection-bottom{color:#292824}
  .collection-stage:has(.complete-product) .collection-controls button{border-color:#29282450}
}

@media(min-width:761px) and (max-width:1100px){
  .complete-product .product-photo,.enhanced .complete-product .product-photo{inset:280px var(--edge) 122px}
  .complete-product .product-copy{top:76px;left:var(--edge);right:var(--edge);width:auto;max-width:none;transform:none}
  .complete-product .product-purpose{display:none}
  .complete-product .product-copy h3{margin-bottom:16px}
  .complete-product .product-description{max-width:460px;margin-bottom:8px}
}
