/* BeautiFlor: an architectural, collection-led presentation. */
:root{--ink:#292722;--paper:#f6f4ef;--olive:#34372f;--muted:#6d6b63;--line:#d4d0c6}html{scroll-padding-top:120px}header{position:relative;z-index:20;min-height:100px;padding:18px 4%;background:#282a25;color:#f7f5ef;gap:25px}header .logo img{width:246px}header nav{gap:22px;font-size:11px}header nav a{padding:12px 0}.header-cta{border-color:#bfbab0;font-size:11px}.menu-toggle{display:none}.hero{margin:0;max-width:none!important;height:calc(100vh - 100px);min-height:620px;max-height:1000px}.hero>img{object-position:center 65%}.hero-shade{background:linear-gradient(90deg,#111b16a6,#111b160d 85%),linear-gradient(0deg,#10160d55,transparent 50%)}.hero-content{top:18%;left:8%}.hero h1{font-family:Georgia,serif;font-size:clamp(70px,8.5vw,140px);font-weight:400;letter-spacing:-5px;line-height:.98;margin:30px 0}.hero .eyebrow{font-size:9px;letter-spacing:2.7px}.hero-content>p:not(.eyebrow){font-size:15px}.hero .button{background:transparent;color:white;border-bottom:1px solid #fff9;padding:15px 0;margin-top:22px;gap:70px;font-size:11px}.hero-bottom{left:8%;right:8%;bottom:30px;letter-spacing:1.8px;font-size:8px}.intro{padding-top:115px;padding-bottom:110px}.intro h2{font-family:Georgia,serif;font-size:clamp(44px,5.3vw,78px);font-weight:400;letter-spacing:-2.5px}.eyebrow{font-size:9px;letter-spacing:2.2px}.wood-collections{background:#eeece5;padding-top:80px}.wood-heading{max-width:800px}.wood-heading h2{font-size:clamp(42px,4.6vw,68px);font-family:Georgia,serif;line-height:1.08}.wood-heading>p:last-child{max-width:560px;font-size:14px;color:var(--muted)}.range-filters{display:flex;gap:32px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:40px 0 55px}.range-filters button{border:0;border-bottom:2px solid transparent;background:none;font-size:11px;color:var(--muted);padding:16px 0;cursor:pointer}.range-filters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.range-filters span{font-size:9px;margin-left:10px}.range-list{display:grid;gap:80px}.range{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center}.range:nth-child(even) .range-photo{order:2}.range-photo{height:600px;position:relative;background:#c4bcaf}.range-photo img{height:100%;width:100%;object-fit:cover}.range-photo:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#0008)}.range-index{position:absolute;top:25px;left:25px;color:white;font-size:12px;letter-spacing:3px}.inspiration-label{position:absolute;bottom:18px;left:20px;right:20px;color:white;font-size:7px;line-height:1.7;letter-spacing:1.3px;z-index:1}.range-body h3{font-family:Georgia,serif;font-size:clamp(40px,4.5vw,67px);font-weight:400;letter-spacing:-2px;margin:14px 0 20px}.range-body h3 span{font-family:'DM Sans',sans-serif;font-size:22px;letter-spacing:-1px;vertical-align:middle;color:#77756c}.range-tag{font-size:19px;letter-spacing:-.5px;margin:0 0 16px}.range-copy{font-size:13px;line-height:1.9;color:var(--muted)}.range-specs{display:grid;grid-template-columns:1fr 1fr;margin:25px 0 15px;border-top:1px solid #cbc8bc}.range-specs>div{padding:15px 10px 15px 0;border-bottom:1px solid #cbc8bc}.range-specs dt{font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:#777368}.range-specs dd{margin:8px 0 0;font-size:13px}.pattern-note{font-size:11px;color:#666451}.range-body .text-link{font-size:11px;gap:60px}.spec-footnote{font-size:10px;color:var(--muted);padding:35px 0 55px;max-width:850px;line-height:1.9}.pattern-band{background:#30372e;color:#f4f1e9;padding:85px 0}.pattern-band h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,72px)}.pattern-band p:not(.eyebrow){font-size:14px;max-width:570px;color:#d2d4c9}.pattern-band .text-link{border-color:#d2d4c9}.collections{padding-top:100px;padding-bottom:90px}.section-top h2{font-family:Georgia,serif}.cards{gap:22px}.card-image{height:350px}.card-title h3{font-size:18px}.guide{background:#e8e6df}.guide h2{font-family:Georgia,serif}.about-story h2,.responsibility h2,.project h2{font-family:Georgia,serif}.responsibility{background:#e5e7dd}.responsibility-grid{align-items:start}.resin-photo{max-width:260px}.project{background:#ded8cb}footer{background:#282a25;color:#f4f2eb;max-width:none!important}footer p,.footer-bottom{color:#bdbdb2}footer .footer-bottom{border-color:#53564c}footer>div:nth-child(2){max-width:55%;flex-wrap:wrap;gap:20px;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.range[hidden]{display:none}
@media(max-width:1100px){header nav{gap:15px}header .logo img{width:210px}.range{gap:5%}.range-photo{height:540px}.range-body h3{font-size:48px}.range-tag{font-size:17px}.card-image{height:300px}}
@media(max-width:850px){header{flex-wrap:nowrap;min-height:88px;height:88px;padding:16px 5%;gap:18px}.menu-toggle{display:block;order:2;margin-left:auto;border:0;background:none;color:inherit;font-size:12px;cursor:pointer;padding:12px}.menu-toggle span{margin-left:12px}header .header-cta{order:3}header nav{display:none;position:absolute;top:100%;left:0;right:0;order:initial;width:auto;background:#282a25;padding:20px 6% 30px;box-shadow:0 16px 20px #0002}header nav.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:5px}header nav a{font-size:15px}.hero{height:75vh;min-height:590px}.range{grid-template-columns:1fr;gap:28px}.range:nth-child(even) .range-photo{order:initial}.range-photo{height:520px}.range-body{padding-bottom:10px}.range-list{gap:60px}.range-body h3{font-size:54px}.range-copy{max-width:650px}.cards{grid-template-columns:repeat(2,1fr)}.card-image{height:380px}footer>div:nth-child(2){max-width:100%}}
@media(max-width:550px){header .logo img{width:170px;max-width:43vw}header{gap:7px}.header-cta{font-size:9px}.header-cta span{display:none}.menu-toggle{font-size:11px;padding:9px 5px}.menu-toggle span{margin-left:5px}.hero-content{left:7%;right:7%;top:16%}.hero h1{font-size:68px;letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-bottom{font-size:7px;letter-spacing:.8px}.intro{padding:70px 7%}.wood-collections{padding-top:55px}.wood-heading h2{font-size:43px;letter-spacing:-1.5px}.range-filters{gap:18px;margin:25px 0 30px}.range-filters button{font-size:10px}.range-filters span{display:none}.range-photo{height:390px}.range-body h3{font-size:48px}.range-list{gap:45px}.range-tag{font-size:18px}.pattern-band{padding:55px 0}.collections{padding-top:65px;padding-bottom:65px}.cards{gap:25px 13px}.card-image{height:245px}.card-title h3{font-size:16px}.card-image span{font-size:6px}.resin-photo{max-width:100%}.inspiration-label{font-size:6px}.responsibility-gallery figcaption{flex-wrap:wrap}footer>div:nth-child(2){gap:18px}}