@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--navy:#071d35;--paper:#f6f5f1;--muted:#657078;--line:#d9dcd9;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:var(--paper);font:14px/1.7 Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4e9dce;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.97;letter-spacing:-.045em}em{font-weight:400;color:inherit}header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:24px 4.3%;display:flex;align-items:center;justify-content:space-between;transition:.4s}header.scrolled{position:fixed;background:#f6f5f1ed;backdrop-filter:blur(20px);padding:9px 4.3%;box-shadow:0 1px 0 #071d3512}.brand{width:139px;text-align:center;line-height:1}.brand img{width:100%;display:block}.brand span{font-size:8px;letter-spacing:.46em;display:block;margin-top:5px}nav{display:flex;gap:38px;align-items:center;padding:10px 12px 10px 32px;border:1px solid #ffffffb3;border-radius:60px;background:#ffffff6b;backdrop-filter:blur(18px);font-size:12px}nav a{position:relative}nav a:not(.nav-cta):after{content:'';height:1px;background:var(--navy);width:0;position:absolute;bottom:-4px;left:0;transition:.3s}nav a:hover:after{width:100%}.nav-cta{background:var(--navy);color:white;padding:10px 20px;border-radius:40px}.nav-cta span{margin-left:20px}.menu-toggle{display:none}.progress{position:fixed;top:0;left:0;width:0;height:2px;background:#568eac;z-index:100}.hero{height:900px;max-height:1100px;min-height:710px;height:100svh;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/bathroom.png') center/cover;animation:heroZoom 2.5s ease-out both}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#fbfaf7f5 0%,#f8f7f1df 24%,#f8f7f18c 45%,transparent 70%),linear-gradient(0deg,#f6f5f199,transparent 25%)}.hero-content{position:relative;padding: clamp(220px,29vh,320px) 4.3% 100px;z-index:2}.eyebrow{font-size:9px;font-weight:600;letter-spacing:.19em;line-height:1.6}.eyebrow i{display:inline-block;width:20px;height:1px;background:currentColor;vertical-align:middle;margin:0 10px}h1{font-size:clamp(60px,6.5vw,106px);margin:27px 0;max-width:1000px}.hero-copy{font-size:14px;line-height:1.85;color:#43515c}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(140deg,#133e5d,#06192f);color:#fff;border:1px solid #3d6e8b;box-shadow:inset 0 1px 2px #ffffff55,0 8px 24px #09253d20;border-radius:50px;padding:16px 27px;font-size:12px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent, #ffffff25,transparent);transform:translateX(-100%);transition:.6s}.button:hover:after{transform:translateX(100%)}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #09253d30}.hero .button{margin-top:32px}.button span{font-size:20px;line-height:1}.hero-bottom{position:absolute;bottom:30px;left:4.3%;right:4.3%;display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:10px}.hero-bottom a{font-size:8px;letter-spacing:.15em}.hero-bottom a span{display:inline-block;margin-left:15px;animation:bob 2s infinite}.hero-bottom small{font-size:7px;letter-spacing:.12em}.hero-mark{position:absolute;right:4%;bottom:50px;font:160px var(--serif);color:#fff5;letter-spacing:-.15em}.hero-mark span{font-style:italic}.values-strip{display:flex;justify-content:space-between;align-items:center;padding:25px 7%;background:var(--navy);color:#e8e9e5;font-size:8px;letter-spacing:.19em}.values-strip b{font-size:17px;font-weight:400;color:#9bb1bd}.section{padding:85px 6% 80px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}.section-top>span{font:italic 20px var(--serif);color:#788086}h2{font-size:clamp(64px,7.6vw,118px)}.spaces-layout{display:grid;grid-template-columns:.85fr 1.35fr;gap:9%}.spaces-copy>p{max-width:300px;color:var(--muted);font-size:12px;margin:30px 0}.tabs{max-width:360px;margin-top:38px}.tabs button{display:flex;width:100%;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);color:#7a8185;text-align:left;font:27px var(--serif);padding:16px 0;transition:.3s}.tabs small{font:9px Manrope,Arial;margin-right:26px}.tabs button>span{margin-left:auto;opacity:0}.tabs button[aria-selected=true]{color:var(--navy);border-color:var(--navy);padding-left:8px}.tabs button[aria-selected=true]>span{opacity:1}.space-visual{min-height:620px;position:relative;overflow:hidden;background:#d4cdc1}.space-image{position:absolute;inset:0;transition:opacity .4s,transform 1.5s; background-image:url('assets/bathroom.png');background-size:cover;background-position:70% center}.space-visual:hover .space-image{transform:scale(1.035)}.space-image.floor{background-size:auto 180%;background-position:65% 100%}.space-image.wall{background-image:url('assets/storyboard.png');background-size:225% auto;background-position:100% 39.5%}.space-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:white;z-index:2}.space-visual:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#071d357d)}.space-caption h3{font-size:37px;margin-top:9px;letter-spacing:-.025em}.circle-arrow{border:1px solid #ffffff80;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:22px}.concept{position:absolute;top:20px;right:20px;font-size:7px;letter-spacing:.15em;color:white;background:#071d353b;padding:5px 10px;z-index:2}.space-note{display:flex;justify-content:space-between;margin-top:40px;padding-top:25px;border-top:1px solid var(--line);gap:30px}.space-note span{font-size:8px;letter-spacing:.15em}.space-note p{max-width:490px;color:var(--muted);font-size:12px}.craft{background:#061b30;color:#f5f3ed;position:relative;overflow:hidden}.craft .section-top>span{color:#98a7b3}.craft-layout{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;min-height:440px}.craft h2{font-size:clamp(65px,7.2vw,108px)}.craft-layout p{max-width:320px;color:#aab9c5;font-size:12px;margin:30px 0}.text-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #93a3ae;padding-bottom:9px;font-size:11px}.craft-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(#32739f44,transparent 65%);right:-30px;top:0;pointer-events:none;animation:breathe 8s infinite alternate}.tile-stage{position:relative;height:420px;perspective:1000px;transition:transform .4s}.tile{position:absolute;width:80%;height:210px;left:10%;transform:rotateX(52deg) rotateZ(-27deg);box-shadow:8px 12px 0 #c4b9a6,20px 40px 45px #0006;transition:background .6s,transform 1s;animation:float 6s ease-in-out infinite}.tile-back{top:0;background:repeating-linear-gradient(90deg,#ad9f8a 0,#e1d7c5 3px,#c0b29c 8px);animation-delay:-2s}.tile-middle{top:100px;background:repeating-linear-gradient(145deg,#133d59 0,#1e526c 55px,#a1b8bc 56px,#183e58 59px,#0b2b44 120px);box-shadow:8px 12px 0 #18344b,20px 40px 45px #0006;animation-delay:-1s}.tile-front{top:190px;background:linear-gradient(125deg,transparent 40%,#a4988040 41%,transparent 42%),repeating-linear-gradient(145deg,#f1eee6 0,#f7f6f1 60px,#b9b2a1 61px,#e8e5dc 63px,#f4f2ed 90px)}.material-tag{position:absolute;bottom:-10px;left:10%;font-size:7px;letter-spacing:.2em;color:#aab9c5}.material-picker{border-top:1px solid #ffffff22;margin-top:65px;padding-top:28px;display:flex;align-items:center;gap:25px;position:relative}.material-picker>span{font-size:8px;letter-spacing:.15em;margin-right:15px}.material-picker button{display:flex;align-items:center;gap:9px;border:0;background:none;color:#91a2b0;font-size:10px;padding:7px 0}.material-picker button.active{color:white}.swatch{width:24px;height:24px;border-radius:50%;display:block;border:3px solid #061b30;outline:1px solid #ffffff25}.active .swatch{outline-color:white}.marble{background:linear-gradient(120deg,#ece8de 40%,#aca491 43%,#f7f6f3 48%)}.stone{background:#b5a58e}.blue{background:#23617d}.material-picker p{margin-left:auto;font:italic 17px var(--serif);max-width:200px;color:#b5c1ca}.approach{padding-bottom:40px}.approach-intro{display:flex;align-items:end;justify-content:space-between;gap:60px}.approach-intro h2{font-size:clamp(55px,6.1vw,92px)}.approach-intro>p{max-width:310px;color:var(--muted);font-size:12px;padding-bottom:10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:70px 0}.steps article{border-top:1px solid #a3afb4;padding-top:23px}.steps article>span{font-size:8px;letter-spacing:.15em;color:#7c8991}.steps h3{font-size:27px;letter-spacing:-.025em;margin:30px 0 18px}.steps p{font-size:11px;color:var(--muted)}.care-note{border-top:1px solid var(--line);padding:35px 0;display:flex;align-items:center;gap:25px}.care-note>span{font-size:48px;color:#8a9aa5}.care-note p{font:30px/1.1 var(--serif)}.care-note a{margin-left:auto}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:radial-gradient(ellipse at 0 50%,#fff 5%,transparent 70%),linear-gradient(130deg,#e5eaec,#f5f5f1 60%,#dce5e9);padding-top:95px;padding-bottom:95px;position:relative}.contact-brand{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.contact-brand .eyebrow{align-self:start;margin-bottom:60px}.contact-brand img{width:100%;max-width:460px;animation:breathe 8s infinite alternate}.contact-brand>p:not(.eyebrow){font-size:8px;letter-spacing:.24em;margin-top:20px}.contact-brand>span{font:italic 22px var(--serif);color:#71818e;margin-top:28px}.contact-content h2{font-size:82px}.contact-content>p{color:var(--muted);margin:25px 0;font-size:12px}form label{display:block;font-size:9px;letter-spacing:.03em}input,textarea,select{width:100%;border:0;border-bottom:1px solid #acb7be;background:transparent;padding:12px 0;color:var(--navy);border-radius:0;outline-offset:2px;font-size:12px}textarea{resize:vertical}form>label{margin-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}form .button{width:100%;margin-top:25px}.form-note{font-size:9px!important;line-height:1.7;color:#74828d;margin-top:15px!important}.form-status{font-size:12px;margin-top:12px}footer{padding:35px 6% 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}footer>a:first-child{font:26px var(--serif);letter-spacing:-.03em}footer>a:first-child span{display:block;font:7px Manrope;letter-spacing:.38em}footer>p{font:italic 20px var(--serif);color:#7b8790}footer>a:nth-of-type(2){font-size:8px;letter-spacing:.15em}footer small{width:100%;border-top:1px solid var(--line);padding-top:20px;margin-top:10px;font-size:8px;color:#8b9397}.entrance{animation:enter 1.1s both}.hero h1{animation-delay:.15s}.hero-copy{animation-delay:.3s}.hero .button{animation-delay:.45s}.reveal{transition:opacity .9s,transform .9s}.js .reveal{opacity:0;transform:translateY(25px)}.js .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes heroZoom{from{transform:scale(1.07)}to{transform:scale(1)}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes float{50%{transform:translateY(-12px) rotateX(52deg) rotateZ(-27deg)}}@keyframes breathe{to{transform:scale(1.025)}}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}@media(max-width:900px){nav{gap:22px}.hero{min-height:730px;max-height:1000px}.hero-content{padding-top:270px}.hero-wash{background:linear-gradient(90deg,#f8f7f1ed,#f8f7f1a1 55%,#f8f7f122)}h1{font-size:76px}.section{padding:65px 5%}.spaces-layout{gap:5%;grid-template-columns:1fr 1.2fr}.space-visual{min-height:560px}.space-caption{left:20px;right:20px}.space-caption h3{font-size:30px}.circle-arrow{display:none}.craft-layout{gap:0}.tile{height:180px;width:90%;left:5%}.material-picker{flex-wrap:wrap;gap:20px}.material-picker p{display:none}.approach-intro{gap:30px}.approach-intro>p{max-width:250px}.steps{gap:20px}.steps h3{font-size:24px}.contact{gap:6%}.contact-content h2{font-size:70px}.contact-brand>span{font-size:19px}}
@media(max-width:600px){html{scroll-padding-top:82px}header{padding:18px 6%}.brand{width:104px}header.scrolled{padding:10px 6%}.menu-toggle{display:block;border:0;background:#ffffffa6;border-radius:30px;padding:10px 18px;color:var(--navy);font-size:11px}.menu-toggle span{margin-left:12px}nav{display:none;position:absolute;top:90px;left:5%;right:5%;padding:25px;border-radius:18px;background:#f8f7f3f5;flex-direction:column;align-items:stretch;font-size:16px;box-shadow:0 15px 35px #071d351a}nav.open{display:flex}.nav-cta{text-align:center;font-size:13px}.hero{min-height:780px;height:100svh;max-height:940px}.hero-photo{background-position:64% center}.hero-wash{background:linear-gradient(180deg,#faf9f3d9,#faf9f3cf 43%,#faf9f333 75%,#faf9f388),linear-gradient(90deg,#f9f8f4b3,transparent)}.hero-content{padding:218px 6% 80px}.hero .eyebrow{font-size:7px;letter-spacing:.13em}.eyebrow i{width:10px;margin:0 5px}h1{font-size:57px;line-height:1.01;margin-top:22px;letter-spacing:-.055em}.hero-copy{font-size:12px}.hero .button{margin-top:25px}.hero-bottom{left:6%;right:6%;bottom:25px}.hero-bottom>span{display:none}.hero-bottom small{font-size:6px}.hero-mark{font-size:110px;bottom:70px}.values-strip{padding:19px 6%;gap:12px;flex-wrap:wrap;justify-content:center;font-size:6px;letter-spacing:.1em}.values-strip span:last-child,.values-strip b:last-of-type{display:none}.values-strip b{font-size:12px}.section{padding:55px 6%}.section-top{margin-bottom:35px}.section-top>span{display:none}.eyebrow{font-size:8px}h2{font-size:78px}.spaces-layout{display:flex;flex-direction:column;gap:30px}.spaces-copy h2 br{display:none}.spaces-copy>p{max-width:100%;margin:23px 0}.tabs{max-width:100%;margin-top:25px}.tabs button{font-size:27px;padding:14px 0}.space-visual{min-height:480px}.space-note{display:block;margin-top:25px}.space-note p{margin-top:15px}.craft-layout{display:block}.craft h2{font-size:75px}.craft-layout p{max-width:300px}.tile-stage{height:360px;margin-top:35px}.tile{width:80%;height:160px;left:10%}.tile-middle{top:90px}.tile-front{top:175px}.material-tag{bottom:0}.material-picker{margin-top:35px;gap:15px}.material-picker>span{width:100%;margin:0}.material-picker button{font-size:9px;gap:7px}.approach-intro{display:block}.approach-intro h2{font-size:59px}.approach-intro>p{max-width:100%;margin-top:25px}.steps{grid-template-columns:1fr 1fr;gap:35px 22px;margin:40px 0}.steps h3{font-size:26px;margin:22px 0 15px}.care-note{flex-wrap:wrap;gap:18px;padding-bottom:0}.care-note p{font-size:28px}.care-note a{margin-left:0;margin-top:10px}.contact{display:flex;flex-direction:column-reverse;gap:55px}.contact-content h2{font-size:78px}.form-row{grid-template-columns:1fr;gap:20px}.contact-brand .eyebrow{display:none}.contact-brand img{max-width:280px}.contact-brand>span{margin-top:15px}footer{padding:30px 6% 20px}footer>p{display:none}footer small{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
.space-image.wall{background-size:auto 2600px;background-position:100% 37%}