/* GXMD v5.2 — readable typography and a broader product palette.
   Image pixels are always proportional; no transforms, forced stretching or product crops.
   This sheet is independent of all prior homepage experiments. */
:root{--paper:#f7f5ef;--surface:#eee8dc;--ink:#203b30;--muted:#58665a;--line:#d9dcd1;--forest:#213e31;--accent:#755a3a;--shell:1280px;--pad:40px;--display:Georgia,"Times New Roman",serif;--ui:"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--ui);-webkit-font-smoothing:antialiased}
img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;transform:none}
figure,p,h1,h2,h3,dl,dd{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.025em;line-height:1.12}
h1{font-size:clamp(43px,4.15vw,62px)}
h2{font-size:clamp(34px,3.35vw,48px)}
h3{font-size:27px}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid #a66a32;outline-offset:5px}
.shell{width:min(calc(100% - 2 * var(--pad)),var(--shell));margin-inline:auto}
.eyebrow,.step-index,.product-reference{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.eyebrow{color:var(--accent);margin-bottom:17px}
.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;border-bottom:1px solid #8d9a8e;font-size:16px;font-weight:600;line-height:1.4;padding-bottom:5px}
.text-link:hover{color:#96764f;border-color:#96764f}
.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:49px;padding:13px 21px;background:var(--forest);color:#fff;font-size:16px;font-weight:600;letter-spacing:.015em;border:1px solid var(--forest);transition:background .2s ease}
.button:hover{background:#375742}
.button-light{background:var(--paper);color:var(--forest);border-color:var(--paper)}
.button-light:hover{background:#e9e6dc}
.skip-link{position:absolute;left:-10000px;top:8px;z-index:99;background:#fff;padding:12px}
.skip-link:focus{left:20px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,245,239,.97);border-bottom:1px solid var(--line)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.wordmark{display:inline-flex;flex-direction:column;font-size:25px;font-weight:700;line-height:1.1;letter-spacing:.075em}
.wordmark span{font-size:14px;font-weight:500;letter-spacing:.23em;margin-top:7px}
.primary-nav{display:flex;align-items:center;gap:23px;font-size:16px}
.primary-nav>a{padding-block:15px}
.primary-nav>a:hover{color:var(--accent)}
.primary-nav .nav-cta{padding:10px 15px;border:1px solid #8a9b8d;display:flex;align-items:center;gap:21px}
.menu-toggle{display:none}
.hero{padding:26px var(--pad) 0}
.hero-composition{max-width:1536px;margin:auto;display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(36px,4vw,64px)}
.hero-copy{padding:40px 0 42px max(0px,calc((100vw - 1280px - 80px)/2))}
.hero-copy>.eyebrow{font-size:14px;letter-spacing:.13em;margin-bottom:22px}
.hero-copy h1{max-width:16ch;line-height:1.08}
.hero-copy h1 em{font-weight:400;font-style:italic;color:#6c795f}
.hero-dek{margin-top:25px;max-width:34ch;color:var(--muted);font-size:18px;line-height:1.7}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:28px}
.hero-actions .text-link{border:0;padding-bottom:0;font-size:16px;font-weight:400;min-height:35px}
.hero-caption{margin-top:28px;max-width:34ch;font-size:14px;color:var(--muted);line-height:1.6}
.hero-visual{min-width:0;align-self:center}
.hero-visual img{width:100%;height:auto;aspect-ratio:auto}
.hero-visual figcaption{display:flex;justify-content:space-between;gap:18px;padding:11px 0;color:var(--muted);font-size:14px;letter-spacing:.025em}
.hero-visual figcaption a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.nature-chapter{margin-top:65px;background:#eff0e8;padding-top:65px}
.nature-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding-bottom:38px}
.nature-intro>p{max-width:48ch;color:var(--muted);font-size:17px;line-height:1.75;justify-self:end}
.nature-intro h2{font-size:40px}
.bamboo-panorama{width:100%;background:#2c4d36}
.bamboo-panorama img{width:100%;height:auto;aspect-ratio:auto}
.craft-sequence{padding-top:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.craft-step{min-width:0}
.craft-step figure{margin:0;background:#e8e1d3}
.craft-step figure img{width:100%;height:auto;aspect-ratio:auto}
.craft-step>div{padding:21px 0 22px;border-bottom:1px solid #cdd2c3;min-height:192px}
.step-index{display:block;color:#55634c;font-size:14px;letter-spacing:.09em;margin-bottom:8px}
.craft-step h3{font-size:26px}
.craft-step p{font-size:17px;color:var(--muted);line-height:1.7;max-width:39ch;margin-top:10px}
.material-note{font-size:14px;color:#55634c;padding-block:22px 30px}
.section{padding-block:88px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}
.section-heading h2{font-size:clamp(34px,3.2vw,44px)}
.section-heading>.text-link{flex:none}
.section-heading>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:34ch}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.collection-card{min-width:0}
.collection-image{display:block;background:#eee7da;overflow:hidden}
.collection-image img{width:100%;height:auto;aspect-ratio:auto}
.collection-copy{position:relative;padding:20px 34px 0 0;min-height:130px}
.product-reference{color:#58634f;font-size:14px;letter-spacing:.06em;margin-bottom:9px}
.collection-copy h3{font-size:25px;line-height:1.16;letter-spacing:-.018em}
.collection-copy>p:last-of-type{font-size:17px;color:var(--muted);line-height:1.7;margin-top:10px;max-width:38ch}
.product-arrow{position:absolute;right:1px;top:38px;font-size:23px;line-height:1;min-height:34px;min-width:28px}
.collection-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:25px;margin-top:26px;font-size:14px;color:var(--muted)}
.collection-foot a{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.application-section{background:#eee9df}
.application-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(50px,7vw,100px)}
.application-feature>figure{margin:0;min-width:0}
.application-feature>figure img{width:100%;height:auto;aspect-ratio:auto}
.application-copy{padding-right:20px}
.application-copy h3{font-size:clamp(32px,3vw,43px);line-height:1.11;margin-bottom:23px}
.application-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.8;max-width:44ch}
.arrangement-notes{margin:25px 0 21px;font-size:16px}
.arrangement-notes>div{display:grid;grid-template-columns:105px 1fr;gap:16px;padding:11px 0;border-top:1px solid #d4cdbf}
.arrangement-notes dt{font-weight:600}
.arrangement-notes dd{color:var(--muted);line-height:1.7}
.image-note{font-size:14px;color:#59634f;line-height:1.65;margin-top:14px;max-width:70ch}
.customization-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,11vw,150px);align-items:start}
.custom-intro h2{font-size:48px;line-height:1.1}
.custom-intro>p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.8;max-width:38ch;margin:22px 0}
.custom-list{border-top:1px solid var(--line)}
.custom-list>.custom-row{display:grid;grid-template-columns:37px 1fr 20px;align-items:start;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}
.custom-list>.custom-row:hover{background:#efeee6}
.custom-index{font:14px/1.6 var(--display);color:var(--accent)}
.custom-list h3{font-size:25px;line-height:1.25}
.custom-list p{font-size:17px;color:var(--muted);line-height:1.7;margin-top:7px}
.custom-list>.custom-row>span:last-child{font-size:18px;color:#58664f}
.procurement-section{border-top:1px solid var(--line);padding-block:62px 76px}
.procurement-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.procurement-layout h2{font-size:35px;margin-bottom:25px}
.procurement-points{display:grid;gap:20px}
.procurement-points article{padding-bottom:17px;border-bottom:1px solid var(--line)}
.procurement-points h3{font:600 17px/1.5 var(--ui);letter-spacing:0}
.procurement-points p{color:var(--muted);font-size:17px;line-height:1.8;margin-top:6px;max-width:60ch}
.closing-section{padding-block:62px;background:var(--forest);color:#f8f6ed}
.closing-layout{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}
.closing-layout .eyebrow{color:#b6c1a8;font-size:14px}
.closing-layout h2{font-size:46px;line-height:1.08}
.closing-layout>div:last-child>p{font-size:17px;max-width:41ch;color:#cbd2c1;line-height:1.8;margin-bottom:23px}
.site-footer{padding-top:38px;color:var(--muted)}
.footer-top{display:grid;grid-template-columns:.55fr 1fr 1.1fr;gap:40px;align-items:start;padding-bottom:33px}
.footer-top .wordmark{color:var(--forest);font-size:22px}
.footer-top>p{font-size:14px;line-height:1.8}
.footer-top nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:13px 22px;font-size:14px}
.footer-bottom{border-top:1px solid var(--line);padding-block:17px 23px;display:flex;justify-content:space-between;gap:22px;font-size:14px;letter-spacing:.02em}
@media(min-width:1700px){.hero-composition{gap:76px}.hero-copy{padding-left:0}.hero-copy h1{font-size:64px}.hero{padding-top:38px}.hero-dek{font-size:17px}.hero-caption{margin-top:36px}.hero-actions{margin-top:34px}.hero-copy{padding-block:44px}}
@media(max-width:1150px){:root{--pad:30px}.primary-nav{gap:17px;font-size:14px}.hero-composition{grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr);gap:28px}.hero-copy{padding-left:0}.hero-copy h1{font-size:46px}.hero-dek{font-size:14px}.hero-caption{margin-top:20px}.nature-chapter{margin-top:40px}.nature-intro{gap:50px}.collection-copy h3{font-size:22px}.application-feature{gap:42px}.application-copy{padding-right:0}.arrangement-notes>div{grid-template-columns:88px 1fr}.customization-layout{gap:70px}}
@media(max-width:1120px){.header-inner{min-height:72px}.menu-toggle{display:flex;align-items:center;gap:24px;background:transparent;border:0;font-size:14px;padding:15px 0 15px 15px}.primary-nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:20px 30px;border-bottom:1px solid var(--line)}.primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.primary-nav>a{padding:12px 0;font-size:14px}.primary-nav .nav-cta{margin-top:12px;justify-content:space-between}.hero-composition{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:25px}.hero-copy h1{font-size:40px}.hero-copy>.eyebrow{font-size:14px;letter-spacing:.08em}.hero-dek{font-size:14px;margin-top:17px}.hero-actions{margin-top:19px;gap:8px}.hero-caption{display:none}.hero-visual figcaption{font-size:14px;gap:10px}.hero-copy{padding-block:24px}.nature-intro h2{font-size:34px}.nature-intro>p{font-size:14px}.craft-sequence{gap:18px}.craft-step h3{font-size:23px}.craft-step p{font-size:14px}.craft-step>div{min-height:160px}.section{padding-block:68px}.collection-grid{gap:16px}.collection-copy{padding-right:22px}.collection-copy h3{font-size:21px}.collection-copy>p:last-of-type{font-size:14px}.section-heading h2{font-size:34px}.section-heading>.text-link{font-size:14px}.application-feature{gap:32px}.application-copy h3{font-size:30px}.application-copy>p:not(.eyebrow){font-size:14px}.arrangement-notes{font-size:14px;margin-top:18px}.application-copy>.eyebrow{font-size:14px}.custom-intro h2{font-size:40px}.customization-layout{gap:48px}.procurement-layout{gap:50px}.procurement-layout h2{font-size:29px}.closing-layout{gap:55px}.closing-layout h2{font-size:38px}.footer-top{gap:25px}}
@media(max-width:760px){:root{--pad:22px}html{scroll-padding-top:84px}.wordmark{font-size:22px}.wordmark span{font-size:14px}.header-inner{min-height:72px}.hero{padding:0}.hero-composition{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding:40px var(--pad) 29px}.hero-copy>.eyebrow{font-size:14px;letter-spacing:.1em;margin-bottom:18px}.hero-copy h1{font-size:clamp(40px,10.8vw,56px);max-width:17ch}.hero-copy h1 br{display:block}.hero-dek{font-size:15px;max-width:35ch;margin-top:19px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:24px}.hero-actions>.button{font-size:14px;padding-inline:16px;gap:17px}.hero-actions .text-link{font-size:14px}.hero-visual figcaption{font-size:14px;padding:11px var(--pad)}.nature-chapter{margin-top:40px;padding-top:42px}.nature-intro{grid-template-columns:1fr;gap:21px;padding-bottom:29px}.nature-intro h2{font-size:34px}.nature-intro h2 br{display:none}.nature-intro>p{font-size:14px;justify-self:start;max-width:50ch}.bamboo-panorama{overflow:hidden}.bamboo-panorama img{width:100%;height:auto}.craft-sequence{padding-top:29px;grid-template-columns:1fr;gap:25px}.craft-step{display:grid;grid-template-columns:42% 1fr;gap:20px;align-items:center}.craft-step>div{min-height:0;border-bottom:0;padding:0}.craft-step h3{font-size:23px}.craft-step p{font-size:14px;margin-top:8px;line-height:1.65}.step-index{font-size:14px;margin-bottom:8px}.material-note{padding-top:26px;font-size:14px;line-height:1.7}.section{padding-block:52px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:33px}.section-heading .eyebrow{font-size:14px;margin-bottom:12px}.section-heading>.text-link{margin-top:15px}.collection-grid{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#9f9d8b transparent}.collection-card{flex:0 0 84%;scroll-snap-align:start}.collection-copy{min-height:123px;padding-top:17px}.collection-copy h3{font-size:24px}.collection-copy>p:last-of-type{font-size:14px}.product-reference{font-size:14px}.collection-foot{display:block;padding-top:19px;margin-top:9px;font-size:14px}.collection-foot a{display:inline-block;margin-top:10px}.application-section .section-heading>p{font-size:14px;margin-top:15px;max-width:40ch}.application-feature{grid-template-columns:1fr;gap:28px}.application-copy .eyebrow{font-size:14px}.application-copy h3{font-size:32px;margin-bottom:16px}.application-copy>p:not(.eyebrow){font-size:14px;max-width:46ch}.arrangement-notes{font-size:14px;margin-top:22px}.arrangement-notes>div{grid-template-columns:94px 1fr;padding-block:12px}.image-note{font-size:14px;line-height:1.7;margin-top:22px}.customization-layout{grid-template-columns:1fr;gap:28px}.custom-intro h2{font-size:36px}.custom-intro h2 br{display:none}.custom-intro>p:not(.eyebrow){font-size:14px;max-width:46ch;margin:17px 0}.custom-list>div{padding-block:18px}.custom-list h3{font-size:23px}.procurement-layout{grid-template-columns:1fr;gap:29px}.procurement-layout h2{font-size:32px;margin-bottom:15px}.procurement-points p{font-size:14px}.closing-section{padding-block:43px}.closing-layout{grid-template-columns:1fr;gap:26px}.closing-layout h2{font-size:38px}.closing-layout>div:last-child>p{font-size:14px;margin-bottom:20px}.footer-top{grid-template-columns:1fr 1fr;gap:25px;padding-bottom:28px}.footer-top>p{font-size:14px}.footer-top nav{grid-column:1/-1;justify-content:flex-start;gap:16px 23px;font-size:14px}.footer-bottom{font-size:14px;align-items:start}.footer-bottom span:last-child{max-width:25ch;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* Product switching is manual: no timed movement or interruption. */
.hero-carousel{min-width:0;align-self:center}
.hero-slide[hidden],.carousel-controls[hidden]{display:none}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:12px 0 0}
.carousel-pickers{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.carousel-pickers button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:2px;font-size:14px;line-height:1.4;padding:10px;min-height:44px;cursor:pointer}
.carousel-pickers button[aria-pressed="true"]{border-color:#8b9b8b;background:#efeee6}
.carousel-pickers button:hover{background:#efeee6}
.slide-swatch{height:14px;width:14px;flex:none;border:1px solid #748073;border-radius:50%;background:#a9cbd0}
.slide-swatch.natural{background:#bb8d4d}
.slide-swatch.gingham{background:repeating-conic-gradient(#a95560 0 25%,#f8f2e7 0 50%) 0/7px 7px}
.carousel-arrows{display:flex;gap:5px}
.carousel-arrows button{width:44px;min-height:44px;font-size:23px;background:transparent;border:1px solid #8b9b8b;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.palette-heading{margin:50px 0 25px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.palette-heading h3{font-size:32px}
.palette-heading p{font-size:17px;color:var(--muted);max-width:40ch}
.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.palette-card img{width:100%;height:auto}
.palette-card .collection-copy{min-height:142px}
.collection-grid{row-gap:35px}
@media(max-width:1120px){
 .primary-nav>a,.menu-toggle{font-size:16px}
 .primary-nav{top:71px}
 .hero-dek{font-size:17px}
 .hero-copy>.eyebrow{font-size:14px;letter-spacing:.07em}
 .hero-visual figcaption{font-size:14px}
 .hero-copy h1{font-size:42px}
 .craft-step p,.collection-copy>p:last-of-type,.custom-list p,.procurement-points p{font-size:16px}
 .application-copy>p:not(.eyebrow),.nature-intro>p{font-size:17px}
 .hero-actions .text-link{font-size:16px}
 .carousel-controls{align-items:flex-start}
 .carousel-pickers{gap:4px}
 .carousel-pickers button{padding:9px 7px}
 .palette-heading{align-items:start}
}
@media(max-width:760px){
 .hero-copy{padding-top:34px}
 .hero-copy h1{font-size:clamp(40px,10.8vw,56px)}
 .hero-dek,.nature-intro>p,.application-copy>p:not(.eyebrow),.custom-intro>p:not(.eyebrow){font-size:17px}
 .application-section .section-heading>p,.closing-layout>div:last-child>p{font-size:17px}
 .hero-actions>.button,.hero-actions .text-link{font-size:16px}
 .hero-actions{gap:12px}
 .hero-visual figcaption{font-size:14px;gap:15px;padding-inline:var(--pad)}
 .carousel-controls{margin-inline:var(--pad);padding-top:10px;gap:8px}
 .carousel-pickers{gap:2px}
 .carousel-pickers button{font-size:14px;gap:5px;padding:9px 6px}
 .carousel-arrows{display:none}
 .carousel-pickers{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
 .carousel-pickers button{justify-content:center}
 .carousel-arrows button{width:38px}
 .craft-step{grid-template-columns:1fr;gap:17px}
 .craft-step figure{max-width:none}
 .craft-step>div{padding-bottom:20px;border-bottom:1px solid var(--line)}
 .craft-step p{font-size:17px;max-width:none}
 .craft-sequence{gap:30px}
 .collection-copy>p:last-of-type{font-size:17px}
 .section-heading>.text-link{font-size:16px}
 .palette-heading{display:block;margin-top:32px}
 .palette-heading h3{font-size:29px}
 .palette-heading p{font-size:17px;margin-top:12px}
 .palette-grid{grid-template-columns:1fr;gap:28px}
 .palette-card .collection-copy{min-height:0}
 .custom-list p,.procurement-points p{font-size:17px}
 .arrangement-notes{font-size:16px}
 .footer-top{grid-template-columns:1fr}
 .footer-top>p,.footer-top nav{font-size:16px}
 .footer-bottom{flex-direction:column;font-size:14px}
 .footer-bottom span:last-child{max-width:none;text-align:left}
}

/* Product proportions stay unchanged. Only opacity moves between slides. */
.carousel-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.rotation-control{grid-column:1/-1;justify-self:start;min-height:44px;padding:7px 0;background:transparent;border:0;border-bottom:1px solid #8b9b8b;font-size:14px;cursor:pointer}
.slide-swatch.navy{background:#243d8c}
.hero-visual figcaption{min-height:55px;align-items:flex-start}
.hero-slide.is-entering>img{animation:product-reveal .45s ease-out both}
@keyframes product-reveal{from{opacity:.45}to{opacity:1}}
.palette-card img{aspect-ratio:auto}
@media(max-width:760px){
 .carousel-controls{grid-template-columns:1fr}
 .rotation-control{grid-column:1}
 .hero-visual figcaption{min-height:68px}
}
@media(prefers-reduced-motion:reduce){.hero-slide.is-entering>img{animation:none}}

.primary-nav>a.is-current{color:#9e442c;box-shadow:inset 0 -2px #9e442c;font-weight:700}
.primary-nav>a.nav-cta.is-current{color:#fff;background:var(--forest,#213e31);border-color:var(--forest,#213e31);box-shadow:none}

/* Lifestyle photography uses the same native image ratios and readable type scale. */
.application-copy .application-product{font-size:14px;color:var(--muted);margin:0 0 18px}