/* Reproduction of the supplied Levi Pessoa website. Original local media and fonts. */
.header-social .header-login{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px;border:1px solid #ffffff60;border-radius:24px;font:400 11px/1.2 Poppins,sans-serif;letter-spacing:.5px;white-space:nowrap;transition:background-color .2s,border-color .2s}
.header-login svg{flex:none}.header-login:hover{background:#ffffff16;border-color:#ffffffa0}.header-login:active{background:#ffffff26}.header-login:focus-visible{outline:2px solid #fff;outline-offset:4px}
.site-menu nav>.menu-login{margin-top:16px;min-height:44px;padding:10px 18px;border-color:#ffffff80}
@media(prefers-reduced-motion:reduce){.header-social .header-login{transition:none}}
@font-face{font-family:Poppins;src:url(original/fonts/poppins-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(original/fonts/poppins-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url(original/fonts/poppins-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Azeret;src:url(original/fonts/azeret.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Madefor;src:url(original/fonts/madefor.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Ginora Sans";src:url(original/fonts/ginora-sans-light.woff2) format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Ginora Sans";src:url(original/fonts/ginora-sans-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#e9e9e9;--ink:#000;--bronze:#551a0d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.5 Poppins,Arial,sans-serif}body.menu-open{overflow:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #aa8d71;outline-offset:5px}.sr-only,.skip{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.skip:focus{position:fixed;top:15px;left:15px;width:auto;height:auto;clip-path:none;z-index:99;background:#fff;padding:12px}
.site-header{position:absolute;top:22px;left:26.5%;right:18.5%;height:34px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff}.header-social{display:flex;gap:30px;align-items:center}.header-social img{width:18px;height:18px;object-fit:contain}.header-brand{position:absolute;left:42.7%;width:132px;transform:translateX(-50%)}.header-brand img{width:132px;height:auto}.languages{display:flex;gap:48px;margin-left:auto;margin-right:62px}.languages img{width:18px;height:12px;object-fit:contain}.menu-toggle{display:flex;gap:14px;align-items:center;background:none;color:inherit;border:0;padding:0;font:500 11px/1 Azeret,monospace;letter-spacing:1.5px}.menu-icon{height:34px;width:34px;border:1px solid #fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.menu-icon span{width:14px;height:1px;background:currentColor}.site-menu{position:fixed;inset:0 0 0 50%;background:#000;z-index:40;color:#fff;box-shadow:-100vw 0 0 100vw #0009}.site-menu nav{display:flex;flex-direction:column;gap:6px;align-items:start;padding:30px}.site-menu nav>a{display:grid;place-items:center;min-width:100px;min-height:36px;padding:6px 12px;border:1px solid #fff;border-radius:24px;font:500 12px Azeret,monospace}.site-menu a:hover{background:#fff;color:#000}.menu-close{position:absolute;right:30px;top:28px;width:40px;height:40px;background:none;color:white;border:0;font:300 34px Arial}
.opening{height:100svh;min-height:600px;background:#000;color:white;position:relative}.opening-logo{position:absolute;top:50%;left:50%;width:47.5%;max-width:910px;height:auto;transform:translate(-50%,-50%)}.explore{position:absolute;top:calc(50% + 116px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:22px}.explore span{font-size:11px;letter-spacing:5.5px;color:#a3a3a3}.explore svg,.film-next svg{height:36px;width:22px;stroke:#9a9a9a;stroke-width:.6;fill:none}
.intro-film{height:255svh;background:#000;color:#fff;position:relative}.intro-stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden}.intro-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:87% center}.intro-vertical-logo{position:absolute;left:7.8%;bottom:7%;width:210px;transform:rotate(-90deg);transform-origin:0 50%}.intro-stage::before{content:"";position:absolute;left:8.1%;top:0;height:54%;width:1px;background:#fff6;z-index:1}.film-frame{position:absolute;top:16%;left:17%;width:66%;height:69%;transition:opacity .25s}.js .film-frame{opacity:var(--film-opacity,0)}.film-frame video{width:100%;height:100%;object-fit:cover}.film-play{position:absolute;inset:0;margin:auto;width:70px;height:70px;background:none;border:0;color:white;font-size:44px;opacity:0;text-shadow:0 1px 8px #000}.film-frame:hover .film-play,.film-frame:focus-within .film-play{opacity:1}.film-sound{position:absolute;right:20px;bottom:15px;width:40px;height:40px;border:0;border-radius:50%;background:#0003;color:#fff;font-size:25px}.film-next{position:absolute;bottom:4%;left:50%;transform:translateX(-50%)}
.portrait{height:100svh;min-height:600px;position:relative;background:#291307;color:#fff;overflow:hidden}.portrait-background{position:absolute;top:0;left:-10%;width:120%;max-width:none;height:100%;object-fit:cover;object-position:center}.portrait-social{position:absolute;top:9%;left:4.5%}.social-row{display:flex;align-items:center;gap:22px}.social-row>a{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#000;background:#fff}.social-row svg{width:22px;height:22px}.social-row>span{font-size:16px;margin-left:8px}.portrait-name{position:absolute;left:23%;top:48%;width:54%;height:auto}.portrait-credentials{position:absolute;left:66.3%;top:56.5%;font-size:14px}.portrait-credentials p+p{margin-top:24px}.outline-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid currentColor;border-radius:10px;padding:14px 30px;letter-spacing:3px;font-size:15px;min-height:54px}.outline-link:hover{background:#000;color:#fff}.portrait-about{position:absolute;top:70.7%;left:41.4%;width:17.2%;font-weight:500;font-size:18px}.portrait-about:hover{background:#fff;color:#000}
.anniversary{height:100svh;min-height:640px;background:var(--paper);position:relative;overflow:hidden}.anniversary-statements{position:absolute;top:10.5%;left:41.8%;right:7.4%;display:flex;justify-content:space-between;gap:30px;font-size:14px}.anniversary-years{position:absolute;left:0;top:21%;width:100%;height:59%;object-fit:contain}.anniversary-copy{position:absolute;left:13.3%;top:48.3%;display:flex;gap:15vw;font-size:24px}.anniversary-signature{position:absolute;bottom:7.4%;left:0;right:14.2%;display:flex;align-items:center;gap:26px}.anniversary-signature>span{height:1px;flex:1;background:#000;transform:translateY(-22px)}.anniversary-signature img{width:350px;max-width:35%}
.conversation{height:100svh;min-height:640px;position:relative;color:#fff;background:#48392d;overflow:hidden}.conversation>video,.conversation-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.conversation-shade{background:#0008}.bronze-signature{position:absolute;right:6.2%;top:14%;width:35%;max-width:650px;aspect-ratio:500/110}.bronze-signature>img{position:absolute;top:50%;left:50%;width:50%;height:auto;transform:translate(-50%,-50%)}.conversation-content{position:absolute;top:56%;left:7.1%;right:5.4%;display:grid;grid-template-columns:1.45fr .75fr 1.3fr;gap:8vw;align-items:center}.conversation-content h2{font-size:clamp(34px,3.75vw,72px);font-weight:500;letter-spacing:-.04em;line-height:1.2}.conversation-content p{font-size:14px;font-weight:500;max-width:235px}.whatsapp-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;white-space:nowrap;background:#24d65f;color:#000;border-radius:10px;font-size:13px;letter-spacing:2.5px}.whatsapp-cta svg{width:26px;height:26px;flex:none}
.projects{background:var(--paper)}.projects-intro{height:29.4vw;min-height:300px;max-height:600px;position:relative}.projects-logo{position:absolute;top:15%;left:9.2%;width:23.3%;height:auto}.projects-intro h2{position:absolute;left:9.2%;top:51%;font-size:8.33vw;color:var(--bronze);line-height:1;letter-spacing:-.01em}.projects-reading{position:absolute;left:47.6%;top:20%;width:37.7%;height:64%;object-fit:cover}.projects-pen{position:absolute;left:25.8%;top:-15.5%;width:40%;height:109%;object-fit:contain;z-index:2;pointer-events:none}.project-mosaic{display:grid;grid-template-columns:30.45fr 18.75fr 49.2fr;grid-template-rows:24vw 21.5vw;gap:11px}.project-mosaic>a{position:relative;overflow:hidden}.project-mosaic img{width:100%;height:100%;object-fit:cover}.project-mosaic span{position:absolute;inset:auto 0 0;padding:20px;color:#fff;background:linear-gradient(transparent,#0009);opacity:0;transition:opacity .2s}.project-mosaic a:hover span,.project-mosaic a:focus-visible span{opacity:1}.mosaic-pietra{grid-column:1/3;grid-row:1}.mosaic-villa{grid-column:3;grid-row:1}.mosaic-portico{grid-column:1;grid-row:2}.mosaic-caju{grid-column:2;grid-row:2}.mosaic-dunas{grid-column:3;grid-row:2}.portfolio-more{padding:73px 20px;text-align:center}.portfolio-more .outline-link{font-size:13px;background:#fff;padding:12px 36px;min-height:46px}.portfolio-more .outline-link:hover{background:#000}
.reviews{min-height:449px;padding:65px 5vw 40px;text-align:center}.reviews h2{font-size:clamp(28px,3.32vw,60px);line-height:1.1}.perspectives{padding:50px 3.2vw 40px;background:var(--paper)}.perspectives>h2{text-align:center;font-size:46px;line-height:1;letter-spacing:-.01em;margin-bottom:110px}.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.journal{min-width:0}.journal a{position:relative;display:block;aspect-ratio:.75;color:#fff;overflow:hidden}.journal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.journal a::after{content:"";position:absolute;inset:0;background:linear-gradient(#0002,transparent 40%,#0008)}.journal-author{position:absolute;top:34px;left:24px;right:16px;font:700 13px/1.5 Azeret,monospace;z-index:1}.journal h3{position:absolute;left:24px;right:20px;bottom:24px;font:400 20px/1.25 Madefor,Arial,sans-serif;z-index:1}.journal a:hover img{filter:brightness(.85)}
.architecture-statement{height:100svh;min-height:600px;background:#000;color:#fff}.architecture-collage{height:50%;display:grid;grid-template-columns:40.8fr 29.6fr 29.6fr;background:var(--paper)}.architecture-collage>img{width:100%;height:100%;object-fit:cover}.architecture-collage>img:first-child{object-position:center 62%}.architecture-collage>img:nth-child(2){object-position:33% 25%;filter:grayscale(1)}.architecture-collage>div{display:grid;place-items:center;padding:9%}.architecture-collage>div img{width:100%}.architecture-statement>p{height:50%;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:24px;padding:25px}.territory{padding:44px 6vw 50px;text-align:center}.territory h2{font-size:46px;letter-spacing:-.01em;margin-bottom:32px}.territory nav{display:flex;flex-wrap:wrap;gap:32px 18px;max-width:1030px;margin:auto;justify-content:center}.territory a{display:grid;place-items:center;min-height:54px;border:1px solid #000;border-radius:10px;padding:13px 24px;font-size:14px;letter-spacing:3px}.territory a:nth-child(7){margin-left:230px}.territory a:nth-child(8){margin-right:230px}.territory a:hover{background:#000;color:#fff}
.contact{background:#000;color:#fff;padding-bottom:45px}.footer-logo{width:43.6%;max-width:840px;margin:auto;height:auto}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:6.2%;padding:58px 5.8% 0;align-items:start}.contact-identity{position:relative;min-width:0}.footer-portrait{width:80%;max-width:560px;margin:auto;height:auto}.contact-addresses{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:1.3px;margin-top:-100px;position:relative;z-index:1;white-space:nowrap}.contact-addresses span{flex:1;background:#fff;height:1px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px}.contact label{font-size:14px;display:block;min-width:0}.contact input,.contact textarea{width:100%;display:block;min-width:0;border:0;border-bottom:1px solid #fff;background:none;color:#fff;min-height:42px;border-radius:0;padding:10px 4px;resize:vertical}.contact textarea{min-height:100px}.full-field{grid-column:1/-1}.contact-submit{width:48.5%;min-height:42px;margin-top:25px;color:#fff;border:1px solid #fff;background:none;font-weight:500}.contact-submit:hover{background:#fff;color:#000}#contact-result{font-size:12px;line-height:1.7;margin-top:18px}.footer-social{margin:95px 5.8% 65px;gap:22px}.footer-social>a{width:30px;height:30px}.footer-social svg{width:17px;height:17px}.footer-social>span{font-size:12px}.footer-bottom{display:flex;align-items:center;gap:55px;padding:0 3%;font:400 12px/1.6 Azeret,monospace;letter-spacing:.6px}.footer-bottom a{text-decoration:underline}.footer-bottom p{margin-left:auto}.whatsapp-floating{position:fixed;right:20px;bottom:22px;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1ad35c;z-index:30}.whatsapp-floating svg{width:35px;height:35px}.whatsapp-floating:hover{background:#14b84e}.icon{display:block;width:100%;height:100%}
.inner-page{background:#000;color:#fff}.inner-page .site-header{position:relative;top:auto;left:auto;right:auto;margin:22px 18.5% 22px 26.5%;height:34px}.original-portfolio{padding:65px 40px 70px;background:#000;color:#fff}.original-portfolio>h1{text-align:center;font-weight:700;font-size:60px;margin:0 0 28px}.original-portfolio>p{font:400 22px/1.3 Azeret,monospace;max-width:700px;text-align:center;margin:0 auto 80px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.portfolio-grid a{position:relative;display:block;aspect-ratio:1;overflow:hidden}.portfolio-grid img{width:100%;height:100%;object-fit:cover}.portfolio-grid h2{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0008);padding:30px 20px 20px;color:#fff;font-size:22px;opacity:0}.portfolio-grid a:hover h2,.portfolio-grid a:focus-visible h2{opacity:1}
.project-intro{background:#000;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:70px 40px 60px}.project-intro h1{font-size:60px;font-weight:700;margin:0 0 25px}.project-location{font-size:24px;margin-bottom:12px}.project-city{font:400 22px/1.5 Azeret,monospace}.project-description{font:400 22px/1.3 Azeret,monospace}.project-description p+p{margin-top:28px}.detail-cover-wrap{padding:0 40px;background:#000}.detail-cover{width:100%;height:auto}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#000;padding:20px 40px 50px}.detail-gallery figure{margin:0}.detail-gallery img{width:100%;height:auto}.project-outro{background:#000;color:#fff;padding:30px 5% 60px;display:flex;justify-content:space-between;gap:20px}.project-outro a{text-decoration:underline}.project-error{padding:100px 5vw}
.original-about{background:#000;color:#fff}.about-top{height:370px;background:url(original/about-background.webp) center/cover;position:relative;padding:100px 10.7% 20px}.about-top h1{font-size:32px;line-height:1.15;max-width:390px}.about-logo{position:absolute;right:13%;top:130px;width:25%}.about-team{display:grid;grid-template-columns:331px 1fr;gap:50px 70px;max-width:1132px;margin:-70px auto 0;position:relative;align-items:start}.about-levi{width:331px;grid-row:1/3}.about-thaina{width:409px;margin:50px 0 15px auto}.about-team>p{font-size:16px;line-height:1.5}.about-values{padding:80px 10.7%;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.about-values h2{font-size:28px;margin-bottom:20px}.about-values p{font-size:15px;line-height:1.9}
@media(min-width:1800px){.explore{top:calc(50% + 145px)}}
@media(max-width:1050px){.site-header{left:15%;right:10%}.header-social{gap:18px}.languages{gap:28px;margin-right:35px}.conversation-content{left:6%;right:6%;gap:4vw;grid-template-columns:1.3fr .8fr 1.1fr}.conversation-content h2{font-size:4vw}.conversation-content p{font-size:12px}.whatsapp-cta{white-space:normal;letter-spacing:1.5px;text-align:center;font-size:11px}.contact-layout{gap:5%;padding-inline:4%}.contact-addresses{font-size:10px;letter-spacing:.5px;gap:12px}.footer-bottom{font-size:10px;gap:20px}.territory a:nth-child(7),.territory a:nth-child(8){margin:0}.journal h3{font-size:17px;left:16px;right:16px}.journal-author{font-size:10px;left:16px}.inner-page .site-header{margin-inline:15% 10%}.about-team{margin-inline:5%;grid-template-columns:30% 1fr;gap:30px}}
@media(max-width:760px){.site-header{left:7%;right:7%;top:23px;gap:14px}.header-social{display:none}.header-brand{position:static;transform:none;width:116px;margin-right:auto}.header-brand img{width:116px}.languages{gap:18px;margin:0 10px 0 0}.languages img{width:17px;height:12px}.menu-toggle{font-size:9px;letter-spacing:1px;gap:8px}.menu-icon{width:30px;height:30px}.site-menu{left:25%}.site-menu nav{padding:35px 22px}.menu-close{right:10px;top:20px}.opening{min-height:580px}.opening-logo{width:80%;max-width:none}.explore{top:calc(50% + 95px);gap:20px}.explore span{font-size:9px;letter-spacing:4px}.intro-film{height:180svh}.intro-stage{min-height:580px}.intro-background{object-fit:contain;object-position:center 25%;background:#000}.intro-stage::before{left:8%;height:55%;top:12%}.intro-vertical-logo{left:8%;width:130px;bottom:16%}.film-frame{left:15%;width:80%;top:40%;height:46%;max-height:450px}.film-next{bottom:3%}.film-play{opacity:1;font-size:30px}.portrait{min-height:650px;height:100svh}.portrait-background{left:0;width:100%;object-fit:cover;object-position:43% center}.portrait-social{top:4%;left:auto;right:5%;flex-wrap:wrap;gap:12px;justify-content:flex-end;max-width:75%}.portrait-social>a{width:32px;height:32px}.portrait-social>span{font-size:10px;flex-basis:100%;text-align:right;margin:0}.portrait-social svg{width:17px;height:17px}.portrait-name{left:5%;width:90%;top:49%}.portrait-credentials{left:56%;right:4%;top:60%;font-size:10px}.portrait-credentials p+p{margin-top:14px}.portrait-about{top:84%;left:29%;width:42%;min-height:40px;padding:8px 10px;font-size:12px;letter-spacing:2px}.anniversary{height:420px;min-height:0}.anniversary-statements{left:8%;right:6%;top:8%;font-size:8px;gap:15px}.anniversary-years{top:29%;height:35%}.anniversary-copy{left:10%;top:44%;font-size:13px;gap:13vw}.anniversary-signature{bottom:10%;right:7%;gap:12px}.anniversary-signature img{width:150px;max-width:45%}.anniversary-signature>span{transform:none}.conversation{height:640px;min-height:0}.bronze-signature{right:14%;top:7%;width:72%}.conversation-content{top:32%;left:15%;right:15%;display:flex;flex-direction:column;align-items:start;gap:24px}.conversation-content h2{font-size:32px;line-height:1.2;letter-spacing:-.04em}.conversation-content p{font-size:11px;max-width:none;line-height:1.6}.whatsapp-cta{width:100%;font-size:10px;letter-spacing:1.5px;padding:10px;white-space:normal}.projects-intro{height:160px;min-height:0}.projects-logo{top:12%;left:8%;width:30%}.projects-intro h2{font-size:35px;top:45%;left:8%}.projects-reading{left:52%;width:40%;height:73%;top:10%}.projects-pen{left:24%;top:-12%;width:43%;height:110%}.project-mosaic{gap:5px;grid-template-rows:30vw 30vw;grid-template-columns:30fr 19fr 49fr}.project-mosaic span{font-size:10px;padding:6px}.portfolio-more{padding:25px 15px}.portfolio-more .outline-link{font-size:10px;letter-spacing:1.5px;min-height:34px;padding:8px 22px}.reviews{min-height:220px;padding:40px 10% 30px}.reviews h2{font-size:25px;line-height:1.2}.perspectives{padding:35px 3.2vw 35px}.perspectives>h2{font-size:30px;margin-bottom:40px}.journal-grid{gap:6px}.journal a{aspect-ratio:.5}.journal-author{top:8px;left:7px;right:4px;font-size:6px;line-height:1.4}.journal h3{font-size:9px;left:7px;right:5px;bottom:10px;line-height:1.2}.architecture-statement{height:600px;min-height:0}.architecture-collage{height:55%;grid-template-columns:40fr 30fr 30fr}.architecture-statement>p{display:block;font-size:19px;line-height:1.5;max-width:330px;margin:auto;padding:70px 30px;height:45%}.territory{padding:32px 10% 38px}.territory h2{font-size:32px;margin-bottom:25px}.territory nav{gap:12px 10px}.territory a{font-size:10px;letter-spacing:1px;min-height:36px;padding:8px 13px}.footer-logo{width:75%;margin-bottom:12px}.contact-layout{display:flex;flex-direction:column-reverse;gap:38px;padding:20px 9% 0}.contact form{width:100%}.contact-fields{grid-template-columns:1fr;gap:18px}.contact label{font-size:11px}.contact input{min-height:36px}.contact textarea{min-height:80px}.contact-submit{width:100%;min-height:38px;font-size:12px}.contact-identity{width:100%}.footer-portrait{width:80%;max-width:350px}.contact-addresses{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:-25px;letter-spacing:.5px;font-size:10px}.contact-addresses span{flex:none;width:20px}.footer-social{margin:35px 9%;gap:14px}.footer-social>a{width:24px;height:24px}.footer-social>span{font-size:9px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:15px 25px;padding:0 8%;text-align:center;justify-content:center}.footer-bottom p{width:100%;margin:10px 0 0}.contact{padding-bottom:30px}.whatsapp-floating{width:52px;height:52px;bottom:18px;right:18px}.whatsapp-floating svg{width:28px;height:28px}.inner-page .site-header{margin:22px 7%}.original-portfolio{padding:35px 15px}.original-portfolio>h1{font-size:34px}.original-portfolio>p{font-size:13px;margin-bottom:35px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:12px}.portfolio-grid h2{font-size:13px;padding:12px;opacity:1}.project-intro{grid-template-columns:1fr;gap:28px;padding:35px 20px}.project-intro h1{font-size:34px}.project-location{font-size:18px}.project-city,.project-description{font-size:14px}.detail-cover-wrap{padding:0 15px}.detail-gallery{grid-template-columns:1fr;padding:12px 15px 35px;gap:12px}.about-top{height:330px;padding:75px 7% 15px}.about-top h1{font-size:26px;max-width:90%}.about-logo{position:static;width:60%;margin-top:30px}.about-team{margin:0;padding:25px 7%;grid-template-columns:1fr;gap:25px}.about-levi{grid-row:auto;width:85%;max-width:331px}.about-thaina{margin:0;width:100%;max-width:409px}.about-team>p{font-size:13px}.about-values{padding:30px 7%;grid-template-columns:1fr;gap:25px}.about-values h2{font-size:22px}}
/* Full-screen desktop chapters; keep the approved arrangement rather than adding UI. */
@media(min-width:761px){
 .original-site .projects{height:100svh;min-height:640px;display:grid;grid-template-rows:32% minmax(0,1fr) 12%}
 .original-site .projects-intro{height:auto;min-height:0;max-height:none}
 .original-site .projects-intro h2{font-size:min(8.33vw,14svh);top:48%}
 .original-site .project-mosaic{min-height:0;grid-template-rows:1.06fr 1fr}
 .original-site .project-mosaic>a{min-height:0}
 .original-site .portfolio-more{padding:0 20px;display:grid;place-items:center}
 .original-site .reviews{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
 .original-site .perspectives{height:100svh;min-height:640px;display:flex;flex-direction:column;justify-content:center;padding-block:7svh}
 .original-site .perspectives>h2{margin-bottom:9svh}
 .original-site .journal-grid{min-height:0;height:min(63svh,35vw)}
 .original-site .journal a{height:100%;aspect-ratio:auto}
 .original-site .territory{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:3svh}
 .original-site .territory nav{margin:0 auto;width:100%;max-width:1180px}
 .original-site .contact{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto;padding-bottom:24px}
 .original-site .footer-logo{height:18svh;width:43.6%;object-fit:contain}
 .original-site .contact-layout{padding-top:2svh}
 .original-site .footer-portrait{width:min(80%,48svh)}
 .original-site .contact-fields{row-gap:clamp(10px,2svh,26px)}
 .original-site .contact textarea{min-height:75px}
 .original-site .footer-social{margin-block:3svh}
}
/* Projects: a scroll-directed editorial cover; the collection opens separately. */
.original-site .projects-story{position:relative;display:block;height:auto;min-height:0;background:#151a17;color:#fff;overflow-anchor:none}
.projects-story .projects-stage{position:relative;height:calc(100svh - var(--site-header-height,78px));min-height:580px;overflow:hidden;isolation:isolate}
#projects-scroll-video,.projects-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.projects-shade{background:#000;opacity:var(--projects-shade-opacity,.5);pointer-events:none}
.projects-story .projects-intro{position:absolute;inset:0;height:100%;min-height:0;max-height:none;pointer-events:none}
.projects-story .projects-intro h2{position:absolute;left:50%;top:48%;width:90%;text-align:center;font:400 clamp(64px,min(14.4vw,calc((100svh - var(--site-header-height,78px))*.34)),320px)/.94 "Ginora Sans",sans-serif;letter-spacing:.025em;color:#fff;transform:translate(-50%,-50%);white-space:nowrap;font-synthesis:none}
.projects-kicker{position:absolute;left:60%;right:9%;top:20%;min-height:44px;padding:7px 16px;border:1px solid #ffffffa6;border-radius:16px;display:flex;align-items:center;gap:14px;font:400 clamp(13px,1.15vw,20px)/1.2 "Ginora Sans",sans-serif;letter-spacing:.04em}
.projects-kicker-dots{letter-spacing:.3em;margin-left:auto}
.projects-symbol{width:18px;height:28px;flex:none}
.projects-signature{position:absolute;top:66%;left:10%;width:clamp(180px,18vw,280px);height:auto}
.projects-story .portfolio-more{position:absolute;inset:auto 6% 10%;display:flex;justify-content:center;padding:0;pointer-events:none}
.projects-story .portfolio-more .outline-link{pointer-events:auto;min-height:60px;min-width:min(440px,100%);padding:16px 32px;gap:20px;color:#fff;border:1px solid #ffffff66;border-radius:14px;background:linear-gradient(135deg,#ffffff26,#ffffff08 50%,#ffffff14),#ffffff0d;box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #ffffff0d,0 12px 36px #00000030;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);font:400 15px/1.3 "Ginora Sans",sans-serif;letter-spacing:1.5px;transition:background-color .24s,border-color .24s,box-shadow .24s}
.projects-story .portfolio-more .outline-link>span{font-size:22px;line-height:1;letter-spacing:0}
@media(hover:hover){.projects-story .portfolio-more .outline-link:hover{background-color:#ffffff24;border-color:#ffffffb3;box-shadow:inset 0 1px 0 #ffffff80,0 14px 40px #00000038}}
.projects-story .portfolio-more .outline-link:active{background-color:#ffffff12;box-shadow:inset 0 1px 4px #00000024}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.projects-story .portfolio-more .outline-link{background-color:#343434e6}}
.projects-story a:focus-visible{outline:2px solid #fff}
@media(prefers-reduced-motion:no-preference){
 .projects-scroll.site-chapter-scroll .original-site main>section.projects-story{height:calc((100svh - var(--site-header-height,78px))*4.2);min-height:0}
 .projects-scroll .projects-story .projects-stage{position:sticky;top:var(--site-header-height,78px);height:calc(100svh - var(--site-header-height,78px));min-height:0}
 .projects-scroll .projects-story .projects-intro h2{opacity:var(--projects-title-opacity,0);transform:translate(-50%,-50%) scale(var(--projects-title-scale,.98))}
 .projects-scroll .projects-kicker{opacity:var(--projects-kicker-opacity,0);transform:translateY(var(--projects-kicker-y,16px))}
 .projects-scroll .projects-signature{opacity:var(--projects-signature-opacity,0);transform:translateY(var(--projects-signature-y,16px))}
 .projects-scroll .projects-story .portfolio-more .outline-link{opacity:var(--projects-cta-opacity,0);transform:translateY(var(--projects-cta-y,30px))}
}
@media(max-width:760px){
 .projects-story .projects-stage{min-height:640px}
 .projects-story .projects-intro h2{font-size:15.5vw;top:43%;letter-spacing:.025em}
 .projects-kicker{left:7%;right:12%;top:19%;min-height:48px;padding:7px 14px;font-size:15px;gap:12px;border-radius:18px}
 .projects-symbol{width:20px;height:31px}
 .projects-signature{left:7%;top:62%;width:64%;max-width:280px}
 .projects-story .portfolio-more{inset:auto 7% 90px}
 .projects-story .portfolio-more .outline-link{min-width:0;width:100%;padding:14px 16px;font-size:13px;letter-spacing:.8px;min-height:50px}
}
@media(max-height:540px){
 .projects-kicker{top:7%;left:52%;right:9%;min-height:36px;padding:4px 12px;font-size:13px}
 .projects-symbol{width:18px;height:28px}
 .projects-signature{top:68%;width:140px}
 .projects-story .projects-intro h2{top:45%;font-size:min(17.4vw,calc((100svh - var(--site-header-height,78px))*.36))}
 .projects-story .portfolio-more{bottom:18px}
 .projects-story .portfolio-more .outline-link{min-width:0;width:min(380px,calc(100% - 80px));min-height:44px;padding:10px 12px;font-size:12px}
}
@media(min-width:761px){
 .projects-kicker{left:auto;right:var(--projects-title-right,9%);width:31%}
 .projects-signature{left:var(--projects-title-left,10%)}
}
/* Full-screen collection, separate from the cinematic chapter. */
html.portfolio-open{overflow:hidden!important;scroll-snap-type:none!important}
body.portfolio-open{overflow:hidden}
.portfolio-dialog{position:fixed;inset:0;border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#e2e1dd;color:#252320;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.portfolio-dialog::backdrop{background:#171614b3}
.portfolio-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 5%;background:#e2e1ddf2;border-bottom:1px solid #25232026;backdrop-filter:blur(12px)}
.portfolio-dialog-header>img{width:185px;height:auto}
.portfolio-close{display:flex;align-items:center;gap:22px;min-height:48px;border:1px solid #2523204d;border-radius:8px;padding:8px 18px;background:transparent;color:inherit;font:400 16px/1 "Ginora Sans",sans-serif;transition:background-color .2s}
.portfolio-close>span:last-child{font-size:30px;font-weight:300}
.portfolio-close:hover{background:#2523200c}
.portfolio-dialog-content{padding:50px 5% 30px}
.portfolio-dialog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:44px}
.portfolio-dialog-heading h2{font:400 clamp(34px,4.6vw,80px)/1.1 "Ginora Sans",sans-serif;letter-spacing:-.025em}
.portfolio-dialog-heading p{font:400 12px/1.5 Azeret,monospace;white-space:nowrap;color:#625d57}
.portfolio-dialog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 32px}
.portfolio-project{display:block;min-width:0}
.portfolio-project figure{margin:0;aspect-ratio:1.5;overflow:hidden;background:#c9c6bf}
.portfolio-project img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.portfolio-project-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.portfolio-project h3{font:400 clamp(21px,1.9vw,32px)/1.2 "Ginora Sans",sans-serif;letter-spacing:-.015em}
.portfolio-project-heading>span{font:300 25px/1 "Ginora Sans",sans-serif}
.portfolio-project p{font-size:11px;color:#625d57;margin-top:7px}
.portfolio-project:focus-visible,.portfolio-close:focus-visible{outline:2px solid #252320;outline-offset:6px}
.portfolio-dialog-signoff{margin-top:64px;padding-top:24px;border-top:1px solid #25232026;font-size:11px;letter-spacing:1px;color:#625d57}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-project:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:no-preference){.portfolio-dialog[open]{animation:portfolio-arrive .35s cubic-bezier(.2,.65,.25,1) both}}
@keyframes portfolio-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.portfolio-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}
@media(max-width:650px){.portfolio-dialog-header{padding:18px 6%;gap:16px}.portfolio-dialog-header>img{width:165px}.portfolio-close{gap:12px;padding:7px 12px;font-size:14px;min-height:44px}.portfolio-dialog-content{padding:32px 6% 24px}.portfolio-dialog-heading{display:block;margin-bottom:28px}.portfolio-dialog-heading p{margin-top:14px;font-size:11px}.portfolio-dialog-grid{grid-template-columns:1fr;gap:32px}.portfolio-project h3{font-size:25px}.portfolio-dialog-signoff{margin-top:40px}}
/* Keyboard focus stays visible without cancelling the reversible scroll timeline. */
[data-scroll-motion="reversible"]:focus-within{opacity:1!important;translate:0 0!important;scale:1 1!important;clip-path:none!important}
.js .film-frame{transform:translate3d(0,var(--film-rise,0px),0);transition:none}
.js .intro-background{transform:translate3d(0,var(--hero-rise,0px),0)}
.js .portrait-background{transform:translate3d(var(--portrait-pan,0%),0,0)}
.opening-sequence{position:relative;background:#000}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .js .opening-sequence{isolation:isolate;overflow:clip}
 .js .opening-sequence .opening{position:sticky;top:0;z-index:0}
 .js .opening-sequence .intro-film{background:transparent;z-index:1}
 .js .opening-sequence .intro-stage{overflow:visible}
 .js .opening-sequence .intro-background{height:91.1svh;width:101.2%;left:-1.2%;max-width:none}
 .js .opening-sequence .film-frame{height:min(53svh,33vw)}
 .js .intro-stage::before{transform:translate3d(0,var(--intro-line-rise,0px),0)}
 .js .intro-vertical-logo,.js .film-next{opacity:var(--intro-details,0)}
 .js .architecture-collage{overflow:hidden}
 .js .architecture-collage>img:first-child{height:150%;transform:translate3d(0,var(--collage-pan,-33%),0)}
}
@keyframes explore-drift{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(.39,.575,.565,1)}25%{transform:translateY(12px);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}75%{transform:translateY(-12px);animation-timing-function:cubic-bezier(.47,0,.745,.715)}}
@media(prefers-reduced-motion:no-preference){.explore svg{animation:explore-drift 5s infinite}}
.outline-link,.territory a,.contact-submit,.social-row>a,.whatsapp-cta,.menu-toggle{transition:background-color .2s,color .2s,box-shadow .2s}
.project-mosaic img,.journal img{transition:transform .65s cubic-bezier(.2,.65,.25,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project-mosaic a:hover img,.journal a:hover img{transform:scale(1.025)}}
/* Hero layers: scrubbed background → brand → institutional player. */
.journey-sequence,.journey-stage{display:contents}
.anniversary-signature>span{transform:none;transform-origin:right center}
.anniversary-signature img{height:auto}
.anniversary-statements{font-size:clamp(16px,1.22vw,20px);line-height:1.5}
.anniversary-copy{font-family:"Ginora Sans",sans-serif;font-weight:400;font-size:clamp(26px,1.95vw,32px);line-height:1.35;font-synthesis:none}
@media(max-width:760px){.anniversary-statements{font-size:11.5px;gap:16px}.anniversary-copy{font-size:16px}}
@media(min-width:761px){.site-chapter-scroll .journey-stage>section{height:calc(100svh - var(--site-header-height));min-height:calc(100svh - var(--site-header-height))}}
@media(prefers-reduced-motion:no-preference){
 .journey-enabled .journey-sequence{--journey-height:calc(100svh - var(--site-header-height,78px));position:relative;display:block;height:calc(var(--journey-height)*5.65);isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;background:var(--paper)}
 .journey-enabled .journey-stage{display:block;position:sticky;top:var(--site-header-height,78px);height:var(--journey-height);overflow:hidden}
 .journey-enabled.site-chapter-scroll .journey-stage>section{position:absolute;inset:0;width:100%;height:100%;min-height:0;scroll-snap-align:none;scroll-snap-stop:normal}
 .journey-enabled .anniversary{z-index:0;transform:scale(var(--portal-scale,1));transform-origin:var(--portal-x,74.48%) var(--portal-y,50%)}
 .journey-enabled .anniversary-statements,.journey-enabled .anniversary-copy,.journey-enabled .anniversary-signature{filter:opacity(var(--journey-copy-opacity,1))}
 .journey-enabled .journey-destination{z-index:1;clip-path:circle(var(--portal-radius,0px) at var(--portal-x,74.48%) var(--portal-y,50%))}
 .journey-enabled .journey-destination .projects-stage{position:relative;top:0;height:100%;min-height:0}
}
/* Frosted controls belong only to the portrait chapter, not every site button. */
.section-dots{--dot-ink:#fff;--dot-muted:#ffffff7a;position:fixed;right:max(14px,env(safe-area-inset-right));top:50%;translate:0 -50%;z-index:25;padding:8px 2px;border:1px solid #ffffff1f;border-radius:30px;background:#16141238;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--dot-ink);transition:background-color .25s,border-color .25s,color .25s}
.section-dots ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.section-dots a{position:relative;display:grid;place-items:center;width:30px;height:clamp(18px,3.4svh,32px);border-radius:50%;outline-offset:0}
.section-dots a::before{content:"";width:5px;height:5px;border:1px solid var(--dot-muted);border-radius:50%;background:transparent;transition:background-color .22s,border-color .22s,box-shadow .22s,transform .22s}
.section-dots a[aria-current]::before{background:var(--dot-ink);border-color:var(--dot-ink);box-shadow:0 0 0 4px #ffffff17;transform:scale(1.2)}
.section-dots a:hover::before,.section-dots a:focus-visible::before{border-color:var(--dot-ink);background:var(--dot-ink)}
.section-dots a:focus-visible{outline:1px solid currentColor}
.section-dot-label{position:absolute;right:calc(100% + 12px);top:50%;translate:4px -50%;padding:7px 11px;border:1px solid #ffffff29;border-radius:6px;background:#171512ed;color:#fff;font:400 10px/1.4 Azeret,monospace;letter-spacing:.4px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,translate .18s,visibility .18s}
.section-dots a:hover .section-dot-label,.section-dots a:focus .section-dot-label{opacity:1;visibility:visible;translate:0 -50%}
.section-dots.is-on-light{--dot-ink:#423a32;--dot-muted:#5b514b80;background:#ffffff66;border-color:#423a3226}
.section-dots.is-on-light a[aria-current]::before{box-shadow:0 0 0 4px #423a3212}
.menu-open .section-dots{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:760px){.section-dots{right:max(5px,env(safe-area-inset-right));padding:6px 0}.section-dots a{width:26px;height:clamp(18px,3.4svh,28px)}.section-dots a::before{width:4px;height:4px}.section-dot-label{right:calc(100% + 8px);font-size:9px}}
@media(max-height:540px){.section-dots{top:calc(50% - 9px);padding-block:3px}.section-dots ol{gap:0}.section-dots a{height:clamp(10px,calc((100svh - 190px)/var(--site-chapter-count,12)),24px)}}
.portrait .portrait-about,.portrait .portrait-social>a,.conversation .whatsapp-cta{color:#fff;border:1px solid #ffffff52;background:linear-gradient(135deg,#ffffff1f,#ffffff05 65%),#211d19c2;box-shadow:inset 0 1px 0 #ffffff24,0 6px 24px #00000014;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}
@supports((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.portrait .portrait-about,.portrait .portrait-social>a,.conversation .whatsapp-cta{background-color:#211d1957;-webkit-backdrop-filter:blur(14px) saturate(110%);backdrop-filter:blur(14px) saturate(110%)}}
.portrait-social svg [fill="white"]{fill:#292520}.portrait-social svg [stroke="white"]{stroke:#292520}
@media(hover:hover){.portrait .portrait-about:hover,.portrait .portrait-social>a:hover,.conversation .whatsapp-cta:hover{color:#fff;background-color:#49413a80;border-color:#ffffff8c;box-shadow:inset 0 1px 0 #ffffff38,0 8px 28px #00000024}}
.portrait .portrait-about:focus-visible,.portrait .portrait-social>a:focus-visible,.conversation .whatsapp-cta:focus-visible{outline:2px solid #fff;outline-offset:5px;border-color:#ffffffa6}
.portrait .portrait-about:active,.portrait .portrait-social>a:active,.conversation .whatsapp-cta:active{background-color:#211d19a6;box-shadow:inset 0 1px 4px #00000026}
.original-site:not(.inner-page) .site-header{position:fixed;inset:0 0 auto;height:78px;padding:22px 18.5% 22px 26.5%;background:transparent;transition:background-color .35s ease}
.original-site:not(.inner-page) .header-brand{left:50%}
.original-site:not(.inner-page) .site-header.is-solid{background:#000}
@media(max-width:1050px){.original-site:not(.inner-page) .site-header{padding-inline:15% 10%}}
@media(max-width:760px){.original-site:not(.inner-page) .site-header{height:76px;padding:23px 7%}.original-site:not(.inner-page) .header-brand{left:auto}}
/* Native gestures own the page. Mandatory/proximity snap can skip the entire
   oversized sticky narrative in WebKit. Only a bounded, directional landing is
   allowed after a gesture ends; see site.js. Full-screen composition is intact. */
html.site-chapter-scroll{--site-header-height:78px;scroll-snap-type:none;scroll-padding-top:var(--site-header-height)}
.site-chapter-scroll .opening-sequence,.site-chapter-scroll .original-site main>section,.site-chapter-scroll .journey-stage>section,.site-chapter-scroll .original-site>.contact{scroll-snap-align:start}
.site-chapter-scroll .original-site main>section,.site-chapter-scroll .journey-stage>section,.site-chapter-scroll .original-site>.contact{scroll-snap-stop:always}
@media(min-width:761px){.site-chapter-scroll .original-site main>section{height:calc(100svh - var(--site-header-height));min-height:calc(100svh - var(--site-header-height))}.site-chapter-scroll .original-site>.contact{min-height:calc(100svh - var(--site-header-height))}}
@media(max-width:760px){html.site-chapter-scroll{--site-header-height:76px}.site-chapter-scroll .portrait-social{top:max(4%,86px)}}
.hero-background-stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;z-index:0;pointer-events:none}
:is(#hero-scroll-video,.hero-scroll-sequence){display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#hero-scroll-video[data-scroll-renderer="frames"]{visibility:hidden}.hero-scroll-sequence[hidden]{display:none!important}
.hero-scroll-enabled .opening-sequence{isolation:isolate;overflow:clip}
.site-filter-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.film-controls{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #ffffff32;border-radius:999px;background:#161615b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 6px 22px #0002;color:#fff}
.film-controls .film-play,.film-controls .film-sound{position:static;inset:auto;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:104px;height:44px;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:inherit;opacity:1;text-shadow:none;font:400 11px/1.3 Poppins,sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease}
.film-controls .film-sound{border-left:1px solid #ffffff24;border-top-left-radius:0;border-bottom-left-radius:0}
.film-controls svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.film-controls button:hover{background:#ffffff12}.film-controls button:active{background:#ffffff20}.film-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hero-scroll-enabled .opening-sequence .opening{background:transparent;z-index:1;min-height:0;mix-blend-mode:normal}
.hero-scroll-enabled .opening-logo{filter:url(#hero-logo-clean)}
.hero-scroll-enabled .explore{opacity:var(--hero-explore-opacity,1);visibility:var(--hero-explore-visibility,visible)}
.hero-scroll-enabled .opening-sequence .intro-film{height:325svh;background:transparent;z-index:2}
.hero-scroll-enabled .opening-sequence .intro-stage{--intro-logo-length:clamp(215px,29svh,300px);--intro-logo-center:56%;--intro-rail-x:8.1%;min-height:0;overflow:visible}
.hero-scroll-enabled .film-frame{top:50%;translate:0 -50%;height:min(53svh,33vw)}
.hero-scroll-enabled .intro-vertical-logo{left:var(--intro-rail-x);top:var(--intro-logo-center);bottom:auto;width:var(--intro-logo-length);height:auto;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}
.hero-scroll-enabled .intro-stage::before{left:var(--intro-rail-x);top:0;height:max(0px,calc(var(--intro-logo-center) - var(--intro-logo-length) / 2 - 24px));transform:none}
.hero-scroll-enabled .intro-stage::before,.hero-scroll-enabled .intro-vertical-logo,.hero-scroll-enabled .film-next{opacity:var(--intro-details,0)}
@media(prefers-reduced-motion:no-preference){.hero-scroll-enabled .opening-sequence .opening{position:sticky;top:0}.hero-scroll-enabled :is(#hero-scroll-video,.hero-scroll-sequence){opacity:var(--hero-enter-opacity,0)}}
@media(max-width:760px){:is(#hero-scroll-video,.hero-scroll-sequence){object-position:72% center}.hero-scroll-enabled .opening-sequence .intro-stage{--intro-logo-length:min(clamp(120px,18svh,154px),41vw);--intro-rail-x:4.5%}.hero-scroll-enabled .film-frame{left:10%;width:80%;height:min(53svh,40vw)}.hero-scroll-enabled .intro-stage::before{height:max(0px,calc(var(--intro-logo-center) - var(--intro-logo-length) / 2 - 18px))}}
@media(prefers-reduced-motion:reduce){.hero-scroll-enabled .intro-film{height:100svh!important}.hero-scroll-enabled .opening{position:relative}.hero-scroll-enabled .film-frame{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .film-frame{opacity:1;transform:none}.site-reveal-waiting{opacity:1}.js .intro-background,.js .portrait-background{transform:none}}