:root{--olive:#4a5d3a;--paper:#f4f1eb;--ink:#4a4339;--line:rgba(74,67,57,.24);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--olive);outline-offset:5px}img{display:block;width:100%;height:auto;object-fit:contain}h1,h2,.display-copy{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;letter-spacing:-.04em;overflow-wrap:break-word}h1{font-size:clamp(2.45rem,9.5vw,3.7rem)}h2{font-size:clamp(2rem,7.7vw,3rem)}em{color:var(--olive);font-weight:400}.eyebrow{display:block;font-size:.75rem;letter-spacing:.12em;line-height:1.6}.lead{font-size:1.0625rem;max-width:650px;margin:22px 0}.statement{font-weight:600;color:var(--olive)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:14px 20px;background:var(--olive);border:1px solid var(--olive);color:var(--paper);font-size:.875rem;line-height:1.4;text-align:center;transition:background .25s,transform .3s,box-shadow .3s}.button span{font-size:22px;transition:transform .3s}.text-link{display:inline-flex;align-items:center;gap:18px;min-height:48px;border:0;border-bottom:1px solid currentColor;background:none;font-size:.875rem;padding:8px 0;color:inherit}.skip{position:absolute;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:0}.logo-tag{display:block;width:100%;background:var(--olive);line-height:0;padding:0;overflow:visible}.brand-art{display:block;width:100%;height:auto;aspect-ratio:972/990;overflow:visible}.brand-art image{object-fit:contain}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--olive);z-index:30;pointer-events:none}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:86px;padding:8px 5%;border-bottom:1px solid var(--line);background:var(--paper);transition:box-shadow .3s}header.is-scrolled{box-shadow:0 7px 24px #20291912}.brand{display:block;width:62px;flex:0 0 62px}.header-booking{margin-left:auto;min-height:44px;font-size:.75rem;gap:12px;padding:11px 12px}.desktop-nav{display:none}.mobile-menu summary{min-width:48px;min-height:44px;display:flex;gap:6px;align-items:center;justify-content:center;cursor:pointer;list-style:none;font-size:.8125rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;left:0;right:0;top:100%;display:grid;background:var(--paper);padding:12px 5% 20px;border-bottom:1px solid var(--line);box-shadow:0 10px 25px #20291918}.mobile-menu nav a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero{padding:22px 6% 32px}.hero-top{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;letter-spacing:.1em}.hero-top span:last-child{display:none}.hero-grid{display:flex;flex-direction:column;gap:28px;padding-top:25px}.hero h1 em{display:block}.hero-copy{width:100%}.professional{font:1.5rem/1.3 Georgia,serif;margin:22px 0 12px}.hero .lead{margin:0 0 24px}.hero .button{width:100%}.hero-logo{width:100%;perspective:1200px;overflow:visible}.hero-logo .logo-tag{width:100%;transition:transform .5s ease;transform-origin:center}.reel-launch{text-align:center;padding-top:10px}.reel-launch .text-link{font-size:.75rem}.section,.benefit-section,.work,.copy-highlight,.faq-section{padding:56px 6%}.section>.eyebrow,.benefit-section>.eyebrow,.faq-section>.eyebrow{margin-bottom:24px}.benefit-section{border-top:1px solid var(--line)}.benefits{display:grid;gap:24px;margin-top:30px}.benefits article{border-top:1px solid var(--line);padding-top:20px}.benefits article>span{font-size:.75rem}.benefits h3{font:1.5rem/1.25 Georgia,serif;margin:12px 0}.services{background:var(--ink);color:var(--paper)}.services em{color:#d0d9c5}.services h2{margin-bottom:32px}.service{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;border-top:1px solid #ffffff40;padding:28px 0}.number{color:#d0d9c5;font-size:.8125rem;padding-top:4px}.service h3{font:1.6rem/1.2 Georgia,serif;margin-bottom:15px}.service p{color:#ece8e1}.service .text-link{margin-top:15px}.copy-highlight{text-align:left}.display-copy{font-size:clamp(2rem,8.5vw,3.5rem);margin:22px 0}.copy-highlight>p:last-child{font-size:1.0625rem;margin-top:26px;max-width:700px}.method{background:#e8e9df}.method .display-copy{margin-top:0}.method .text-link{margin-top:20px}.portrait{max-width:360px;margin:0 auto 28px}.home-copy>.eyebrow{margin-bottom:24px}.home-copy p{margin-top:22px}.work-heading{margin-bottom:28px}.work-heading .eyebrow{margin-bottom:22px}.work-heading p{margin-top:22px}.gallery{display:grid;gap:32px}.gallery figure{min-width:0}.gallery img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.gallery figcaption{font-size:.875rem;margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.cozy{border-top:1px solid var(--line)}.local .button{margin-top:22px;width:100%;font-size:.8125rem}.faq-section h2{margin-bottom:30px}.faq-section details{border-top:1px solid var(--line);padding:16px 0}.faq-section summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer}.faq-section summary::-webkit-details-marker{display:none}.faq-section h3{font:500 1rem/1.5 Arial,sans-serif}.faq-section summary>span{font-size:24px;transition:transform .2s}.faq-section details[open] summary>span{transform:rotate(45deg)}.faq-section details p{padding:12px 0}.faq-section details .text-link{margin-top:8px}.booking{padding:58px 6%;background:var(--olive);color:var(--paper);text-align:center}.booking h2{font-size:clamp(2.7rem,11vw,4.3rem);margin:25px 0 30px}.booking em{color:#d4dec8}.booking .button{background:var(--paper);color:var(--olive);border-color:var(--paper);width:100%;max-width:380px}footer{padding:38px 6% 20px}.footer-story{display:grid;gap:26px;margin:0 auto 36px;max-width:1050px}.footer-client{max-width:380px;margin:auto}.footer-story>div{text-align:center}.footer-story .footer-logo{width:100%;margin:0 0 24px}.footer-story p{font:1.75rem/1.25 Georgia,serif;margin-bottom:20px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:.75rem}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom>span:last-child{width:100%;letter-spacing:.1em}.blog-page{max-width:950px;margin:auto;padding:48px 6%}.blog-page h1{font-size:clamp(2.3rem,9vw,3.75rem);margin:24px 0}.blog-page h2{font-size:2rem;margin:30px 0 16px}.blog-page p{margin:20px 0}.blog-card{padding:24px 0;border-top:1px solid var(--line)}.blog-card a{text-decoration:underline}.blog-content{font-size:1.0625rem}.blog-content li{margin:12px 0}
/* Mobile video window keeps the close and sound controls in reach. */
dialog{width:calc(100vw - 20px);max-width:470px;max-height:calc(100dvh - 20px);padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);overflow:auto;margin:auto}dialog::backdrop{background:#131910cc}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;margin-bottom:8px;position:sticky;top:-12px;background:var(--paper);z-index:2}.dialog-top button{border:1px solid var(--line);background:var(--paper);color:var(--ink);min-width:48px;min-height:48px;padding:8px}.dialog-top>span{font-size:1rem}#reel-video{display:block;width:100%;max-height:calc(100dvh - 210px);min-height:100px;object-fit:contain;background:#20261c}dialog iframe{display:block;width:100%;height:calc(100dvh - 220px);border:0}dialog p{font-size:.8125rem;line-height:1.5;margin-top:12px}dialog p a{text-decoration:underline}.audio-toggle{width:100%;min-height:44px;margin-top:10px;background:var(--olive);color:var(--paper);border:0;font-size:.875rem;padding:10px}.audio-note{min-height:0}
@media(min-width:700px){header{padding:10px 5%;gap:22px}.brand{width:74px;flex-basis:74px}.header-booking{font-size:.875rem;padding:12px 20px}.hero{padding:26px 5% 45px}.hero-top span:last-child{display:block}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding-top:35px}h1{font-size:clamp(2.8rem,5.3vw,5.1rem)}.hero .button{width:auto}.section,.benefit-section,.work,.copy-highlight,.faq-section{padding:80px 6%}h2{font-size:clamp(2.5rem,4.6vw,4.4rem)}.benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.section{display:grid;grid-template-columns:1fr 2.6fr;gap:6%}.home{grid-template-columns:1fr 1.3fr;align-items:center}.portrait{margin:0}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.copy-highlight{text-align:center}.copy-highlight>p:last-child{margin-left:auto;margin-right:auto}.display-copy{font-size:clamp(2.9rem,5.5vw,5rem)}.footer-story{grid-template-columns:minmax(200px,360px) minmax(0,1fr);align-items:center;gap:8%}.footer-story>div{text-align:left}.footer-story .footer-logo{width:100%}.footer-bottom{align-items:center}.footer-bottom>span:last-child{width:auto}.local .button{width:auto}.booking{padding:85px 6%}.booking h2{font-size:clamp(3.5rem,7vw,6.5rem)}.faq-section{padding-left:12%;padding-right:12%}}
@media(min-width:1000px){.desktop-nav{display:flex;gap:28px;margin:auto;font-size:.875rem}.desktop-nav a{min-height:44px;display:flex;align-items:center;position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:4px;height:1px;left:0;width:100%;background:var(--olive);transform:scaleX(0);transform-origin:right;transition:transform .3s}.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}.mobile-menu{display:none}.section,.benefit-section,.work,.copy-highlight{padding-top:100px;padding-bottom:100px}.lead{font-size:1.1875rem}.footer-story p{font-size:2.15rem}}

/* Toolbar da Na Tay: verde integral com controles em tom claro. */
header{background:var(--olive);color:var(--paper);border-bottom-color:#d4dec84d}
header.is-scrolled{box-shadow:0 7px 24px #20291935}
header .header-booking{background:transparent;color:var(--paper);border-color:var(--paper)}
header .header-booking{background:var(--olive);color:var(--paper);border-color:var(--paper)}
header .header-booking:hover{background:var(--paper);color:var(--olive)}
header .desktop-nav a:after{background:var(--paper)}
header .mobile-menu nav{background:var(--olive);color:var(--paper);border-bottom-color:#d4dec84d;box-shadow:0 10px 25px #20291935}
header a:focus-visible,header summary:focus-visible{outline-color:var(--paper)}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-3px);box-shadow:0 10px 22px #26371c20;background:#3c4e2e}.button:hover span{transform:translate(3px,-3px)}.booking .button:hover{background:white}.gallery figure{transition:transform .5s}.gallery figure:hover{transform:translateY(-8px)}.service{transition:padding-left .3s,border-color .3s}.service:hover{padding-left:8px;border-color:#c5ceba}.text-link:hover{opacity:.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reading-progress{display:none}.hero-logo .logo-tag,.button:hover,.gallery figure:hover{transform:none!important}.service:hover{padding-left:0}}
/* Modern, bold editorial hierarchy for Na Tay. */
@font-face{font-family:Manrope;src:url('/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
body{font-family:Manrope,Arial,sans-serif}h1,h2,.display-copy,.benefits h3,.service h3,.professional,.footer-story p{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.055em;font-style:normal}h1,h2,.display-copy{line-height:1.08;text-wrap:balance}h1{font-size:clamp(2.5rem,9.4vw,4rem)}h2{font-size:clamp(2.1rem,8vw,3.4rem)}h1 em,h2 em,.display-copy em{font-style:normal;font-weight:800}.eyebrow{letter-spacing:.15em}.professional{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;font-size:1.5rem}.professional span{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:400}.benefit-section h2{max-width:1050px}.benefits h3,.service h3{letter-spacing:-.035em;font-size:1.4rem;line-height:1.2}.copy-highlight{border-top:1px solid var(--line)}.copy-highlight .display-copy{text-transform:uppercase;font-size:clamp(2.25rem,9vw,5.6rem)}.cozy{background:var(--olive);color:var(--paper)}.cozy em{color:#d4dec8}.services h2{max-width:900px}.method .display-copy{font-size:clamp(2.25rem,8.5vw,5.3rem)}.footer-story p{letter-spacing:-.04em}.hero-logo{perspective:1500px}.hero-logo .logo-tag{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1);overflow:visible}.hero-logo .brand-art{transform-origin:50% 50%;will-change:auto;overflow:visible}.hero-logo .logo-tag.is-presenting{transition:none}.hero-logo .logo-tag:focus-visible{outline:2px solid var(--olive)}
@media(min-width:700px){h1{font-size:clamp(2.65rem,5vw,5.2rem)}h2{font-size:clamp(2.6rem,4.5vw,4.7rem)}.hero-grid{grid-template-columns:1.1fr 1fr;gap:6%}.copy-highlight{padding-top:110px;padding-bottom:110px}.copy-highlight .display-copy{max-width:1200px;margin-left:auto;margin-right:auto}.benefits h3,.service h3{font-size:1.7rem}.booking h2{font-size:clamp(3.5rem,8vw,7.5rem)}}

/* Official transparent identity and softly lit glass. */
.logo-tag{background:transparent}
.brand-art{aspect-ratio:auto;filter:none}
header .brand{width:112px;flex-basis:112px}
header .brand-art{filter:brightness(0) invert(1)}
header{background:rgba(54,73,42,.88);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);border-bottom:1px solid #ffffff30}
.glass-emblem{position:relative;isolation:isolate;padding:12%;border:1px solid #ffffffb3;border-radius:30px;background:linear-gradient(135deg,#ffffff85,#ffffff18 55%,#72845820);box-shadow:inset 0 1px 1px #fff,0 24px 65px #35472b12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.glass-emblem .logo-tag{position:relative;z-index:1;animation:brand-float 8s ease-in-out infinite}
.brand-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero{background:radial-gradient(ellipse at 85% 45%,#87956d24,transparent 55%)}
main>section:not(.hero){position:relative;isolation:isolate;overflow:hidden}
main>section:not(.hero)::before{content:"";position:absolute;right:-3%;bottom:-40px;width:clamp(180px,28vw,430px);height:90%;background:url('/assets/brand/symbol.svg') center/contain no-repeat;opacity:.045;pointer-events:none;z-index:-1}
main>section.cozy::before,main>section.booking::before,main>section.services::before{filter:brightness(0) invert(1);opacity:.07}
main>section.copy-highlight::before{background-image:url('/assets/brand/seal.svg');right:3%;opacity:.04}
.benefits article{padding:24px;background:#ffffff35;border:1px solid #ffffff85;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff80;backdrop-filter:blur(12px)}
.footer-story .footer-logo{max-width:390px;padding:18px 0 24px}
@keyframes brand-float{0%,100%{translate:0 0;rotate:-.6deg}50%{translate:0 -9px;rotate:.6deg}}
@media(min-width:700px){header .brand{width:155px;flex-basis:155px}.glass-emblem{padding:14% 12%}}
@media(max-width:420px){header{gap:8px}header .brand{width:86px;flex-basis:86px}.header-booking{padding:9px;font-size:.7rem;gap:6px}}
@media(prefers-reduced-motion:reduce){.glass-emblem .logo-tag{animation:none;translate:none;rotate:none}}

/* Two official logo pieces meet as the hero passes through the viewport. */
.logo-assembly{padding:12%;overflow:hidden;--separation:0px;--assembly-opacity:1}
.assembly-art{position:relative;width:100%;aspect-ratio:1350/1150}
.assembly-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:var(--assembly-opacity)}
.assembly-nt{clip-path:inset(0 0 46% 0);transform:translateY(calc(-1 * var(--separation)))}
.assembly-name{clip-path:inset(54% 0 0 0);transform:translateY(var(--separation))}
.footer-story{display:block;max-width:650px}.footer-story>div{text-align:center}.footer-story .footer-logo{margin:0 auto 20px}
@media(prefers-reduced-motion:reduce){.assembly-art img{transform:none;opacity:1}}

/* Compact, connected appointment flow, including narrow screens. */
#atendimento.appointment-flow{padding:48px 6% 40px;background:linear-gradient(120deg,#f4f1eb,#e8e9df75)}
.flow-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.flow-intro .eyebrow{margin-bottom:14px}
.flow-intro h2{font-size:clamp(1.8rem,3.8vw,3.5rem);line-height:1.12}
.flow-intro>p{max-width:340px;font-size:1rem}
.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:22px 0 18px;margin:0;list-style:none;border:1px solid #ffffffb3;border-radius:18px;background:#ffffff40;box-shadow:inset 0 1px 0 #fff9}
.flow-steps li{position:relative;min-width:0;padding:0 clamp(12px,2.6vw,36px)}
.flow-steps li:not(:last-child)::after{content:"";position:absolute;top:17px;left:calc(clamp(12px,2.6vw,36px) + 46px);right:0;height:1px;background:linear-gradient(90deg,#4a5d3a66,#4a5d3a20)}
.flow-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4a5d3a4d;border-radius:50%;font-size:.75rem;color:var(--olive);background:#f4f1eb}
.flow-steps h3{font-size:clamp(1rem,2vw,1.4rem);line-height:1.3;letter-spacing:-.035em;margin:15px 0 8px;font-weight:800}
.flow-steps p{font-size:.875rem;line-height:1.55;max-width:260px;text-wrap:pretty}
.flow-link{margin-top:16px}
@media(max-width:699px){#atendimento.appointment-flow{padding:32px 5% 28px}.flow-intro{display:block;margin-bottom:20px}.flow-intro>p{margin-top:14px}.flow-steps{padding:18px 0 16px;border-radius:14px}.flow-steps li{padding:0 12px}.flow-steps li:not(:last-child)::after{left:54px}.flow-steps h3{margin-top:12px}.flow-intro h2{font-size:clamp(1.8rem,6.2vw,2.6rem)}}
@media(max-width:359px){.flow-steps li{padding:0 8px}.flow-steps h3{font-size:.95rem}.flow-steps li:not(:last-child)::after{left:47px}}

#close-reel:focus-visible{outline:3px solid white;outline-offset:5px}
.before-after{position:relative;isolation:isolate;width:100%;max-width:760px;aspect-ratio:1/1;margin:34px 0 8px;overflow:hidden;background:#d9ddd2;cursor:ew-resize;touch-action:none;outline-offset:6px}
.before-after:focus-visible{outline:3px solid var(--olive)}
.before-after__image{position:absolute;inset:0;overflow:hidden}
.before-after__image img{width:100%;height:100%;object-fit:cover;object-position:center}
.before-after__image--top{width:50%;z-index:2;border-right:1px solid #f4f1eb;}
.before-after__image--top img{width:calc(100% / .5);max-width:none}
.before-after__label{position:absolute;top:16px;padding:7px 10px;background:#f4f1ebdd;color:var(--ink);font-size:.6875rem;letter-spacing:.12em;line-height:1.2}
.before-after__image--base .before-after__label{right:16px}.before-after__image--top .before-after__label{left:16px}
.before-after__handle{position:absolute;z-index:3;top:50%;left:50%;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #f4f1eb;background:var(--olive);color:var(--paper);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #20291940;cursor:ew-resize}
.before-after__handle span{font-size:21px;line-height:1}
.before-after__caption{margin:12px 0 0;font-size:.8125rem;line-height:1.45;color:var(--olive);font-style:italic}
@media(max-width:699px){.before-after{margin-top:28px}.before-after__label{top:10px;font-size:.625rem}.before-after__image--base .before-after__label{right:10px}.before-after__image--top .before-after__label{left:10px}}