@font-face{font-family:DM;src:url('fonts/dm-sans-normal-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url('fonts/dm-sans-normal-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('fonts/barlow-condensed-normal-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Barlow;src:url('fonts/barlow-condensed-normal-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Instrument;src:url('fonts/instrument-serif-normal-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('fonts/instrument-serif-italic-400.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}body.theme-a{--bg:#10120f;--fg:#f2f1e8;--accent:#86bb56;--muted:#a5aa9e;--line:#ffffff26;--heading:Barlow,'Arial Narrow',sans-serif;background:var(--bg);color:var(--fg)}body.theme-b{--bg:#f4f6f0;--fg:#20241e;--accent:#3e6326;--muted:#676c61;--line:#20241e36;--heading:Instrument,Georgia,serif;background:var(--bg);color:var(--fg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,video{display:block;width:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:0}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{line-height:1.65}h1,h2{font-family:var(--heading);letter-spacing:-.035em;line-height:.96}h2{font-size:clamp(68px,7.2vw,125px)}h2 em{color:var(--accent)}.theme-a h1,.theme-a h2{text-transform:uppercase;font-weight:800;letter-spacing:-.02em}.theme-a h1 em,.theme-a h2 em{font-style:normal}::selection{background:#86bb56;color:#111410}:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.skip{position:fixed;top:-70px;left:20px;z-index:150;background:var(--accent);color:var(--bg);padding:12px}.skip:focus{top:10px}.section-pad{padding:110px 5.5vw}.scene{position:relative;isolation:isolate}.eyebrow{font:600 10px/1.6 DM,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:56px;padding:17px 22px;background:var(--accent);color:#151a0c;font-size:12px;font-weight:600;transition:transform .25s,background .25s}.button span{font-size:22px;line-height:1;transition:transform .25s}.button:hover{transform:translateY(-3px)}.button:hover span{transform:translate(3px,-3px)}.theme-b .button{background:var(--fg);color:var(--bg)}.text-link{display:inline-flex;align-items:center;gap:32px;padding:12px 0 9px;border-bottom:1px solid currentColor;font-size:12px;font-weight:600}.text-link span{font-size:19px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
/* The header stays legible as the object moves between scenes. */
.site-header{height:92px;padding:0 4vw;display:flex;align-items:center;gap:48px;position:absolute;top:0;left:0;right:0;z-index:50;border-bottom:1px solid var(--line)}.brand{font:400 53px/.7 Instrument,Georgia,serif;letter-spacing:-.065em;display:flex;align-items:start;margin-right:auto}.brand>span{font:400 11px DM;letter-spacing:0;margin:1px 16px 0 3px}.brand small{font:600 8px/1.4 DM;letter-spacing:.09em;margin-top:4px}.site-header nav{display:flex;gap:32px;font-size:12px}.site-header nav a{padding:15px 0}.header-cta{font-size:12px;border:1px solid var(--line);padding:13px 17px;display:flex;gap:32px}.header-cta span{color:var(--accent)}.menu-btn{display:none;border:0;background:none;padding:12px}.menu-btn span{display:block;width:24px;height:1px;background:currentColor;margin:6px 0}.mobile-nav[hidden]{display:none}.mobile-nav{position:fixed;inset:78px 0 auto;background:var(--bg);color:var(--fg);padding:20px 6vw 40px;z-index:49;box-shadow:0 25px 35px #0003}.mobile-nav a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:25px}.menu-open{overflow:hidden}.theme-b.home .site-header{color:#f7f3e9;border-color:#fff3}.theme-b.home .header-cta{border-color:#fff5}.theme-b.home .header-cta span{color:#b7d998}.theme-b.home .menu-open{background:#fff}
.loader{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px;background:#10120f;color:#f4f6f0;transition:transform .8s cubic-bezier(.76,0,.24,1),visibility .8s}.loader>span{font:400 130px/.8 Instrument,Georgia,serif;letter-spacing:-.065em}.loader sup{font:400 18px DM;vertical-align:top;letter-spacing:0}.loader>div{width:190px}.loader i{display:block;height:1px;background:#86bb56;transform-origin:left;animation:load-line .75s ease-out both}.loader small{display:block;font-size:8px;letter-spacing:.15em;margin-top:12px;text-align:center}.is-ready .loader{transform:translateY(-102%);visibility:hidden}.page-wipe{position:fixed;inset:0;z-index:110;background:var(--accent);transform:translateY(101%);transition:transform .4s cubic-bezier(.76,0,.24,1);pointer-events:none}.is-leaving .page-wipe{transform:translateY(0)}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:105}.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.js [data-reveal].visible{opacity:1;transform:none}@keyframes load-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* A single procedural WebGL object travels in front of the scene backgrounds. */
.plate-stage{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}.plate-stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .65s}.plate-stage.ready canvas{opacity:1}.plate-point{position:absolute;inset:0;pointer-events:none;visibility:hidden}.plate-fallback{position:absolute;left:54%;top:25%;width:min(38vw,600px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;font:800 110px Barlow;color:var(--accent);background:repeating-radial-gradient(circle at center,#151712 0%,#151712 13%,#36382d 14%,#161910 15%,#161910 41%,#34362e 42%,#1c1f16 43%,#11130e 50%);box-shadow:15px 28px 45px #0008,inset -10px -5px 15px #0009;border:8px solid #31362a;transform:rotate(-13deg)}.plate-fallback small{font:600 13px DM;letter-spacing:.2em}.plate-stage.ready .plate-fallback{display:none}.plate-shadow{position:absolute;left:0;top:0;width:1px;height:1px;background:radial-gradient(ellipse,#0009,transparent 65%);border-radius:50%;will-change:transform;opacity:0}.webgl-unavailable .plate-stage{position:absolute;height:100svh}.theme-b .plate-fallback{color:#e7efdf}
/* Direction 01: IMPULSO 25. */
.hero-a{min-height:830px;height:100svh;max-height:1100px;padding:123px 4vw 28px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 76% 46%,#535e2635,transparent 47%),#11140f}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-top>.eyebrow:last-child{color:#afb69f;font-size:9px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px}.hero-copy{position:relative;margin-top:auto;margin-bottom:auto;padding-top:55px;z-index:22;pointer-events:none;width:58%}.hero-copy a{pointer-events:auto}.hero-copy h1{font-size:clamp(110px,11.3vw,210px);line-height:.83;margin-bottom:35px}.hero-copy h1 em{color:var(--accent)}.hero-copy>p{font-size:15px;color:#bfc7b3;margin-bottom:25px}.hero-copy .button{font-size:11px}.hero-microfilm{position:absolute;right:8vw;bottom:105px;width:117px;height:157px;border:1px solid #a3b38055;z-index:23;transform:rotate(7deg);overflow:hidden}.hero-microfilm video{height:100%;object-position:50% 44%;filter:saturate(.6)}.hero-microfilm>span{position:absolute;inset:auto 9px 10px;color:#f3f4e8;font:600 7px/1.35 DM;letter-spacing:.03em;text-shadow:0 1px 5px #000;background:#0003}.plate-caption{position:absolute;right:4vw;top:31%;color:#dce6c3;font:700 21px Barlow;letter-spacing:.1em;text-align:right}.plate-caption small{font:600 7px DM;letter-spacing:.16em}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:600;letter-spacing:.12em;border-top:1px solid #ffffff2b;padding-top:24px;z-index:22;gap:20px}.hero-bottom a{display:flex;align-items:center;gap:60px}.hero-bottom a span{font-size:19px}.hero-orbit{position:absolute;width:59vw;aspect-ratio:1;border:1px solid #86bb5617;border-radius:50%;right:-10%;top:8%;transform:rotateX(60deg) rotate(-30deg);pointer-events:none}.idea-a{min-height:850px;background:#e1ecd8;color:#202816;display:flex;align-items:center;--accent:#536b30;--line:#27351f33;--muted:#526145;padding-top:145px;padding-bottom:145px;overflow:hidden}.idea-copy{margin-left:50%;max-width:570px;position:relative;z-index:22}.idea-copy h2{font-size:clamp(78px,8vw,138px);margin:24px 0 32px;line-height:.87}.idea-copy>p:not(.eyebrow){max-width:360px;font-size:14px;margin:16px 0;color:#425335}.idea-copy .text-link{margin-top:16px}.scene-word{position:absolute;bottom:-.12em;left:-.01em;color:#72845413;font:800 33vw/.8 Barlow;letter-spacing:-.05em;z-index:-1}.method{min-height:880px;display:flex;align-items:center;overflow:hidden}.method-content{width:48%;position:relative;z-index:22}.method h2{margin:28px 0 42px;font-size:clamp(65px,6.9vw,110px)}.method-rows{margin-bottom:20px}.method details{border-top:1px solid var(--line)}.method details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.method summary{display:flex;align-items:center;gap:22px;padding:23px 0}.method summary>span{font-size:10px;color:var(--accent)}.method summary h3{font-size:20px;flex:1}.method summary b,.faq summary b{font-weight:400;font-size:21px;transition:transform .3s}.method details[open] summary b,.faq details[open] summary b{transform:rotate(45deg)}.method details>p{padding:0 35px 25px 36px;font-size:13px;color:var(--muted);max-width:470px}.vertical-note{position:absolute;right:3vw;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;color:var(--muted)}
/* Footage and place: real material, with room for the camera to breathe. */
.film-section{background:#171c14;padding-top:105px;padding-bottom:85px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:28px 8vw;align-items:end;margin-bottom:55px;position:relative;z-index:22}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(66px,7vw,120px)}.section-heading>p:last-child{font-size:13px;justify-self:end;width:270px;max-width:100%;color:var(--muted);padding-bottom:8px}.reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reel-card{aspect-ratio:2/3;position:relative;isolation:isolate;overflow:hidden;background:#161b13;border:1px solid #ffffff20}.reel-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#030601a8,transparent 27%,transparent 55%,#030601cc);z-index:1;pointer-events:none}.reel-card video{height:100%;object-fit:cover;filter:saturate(.65) contrast(1.04);transition:filter .7s,transform .8s;object-position:center}.reel-card:hover video{filter:saturate(.95);transform:scale(1.025)}.reel-top{position:absolute;inset:24px 22px auto;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#f4f4e8;z-index:2}.reel-caption{position:absolute;inset:auto 23px 28px;color:#fffdf0;z-index:2}.reel-caption h3{font:700 46px/.95 Barlow;text-transform:uppercase;margin-bottom:12px}.reel-caption p{font-size:10px;color:#d7dbce;max-width:80%}.reel-caption>a{position:absolute;right:0;bottom:0;width:37px;height:37px;border:1px solid #fff7;display:grid;place-content:center;border-radius:50%;font-size:20px}.film-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:35px;padding-top:18px}.film-bottom>span{font-size:9px;color:var(--muted);letter-spacing:.04em}.sergio-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding-top:125px;padding-bottom:125px}.sergio-image{height:630px;position:relative}.sergio-image img{height:100%;object-position:50% 27%;filter:saturate(.5)}.sergio-image>span{position:absolute;bottom:23px;left:23px;font-size:9px;letter-spacing:.13em;background:#10140bb5;color:white;padding:10px}.sergio-copy{position:relative;z-index:22}.sergio-copy h2{margin:26px 0 32px}.sergio-copy>p:not(.eyebrow){max-width:400px;font-size:14px;color:var(--muted);margin:17px 0}.sergio-copy .text-link{margin-top:10px}.client-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:50px;padding-top:24px;font-size:10px;line-height:1.7}.client-link b{font-weight:400;color:var(--muted)}.client-link>span:last-child{font-size:9px;color:var(--accent)}.gym-section{background:#e1ecd8;color:#202816;--muted:#4e5b43;--line:#20281633;--accent:#526b31}.gym-gallery{display:grid;grid-template-columns:1.15fr 1.15fr .85fr .85fr;gap:12px}.gym-photo{padding:0;border:0;position:relative;overflow:hidden;aspect-ratio:1/1.15;background:#8b987c}.gym-photo img{height:100%;filter:saturate(.55);transition:transform .6s,filter .6s}.gym-photo:hover img{transform:scale(1.06);filter:saturate(.95)}.gym-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#10150cad)}.gym-photo>span{position:absolute;inset:auto 17px 18px;z-index:1;display:flex;justify-content:space-between;gap:10px;font-size:9px;text-align:left;color:white}.gym-photo b{font-size:17px;font-weight:400}.map-layout{display:grid;grid-template-columns:1fr 1.6fr;margin-top:75px;border-top:1px solid var(--line);padding-top:48px;gap:6vw}.address .pin-icon{font-size:37px;line-height:1;margin-bottom:26px;display:block}.address h3{font:700 57px/.95 Barlow;text-transform:uppercase;margin:15px 0 25px}.address address{font-style:normal;font-size:13px;line-height:1.65;margin-bottom:23px}.address>p:not(.eyebrow){font-size:11px;max-width:290px;margin-bottom:24px;color:var(--muted)}.address .button{background:#27351d;color:#f3f4e8;min-height:50px;padding:14px 18px;font-size:11px}.address small{display:block;margin-top:24px;font-size:8px;color:var(--muted)}.address small a{text-decoration:underline;text-underline-offset:3px}.map-frame{position:relative;min-height:440px;border:1px solid #27351f33;overflow:hidden;background:#d3d7c9}.map-frame iframe{width:100%;height:100%;border:0;min-height:440px;display:block;filter:grayscale(.8)}.map-open{position:absolute;left:20px;bottom:20px;background:#fafcf0;box-shadow:0 5px 20px #0002;color:#202816;padding:13px 18px;font-size:10px}
/* The disc lands on this floor, whose marker is measured by the 3D scene. */
.contact-section{min-height:960px;display:flex;align-items:flex-start;padding-top:150px;padding-bottom:280px;overflow:hidden;background:radial-gradient(ellipse at 80% 80%,#44572d35,transparent 50%),#10140e}.contact-copy{width:60%;position:relative;z-index:22}.contact-copy h2{font-size:clamp(95px,10.5vw,175px);margin:28px 0 33px;line-height:.87}.contact-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}.contact-options{display:flex;flex-wrap:wrap;gap:8px;margin:29px 0 25px}.contact-options button{background:none;border:1px solid var(--line);padding:10px 14px;font-size:10px;border-radius:30px}.contact-options button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.contact-instagram{display:block;width:fit-content;font-size:10px;margin-top:20px;color:var(--muted);padding:8px 0}.floor{position:absolute;bottom:0;left:0;right:0;height:280px;border-bottom:1px solid var(--line);perspective:700px;overflow:hidden}.floor-lines{position:absolute;inset:0 -25% -90px;background-image:linear-gradient(#cbe68712 1px,transparent 1px),linear-gradient(90deg,#cbe68712 1px,transparent 1px);background-size:90px 60px;transform:rotateX(57deg);transform-origin:center bottom;mask-image:linear-gradient(transparent,#000)}.floor-marker{position:absolute;left:76%;top:50%;width:1px;height:1px}.floor>span{position:absolute;left:5.5vw;bottom:52px;font:700 clamp(25px,4.2vw,65px)/1 Barlow;letter-spacing:-.01em;color:#9aab83}.floor>small{position:absolute;left:5.5vw;bottom:30px;font-size:7px;letter-spacing:.2em;color:#778966}.site-footer{background:#0c0e0a;color:#f2f1e8;padding:45px 5.5vw 26px;position:relative;z-index:21;overflow:hidden}.footer-word{display:flex;align-items:center;justify-content:space-between;font:400 clamp(170px,31vw,540px)/.76 Instrument;letter-spacing:-.055em;border-bottom:1px solid #fff2;padding:0 0 56px}.footer-word>span{font:400 15vw/1 DM;margin-right:2vw;color:#86bb56}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:27px;font-size:9px;color:#92998a}.footer-bottom>div{display:flex;gap:25px}.sound{position:fixed;right:22px;bottom:22px;z-index:80;border:1px solid #ffffff3d;border-radius:30px;background:#14180fd9;color:#f1f2e9;backdrop-filter:blur(12px);padding:11px 15px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.06em}.equalizer{display:flex;align-items:center;gap:2px;height:13px}.equalizer i{width:2px;height:3px;background:#86bb56;transform:scaleY(1)}.sound[aria-pressed=true] .equalizer i{animation:equalize .8s ease-in-out infinite alternate}.sound[aria-pressed=true] .equalizer i:nth-child(2){animation-delay:-.4s}.sound[aria-pressed=true] .equalizer i:nth-child(3){animation-delay:-.7s}.sound[aria-pressed=true] .equalizer i:nth-child(4){animation-delay:-.2s}@keyframes equalize{to{transform:scaleY(4)}}.photo-dialog{max-width:min(1000px,92vw);padding:50px 18px 18px;background:#10140e;color:#fff;border:1px solid #fff3}.photo-dialog::backdrop{background:#050805e6;backdrop-filter:blur(8px)}.photo-dialog>button{position:absolute;right:18px;top:15px;background:none;border:none;font-size:12px;padding:5px}.photo-dialog img{width:min(800px,82vw);max-height:70vh;object-fit:contain;background:#080b05}.photo-dialog p{margin-top:14px;font-size:11px;color:#c1c7b7}
/* Direction 02: SERE, EN MOVIMIENTO. Cinema, warm paper and open space. */
.hero-b{height:100svh;min-height:800px;max-height:1150px;position:relative;color:#f8f4eb;overflow:hidden;background:#171c17}.hero-b-films{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}.hero-b-films>div{overflow:hidden}.hero-b-films video{width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:saturate(.45) contrast(1.05);transform:scale(1.03)}.hero-b-films>div:last-child video{object-position:50% 40%}.hero-b-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101610bc,#10161045 60%,#10161010),linear-gradient(0deg,#11190bcc,transparent 35%,#11190b55)}.hero-b-copy{position:absolute;left:7vw;top:26%;z-index:22}.hero-b-copy .eyebrow{font-size:9px;color:#efe3ce}.hero-b-copy h1{font-size:clamp(120px,13vw,230px);line-height:.85;margin:30px 0}.hero-b-copy h1 em{font-weight:400;color:#b7d998}.hero-b-copy>p:not(.eyebrow){font-size:14px;margin-bottom:30px;color:#f1ece0}.hero-b-copy .button{background:#f4f6f0;color:#22271d;min-width:240px}.hero-b .hero-bottom{position:absolute;inset:auto 5.5vw 28px}.film-vertical{position:absolute;right:35px;top:37%;writing-mode:vertical-rl;letter-spacing:.17em;font-size:8px}.theme-b .idea-b{min-height:970px;padding-top:120px;padding-bottom:130px;background:#f4f6f0;overflow:hidden}.idea-b>h2{text-align:center;font-size:clamp(80px,9vw,155px);margin:36px auto 40px;line-height:.98}.idea-b>.eyebrow{text-align:center;color:#656e5d}.idea-b-side{position:absolute;top:48%;width:22%;z-index:22}.idea-b-side.left{left:7vw}.idea-b-side.left img{width:75%;aspect-ratio:3/4;filter:saturate(.35)}.idea-b-side.left>span{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:15px}.idea-b-side.right{right:6vw;top:51%;max-width:270px}.idea-b-side.right p{font-size:13px;line-height:1.8;margin-bottom:18px}.idea-b-side .text-link{margin-top:12px}.theme-b .film-section{background:#252a22;color:#f3eee3;--muted:#b8c0ad;--accent:#b7d998;padding-top:120px;padding-bottom:110px}.theme-b .film-section .section-heading{grid-template-columns:1.5fr 1fr}.theme-b .film-section h2{font-size:clamp(72px,8vw,140px)}.theme-b .reel-grid{gap:26px;align-items:start}.theme-b .reel-card{border:0;aspect-ratio:2/3}.theme-b .reel-card:nth-child(2){margin-top:90px}.theme-b .reel-card:nth-child(3){margin-top:180px}.theme-b .reel-caption h3{font:400 48px/.95 Instrument;text-transform:none}.theme-b .reel-caption p{font-size:10px}.theme-b .film-bottom{border-color:#fff3;margin-top:50px}.theme-b .method{background:#e6ede0;min-height:850px}.theme-b .method-content{margin-left:51%;width:46%}.theme-b .method h2{font-size:clamp(70px,6.8vw,115px);line-height:1}.theme-b .method summary h3{font:400 32px Instrument}.theme-b .method summary>span{color:#526a41}.theme-b .method details>p{font-size:13px;color:#5f6557}.theme-b .sergio-section{background:#f4f6f0;gap:9vw;padding-top:140px;padding-bottom:140px}.theme-b .sergio-image{height:640px}.theme-b .sergio-copy h2{font-size:clamp(95px,9.5vw,156px);line-height:.9}.theme-b .gym-section{background:#e6ede0;color:#252d22;--muted:#636a5c;--accent:#3e6326;--line:#252d2236;padding-top:120px;padding-bottom:120px}.theme-b .gym-gallery{grid-template-columns:1.7fr 1fr 1fr;grid-template-rows:210px 210px;gap:16px}.theme-b .gym-photo{aspect-ratio:auto}.theme-b .gym-photo:first-child{grid-column:1;grid-row:1/3}.theme-b .gym-photo:nth-child(2){grid-column:2/4}.theme-b .gym-photo:nth-child(2) img{object-position:50% 55%}.theme-b .map-layout{grid-template-columns:1fr 1.65fr}.theme-b .address h3{font:400 66px/.95 Instrument;text-transform:none}.theme-b .contact-section{background:#242b21;color:#f4f6f0;--muted:#b8c0ad;--line:#ffffff35;--accent:#b7d998}.theme-b .contact-copy h2{font-size:clamp(100px,11vw,180px);line-height:.87}.theme-b .contact-copy .button{background:#f4f6f0;color:#252b21}.theme-b .floor>span{font:400 clamp(30px,5vw,80px)/1 Instrument;color:#b5c5a5}.theme-b .floor-lines{background-image:linear-gradient(#e0d4bb16 1px,transparent 1px),linear-gradient(90deg,#e0d4bb16 1px,transparent 1px)}.theme-b .floor>small{color:#adb3a1}.theme-b .site-footer{background:#191f16}.theme-b .footer-word>span{color:#b7d998}.theme-b .sound .equalizer i{background:#b7d998}
/* Supporting pages and the local presentation. */
.inner-hero{padding-top:140px;padding-bottom:100px;min-height:670px}.back-link{display:inline-block;font-size:10px;margin-bottom:56px;color:var(--muted)}.inner-hero h1{font-size:clamp(95px,11vw,170px);margin:28px 0 32px}.inner-hero>p:last-child{font-size:17px;max-width:640px;color:var(--muted)}.inner-intro{border-top:1px solid var(--line);padding-top:90px}.inner-intro>p{font-size:clamp(23px,3.3vw,45px);line-height:1.3;max-width:1050px}.inner-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:85px}.inner-steps article{border-top:1px solid var(--line);padding-top:20px}.inner-steps article>span{font-size:10px;color:var(--accent)}.inner-steps h3{font:700 35px Barlow;margin:35px 0 15px}.inner-steps p{font-size:14px;color:var(--muted);max-width:330px}.theme-b .inner-steps h3{font:400 40px Instrument}.inner-story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.inner-story>img{height:650px;object-position:center 20%}.inner-story h2{font-size:clamp(63px,6vw,100px);margin:25px 0 35px}.inner-story p:not(.eyebrow){font-size:14px;margin-bottom:20px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.faq details{border-top:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:15px}.faq details>p{font-size:13px;color:var(--muted);padding:0 25px 25px 0}.inner-page .contact-section{min-height:800px}.inner-page .contact-copy{width:100%}.inner-page .floor-marker{display:none}.comparison{--heading:Instrument;background:#ecebe4;color:#20251c;padding:0 5vw;font-family:DM}.comparison>header{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.13em;padding:28px 0;border-bottom:1px solid #20251c44}.comparison>main{padding:70px 0 30px}.comparison h1{font:400 clamp(62px,7.7vw,130px)/.95 Instrument;letter-spacing:-.035em;margin:26px 0}.comparison h1 em{color:#64764a}.comparison-intro{font-size:14px;max-width:530px;color:#5d6654;margin-bottom:50px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.compare-card{overflow:hidden;display:block;border:1px solid #20251c33}.compare-card>img{aspect-ratio:auto;object-fit:contain;object-position:top;transition:transform .6s}.compare-card:hover>img{transform:scale(1.025)}.compare-card>div{padding:30px;position:relative}.compare-card.dark{background:#11140f;color:#f4f6f0}.compare-card.light{background:#dfdccf;color:#293022}.compare-card span{font-size:9px;letter-spacing:.15em}.compare-card h2{font:400 42px/1 Instrument;letter-spacing:-.02em;margin:17px 0}.compare-card p{font-size:11px;opacity:.7}.compare-card b{font-weight:400;display:block;font-size:12px;margin-top:28px}.comparison footer{font-size:9px;margin-top:38px;color:#5d6654}
@media(min-width:1800px){.section-pad{padding-left:max(6vw,calc((100vw - 1600px)/2));padding-right:max(6vw,calc((100vw - 1600px)/2))}.contact-section{min-height:1050px}}
@media(max-width:1100px){.site-header{gap:25px}.site-header nav{gap:22px}.hero-a{min-height:780px}.hero-copy{width:64%}.hero-copy h1{font-size:13vw}.hero-microfilm{right:5vw;bottom:100px}.section-pad{padding:90px 5vw}.idea-a{min-height:800px}.idea-copy{margin-left:49%}.idea-copy h2{font-size:8.5vw}.method{min-height:850px}.method h2{font-size:7.2vw}.section-heading h2{font-size:7.8vw}.sergio-image,.theme-b .sergio-image{height:560px}.gym-gallery{grid-template-columns:1fr 1fr;gap:15px}.gym-photo{aspect-ratio:1.5}.map-layout{gap:4vw;grid-template-columns:1fr 1.4fr}.contact-section{min-height:930px;padding-top:130px;padding-bottom:300px}.hero-b-copy h1{font-size:15vw}.theme-b .idea-b{min-height:950px}.idea-b-side.left{left:5vw;width:22%}.idea-b-side.right{right:4vw;width:24%}.theme-b .gym-gallery{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:170px 170px}.theme-b .reel-grid{gap:15px}.theme-b .method h2{font-size:7.2vw}.contact-copy{width:65%}.inner-story{gap:6vw}.inner-story>img{height:570px}.inner-story h2{font-size:6.5vw}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{height:78px;padding:0 6vw;gap:18px}.brand{font-size:46px}.brand>span{font-size:9px;margin-right:12px}.brand small{font-size:6px;margin-top:3px}.site-header nav,.header-cta{display:none}.menu-btn{display:block}.eyebrow{font-size:8px;letter-spacing:.11em}.section-pad{padding:75px 6vw}.button{font-size:11px;min-height:54px;padding:15px 18px;gap:28px}.text-link{font-size:11px;gap:28px}.hero-a{height:auto;min-height:1020px;max-height:none;padding:106px 6vw 25px}.hero-top{display:block}.hero-top>.eyebrow:last-child{display:none}.hero-copy{width:100%;margin:30px 0 0;padding:0}.hero-copy h1{font-size:21vw;line-height:.85;max-width:100%;margin-bottom:23px}.hero-copy>p{font-size:12px;margin-bottom:22px}.hero-copy .button{font-size:10px;min-height:50px}.hero-microfilm{width:82px;height:111px;right:8vw;bottom:105px}.hero-microfilm>span{font-size:6px;bottom:7px;left:7px}.plate-caption{top:auto;bottom:360px;right:6vw;font-size:19px}.plate-caption small{font-size:6px}.hero-bottom{margin-top:auto;font-size:7px;gap:14px;padding-top:20px}.hero-bottom a{gap:16px}.hero-bottom>span{max-width:92px;text-align:right;line-height:1.5}.hero-orbit{width:130vw;right:-40%;top:45%}.idea-a{min-height:1120px;align-items:flex-start;padding-top:75px;padding-bottom:490px}.idea-copy{margin-left:0;max-width:100%;width:100%}.idea-copy h2{font-size:19vw;line-height:.88;margin:24px 0 30px}.idea-copy>p:not(.eyebrow){font-size:13px;max-width:320px}.idea-copy .text-link{margin-top:8px}.scene-word{font-size:42vw;bottom:0}.method{min-height:1060px;align-items:flex-start;padding-top:75px;padding-bottom:450px}.method-content{width:100%}.method h2{font-size:17vw;margin:25px 0 35px}.method summary{padding:20px 0;gap:18px}.method summary h3{font-size:19px}.method details>p{font-size:12px;line-height:1.7;padding:0 8px 25px 31px}.vertical-note{top:auto;bottom:65px;right:6vw;font-size:7px}.section-heading{display:block;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:26px}.section-heading h2{font-size:18vw;line-height:.93}.section-heading>p:last-child{font-size:12px;margin-top:25px;width:auto;max-width:300px}.reel-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;margin-right:-6vw;padding-right:6vw;scrollbar-width:thin;scrollbar-color:#8da163 #1c2518}.reel-card{flex:0 0 78vw;scroll-snap-align:center;aspect-ratio:2/3;max-width:380px}.reel-top{inset:22px 19px auto;font-size:7px}.reel-caption{inset:auto 20px 27px}.reel-caption h3{font-size:43px}.reel-caption p{font-size:10px}.film-section{padding-top:75px;padding-bottom:60px;overflow:hidden}.film-bottom{align-items:start;flex-direction:column;gap:12px;margin-top:20px}.film-bottom .text-link{padding-top:3px}.sergio-section{display:block;padding-top:75px;padding-bottom:75px}.sergio-image{height:490px;margin-bottom:52px}.sergio-copy h2{font-size:24vw;margin:24px 0 30px}.sergio-copy>p:not(.eyebrow){font-size:13px;max-width:100%}.client-link{margin-top:35px;font-size:9px}.client-link>span:last-child{font-size:8px;max-width:100px}.gym-gallery{gap:10px}.gym-photo{aspect-ratio:.9}.gym-photo>span{font-size:8px;inset:auto 12px 13px;line-height:1.4}.map-layout{display:block;margin-top:38px;padding-top:35px}.address .pin-icon{font-size:31px;margin-bottom:21px}.address h3{font-size:51px}.address address{font-size:12px}.address>p:not(.eyebrow){font-size:11px;max-width:320px}.address small{margin-top:22px;margin-bottom:30px}.map-frame,.map-frame iframe{min-height:380px;height:380px}.map-open{left:14px;bottom:16px;font-size:9px}.contact-section{min-height:1040px;display:block;padding-top:90px;padding-bottom:460px}.contact-copy{width:100%}.contact-copy h2{font-size:23vw;line-height:.87;margin:26px 0 28px}.contact-copy>p:not(.eyebrow){font-size:13px}.contact-options{gap:7px;margin:27px 0 25px;max-width:320px}.contact-options button{font-size:9px;padding:9px 12px}.contact-instagram{font-size:9px;margin-top:18px}.floor{height:390px}.floor-marker{left:50%;top:44%}.floor>span{left:6vw;bottom:60px;font-size:9vw}.floor>small{left:6vw;bottom:39px;font-size:6px}.floor-lines{inset:0 -70% -40px;background-size:65px 50px}.site-footer{padding:40px 6vw 80px}.footer-word{font-size:36vw;padding-bottom:30px}.footer-word>span{font-size:20vw}.footer-bottom{flex-direction:column;gap:20px;font-size:8px;padding-top:26px}.footer-bottom>div{gap:25px;flex-wrap:wrap}.sound{right:15px;bottom:15px;padding:11px 13px;font-size:8px}.plate-fallback{width:80vw;left:10%;top:56%;font-size:70px}.plate-fallback small{font-size:10px}.loader>span{font-size:100px}.theme-b .hero-b{min-height:900px;max-height:none;height:100svh}.hero-b-films{grid-template-columns:1fr}.hero-b-films>div:last-child{display:none}.hero-b-films video{object-position:48% 35%;filter:saturate(.4) brightness(.88)}.hero-b-shade{background:linear-gradient(0deg,#11190bce,transparent 60%,#11190b55),linear-gradient(90deg,#10161080,#10161015)}.hero-b-copy{left:6vw;right:6vw;top:24%}.hero-b-copy .eyebrow{font-size:7px;max-width:250px}.hero-b-copy h1{font-size:24vw;line-height:.87;margin:30px 0 26px}.hero-b-copy>p:not(.eyebrow){font-size:12px;margin-bottom:26px}.hero-b-copy .button{min-width:220px}.hero-b .hero-bottom{inset:auto 6vw 25px}.film-vertical{right:15px;top:49%;font-size:6px}.theme-b .idea-b{min-height:1160px;padding:80px 6vw 510px}.idea-b>h2{font-size:18vw;text-align:left;line-height:1;margin:27px 0 32px}.idea-b>.eyebrow{text-align:left}.idea-b-side{position:relative;top:auto;left:auto!important;right:auto!important}.idea-b-side.left{width:30%;float:left;margin-top:6px}.idea-b-side.left img{width:100%;aspect-ratio:3/4}.idea-b-side.left>span{font-size:6px;line-height:1.6;margin-top:11px}.idea-b-side.right{position:relative;top:auto;width:58%;max-width:none;margin-left:39%}.idea-b-side.right p{font-size:12px;margin-bottom:15px;line-height:1.8}.idea-b-side .text-link{font-size:10px;gap:15px}.theme-b .film-section{padding-top:80px;padding-bottom:65px}.theme-b .film-section h2{font-size:19vw}.theme-b .reel-grid{display:block;margin:0;padding:0;overflow:visible}.theme-b .reel-card{width:84%;margin:0;max-width:none;aspect-ratio:2/2.8}.theme-b .reel-card:nth-child(2){margin:35px 0 35px auto}.theme-b .reel-card:nth-child(3){margin:0}.theme-b .reel-caption h3{font-size:42px}.theme-b .film-bottom{margin-top:35px}.theme-b .method{min-height:1080px;padding-top:80px;padding-bottom:440px}.theme-b .method-content{margin:0;width:100%}.theme-b .method h2{font-size:18vw;line-height:1}.theme-b .method summary h3{font-size:28px}.theme-b .sergio-section{padding-top:80px;padding-bottom:80px}.theme-b .sergio-image{height:480px;margin-bottom:50px}.theme-b .sergio-copy h2{font-size:25vw;line-height:.95}.theme-b .gym-section{padding-top:80px;padding-bottom:80px}.theme-b .gym-gallery{grid-template-columns:1fr 1fr;grid-template-rows:280px 180px 180px;gap:10px}.theme-b .gym-photo:first-child{grid-column:1/3;grid-row:1}.theme-b .gym-photo:nth-child(2){grid-column:1/3;grid-row:2}.theme-b .gym-photo:nth-child(3){grid-column:1;grid-row:3}.theme-b .gym-photo:nth-child(4){grid-column:2;grid-row:3}.theme-b .address h3{font-size:58px}.theme-b .contact-copy h2{font-size:24vw;line-height:.93}.theme-b .floor>span{font-size:11vw}.theme-b .plate-fallback{top:68%;left:60%;width:33vw;font-size:30px;border-width:4px}.theme-b .plate-fallback small{font-size:6px}.inner-hero{padding-top:114px;padding-bottom:70px;min-height:570px}.back-link{margin-bottom:45px}.inner-hero h1{font-size:21vw;line-height:.96}.inner-hero>p:last-child{font-size:14px}.inner-intro>p{font-size:26px}.inner-steps{display:block;margin-top:50px}.inner-steps article{margin-bottom:40px}.inner-steps h3{font-size:32px;margin:24px 0 12px}.inner-steps p{font-size:13px;max-width:100%}.inner-story{display:block}.inner-story>img{height:460px;margin-bottom:50px}.inner-story h2{font-size:17vw}.inner-story p:not(.eyebrow){font-size:13px}.faq{display:block}.faq h2{font-size:20vw;margin-bottom:45px}.faq summary{font-size:14px}.inner-page .contact-section{min-height:810px;padding-bottom:250px}.inner-page .floor{height:200px}.comparison{padding:0 6vw}.comparison>header{font-size:8px;gap:15px}.comparison>main{padding-top:55px}.comparison h1{font-size:15vw}.comparison-intro{font-size:12px;margin-bottom:35px}.compare-grid{grid-template-columns:1fr;gap:25px}.compare-card>div{padding:26px}.compare-card h2{font-size:37px}.comparison footer{font-size:8px;line-height:1.8}}
@media(max-width:375px){.hero-a{min-height:960px}.hero-copy h1{font-size:20.5vw}.hero-copy>p{font-size:11px}.hero-copy .button{font-size:9px;gap:20px}.plate-caption{bottom:320px}.hero-b-copy h1{font-size:23vw}.brand small{display:none}.contact-options button{font-size:8px;padding:9px 10px}.contact-section{min-height:1030px}.idea-a{min-height:1120px}.idea-b-side.right p{font-size:11px}.theme-b .idea-b{min-height:1190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js [data-reveal]{opacity:1;transform:none}.loader{display:none}.plate-stage{position:absolute;height:100svh}.hero-b-films video{transform:none}}
@media(min-width:761px){.hero-b-copy{top:23%}.hero-b-copy h1{font-size:clamp(115px,min(13vw,23vh),215px)}}
.floor{background:radial-gradient(ellipse at 76% 58%,#d6e9a610,transparent 45%)}.floor-lines{opacity:1;background-image:linear-gradient(#cbe68720 1px,transparent 1px),linear-gradient(90deg,#cbe68720 1px,transparent 1px)}
.theme-b .vertical-note{color:#505649}.brand{min-height:44px;align-items:center}.brand small{margin-top:0}.text-link,.back-link,.contact-instagram{min-height:44px;display:inline-flex;align-items:center}.contact-instagram{display:flex}.reel-caption>a{width:44px;height:44px}.contact-options button{min-height:44px}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.hero-bottom a{min-height:44px}.photo-dialog>button{min-height:44px;top:4px}.address small a{display:inline-flex;align-items:center;min-height:44px}.is-ready .loader{pointer-events:none}
@media(max-width:760px){.hero-b-copy h1{font-size:21vw;letter-spacing:-.045em}.client-link{min-height:65px}.contact-section{min-height:1090px}.theme-b .contact-section{min-height:1080px}.hero-b-shade{background:linear-gradient(0deg,#11190bce,transparent 60%,#11190ba8),linear-gradient(90deg,#10161080,#10161015)}}
.idea-copy h2{font-size:clamp(65px,7.1vw,100px)}.map-open{min-height:44px;display:flex;align-items:center}.footer-bottom a{min-width:44px}.sound{min-height:44px}
@media(max-width:760px){.idea-copy h2{font-size:15vw;line-height:.95}}
.loader{display:none}.js .loader{display:flex}.plate-caption{right:20px;top:38%;writing-mode:vertical-rl;text-align:left}.plate-caption small{margin-top:12px}
@media(max-width:760px){.plate-caption{top:448px;bottom:auto;right:6vw;writing-mode:horizontal-tb}.plate-caption small{margin-top:0}}
@media(prefers-reduced-motion:reduce){.js .loader{display:none}}
.scene{isolation:auto}.plate-shadow{background:radial-gradient(ellipse,#000c 15%,#0006 44%,transparent 70%);filter:blur(5px)}
/* V3: original Team Sere logo and clear opening film in proposal B. */
.brand{display:flex;align-items:center;gap:14px;font:600 11px/1.4 DM;letter-spacing:.05em}
.brand .brand-logo{width:30px;height:60px;object-fit:contain;flex:none}
.brand>.brand-name{font:600 11px/1.4 DM;letter-spacing:.05em;margin:0;color:inherit}
.brand .brand-name small{display:block;font:600 7px/1.5 DM;letter-spacing:.08em;margin:3px 0 0}
.loader .loader-logo{width:70px;height:140px;object-fit:contain}
.footer-word{gap:35px;align-items:center;padding:25px 0 55px}
.footer-word .footer-logo{width:clamp(55px,7vw,105px);height:auto;object-fit:contain;flex:none}
.footer-word .footer-identity{font:400 clamp(70px,13vw,215px)/.88 Instrument;letter-spacing:-.04em;color:inherit;flex:1}
.footer-word .footer-identity em{color:var(--accent)}
.theme-b .footer-word .footer-identity em{color:#b7d998}
.idea-b>h2,.idea-b>.eyebrow{position:relative;z-index:22}
.footer-word .footer-arrow{font:400 10vw/1 DM;color:var(--accent)}
.theme-b .plate-stage{clip-path:inset(100vh 0 0 0)}
.theme-b .plate-fallback{display:none}
@media(max-width:760px){.brand{gap:12px}.brand .brand-logo{width:28px;height:56px}.brand>.brand-name{font-size:10px}.brand .brand-name small{display:block;font-size:6.5px}.footer-word{gap:14px;padding:20px 0 35px}.footer-word .footer-logo{width:45px}.footer-word .footer-identity{font-size:16vw}.footer-word .footer-arrow{font-size:30px}}
/* V4: full restored logo, interactive method and coordinated native scroll. */
.brand .brand-logo{width:52px;height:72px;object-fit:contain;object-position:center;overflow:visible}
.loader .loader-logo{width:116px;height:154px;object-fit:contain}
.footer-word .footer-logo{width:clamp(65px,8vw,120px);height:auto;object-fit:contain}
.method,.theme-b .method{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title visual" "steps visual";column-gap:8vw;row-gap:0;align-content:center;align-items:start;min-height:1040px;padding-top:120px;padding-bottom:110px;overflow:clip}
.theme-b .method{grid-template-areas:"visual title" "visual steps"}
.method-title{grid-area:title;position:relative;z-index:22}
.method .method-content,.theme-b .method .method-content{grid-area:steps;width:auto;margin:0;align-self:start}
.method h2,.theme-b .method h2{font-size:clamp(58px,5.6vw,94px);margin:24px 0 38px}
.method-visual{grid-area:visual;position:relative;align-self:center;min-width:0;height:720px;padding-right:24px}
.method-media{height:540px;position:relative;overflow:hidden;background:#161a12}
.method-panel{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .55s ease;pointer-events:none}
.method-panel.is-active{opacity:1;z-index:1}
.method-panel>img,.method-panel>video{width:100%;height:100%;object-fit:cover;object-position:center 33%;transform:scale(1.035);transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.method-panel.is-active>img,.method-panel.is-active>video{transform:scale(1)}
.method-panel:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10170fda);pointer-events:none}
.method-panel figcaption{position:absolute;left:25px;right:25px;bottom:28px;z-index:2;color:#f5f0e7}
.method-panel figcaption>span{font:600 8px/1.5 DM;letter-spacing:.16em}
.method-panel figcaption>p{font:400 33px/1.05 Instrument;margin-top:12px;max-width:280px}
.method-visual-note{padding:23px 0;max-width:52%;position:relative;z-index:22}
.method-visual-note>span{font:600 9px/1.5 DM;letter-spacing:.12em;color:var(--muted)}
.theme-b .method-visual-note>span{color:#545b4b}
.method-visual-note>p{font:400 24px/1.1 Instrument;margin-top:16px}.method-visual-note em{color:var(--accent)}
.method-disc-anchor{position:absolute;left:79%;top:625px;width:1px;height:1px}
.method summary{cursor:pointer}.method summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.method details>p{min-height:74px}.method details[open]{border-top-color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}
@media(max-width:1100px) and (min-width:761px){.method,.theme-b .method{column-gap:5vw;min-height:950px}.method-media{height:475px}.method-visual{height:650px}.method-disc-anchor{top:555px}.method h2,.theme-b .method h2{font-size:5.7vw}.method-panel figcaption>p{font-size:29px}}
@media(max-width:760px){.brand{gap:10px}.brand .brand-logo{width:44px;height:60px}.brand>.brand-name{font-size:10px}.footer-word .footer-logo{width:58px}.method,.theme-b .method{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "steps" "visual";padding:80px 6vw 45px;min-height:0;row-gap:0}.method h2,.theme-b .method h2{font-size:16.5vw;margin:25px 0 35px}.method summary{padding:18px 0;gap:18px}.method details>p{min-height:70px;padding-bottom:20px}.method .text-link{margin-bottom:30px}.method-visual{width:100%;height:530px;padding:0;margin-top:7px}.method-media{height:355px;width:100%}.method-panel figcaption{left:22px;right:22px;bottom:24px}.method-panel figcaption>p{font-size:31px}.method-visual-note{padding-top:19px}.method-visual-note>p{font-size:23px;margin-top:12px}.method-disc-anchor{left:76%;top:434px}}
@media(prefers-reduced-motion:reduce){.method-panel>img,.method-panel>video{transform:none}}

/* Presentation and contact · September 2026. */
.comparison{--accent:#536440;--fg:#20241e;--bg:#f4f6f0}
.loader .loader-logo{animation:logo-arrive .65s cubic-bezier(.22,1,.36,1) both}
.theme-b .loader i,.comparison .loader i{background:#e0d1b5}
@keyframes logo-arrive{from{opacity:0;transform:translate3d(0,9px,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.contact-copy .call-link{display:flex;width:fit-content;max-width:100%;margin-top:18px;font-size:12px;min-height:44px}
.contact-copy .contact-note{font-size:11px;line-height:1.7;max-width:320px;margin-top:14px;opacity:.78}
@media(max-width:760px){.contact-copy .button{max-width:100%;gap:20px}.contact-copy .call-link{font-size:12px}.contact-copy .contact-note{max-width:290px}}
@media(prefers-reduced-motion:reduce){.loader .loader-logo{animation:none}}

/* V7.2: mobile menu fits the visual viewport, including landscape and safe areas. */
@media(max-width:760px){
  .mobile-nav{max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(6vw,env(safe-area-inset-left));padding-right:max(6vw,env(safe-area-inset-right))}
  .menu-open .site-header{position:fixed}
  .menu-open .sound{visibility:hidden}
  .sound{right:max(15px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));font-size:10px}
  .brand>.brand-name{font-size:11px}.brand .brand-name small{font-size:7.5px}
  .hero-copy>p,.hero-b-copy>p:not(.eyebrow),.idea-copy>p:not(.eyebrow),.idea-b-side.right p,.section-heading>p:last-child,.method details>p,.theme-b .method details>p,.sergio-copy>p:not(.eyebrow),.address address,.address>p:not(.eyebrow),.contact-copy>p:not(.eyebrow),.inner-steps p,.inner-story p:not(.eyebrow),.faq details>p{font-size:14px}
  .hero-copy .button,.hero-b-copy .button{font-size:12px}
  .contact-options button{font-size:11px}.contact-instagram,.back-link,.footer-bottom{font-size:11px}
  .film-bottom>span,.reel-caption p,.theme-b .reel-caption p{font-size:12px}
  .hero-b-copy .eyebrow{font-size:9px;max-width:290px}
  .site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .photo-dialog{max-height:calc(100dvh - 28px);overflow-y:auto}
}
@media(max-width:760px) and (max-height:500px){
  .mobile-nav{padding-top:8px}.mobile-nav a{font-size:21px;padding:12px 0}
}