@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#151515;--white:#fff;--pink:#ff5d98;--blue:#117aa7;--yellow:#eaff4c;--green:#18b978}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4ef;color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,.brand,.feature-word,.ticker,.closing-brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:-.025em}h1,h2{line-height:.79}h2{font-size:clamp(4.5rem,11vw,11rem)}em,i{font-style:normal;color:var(--yellow)}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.19em}.scroll-progress{height:3px;background:var(--yellow);position:fixed;top:0;left:0;width:0;z-index:100}.topbar{position:absolute;top:0;left:0;width:100%;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:25px clamp(20px,5vw,84px);color:#fff}.brand{font-size:2.15rem;line-height:.68}.brand span{display:block;font:700 .64rem 'DM Sans',sans-serif;letter-spacing:.33em;margin-top:9px}.topbar nav{display:flex;align-items:center;gap:30px;font-size:.8rem;font-weight:700}.nav-cta{border:1px solid #ffffff8c;border-radius:30px;padding:12px 20px}.hero{min-height:740px;height:100svh;position:relative;isolation:isolate;overflow:hidden;background:#3b1424;color:#fff}.hero-photo{position:absolute;inset:0;background-image:url('../experience/corpus/hero-vinho.webp');background-size:cover;background-position:62% 37%;transform:scale(1.06);animation:heroZoom 2.4s ease-out both;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,9,16,.88) 0%,rgba(30,10,20,.55) 42%,rgba(20,10,20,.05) 90%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 35%);z-index:-2}.hero-outline{position:absolute;right:-3vw;top:24%;font:900 clamp(9rem,22vw,27rem)/.72 'Barlow Condensed';color:transparent;-webkit-text-stroke:1px #ffffff4a;opacity:.5;z-index:-1}.hero-content{position:relative;padding:clamp(180px,24vh,280px) clamp(20px,8vw,145px) 0;max-width:1150px}.hero-tag{display:inline-block;margin-bottom:27px;color:var(--yellow)}.hero h1{font-size:clamp(6.8rem,15.5vw,17rem);letter-spacing:-.045em}.hero h1 em{font-style:italic}.period{color:var(--yellow)}.hero-content p{margin-top:22px;font-size:clamp(.95rem,1.4vw,1.25rem)}.round-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #fff9;border-radius:100px;padding:12px 14px 12px 26px;margin-top:33px;font-size:.74rem;font-weight:800;letter-spacing:.08em}.round-arrow{background:var(--yellow);color:#111;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:1.5rem}.hero-side{position:absolute;right:30px;top:50%;writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.3em}.hero-bottom{position:absolute;bottom:27px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.17em;font-weight:700}.ticker{background:var(--yellow);padding:13px 0;overflow:hidden;white-space:nowrap;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.ticker-track{width:max-content;animation:marquee 26s linear infinite}.ticker b{padding:0 30px}.intro{padding:clamp(85px,11vw,175px) 8vw;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:end}.section-number{font-size:.75rem;letter-spacing:.16em;font-weight:700;align-self:start}.intro h2{grid-column:2;font-size:clamp(5rem,10vw,10rem)}.intro h2 span{color:#999}.intro p{grid-column:2;max-width:520px;font-size:1.08rem;line-height:1.7;margin-top:18px}.feature{min-height:790px;height:95svh;display:grid;grid-template-columns:54% 46%;position:relative;isolation:isolate;overflow:hidden}.feature-blue{background:#0d87ad;color:#fff}.feature-pink{background:#f6538c;color:#191019}.feature-word{position:absolute;top:8%;left:-1%;font-size:clamp(10rem,25vw,32rem);line-height:1;color:#ffffff2a;white-space:nowrap;z-index:-1}.feature-image{align-self:end;height:90%;width:90%;margin-left:7%;position:relative;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:contain;object-position:bottom center;mix-blend-mode:multiply}.feature-blue .feature-image img{mix-blend-mode:normal;object-fit:contain;filter:drop-shadow(0 12px 35px #003f5840)}.feature-pink .feature-image img{mix-blend-mode:multiply}.feature-copy{align-self:center;padding:6vw 7vw 6vw 0;z-index:2}.feature-copy h2{font-size:clamp(6rem,12vw,13rem);margin:30px 0}.feature-copy p{font-size:1.05rem;max-width:300px;line-height:1.6}.feature-pink i{color:#fff}.text-link{display:inline-block;margin-top:36px;padding-bottom:9px;border-bottom:2px solid currentColor;font-size:.75rem;font-weight:800;letter-spacing:.13em}.text-link span{margin-left:18px}.feature-label{position:absolute;bottom:25px;right:4vw;font-size:.7rem;letter-spacing:.18em}.statement{background:#171717;color:#fff;padding:clamp(110px,16vw,230px) 6vw;text-align:center}.statement-inner>span{letter-spacing:.2em;font-size:.8rem}.statement h2{font-size:clamp(5.5rem,13vw,15rem);margin:32px auto}.statement p{font-size:1.15rem}.green-section{background:#c8ff48;overflow:hidden;padding:clamp(85px,10vw,140px) 6vw 30px}.green-header{text-align:center}.green-header h2{font-size:clamp(6rem,12vw,13rem);margin:25px auto}.green-header em{color:#08744e}.green-header p{font-size:1rem}.green-grid{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:start;margin-top:70px}.green-photo{background:#f9f9f7;padding:20px 20px 0;overflow:hidden}.green-photo img{width:100%;height:min(62vw,720px);object-fit:contain;object-position:bottom center}.green-photo figcaption{padding:15px 0;font-size:.75rem;letter-spacing:.16em;font-weight:800}.green-photo-offset{margin-top:110px}.green-footer{display:flex;justify-content:space-between;align-items:center;font:900 clamp(3rem,8vw,8rem) 'Barlow Condensed';margin-top:50px}.green-footer span{font:700 .75rem 'DM Sans';letter-spacing:.13em}.technology{display:grid;grid-template-columns:1fr 1fr;min-height:850px;background:#e6ebeb}.tech-copy{padding:clamp(90px,10vw,170px) 5vw;align-self:center}.tech-copy h2{font-size:clamp(5.3rem,9vw,11rem);margin:25px 0 32px}.tech-copy em{color:#0c89a9}.tech-copy p{max-width:500px;line-height:1.85}.benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.benefits span{border:1px solid #222;padding:12px 14px;border-radius:40px;font-size:.7rem;font-weight:800;letter-spacing:.08em}.tech-copy small{display:block;margin-top:25px;color:#666}.tech-image{position:relative;background:#86cdd4;overflow:hidden}.tech-image img{height:100%;width:100%;object-fit:cover;object-position:center top;mix-blend-mode:normal}.tech-overlay{position:absolute;bottom:40px;left:35px;color:#fff;text-shadow:0 2px 20px #0008;font:900 clamp(3rem,6vw,7rem)/.8 'Barlow Condensed'}.gallery{background:#f6f4ed;padding:110px 0 85px}.gallery-heading{padding:0 7vw 45px}.gallery-heading h2{margin:25px 0;font-size:clamp(5.5rem,11vw,12rem)}.gallery-heading i{color:#fa4e8b}.gallery-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 7vw 20px;scrollbar-width:thin;scrollbar-color:#222 transparent}.gallery-track figure{flex:0 0 clamp(250px,30vw,420px);scroll-snap-align:start}.gallery-track img{height:clamp(330px,40vw,520px);width:100%;object-fit:cover;object-position:center 30%;background:#ddd}.gallery-track figcaption{padding:15px 0;font-size:.72rem;font-weight:800;letter-spacing:.14em}.gallery-controls{display:flex;gap:12px;justify-content:flex-end;margin:20px 7vw 0}.gallery-controls button{width:52px;height:52px;border:1px solid #222;background:transparent;border-radius:50%;cursor:pointer;font-size:1.4rem}.closing{background:#f5f100;text-align:center;padding:clamp(100px,12vw,180px) 5vw}.closing h2{font-size:clamp(6.8rem,15vw,17rem);margin:25px auto 60px}.closing h2 em{color:#141414;font-style:italic;text-decoration:underline;text-decoration-thickness:.055em;text-underline-offset:.08em}.closing-brand{font-size:clamp(4rem,11vw,12rem);line-height:.75}.closing-brand span{display:block;font:800 clamp(1rem,2vw,2.2rem) 'DM Sans';letter-spacing:.35em;margin-top:18px}.closing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:60px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 24px;border-radius:40px;font-size:.76rem;letter-spacing:.08em;font-weight:800;cursor:pointer}.primary-button{background:#151515;color:#fff;border:1px solid #151515}.secondary-button{background:transparent;color:#151515;border:1px solid #151515}.closing-note{font-size:.85rem;margin-top:26px}footer{background:#141414;color:#fff;display:flex;justify-content:space-between;gap:15px;padding:28px 5vw;font-size:.7rem;letter-spacing:.06em}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes heroZoom{from{transform:scale(1.16)}to{transform:scale(1.06)}}
@media(max-width:800px){.topbar{padding:22px 20px}.topbar nav{gap:12px}.topbar nav a:not(.nav-cta){display:none}.hero{min-height:680px;height:92svh}.hero-photo{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#1a0c17bd,#1a0c1744 80%),linear-gradient(0deg,#0009,transparent 35%)}.hero-content{padding:clamp(210px,33svh,320px) 22px 0}.hero h1{font-size:clamp(6.1rem,18vw,9rem)}.hero-side{display:none}.hero-bottom{font-size:.55rem}.hero-bottom span{display:none}.intro{display:block;padding:80px 22px}.intro h2{margin-top:35px;font-size:clamp(5.4rem,15vw,8rem)}.intro p{margin-top:25px}.feature{display:flex;flex-direction:column;min-height:850px;height:auto;padding:70px 22px 0}.feature-word{font-size:30vw;top:15%}.feature-copy{order:0;align-self:start;padding:0;z-index:2}.feature-copy h2{font-size:clamp(6.5rem,17vw,10rem);margin:20px 0}.feature-copy p{font-size:.95rem}.feature-image{order:1;height:540px;width:100%;margin:30px 0 0}.feature-image img{height:100%;object-fit:contain;object-position:bottom}.feature-label{bottom:15px}.statement{padding:110px 22px}.statement h2{font-size:clamp(5rem,15vw,9rem)}.green-section{padding:90px 20px 30px}.green-header h2{font-size:clamp(6rem,15vw,10rem)}.green-grid{gap:12px;margin-top:40px}.green-photo{padding:6px 6px 0}.green-photo img{height:58vw}.green-photo-offset{margin-top:60px}.green-photo figcaption{font-size:.55rem}.green-footer span{font-size:.55rem;text-align:right}.technology{display:flex;flex-direction:column}.tech-copy{padding:90px 22px 45px}.tech-copy h2{font-size:clamp(5.7rem,15vw,10rem)}.tech-image{height:720px}.tech-image img{object-fit:cover;object-position:center 20%}.gallery{padding:85px 0}.gallery-heading{padding:0 22px 30px}.gallery-heading h2{font-size:clamp(5.8rem,15vw,9rem)}.gallery-track{padding-left:22px;padding-right:22px}.gallery-track figure{flex-basis:74vw}.gallery-track img{height:100vw}.closing h2{font-size:clamp(6rem,17vw,10rem)}footer{flex-wrap:wrap;justify-content:center;text-align:center}}
@media(max-width:420px){.hero h1{font-size:18vw}.hero-content{padding-top:35svh}.feature-image{height:440px}.feature{min-height:770px}.tech-image{height:570px}.green-header h2{font-size:15vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-photo{transform:none}}
/* Corpus Moda Sport: marca AchoAki e seção da loja */
.hero-experience-logo{display:block;width:clamp(170px,22vw,290px);height:auto;max-height:115px;object-fit:contain;object-position:left center;margin:0 0 24px;filter:drop-shadow(0 2px 10px #0009)}
.store-visit{background:#141414;color:#fff;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:clamp(30px,6vw,90px);padding:clamp(65px,9vw,130px) 8vw}
.store-visit-photo{border:10px solid #fff;background:#fff;box-shadow:16px 16px 0 #fb5c90;max-width:560px;overflow:hidden}
.store-visit-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;image-rendering:auto}
.store-visit-copy h2{font-size:clamp(5rem,11vw,12rem);margin:28px 0}.store-visit-copy h2 em{color:#ff689a}.store-visit-copy p{max-width:460px;line-height:1.8;margin-bottom:32px}
.store-contact{display:inline-flex;padding:17px 24px;border-radius:40px;background:#25d366;color:#101c14;font-size:.82rem;font-weight:800;letter-spacing:.06em}
.closing-experience-logo{display:block;width:clamp(190px,32vw,420px);height:auto;max-height:190px;object-fit:contain;margin:50px auto 0}
@media(max-width:800px){.hero-experience-logo{width:175px;max-height:75px;margin-bottom:16px}.store-visit{grid-template-columns:1fr;padding:80px 24px;gap:52px}.store-visit-photo{width:min(100%,440px);margin:auto}.store-visit-copy h2{font-size:clamp(5.5rem,15vw,9rem)}.closing-experience-logo{width:min(75vw,320px)}}

/* V3: fotografia recortada, sem retângulos, integrada ao layout */
.hero{background:radial-gradient(circle at 83% 43%,#ad4b66 0%,#651e3d 44%,#270d20 100%)}
.hero-photo{inset:0 0 0 auto;width:67%;background-image:url('../experience/corpus/hero-vinho.webp');background-size:contain;background-repeat:no-repeat;background-position:right bottom;z-index:-2;animation:heroZoomCutout 1.8s ease-out both}
.hero-shade{background:linear-gradient(90deg,#280d20 0%,#280d20dd 28%,#280d2070 52%,transparent 80%);z-index:-1}
.hero-outline{z-index:-1}
.feature-image{overflow:visible;display:flex;align-items:flex-end;justify-content:center}
.feature-image img,.feature-pink .feature-image img,.feature-blue .feature-image img{mix-blend-mode:normal!important;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 24px #0003)}
.feature-word{z-index:0;pointer-events:none}
.feature-image{z-index:1}
.feature-copy{position:relative;z-index:2}
.feature-blue{background:linear-gradient(130deg,#086c94,#0a8fb4 55%,#14b1d1)}
.feature-pink{background:linear-gradient(120deg,#f74a93,#ff86b0)}
.green-photo{background:transparent;overflow:visible}
.green-photo img{object-fit:contain;filter:drop-shadow(0 18px 24px #123c2b33)}
.green-section{background:linear-gradient(140deg,#dfff59,#b6fa61)}
.gallery-track img{object-fit:contain;object-position:center bottom;padding:15px 10px 0}
.gallery-track figure:nth-child(1) img{background:#8e2e50}
.gallery-track figure:nth-child(2) img{background:#0a8fb4}
.gallery-track figure:nth-child(3) img{background:#fa76a8}
.gallery-track figure:nth-child(4) img,.gallery-track figure:nth-child(5) img{background:#cbf66a}
.gallery-track figure:nth-child(6) img{background:#9bd4da}
@keyframes heroZoomCutout{from{opacity:0;transform:translateX(35px) scale(1.035)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(min-width:801px){.hero-content{z-index:3}.hero h1{font-size:clamp(6.8rem,13vw,15rem)}.green-photo img{height:min(62vw,720px)}}
@media(max-width:800px){.hero{background:radial-gradient(circle at 65% 40%,#a23d60,#360f28 80%)}.hero-photo{width:100%;background-position:65% bottom;background-size:auto 78%;opacity:.92}.hero-shade{background:linear-gradient(0deg,#210c1de8 0%,#210c1d66 44%,#210c1d55 100%)}.hero-content{padding-top:clamp(195px,27svh,275px)}.hero h1{font-size:clamp(5.5rem,17vw,8.5rem)}.feature-image{overflow:visible}.green-photo img{height:58vw}.gallery-track img{padding:10px 8px 0}}
@media(max-width:420px){.hero-photo{background-size:auto 73%;background-position:58% bottom}.hero h1{font-size:16vw}}


/* V4 — capa corrigida para evitar cortes em desktops e celulares */
.hero{height:auto;min-height:max(680px,100svh);display:flex;align-items:center;overflow:hidden}
.hero-photo{width:55%;inset:0 0 0 auto;background-image:url('../experience/corpus/hero-vinho.webp');background-size:contain;background-position:right bottom;z-index:-2}
.hero-content{width:56%;max-width:none;padding:clamp(125px,16vh,175px) 0 clamp(100px,12vh,135px) clamp(24px,7vw,132px);position:relative;z-index:3}
.hero h1{font-size:clamp(78px,min(9.4vw,15vh),164px);line-height:.82;letter-spacing:-.04em;overflow:visible;word-break:normal}
.hero-experience-logo{width:clamp(160px,18vw,235px);max-height:85px;object-fit:contain;object-position:left center;background:#fffffff2;padding:9px 13px;border-radius:9px;margin-bottom:clamp(14px,2.2vh,24px);filter:none}
.hero-tag{margin-bottom:clamp(12px,2vh,24px)}
.hero-content p{margin-top:clamp(14px,2.5vh,24px)}
.round-link{margin-top:clamp(16px,3vh,30px)}
.hero-bottom{bottom:24px;z-index:4}
.hero-shade{background:linear-gradient(90deg,#280d20 0%,#280d20eb 33%,#280d2080 52%,transparent 78%)}
/* foto da Legging Logomania agora também é um recorte transparente */
.tech-image{display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(145deg,#9ce2e8,#5bbac7)}
.tech-image img{object-fit:contain;object-position:center bottom;width:100%;height:100%;filter:drop-shadow(0 20px 30px #13465a44)}
.tech-overlay{z-index:2;pointer-events:none}
@media(max-width:800px){
 .hero{min-height:max(730px,100svh);align-items:flex-start}
 .hero-photo{width:100%;background-size:auto 76%;background-position:66% bottom;opacity:.86}
 .hero-content{width:100%;padding:clamp(135px,19vh,175px) 22px 110px;max-width:540px}
 .hero h1{font-size:clamp(75px,16.2vw,130px);line-height:.84}
 .hero-shade{background:linear-gradient(180deg,#260d20ed 0%,#260d20d0 28%,#260d2055 57%,#260d2099 100%)}
 .hero-experience-logo{width:175px;max-height:76px;margin-bottom:16px}
 .hero-tag{font-size:.63rem;letter-spacing:.11em}
 .hero-content p{max-width:275px}
 .tech-image img{object-fit:contain;object-position:center bottom}
}
@media(max-width:420px){
 .hero{min-height:max(710px,100svh)}
 .hero-photo{background-size:auto 69%;background-position:62% bottom}
 .hero-content{padding-top:145px}
 .hero h1{font-size:clamp(65px,16vw,84px)}
 .hero-bottom{bottom:17px}
}
@media(max-height:760px) and (min-width:801px){
 .hero-content{padding-top:120px;padding-bottom:75px}
 .hero h1{font-size:clamp(76px,min(9vw,13.2vh),135px)}
 .hero-experience-logo{max-height:64px;width:185px;margin-bottom:12px}
 .hero-tag{margin-bottom:12px}
 .round-link{margin-top:16px}
}