@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f5ef;--ink:#262820;--muted:#75766d;--line:#dcded2;--orange:#bd542f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.demo{text-align:center;padding:9px 16px;background:#e9ebdf;font-size:10px;letter-spacing:.04em}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:800 31px Manrope,sans-serif;letter-spacing:-2px}.logo span{font-size:11px;vertical-align:top;display:inline-block;margin:6px 0 0 3px;letter-spacing:0}nav{display:flex;gap:34px;font-size:12px}.text-button{border:0;background:none;color:var(--ink);font-size:12px;padding:9px 0}.text-button span{margin-left:24px}nav a:hover,.text-button:hover{color:var(--orange)}.hero{padding:0 5%}.hero-copy{padding:74px 0 45px}.hero{display:grid;grid-template-columns:1fr 1fr}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px}.hero h1{font-size:clamp(46px,5.5vw,88px);line-height:1.08;letter-spacing:-5px;font-weight:500;margin:32px 0 24px}em{font-family:Georgia,serif;font-weight:400}.hero h1 em{color:var(--orange)}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.9}.button{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:19px 24px;background:var(--ink);color:white;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:var(--orange);transform:translateY(-2px)}.hero .button{margin-top:23px}.hero-note{margin-top:65px;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.hero-art{background:#dedfd1;margin:28px 0 28px 20px;padding:22px 25px 16px;display:flex;flex-direction:column;overflow:hidden}.art-top,.art-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.art-bottom{margin-top:auto;align-items:center}.art-bottom span:last-child{font-size:24px}.speaker-scene{position:relative;min-height:430px;display:grid;place-items:center;perspective:1000px}.sun{position:absolute;width:300px;height:300px;border-radius:50%;background:#eae9dd;top:45px;right:-35px}.speaker{--body:#b6694c;--edge:#925039;--cloth:#aa5d44;position:relative;border-radius:21px 23px 15px 14px;background:linear-gradient(100deg,var(--body) 70%,var(--edge));box-shadow:20px 25px 30px #25251c30,inset 2px 2px 3px #ffffff4a;transition:background .4s,transform .5s;transform:rotate(-7deg)}.speaker:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff28;pointer-events:none}.speaker-top{position:absolute;top:12px;left:50%;width:31px;height:10px;border-radius:50%;background:#7d4938;box-shadow:0 2px 0 #ffffff30}.fabric{position:absolute;inset:35px 15px 35px 15px;border-radius:13px;background:repeating-linear-gradient(0deg,transparent 0 2px,#0000001c 2px 3px),repeating-linear-gradient(90deg,transparent 0 2px,#ffffff20 2px 3px),var(--cloth);overflow:hidden;box-shadow:inset 0 1px 7px #0000002c}.driver{position:absolute;width:78%;aspect-ratio:1;top:8%;left:11%;border-radius:50%;background:radial-gradient(circle,#00000014 0 21%,#00000030 22% 24%,#00000014 26% 44%,#00000026 45% 47%,transparent 49%);opacity:.8}.driver.lower{top:auto;bottom:3%}.speaker-logo{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#ffffff9c}.large{width:200px;height:310px;margin-top:10px;transform:rotate(-8deg) rotateY(-12deg)}.scene-caption{position:absolute;bottom:15px;right:0;font-size:10px;line-height:1.8;color:#656657}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1px}.section{padding:90px 5%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}h2{font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.15;letter-spacing:-2.5px;margin:22px 0 0}.section-head p{color:var(--muted);font-size:12px;line-height:1.9}.products{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-art{height:390px;display:grid;place-items:center;position:relative;overflow:hidden}.sand{background:#eae5da}.green{background:#d7dbce}.product-number{position:absolute;top:23px;left:24px;font-size:9px;letter-spacing:1px}.art-tag{position:absolute;bottom:21px;left:24px;font-size:8px;letter-spacing:1px}.small{width:146px;height:200px;transform:rotate(-9deg)}.small .fabric{inset:25px 12px 30px}.small .driver{top:10%}.medium{width:160px;height:270px;transform:rotate(7deg)}.ivory{--body:#d5cdb8;--edge:#b3a78e;--cloth:#beb6a2}.olive{--body:#4f5245;--edge:#33372d;--cloth:#535649}.clay{--body:#b6694c;--edge:#925039;--cloth:#aa5d44}.product:hover .speaker{transform:rotate(0deg) translateY(-6px)}.product-title,.product-bottom{display:flex;align-items:center;justify-content:space-between}.product-title{margin-top:20px}h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:0}.product-title>span{font-size:13px}.product>p{font-size:12px;color:var(--muted)}.product-bottom{padding-top:10px}.swatches{display:flex;gap:10px}.swatch{background:var(--sw);width:18px;height:18px;border:3px solid var(--paper);border-radius:50%;padding:0;box-shadow:0 0 0 1px transparent}.swatch.selected{box-shadow:0 0 0 1px var(--ink)}.fine{font-size:10px;color:var(--muted);line-height:1.7;margin-top:25px}.approach{display:grid;grid-template-columns:1fr 1fr;background:#efede4}.approach-art{min-height:610px;background:linear-gradient(90deg,#c3bfaf,#e1dbcb);position:relative;overflow:hidden}.window-light{position:absolute;top:-30px;right:30px;width:230px;height:440px;background:linear-gradient(90deg,#fff7df5c 46%,transparent 46% 50%,#fff7df5c 50%);transform:skew(-22deg);filter:blur(2px)}.interior{width:165px;height:220px;position:absolute;bottom:139px;right:18%;transform:rotate(0)}.interior .fabric{inset:27px 13px 34px}.table-line{position:absolute;bottom:132px;width:100%;height:10px;background:#8b7b5e;box-shadow:0 40px 80px #32271977}.book{position:absolute;height:23px;width:145px;background:#dbd2bd;bottom:142px;left:10%;box-shadow:0 5px 10px #0003}.book-two{bottom:165px;width:110px;background:#655d48;transform:rotate(-4deg)}.approach-art>span{position:absolute;bottom:34px;left:8%;font-size:8px;letter-spacing:1px}.approach-copy{padding:70px 13%}.approach-copy h2{font-size:clamp(32px,3.5vw,51px);margin-top:28px}.approach-copy>p{line-height:1.9;color:var(--muted);font-size:12px;max-width:330px;margin:28px 0 34px}.principle{display:flex;gap:22px;border-top:1px solid #d4d2c6;padding:20px 0}.principle>span{font-size:10px;color:var(--muted)}.principle h3{font-size:14px;letter-spacing:0}.principle p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:520px;text-align:left;font-size:12px}th,td{padding:22px 15px;border-bottom:1px solid var(--line);width:33%}th:first-child{padding-left:0;color:var(--muted);font-weight:400}thead th{font-weight:600;font-size:17px}thead th:first-child{font-size:11px}.cta{position:relative;overflow:hidden;background:#a8452e;color:#f9f0e5;text-align:center;padding:75px 20px 85px}.cta h2{font-size:clamp(48px,6vw,84px);line-height:1.05;position:relative;z-index:1}.cta p{font-size:12px;line-height:1.9;margin:24px 0}.light{background:var(--paper);color:var(--ink);position:relative;z-index:1}.light:hover{background:#e7dfcc}.cta-decoration{position:absolute;left:4%;bottom:-140px;font:italic 570px Georgia;color:#fff1}.cta .eyebrow{font-size:8px}footer{padding:45px 5% 24px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer p{font-size:10px;color:var(--muted);line-height:1.8}footer>a:not(.logo){font-size:11px}footer>span{border-top:1px solid var(--line);width:100%;padding-top:20px;font-size:8px;letter-spacing:1px;color:var(--muted)}dialog{background:var(--paper);color:var(--ink);border:0;padding:42px;width:min(510px,calc(100% - 30px));max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#20221999;backdrop-filter:blur(4px)}dialog h2{font-size:40px}dialog p{font-size:12px;color:var(--muted);line-height:1.8}.close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:28px}form{display:grid;gap:15px;margin-top:24px}label{display:grid;gap:7px;font-size:11px}input,select,textarea{width:100%;border:1px solid #c9cbbf;background:transparent;border-radius:0;padding:12px;color:var(--ink);font-size:13px}textarea{resize:vertical;min-height:75px}#form-result{font-size:12px;line-height:1.7;color:#465638}#detail-specs{padding:0 0 0 18px;line-height:2;font-size:13px;margin:22px 0 30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){body{max-width:1600px;margin:auto}.hero-copy{padding-top:100px}.speaker-scene{min-height:500px}}@media(max-width:800px){header{height:78px}nav{gap:16px;font-size:11px}header>.text-button{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 0 25px}.hero h1{letter-spacing:-3px;font-size:60px}.hero-note{margin-top:30px}.hero-art{margin:10px 0 25px}.speaker-scene{min-height:390px}.hero-foot{gap:20px;font-size:7px;line-height:1.6}.hero-foot span:last-child{display:none}.section{padding-top:58px;padding-bottom:58px}.section-head{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:25px}h2{letter-spacing:-1.5px}.products{gap:30px;grid-template-columns:1fr}.product-art{height:350px}.approach{grid-template-columns:1fr}.approach-art{min-height:430px}.approach-copy{padding:45px 7%}.interior{bottom:100px}.table-line{bottom:93px}.book{bottom:103px}.book-two{bottom:126px}.approach-copy h2{font-size:43px}footer{gap:18px}footer p{max-width:180px}footer>a:not(.logo){width:100%}.cta{padding:60px 20px}.cta-decoration{font-size:400px;bottom:-100px}dialog{padding:35px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Visual refinement */
header{height:96px}nav{font-size:14px}.text-button{font-size:14px}.eyebrow{font-size:12px;letter-spacing:1.3px}.hero-copy{padding-top:85px}.hero-copy>p{font-size:18px;line-height:1.8}.hero h1{font-weight:500}.hero .button{margin-top:26px}.button{font-size:16px;padding:20px 30px;min-height:60px;justify-content:center;gap:18px;font-weight:600}.hero-note{font-size:10px;line-height:1.6}.hero-foot{font-size:10px;line-height:1.6;padding:24px 0}.hero-art{padding:0;position:relative;min-height:590px;background:#d8dbce}.hero-photo{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 55%;transform:scale(1.05);will-change:transform}.image-label{position:absolute;left:26px;right:26px;bottom:24px;display:flex;justify-content:space-between;color:#f8f4ea;font-size:11px;letter-spacing:1px;text-shadow:0 1px 6px #0005}.hero-art:after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#2223);pointer-events:none}.image-label{z-index:1}.section{padding-top:110px;padding-bottom:110px}.section-head p{font-size:16px;line-height:1.8;max-width:390px}.product-art{height:480px}.product-photo{height:100%;width:100%;object-fit:cover;object-position:center 55%;transition:transform .8s cubic-bezier(.2,.65,.3,1)}.product:hover .product-photo{transform:scale(1.045)}.product-number,.art-tag{z-index:1;color:#fff;font-size:10px;text-shadow:0 1px 8px #0008}.product-number{background:#2226;padding:8px 11px;backdrop-filter:blur(12px)}.art-tag{background:#2226;padding:8px 11px;backdrop-filter:blur(12px)}.product-title h3{font-size:26px}.product-title>span{font-size:17px}.product>p{font-size:15px;line-height:1.8}.product-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.material-label{font-size:12px;color:var(--muted)}.approach-art{min-height:680px}.approach-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:45% center}.approach-art>span{color:white;text-shadow:0 1px 6px #0008;z-index:1;font-size:10px}.approach-copy{padding:75px 11%}.approach-copy>p{font-size:16px;line-height:1.85;max-width:420px}.principle{padding:24px 0}.principle>span{font-size:12px}.principle h3{font-size:17px}.principle p{font-size:14px;line-height:1.8}.compare table{font-size:15px}.compare thead th{font-size:22px}.compare thead th:first-child{font-size:14px}th,td{padding-top:26px;padding-bottom:26px}.cta{padding:95px 20px 100px}.cta .eyebrow{font-size:11px}.cta h2{font-size:clamp(48px,6.5vw,90px)}.cta p{font-size:17px;line-height:1.8;margin:30px 0}.cta .button{min-width:245px}.cta-decoration{font-size:650px;left:1%;bottom:-200px}footer p{font-size:13px}footer>a:not(.logo){font-size:14px}footer>span{font-size:10px}dialog p{font-size:15px}label{font-size:14px}input,select,textarea{font-size:15px;padding:14px}#detail-specs{font-size:16px}#form-result{font-size:14px}.reveal{opacity:0;transform:translateY(38px);transition:opacity .85s ease var(--delay,0ms),transform .85s cubic-bezier(.2,.7,.25,1) var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:800px){header{height:78px}nav{font-size:12px;gap:15px}.hero-copy{padding-top:48px}.hero-copy>p{font-size:17px}.hero h1{font-size:clamp(44px,11vw,64px);letter-spacing:-2.7px}.hero-art{min-height:500px;margin-top:20px}.hero-foot{font-size:8px}.hero-note{font-size:9px}.section{padding-top:65px;padding-bottom:65px}.section-head p{font-size:15px}.eyebrow{font-size:10px}.product-art{height:440px}.product-title h3{font-size:23px}.product>p{font-size:15px}.product-title>span{font-size:16px}.approach-art{min-height:450px}.approach-copy{padding:50px 7%}.approach-copy>p{font-size:16px}.principle p{font-size:14px}.compare table{min-width:590px;font-size:14px}.compare thead th{font-size:18px}.cta{padding:70px 20px}.cta h2{font-size:46px}.cta p{font-size:16px}.cta .eyebrow{font-size:9px}footer p{font-size:12px}footer{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero-photo{transform:none!important}}
/* Full product framing and the third format */
.product-art{height:clamp(460px,47vw,670px);background:#e7e4d9}
.product-art.green{background:#d9ddd1}
.product-photo{object-fit:contain;object-position:center;position:relative;z-index:0}
.product:hover .product-photo{transform:translateY(-3px)}
.product-wide{grid-column:1/-1;margin-top:25px}
.product-wide .product-art{height:auto;aspect-ratio:2/1;background:#e8e4d9}
.product-wide .product-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:contain}
.product-wide>p{max-width:620px}
.compare th,.compare td{width:25%}
.compare table{min-width:760px}
@media(max-width:800px){.product-art{height:auto;aspect-ratio:2/3}.product-wide{margin-top:8px;grid-column:auto}.product-wide .product-art{aspect-ratio:1.35/1}.product-wide .material-label{max-width:50%;line-height:1.7}.product-wide .product-title h3{font-size:23px}.product-wide>p{max-width:100%}.compare table{min-width:730px}}

.header-actions{display:flex;align-items:center;gap:24px}#site-language{font:600 12px inherit;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink,#26332b);background:transparent;border:1px solid #26332b33;border-radius:6px;padding:9px 6px 9px 10px;cursor:pointer;min-width:60px}#site-language:focus-visible{outline:2px solid #af573f;outline-offset:3px}@media(max-width:800px){.header-actions{gap:12px}.header-actions .text-button{display:none}}@media(max-width:600px){header{height:auto;min-height:100px;flex-wrap:wrap;gap:12px;padding:16px 5%}header nav{order:3;width:100%;justify-content:center;gap:26px;padding-top:10px;border-top:1px solid #26332b18}header nav a{font-size:12px}.header-actions{margin-left:auto}}
