@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{--green:#005043;--peach:#ebc5a7;--cream:#f4f1eb;--ink:#183c34;--door:#ae9683}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:100px;background:var(--green);color:var(--peach);display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff26}.brand img{width:174px;display:block}nav{display:flex;gap:35px;font-size:13px}.nav-cta{font-size:13px;border-bottom:1px solid #ebc5a770;padding-bottom:9px}.nav-cta span{margin-left:30px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream);min-height:690px}.hero-copy{padding:64px 9% 25px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:9px}.eyebrow i{height:6px;width:6px;background:var(--peach);border-radius:50%}h1,h2{font-family:Manrope,sans-serif;font-weight:400;letter-spacing:-2.7px;line-height:1.13}h1{font-size:clamp(44px,4.6vw,74px);margin:34px 0 22px}em{font-family:Georgia,serif;font-weight:400;color:var(--peach)}.hero p{font-size:14px;line-height:1.9;color:#d4ded7;margin:0 0 30px}.button{display:inline-flex;align-items:center;gap:42px;padding:19px 25px;font-size:12px;font-weight:600}.peach{background:var(--peach);color:var(--green)}.button:hover{filter:brightness(1.06)}.hero-foot{margin-top:auto;padding-top:48px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#c3d1c7}.hero-foot a{border:1px solid #ffffff50;border-radius:50%;padding:9px 14px;font-size:17px}.hero-photo{position:relative;overflow:hidden;min-height:690px}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 48%}.photo-label{position:absolute;top:28px;left:30px;color:#4b4339;font-size:10px;letter-spacing:1px}.photo-tag{position:absolute;bottom:26px;left:28px;right:28px;background:#f6f2e9d9;backdrop-filter:blur(6px);padding:19px;font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#423a32}.photo-tag span{font-size:9px;letter-spacing:.5px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:42px 5%;border-bottom:1px solid #d5d9cd;gap:20px}.benefits>div{border-right:1px solid #d5d9cd;padding-right:15px}.benefits>div:last-child{border:0}.icon{font-size:24px}.benefits h3{font-size:12px;font-weight:500;margin:14px 0 7px}.benefits p{font-size:10px;color:#728077;margin:0}.section{padding:85px 7%}.section-top{display:flex;justify-content:space-between;margin-bottom:40px}.section-number{font-size:9px;letter-spacing:1.5px;color:#788277}.color-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.room{height:560px;background:linear-gradient(105deg,#ddd8cd,#efebe3 65%,#d9d3c6);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.door-frame{z-index:2;width:44%;height:82%;background:var(--door);padding:12px 12px 0;box-shadow:7px 6px 12px #30291e38;transition:background .5s;position:relative;margin-bottom:37px}.door{height:100%;position:relative;background:linear-gradient(110deg,#ffffff14,#0000000b),var(--door);border:3px solid #3b302b;box-shadow:inset 1px 1px 3px #0004;transition:background .5s}.handle{position:absolute;right:9%;top:53%;height:7px;width:31px;border-radius:2px;background:linear-gradient(#d7d3c7,#524e48,#bcb8ad);box-shadow:1px 2px 2px #0005}.handle:before{content:'';position:absolute;right:-2px;top:-6px;width:12px;height:19px;background:linear-gradient(90deg,#88857c,#d9d5c8);z-index:-1}.keyhole{position:absolute;width:4px;height:7px;background:#3d3931;right:11%;top:60%}.hinge{position:absolute;left:-5px;width:5px;height:25px;background:linear-gradient(90deg,#6a655c,#e1ded3,#797268)}.one{top:13%}.two{bottom:16%}.room-line{position:absolute;bottom:38px;height:17px;background:#f7f4ec;width:100%;box-shadow:0 -1px 1px #b8b0a34a}.room-floor{position:absolute;height:38px;bottom:0;width:100%;background:repeating-linear-gradient(100deg,#c7b295 0,#e3d3bc 2px,#d8c5aa 48px,#bbaa91 50px)}.room-caption{position:absolute;top:24px;left:24px;font-size:8px;letter-spacing:1.5px;color:#6c6a61}h2{font-size:clamp(35px,3.6vw,54px);margin:20px 0 25px}.color-copy em,.story em,.wholesale em{color:#9e7e65}.color-copy>p,.story-copy p,.wholesale p{font-size:13px;line-height:1.9;color:#6c766e}.selection{border-top:1px solid #d6d8cd;margin-top:28px;padding-top:22px}.selection>span{font-size:8px;letter-spacing:1.5px;color:#768174}.selection h3{font-size:21px;font-weight:400;margin:10px 0 18px}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{height:34px;width:34px;border-radius:50%;border:1px solid #0002;cursor:pointer;position:relative}.swatch[aria-pressed=true]:after{content:'';position:absolute;inset:-5px;border:1px solid var(--green);border-radius:50%}.swatch:focus-visible{outline:3px solid var(--green);outline-offset:5px}.color-copy .fine{font-size:9px;margin:22px 0 24px;max-width:330px}.text-link{border-bottom:1px solid #9caa9d;padding:14px 0;display:flex;justify-content:space-between;font-size:11px;gap:20px}.water{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.water-copy>p{font-size:13px;line-height:1.9;color:#c6d4ca;max-width:380px}.counter{display:flex;gap:22px;align-items:center;margin:28px 0}.counter strong{font-family:Manrope,sans-serif;font-size:100px;font-weight:400;letter-spacing:-7px;color:var(--peach);line-height:1}.counter>span{font-size:9px;line-height:1.8;letter-spacing:1.5px}.water-badges{display:flex;gap:20px;font-size:9px;color:var(--peach)}.water-copy .water-note{font-size:9px;margin-top:22px}.tank{height:480px;position:relative;border:1px solid #8cb1a759;border-top:0;background:linear-gradient(130deg,#ffffff08,#002f29);overflow:hidden}.tank-door{position:absolute;width:46%;height:86%;background:linear-gradient(100deg,#ddcbb5,#ad9780);border:9px solid #b19e88;box-shadow:6px 5px 20px #00211c88;left:27%;bottom:23px;transform:rotate(-8deg)}.water-fill{position:absolute;height:63%;bottom:0;width:100%;background:linear-gradient(#81c6bd40,#48a8a04d);border-top:2px solid #bfede3b0;box-shadow:0 -8px 20px #d8fff01c;backdrop-filter:blur(.8px)}.water-fill:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(170deg,transparent 0,transparent 40px,#c2f7ea16 42px,transparent 45px)}.bubble{position:absolute;border:1px solid #ffffff4a;width:8px;height:8px;border-radius:50%;animation:rise 8s infinite linear}.b1{left:23%;bottom:30px}.b2{left:78%;bottom:80px;animation-delay:-4s;width:13px;height:13px}.b3{left:56%;bottom:15px;animation-delay:-2s}.tank-label{position:absolute;bottom:24px;left:20px;font-size:8px;letter-spacing:2px}.illustration{position:absolute;right:12px;top:14px;font-size:8px;color:#d5e5dd8c}@keyframes rise{to{transform:translateY(-230px);opacity:0}}.story{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:100px;padding-bottom:100px}.since{font-family:Manrope,sans-serif;font-size:80px;letter-spacing:-4px;color:#b9baaa;margin-top:40px}.since span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;color:#77816f}.story-copy h3{font-weight:400;font-size:23px;line-height:1.4;margin:36px 0 22px}.story ul{list-style:none;padding:15px 0 0}.story li{padding:12px 0;border-bottom:1px solid #d8dbcf;font-size:11px}.story li:before{content:'';display:inline-block;width:1em;height:1em;margin-right:15px;vertical-align:-.12em;background:#889584;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M8 5h11v11' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.wholesale{background:#e6e5da;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.wholesale h2{margin-bottom:0}.wholesale p{margin:0 0 22px}.contact{text-align:center;background:var(--green);color:var(--cream);padding-top:90px;padding-bottom:85px}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(40px,4.5vw,66px);margin:26px 0 35px}.contact p{font-size:10px;color:#cad5cb;margin-top:23px}footer{background:var(--green);border-top:1px solid #ffffff26;color:var(--peach);display:flex;justify-content:space-between;align-items:center;padding:30px 5%;gap:25px}footer .brand img{width:140px}footer p,footer>span{font-size:9px;line-height:1.8}a:focus-visible{outline:2px solid var(--peach);outline-offset:5px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:80px}.brand img{width:130px}nav{display:none}.nav-cta{font-size:10px}.nav-cta span{margin-left:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 25px}.hero h1{font-size:51px}.hero-foot{padding-top:32px}.hero-photo{min-height:510px}.hero-photo>img{object-position:center 48%}.benefits{grid-template-columns:1fr 1fr;padding:30px 7%;gap:28px 15px}.benefits>div:nth-child(2){border:0}.section{padding:55px 7%}.section-top{gap:20px}.section-number{display:none}.color-layout,.water,.story,.wholesale{grid-template-columns:1fr;gap:35px}.room{height:480px}.color-copy h2{margin-top:0}.water{gap:30px}.tank{height:420px}.story-copy h3{margin-top:0}.since{margin-top:20px}.wholesale h2{margin-top:20px}.contact h2{font-size:40px}footer{flex-wrap:wrap}footer p{display:none}h2{letter-spacing:-1.7px}.water-badges{gap:13px;font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Photo-based finish studio */
.color-layout{grid-template-columns:1.12fr 1fr;gap:8%;align-items:start}.photo-room{height:auto;aspect-ratio:700/875;display:block;background:#e7e1d6;overflow:hidden}.door-photo{width:100%;height:auto;display:block}.room-caption{top:16px;left:18px;font-size:7px;letter-spacing:1px;background:#f5f1e7b0;padding:7px}.model-tag{position:absolute;bottom:14px;left:18px;background:#f5f1e7de;color:#374c40;font-size:8px;letter-spacing:1px;padding:9px 12px}.color-copy h2{margin-top:0}.color-copy .selection{margin-top:20px;padding-top:16px}.selection h3{margin-bottom:16px}.finish-group-label{display:block;font-size:8px;letter-spacing:1.4px;margin:20px 0 13px;color:#6c766e}.swatches{gap:16px}.wood-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wood-option{font:inherit;background:transparent;color:var(--ink);border:1px solid #d5d6c9;padding:7px;cursor:pointer;font-size:10px;text-align:left}.wood-chip{display:block;height:38px;margin-bottom:7px;background:repeating-linear-gradient(92deg,#0000 0 3px,#2c140b33 4px,#ffffff15 5px,#0000 7px 11px,#19090044 12px,#ffffff12 14px 20px),linear-gradient(100deg,#ffffff15,#0002),var(--wood)}.wood-option[aria-pressed=true],.boiserie-option[aria-pressed=true]{outline:1px solid var(--green);outline-offset:3px}.boiserie-option{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #d5d6c9;width:100%;background:#eeece3;text-align:left;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.boiserie-option small{display:block;font-size:9px;margin-top:5px;color:#6c766e}.boiserie-mini{width:27px;height:44px;background:#faf8ef;box-shadow:1px 2px 5px #0002;position:relative}.boiserie-mini:before,.boiserie-mini:after{content:'';position:absolute;border:2px ridge #e5e0d4;left:4px;right:4px}.boiserie-mini:before{top:4px;height:20px}.boiserie-mini:after{bottom:4px;height:11px}.option-check{margin-left:auto}.color-copy .fine{margin-top:20px}.water{display:block;padding-top:70px;padding-bottom:80px;background:radial-gradient(ellipse at 20% 65%,#126e60,var(--green) 65%)}.water-heading{text-align:center;margin-bottom:50px}.water-heading .eyebrow{justify-content:center}.water-heading h2{font-size:clamp(32px,3.7vw,57px);letter-spacing:-1.8px;margin-bottom:0}.water-proof{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.tank{height:620px;border:2px solid #c1eee461;border-top:0;overflow:visible;background:linear-gradient(105deg,#c9fff311,#001f1b22);box-shadow:inset 12px 0 25px #b4f9e812,18px 22px 45px #001f1b30;isolation:isolate;margin-top:16px}.aquarium-top{position:absolute;top:0;left:-2px;right:-2px;height:17px;transform:skewX(-20deg);transform-origin:bottom;background:#95ddd127;border:1px solid #cefff09e}.submerged-door{position:absolute;height:82%;width:72%;left:14%;bottom:6%;transform:rotate(-5deg);filter:drop-shadow(7px 12px 10px #001d1766)}.water-fill{height:96%;background:linear-gradient(#91e0d526,#32a99b2e 50%,#08736166);border-top:2px solid #d1fff4cc;backdrop-filter:blur(.35px);z-index:2}.water-fill:after{content:'';position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 30% 0%,transparent 0 26px,#bdffed0a 30px,transparent 33px 57px);opacity:.7}.aquarium-base{position:absolute;bottom:-10px;left:-8px;right:-8px;height:13px;background:linear-gradient(#d0e6dc99,#456f6266);border:1px solid #dafff0aa;z-index:4}.tank-label{bottom:14px;left:17px;z-index:5;font-size:7px}.illustration{top:34px;right:12px;z-index:5;color:#eefcf1aa;font-size:7px}.b4{left:38%;bottom:220px;animation-delay:-6s}.water-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.counter{display:block;margin:12px 0 24px}.counter strong{font-size:clamp(130px,16vw,250px);letter-spacing:-.075em;line-height:.95;display:block}.counter>span{font-size:23px;letter-spacing:8px;display:block;margin:13px 0 0 9px;color:var(--peach)}.water-copy h3{font-family:Manrope,sans-serif;font-size:clamp(23px,2.5vw,37px);font-weight:400;letter-spacing:-1px;line-height:1.3;margin:25px 0 18px}.water-copy .text-link{margin-top:25px;border-color:#b6d0c580;color:var(--peach)}.water-copy .water-note{margin-top:17px}.water-badges{font-size:10px;margin-top:24px}@media(max-width:800px){.color-layout,.water-proof{grid-template-columns:1fr;gap:35px}.photo-room{max-width:560px;width:100%;margin:auto}.water-heading{text-align:left;margin-bottom:30px}.water-heading .eyebrow{justify-content:flex-start;font-size:8px;line-height:1.8}.water-heading h2{font-size:34px;letter-spacing:-1.2px}.tank{height:550px;max-width:500px;width:100%;margin:15px auto 10px}.water-copy{padding-top:10px}.counter strong{font-size:180px}.counter>span{font-size:22px}.water-proof{gap:35px}.water{padding-bottom:55px}.color-copy h2{margin-top:6px}}@media(max-width:400px){.tank{height:470px}.room-caption{font-size:6px;left:10px;padding:5px}.wood-options{gap:8px}}
/* Turen architectural experience */
body{overflow-x:clip}header{position:relative;z-index:20;height:94px;padding:0 6%;border-bottom:1px solid #ebc5a733}header .brand img{width:168px}header nav{font-size:12px;gap:30px}header .nav-cta{background:var(--peach);color:var(--green);padding:14px 20px;border:0;border-radius:2px;font-weight:600}.living-wall{position:relative;--opening:0deg;background:#e6dfd0;isolation:isolate}.immersive-hero{height:625px;position:relative;background:radial-gradient(ellipse at 74% 90%,#287b67 0,#005043 55%);color:#f8f3e9;padding:52px 6% 0;overflow:hidden}.immersive-hero:after,.wall-studio:before{content:'';position:absolute;inset:0;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' opacity='.22' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.16;pointer-events:none}.hero-kicker{font-size:10px;letter-spacing:2.5px;position:relative;z-index:2}.hero-grid-line{position:absolute;top:0;bottom:0;left:69%;width:1px;background:#ebc5a719}.immersive-hero h1{font-size:clamp(58px,6.8vw,110px);font-weight:500;line-height:1.03;letter-spacing:-5px;margin:32px 0 0;position:relative;z-index:2;max-width:1100px}.immersive-hero h1 em{color:var(--peach);font-size:1.03em}.hero-intro{position:absolute;left:6%;top:360px;z-index:3}.hero-intro p{font-size:15px;color:#d6e4d6;line-height:1.75;margin:0 0 25px}.hero-intro .button{padding:18px 21px;font-size:11px;gap:25px}.pvc-seal{position:absolute;right:8%;top:310px;display:flex;align-items:center;flex-direction:column;width:166px;height:166px;background:var(--peach);color:var(--green);border-radius:50%;justify-content:center;transform:rotate(9deg);box-shadow:0 12px 28px #002f2526;z-index:4}.pvc-seal>span{font-size:6px;letter-spacing:1.6px}.pvc-seal strong{font-size:62px;letter-spacing:-5px;line-height:1.05;margin-top:7px}.pvc-seal strong span{font-size:21px;letter-spacing:-2px}.pvc-seal b{font-size:22px;letter-spacing:7px;margin:0 0 7px 6px}.hero-side-note{position:absolute;right:3%;top:140px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#ebc5a780}.wall-seam-label{position:absolute;bottom:27px;left:6%;font-size:8px;letter-spacing:1.6px;color:#c9dcca}.wall-studio{height:820px;position:relative;padding:0;background:radial-gradient(ellipse at 39% 24%,#f3ede1,#dfd5c1 78%);box-shadow:inset 0 24px 35px #1737270a}.wall-studio:after{content:'';position:absolute;top:0;bottom:65px;left:69%;width:1px;background:#8b927b30}.studio-editorial{position:absolute;top:120px;left:6%;width:21%;z-index:2}.studio-editorial .eyebrow{font-size:9px;letter-spacing:2px;color:#858575}.studio-editorial h2{font-size:clamp(32px,3.1vw,48px);letter-spacing:-2px;font-weight:500;line-height:1.1;margin:25px 0}.studio-editorial h2 em{color:#94785b}.studio-editorial p{font-size:12px;line-height:1.8;color:#737566}.studio-line{height:1px;width:45px;background:#b7ad94;margin:30px 0}.studio-detail{font-size:7px;letter-spacing:1.2px;line-height:2.1;color:#7e806c}.finish-console{position:absolute;right:6%;top:60px;width:23%;z-index:5}.console-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #83917855}.console-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.console-dot{width:6px;height:6px;border-radius:50%;background:#075a44;box-shadow:0 0 0 5px #0050430a}.finish-console .selection{border:0;margin:18px 0 0;padding:0}.finish-console .selection>span{font-size:7px}.finish-console .selection h3{font-size:23px;margin:7px 0 0}.finish-console .finish-group-label{font-size:7px;margin:23px 0 12px}.finish-console .swatches{gap:12px}.finish-console .swatch{width:32px;height:32px}.finish-console .wood-options{gap:8px}.finish-console .wood-option{border-color:#a19c8455;padding:5px;font-size:9px}.finish-console .wood-chip{height:42px}.finish-console .boiserie-option{padding:10px 8px;font-size:10px;gap:10px;background:#f3eee24d;border-color:#a19c8455}.finish-console .boiserie-option small{font-size:8px;line-height:1.6}.finish-console .fine{font-size:8px;line-height:1.7;color:#7a7d6c;margin:20px 0 5px}.finish-console .text-link{font-size:10px;line-height:1.5}.wall-floor{position:absolute;bottom:0;left:0;right:0;height:65px;background:linear-gradient(#9e94751c,#b8a77d50),repeating-linear-gradient(96deg,#d2b994 0,#cfb58c 2px,#e4cda9 4px,#d9c19c 120px,#b79b70 122px);border-top:12px solid #f1ebdb;box-shadow:0 -2px 5px #857d6438}.studio-footer{position:absolute;bottom:24px;left:6%;right:6%;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#4c5c45}.studio-footer a{font-size:9px;letter-spacing:0;font-weight:600}.studio-footer a span{margin-left:20px}.door-stage{position:absolute;top:390px;left:44.5%;width:min(32vw,430px);transform:translateX(-50%);z-index:6;perspective:1700px}.architectural-door{width:100%;aspect-ratio:422/785;position:relative;transform-style:preserve-3d;filter:drop-shadow(15px 19px 17px #1c2a2133)}.frame-photo{display:block;width:100%;height:100%;position:relative;z-index:2;pointer-events:none}.door-leaf{position:absolute;left:9.95%;top:5.22%;width:80.1%;height:94.14%;transform-origin:0 50%;transform:rotateY(var(--opening));transform-style:preserve-3d;z-index:3;will-change:transform;backface-visibility:hidden;transition:transform .25s ease-out}.door-leaf svg{width:100%;height:100%;display:block;background:#b19b83;backface-visibility:hidden}.door-leaf:after{content:'';position:absolute;left:100%;top:0;bottom:0;width:9px;background:linear-gradient(90deg,#c7b99c,#e6dfc9);transform-origin:left;transform:rotateY(90deg)}.portal-interior{position:absolute;inset:4.9% 9.2% .5%;background:linear-gradient(110deg,#001e19,#237564 65%,#002d24);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:#e8c5a3;box-shadow:inset 13px 6px 30px #00120f99}.portal-interior:before{content:'';position:absolute;inset:9% 13% 0;border:1px solid #e5cf9e2e;border-bottom:0;box-shadow:0 0 40px #def6b70c}.portal-interior>span{font:400 clamp(20px,2.5vw,40px)/1.2 Manrope,sans-serif;position:relative;z-index:2;letter-spacing:-1px}.portal-interior em{font-family:Georgia,serif}.portal-light{position:absolute;width:60%;height:170%;left:35%;top:-30%;background:linear-gradient(90deg,#d8f2c900,#e9ffcf1a,#e9ffd800);transform:rotate(28deg)}.portal-floor{position:absolute;bottom:0;width:100%;height:20%;background:linear-gradient(#457e5c,#c8c7a2);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.door-shadow{position:absolute;bottom:-4%;left:-13%;width:150%;height:14%;background:radial-gradient(ellipse,#263c2940,transparent 67%);transform:skewX(-30deg);pointer-events:none}.door-plaque{position:relative;display:flex;justify-content:space-between;align-items:center;margin:25px 0 0;padding:13px 0;border-top:1px solid #69765e55;gap:12px}.door-plaque #model-tag{font-size:8px;letter-spacing:1.3px;color:#526148}.door-plaque button{border:0;background:var(--green);color:var(--peach);padding:11px 14px;font:500 10px 'DM Sans',sans-serif;cursor:pointer;border-radius:2px}.door-plaque button span{margin-left:12px}.motion-band{background:var(--peach);overflow:hidden;padding:22px 0;border-top:1px solid #c6a68e;border-bottom:1px solid #c6a68e;color:var(--green)}.motion-band>div{white-space:nowrap;width:max-content;font:500 clamp(22px,2.8vw,43px)/1 Manrope,sans-serif;letter-spacing:-1px;animation:marquee 32s linear infinite}.motion-band span{padding:0 30px;font-size:.8em}@keyframes marquee{to{transform:translateX(-50%)}}.material-experience{height:175vh;min-height:1100px;background:#153a30;position:relative;color:#f4efe0;--split:0px;--turn:0deg}.material-sticky{position:sticky;top:0;min-height:720px;height:100vh;max-height:1100px;padding:75px 6% 45px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 67% 45%,#34624e,#153a30 64%)}.material-heading{position:relative;z-index:3;width:43%}.material-heading .eyebrow{color:#c0d3b8;font-size:9px}.material-heading h2{font-size:clamp(40px,4.9vw,74px);letter-spacing:-3px;margin:27px 0 23px}.material-heading p{font-size:14px;color:#b8cbb6;line-height:1.9}.cutaway-scene{position:absolute;inset:0;perspective:1400px}.cut-door{position:absolute;left:57%;top:13%;width:250px;height:550px;transform:rotate(-12deg) rotateY(-25deg);transform-style:preserve-3d;filter:drop-shadow(25px 25px 20px #00170d70)}.cut-half{position:absolute;width:100%;height:50%;transform-style:preserve-3d}.cut-half svg{position:absolute;width:100%;height:200%;display:block;filter:saturate(.75) brightness(1.06)}.cut-upper{top:0;transform:translateY(calc(var(--split) * -1));clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.cut-upper svg{top:0}.cut-lower{bottom:0;transform:translateY(var(--split));clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.cut-lower svg{bottom:0}.cut-edge{position:absolute;height:20px;left:0;right:0;z-index:2;background:linear-gradient(25deg,#cec8ae,#f8f2dc);border:1px solid #fff9df;box-shadow:inset 0 -3px 5px #84775e40}.upper-edge{bottom:0;clip-path:polygon(0 0,100% 60%,100% 100%,0 100%)}.lower-edge{top:0;clip-path:polygon(0 0,100% 0,100% 100%,0 40%)}.material-orbit{position:absolute;border:1px solid #dbe5be12;border-radius:50%;left:44%;top:10%;width:650px;height:650px;transform:rotateX(35deg)}.orbit-two{inset:18% auto auto 49%;width:500px;height:500px}.core-callout{position:absolute;left:78%;top:44%;z-index:4}.core-callout strong{font:500 78px/1 Manrope,sans-serif;letter-spacing:-5px;color:var(--peach)}.core-callout strong span{font-size:30px;letter-spacing:-1px}.core-callout b{display:block;color:var(--peach);font-size:25px;letter-spacing:6px;margin-top:7px}.core-callout p{font-size:10px;line-height:1.8;color:#bdcbb3}.callout-line{position:absolute;right:calc(100% + 15px);width:90px;top:38px;height:1px;background:var(--peach)}.callout-line:before{content:'';position:absolute;left:0;top:-3px;width:7px;height:7px;background:var(--peach);border-radius:50%}.cut-label{position:absolute;font-size:8px;letter-spacing:1px;color:#bbccb1;z-index:3}.label-face{left:56%;top:9%}.label-core{left:55%;bottom:15%}.cut-disclaimer{position:absolute;bottom:30px;right:6%;font-size:8px;color:#abc2a8;z-index:3}.material-bottom{position:relative;z-index:3;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-end}.material-bottom p{font-size:12px;color:#a6bda0;line-height:1.9}.material-bottom strong{font-weight:400;color:#edf2dc}.scroll-progress{font-size:8px;letter-spacing:1px;margin-bottom:30px;color:#bdd0b2}.scroll-progress i{height:2px;width:70px;display:inline-block;margin-right:15px;background:linear-gradient(to right,var(--peach) var(--progress,0%),#ffffff26 0)}.benefits{background:#efe9dc;padding:48px 6%;gap:30px}.benefits .icon{display:inline-flex;justify-content:center;align-items:center;border:1px solid #c9b797;border-radius:50%;height:44px;width:44px;color:#005043;font-size:22px}.benefits h3{font-size:13px;font-weight:600}.benefits p{font-size:11px}.water{padding-top:95px;padding-bottom:100px}.water-heading .eyebrow{color:#bed6c2}.water-heading h2{font-size:clamp(36px,4.5vw,68px);letter-spacing:-2px}.water .counter strong{font-size:clamp(150px,18vw,280px)}.story{background:#f2eadc;position:relative;overflow:hidden}.story:before{content:'TUREN';position:absolute;bottom:-35px;left:-12px;font:700 17vw/1 Manrope,sans-serif;letter-spacing:-15px;color:#00504305;pointer-events:none}.story h2{font-size:clamp(40px,4.1vw,64px)}.story .since{font-size:110px;color:#c5a77d}.story .since span{color:#79846f}.story-copy li{font-size:12px;padding:16px 0}.wholesale{background:var(--peach);position:relative}.wholesale h2{font-size:clamp(40px,4.2vw,64px)}.wholesale em{color:#005043}.wholesale p{color:#4f644c;font-size:14px}.wholesale .text-link{font-size:13px}.contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#34836a,#005043 70%);padding:100px 7%}.contact:before,.contact:after{content:'';position:absolute;top:35px;bottom:-80px;width:280px;border:2px solid #ebc5a71a;transform:rotate(-17deg);pointer-events:none}.contact:before{left:-110px}.contact:after{right:-110px;transform:rotate(17deg)}.contact h2{font-size:clamp(45px,5.5vw,80px);font-weight:500}.reveal-target{opacity:1}.js-motion .reveal-target{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}.js-motion .reveal-target.is-visible{opacity:1;transform:none}.button{transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #001e1933}.boiserie-option:hover,.wood-option:hover{background-color:#f9f4e7aa}.finish-console button:focus-visible,.door-plaque button:focus-visible{outline:2px solid #005043;outline-offset:4px}@media(min-width:1700px){.door-stage{width:430px}.immersive-hero h1{font-size:110px}.cut-door{left:59%}}@media(max-width:1100px) and (min-width:801px){.hero-intro p{font-size:12px}.pvc-seal{width:130px;height:130px;right:7%;top:350px}.pvc-seal strong{font-size:47px}.pvc-seal b{font-size:18px}.pvc-seal>span{font-size:5px}.door-stage{top:440px;width:34vw;left:43%}.finish-console{width:26%;right:4%;top:60px}.studio-editorial{left:5%;width:18%}.studio-editorial h2{font-size:34px}.finish-console .swatches{gap:9px}.finish-console .swatch{height:29px;width:29px}.material-heading{width:40%}.cut-door{left:53%;width:215px;height:470px;top:20%}.core-callout{left:79%;top:50%}.core-callout strong{font-size:55px}.callout-line{width:50px}.label-core{left:53%}.label-face{left:51%}.cut-disclaimer{font-size:7px}}
@media(max-width:800px){header{height:80px;padding:0 6%}header .brand img{width:130px}header .nav-cta{font-size:9px;padding:12px}.immersive-hero{height:690px;padding:37px 6% 0;overflow:visible}.hero-kicker{font-size:7px;letter-spacing:1.6px}.immersive-hero h1{font-size:clamp(44px,9.8vw,74px);letter-spacing:-2.6px;margin-top:25px;line-height:1.08;max-width:650px}.hero-intro{top:220px;left:6%}.hero-intro p{font-size:12px;line-height:1.8;margin-bottom:18px}.hero-intro .button{font-size:10px;padding:15px;gap:20px}.pvc-seal{height:98px;width:98px;top:275px;right:7%;transform:rotate(10deg)}.pvc-seal strong{font-size:34px;letter-spacing:-3px;margin-top:4px}.pvc-seal strong span{font-size:12px}.pvc-seal b{font-size:14px;letter-spacing:4px;margin-bottom:5px}.pvc-seal>span{font-size:4px;letter-spacing:.8px}.hero-side-note{display:none}.wall-seam-label{left:auto;right:6%;bottom:20px;writing-mode:vertical-rl;font-size:6px;letter-spacing:1.2px}.hero-grid-line{left:88%}.wall-studio{height:1010px}.wall-studio:after{display:none}.studio-editorial{top:180px;left:auto;right:6%;width:27%}.studio-editorial .eyebrow{font-size:6px;letter-spacing:.8px}.studio-editorial h2{font-size:27px;letter-spacing:-1.5px;margin-top:17px}.studio-editorial p{font-size:9px;line-height:1.7}.studio-detail,.studio-line{display:none}.door-stage{top:445px;width:min(57vw,290px);left:35%;}.door-plaque{display:block;margin-top:15px;padding-top:11px;text-align:left}.door-plaque #model-tag{font-size:7px;display:block;margin-bottom:10px}.door-plaque button{font-size:9px;padding:10px 12px}.finish-console{left:6%;right:6%;width:auto;top:430px;background:#f3eddfb5;border:1px solid #b6b49c66;padding:20px;box-shadow:0 15px 30px #383d2710;border-radius:3px}.console-heading{padding-bottom:12px}.console-heading .eyebrow{font-size:8px}.finish-console .selection{margin-top:15px}.finish-console .selection h3{font-size:23px}.finish-console .finish-group-label{margin:19px 0 12px}.finish-console .swatches{gap:18px}.finish-console .swatch{width:34px;height:34px}.finish-console .wood-chip{height:34px}.finish-console .boiserie-mini{height:36px}.finish-console .boiserie-option{padding:9px 10px}.finish-console .fine{margin:14px 0 0;font-size:7px}.finish-console .text-link{padding-bottom:7px}.studio-footer{bottom:24px;left:6%;right:6%;font-size:6px;gap:12px}.studio-footer>span{max-width:100px;line-height:1.6}.studio-footer a{font-size:8px}.studio-footer a span{margin-left:5px}.motion-band{padding:19px 0}.motion-band>div{font-size:25px}.motion-band span{padding:0 17px}.material-experience{height:165vh;min-height:1100px}.material-sticky{min-height:730px;max-height:1000px;padding:40px 6% 20px}.material-heading{width:100%}.material-heading .eyebrow{font-size:7px}.material-heading h2{font-size:40px;letter-spacing:-2px;margin:19px 0 10px}.material-heading p{font-size:11px;line-height:1.6;margin-top:0}.cut-door{left:27%;width:160px;height:345px;top:36%;transform:rotate(-12deg) rotateY(-25deg)}.core-callout{left:71%;top:50%}.core-callout strong{font-size:49px;letter-spacing:-3px}.core-callout strong span{font-size:17px}.core-callout b{font-size:17px;letter-spacing:3px}.core-callout p{font-size:8px;max-width:82px;line-height:1.6}.callout-line{width:33px;top:24px;right:calc(100% + 8px)}.callout-line:before{width:5px;height:5px;top:-2px}.material-orbit{left:2%;top:28%;width:420px;height:420px}.orbit-two{left:10%;top:33%;width:340px;height:340px}.label-face{left:13%;top:30%;font-size:6px}.label-core{left:20%;bottom:12%;font-size:6px}.cut-disclaimer{right:6%;left:6%;bottom:12px;font-size:6px}.material-bottom p{font-size:9px;line-height:1.7;margin-bottom:23px}.scroll-progress{font-size:6px;margin-bottom:29px;max-width:110px;line-height:1.8}.scroll-progress i{display:block;width:55px;margin-bottom:8px}.benefits{padding:33px 6%;gap:25px 20px}.benefits h3{font-size:11px;line-height:1.5}.benefits p{font-size:9px;line-height:1.7}.benefits .icon{height:36px;width:36px;font-size:19px}.water{padding-top:60px;padding-bottom:60px}.water-heading h2{font-size:34px}.story .since{font-size:85px}.story h2,.wholesale h2{font-size:40px}.contact{padding:70px 6%}.contact h2{font-size:42px}.material-bottom{margin-bottom:0}}
@media(max-width:380px){.immersive-hero h1{font-size:40px}.hero-intro{top:205px}.pvc-seal{top:265px;right:5%;width:85px;height:85px}.door-stage{top:435px}.finish-console{top:405px}.wall-studio{height:1000px}.studio-editorial{top:155px}.studio-editorial h2{font-size:24px}.finish-console .swatches{gap:14px}.material-heading h2{font-size:36px}.cut-door{left:24%;width:150px;height:325px}.core-callout{left:70%}}
@media(prefers-reduced-motion:reduce){.motion-band>div{animation:none}.js-motion .reveal-target{opacity:1;transform:none}.door-leaf{transition:none;will-change:auto}.material-experience{height:auto;min-height:800px}.material-sticky{position:relative;height:900px}.cut-upper{transform:translateY(-30px)}.cut-lower{transform:translateY(30px)}}
.door-stage{transform:translate(-50%,var(--door-lift,0px))}.living-wall.door-is-open{--opening:-104deg}.living-wall.door-is-open .door-leaf{transition:transform 1.4s cubic-bezier(.2,.65,.2,1)}.living-wall:not(.door-is-open) .door-leaf{transition:transform 1s cubic-bezier(.2,.65,.2,1)}.cut-door{transform:rotate(calc(-12deg + var(--turn))) rotateY(-25deg)}
.living-wall{--opening:var(--scroll-opening,0deg)}.door-stage{width:min(32vw,390px)}.door-leaf{left:9.24%;top:4.71%;width:81.75%;height:95.29%}.architectural-door{filter:drop-shadow(15px 19px 17px #1c2a2133)}
@media(min-width:1700px){.door-stage{width:390px}}@media(max-width:1100px) and (min-width:801px){.door-stage{width:34vw}}
@media(max-width:800px){.wall-studio{height:900px}.door-stage{top:510px;width:43vw;max-width:230px;left:28%;}.studio-editorial{top:485px;left:6%;right:auto;width:39%;}.studio-editorial h2{font-size:28px}.studio-editorial p{font-size:9px}.studio-editorial .eyebrow{font-size:6px}.finish-console{left:auto;right:5%;top:115px;width:45%;padding:13px 10px;background:#f5efdfbb}.console-heading .eyebrow{font-size:6px;letter-spacing:.6px}.console-dot{width:4px;height:4px}.finish-console .selection>span{font-size:6px;line-height:1.7;display:block}.finish-console .selection h3{font-size:18px;line-height:1.2}.finish-console .finish-group-label{font-size:6px;letter-spacing:.6px;line-height:1.6;margin:20px 0 10px}.finish-console .swatches{gap:10px}.finish-console .swatch{width:28px;height:28px}.finish-console .wood-options{grid-template-columns:1fr;gap:7px}.finish-console .wood-option{display:flex;align-items:center;gap:8px;font-size:9px;padding:4px}.finish-console .wood-chip{height:22px;width:44px;margin:0}.finish-console .boiserie-option{padding:7px 6px;font-size:9px;gap:6px;line-height:1.5}.finish-console .boiserie-option small{font-size:6px;line-height:1.6}.finish-console .boiserie-mini{min-width:19px;width:19px;height:33px}.finish-console .option-check{display:none}.finish-console .fine{font-size:6px;line-height:1.7;margin-top:12px}.finish-console .text-link{font-size:8px;line-height:1.8;gap:7px}.door-plaque{margin-top:14px}.door-plaque #model-tag{font-size:6px;letter-spacing:.7px}.door-plaque button{font-size:8px;padding:9px 10px}.door-plaque button span{margin-left:6px}}
@media(max-width:380px){.door-stage{top:500px;width:43vw}.finish-console{top:110px}.studio-editorial{top:490px}.studio-editorial h2{font-size:25px}}
.visit-details{position:relative;z-index:2;max-width:920px;margin:64px auto 0;padding-top:40px;border-top:1px solid #ebc5a740;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;text-align:left}.contact .visit-details .eyebrow{justify-content:flex-start;font-size:8px;letter-spacing:1.7px;color:var(--peach)}.visit-details h3{font:400 26px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin:20px 0 15px}.visit-details address{font-style:normal;font-size:13px;line-height:1.9;color:#d1dfd0}.visit-details .text-link{color:var(--peach);font-size:11px;border-color:#ebc5a740;margin-top:12px;max-width:320px}.visit-hours dl{margin:23px 0 0}.visit-hours dl>div{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 0;border-bottom:1px solid #ffffff1a;font-size:12px;line-height:1.9}.visit-hours dt{color:#d1dfd0}.visit-hours dd{margin:0;text-align:right;color:#f6eee0}@media(max-width:800px){.visit-details{grid-template-columns:1fr;gap:35px;margin-top:45px;padding-top:30px}.visit-details h3{font-size:24px}.visit-details address{font-size:12px}.visit-hours dl{margin-top:10px}.visit-hours dl>div{font-size:12px}.visit-details .text-link{max-width:none}}

.purchase-options {
  max-width: 920px;
  margin: 36px auto 0;
  position: relative;
  z-index: 2;
}
.purchase-options h3 {
  margin: 0;
  font: 500 clamp(24px, 3vw, 36px)/1.2 Manrope, sans-serif;
}
.contact .purchase-options > p {
  margin: 16px auto 26px;
  max-width: 570px;
  font-size: 14px;
  line-height: 1.65;
}
.purchase-options-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.purchase-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(18px, 3vw, 32px);
  text-align: left;
  background: #003e34;
  border: 1px solid #ebc5a755;
}
.purchase-option h4 { margin: 0; font: 500 20px/1.35 Manrope, sans-serif; }
.contact .purchase-option p { margin: 10px 0 20px; font-size: 13px; line-height: 1.6; }
.purchase-option .button { margin-top: auto; gap: 14px; font-size: 12px; }
@media (max-width: 680px) {
  .purchase-options-grid { grid-template-columns: 1fr; }
}

.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  vertical-align: -.13em;
}

/* The studio owns the door. On mobile it takes up a regular grid cell. */
@media (min-width: 801px) {
  .wall-studio .door-stage { top: -235px; }
}
@media (min-width: 801px) and (max-width: 1100px) {
  .wall-studio .door-stage { top: -185px; }
}
@media (max-width: 800px) {
  .immersive-hero { height: auto; min-height: 380px; padding-bottom: 64px; }
  .hero-intro { position: relative; inset: auto; margin-top: 24px; }
  .pvc-seal { top: auto; bottom: 25px; right: 8%; width: 70px; height: 70px; }
  .wall-seam-label { display: none; }
  .wall-studio {
    display: grid;
    grid-template-columns: minmax(0, 43fr) minmax(0, 57fr);
    align-items: start;
    gap: 22px 14px;
    height: auto;
    padding: 32px 5% 80px;
  }
  .studio-editorial, .wall-studio .door-stage, .finish-console {
    position: relative;
    inset: auto;
    width: auto;
  }
  .studio-editorial { grid-column: 1 / -1; }
  .studio-editorial h2 { margin: 12px 0; font-size: clamp(26px, 7vw, 38px); }
  .studio-editorial h2 br { display: none; }
  .studio-editorial h2 br::after { content: ' '; }
  .studio-editorial p { font-size: 12px; }
  .wall-studio .door-stage {
    transform: none;
    max-width: 230px;
    width: 100%;
    justify-self: center;
    z-index: 2;
  }
  .door-stage .door-shadow { left: 0; width: 100%; }
  .finish-console { min-width: 0; }
  .finish-console .swatch { width: 32px; height: 32px; }
  .door-plaque button { min-height: 40px; font-size: 10px; }
}