/* Composition based on the supplied October 15 reference. */
:root{--layout-width:1240px;--section-gap:80px}
.container,.care,.focus,.studio,.team{width:min(var(--layout-width),calc(100% - 80px));margin-inline:auto}
h2,.method-copy h2,.care .split-copy h2,.focus .split-copy h2,.evaluations-copy h2{font-size:clamp(34px,3.3vw,48px);line-height:1.1}
.split-copy>p,.focus .split-copy>p,.evaluations-copy>p:not(.eyebrow),.method-copy>p{font-size:20px;line-height:1.45}
.header-inner{gap:24px}
.pillar-grid{padding-block:24px;min-height:120px}
.pillar{gap:18px;font-size:17px}
.icon-ring{width:60px;height:60px}
.method{padding-top:24px;padding-bottom:12px}
.method-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);gap:40px;align-items:center;min-height:0;padding:0}
.method-copy{max-width:none}
.method-copy>p{margin-top:24px}
.method-copy .desktop-break{display:none}
.method-copy .text-link{font-size:19px}
.method-portrait{position:relative;inset:auto;width:110%;max-width:none;height:auto;aspect-ratio:1166/937;align-self:center;justify-self:start;margin-top:-28px;margin-bottom:-36px;margin-left:-90px;margin-right:auto}
.method-portrait img{position:static;width:100%;height:auto;object-fit:contain}
.method-timeline{padding-top:20px;padding-bottom:0}
.method-timeline h3{font-size:30px;margin-bottom:24px}
.method-timeline b{font-size:17px}
.care,.focus,.evaluations,.studio,.team{margin-top:var(--section-gap)}
.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;min-height:0;align-items:center}
.split-copy,.care .split-copy,.focus .split-copy{padding:0;min-width:0}
.split figure{width:100%;height:auto;min-height:0;aspect-ratio:1.4;border-radius:22px;overflow:hidden}
.split figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.care-photo:after{display:none}
.care-benefits{margin:26px 0;gap:18px;justify-content:flex-start;flex-wrap:wrap}
.care-benefits>span{font-size:16px;gap:9px}
.focus{padding:44px;gap:40px;border-radius:28px;overflow:hidden;position:relative}
.focus .split-copy{position:static}
.focus .split-copy h2{font-size:clamp(32px,3vw,44px)}
.focus .split-copy>p{font-size:19px}
.focus figure{aspect-ratio:1.4;border-radius:18px}
.focus .coral-wave{width:39%;height:24px;top:8px;right:0;opacity:.85}
.focus-benefits{margin-top:28px}
.focus-benefits>div{font-size:14px;line-height:1.35;padding-inline:9px}
.focus-benefits .icon{width:34px;height:34px}
.evaluations{background:var(--cream);color:var(--green);isolation:auto;overflow:visible}
.evaluations-shade,.evaluations .sage-wave{display:none}
.evaluations-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;min-height:0;padding:0;align-items:center}
.evaluations-copy{width:100%;max-width:none}
.evaluations-photo{position:static;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;object-position:center 32%;border-radius:22px;mask-image:none;z-index:auto}
.evaluations-copy .eyebrow{font-size:11px;line-height:1.5}
.evaluations ul{margin:24px 0;max-width:none}
.evaluations li{font-size:16px;line-height:1.4;padding:12px 0;gap:14px}
.evaluations li:not(:last-child){border-color:var(--line)}
.evaluations li .icon{width:28px;height:28px}
.studio{border-radius:24px;min-height:400px;padding:64px 40px;align-items:center;justify-content:center;overflow:hidden}
.studio h2{font-size:36px;text-shadow:0 3px 20px rgba(0,18,16,0.9),0 1px 4px rgba(0,18,16,0.8)}
.studio-shade{background:radial-gradient(ellipse 65% 75% at 50% 50%,rgba(0,28,25,0.88) 0%,rgba(0,28,25,0.72) 40%,rgba(0,28,25,0.38) 72%,rgba(0,28,25,0.15) 100%),linear-gradient(180deg,rgba(0,20,18,0.4) 0%,transparent 30%,rgba(0,20,18,0.5) 100%)}
.studio-copy{position:relative;z-index:2;max-width:680px;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.studio p{line-height:1.45;margin-top:14px;text-shadow:0 2px 14px rgba(0,18,16,0.9)}
.team{grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:40px;align-items:center;min-height:0}
.team-copy{padding:0}
.team h2{font-size:36px}
.team p{font-size:19px;line-height:1.4}
.team-carousel{
position:relative;
width:100%;
overflow:hidden;
border-radius:16px;
}
.team-carousel-track{
display:flex;
gap:16px;
transition:transform 0.65s cubic-bezier(0.25,1,0.5,1);
will-change:transform;
}
.team-slide{
flex:0 0 calc(50% - 8px);
min-width:0;
border-radius:16px;
overflow:hidden;
}
.team-slide img{
display:block;
width:100%;
height:auto;
aspect-ratio:1.2;
object-fit:cover;
object-position:center 30%;
border-radius:16px;
}
.team-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:36px;
height:36px;
border-radius:50%;
background:rgba(255,255,255,0.78);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
border:1px solid rgba(0,79,73,0.12);
color:var(--green);
display:grid;
place-items:center;
cursor:pointer;
padding:0;
box-shadow:0 4px 12px rgba(0,0,0,0.12);
transition:background .25s ease,color .25s ease,transform .25s ease,opacity .25s ease;
z-index:4;
opacity:0.75;
}
.team-arrow:hover{
background:#ffffff;
color:var(--coral);
transform:translateY(-50%) scale(1.08);
opacity:1;
box-shadow:0 6px 16px rgba(0,0,0,0.18);
}
.team-arrow svg{
width:18px;
height:18px;
}
.team-prev{
left:10px;
}
.team-next{
right:10px;
}
.benefits{background:transparent;margin-top:32px}
.benefits-inner{min-height:86px;padding-block:18px}
.benefits-inner>span{font-size:16px}
.faq{margin-top:48px;padding-block:48px 80px;background:transparent}
.faq-inner{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:56px}
.faq h2{font-size:32px}
.faq summary{font-size:17px;padding-block:16px;min-height:54px}
.faq summary:before{top:9px}
.site-footer{padding-block:40px}
.footer-inner{grid-template-columns:240px minmax(0,1fr) auto;gap:24px}
.footer-inner>p{font-size:16px}
.footer-contact a,.footer-contact p{align-items:flex-start}
.footer-contact .icon{flex-shrink:0;margin-top:2px}
@media(min-width:761px) and (max-width:1100px){
.container,.care,.focus,.studio,.team{width:calc(100% - 48px)}
.split,.evaluations-inner{gap:32px}
.focus{padding:32px;gap:28px}
.split-copy>p,.focus .split-copy>p,.evaluations-copy>p:not(.eyebrow),.method-copy>p{font-size:18px}
.focus-benefits>div{font-size:12px;padding-inline:6px}
.pillar{font-size:14px;gap:12px}
.icon-ring{width:48px;height:48px}
.team h2{font-size:30px}
.team p{font-size:17px}
.benefits-inner>span{font-size:13px}
.footer-inner{grid-template-columns:180px minmax(0,1fr) auto;gap:18px}
.footer-inner>p{font-size:14px;padding-left:18px}
.footer-contact{padding-left:18px}
}
@media(max-width:900px){
.focus{grid-template-columns:1fr}
.focus figure{aspect-ratio:1.85}
.focus .split-copy h2{font-size:36px}
.focus .coral-wave{width:45%;top:auto;bottom:10px;height:16px;opacity:.5}
.focus-benefits>div{font-size:15px}
}
@media(max-width:760px){
:root{--section-gap:48px}
.container,.care,.focus,.studio,.team{width:calc(100% - 40px)}
.header-inner{gap:12px}
.hero-inner{padding-block:52px 44px;min-height:660px}
.hero h1{line-height:1.15}
.hero-copy>p:not(.eyebrow):not(.location){margin-top:20px;line-height:1.45;max-width:360px}
.hero .button{margin-top:28px;padding:13px 24px}
.hero .location{margin-top:22px;line-height:1.4}
.hero-shade{background:linear-gradient(180deg,#0b201d 0%,#0b201df2 38%,#0b201d7a 56%,transparent 76%)}
.pillar-grid{padding-block:20px;gap:18px 0}
.pillar{font-size:13px;gap:10px}
.icon-ring{width:44px;height:44px}
.method{padding-top:40px}
.method-intro{grid-template-columns:1fr;gap:24px;min-height:0;padding:0}
.method-copy h2{font-size:clamp(28px,7.2vw,40px)}
.method-copy>p{font-size:17px;max-width:none;margin-top:18px}
.method-copy .text-link{font-size:16px;margin-top:18px}
.method-portrait{width:min(100%,430px);height:auto;aspect-ratio:auto;justify-self:center;inset:auto;transform:none}
.method-portrait img{position:static;width:100%;height:auto}
.method-wave{width:90%;right:0;top:50%;height:100px;opacity:.2}
.method-timeline{padding-top:24px;padding-bottom:0}
.method-timeline h3{font-size:25px}
.method-timeline ol{gap:24px 0}
.method-timeline b{font-size:14px}
.split,.evaluations-inner,.team{grid-template-columns:1fr;gap:28px;min-height:0}
.split-copy,.care .split-copy,.focus .split-copy{padding:0}
.split-copy h2,.care .split-copy h2,.focus .split-copy h2,.evaluations-copy h2{font-size:clamp(29px,7.8vw,38px)}
.split-copy>p,.focus .split-copy>p,.evaluations-copy>p:not(.eyebrow){font-size:17px;line-height:1.45}
.care figure,.focus figure{height:auto;aspect-ratio:1.45;min-height:0;border-radius:18px}
.care-benefits{gap:16px;margin-block:22px}
.care-benefits>span{font-size:14px}
.focus{padding:24px;border-radius:24px;gap:26px}
.focus .coral-wave{bottom:6px;width:48%;height:12px}
.focus-benefits{margin-top:24px}
.focus-benefits>div{font-size:12px;padding-inline:7px}
.focus-benefits .icon{width:30px;height:30px}
.evaluations-inner{padding:0;min-height:0}
.evaluations-photo{width:100%;height:auto;aspect-ratio:1.2;border-radius:18px;mask-image:none}
.evaluations-copy{max-width:none}
.evaluations li{font-size:14px}
.studio{min-height:330px;padding:40px 22px;border-radius:20px}
.studio h2{font-size:28px}
.studio p{font-size:16px}
.team{gap:24px}
.team h2{font-size:31px}
.team p{font-size:17px}
.team-carousel-track{gap:12px}
.team-slide{flex:0 0 calc(100% - 32px);aspect-ratio:1.15}
.team-slide img{aspect-ratio:1.15;border-radius:14px}
.benefits{margin-top:24px}
.benefits-inner{padding-block:16px;gap:20px 10px}
.benefits-inner>span{font-size:13px}
.faq{margin-top:24px;padding-block:24px 48px}
.faq-inner{grid-template-columns:1fr;gap:24px}
.faq h2{font-size:28px}
.faq summary{font-size:15px}
.site-footer{padding-block:32px}
.footer-inner{gap:22px}
.footer-inner>p{font-size:15px}
}
@media(max-width:360px){
.focus-benefits>div{font-size:14px;padding:0}
.care-benefits{gap:12px}
.care-benefits>span{font-size:12px}
}
/* More prominent, centered method portrait and a shorter decorative curve. */
@media(min-width:1024px){
.method-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);gap:36px}
}
/* Blend the lower edge of the method portrait into the cream background. */
.method-portrait img{
-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,rgba(0,0,0,.92) 88%,rgba(0,0,0,.45) 95%,transparent 100%);
mask-image:linear-gradient(to bottom,#000 0%,#000 80%,rgba(0,0,0,.92) 88%,rgba(0,0,0,.45) 95%,transparent 100%);
}

/* Hero Background Video & Readability Gradient Overlay */
.hero{position:relative;background:#002421;overflow:hidden}
.hero-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:75% center;
z-index:0;
pointer-events:none;
}
.hero .hero-shade{
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(90deg,rgba(0,27,24,0.92) 0%,rgba(0,27,24,0.85) 35%,rgba(0,27,24,0.65) 60%,rgba(0,27,24,0.3) 85%,rgba(0,27,24,0.2) 100%);
pointer-events:none;
}
.hero-inner{position:relative;z-index:2}
.hero-copy h1{text-shadow:0 2px 16px rgba(0,0,0,0.45)}
.hero-copy p{text-shadow:0 1px 8px rgba(0,0,0,0.5)}

@media(max-width:760px){
.hero-video{
object-position:65% center;
}
.hero .hero-shade{
background:linear-gradient(180deg,rgba(0,27,24,0.92) 0%,rgba(0,27,24,0.82) 48%,rgba(0,27,24,0.5) 80%,rgba(0,27,24,0.35) 100%);
}
}

/* Soft Cream Sticky Header & Teal Menu Styling */
html{scroll-padding-top:80px}
.site-header{
position:sticky;
top:0;
z-index:100;
background:rgba(250,247,240,0.96);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
color:var(--green);
box-shadow:0 2px 14px rgba(0,35,32,0.06);
border-bottom:1px solid rgba(0,79,73,0.1);
transition:background .2s ease,box-shadow .2s ease;
}
.site-header .header-inner{
min-height:64px;
}
.site-header .brand{
width:162px; /* 232px reduzido em 30% */
transition:width .2s ease;
}
.site-header nav a{
color:#004f49; /* verde-petróleo da Everylife */
font-weight:500;
transition:color .2s ease;
}
.site-header nav a:hover{
color:var(--coral);
}
.site-header .button{
background:linear-gradient(115deg,#ef755a,#e7684e);
color:#ffffff;
font-weight:500;
box-shadow:0 3px 12px rgba(239,117,90,0.25);
}
.site-header .button:hover{
background:#cf5e45;
box-shadow:0 4px 16px rgba(207,94,69,0.35);
}
@media(max-width:760px){
.site-header .header-inner{
min-height:60px;
}
.site-header .brand{
width:125px; /* 171px reduzido em aprox. 30% */
}
.menu-toggle{
border-color:rgba(0,79,73,0.25);
}
.menu-toggle span{
background:#004f49;
}
.site-header nav{
background:#FAF7F0;
top:60px;
border-top:1px solid rgba(0,79,73,0.1);
box-shadow:0 12px 24px rgba(0,35,32,0.12);
}
.site-header nav a{
color:#004f49;
border-bottom:1px solid rgba(0,79,73,0.06);
}
}

/* Modern & High-Performance GPU-Accelerated Animations */
.reveal{
opacity:0;
transform:translate3d(0,44px,0) scale(0.97);
transition:opacity .85s cubic-bezier(0.16,1,0.3,1),transform .85s cubic-bezier(0.16,1,0.3,1);
}
.reveal.revealed{
opacity:1;
transform:translate3d(0,0,0) scale(1);
}
.reveal-left{
opacity:0;
transform:translate3d(-56px,0,0);
transition:opacity .9s cubic-bezier(0.16,1,0.3,1),transform .9s cubic-bezier(0.16,1,0.3,1);
}
.reveal-left.revealed{
opacity:1;
transform:translate3d(0,0,0);
}
.reveal-right{
opacity:0;
transform:translate3d(56px,0,0);
transition:opacity .9s cubic-bezier(0.16,1,0.3,1),transform .9s cubic-bezier(0.16,1,0.3,1);
}
.reveal-right.revealed{
opacity:1;
transform:translate3d(0,0,0);
}
@media(max-width:760px){
.reveal{transform:translate3d(0,28px,0)}
.reveal-left{transform:translate3d(0,28px,0)}
.reveal-right{transform:translate3d(0,28px,0)}
.reveal.revealed,.reveal-left.revealed,.reveal-right.revealed{transform:translate3d(0,0,0)}
}

/* Staggered Children Cascades */
.stagger-item{
opacity:0;
transform:translate3d(0,32px,0) scale(0.94);
transition:opacity .7s cubic-bezier(0.16,1,0.3,1),transform .7s cubic-bezier(0.16,1,0.3,1);
transition-delay:calc(var(--stagger,0) * 120ms);
}
.revealed .stagger-item,.stagger-item.revealed{
opacity:1;
transform:translate3d(0,0,0) scale(1);
}

/* Continuous Ambient Floating on Method Portrait */
.method-portrait.revealed img{
animation:floatPortrait 6s ease-in-out infinite;
}
@keyframes floatPortrait{
0%,100%{transform:translate3d(0,0,0)}
50%{transform:translate3d(0,-7px,0)}
}

/* Timeline Connecting Line Draw Animation */
.method-timeline ol:before{
transform:scaleX(0);
transform-origin:left center;
transition:transform 1.4s cubic-bezier(0.22,1,0.36,1) .15s;
}
.method-timeline.revealed ol:before{
transform:scaleX(1);
}

/* Hero Entrance Staggered Animations */
.hero-copy h1{
opacity:0;
animation:heroTextIn .9s cubic-bezier(0.16,1,0.3,1) .1s forwards;
}
.hero-copy p:not(.location){
opacity:0;
animation:heroTextIn .9s cubic-bezier(0.16,1,0.3,1) .28s forwards;
}
.hero-copy .button{
opacity:0;
animation:heroTextIn .9s cubic-bezier(0.16,1,0.3,1) .45s forwards;
}
.hero-copy .location{
opacity:0;
animation:heroTextIn .9s cubic-bezier(0.16,1,0.3,1) .62s forwards;
}
@keyframes heroTextIn{
from{opacity:0;transform:translate3d(0,30px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}

/* Header Navigation Animated Underline & Scrolled State */
.site-header.scrolled{
background:rgba(250,247,240,0.98);
box-shadow:0 6px 24px rgba(0,35,32,0.1);
}
@media(min-width:761px){
.site-header nav a{
position:relative;
padding-block:4px;
}
.site-header nav a:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:2px;
background:var(--coral);
border-radius:2px;
transform:scaleX(0);
transform-origin:right center;
transition:transform .32s cubic-bezier(0.22,1,0.36,1);
}
.site-header nav a:hover:after{
transform:scaleX(1);
transform-origin:left center;
}
}

/* Interactive Card & Element Micro-interactions */
.pillar{
transition:transform .35s cubic-bezier(0.16,1,0.3,1);
}
.pillar:hover{
transform:translateY(-6px);
}
.pillar:hover .icon-ring{
border-color:var(--coral);
background:rgba(232,119,91,0.1);
transform:scale(1.12) rotate(5deg);
box-shadow:0 8px 22px rgba(232,119,91,0.22);
}
.icon-ring{
transition:border-color .35s ease,background .35s ease,transform .35s cubic-bezier(0.16,1,0.3,1),box-shadow .35s ease;
}

.method-timeline li{
transition:transform .35s cubic-bezier(0.16,1,0.3,1);
}
.method-timeline li:hover{
transform:translateY(-8px);
}
.method-timeline li>span{
transition:transform .35s cubic-bezier(0.16,1,0.3,1),box-shadow .35s ease;
}
.method-timeline li:hover>span{
transform:scale(1.18);
box-shadow:0 10px 24px rgba(0,0,0,0.24);
}

/* Image Subtle Zoom on Hover */
.split figure{
transition:transform .55s cubic-bezier(0.16,1,0.3,1),box-shadow .55s cubic-bezier(0.16,1,0.3,1);
}
.split figure img{
transition:transform .75s cubic-bezier(0.16,1,0.3,1);
}
.split:hover figure{
transform:translateY(-5px);
box-shadow:0 18px 40px rgba(0,35,32,0.16);
}
.split:hover figure img{
transform:scale(1.05);
}
.evaluations-photo{
transition:transform .65s cubic-bezier(0.16,1,0.3,1),box-shadow .65s ease;
}
.evaluations-photo:hover{
transform:scale(1.03);
box-shadow:0 18px 40px rgba(0,35,32,0.16);
}
.studio>img{
transition:transform 1.2s cubic-bezier(0.16,1,0.3,1);
}
.studio:hover>img{
transform:scale(1.045);
}
.team-slide img{
transition:transform .65s cubic-bezier(0.16,1,0.3,1);
}
.team-slide:hover img{
transform:scale(1.045);
}

.care-benefits>span{
transition:transform .3s ease,color .3s ease;
}
.care-benefits>span:hover{
transform:translateY(-4px);
color:var(--coral);
}

.focus-benefits>div{
transition:transform .35s ease;
}
.focus-benefits>div:hover{
transform:translateY(-5px);
}

.evaluations li{
transition:transform .3s ease,padding-left .3s ease;
}
.evaluations li:hover{
transform:translateX(8px);
}

.benefits-inner>span{
transition:transform .35s ease;
}
.benefits-inner>span:hover{
transform:translateY(-4px);
}

/* Button Hover Shine & Arrow Slide */
.button{
position:relative;
overflow:hidden;
transition:background .3s ease,transform .3s cubic-bezier(0.16,1,0.3,1),box-shadow .3s ease;
}
.button:before{
content:"";
position:absolute;
top:0;
left:-100%;
width:60%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(255,255,255,0.32),transparent);
transition:left .6s ease;
pointer-events:none;
}
.button:hover:before{
left:130%;
}
.button>span,.text-link>span{
display:inline-block;
transition:transform .3s cubic-bezier(0.16,1,0.3,1);
}
.button:hover>span,.text-link:hover>span{
transform:translateX(6px);
}
.button:hover{
transform:translateY(-3px);
box-shadow:0 10px 26px rgba(239,117,90,0.45);
}
.button:active{
transform:translateY(0);
}

/* FAQ Accordion Smooth Reveal */
.faq details{
transition:background-color .25s ease;
}
.faq details[open]>div{
animation:faqSlideDown .35s cubic-bezier(0.16,1,0.3,1) forwards;
}
@keyframes faqSlideDown{
from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}
}