/* Direção Alek 0.2 — continuidade da marca, sem painéis opacos de cartões. */
:root{--section:clamp(65px,8.5vw,125px)}
body{background:#050505}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.045em}.signature{font:inherit;color:var(--gold-light)}.section-heading h2{font-size:clamp(2rem,3.7vw,3.4rem)}.eyebrow{font-size:.65rem;letter-spacing:.17em}.brand strong{color:#f1bc58;letter-spacing:.08em;text-transform:uppercase;font-size:.92rem}.brand img{filter:drop-shadow(0 0 10px rgba(216,155,41,.12))}.site-header{border-bottom-color:rgba(228,169,60,.1);background:rgba(5,5,5,.88)}.main-nav a{font-size:.72rem;letter-spacing:.06em}.header-contact{border:0;border-bottom:1px solid var(--gold);padding-inline:0;color:var(--gold-light)}
.button{border-radius:4px;position:relative;isolation:isolate;transition:transform .25s var(--ease),box-shadow .3s,background-position .5s,border-color .25s}.button-gold{color:#100b03;background:linear-gradient(110deg,#b77c1e,#fac45b 48%,#d0932b 70%,#f8c45f);background-size:180% 100%;border-color:#f3be56;box-shadow:0 8px 26px rgba(204,132,23,.13)}.button-gold:hover,.button-gold:focus-visible{background-position:100% 50%;transform:translateY(-3px);box-shadow:0 12px 35px rgba(204,132,23,.3)}.button-gold:active{transform:translateY(1px);box-shadow:0 3px 12px rgba(204,132,23,.15)}.button-outline{border:0;border-bottom:1px solid var(--gold);border-radius:0;padding-inline:0;justify-content:space-between;min-width:180px}.button-outline:hover{background:transparent;color:var(--gold-light);border-bottom-color:var(--gold-light)}.button-outline:focus-visible{background:transparent}.text-link{border-bottom-color:rgba(216,155,41,.6);transition:border-color .25s,color .25s}.text-link:hover,.text-link:focus-visible{border-color:var(--gold-light);color:var(--gold-light)}.text-link span[aria-hidden]{transition:transform .3s var(--ease)}.text-link:hover span[aria-hidden],.text-link:focus-visible span[aria-hidden]{transform:translate(5px,-5px)}
/* Retrato integrado: a foto original e uma assinatura, sem logotipo sobreposto. */
.hero-integrated{width:100%;max-width:none;display:block;min-height:min(900px,calc(100svh - 88px));padding:0;position:relative;isolation:isolate;overflow:clip;--hero-scroll:0}.hero-integrated .hero-art{position:absolute;inset:0 0 0 38%;z-index:-3}.hero-integrated .hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 16%;max-height:none;transform:translateY(calc(var(--hero-scroll)*32px)) scale(1.025);transform-origin:center top}.hero-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.96) 23%,rgba(5,5,5,.65) 43%,transparent 66%),linear-gradient(0deg,#050505,transparent 23%)}.hero-orbit{width:85vw;aspect-ratio:1;border:1px solid rgba(216,155,41,.12);border-radius:50%;position:absolute;left:32%;top:16%;z-index:-1;pointer-events:none;transform:translateY(calc(var(--hero-scroll)*-42px))}.hero-inner{display:flex;align-items:center;min-height:inherit;padding-block:65px 72px}.hero-integrated .hero-copy{max-width:800px;width:62%;padding:0}.hero-integrated h1{margin-top:26px;font:500 clamp(3rem,5.8vw,5.6rem)/1.02 var(--display);letter-spacing:-.05em;text-transform:uppercase}.headline-line{display:block}.hero-integrated h1 em{font-style:normal;color:var(--gold-light);text-shadow:0 0 25px rgba(238,166,39,.13)}.hero-integrated .hero-description{font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.8;max-width:475px;margin-top:30px;color:#d3cbbd}.hero-integrated .actions{gap:30px;margin-top:28px}.hero-integrated .button{font-size:.7rem;padding:15px 22px;min-height:50px;letter-spacing:.06em}.hero-integrated .text-link{font-size:.75rem}.hero-integrated .hero-disciplines{border:0;margin-top:37px;padding:0;gap:22px;font-size:.61rem;letter-spacing:.04em}.hero-scroll{position:absolute;bottom:22px;right:var(--gutter);font-size:.61rem;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:20px;padding:8px 0}.hero-scroll span{font-size:1.2rem;color:var(--gold-light)}.brand-line{border-block:0;padding-block:22px;position:relative}.brand-line:before{content:'';height:1px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.3}.brand-line a{display:none}.brand-line>span:nth-child(2){font-size:.65rem;color:var(--muted)}
/* Serviços abertos: tipografia, espaço e função, sem quatro caixas. */
.service-grid{display:block;border-top:0}.service-item{grid-template-columns:1fr 48px;padding:30px 0;border-bottom-color:rgba(228,169,60,.18);gap:30px}.service-item:first-child{border-top:1px solid rgba(228,169,60,.18)}.service-number{display:none}.service-item>div{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}.service-item h3{font:500 clamp(1.35rem,2.3vw,2rem)/1.25 var(--display);color:var(--text);transition:color .25s}.service-item p{margin:0;font-size:.85rem;max-width:450px}.service-arrow{display:grid;place-items:center;width:46px;height:46px;align-self:center;border:1px solid rgba(216,155,41,.45);border-radius:50%;font-size:1.3rem;transition:transform .3s var(--ease),background .3s,color .3s}.service-item:hover .service-arrow,.service-item:focus-visible .service-arrow{transform:rotate(45deg);background:var(--gold-light);color:var(--ink)}.service-item:hover h3,.service-item:focus-visible h3{color:var(--gold-light)}.work-section{background:transparent;border-block:0}.project-cover{border:0;background:transparent;border-radius:0}.project-cover>img{opacity:1;filter:none}.project-card h3{font:500 1.6rem/1.25 var(--display);letter-spacing:-.025em}.project-meta .eyebrow{color:var(--muted);font-size:.63rem;text-transform:none;letter-spacing:.02em}.project-status{border:0;padding:0;color:var(--muted);font-size:.62rem}.cover-action{border:0;border-radius:0;background:rgba(5,5,5,.8);padding:10px 15px;backdrop-filter:blur(8px)}.home-projects{grid-template-columns:1.3fr 1fr;gap:90px 7%;align-items:start}.home-projects .project-card:nth-child(2){padding-top:135px}.home-projects .project-card:nth-child(3){width:85%;margin-left:15%}.home-projects .project-card:nth-child(4){padding-top:110px}.home-projects .project-card:first-child .project-cover{aspect-ratio:1.4}.home-projects .project-card:nth-child(2) .project-cover{aspect-ratio:1.25}.home-projects .project-card:nth-child(3) .project-cover{aspect-ratio:1}.home-projects .project-card:nth-child(4) .project-cover{aspect-ratio:1.4}.home-projects .project-card:nth-child(2) .project-cover img{object-fit:contain}.project-card>p{font-size:.85rem;line-height:1.8}.project-cover:hover img{transform:scale(1.035)}.project-grid:not(.home-projects){gap:65px 45px}.project-grid:not(.home-projects) .project-card:nth-child(4n+2){padding-top:80px}.three-col .project-card:nth-child(4n+2){padding-top:0}.project-status.is-live{color:var(--gold-light)}
/* Uma cena real de rolagem: três peças se reorganizam, sem bloquear o scroll. */
.signature-scene{position:relative;height:165svh;min-height:1100px;max-height:1700px;--scene:0;--scene-mid:0;--scene-end:0}.scene-sticky{position:sticky;top:88px;height:calc(100svh - 88px);min-height:650px;max-height:950px;display:flex;align-items:center;overflow:clip}.scene-composition{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}.scene-copy{position:relative;z-index:2;max-width:440px}.scene-copy h2{font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.06;margin-top:20px}.scene-copy>p:not(.eyebrow){margin-top:25px;font-size:.9rem;max-width:380px}.scene-copy .text-link{margin-top:18px}.scene-stages{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.scene-stages li{font-size:.8rem;color:var(--muted);display:flex;gap:15px;transition:color .25s}.scene-stages li span{color:var(--gold);font-size:.6rem;padding-top:3px}.scene-stages li[data-active]{color:var(--gold-light)}.scene-art{position:relative;height:560px;isolation:isolate}.scene-halo{position:absolute;width:90%;aspect-ratio:1;border:1px solid rgba(216,155,41,.15);border-radius:50%;left:3%;top:5%;z-index:-1}.scene-art figure{position:absolute;margin:0;filter:drop-shadow(0 30px 22px rgba(0,0,0,.5));will-change:transform}.scene-art img{width:100%;height:auto}.scene-banner{width:95%;left:0;top:22%;transform:translateY(calc(var(--scene)*-65px)) rotate(calc(-4deg + var(--scene)*3deg)) scale(calc(1 - var(--scene)*.1));z-index:1}.scene-flyer{width:45%;right:1%;top:9%;transform:translate(calc(30px - var(--scene-mid)*30px),calc(100px - var(--scene-mid)*100px)) rotate(calc(9deg - var(--scene-mid)*7deg));opacity:calc(.45 + var(--scene-mid)*.55);z-index:2}.scene-lineup{width:30%;left:4%;top:35%;transform:translateY(calc(100px - var(--scene-end)*100px)) rotate(calc(-12deg + var(--scene-end)*5deg));opacity:calc(.25 + var(--scene-end)*.75);z-index:3}.scene-credit{position:absolute;bottom:0;left:0;right:0;font-size:.7rem;color:var(--text);display:flex;justify-content:space-between;gap:20px}.scene-credit span{color:var(--gold-light);font-size:.62rem}.model-reserve{border:0;background:transparent;padding:45px 0;grid-template-columns:70px 1fr;gap:30px}.model-reserve:before{content:'';height:1px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,transparent,rgba(216,155,41,.45),transparent)}.model-reserve h2{font-size:1.7rem}.model-symbol span{background:transparent}.status-label{color:var(--muted);text-transform:none;letter-spacing:0}.process-list li{border-top-color:rgba(228,169,60,.18)}.about-strip{border-top:0}.about-strip h2{font-size:clamp(2.2rem,4vw,3.7rem)}
/* Contato inspirado na imagem enviada: assinatura discreta e leitura central. */
.contact-band{background:transparent;border:0;position:relative;isolation:isolate;overflow:clip;padding-block:105px}.contact-band:before{content:'';position:absolute;width:min(850px,95vw);aspect-ratio:1;border:1px solid rgba(216,155,41,.13);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1}.contact-band:after{content:'';position:absolute;inset:0;background:url('../images/logo-alek-transparent-960.webp') center/400px auto no-repeat;opacity:.045;pointer-events:none;z-index:-1}.contact-band-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}.contact-band-inner>div{max-width:950px}.contact-band .eyebrow{justify-content:center}.contact-band h2{font:500 clamp(2.3rem,4.6vw,4.5rem)/1.08 var(--display);max-width:950px;text-transform:uppercase;margin-top:22px}.contact-band p:not(.eyebrow){max-width:640px;margin:24px auto 0}.contact-band .button{min-width:250px}.footer-grid{border-top:1px solid rgba(228,169,60,.16);padding-top:40px}.site-footer{padding-top:0}
/* Famílias internas compartilham a marca; acervo conserva as cores dos clientes. */
.page-intro h1,.case-intro h1,.about-page h1{font-family:var(--display);font-size:clamp(2.5rem,4.7vw,4.6rem);line-height:1.08}.case-intro-preview{background:transparent;border:0;padding:0;min-height:0}.case-intro-preview img{max-height:470px}.case-context,.gallery-section,.video-section{border-top-color:rgba(228,169,60,.13)}.gallery-item>a,.single-image .gallery-item>a{background:transparent;border:0;border-radius:0;padding:0}.gallery-item img{border-radius:0}.image-enlarge{border-radius:50%;background:rgba(5,5,5,.8)}.video-item video{border:0;border-radius:4px}.related-service{border-block-color:rgba(228,169,60,.13)}.brief-form{background:transparent;border:0;border-left:1px solid rgba(228,169,60,.2);padding:0 0 0 40px;border-radius:0}.portfolio-controls{border-top-color:rgba(228,169,60,.2)}.filter-list button{border-color:transparent;padding-inline:14px}.filter-list button:hover{border-color:var(--gold)}.filter-list button[aria-pressed=true]{background:transparent;color:var(--gold-light);border-color:var(--gold)}.filter-list button[aria-pressed=true] span{color:var(--gold-light)}.search-label input,.brief-form select,.brief-form textarea{background:transparent}.lightbox{border-color:rgba(216,155,41,.4);border-radius:6px}.lightbox .button-outline{min-width:0;border:1px solid var(--line);padding:10px 15px}.icon-button{border-radius:50%}
@media(max-width:1100px){.hero-integrated h1{font-size:clamp(3rem,6vw,4.3rem)}.hero-integrated .hero-copy{width:65%}.hero-integrated .hero-art{left:36%}.hero-integrated .hero-description{max-width:400px}.scene-composition{gap:30px;grid-template-columns:.9fr 1.1fr}.scene-art{height:470px}.scene-sticky{min-height:600px}.scene-copy h2{font-size:2.8rem}.scene-copy>p:not(.eyebrow){font-size:.85rem}.service-item>div{gap:30px}.home-projects{gap:70px 5%}.home-projects .project-card:nth-child(3){width:95%;margin-left:5%}}
@media(max-width:760px){.hero-integrated{display:flex;flex-direction:column;min-height:0;max-height:none;padding:0;overflow:clip}.hero-inner{display:block;min-height:0;padding-block:45px 0;order:0}.hero-integrated .hero-copy{width:100%;max-width:600px}.hero-integrated h1{font-size:clamp(1.9rem,9.2vw,4rem);line-height:1.08;letter-spacing:-.055em;margin-top:22px}.hero-integrated .hero-description{font-size:.9rem;margin-top:22px;max-width:450px}.hero-integrated .actions{margin-top:24px;gap:18px;align-items:center;flex-direction:row}.hero-integrated .button{font-size:.65rem;padding:14px 18px;min-height:48px}.hero-integrated .text-link{font-size:.7rem}.hero-integrated .hero-disciplines{margin-top:25px;gap:12px 20px;font-size:.58rem}.hero-integrated .hero-art{position:relative;inset:auto;order:1;width:100%;height:clamp(380px,122vw,660px);margin-top:20px;z-index:-3}.hero-integrated .hero-photo{height:100%;width:100%;object-fit:contain;object-position:center top;transform:none;mask-image:linear-gradient(0deg,transparent 0%,#000 14%,#000 91%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 14%,#000 91%,transparent)}.hero-shade{display:none}.hero-orbit{display:none}.hero-scroll{position:relative;bottom:auto;right:auto;order:2;align-self:center;margin-top:-16px;margin-bottom:12px;font-size:.6rem}.brand-line{padding-block:18px}.brand-line>span:nth-child(2){display:none}.eyebrow{font-size:.6rem}.section-heading h2{font-size:clamp(1.9rem,6.7vw,3rem)}.service-item{grid-template-columns:1fr 40px;padding-block:26px;gap:25px}.service-item>div{display:block}.service-item h3{font-size:1.3rem}.service-item p{margin-top:12px;font-size:.8rem;max-width:500px}.service-arrow{width:40px;height:40px;font-size:1.2rem}.home-projects{grid-template-columns:1fr 1fr;gap:60px 25px}.home-projects .project-card:nth-child(2){padding-top:70px}.home-projects .project-card:nth-child(3){width:100%;margin-left:0}.home-projects .project-card:nth-child(4){padding-top:70px}.project-card h3{font-size:1.4rem}.project-grid:not(.home-projects){gap:45px 24px}.project-grid:not(.home-projects) .project-card:nth-child(4n+2){padding-top:45px}.three-col .project-card:nth-child(4n+2){padding-top:0}.signature-scene{height:auto;min-height:0;max-height:none;padding-block:65px;--scene:0;--scene-mid:1;--scene-end:1}.scene-sticky{position:static;height:auto;min-height:0;max-height:none;overflow:clip}.scene-composition{grid-template-columns:1fr;gap:30px}.scene-copy{max-width:600px}.scene-copy h2{font-size:clamp(2rem,8vw,3.2rem)}.scene-copy h2 br{display:initial}.scene-copy h2 br:after{content:' '}.scene-copy>p:not(.eyebrow){max-width:500px;font-size:.88rem}.scene-stages{margin-top:25px;gap:10px}.scene-stages li{font-size:.75rem}.scene-art{height:clamp(370px,100vw,540px);margin-top:15px}.scene-banner{width:92%;top:25%;transform:translateY(calc(var(--scene)*-20px)) rotate(-4deg)}.scene-flyer{width:43%;right:2%;top:2%;opacity:1;transform:translateY(calc(var(--scene)*-28px)) rotate(5deg)}.scene-lineup{width:29%;left:5%;top:38%;opacity:1;transform:translateY(calc(var(--scene)*-16px)) rotate(-8deg)}.scene-halo{width:90%;left:2%;top:0}.scene-credit{font-size:.6rem;bottom:0}.scene-credit span{font-size:.55rem}.model-reserve{grid-template-columns:1fr;padding-block:35px;gap:25px}.model-symbol{display:none}.model-reserve h2{font-size:1.5rem}.model-reserve .status-label{grid-column:1}.contact-band{padding-block:75px}.contact-band h2{font-size:clamp(2rem,7.7vw,3rem)}.contact-band p:not(.eyebrow){font-size:.88rem}.contact-band:after{background-size:300px}.contact-band .button{min-width:0}.case-intro h1,.page-intro h1{font-size:clamp(2.2rem,7.5vw,3.8rem)}.about-page h1{font-size:clamp(2.5rem,10vw,4rem)}.brief-form{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:35px}.header-inner{min-height:76px}.brand strong{font-size:.8rem}.menu-toggle{border-color:transparent;border-radius:0;padding-inline:8px}.menu-toggle:hover,.menu-toggle:focus-visible{color:var(--gold-light)}.scene-copy .signature{white-space:normal}}
@media(max-width:540px){.home-projects{grid-template-columns:1fr;gap:45px}.home-projects .project-card:nth-child(2),.home-projects .project-card:nth-child(4){padding-top:0;width:92%;margin-left:8%}.home-projects .project-card:first-child .project-cover{aspect-ratio:1.35}.home-projects .project-card:nth-child(2) .project-cover{aspect-ratio:1.6}.home-projects .project-card:nth-child(3){width:92%;margin-left:0}.home-projects .project-card:nth-child(3) .project-cover{aspect-ratio:1.15}.home-projects .project-card:nth-child(4) .project-cover{aspect-ratio:1.4}.project-grid:not(.home-projects) .project-card:nth-child(4n+2){padding-top:0}.hero-integrated .actions{max-width:none}.hero-integrated .text-link{padding-block:11px}.hero-integrated .hero-description{font-size:.88rem}.hero-integrated .hero-disciplines{font-size:.56rem;gap:10px 13px}.model-reserve .eyebrow{font-size:.57rem}.project-card h3{font-size:1.4rem}.scene-copy h2 br{display:initial}.scene-copy h2 br:after{content:none}.scene-credit{bottom:7px}.scene-art{height:390px}.contact-band:before{width:130vw}}
/* Revelar novas peças por recorte, sem transparência que mistura seus textos. */
.scene-flyer,.scene-lineup{opacity:1}.scene-flyer{width:37%;clip-path:inset(calc(100% - var(--scene-mid)*100%) 0 0 0)}.scene-lineup{width:26%;clip-path:inset(calc(100% - var(--scene-end)*100%) 0 0 0)}.scene-banner{transform:translateY(calc(var(--scene)*-65px)) rotate(calc(-4deg + var(--scene)*3deg)) scale(calc(1 - var(--scene)*.24))}
body:not([data-enhanced]) .scene-flyer,body:not([data-enhanced]) .scene-lineup{clip-path:none}
@media(max-width:760px){.scene-flyer{width:43%;clip-path:none}.scene-lineup{width:29%;clip-path:none}.scene-banner{transform:translateY(calc(var(--scene)*-20px)) rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.hero-integrated .hero-photo,.hero-orbit,.scene-banner,.scene-flyer,.scene-lineup{transform:none!important;will-change:auto;clip-path:none!important}.signature-scene{height:auto;min-height:0;max-height:none;padding-block:75px}.scene-sticky{position:static;height:auto;min-height:0;max-height:none}.scene-art figure{opacity:1}.scene-stages li{color:var(--muted)}.button-gold:hover,.button-gold:focus-visible{transform:none}.scene-copy h2{line-height:1.1}}