/* Direction 01: a photographic, material-led shopping experience. */
.texture-story,.pro-banner{background:var(--ink)}
.catalogue-effects{grid-template-columns:1fr 1fr}
.preview-note{background:var(--ivory);color:var(--ink);border-bottom:1px solid var(--line);font-size:12px;padding:8px}.preview-note span{opacity:.75}.header{min-height:88px}.header nav{gap:24px}.decor-hero{height:min(780px,78vw);min-height:580px;position:relative;color:var(--ivory);overflow:hidden;background:var(--ink)}.decor-hero-image{width:100%;height:100%;object-fit:cover;object-position:center 65%}.decor-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,28,22,.79),rgba(35,28,22,.35) 48%,rgba(35,28,22,0) 78%);pointer-events:none}.decor-hero-copy{position:absolute;z-index:1;left:6%;top:50%;transform:translateY(-50%);max-width:760px}.decor-hero h1{font-size:clamp(4rem,7.1vw,7.2rem);line-height:1}.decor-hero-copy>p:not(.eyebrow){margin:28px 0 32px;font-size:17px;line-height:1.7}.hero-secondary{display:inline-flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--ivory);font-size:14px}.decor-hero .button-row{gap:30px}.hero-bottom-label{position:absolute;left:6%;bottom:28px;z-index:1;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.decor-hero>.image-note{z-index:1;color:var(--ink)}.material-ribbon{display:flex;justify-content:space-between;gap:25px;padding:24px 6%;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.035em}.material-ribbon span+span:before{content:'·';margin-right:25px}.effects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.effect-photo{aspect-ratio:.94;overflow:hidden;position:relative;background:var(--sand)}.effect-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.effect-photo.crop-lime img{transform:scale(2.7);object-position:63% 25%}.effect-photo.crop-soft img{transform:scale(2.5);object-position:70% 30%}.effect-index{position:absolute;bottom:18px;left:18px;right:18px;color:var(--ink);background:var(--ivory);padding:8px 12px;font-size:12px;letter-spacing:.045em}.effect-title{display:flex;justify-content:space-between;align-items:center;padding-top:21px}.effect-title p{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.effect-title h3{font-size:2.3rem}.effect-title>span{font-size:25px}.section-end{margin-top:30px;display:flex;justify-content:space-between;gap:35px;align-items:center}.section-end p{max-width:58ch}.texture-story{display:grid;grid-template-columns:1.05fr .95fr;background:var(--olive);color:var(--ivory)}.texture-close{position:relative;min-height:530px;overflow:hidden}.texture-close img{width:100%;height:100%;object-fit:cover}.texture-close .image-note{color:var(--ink)}.texture-copy{padding:75px 13%;align-self:center}.texture-copy h2{font-size:5.5rem}.texture-copy>p:not(.eyebrow){margin:28px 0 34px;font-size:15px}.spaces-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.space-tile>div{height:400px;position:relative;overflow:hidden}.space-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.space-tile:hover img{transform:scale(1.025)}.space-tile .eyebrow{margin:23px 0 14px}.space-tile h3{font-size:2rem;line-height:1.1;max-width:20ch}.space-tile .text-link{margin-top:20px}.space-tile .image-note{font-size:10px;bottom:12px;right:12px;left:12px;max-width:none}.shop-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--paper);margin-bottom:90px}.shop-photo{position:relative;height:620px}.shop-photo img{width:100%;height:100%;object-fit:cover;object-position:45% center}.shop-copy{padding:60px 10%}.shop-copy>p:not(.eyebrow){margin:25px 0}.shop-copy h2{font-size:4.8rem}.mini-palette{display:flex;gap:10px;margin:30px 0}.mini-palette i{width:42px;height:42px;display:block;background:var(--tone);border:1px solid rgba(56,44,38,.15);border-radius:50%}.shop-copy .button{padding:13px 20px}.collection-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;padding:45px 6% 55px;align-items:center}.collection-intro h1{font-size:5.7rem}.collection-intro p:not(.eyebrow){margin-top:25px;max-width:47ch}.intro-matter{height:340px;position:relative;overflow:hidden}.intro-matter img{width:100%;height:100%;object-fit:cover}.intro-matter.crop-lime img{transform:scale(2.7);object-position:63% 25%}.intro-matter.crop-soft img{transform:scale(2.5);object-position:70% 30%}.catalogue-effects{margin:35px 0 80px}.catalogue-effects .effect-photo{aspect-ratio:1.22}.products-heading{border-top:1px solid var(--line);padding-top:55px}.product-art{aspect-ratio:1.1;overflow:hidden;position:relative;background:var(--paper)}.product-art img{width:100%;height:100%;object-fit:cover}.product-art.crop-lime img{transform:scale(2.7);object-position:63% 25%}.product-art.crop-soft img{transform:scale(2.5);object-position:70% 30%}.product-tag{position:absolute;top:16px;left:16px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--ivory);padding:6px 10px}.product-name{display:flex;justify-content:space-between;gap:15px;align-items:center}.color-dot{display:block;flex-shrink:0;width:23px;height:23px;border-radius:50%;background:var(--tone);border:1px solid var(--stone);margin-top:18px}.catalogue-footnote{margin-top:45px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:start}.catalogue-footnote p{max-width:70ch}.catalogue-footnote a{flex-shrink:0}.gallery-detail{position:relative;height:230px;overflow:hidden;margin-top:20px}.gallery-detail img{width:100%;height:100%;object-fit:cover}.gallery-detail.crop-lime img{transform:scale(2.7);object-position:63% 25%}.gallery-detail.crop-soft img{transform:scale(2.5);object-position:70% 30%}.product-demo{font-size:12px;border-top:0;padding:0 0 15px}.product-info h1{font-size:4.3rem}.decor-gallery{padding-top:5px}.space-detail{padding:40px 6% 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}.space-detail>div:first-child img{height:610px;width:100%;object-fit:cover}.space-detail h1{font-size:4.6rem}.space-detail p:not(.eyebrow){margin:25px 0}.space-detail details{margin-top:30px}.space-detail details p{font-size:13px}.pro-banner h2{font-size:3.1rem}
@media(max-width:1050px){.header nav{gap:15px}.decor-hero{height:650px}.decor-hero h1{font-size:5.8rem}.texture-copy{padding:55px 9%}.texture-copy h2{font-size:4.5rem}.space-tile>div{height:320px}.shop-copy{padding:45px 8%}.shop-copy h2{font-size:4rem}.collection-intro h1{font-size:4.7rem}.space-detail h1{font-size:3.8rem}}
@media(max-width:760px){.preview-note{font-size:11px}.preview-note span{font-size:10px}.header{min-height:78px}.decor-hero{height:650px;min-height:0}.decor-hero-image{object-position:53% center}.decor-hero:after{background:linear-gradient(0deg,rgba(35,28,22,.85),rgba(35,28,22,.32) 75%)}.decor-hero-copy{left:6%;right:6%;top:auto;bottom:90px;transform:none}.decor-hero h1{font-size:clamp(3.7rem,12vw,5.4rem)}.decor-hero-copy>p:not(.eyebrow){font-size:15px;margin:22px 0 25px}.decor-hero .eyebrow{font-size:10px}.decor-hero .button-row{gap:15px}.hero-bottom-label{bottom:53px;font-size:9px;letter-spacing:.09em}.decor-hero>.image-note{bottom:15px;left:6%;right:auto;font-size:10px}.material-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;font-size:11px;padding:22px 6%}.material-ribbon span+span:before{display:none}.effects-grid{grid-template-columns:1fr;gap:35px}.effect-photo{aspect-ratio:1.15}.effect-title h3{font-size:2.4rem}.section-end{flex-direction:column;align-items:start;gap:15px}.texture-story{grid-template-columns:1fr}.texture-close{min-height:0;height:320px}.texture-copy{padding:45px 6% 55px}.texture-copy h2{font-size:4rem}.spaces-grid{grid-template-columns:1fr;gap:40px}.space-tile>div{height:380px}.space-tile h3{font-size:2.3rem;max-width:23ch}.space-tile .text-link{margin-top:13px}.shop-story{grid-template-columns:1fr;margin-bottom:60px}.shop-photo{height:380px}.shop-copy{padding:45px 6% 55px}.shop-copy h2{font-size:4rem}.collection-intro{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:35px}.collection-intro h1{font-size:3.8rem}.intro-matter{height:230px}.catalogue-effects{margin:25px 0 45px}.catalogue-effects .effect-photo{aspect-ratio:1.5}.products-heading{padding-top:35px}.product-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.product-art{aspect-ratio:.83}.product-art.packshot img{object-position:40% center}.product-tag{top:10px;left:10px;font-size:9px;padding:4px 7px}.product-name h3{font-size:1.65rem}.color-dot{width:18px;height:18px}.catalogue-footnote{display:block}.catalogue-footnote a{margin-top:17px}.space-detail{grid-template-columns:1fr;gap:35px;padding-top:25px}.space-detail>div:first-child img{height:380px}.space-detail h1{font-size:3.8rem}.product-info h1{font-size:3.8rem}.gallery-detail{height:180px}}
.texture-story,.pro-banner{background:var(--ink)} .catalogue-effects{grid-template-columns:1fr 1fr} @media(max-width:760px){.catalogue-effects{grid-template-columns:1fr}}
main:focus{outline:none}
@media(max-width:760px){.collection-intro h1{font-size:3.5rem}}
.space-restaurant>div:first-child img{height:auto;aspect-ratio:3/2}
.filter-row button,.menu-toggle,.cart-link,.header nav a{min-height:48px}
.header nav a{display:inline-flex;align-items:center}
.cart-link{align-items:center}
.swatch{width:48px;height:48px;border-width:7px}
.quantity button{min-width:44px;width:44px}
.quantity{width:146px}
.texture-copy>p:not(.eyebrow),.hero-copy>p:not(.eyebrow){font-size:16px}
.field{font-size:16px}
.brand{display:flex;align-items:center;min-height:48px}
.footer-bottom a{display:inline-flex;align-items:center;min-height:48px}
.quantity{width:156px}
.quantity button{min-width:48px;width:48px}
@media(max-width:360px){.cart-row{grid-template-columns:50px 1fr}.cart-row>div:last-child{grid-column:2;display:flex;gap:20px;align-items:center}}
.space-maison>div:first-child img{height:auto;aspect-ratio:16/9}
.space-boutique>div:first-child img{height:auto;max-height:760px;object-fit:contain}
.decor-hero-copy>p:not(.eyebrow){font-size:16px}
.hero-secondary{min-height:48px}
.breadcrumb{align-items:center;gap:6px;padding-top:12px}
.breadcrumb a{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}
.product-jump{display:none;background:none;border:0;border-bottom:1px solid var(--ink);min-height:48px}
.product-heading .product-demo{margin-top:18px}
.product-controls:focus{outline:none}
.product-controls .description{margin:22px 0}
.summary-items{list-style:none;padding:0;margin:0 0 20px;font-size:14px}
.summary-items li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}
.remove{min-width:48px;min-height:48px}
.text-link{min-height:48px}
.check{min-height:48px}
.offer-section{padding:0 6% 90px}
.offer-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}
.offer-nav a{display:inline-flex;align-items:center;padding:12px 20px;min-height:48px;border:1px solid var(--line);font-size:14px}
.offer-nav a[aria-current=page]{background:var(--ink);color:var(--ivory)}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:40px}
.offer-card{padding:30px;border-top:1px solid var(--ink);background:var(--paper);min-height:240px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:20px}
.offer-card h2{font-size:2.7rem}
.offer-pending{max-width:800px;margin:40px 0}
.offer-pending h2{font-size:3rem}
.offer-pending p{margin:25px 0}
.footer-catalogues{padding:0 0 35px;margin-bottom:40px;border-bottom:1px solid #6a5e52}
.footer-catalogues h2{font-size:2rem;margin-bottom:15px}
.footer-catalogues>div{display:flex;flex-wrap:wrap;gap:12px 35px}
.footer-catalogues a{display:inline-flex;align-items:center;min-height:48px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.catalogues-library{padding:0 6% 90px}
.catalogue-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}
.catalogue-download img{width:100%;aspect-ratio:.707;object-fit:contain;background:var(--paper);margin-bottom:25px}
.catalogue-download h2{font-size:2.5rem}
.catalogue-download p{margin:18px 0}
.catalogue-download .button{margin-top:15px}
.offer-status{max-width:850px;line-height:1.7;margin:0 0 38px}
.offer-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:35px 0 55px}
.offer-visual-grid.single{grid-template-columns:1fr}
.offer-visual-grid figure{margin:0;min-width:0}
.offer-visual-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.offer-visual-grid.single img{max-height:650px}
.offer-visual-grid figcaption{padding:20px 0}
.offer-visual-grid h2{font-size:2rem;margin-bottom:14px}
.offer-visual-grid p{font-size:14px;line-height:1.6;margin:12px 0;max-width:850px}
.offer-visual-grid .concept-legend{font-weight:600}
.product-art .image-note,.effect-photo .image-note,.intro-matter .image-note,.gallery-detail .image-note{position:static;display:block;background:#e9e2d5;color:var(--ink);padding:12px;line-height:1.5;font-size:12px;max-width:none}
.product-art:has(.image-note),.effect-photo:has(.image-note),.intro-matter:has(.image-note),.gallery-detail:has(.image-note){height:auto;overflow:visible}
.effect-photo.crop-lime img,.intro-matter.crop-lime img,.gallery-detail.crop-lime img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transform:none;left:auto;top:auto;position:static}
.menu-toggle{min-width:48px;flex-shrink:0}
@media(max-width:760px){.offer-visual-grid{grid-template-columns:1fr}.offer-visual-grid h2{font-size:1.8rem}}
.offer-family-group,.facade-guide,.system-diagram,.concept-selection{margin:55px 0}
.offer-family-group>h2,.concept-selection>h2{font-size:2.6rem;margin-bottom:24px}
.project-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}
.project-category-grid article{border-top:1px solid var(--ink);padding:22px 0;min-width:0}
.project-category-grid h3{font-size:1.65rem;line-height:1.2;margin-bottom:16px}
.project-category-grid p{font-size:15px;line-height:1.6;margin:12px 0}
.concept-status{font-size:14px;line-height:1.5;color:var(--ink);padding:10px 12px;background:#e9e2d5}
.concept-links{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 25px}
.concept-links a{display:inline-flex;align-items:center;min-height:48px;padding:10px 15px;border:1px solid var(--line);font-size:14px}
.concept-links a[aria-current=page]{background:var(--ink);color:var(--ivory)}
.system-diagram{padding:35px;background:#e9e2d5}
.system-diagram h2,.facade-guide h2{font-size:2.8rem;margin:16px 0 26px}
.system-diagram ol{padding-left:26px;max-width:700px}
.system-diagram li{padding:14px 8px;border-bottom:1px solid var(--line)}
.system-diagram>p:last-child{max-width:750px;margin-top:24px;line-height:1.6}
@media(max-width:900px){.project-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.project-category-grid{grid-template-columns:1fr}.system-diagram{padding:24px 18px}.system-diagram h2,.facade-guide h2{font-size:2.2rem}.concept-links a{width:100%}}
@media(max-width:760px){.catalogue-download-grid{grid-template-columns:1fr}.footer-catalogues>div{flex-direction:column;gap:5px}}
@media(max-width:760px){.offer-grid{grid-template-columns:1fr}.offer-card{min-height:200px}.offer-nav a{width:100%}}
@media(max-width:360px){
  .header{gap:8px}
  .header .brand img{width:128px}
  .menu-toggle{font-size:12px;padding:8px}
  .cart-link{font-size:12px}
  .decor-hero h1{font-size:3.3rem}
  .collection-intro h1{font-size:3.1rem}
  .space-detail h1{font-size:3.2rem}
}
@media(max-width:760px){
  .product-info,.product-gallery{display:contents}
  .product-heading{grid-row:1}
  .product-photo{grid-row:2}
  .product-controls{grid-row:3}
  .product-gallery .gallery-detail{grid-row:4;margin-top:0}
  .product-heading h1{font-size:3.3rem}
  .product-heading .eyebrow{margin-bottom:12px}
  .product-heading .product-demo{margin-bottom:5px;padding-bottom:0}
  .product-jump{display:inline-flex}
  .product-layout{gap:20px;padding-top:15px}
}
