:root { --navy:#082844; --ink:#09203a; --copper:#bd8052; --ivory:#f7f3ec; --line:#dccdbd; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--ivory); font-family:"DM Sans",Arial,sans-serif; }
.site-header { height:74px; background:var(--navy); display:flex; align-items:center; justify-content:space-between; padding:0 4%; color:#fff; }
.brand { color:#fff; text-decoration:none; font:500 20px/1 "Playfair Display",serif; letter-spacing:.14em; white-space:nowrap; display:inline-flex; align-items:center; gap:10px; }
.brand-logo { width:36px; height:36px; object-fit:contain; flex:none; }
nav { display:flex; gap:40px; } nav a,.language { color:#f7f3ec; text-decoration:none; font-size:14px; } .language { color:#e2a072; }
.hero { min-height:620px; position:relative; overflow:hidden; background:#eee; }
.hero-image { width:100%; height:100%; min-height:620px; position:absolute; object-fit:cover; object-position:center; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(247,243,236,.98) 0%,rgba(247,243,236,.9) 35%,rgba(247,243,236,.17) 63%,rgba(8,40,68,.06) 100%); }
.hero-content { position:relative; max-width:700px; padding:100px 5%; }
.eyebrow { color:var(--copper); letter-spacing:.15em; font-size:11px; font-weight:600; margin:0 0 18px; }
h1,h2,h3 { font-family:"Playfair Display",Georgia,serif; font-weight:500; } h1 { font-size:clamp(46px,5vw,76px); line-height:1.04; margin:0 0 22px; letter-spacing:-.04em; }
.audience { font-size:18px; margin:0 0 32px; } .audience span { color:var(--copper); padding:0 7px; }
.actions { display:flex; gap:16px; flex-wrap:wrap; }.button { text-decoration:none; text-transform:uppercase; letter-spacing:.06em; font-size:13px; font-weight:600; padding:17px 22px; display:inline-flex; align-items:center; justify-content:space-between; gap:38px; min-width:195px; }.button b { font-size:22px; font-weight:400; }.button-primary { color:#fff; background:var(--navy); }.button-secondary { border:1px solid var(--copper); color:var(--navy); background:rgba(247,243,236,.72); }.button-dark { background:var(--navy); color:#fff; }
.proof-points { display:flex; gap:12px; padding:0; margin:34px 0 0; list-style:none; flex-wrap:wrap; }.proof-points li { padding:12px 16px; border:1px solid var(--line); background:rgba(255,255,255,.53); font-size:13px; }.proof-points strong { color:var(--copper); }
.intro { text-align:center; padding:94px 6%; }.intro h2,.visit-panel h2 { font-size:clamp(38px,4vw,56px); line-height:1.1; margin:0; letter-spacing:-.04em; }.intro-copy { max-width:590px; margin:22px auto 48px; line-height:1.7; color:#526174; }.cards { display:grid; grid-template-columns:repeat(3,1fr); max-width:1140px; margin:auto; gap:18px; text-align:left; }.card { background:#fffdf9; min-height:235px; padding:30px; border:1px solid #e5dacd; display:flex; flex-direction:column; }.card-number { color:var(--copper); font-size:12px; }.card h3 { font-size:28px; margin:42px 0 12px; }.card p { color:#596879; line-height:1.6; font-size:14px; margin:0; }
.visit-panel { margin:0 5% 80px; padding:56px; background:#e9dfd2; display:grid; grid-template-columns:1.1fr .9fr auto; gap:36px; align-items:center; }.visit-panel h2 { font-size:38px; }.visit-panel p:not(.eyebrow) { color:#445164; line-height:1.6; margin:0; font-size:14px; }
footer { background:var(--navy); color:#f8f3ea; padding:42px 5%; display:grid; grid-template-columns:1fr 1fr 1.7fr; gap:35px; } footer span { color:#d29b70; display:block; font-size:11px; text-transform:uppercase; letter-spacing:.12em; margin-bottom:10px; } footer a,footer address { color:#fff; text-decoration:none; font-style:normal; font-size:14px; line-height:1.5; }
@media (max-width:820px) { .site-header { height:auto; padding:20px; flex-wrap:wrap; gap:18px; } nav { order:3; width:100%; gap:16px; overflow:auto; }.hero,.hero-image { min-height:690px; }.hero-shade { background:linear-gradient(90deg,rgba(247,243,236,.97),rgba(247,243,236,.72)); }.hero-content { padding:68px 7%; }.cards,footer,.visit-panel { grid-template-columns:1fr; }.visit-panel { padding:34px; margin:0 5% 50px; gap:22px; }.intro { padding:70px 6%; } }
.form-page{max-width:860px;margin:0 auto;padding:80px 5%}.form-page h1{font-size:clamp(42px,6vw,64px);margin:0}.form-lead{max-width:650px;color:#596879;line-height:1.7;margin:20px 0 38px}.business-form{display:grid;gap:19px;background:#fffdf9;border:1px solid #e2d5c7;padding:34px}.business-form label{display:grid;gap:8px;font-size:13px;font-weight:600;color:#243a50}.business-form input,.business-form select,.business-form textarea{width:100%;padding:13px;background:#fff;border:1px solid #d8c8b8;color:#09203a;font:14px "DM Sans",sans-serif}.business-form fieldset{border:1px solid #d8c8b8;padding:18px}.business-form legend{padding:0 7px;color:#243a50;font-size:13px;font-weight:600}.size-rows{display:grid;gap:12px}.size-row{display:grid;grid-template-columns:1.7fr 1fr 36px;gap:12px;align-items:end}.remove-row,.add-row{font:600 13px "DM Sans",sans-serif;cursor:pointer}.remove-row{height:43px;border:1px solid #d8c8b8;background:#fff;color:#a35f42;font-size:22px}.add-row{margin-top:14px;color:#082844;background:none;border:0;padding:0;text-decoration:underline;width:max-content}.form-status{color:#557563;margin:0}.whatsapp-note{margin-top:25px;border-left:3px solid #bd8052;padding:16px 20px;background:#efe6dc}.whatsapp-note strong{font-family:"Playfair Display",serif;font-size:20px}.whatsapp-note p{color:#536173;line-height:1.6;margin:7px 0}.whatsapp-note a{color:#082844;font-weight:600}.qr-placeholder{display:flex;align-items:center;gap:12px;margin-top:24px;width:max-content;padding:10px 14px;background:rgba(255,255,255,.65);border:1px solid #dccdbd}.qr-box{width:42px;height:42px;display:grid;place-items:center;background:repeating-conic-gradient(#082844 0 25%,#fff 0 50%) 50%/10px 10px;color:transparent;border:3px solid #fff}.qr-placeholder strong,.qr-placeholder span{display:block}.qr-placeholder strong{font-size:12px}.qr-placeholder span{color:#5c6874;font-size:11px;margin-top:3px}@media(max-width:560px){.size-row{grid-template-columns:1fr}.remove-row{width:42px}.business-form{padding:20px}}.hero{isolation:isolate}.hero-image{animation:factoryPush 14s cubic-bezier(.45,0,.55,1) infinite alternate;transform-origin:72% 52%;will-change:transform}.hero-shade{z-index:1}.hero::after{content:"";position:absolute;inset:-22%;z-index:1;pointer-events:none;background:linear-gradient(108deg,transparent 42%,rgba(255,255,255,.26) 49%,rgba(232,207,182,.14) 53%,transparent 59%);transform:translateX(-36%) skewX(-8deg);animation:productionLight 9s cubic-bezier(.55,0,.45,1) infinite}.hero-content{z-index:2}@keyframes factoryPush{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.075) translate3d(-1.1%,-.45%,0)}}@keyframes productionLight{0%,18%{transform:translateX(-42%) skewX(-8deg);opacity:0}28%{opacity:1}67%{opacity:.8}82%,100%{transform:translateX(42%) skewX(-8deg);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-image,.hero::after{animation:none}}.product-hero{min-height:520px;background:#ece4da;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.product-hero>div{padding:70px 10%;z-index:1}.product-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.04;margin:0 0 22px;letter-spacing:-.04em}.product-hero p:not(.eyebrow){max-width:550px;line-height:1.7;color:#465568;margin:0 0 30px}.product-hero>img{width:100%;height:520px;object-fit:cover}.product-section,.options-section,.fabric-section,.product-cta{padding:90px 6%}.product-section h2,.size-section h2,.layers-section h2,.options-section h2,.fabric-section h2,.product-cta h2{font-size:clamp(38px,4vw,58px);line-height:1.08;margin:0;letter-spacing:-.04em}.section-lead{color:#596879;max-width:680px;line-height:1.7;margin:18px 0 38px}.model-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.model-grid article{background:#fffdf9;border:1px solid #e2d5c7;min-width:0}.model-grid img{width:100%;aspect-ratio:1/1.05;object-fit:cover;display:block}.model-grid div{padding:17px}.model-grid span{color:#bd8052;font-size:12px;font-weight:600}.model-grid h3{font-size:18px;line-height:1.2;margin:8px 0 0}.size-section{background:#f0e8de;padding:82px 6%;display:grid;grid-template-columns:.86fr 1.14fr;gap:40px;align-items:center}.size-copy>p:not(.eyebrow){color:#536173;line-height:1.7;max-width:480px}.size-section>img{width:100%;max-height:480px;object-fit:contain}.size-switcher{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.size-switcher button{border:1px solid #bda68f;background:transparent;color:#09203a;padding:11px 14px;cursor:pointer;font:600 13px "DM Sans",sans-serif}.size-switcher button.selected{background:#082844;color:#fff;border-color:#082844}.selected-size{font-size:14px}.text-link{color:#082844;font-weight:600}.layers-section{padding:90px 6%;background:#fffdf9}.layers-intro{max-width:660px}.layers-intro p:not(.eyebrow){line-height:1.7;color:#596879}.layers-section>img{width:min(100%,960px);display:block;margin:28px auto}.layer-list{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;list-style:none}.layer-list li{display:flex;gap:12px;padding:16px;border-top:1px solid #dccdbd}.layer-list b{color:#bd8052;font-size:13px}.layer-list strong{display:block;font-size:14px}.layer-list span{font-size:13px;color:#536173;line-height:1.45}.options-section{background:#f0e8de}.option-grid,.fabric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.option-grid article,.fabric-grid article{padding:24px;background:#fffdf9;border-top:3px solid #bd8052}.option-grid h3,.fabric-grid h3{font-size:23px;margin:0 0 12px}.option-grid p,.fabric-grid p{font-size:14px;line-height:1.65;color:#536173;margin:0}.fabric-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.fabric-section>div>p:not(.eyebrow){line-height:1.7;color:#536173}.fabric-grid{grid-template-columns:repeat(2,1fr)}.product-cta{text-align:center;background:#082844;color:#fff}.product-cta .eyebrow{color:#dba27a}.product-cta h2{max-width:780px;margin:0 auto 28px}.product-cta .button{background:#fffdf9;color:#082844}@media(max-width:960px){.model-grid{grid-template-columns:repeat(3,1fr)}.option-grid{grid-template-columns:repeat(3,1fr)}.product-hero,.size-section,.fabric-section{grid-template-columns:1fr}.product-hero>img{height:390px}.fabric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.model-grid,.option-grid,.layer-list{grid-template-columns:1fr}.product-section,.options-section,.fabric-section,.product-cta{padding:65px 7%}.product-hero>div{padding:62px 7%}.fabric-grid{grid-template-columns:1fr}.size-section{padding:62px 7%}}.product-hero .detail-360{height:520px;position:relative;overflow:hidden;background:#dce1e5}.detail-360>img{width:100%;height:100%;object-fit:cover;animation:productOrbit 16s ease-in-out infinite alternate}.detail-360:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,transparent 0 26%,rgba(8,40,68,.13) 77%);pointer-events:none}.detail-hotspot{position:absolute;z-index:2;border:1px solid #dca174;background:#082844;color:#fff;padding:8px 11px;font:600 11px "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.detail-hotspot:before{content:"";position:absolute;width:18px;height:18px;border:1px solid #dca174;border-radius:50%;background:#fff;left:-25px;top:50%;transform:translateY(-50%)}.detail-hotspot.active{background:#dca174}.edge{right:13%;bottom:24%}.fabric{right:19%;top:23%}.rebound{left:55%;top:48%}.support{left:57%;bottom:20%}.detail-caption{position:absolute;z-index:2;left:28px;bottom:25px;padding:16px 19px;background:rgba(8,40,68,.9);color:#fff;max-width:270px}.detail-caption strong,.detail-caption span{display:block}.detail-caption strong{font:500 21px "Playfair Display",serif}.detail-caption span{font-size:12px;line-height:1.5;color:#f0dfd2;margin-top:5px}@keyframes productOrbit{0%{transform:scale(1.02) rotate(0deg)}100%{transform:scale(1.1) rotate(.55deg)}}.size-sketch{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}.sketch-bed{border:0;background:transparent;color:#09203a;padding:12px 5px;cursor:pointer}.sketch-bed .dimension{display:block;color:#bd8052;font-size:13px;margin-bottom:12px}.bed-frame{height:245px;display:flex;align-items:center;justify-content:space-evenly;border:3px solid #7890a6;border-radius:14px;position:relative;background:#fffdf9;transition:.25s}.bed-frame:before{content:"↔";position:absolute;top:-34px;color:#bd8052;font-size:28px}.bed-frame i{font-style:normal;font-size:44px;color:#7890a6}.sketch-bed small{display:block;font-weight:600;margin-top:12px}.sketch-bed.selected .bed-frame{border-color:#082844;box-shadow:0 0 0 7px rgba(189,128,82,.22)}.sketch-bed.selected .dimension,.sketch-bed.selected small{color:#082844}.sketch-bed.selected .bed-frame i{color:#082844}@media(max-width:620px){.product-hero .detail-360{height:400px}.size-sketch{gap:7px}.bed-frame{height:170px}.bed-frame i{font-size:29px}.detail-hotspot{padding:6px 8px}.detail-caption{left:16px;bottom:16px}.edge{right:9%}.fabric{right:13%}.rebound{left:45%}.support{left:43%}}