:root{--ink:#1d1b19;--ink-soft:#4f4b45;--paper:#f4f0e9;--paper-deep:#e9e2d7;--clay:#ad8267;--line:#d5c9bc;--white:#fffdf9;--serif:'Playfair Display',Georgia,serif;--sans:'Manrope','DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
:focus-visible{outline:2px solid #b9774a;outline-offset:4px}
::selection{background:#c9a891;color:#1d1b19}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-100px;left:20px;z-index:100;padding:12px 18px;background:#fff;color:#111}
.skip-link:focus{top:12px}
.container{width:min(100% - 104px,1440px);margin-inline:auto}
.section-pad{padding-block:132px}
.site-header{position:absolute;z-index:30;top:0;left:0;width:100%;color:#fff}
.nav-shell{width:min(100% - 104px,1440px);height:98px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.28)}
.wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:.9;white-space:nowrap}
.wordmark>span{font-family:'DM Sans',Arial,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.085em}
.wordmark-accent{font-weight:400}
.wordmark small{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.48em;margin-top:8px;margin-left:3px}
.primary-nav{display:flex;align-items:center;gap:clamp(22px,3vw,50px);font-size:12px;font-weight:700;letter-spacing:.05em}
.primary-nav>a:not(.nav-contact){transition:opacity .2s}
.primary-nav>a:not(.nav-contact):hover{opacity:.62}
.nav-contact{display:inline-flex;gap:22px;align-items:center;border:1px solid rgba(255,255,255,.55);padding:14px 18px;transition:background .2s,color .2s}
.nav-contact:hover{background:#fff;color:var(--ink)}
.menu-toggle{display:none}
.hero{position:relative;min-height:680px;height:100svh;max-height:1050px;color:#fff;overflow:hidden}
.hero-bg,.hero-shade{position:absolute;inset:0}
.hero-bg{background:url('assets/laguna-interior.webp') center center/cover no-repeat;transform:scale(1.025)}
.hero-shade{background:linear-gradient(90deg,rgba(14,13,12,.68) 0%,rgba(14,13,12,.32) 47%,rgba(14,13,12,.05) 100%),linear-gradient(0deg,rgba(14,13,12,.34),transparent 30%)}
.hero-content{position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:65px}
.hero-kicker,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.4}
.hero-kicker{display:flex;align-items:center;gap:13px;margin-bottom:27px}
.kicker-line{display:block;width:28px;height:1px;background:#fff}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:400}
h1,h2{font-family:var(--serif);letter-spacing:-.055em}
h1{font-size:clamp(64px,7.4vw,124px);line-height:1.06;margin-bottom:28px;max-width:1120px}
h1 em,h2 em{font-weight:400}
.hero-content>p{max-width:550px;font-size:clamp(15px,1.2vw,18px);line-height:1.75;color:rgba(255,255,255,.86);margin-bottom:34px}
.hero-actions{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:58px;padding:0 24px;font-size:12px;font-weight:700;letter-spacing:.04em;transition:transform .25s,background .25s,color .25s}
.button:hover{transform:translateY(-3px)}
.button-light{background:#fff;color:var(--ink)}
.button-light:hover{background:#d8c5b3}
.text-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.03em;transition:gap .2s}
.text-link:hover{gap:36px}
.text-link-light{color:#fff}
.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;gap:38px;font-size:10px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.8)}
.hero-bottom span:last-child{margin-left:auto}
.location-strip{overflow:hidden;background:#24201d;color:#e3d4c6}
.location-inner{width:min(100% - 104px,1440px);min-height:58px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;font-weight:700;letter-spacing:.18em;white-space:nowrap}
.strip-star{font-size:14px;color:#a57c60}
.intro{background:var(--paper)}
.intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(60px,8vw,140px);align-items:center}
.eyebrow{color:#6b4b38;margin-bottom:30px;display:flex;align-items:center;gap:14px}
.eyebrow-num{color:#6b4b38;border-right:1px solid #a99382;padding-right:14px}
h2{font-size:clamp(48px,5.3vw,88px);line-height:1.14;margin-bottom:32px}
.section-lead{max-width:650px;font-family:var(--serif);font-size:clamp(23px,2.1vw,33px);line-height:1.45;letter-spacing:-.028em}
.intro-rule{height:1px;max-width:510px;background:var(--line);margin:38px 0 30px}
.intro-note{max-width:500px;display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start;color:#655d55;font-size:13px;line-height:1.85}
.intro-note p{margin:0}
.note-symbol{font-size:28px;line-height:1;color:var(--clay)}
.intro-visual{position:relative;margin-left:auto;width:min(100%,550px)}
.intro-visual img{width:100%;height:650px;object-fit:cover;object-position:center}
.visual-caption{position:absolute;left:-28px;bottom:25px;background:var(--ink);color:#fff;min-width:222px;padding:20px 22px;display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;letter-spacing:.17em}
.visual-caption span+span{color:#bfa28b}
.spaces{background:#e8e0d5}
.section-heading{margin-bottom:60px}
.spaces-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end}
.spaces-heading h2{margin-bottom:0}
.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.space-card{position:relative;height:490px;background-position:center;background-size:cover;overflow:hidden;color:#fff;transition:background-size .3s}
.space-card-home{background-image:url('assets/hex-interior.webp')}
.space-card-business{background-image:url('assets/business-interior.webp')}
.space-card-wellness{background-image:url('assets/wellness-interior.webp')}
.space-card::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,8,.82),rgba(8,8,8,.04) 70%);transition:background .3s}
.space-card:hover::before{background:linear-gradient(0deg,rgba(8,8,8,.87),rgba(8,8,8,.14) 85%)}
.space-content{position:absolute;left:30px;right:30px;bottom:26px}
.space-index{font-size:10px;font-weight:700;letter-spacing:.16em;color:#dbc9b8}
.space-card h3{font-family:var(--serif);font-size:clamp(28px,2.4vw,41px);line-height:1.18;letter-spacing:-.04em;margin:13px 0 14px}
.space-card p{font-size:12px;line-height:1.65;max-width:300px;margin:0;color:rgba(255,255,255,.88)}
.devices{background:#f8f5ef}
.devices-heading{display:flex;justify-content:space-between;align-items:end;gap:45px}
.devices-heading h2{margin-bottom:0}
.devices-heading>p{max-width:310px;font-size:14px;line-height:1.8;color:#635d55;margin-bottom:8px}
.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.device-card{min-width:0}
.device-image{position:relative;height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.device-image-hex{background:#ddd6cb}
.device-image-slim{background:#e7e2dc}
.device-image-column{background:#c8c7c2}
.device-image::after{content:'';position:absolute;width:58%;height:24px;bottom:50px;left:21%;background:#000;filter:blur(24px);opacity:.11;border-radius:50%}
.device-image img{z-index:1;max-width:85%;max-height:78%;width:auto;height:auto;object-fit:contain;transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.device-card:hover .device-image img{transform:scale(1.055)}
.device-image-column img{max-height:87%}
.device-number{position:absolute;top:25px;left:27px;z-index:2;font-size:10px;font-weight:700;letter-spacing:.18em}
.device-info{padding:28px 2px 0;display:flex;flex-direction:column;min-height:254px;justify-content:space-between}
.device-type{font-size:10px;font-weight:700;letter-spacing:.17em;color:#76523b}
.device-info h3{font-family:var(--serif);font-size:42px;letter-spacing:-.06em;line-height:1;margin:8px 0 13px}
.device-info p{font-size:13px;line-height:1.7;color:#655f58;max-width:340px;margin:0}
.device-info a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-size:11px;font-weight:700;letter-spacing:.05em;transition:color .2s}
.device-info a:hover{color:#a26c4e}
.device-info a span{font-size:18px}
.device-footnote{margin:40px 0 0;color:#5d534a;font-size:11px;line-height:1.6}
.scents{background:#24211f;color:#f7f1e9}
.scents-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}
.scents .eyebrow{color:#b9997f}
.scents .eyebrow-num{border-color:#64564b;color:#c8aa92}
.scents h2{margin-bottom:0}
.scents-head>p{max-width:365px;font-size:14px;line-height:1.8;color:#c8bdb2;margin-bottom:9px}
.scent-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.filter{border:1px solid #645a51;background:transparent;color:#ded0c3;min-height:38px;padding:0 16px;font-size:10px;font-weight:700;letter-spacing:.1em;transition:background .2s,color .2s,border-color .2s}
.filter:hover{border-color:#c7b19e}
.filter.active{background:#e5d5c4;border-color:#e5d5c4;color:#241f1b}
.filter span{margin-left:10px;opacity:.6}
.scent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#554d46;border:1px solid #554d46}
.scent-card{position:relative;height:315px;overflow:hidden;background:#2c2926;padding:23px 24px 25px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:background .25s}
.scent-card:hover{background:#37312d}
.scent-card[hidden]{display:none}
.scent-top{position:absolute;top:22px;left:24px;right:24px;z-index:2;display:flex;justify-content:space-between;color:#b8a99a;font-size:9px;font-weight:700;letter-spacing:.17em}
.scent-card h3{z-index:2;font-family:var(--serif);font-size:clamp(25px,2.15vw,36px);line-height:1.05;letter-spacing:-.045em;margin:0 0 14px}
.scent-card>p{z-index:2;font-size:10px;letter-spacing:.03em;line-height:1.5;color:#cdbfb2;margin:0;min-height:30px}
.scent-orb{position:absolute;z-index:0;top:45px;left:50%;width:145px;height:145px;border-radius:50%;transform:translateX(-50%);opacity:.75;filter:blur(.1px);box-shadow:inset -25px -30px 45px rgba(13,13,13,.22),0 0 55px rgba(193,147,109,.05);transition:transform .4s,opacity .4s}
.scent-card:hover .scent-orb{transform:translateX(-50%) scale(1.1);opacity:.95}
.orb-pear{background:radial-gradient(circle at 36% 29%,#ecd4a7 0%,#bd917a 35%,#654b47 76%)}
.orb-wood{background:radial-gradient(circle at 38% 29%,#b19c7c,#67493b 50%,#292020 85%)}
.orb-mimosa{background:radial-gradient(circle at 40% 30%,#d7c7ab,#9e897c 48%,#55494c 88%)}
.orb-citrus{background:radial-gradient(circle at 37% 28%,#f0c68c,#bc8057 50%,#634e36 85%)}
.orb-comfort{background:radial-gradient(circle at 40% 30%,#d7ac99,#925d59 48%,#3e2b32 86%)}
.orb-summer{background:radial-gradient(circle at 40% 28%,#e3bc96,#b46e65 50%,#694352 89%)}
.orb-blue{background:radial-gradient(circle at 37% 29%,#b2c1c1,#66848a 46%,#293f4a 88%)}
.orb-spice{background:radial-gradient(circle at 39% 28%,#c4a58b,#75514c 48%,#322c32 88%)}
.orb-green{background:radial-gradient(circle at 37% 29%,#c9d1ab,#86957d 48%,#43594d 88%)}
.orb-evening{background:radial-gradient(circle at 37% 29%,#e2c6aa,#ab847d 48%,#5b4653 88%)}
.orb-tea{background:radial-gradient(circle at 37% 29%,#d3d2b8,#8c9f8e 48%,#4b685e 88%)}
.orb-calm{background:radial-gradient(circle at 37% 29%,#d1d6c4,#94aab2 48%,#516477 88%)}
.scents-end{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}
.scents-end p{font-size:11px;color:#b9aca0;line-height:1.6;margin:0}
.scents-end .text-link{white-space:nowrap;color:#eee0d1}
.local{background:#e5d8ca;overflow:hidden}
.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.local h2{margin-bottom:30px}
.local-grid>div:first-child>p:not(.eyebrow){max-width:610px;color:#574f47;font-size:15px;line-height:1.9}
.founders{margin-top:72px;display:flex;flex-direction:column;gap:10px}
.founders>span{font-size:10px;font-weight:700;letter-spacing:.2em;color:#644633}
.founders strong{font-family:var(--serif);font-size:clamp(22px,2.4vw,36px);font-weight:400;letter-spacing:-.04em}
.founders i{color:#6f4e3b}
.local-art{position:relative;width:min(100%,600px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at center,#eadfd3 0 25%,#d9cabb 25% 25.2%,#e4d7c9 25.3% 50%,#d6c5b5 50.2% 50.4%,transparent 50.5%),radial-gradient(circle,#e3d5c6,#cfb9a6);box-shadow:0 20px 90px rgba(70,43,30,.08)}
.orbit{position:absolute;inset:12%;border:1px solid rgba(98,71,52,.18);border-radius:50%}
.orbit-two{inset:27%}.orbit-three{inset:41%}
.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(26px,3.1vw,48px);line-height:.96;text-align:center;letter-spacing:-.055em;white-space:nowrap}
.map-dot{display:block;width:6px;height:6px;border-radius:50%;background:#9d694b;margin:13px auto 0}
.map-label{position:absolute;font-size:10px;font-weight:700;letter-spacing:.12em;color:#5d4637}
.label-one{top:17%;left:48%}.label-two{top:45%;right:2%}.label-three{bottom:17%;right:29%}.label-four{bottom:39%;left:4%}
.contact{background:#f8f5ef}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}
.contact h2{margin-bottom:0}
.contact-right{padding-bottom:5px}
.contact-right p{max-width:390px;color:#5e574f;font-size:16px;line-height:1.8;margin-bottom:30px}
.button-dark{background:#25211e;color:#fff;width:min(100%,370px)}
.button-dark:hover{background:#6e5444}
.contact-right small{display:block;color:#544b43;font-size:11px;margin-top:15px}
.contact-right small a{border-bottom:1px solid currentColor;margin-left:5px}
.site-footer{background:#1c1a18;color:#f4eee7;padding-top:65px}
.footer-top{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:70px}
.footer-wordmark>span{font-size:42px}
.footer-wordmark small{font-size:11px}
.footer-top>div{display:flex;flex-direction:column;gap:9px;text-align:right;color:#b9a99b;font-size:10px;font-weight:700;letter-spacing:.13em}
.footer-bottom{border-top:1px solid #49433d;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:25px;color:#aa9f94;font-size:10px;line-height:1.5}
.footer-bottom a{color:#e0d4c7}
@media(max-width:1100px){.container,.nav-shell,.location-inner{width:min(100% - 64px,1440px)}.primary-nav{gap:20px}.intro-grid{gap:55px}.intro-visual img{height:570px}.space-card{height:425px}.device-image{height:360px}.scent-card{height:290px}.scent-orb{width:125px;height:125px}}
@media(max-width:980px){.section-pad{padding-block:92px}.container,.nav-shell,.location-inner{width:min(100% - 40px,1440px)}.nav-shell{height:76px}.menu-toggle{display:flex;position:relative;z-index:33;width:44px;height:44px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:7px;padding:10px}.menu-toggle span{height:2px;width:24px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.primary-nav{position:fixed;inset:0;background:#24211f;display:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:31px;padding:95px 35px 35px;font-family:var(--serif);font-size:30px;letter-spacing:-.02em}.primary-nav.is-open{display:flex}.primary-nav .nav-contact{font-family:var(--sans);font-size:13px;letter-spacing:.03em}.hero{height:800px;max-height:none;min-height:700px}.hero-bg{background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(14,13,12,.72),rgba(14,13,12,.29)),linear-gradient(0deg,rgba(14,13,12,.4),transparent 40%)}.hero-content{padding-top:65px}.hero-bottom{gap:20px}.hero-bottom span:nth-child(2){display:none}.location-inner{justify-content:flex-start;overflow:auto;scrollbar-width:none}.location-inner::-webkit-scrollbar{display:none}.intro-grid,.local-grid,.contact-grid{grid-template-columns:1fr}.intro-visual{width:100%;margin:10px 0 0}.intro-visual img{height:min(118vw,620px)}.spaces-heading{grid-template-columns:1fr}.space-grid{grid-template-columns:1fr 1fr}.space-card:last-child{grid-column:1/-1}.space-card{height:430px}.devices-heading,.scents-head{display:block}.devices-heading>p,.scents-head>p{max-width:650px;margin-top:22px}.device-grid{grid-template-columns:1fr 1fr}.device-card:last-child{grid-column:1/-1;max-width:calc(50% - 10px)}.scent-grid{grid-template-columns:repeat(3,1fr)}.local-art{max-width:600px}.founders{margin-top:45px}.contact-right{padding-top:10px}}
@media(max-width:560px){.section-pad{padding-block:78px}.container,.nav-shell,.location-inner{width:min(100% - 34px,1440px)}.wordmark>span{font-size:23px}.hero{height:100svh;min-height:660px}.hero-bg{background-position:59% center}.hero-shade{background:linear-gradient(90deg,rgba(14,13,12,.77),rgba(14,13,12,.36)),linear-gradient(0deg,rgba(14,13,12,.44),transparent 45%)}.hero-kicker{font-size:9px;letter-spacing:.15em}.hero h1{font-size:clamp(52px,12vw,72px);line-height:1.08;margin-bottom:23px}.hero-content>p{font-size:14px;line-height:1.7;max-width:340px}.hero-actions{gap:23px;align-items:flex-start;flex-direction:column}.button{min-height:54px}.hero-bottom{bottom:24px;font-size:8px}.location-inner{gap:20px;min-height:52px;font-size:9px}.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:22px}h2{font-size:clamp(45px,10.6vw,64px);line-height:1.13;margin-bottom:25px}.section-lead{font-size:23px}.intro-rule{margin:30px 0 25px}.intro-visual img{height:440px}.visual-caption{left:-9px;bottom:18px;min-width:190px;font-size:9px}.section-heading{margin-bottom:32px}.space-grid,.device-grid{grid-template-columns:1fr;gap:13px}.space-card,.space-card:last-child{grid-column:auto;height:390px}.space-card-business{background-position:25% center}.device-card:last-child{grid-column:auto;max-width:none}.device-image{height:355px}.device-info{min-height:220px;padding-top:21px}.device-info h3{font-size:39px}.device-footnote{margin-top:30px}.scents-head{margin-bottom:30px}.scents-head>p{font-size:13px}.scent-toolbar{gap:6px}.filter{padding:0 12px;font-size:9px}.scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scent-card{height:250px;padding:18px 15px}.scent-top{top:18px;left:15px;right:15px;font-size:8px}.scent-orb{width:105px;height:105px;top:44px}.scent-card h3{font-size:25px}.scent-card>p{font-size:9px}.scents-end{display:block}.scents-end .text-link{margin-top:18px}.local-grid{gap:55px}.local-art{width:100%}.map-label{font-size:9px}.contact-grid{gap:24px}.contact-right p{font-size:14px}.site-footer{padding-top:50px}.footer-top{display:block;padding-bottom:44px}.footer-wordmark>span{font-size:36px}.footer-top>div{text-align:left;margin-top:37px;font-size:9px}.footer-bottom{display:block;font-size:9px}.footer-bottom a{display:block;margin-top:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}