:root{color-scheme:dark;--espresso: #34190F;--cream: #E8E0D2;--muted: #CFC4B3;--fabric: #C8805F;--font: "Poppins", sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--espresso)}body{min-width:320px;min-height:100vh;margin:0;color:var(--cream);background:radial-gradient(ellipse at 77% 44%,rgba(111,61,40,.22),transparent 41%),var(--espresso);font-family:var(--font);font-weight:300;-webkit-font-smoothing:antialiased}body:before{position:fixed;z-index:0;inset:0;pointer-events:none;content:"";opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}button,a{font:inherit}.page-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"intro customizer" "footer customizer";align-items:center;gap:clamp(50px,8vw,132px);width:min(1200px,calc(100% - 112px));min-height:100vh;margin-inline:auto;padding:66px 0 54px}.intro{grid-area:intro;display:flex;flex-direction:column;align-self:stretch;min-height:650px}.brand-lockup{display:flex;align-items:center}.brand-name{margin:0;font-size:12px;font-weight:200;letter-spacing:.08em;text-transform:uppercase}.intro-copy{margin:auto 0;padding:24px 0 48px}.selection-label{margin:0;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}h1{display:flex;flex-direction:column;margin:0 0 27px -5px;font-size:clamp(56px,6vw,86px);font-weight:200;letter-spacing:-.075em;line-height:.95}.headline-accent{color:var(--fabric);font-weight:500;letter-spacing:-.085em;white-space:nowrap;transition:color .5s ease}.description{max-width:385px;margin:0;color:var(--muted);font-size:14px;font-weight:300;line-height:1.95}.email-link{display:inline-flex;align-items:center;gap:20px;min-height:48px;margin-top:30px;padding:0 19px;border:1px solid var(--cream);color:var(--espresso);background:var(--cream);font-size:12px;font-weight:400;text-decoration:none;transition:color .5s ease,background-color .5s ease,border-color .5s ease}.email-link:hover{color:var(--cream);background:transparent}.email-link:focus-visible,button:focus-visible{outline:2px solid var(--cream);outline-offset:4px}.page-footer{grid-area:footer;display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--muted);font-size:9px;font-weight:300;letter-spacing:.04em}.customizer{grid-area:customizer;width:100%;max-width:540px;justify-self:end}.bed-stage{position:relative;overflow:hidden;padding:16px 16px 0;border:1px solid rgba(232,224,210,.15);background:#e8e0d206}.bed-illustration{display:block;width:100%;height:auto;overflow:visible}.arch-glow{fill:var(--cream);opacity:.1}.ground-shadow{fill:#1d0f0b;opacity:.45}.headboard-fill{transition:fill .5s ease}.grain-overlay{pointer-events:none;opacity:.28}.headboard-outline{fill:none;stroke:var(--cream);stroke-width:1.15;opacity:.3}.pillow{fill:#efe7d9}.pillow:first-child{fill:#e6ddcf}.pillow-seam{fill:none;stroke:#cfc4b3;stroke-width:1;opacity:.65}.mattress{fill:#f1ebdd}.mattress-top{fill:none;stroke:#fff9ed;stroke-width:2}.mattress-edge{fill:none;stroke:#cfc4b3;stroke-width:1;opacity:.72}.bed-leg{fill:#d5c9b7}.bed-foot{fill:none;stroke:#d5c9b7;stroke-width:2}.controls{padding:25px 5px 0}.fabric-heading{display:flex;align-items:baseline;justify-content:space-between}.fabric-name-line{display:flex;align-items:baseline;gap:11px;margin:0}#fabric-name{color:var(--cream);font-size:15px;font-weight:400;transition:color .5s ease}.fabric-subtitle{color:var(--muted);font-size:10px;font-weight:300}.swatches{display:flex;flex-wrap:wrap;gap:12px;margin:17px 0 27px}.swatch{position:relative;display:block;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid rgba(232,224,210,.22);border-radius:50%;background:var(--swatch);cursor:pointer;transition:transform .5s ease,border-color .5s ease,box-shadow .5s ease}.swatch:hover{transform:translateY(-2px)}.swatch.is-selected{border-color:var(--cream);box-shadow:0 0 0 2px var(--espresso),0 0 0 3px var(--cream)}.shape-control{display:flex;align-items:center;justify-content:space-between;gap:20px}.shape-buttons{display:flex;gap:8px}.shape-button{min-width:76px;min-height:34px;padding:0 13px;border:1px solid rgba(232,224,210,.48);border-radius:0;color:var(--cream);background:transparent;font-size:10px;font-weight:300;cursor:pointer;transition:color .5s ease,background-color .5s ease,border-color .5s ease}.shape-button:hover{border-color:var(--cream)}.shape-button.is-selected{border-color:var(--cream);color:var(--espresso);background:var(--cream)}@media(max-width:1000px){.page-shell{width:min(900px,calc(100% - 72px));grid-template-columns:minmax(0,.85fr) minmax(390px,1.15fr);gap:40px}h1{font-size:clamp(44px,5.8vw,58px)}.swatches{gap:10px}}@media(max-width:819px){.page-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"intro" "customizer" "footer";align-items:stretch;gap:46px;width:min(540px,calc(100% - 48px));min-height:100dvh;padding:40px 0 31px}.intro{min-height:auto}.intro-copy{margin:63px 0 0;padding:0}h1{margin-left:-3px;font-size:clamp(65px,13.2vw,88px)}.description{max-width:440px}.page-footer{margin-top:9px}.customizer{align-self:center;max-width:540px}.controls{padding-top:22px}}@media(max-width:420px){.page-shell{width:calc(100% - 40px);gap:37px;padding-top:31px}.intro-copy{margin-top:52px}h1{font-size:clamp(56px,15.1vw,68px);margin-bottom:23px}.description{font-size:13px;line-height:1.85}.email-link{margin-top:24px}.page-footer{margin-top:42px}.bed-stage{padding:10px 10px 0}.swatches{gap:10px;margin-bottom:24px}.shape-control{align-items:flex-start;flex-direction:column;gap:11px}.shape-button{min-width:78px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
