* { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:120px }
body { margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased }
body.modal-open { overflow:hidden }
button, input, select, textarea { font:inherit }
button, a { -webkit-tap-highlight-color:transparent }
button { cursor:pointer }
button:disabled { cursor:default }
a { color:inherit;text-decoration:none }
button { color:inherit }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline:3px solid var(--umber);outline-offset:5px }
input, select, textarea { accent-color:var(--umber) }
img { display:block;max-width:100% }
svg { display:block }
h1, h2, h3, h4, p, figure { margin:0 }
h1, h2, h3 { letter-spacing:-.058em }
h1, h2 { font-weight:650 }
h2 { font-size:clamp(38px,4.7vw,72px);line-height:1.06 }
h3 { font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-.035em }
p { font-size:17px;line-height:1.65 }
strong { font-weight:600 }
small { font-size:inherit }
[hidden] { display:none!important }
.icon { width:22px;height:22px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0 }
.svg-sprite { position:absolute;width:0;height:0;overflow:hidden }
.rotate { transform:rotate(180deg) }
.wrap { width:min(1240px,calc(100% - 96px));margin-inline:auto }
.section { padding-block:112px }
.eyebrow { font-size:11px;line-height:1.6;letter-spacing:.15em;font-weight:650;text-transform:uppercase;color:var(--umber);display:flex;align-items:center;gap:10px;margin-bottom:23px }
.tiny-line { width:24px;height:1px;background:currentColor;flex-shrink:0 }
.gradient { background:linear-gradient(110deg,var(--ink) 3%,var(--umber) 56%,var(--warm-gray) 100%);background-clip:text;-webkit-background-clip:text;color:transparent }
.gradient-light { background:linear-gradient(110deg,var(--light) 0%,var(--sand) 60%,var(--stone) 100%);background-clip:text;-webkit-background-clip:text;color:transparent }
.muted { color:var(--umber) }
.button { min-height:58px;padding:18px 25px;border:1px solid transparent;border-radius:16px;display:inline-flex;justify-content:center;align-items:center;gap:18px;font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.3;transition:transform .25s var(--ease),box-shadow .25s,background .25s;text-align:center }
.button:hover { transform:translateY(-2px) }
.button-primary { background:linear-gradient(135deg,var(--ink-soft),var(--ink));color:var(--light);box-shadow:0 8px 22px #584A4013,inset 0 1px #ffffff12 }
.button-primary:hover { box-shadow:0 12px 25px #584A4026 }
.button-light { background:var(--paper);color:var(--ink) }
.button-outline { border-color:var(--stone);background:transparent }
.text-link { display:inline-flex;align-items:center;gap:12px;font-weight:600;line-height:1.5;font-size:15px;letter-spacing:-.02em;position:relative;background:none;border:0;padding:0 }
.text-link .icon { transition:transform .25s }
.text-link:hover .icon { transform:translate(3px,-2px) }
.microcopy { font-size:12px;line-height:1.65;color:var(--warm-gray) }
.round-button, .circle-arrow { width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--stone);background:transparent;transition:background .2s,transform .2s }
.round-button:hover { background:var(--cream);transform:translateY(-1px) }
.section-head { display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:46px }
.section-head>p, .section-head>div>p:not(.eyebrow) { max-width:360px;color:var(--warm-gray);font-size:16px }
.skip-link { position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:200;background:var(--ink);color:white;padding:16px;border-radius:10px }
.skip-link:focus { transform:none }
.site-header { position:fixed;z-index:50;left:0;top:20px;width:100%;pointer-events:none }
.nav-inner { max-width:1312px;width:calc(100% - 48px);margin:auto;border:1px solid #ffffff15;border-radius:24px;background:#584A40f0;color:var(--paper);box-shadow:0 8px 36px #584A401a;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:8px 15px 8px 27px;gap:20px;pointer-events:auto;transition:box-shadow .3s }
.brand { width:73px;flex-shrink:0 }
.brand img { width:73px;height:70px;object-fit:contain }
.desktop-nav { display:flex;gap:31px;margin-left:auto;margin-right:35px;font-size:13px;color:var(--cream) }
.desktop-nav a { padding:14px 0;transition:color .2s }
.desktop-nav a:hover { color:#fff }
.nav-actions { display:flex;align-items:center;gap:12px }
.nav-cta { padding:14px 19px;min-height:48px;border-radius:14px;background:var(--paper);color:var(--ink);border:0;font-size:12px;font-weight:650;display:flex;align-items:center;gap:16px }
.nav-cta .icon { width:18px;height:18px }
.menu-toggle { display:none;width:43px;height:45px;padding:12px;background:none;border:0 }
.menu-toggle span { display:block;height:1px;background:var(--cream);width:22px;margin:6px 0 }
.hero { position:relative;overflow:hidden;padding-top:170px;background:radial-gradient(ellipse at 15% 10%,#FFFCF7 0%,transparent 58%),var(--paper) }
.hero-layout { display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:55px;position:relative }
.hero-copy { padding-bottom:40px;z-index:2 }
.hero-copy .eyebrow { font-size:10px }
.hero h1 { font-size:clamp(46px,5.65vw,86px);line-height:.99;letter-spacing:-.069em;margin-bottom:32px }
.hero-lead { font-size:20px;font-weight:500;line-height:1.5;letter-spacing:-.035em;margin-bottom:14px }
.hero-description { font-size:15px;line-height:1.8;color:var(--warm-gray);max-width:430px }
.hero-actions { display:flex;gap:25px;align-items:center;margin-top:31px;margin-bottom:18px;flex-wrap:wrap }
.hero-actions .text-link { font-size:13px }
.hero .microcopy { font-size:11px }
.hero-art { position:relative;padding-bottom:45px;min-width:0 }
.art-index { font-size:9px;letter-spacing:.13em;display:flex;justify-content:space-between;align-items:center;margin:0 8px 12px;color:var(--umber) }
.art-index .icon { width:18px;height:18px }
.hero-photo { height:610px;border-radius:120px 28px 28px 28px;overflow:hidden;background:var(--sand);position:relative }
.hero-photo>img { width:100%;height:100%;object-fit:cover;object-position:center }
.hero-photo:after { content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#584A40b0);pointer-events:none }
.hero-photo figcaption { position:absolute;bottom:26px;left:26px;right:26px;z-index:2;color:var(--light);display:flex;flex-direction:column;gap:8px }
.hero-photo figcaption span:first-child { font-size:30px;font-weight:500;letter-spacing:-.05em }
.hero-photo figcaption span:last-child { font-size:9px;letter-spacing:.15em }
.hero-note { position:absolute;right:-18px;top:70px;background:#FFFCF7ee;padding:18px 24px;border-radius:18px;box-shadow:0 18px 50px #584A4014;backdrop-filter:blur(12px);display:flex;align-items:center;gap:14px;z-index:3;border:1px solid #ffffffaa }
.hero-note p { font-size:12px;line-height:1.5;letter-spacing:-.015em;color:var(--umber) }
.hero-note strong { color:var(--ink) }
.hero-note .icon { color:var(--umber);width:30px;height:30px }
.art-caption { position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:50px;font-size:11px;line-height:1.55;color:var(--umber) }
.art-caption .circle-arrow { width:35px;height:35px }
.hero-bottom { display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:30px;margin-top:44px;font-size:10px;letter-spacing:.17em;color:var(--umber) }
.intro-section { padding-top:88px;padding-bottom:100px }
.statement { font-size:clamp(32px,3.7vw,57px);max-width:1080px;line-height:1.17;font-weight:550;letter-spacing:-.047em }
.intro-bottom { display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;margin-top:33px }
.intro-bottom p { max-width:660px;color:var(--warm-gray);font-size:16px }
.intro-bottom .text-link { margin-bottom:6px }
.environments-section { background:linear-gradient(180deg,#DFD9D350,#DDD5D0aa);border-radius:54px 54px 0 0 }
.environment-grid { display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:320px 320px;gap:18px }
.environment-card { border-radius:var(--radius);overflow:hidden;position:relative;background:var(--stone) }
.env-tall { grid-row:span 2 }
.env-wide { grid-column:span 2 }
.env-image { height:100%;width:100% }
.env-image>img { height:100%;width:100%;object-fit:cover;transition:transform 1.1s var(--ease) }
.environment-card:hover .env-image img { transform:scale(1.04) }
.environment-card:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,#584A400b 15%,#584A4008 36%,#584A40cc 100%);pointer-events:none }
.env-content { position:absolute;inset:0;color:var(--light);padding:27px;display:flex;flex-direction:column;justify-content:end;z-index:2;pointer-events:none }
.env-content>* { pointer-events:auto }
.number-tag { position:absolute;top:24px;left:24px;border:1px solid #ffffff77;border-radius:30px;min-width:33px;height:27px;display:flex;align-items:center;justify-content:center;font-size:10px;backdrop-filter:blur(4px);background:#584A4030 }
.env-content h3 { font-size:28px;max-width:calc(100% - 30px);margin-bottom:10px }
.env-content p { font-size:13px;color:var(--line);line-height:1.55;padding-right:30px }
.env-content .round-button { position:absolute;right:23px;bottom:26px;background:var(--paper);color:var(--ink);width:36px;height:36px;border:0 }
.env-content .round-button .icon { width:18px;height:18px }
.other-environments { display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px }
.other-environments>p { font-size:14px;color:var(--umber) }
.other-environments>div { display:flex;gap:12px }
.other-environments button { border:1px solid var(--stone);padding:14px 18px;background:#F5EFE845;border-radius:50px;display:flex;align-items:center;gap:18px;font-size:12px;font-weight:500 }
.other-environments .icon { width:15px;height:15px }
.warm-section { background:var(--ink);color:var(--paper) }
.warm-section .eyebrow { color:var(--sand) }
.warm-section .section-head>p { color:var(--stone) }
.materials-section { position:relative;overflow:hidden }
.material-layout { display:grid;grid-template-columns:1fr 1.2fr;gap:85px;margin-top:58px;position:relative }
.material-nav { display:flex;flex-direction:column;align-items:stretch }
.material-nav button { background:transparent;color:var(--stone);border:0;border-bottom:1px solid #F5EFE81f;padding:25px 0;display:flex;align-items:center;text-align:left;font-size:31px;font-weight:400;letter-spacing:-.045em;gap:18px;transition:color .2s,padding .2s }
.material-nav button:first-child { border-top:1px solid #F5EFE81f }
.material-nav button span { font-size:10px;letter-spacing:0;margin-right:8px }
.material-nav button .icon { margin-left:auto;opacity:0;transform:translateX(-10px);transition:.3s }
.material-nav button[aria-selected=true] { color:var(--paper);padding-left:12px }
.material-nav button[aria-selected=true] .icon { opacity:1;transform:none }
.material-nav button:focus-visible, .warm-section .text-link:focus-visible { outline-color:var(--sand) }
.material-panel { border:1px solid #F5EFE821;border-radius:28px;background:linear-gradient(135deg,#73706D22,#75604733);padding:30px }
.material-visual { height:135px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:26px;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#91867F38,#584A4010);border:1px solid #F5EFE812 }
.material-outline { position:absolute;width:155px;height:72px;transform:rotate(-17deg)skew(20deg);border:1px solid var(--taupe);box-shadow:9px 12px 0 -1px var(--ink),10px 13px 0 var(--taupe),19px 25px 0 -1px var(--ink),20px 26px 0 var(--taupe);opacity:.6 }
.material-visual .icon { position:absolute;right:20px;top:20px;width:17px;height:17px;color:var(--sand) }
.material-caption { position:absolute;bottom:16px;left:16px;font-size:8px;letter-spacing:.17em;color:var(--sand) }
.material-panel .eyebrow { font-size:10px;margin-bottom:12px }
.material-panel h3 { font-size:34px;line-height:1.1;font-weight:500;margin-bottom:16px;min-height:73px }
.material-panel>p:not(.eyebrow) { font-size:14px;line-height:1.75;color:var(--sand);min-height:73px }
.material-panel .text-link { font-size:13px;margin-top:25px;color:var(--paper) }
.material-bottom { border-top:1px solid #F5EFE822;margin-top:45px;padding-top:25px;display:flex;align-items:center;gap:17px }
.material-bottom p { font-size:14px;color:var(--paper) }
.material-bottom span { font-size:12px;color:var(--stone) }
.material-bottom>.icon { width:28px;height:28px;color:var(--sand) }
.portfolio-filters { display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px }
.portfolio-filters button { padding:12px 21px;min-height:43px;border:1px solid var(--sand);background:transparent;border-radius:30px;font-size:12px;transition:background .2s,color .2s }
.portfolio-filters button.active { background:var(--ink);color:var(--light);border-color:var(--ink) }
.portfolio-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:32px 20px }
.project { display:block;text-align:left;border:0;background:transparent;padding:0;width:100%;min-width:0 }
.project>.photo-shell { position:relative;display:block;width:100%;height:345px;border-radius:24px;overflow:hidden;background:var(--sand) }
.project img { width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease) }
.project:hover img { transform:scale(1.035) }
.project-label { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;font-size:20px;font-weight:550;letter-spacing:-.035em;padding:0 4px }
.project-label small { display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--warm-gray);margin-top:6px }
.project-label .circle-arrow { width:34px;height:34px }
.project-label .icon { width:17px;height:17px }
.portfolio-note { font-size:11px;margin-top:28px;color:var(--warm-gray) }
.portfolio-note span { font-weight:500;margin-right:8px }
.story-section { background:#DDD5D06e;border-radius:54px }
.story-grid { display:grid;grid-template-columns:.93fr 1fr;gap:100px;align-items:center }
.story-visual { height:640px;position:relative;border-radius:26px 100px 26px 26px;overflow:hidden;background:var(--sand) }
.story-visual>img { height:100%;width:100%;object-fit:cover }
.story-visual:after { content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#584A40bc) }
.story-signature { font-size:33px;line-height:1.12;letter-spacing:-.05em;position:absolute;bottom:32px;left:32px;color:var(--paper);z-index:2 }
.story-copy h2 { font-size:65px }
.story-copy .large-text { font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.035em;color:var(--ink);margin:27px 0 18px }
.story-copy>p:not(.eyebrow):not(.large-text) { font-size:15px;color:var(--warm-gray);margin-bottom:15px;line-height:1.85 }
.story-copy .text-link { margin-top:17px;font-size:13px }
.process-grid { display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px }
.process-grid article { padding:0 25px 0 0;margin-right:25px;border-right:1px solid var(--sand) }
.process-grid article:last-child { margin:0;padding:0;border:0 }
.process-grid article>span { font-size:58px;font-weight:300;letter-spacing:-.07em;color:var(--taupe);display:block;margin-bottom:35px }
.process-grid h3 { font-size:28px;margin-bottom:15px }
.process-grid p { font-size:14px;line-height:1.8;color:var(--warm-gray) }
.partner-card { background:radial-gradient(ellipse at 100% 0,#91867F49,transparent 58%),var(--ink);border:1px solid var(--ink-soft);color:var(--paper);padding:64px;border-radius:38px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;box-shadow:inset 0 1px #F5EFE814 }
.partner-card .eyebrow { color:var(--sand);font-size:10px }
.partner-card h2 { font-size:58px }
.partner-card>div>p:not(.eyebrow):not(.microcopy) { font-size:17px;color:var(--sand) }
.partner-card .button { margin:26px 0 14px }
.partner-card .microcopy { color:var(--stone);font-size:11px }
.reviews-section { display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center }
.reviews-intro h2 { font-size:56px;margin-bottom:25px }
.reviews-intro>p:not(.eyebrow) { font-size:16px;color:var(--warm-gray);max-width:430px }
.review-carousel { grid-column:1/-1;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory }
.instagram-section { background:linear-gradient(180deg,#DFD9D340,#CEC3BB77);overflow:hidden;padding-top:95px }
.social-heading>p { font-size:13px!important;line-height:1.7 }
.social-handle { font-size:15px;font-weight:550;display:flex;align-items:center;gap:9px;margin-bottom:15px }
.social-handle>.icon { width:18px;height:18px }
.instagram-consent { background:#FFFCF780;border:1px solid var(--sand);border-radius:20px;padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px }
.instagram-consent>div { display:flex;align-items:center;gap:17px }
.instagram-consent p { font-size:13px;line-height:1.6 }
.instagram-consent p span { display:block;font-size:11px;color:var(--warm-gray) }
.instagram-consent .button { font-size:12px;min-height:46px;padding:14px 20px;flex-shrink:0 }
.instagram-rail { display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(48px,calc((100vw - 1240px)/2)) 8px;overscroll-behavior-x:contain }
.instagram-rail::-webkit-scrollbar { display:none }
.ig-card { width:340px;flex:0 0 340px;border:1px solid var(--sand);border-radius:25px;background:var(--paper);overflow:hidden;scroll-snap-align:center }
.ig-visual { height:435px;position:relative;background:radial-gradient(ellipse at 100% 0,#91867F60,transparent),var(--ink);color:var(--paper);overflow:hidden }
.ig-cover { position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:end;align-items:start }
.ig-cover>.icon { position:absolute;top:28px;right:27px;color:var(--sand) }
.ig-cover>img { width:86px;height:84px;object-fit:contain;opacity:.95;margin-bottom:auto }
.ig-cover .ig-kicker { font-size:9px;letter-spacing:.13em;color:var(--stone);margin-bottom:13px }
.ig-cover h3 { font-size:35px;line-height:1.03;font-weight:500;margin-bottom:18px }
.ig-cover .ig-topic { font-size:11px;color:var(--sand);letter-spacing:.04em }
.ig-load { position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:2 }
.ig-load-label { position:absolute;top:145px;left:30px;width:47px;height:47px;border-radius:50%;border:1px solid #CEC3BB70;display:flex;align-items:center;justify-content:center;background:#FFFFFF08 }
.ig-load-label svg { width:19px;height:19px }
.ig-frame { position:relative;z-index:3;width:100%;height:100%;background:#fff;border:0 }
.ig-meta { padding:17px 19px 18px }
.ig-meta>a:first-child { font-size:11px;color:var(--umber);display:flex;align-items:center;justify-content:space-between;margin-bottom:15px }
.ig-meta>a:first-child .icon { width:14px;height:14px }
.ig-whatsapp { display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--stone);border-radius:13px;padding:13px 9px;font-size:12px;font-weight:550 }
.ig-whatsapp .icon { width:17px;height:17px }
.carousel-bottom { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px }
.carousel-bottom>p { font-size:11px;color:var(--umber) }
.carousel-arrows { display:flex;gap:9px }
.carousel-arrows .round-button { width:39px;height:39px }
.social-cta { margin-top:22px }
.social-cta .text-link { font-size:14px }
.quote-section { padding-block:105px;position:relative;background:radial-gradient(ellipse at 0 0,#91867F29,transparent 65%),var(--ink) }
.quote-layout { display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:start }
.quote-intro { position:sticky;top:145px;padding-top:25px }
.quote-intro h2 { font-size:67px;margin-bottom:25px }
.quote-intro>p:not(.eyebrow) { font-size:16px;color:var(--sand);max-width:400px }
.quote-promises { display:grid;gap:14px;margin:29px 0 }
.quote-promises span { display:flex;align-items:center;gap:12px;font-size:13px;color:var(--cream) }
.quote-promises .icon { width:17px;height:17px;color:var(--sand) }
.quote-intro .quote-limit { font-size:12px!important;line-height:1.85;margin:27px 0!important;color:var(--stone)!important;max-width:375px }
.quote-intro>.text-link { color:var(--paper);font-size:12px }
.quiz-card { background:var(--light);color:var(--ink);border:1px solid #fff;border-radius:32px;padding:32px;min-height:660px;box-shadow:0 30px 60px #70615820;scroll-margin-top:120px }
.quiz-top { display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:.11em;color:var(--warm-gray);font-weight:500 }
.quiz-label { font-size:9px }
.quiz-progress { height:3px;background:var(--line);margin-top:18px;margin-bottom:32px;overflow:hidden;border-radius:4px }
.quiz-progress>span { display:block;width:14.285%;height:100%;background:var(--umber);transition:width .3s }
.quiz-step-heading { font-size:34px;line-height:1.1;letter-spacing:-.05em;margin-bottom:12px;font-weight:600;outline:none!important }
.quiz-subtitle { font-size:13px;line-height:1.65;color:var(--warm-gray);margin-bottom:25px }
.quiz-options { display:grid;grid-template-columns:1fr 1fr;gap:10px }
.quiz-option { display:flex;min-height:66px;position:relative;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;cursor:pointer;background:white;transition:border .2s,background .2s;font-size:12px;line-height:1.45;color:var(--warm-gray) }
.quiz-option:has(input:checked) { background:var(--paper);border-color:var(--umber);color:var(--ink) }
.quiz-option:has(input:focus-visible) { outline:3px solid var(--umber);outline-offset:3px }
.quiz-option input { position:absolute;width:1px;height:1px;opacity:0 }
.option-marker { width:19px;height:19px;border:1px solid var(--stone);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:.2s }
.quiz-option input[type=checkbox]+.option-marker { border-radius:6px }
.quiz-option input:checked+.option-marker { background:var(--ink);border-color:var(--ink) }
.option-marker:after { content:"";width:7px;height:4px;border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;transform:rotate(-45deg);margin-top:-3px;opacity:0 }
.quiz-option input:checked+.option-marker:after { opacity:1 }
.quiz-option.full { grid-column:1/-1 }
.quiz-field { display:block;margin:19px 0 }
.quiz-field>span, .quiz-field>label { display:block;font-size:12px;font-weight:600;margin-bottom:9px }
.quiz-field input, .quiz-field select, .quiz-field textarea { width:100%;border:1px solid var(--stone);padding:15px 16px;border-radius:13px;background:#fff;font-size:16px;min-height:52px;color:var(--ink) }
.quiz-field textarea { resize:vertical;min-height:110px }
.quiz-field .field-help { font-size:11px;color:var(--warm-gray);font-weight:400;margin-top:7px;line-height:1.65 }
.quiz-field-row { display:grid;grid-template-columns:1fr 1fr;gap:12px }
.quiz-field-row .quiz-field { margin-block:12px }
.quiz-field-row .quiz-field input { min-width:0 }
.quiz-navigation { display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:24px;margin-top:26px }
.quiz-navigation .button { font-size:13px;min-height:50px;padding:15px 20px;margin-left:auto;min-width:155px }
.quiz-back { border:0;background:none;display:flex;align-items:center;gap:7px;font-size:12px;padding:12px 3px }
.quiz-back .icon { width:16px;height:16px }
.quiz-footnote { font-size:10px;line-height:1.6;color:var(--warm-gray);margin-top:17px }
.quiz-error { color:var(--ink);font-size:12px;border-left:3px solid var(--umber);padding:10px 13px;background:var(--cream);margin-top:20px;border-radius:3px }
.quiz-note { background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:16px;font-size:12px;line-height:1.75;margin-top:19px;color:var(--umber) }
.quiz-summary { margin:24px 0 0;display:grid;gap:0 }
.summary-row { display:grid;grid-template-columns:90px 1fr auto;align-items:start;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px;line-height:1.6 }
.summary-row dt { color:var(--warm-gray) }
.summary-row dd { margin:0;font-weight:500;overflow-wrap:anywhere }
.summary-edit { border:0;background:none;font-size:10px;padding:4px;color:var(--umber);text-decoration:underline;text-underline-offset:3px }
.summary-actions { display:grid;gap:12px;margin-top:24px }
.summary-actions .button { width:100%;font-size:13px;min-height:54px;padding-inline:16px }
.summary-secondary { display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px }
.summary-secondary button { border:0;background:none;padding:10px 0;font-size:11px;color:var(--warm-gray);text-decoration:underline;text-underline-offset:4px }
.quiz-success-icon { border:1px solid var(--sand);border-radius:50%;height:39px;width:39px;display:flex;justify-content:center;align-items:center;margin-bottom:19px }
.privacy-inline { display:flex;gap:9px;align-items:flex-start;font-size:11px;color:var(--warm-gray);line-height:1.65;margin:20px 0 }
.privacy-inline button { background:none;border:0;text-decoration:underline;padding:0;font-size:inherit;color:var(--umber);text-align:left }
.faq-section { display:grid;grid-template-columns:1fr 1.25fr;gap:80px }
.faq-intro h2 { font-size:58px;margin-bottom:24px }
.faq-intro p:not(.eyebrow) { font-size:15px;color:var(--warm-gray) }
.faq-list details { border-top:1px solid var(--sand) }
.faq-list details:last-child { border-bottom:1px solid var(--sand) }
.faq-list summary { list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px 0;cursor:pointer;font-size:15px;font-weight:500;line-height:1.45 }
.faq-list summary::-webkit-details-marker { display:none }
.faq-list summary .icon { width:20px;height:20px;transition:transform .3s }
.faq-list details[open] summary .icon { transform:rotate(45deg) }
.faq-list details p { font-size:14px;line-height:1.8;color:var(--warm-gray);padding:0 30px 26px 0 }
.location-card { border:1px solid var(--sand);border-radius:33px;background:linear-gradient(120deg,#DDD5D04d,#CEC3BB60);padding:53px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center }
.location-card .eyebrow { font-size:10px }
.location-card .eyebrow .icon { width:14px;height:14px }
.location-card h2 { font-size:39px;margin-bottom:24px;max-width:630px }
.location-card>div>p:not(.eyebrow) { font-size:13px;color:var(--umber);line-height:1.8 }
.location-card .text-link { font-size:12px;margin-top:18px }
.contact-detail { border-left:1px solid var(--stone);padding-left:42px }
.phone-display { display:block;font-size:29px;font-weight:550;letter-spacing:-.045em;margin-bottom:17px }
.contact-detail>.button { font-size:13px;padding:15px 22px;min-height:53px;margin-top:23px }
.closing-section { text-align:center;padding-block:110px }
.closing-section .eyebrow { justify-content:center;font-size:10px }
.closing-section h2 { font-size:clamp(42px,5.6vw,78px);line-height:1.09 }
.closing-section .button { margin-top:35px }
.site-footer { background:var(--ink);color:var(--paper);padding-top:55px }
.footer-main { display:grid;grid-template-columns:auto 1fr auto;gap:55px;align-items:center;padding-bottom:42px }
.footer-brand { width:106px }
.footer-brand>img { width:106px;height:103px;object-fit:contain }
.footer-main>p { font-size:15px;line-height:1.8 }
.footer-main>p span { color:var(--stone);font-size:12px }
.footer-links { display:grid;grid-template-columns:1fr 1fr;gap:17px 36px;font-size:12px;color:var(--cream) }
.footer-links button { border:0;background:none;color:inherit;text-align:left;padding:0;font-size:12px }
.footer-bottom { display:flex;justify-content:space-between;gap:24px;padding-block:24px;border-top:1px solid #CEC3BB30;font-size:10px;color:var(--stone) }
.photo-shell { position:relative }
.photo-fallback { position:absolute;inset:0;background:linear-gradient(140deg,var(--sand),var(--taupe));color:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px }
.photo-fallback>span { font-size:55px;line-height:1.1;letter-spacing:.09em;font-weight:300 }
.photo-fallback p { font-size:13px;margin-top:20px;line-height:1.6 }
.photo-shell.is-unavailable>img { opacity:0 }
.photo-shell.is-unavailable>.photo-fallback { display:flex }
.photo-shell.is-unavailable:before { content:"";position:absolute;inset:15%;border:1px solid #F5EFE847;border-radius:90px 12px;z-index:1;pointer-events:none }
.photo-shell.is-unavailable>figcaption { z-index:2 }
dialog { border:0;margin:auto;padding:0;color:var(--ink);overscroll-behavior:contain }
dialog::backdrop { background:#584A40c9;backdrop-filter:blur(8px) }
.modal-close { position:absolute;top:18px;right:18px;z-index:10;background:var(--paper);border:1px solid #fff;width:42px;height:42px }
.menu-dialog { width:calc(100% - 24px);max-width:480px;height:calc(100dvh - 24px);max-height:820px;background:var(--ink);color:var(--paper);border-radius:26px;padding:20px 27px 30px }
.menu-top { display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid #CEC3BB30 }
.menu-top img { width:71px;height:68px;object-fit:contain }
.menu-top .round-button { border-color:var(--taupe);color:var(--paper) }
.menu-dialog nav { display:flex;flex-direction:column;margin-top:23px }
.menu-dialog nav>a { font-size:32px;letter-spacing:-.04em;display:flex;align-items:center;justify-content:space-between;padding:11px 0 }
.menu-dialog nav span { font-size:10px;color:var(--taupe);letter-spacing:0 }
.menu-location { font-size:11px;color:var(--stone);line-height:1.7;margin-top:28px }
.lightbox { width:min(1000px,calc(100% - 40px));max-height:calc(100dvh - 50px);overflow:auto;border-radius:27px;background:var(--paper) }
.lightbox-photo { background:var(--cream);height:min(66vh,650px);position:relative }
.lightbox-photo>img { width:100%;height:100%;object-fit:contain }
.lightbox-content { padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px }
.lightbox-content .eyebrow { font-size:9px;margin-bottom:8px }
.lightbox-content h2 { font-size:34px }
.lightbox-content .text-link { font-size:10px;margin-top:10px }
.lightbox-content .button { font-size:12px;flex-shrink:0 }
.privacy-dialog { width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:45px;background:var(--paper);border-radius:28px }
.privacy-dialog .eyebrow { font-size:9px;padding-right:40px }
.privacy-dialog h2 { font-size:43px;margin-bottom:25px }
.privacy-dialog h3 { font-size:21px;margin:25px 0 12px }
.privacy-dialog p { font-size:13px;color:var(--warm-gray);line-height:1.8 }
.privacy-dialog .button { margin-top:25px;font-size:12px;min-height:48px }
.privacy-dialog .microcopy { font-size:10px;margin-top:20px }
.toast { position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:16px 24px;border:1px solid var(--taupe);border-radius:15px;max-width:calc(100% - 36px);z-index:200;box-shadow:0 8px 35px #0002;font-size:13px;text-align:center }
.text-copy-fallback { font:12px/1.6 var(--font);background:#fff;border:1px solid var(--sand);border-radius:12px;padding:15px;width:100%;min-height:180px;resize:vertical;margin-top:15px }
.hero-actions-stacked { flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:16px }
.hero-actions-stacked .text-link { min-height:34px }
.art-caption { gap:14px;align-items:center }
.art-caption>span:first-child { line-height:1.55;white-space:normal }
.intro-bottom-stacked { grid-template-columns:1fr;align-items:start;gap:23px }
.intro-bottom-stacked p { max-width:760px }
.intro-bottom-stacked .text-link { justify-self:start }
.section-head-stacked { flex-direction:column;align-items:flex-start;gap:24px }
.section-head-stacked>p, .section-head-stacked>.social-heading { max-width:700px;margin:0 }
.other-environments-stacked { flex-direction:column;align-items:flex-start;gap:20px;margin-top:34px }
.other-environments-stacked>p { font-size:27px;font-weight:560;letter-spacing:-.035em;color:var(--ink) }
.other-environments-stacked>div { display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start }
#projectsTitle { font-size:clamp(52px,6.1vw,88px);line-height:1.04;letter-spacing:-.06em }
.material-photo { height:auto;aspect-ratio:16/10;display:block;margin-bottom:26px;border:0;background:#756047;isolation:isolate }
.material-photo>img { display:block;width:100%;height:100%;object-fit:cover;object-position:center }
.material-photo:after { content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#584A40bf);pointer-events:none }
.material-photo-label { position:absolute;bottom:16px;left:18px;right:12px;font-size:8px;font-weight:600;letter-spacing:.12em;color:#fff;z-index:1;line-height:1.5 }
.material-image-status { position:absolute;inset:0;display:grid;place-content:center;padding:25px;font-size:13px;line-height:1.75;color:var(--sand);text-align:center }
.material-panel .material-credit { font-size:11px!important;line-height:1.65!important;color:var(--sand);min-height:0!important;margin-top:22px }
.material-credit span { font-size:10px;color:var(--stone) }
.reviews-section:not([hidden]) { display:block }
.review-carousel { margin-top:30px;padding:3px 3px 14px }
.social-handle { cursor:default }
.social-heading { margin-top:0 }
.ig-visual { height:435px;background:var(--cream) }
.gallery-image-button { width:100%;height:100%;border:0;padding:0;background:transparent;display:block;overflow:hidden }
.gallery-image-button>img, .ig-visual>video { width:100%;height:100%;object-fit:cover;display:block }
.gallery-image-button>img { transition:transform .5s var(--ease) }
.gallery-image-button:hover>img { transform:scale(1.025) }
.gallery-image-button:focus-visible { outline-offset:-5px }
.ig-meta h3 { font-size:21px;line-height:1.25;letter-spacing:-.035em;margin:2px 0 7px }
.gallery-origin { font-size:8px;letter-spacing:.12em;color:var(--umber);line-height:1.5;margin-bottom:15px }
.ig-meta>.ig-whatsapp { margin:0;font-size:12px;color:var(--ink);border-radius:13px;line-height:1.45;min-height:62px;text-align:center }
.ig-meta>.ig-whatsapp .icon { width:22px;height:22px }
.gallery-error { position:absolute;inset:0;display:grid;place-content:center;padding:32px;font-size:14px;line-height:1.8;color:var(--umber);text-align:center }
.ig-meta>.ig-whatsapp:hover { background:var(--ink);color:var(--paper);border-color:var(--ink) }
.media-dialog .lightbox-photo img { object-fit:contain;width:100%;height:100% }
.media-dialog .lightbox-content { gap:24px;align-items:center }
.media-dialog .lightbox-content .button { font-size:12px;max-width:350px }
.contact-detail>.eyebrow { font-size:10px;line-height:1.65;margin-bottom:12px }
.phone-display { display:inline-block;max-width:100%;line-height:1.3 }
.skip-link:not(:focus) { opacity:0;pointer-events:none }
.skip-link:focus { opacity:1;pointer-events:auto }