.essence-story{position:relative;padding:145px 5vw 130px;background:#f4f1eb;overflow:hidden}
.essence-story::before{content:"na.fé";position:absolute;right:-.02em;top:30px;color:rgba(103,31,50,.035);font:500 clamp(8rem,22vw,24rem)/1 "Playfair Display",serif;letter-spacing:-.09em;pointer-events:none}
.essence-intro{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,1.08fr) .92fr;gap:5vw;align-items:end;max-width:1540px;margin:0 auto 95px}
.essence-intro .section-index{grid-column:1/-1;margin-bottom:14px}
.essence-intro h2{margin:0;font-size:clamp(3rem,6.5vw,7rem);font-weight:500;line-height:.95;letter-spacing:-.055em}
.essence-intro h2 em{color:var(--burgundy);font-family:"Playfair Display",serif;font-weight:500}
.essence-intro>p:last-child{max-width:610px;margin:0 0 8px;color:#5f5a55;font-size:1.03rem;line-height:1.85}
.essence-atlas{position:relative;max-width:1540px;min-height:1720px;margin:auto;padding:70px;background:#111;color:#f5f1eb;border-radius:42px 8px 42px 8px;overflow:hidden;isolation:isolate}
.essence-atlas::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 23%,rgba(103,31,50,.4),transparent 26%),radial-gradient(circle at 17% 76%,rgba(200,166,106,.09),transparent 30%);z-index:-1}
.essence-atlas::after{content:"ESSÊNCIA / 01—03";position:absolute;right:28px;top:50%;transform:rotate(90deg) translateX(50%);transform-origin:right center;color:rgba(255,255,255,.24);font-size:.62rem;font-weight:600;letter-spacing:.26em}
.essence-principle{position:absolute;display:grid}
.essence-principle figure{position:relative;margin:0;overflow:hidden;background:#28221f}
.essence-principle figure::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,8,8,.05),transparent 52%,rgba(8,8,8,.25));pointer-events:none}
.essence-principle img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.essence-principle:hover img{transform:scale(1.025)}
.essence-copy{position:relative}
.essence-copy>span{display:block;margin-bottom:24px;color:#d1ad73;font-size:.65rem;font-weight:700;letter-spacing:.2em}
.essence-copy h3{max-width:450px;margin:0 0 18px;font:500 clamp(2.1rem,3.5vw,3.8rem)/1.03 "Playfair Display",serif;letter-spacing:-.035em}
.essence-copy p{max-width:500px;margin:0;color:#bdb7b0;font-size:.93rem;line-height:1.8}
.essence-copy small{display:block;margin-top:25px;color:#eee6db;font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.essence-material{left:70px;top:70px;grid-template-columns:minmax(330px,1.05fr) minmax(300px,.95fr);align-items:end;width:72%;gap:50px}
.essence-material figure{height:600px;border-radius:6px 96px 6px 6px}
.essence-material .essence-copy{padding-bottom:55px}
.essence-fit{right:70px;top:650px;grid-template-columns:minmax(300px,.88fr) minmax(320px,1.12fr);align-items:center;width:68%;gap:55px}
.essence-fit figure{grid-column:2;grid-row:1;height:650px;border-radius:110px 6px 6px 6px}
.essence-fit .essence-copy{grid-column:1;grid-row:1;padding-left:20px}
.essence-detail{left:70px;bottom:70px;grid-template-columns:minmax(460px,1.2fr) minmax(320px,.8fr);align-items:end;width:78%;gap:50px}
.essence-detail figure{height:390px;border-radius:6px 6px 90px 6px}
.essence-detail .essence-copy{padding-bottom:18px}
@media(max-width:1150px){.essence-atlas{min-height:1600px;padding:50px}.essence-material{left:50px;top:50px;width:80%}.essence-material figure{height:530px}.essence-fit{right:50px;top:590px;width:78%}.essence-fit figure{height:590px}.essence-detail{left:50px;bottom:50px;width:84%}.essence-detail figure{height:330px}}
@media(max-width:900px){.essence-story{padding:115px 5vw}.essence-intro{grid-template-columns:1fr;gap:38px;margin-bottom:70px}.essence-intro .section-index{margin-bottom:0}.essence-intro>p:last-child{max-width:650px;margin-left:18vw}.essence-atlas{min-height:0;padding:45px;border-radius:30px 6px}.essence-atlas::after{display:none}.essence-principle,.essence-material,.essence-fit,.essence-detail{position:relative;inset:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:0 0 75px;align-items:center}.essence-detail{margin-bottom:0}.essence-principle figure,.essence-material figure,.essence-fit figure,.essence-detail figure{height:auto;aspect-ratio:4/5}.essence-fit figure{grid-column:2;grid-row:1}.essence-fit .essence-copy{grid-column:1;grid-row:1;padding-left:0}.essence-detail figure{aspect-ratio:3/2}.essence-copy{padding:0!important}}
@media(max-width:650px){.essence-story{padding:90px 4vw}.essence-intro{padding:0 2vw;margin-bottom:55px}.essence-intro>p:last-child{margin-left:0}.essence-atlas{padding:18px;border-radius:24px 5px}.essence-principle,.essence-material,.essence-fit,.essence-detail{display:flex;flex-direction:column;gap:0;margin-bottom:54px}.essence-principle figure,.essence-material figure,.essence-fit figure,.essence-detail figure{order:0;width:100%;aspect-ratio:4/5;border-radius:5px 46px 5px 5px}.essence-detail figure{aspect-ratio:3/2}.essence-copy,.essence-fit .essence-copy{order:1;margin:-26px 12px 0;padding:34px 24px 30px!important;background:#1b1918;border-radius:4px 4px 28px 4px;z-index:2}.essence-copy h3{font-size:2.1rem}.essence-copy p{font-size:.9rem}.essence-copy small{line-height:1.6}.essence-detail{margin-bottom:0}}