/* Five identities occupy one continuous editorial space. */
.niche-experience{--scene-bg:#ead9d2;--scene-ink:#572b3b;--scene-muted:#6c4651;--scene-accent:#68283d;--scene-on-accent:#fff3ec;--scene-rule:#572b3b45;background:var(--scene-bg);color:var(--scene-ink);transition:background-color .65s ease,color .65s ease}
.niche-experience[data-active-scene=barbearia]{--scene-bg:#141c19;--scene-ink:#f2e8d6;--scene-muted:#c5cabb;--scene-accent:#dfb581;--scene-on-accent:#18221b;--scene-rule:#f2e8d645}
.niche-experience[data-active-scene=pet]{--scene-bg:#d7e9bb;--scene-ink:#20452e;--scene-muted:#3f6149;--scene-accent:#204a32;--scene-on-accent:#eff5dd;--scene-rule:#20452e45}
.niche-experience[data-active-scene=saude]{--scene-bg:#dfeded;--scene-ink:#174b58;--scene-muted:#3d626b;--scene-accent:#07566a;--scene-on-accent:#f4fbfa;--scene-rule:#174b5845}
.niche-experience[data-active-scene=turismo]{--scene-bg:#102b39;--scene-ink:#fbebd6;--scene-muted:#c2d6d9;--scene-accent:#edb28d;--scene-on-accent:#162d37;--scene-rule:#fbebd645}
.scene-introduction,.scene-controls,.scene-track,.scene-footer{position:relative;z-index:1}
.niche-experience::before{content:'BELEZA';position:absolute;left:-.035em;right:0;top:50%;font:800 clamp(160px,21vw,360px)/.85 Manrope,sans-serif;letter-spacing:-.085em;white-space:nowrap;opacity:.045;pointer-events:none;z-index:0}
.niche-experience[data-active-scene=barbearia]::before{content:'ESTILO';font-weight:800;opacity:.055}
.niche-experience[data-active-scene=pet]::before{content:'CUIDADO'}
.niche-experience[data-active-scene=saude]::before{content:'ATENÇÃO'}
.niche-experience[data-active-scene=turismo]::before{content:'DESTINOS';opacity:.06}
.niche-experience .scene-introduction .section-title,.niche-experience .scene-introduction .section-title span,.niche-experience .scene-introduction .eyebrow,.niche-experience .scene-heading,.niche-experience .scene-pause,.niche-experience .scene-count{color:var(--scene-ink)}
.niche-experience .scene-introduction>p:last-child{color:var(--scene-muted)}
.niche-experience .scene-tabs button{color:var(--scene-ink);border-color:var(--scene-rule);background:transparent}
.niche-experience .scene-tabs button[aria-pressed=true]{background:var(--scene-accent);color:var(--scene-on-accent);border-color:var(--scene-accent)}
.niche-experience .scene-tabs button[aria-pressed=true]::after{background:var(--scene-on-accent)}
.niche-experience .scene-tabs button:focus-visible,.niche-experience .scene-pause:focus-visible{outline:2px solid var(--scene-ink);outline-offset:4px}
.niche-experience .scene-pause{border-color:var(--scene-rule)}
.niche-experience[data-enhanced=true]>.scene-track{border-color:var(--scene-rule)}
.niche-experience .niche-story>h2{color:var(--scene-ink)!important;font-size:clamp(44px,4.8vw,72px)!important;font-weight:750!important}
.niche-experience .niche-overline,.niche-experience .niche-story>p{color:var(--scene-muted)!important}
.niche-experience .niche-contact{color:var(--scene-ink);border-color:var(--scene-rule);margin-top:27px}
.niche-experience .niche-demo{border-color:var(--scene-rule);box-shadow:10px 10px 0 var(--scene-rule)}
.niche-experience .scene-footer{color:var(--scene-muted);border-color:var(--scene-rule)}
.niche-experience .scene-footer>a{color:var(--scene-ink)}
.niche-shell{min-height:1000px;gap:95px;padding-block:48px}
.niche-story{position:relative;padding-bottom:30px}
.niche-story::after{content:'';width:65px;height:4px;display:block;background:var(--scene-accent);margin-top:28px}
.demo-editorial-image{margin:0 0 20px;border:0;overflow:hidden;border-radius:0}
.demo-editorial-image img{display:block;width:100%;height:100%;min-width:0;object-fit:cover}
.editorial-portrait{--portrait-height:195px;display:grid;grid-template-columns:minmax(0,1fr) calc(var(--portrait-height)*.8);grid-template-rows:minmax(0,1fr);height:var(--portrait-height);background:#ecdbd5}
.editorial-portrait figcaption{display:flex;flex-direction:column;justify-content:center;padding:18px 14px;color:#652c3e;min-height:0;min-width:0}
.editorial-portrait figcaption>span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:13px;line-height:1.6}
.editorial-portrait figcaption>strong{font:650 clamp(23px,2.1vw,31px)/1.1 Manrope,sans-serif;letter-spacing:-.05em}
.editorial-portrait img{object-position:50% 50%;object-fit:contain;min-height:0}
.pet-app .editorial-portrait{background:#d1e4bf}.pet-app .editorial-portrait figcaption{color:#20462e}.pet-app .editorial-portrait img{object-position:50% 25%}
.editorial-wide{background:#0e1512}.editorial-wide img{height:auto;aspect-ratio:760/428;object-position:50% 50%}.editorial-wide figcaption{font-size:13px;color:#e5d3b6;padding:12px 15px;border:1px solid #e5d3b62e;border-top:0}
.editorial-clinic{margin-bottom:18px}.editorial-clinic img{height:auto;aspect-ratio:720/480;object-position:50% 50%}.editorial-clinic figcaption{font-size:10px;padding:9px 0;border-bottom:1px solid #174b5829;color:#174b58}
.niche-demo .travel-app-image{height:auto!important;aspect-ratio:auto;overflow:visible;border-radius:0;position:relative;background:none}
.niche-demo .travel-app-image>img{display:block;position:static;width:100%;height:auto;aspect-ratio:760/428;object-fit:cover;object-position:50% 50%;opacity:1}
.niche-demo .travel-app-image::after,.niche-demo .travel-app-image::before{display:none}
.niche-demo .travel-app-image>div{position:static;padding:18px 0 5px;background:none}
.niche-demo .travel-app-image .micro-label{font-size:9px;color:#e6c6a5}
.niche-demo .travel-app-image h3{font-size:36px;line-height:1.04;margin-top:9px;color:#f4f1e9}
.niche-demo .travel-app-image h3 br{display:none}
.niche-demo .health-main{min-width:0}
.niche-demo .travel-app-body>.demo-caption{color:#c2d6d9}
.niche-demo .pet-app-header{background:transparent;color:#174c38}
.niche-demo .pet-service-label{background:transparent;color:#174c38}
.niche-demo .pet-services{border-radius:2px}
.niche-demo .pet-services button{border-radius:2px}

/* Navigation borrows the environment while the reader is in the examples. */
.site-header{transition:background-color .5s ease,color .5s ease,border-color .5s ease}
body[data-example-theme]{--nav-bg:#ead9d2;--nav-ink:#572b3b;--nav-rule:#572b3b45}
body[data-example-theme=barbearia]{--nav-bg:#141c19;--nav-ink:#f2e8d6;--nav-rule:#f2e8d645}
body[data-example-theme=pet]{--nav-bg:#d7e9bb;--nav-ink:#20452e;--nav-rule:#20452e45}
body[data-example-theme=saude]{--nav-bg:#dfeded;--nav-ink:#174b58;--nav-rule:#174b5845}
body[data-example-theme=turismo]{--nav-bg:#102b39;--nav-ink:#fbebd6;--nav-rule:#fbebd645}
body[data-example-theme] .site-header,body[data-example-theme] .mobile-nav{background:var(--nav-bg);color:var(--nav-ink);border-color:var(--nav-rule)}
body[data-example-theme] .site-header .wordmark,body[data-example-theme] .desktop-nav a,body[data-example-theme] .mobile-nav a,body[data-example-theme] .site-header .effects-toggle{color:var(--nav-ink)}
body[data-example-theme] .site-header .brand-frame>i,body[data-example-theme] .menu-button span{background:var(--nav-ink)}
body[data-example-theme] .site-header .effects-toggle,body[data-example-theme] .site-header .menu-button{border-color:var(--nav-rule)}
body[data-example-theme] .site-header .header-cta{color:#18201f;border-color:var(--nav-ink)}
@media(max-width:700px){
 .niche-shell{grid-template-columns:1fr;min-height:1120px;gap:25px;padding-block:30px 38px;align-content:start}
 .niche-story{display:block;padding-bottom:0}
 .niche-overline{display:block;font-size:9px;letter-spacing:.08em}
 .niche-experience .niche-story>h2{font-size:40px!important;line-height:1.04!important;max-width:370px;margin-block:15px!important}
 .niche-story>p{font-size:13px!important;max-width:320px}
 .niche-experience .niche-contact{font-size:12px;min-height:44px;margin-top:16px}
 .niche-story::after{display:none}
 .niche-experience::before{font-size:170px;top:46%;opacity:.055}
 .niche-demo{min-height:0;align-self:start}
 .niche-demo>.beauty-app,.niche-demo>.barber-booking,.niche-demo>.pet-app,.niche-demo>.health-app,.niche-demo>.travel-app{min-height:750px!important}
 .editorial-portrait{--portrait-height:185px;margin-bottom:18px}
 .editorial-portrait figcaption{padding:15px 11px}.editorial-portrait figcaption>strong{font-size:25px}.editorial-portrait figcaption>span{font-size:8px}
 .niche-demo .barber-booking{padding:20px!important}
 .editorial-wide{margin-block:17px 20px}.editorial-wide img{aspect-ratio:760/428}.editorial-wide figcaption{font-size:12px;padding:10px}
 .niche-demo .health-app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.niche-demo .health-app>aside{padding:16px 18px;display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:15px}.niche-demo .health-app>aside>strong{font-size:18px;margin:0}.niche-demo .health-app>aside>span{display:none}
 .niche-demo .health-app>aside>.health-symbol{display:block;width:25px;height:25px;margin:0 0 0 auto;padding:0}
 .niche-demo .health-app>aside>.health-symbol svg{width:25px;height:25px}
 .niche-demo .health-main{padding:17px;min-height:0}.editorial-clinic{margin-bottom:15px}
 .niche-demo .travel-app{padding:17px!important}
 .niche-demo .travel-app-image>div{padding-top:15px}.niche-demo .travel-app-image h3{font-size:30px}
 .niche-demo .travel-app-body{padding-top:10px}
 .niche-experience .scene-footer .scene-gesture{max-width:180px}
}
@media(max-width:360px){.niche-shell{min-height:1140px}.niche-experience .niche-story>h2{font-size:35px!important}.editorial-portrait{--portrait-height:158px}.editorial-portrait figcaption>strong{font-size:22px}.niche-demo .health-main{padding-inline:13px}.niche-demo .health-main>h3{font-size:22px}.niche-demo .travel-app-image h3{font-size:26px}}
@media(min-width:701px) and (max-width:1100px){.niche-shell{grid-template-columns:.85fr 1.15fr;gap:32px;min-height:1100px}.niche-experience .niche-story>h2{font-size:45px!important}.niche-demo .health-app{grid-template-columns:70px 1fr}.niche-demo .health-main{padding:16px 12px}.niche-demo .health-app>aside{padding:18px 8px}.niche-demo .health-app>aside>strong{font-size:10px}.niche-demo .health-app>aside>span{font-size:10px}.niche-demo .health-main>h3{font-size:22px}.niche-demo .health-service-demo .service-choice-list{grid-template-columns:1fr}.niche-demo .health-service-demo .service-choice-list button{min-height:38px}.editorial-portrait figcaption>strong{font-size:23px}.editorial-portrait{--portrait-height:180px}}
body[data-motion=paused] .niche-experience,body[data-motion=paused] .site-header{transition:none}
@media(prefers-reduced-motion:reduce){.niche-experience,.site-header{transition:none}}
@media(max-width:700px){.personalization-bottom>.button{display:flex;width:100%;max-width:100%;min-width:0;white-space:normal;margin-left:0;justify-content:space-between}.personalization-bottom{min-width:0;display:block}}