@font-face{font-family:Albert;src:url('/assets/AlbertSans-Regular.woff')}@font-face{font-family:Albert;src:url('/assets/AlbertSans-SemiBold.woff');font-weight:600}@font-face{font-family:Albert;src:url('/assets/AlbertSans-ExtraBold.woff');font-weight:800}
:root{--ink:#151813;--paper:#f3f0e8;--cream:#faf8f2;--olive:#4a5040;--olive-dark:#33382e;--muted:#65685f;--green:#20e263;--line:rgba(30,35,27,.18);--serif:Georgia,"Times New Roman",serif;font-family:Albert,Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}body.menuOpen{overflow:hidden}a{color:inherit}img{max-width:100%}
.topbar{position:relative;z-index:30;height:68px;width:min(1320px,calc(100% - 56px));margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:12px;width:max-content;text-decoration:none;font-size:13px;font-weight:600}.brand img{display:block;width:103px}.brand span{padding-left:12px;border-left:1px solid #c7c7bf}.topbar nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600}.topbar nav a{text-decoration:none}.topbar nav a:hover{color:#0a9c44}.navCta{justify-self:end;padding:11px 18px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:12px;font-weight:600}.menuButton{display:none}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.kicker,.sectionNo{margin:0;color:#5f645d;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.button,.darkButton{display:inline-flex;min-height:47px;padding:0 24px;align-items:center;justify-content:center;gap:22px;border-radius:999px;background:var(--green);color:#102318;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 10px 24px rgba(32,226,99,.15);transition:transform .25s ease,box-shadow .25s ease}.button:hover,.darkButton:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(20,50,30,.16)}.textLink{display:inline-flex;align-items:center;gap:13px;margin-top:19px;padding-bottom:3px;border-bottom:1px solid;text-decoration:none;font-size:13px;font-weight:600}.textLink.light{color:#fff}.section{width:min(1280px,calc(100% - 64px));margin:0 auto;padding:82px 52px}
.hero{position:relative;width:min(1440px,100%);min-height:590px;margin:0 auto;padding:0 clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(350px,.72fr) minmax(560px,1.28fr);align-items:stretch;overflow:hidden}.heroCopy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:48px 44px 44px 0;background:rgba(243,240,232,.96)}.heroCopy h1{margin:22px 0 18px;font-size:clamp(54px,5.6vw,88px);line-height:.84}.heroCopy>p:not(.kicker){max-width:390px;margin:0 0 24px;color:#4e544c;font-size:14px;line-height:1.55}.heroCopy .button{align-self:flex-start}.heroFeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px;padding-top:18px;border-top:1px solid var(--line)}.heroFeatures span{font-size:10px;line-height:1.25}.heroFeatures b{display:block;margin-bottom:6px;color:#198b46;font-size:9px;letter-spacing:.1em}.heroMedia{position:relative;z-index:1;min-width:0;overflow:hidden}.heroMedia img{width:100%;height:100%;display:block;object-fit:cover;object-position:60% center}.heroMedia p{position:absolute;right:10%;top:8%;margin:0;color:#55533f;font-family:"Bradley Hand","Segoe Print",cursive;font-size:19px;line-height:1.15;transform:rotate(-5deg)}.heroMedia>span{position:absolute;right:17px;bottom:17px;padding:6px 9px;border-radius:999px;background:rgba(20,23,18,.72);color:#fff;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.heroSwatch{position:absolute;background:url('assets/material-swatches.webp') center/cover no-repeat}.heroSwatchLeft{z-index:0;left:-54px;top:132px;width:170px;height:280px}.heroSwatchRight{right:-48px;top:22px;width:175px;height:420px;background-position:right center}
.look{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:76px;background:var(--cream)}.lookCopy h2,.splitCopy h2,.stylesIntro h2,.prompts h2,.faq h2{margin:18px 0 22px;font-size:clamp(42px,4.5vw,68px);line-height:.95}.lookCopy>p:not(.sectionNo){color:var(--muted);font-size:14px;line-height:1.62}.comparison{position:relative;aspect-ratio:1.65;overflow:hidden;background:#ddd;cursor:ew-resize;user-select:none}.comparison img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.comparisonAfter{position:absolute;inset:0}.comparisonBefore{position:absolute;inset:0;width:50%;overflow:hidden}.comparisonBefore img{width:calc((min(1280px,100vw - 64px) - 180px)*.64);max-width:none}.comparisonLine{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}.comparisonLine span{position:absolute;left:50%;top:50%;width:38px;height:38px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 5px 17px rgba(0,0,0,.2);font-size:14px}.compareLabel{position:absolute;bottom:15px;padding:6px 10px;border-radius:999px;background:#1c2119;color:#fff;font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.beforeLabel{left:15px}.afterLabel{right:15px}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.steps{position:relative;isolation:isolate;padding:68px max(7vw,58px);overflow:hidden;background:#07130f;color:#fff;box-shadow:inset 0 1px rgba(41,231,109,.28),inset 0 -1px rgba(41,231,109,.2)}.steps::before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle,rgba(35,227,104,.52) 1px,transparent 1.35px),radial-gradient(circle at 50% 20%,rgba(24,219,94,.14),transparent 36%);background-size:22px 22px,100% 100%;opacity:.54;transition:opacity .55s ease}.steps:hover::before{opacity:.82}.stepsTop{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end}.steps .sectionNo{color:#72f39f}.steps h2{margin:18px 0 0;font-size:clamp(46px,5.3vw,76px);line-height:.98}.stepsTop>div:last-child{padding-bottom:5px}.stepsTop>div:last-child p{margin:0 0 23px;color:#d8e4dc;font-size:13px;line-height:1.55}.stepGrid{width:min(1180px,100%);margin:40px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;border-top:1px solid rgba(42,229,109,.48)}.stepGrid li{min-height:245px;padding:23px 34px 8px 0;border-right:1px solid rgba(42,229,109,.34)}.stepGrid li+li{padding-left:34px}.stepGrid li:last-child{border-right:0}.stepVisual{height:78px;display:grid;grid-template-columns:auto 38px 106px;align-items:center;gap:12px}.stepNumber{align-self:start;padding-top:3px;color:#60ed92;font-size:9px;letter-spacing:.12em}.stepIcon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(42,229,109,.56);border-radius:50%;background:rgba(5,26,17,.72);color:#69f49a;box-shadow:0 0 0 5px rgba(42,229,109,.04);transition:color .25s ease,box-shadow .25s ease,transform .25s ease}.stepIcon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.stepVisual img{width:106px;height:70px;display:block;object-fit:cover;border-radius:3px;box-shadow:0 12px 24px rgba(0,0,0,.32);transform:rotate(2deg);transition:transform .3s ease,box-shadow .3s ease}.stepGrid li:nth-child(2) .stepVisual img{transform:rotate(-2deg)}.stepGrid li:hover .stepIcon{color:#fff;box-shadow:0 0 24px rgba(42,229,109,.32);transform:translateY(-2px)}.stepGrid li:hover .stepVisual img{transform:rotate(0) translateY(-4px);box-shadow:0 17px 30px rgba(0,0,0,.42)}.stepGrid h3{margin:21px 0 9px;font-family:var(--serif);font-size:24px;font-weight:400}.stepGrid p{margin:0;color:#c5d4ca;font-size:12px;line-height:1.55}
.splitSection{display:grid;grid-template-columns:1.08fr .92fr;min-height:530px}.flatlay{position:relative;overflow:hidden;background:#e7dfd1}.flatlay img{width:100%;height:100%;display:block;object-fit:cover}.flatlay p,.roomsMedia p{position:absolute;left:7%;bottom:8%;margin:0;color:#495044;font-family:"Bradley Hand","Segoe Print",cursive;font-size:18px;line-height:1.2;transform:rotate(-4deg)}.splitCopy{display:flex;flex-direction:column;justify-content:center;padding:68px clamp(40px,7vw,110px);background:var(--cream)}.splitCopy p:not(.sectionNo){max-width:470px;margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.6}
.styles{display:grid;grid-template-columns:.62fr 1.38fr;gap:58px;align-items:end;background:var(--cream)}.stylesIntro>p:not(.sectionNo){max-width:330px;color:var(--muted);font-size:13px;line-height:1.6}.styleCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.styleCards figure{margin:0;background:#e9e5dc}.styleCards img{display:block;width:100%;height:300px;object-fit:cover}.styleCards figcaption{padding:13px 14px 16px}.styleCards b,.styleCards span{display:block}.styleCards b{font-family:var(--serif);font-size:19px;font-weight:400}.styleCards span{margin-top:4px;color:var(--muted);font-size:10px}
.prompts{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;margin-top:35px;margin-bottom:35px;background:#e8e0d3}.prompts>div>p:not(.sectionNo){max-width:430px;color:#5d6158;font-size:13px;line-height:1.6}.promptList{padding-top:18px;border-top:1px solid #9f9b90}.promptList button{width:100%;padding:17px 0;display:flex;justify-content:space-between;gap:20px;border:0;border-bottom:1px solid #aaa69b;background:transparent;text-align:left;font:600 12px Albert;cursor:pointer;transition:padding .2s ease,color .2s ease}.promptList button:hover{padding-left:9px;color:#0d8b40}.promptList button span{font-size:17px;font-weight:400}
.rooms{display:grid;grid-template-columns:1.15fr .85fr;min-height:530px;background:var(--olive);color:#fff}.roomsMedia{position:relative;overflow:hidden}.roomsMedia img{width:100%;height:100%;display:block;object-fit:cover}.roomsMedia p{color:#fff;text-shadow:0 2px 15px rgba(0,0,0,.25)}.roomsCopy{display:flex;flex-direction:column;justify-content:center;padding:62px clamp(42px,6vw,96px)}.roomsCopy .sectionNo{color:#d7ddd1}.roomsCopy h2{margin:18px 0 22px;font-size:clamp(43px,4.7vw,68px);line-height:.96}.roomsCopy>p:not(.sectionNo){max-width:470px;margin:0 0 15px;color:#e2e5dd;font-size:14px;line-height:1.6}
.studio{padding:58px 30px 64px;text-align:center;background:var(--green)}.studio h2{margin:16px 0 20px;font-size:clamp(49px,6.2vw,88px);line-height:.9}.studio>p:not(.kicker){max-width:650px;margin:0 auto 25px;color:#284332;font-size:13px;line-height:1.55}.darkButton{background:var(--ink);color:#fff;box-shadow:none}
.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;background:var(--cream)}.faqTitle{position:relative}.faqTitle::before{content:"";position:absolute;z-index:0;left:-110px;bottom:-80px;width:270px;height:260px;background:url('assets/material-swatches.webp') center/cover no-repeat;opacity:.55}.faqTitle>*{position:relative;z-index:1}.faqList{border-top:1px solid var(--line)}.faqList details{border-bottom:1px solid var(--line)}.faqList summary{padding:20px 0;display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:12px;font-weight:600}.faqList summary::-webkit-details-marker{display:none}.faqList summary span{font-size:18px;font-weight:400;transition:transform .2s ease}.faqList details[open] summary span{transform:rotate(45deg)}.faqList details p{margin:0;padding:0 38px 20px 0;color:var(--muted);font-size:12px;line-height:1.6}
footer{padding:38px max(7vw,58px) 26px;background:#171a16;color:#fff}footer>div{display:flex;align-items:center;justify-content:space-between;gap:35px}footer nav{display:flex;gap:22px}footer nav a{color:#bfc2bb;text-decoration:none;font-size:10px}footer>div+div{margin-top:48px;padding-top:22px;border-top:1px solid #3d403b}footer>div+div p{margin:0;font-family:var(--serif);font-size:25px}footer small{color:#858a82;font-size:9px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.topbar nav,.navCta{display:none}.menuButton{justify-self:end;display:block;width:42px;height:42px;padding:8px;border:0;background:transparent}.menuButton span{display:block;width:23px;height:1px;margin:7px auto;background:#111}.topbar nav.open{position:absolute;top:62px;left:0;right:0;display:flex;padding:20px;flex-direction:column;align-items:stretch;background:#fff;box-shadow:0 18px 35px rgba(0,0,0,.13)}.topbar nav.open a{padding:10px}.hero{grid-template-columns:.85fr 1.15fr;padding-inline:30px}.heroCopy{padding-right:25px}.heroSwatch{display:none}.section{width:calc(100% - 36px);padding-inline:30px}.look{gap:40px}.styles{grid-template-columns:1fr}.stylesIntro{max-width:620px}.prompts{gap:45px}}
@media(max-width:700px){.topbar{width:calc(100% - 32px);height:64px}.brand img{width:91px}.brand span{font-size:11px}.hero{padding:0;display:flex;min-height:0;flex-direction:column}.heroCopy{order:2;padding:42px 20px 30px}.heroCopy h1{font-size:58px}.heroCopy>p:not(.kicker){font-size:14px}.heroMedia{order:1;height:370px}.heroMedia p{font-size:16px}.heroFeatures{margin-top:30px}.section{width:100%;padding:78px 20px}.look{grid-template-columns:1fr;gap:42px}.lookCopy h2,.splitCopy h2,.stylesIntro h2,.prompts h2,.faq h2{font-size:43px}.comparison{aspect-ratio:1/1}.comparisonBefore img{width:calc(100vw - 40px)}.steps{padding:72px 20px}.stepsTop{grid-template-columns:1fr;gap:30px}.steps h2{font-size:46px}.stepsTop>div:last-child{max-width:430px}.stepGrid{grid-template-columns:1fr;margin-top:44px}.stepGrid li,.stepGrid li+li{min-height:0;padding:28px 0;border-right:0;border-bottom:1px solid rgba(42,229,109,.34)}.stepGrid h3{margin-top:17px}.splitSection{grid-template-columns:1fr}.flatlay{height:420px}.splitCopy{padding:72px 20px}.styles{grid-template-columns:1fr;gap:38px}.styleCards{grid-template-columns:repeat(3,minmax(190px,1fr));overflow-x:auto;margin-right:-20px;padding-right:20px;scroll-snap-type:x mandatory}.styleCards figure{scroll-snap-align:start}.styleCards img{height:290px}.prompts{grid-template-columns:1fr;gap:40px;margin:0}.rooms{grid-template-columns:1fr}.roomsMedia{height:430px}.roomsCopy{padding:72px 20px}.studio{padding:70px 20px}.studio h2{font-size:49px}.faq{grid-template-columns:1fr;gap:40px}.faqTitle::before{display:none}footer{padding:42px 20px 28px}footer>div{align-items:flex-start;flex-direction:column}footer nav{flex-wrap:wrap;gap:14px 20px}footer>div+div{margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(min-width:701px){.hero{column-gap:24px}}