/* Comfortable reading and motion, preserving the official brand artwork. */
:root{--reading-scale:1;--copy-size:calc(1.125rem * var(--reading-scale));--control-size:calc(1rem * var(--reading-scale));--note-size:calc(.875rem * var(--reading-scale));scroll-padding-top:88px}
html[data-text-size="large"]{--reading-scale:1.2}
body{font-size:var(--copy-size);line-height:1.75;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));font-weight:450}
button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #007CBA;outline-offset:5px}
button{min-height:48px}
.mono{font-size:var(--note-size);line-height:1.65;letter-spacing:.035em;font-weight:500}
.site-header{min-height:88px;padding-block:8px;gap:24px}
.main-nav{font-size:var(--control-size);gap:22px}
.main-nav>a:not(.button){display:block;line-height:1.5}
.header-location{font-size:.875rem;line-height:1.6}
.brand-logo img{width:220px}
.button,.button-small{font-size:var(--control-size);line-height:1.5;padding:16px 22px;gap:18px;min-height:52px;font-weight:650}
.button>span{font-size:26px}
.text-link{font-size:var(--control-size);line-height:1.65;min-height:48px;gap:20px;padding-block:10px;font-weight:600}
.text-link>span{font-size:25px}
.tracked-section{scroll-margin-top:0}
.section-meta{font-size:var(--note-size);line-height:1.7;padding-block:22px;flex-wrap:wrap;gap:10px 24px;letter-spacing:.03em}
.section-meta>span:last-child{max-width:none;font-size:var(--note-size)}
.hero .section-meta{font-size:var(--note-size);padding-bottom:12px}
.reader-tools{display:flex;justify-content:flex-end;gap:12px;padding:12px 0 2px;position:relative;z-index:2}
.reader-control{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;min-height:52px;border:1px solid #63656955;background:white;color:#111;font-size:var(--control-size);line-height:1.4;border-radius:3px;font-weight:600}
.reader-control:hover{border-color:#005CB9;background:#005cb908}
.reader-control[aria-pressed="true"]#text-size-toggle{background:#005CB9;color:white;border-color:#005CB9}
.reader-control:disabled{cursor:default;opacity:1}
.control-symbol{font-size:21px;min-width:24px;line-height:1;font-weight:700;letter-spacing:0}
.hero-logo-scene{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #63656916}
.hero-wordmark{position:relative;z-index:1;transform-origin:center;padding:8px 0 12px;will-change:transform}
.hero-wordmark>img{width:100%;max-width:880px;margin-inline:auto;height:auto;transform-origin:center}
.logo-ambience{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.logo-orbit{position:absolute;left:4%;top:10%;height:80%;aspect-ratio:1;border:1px solid #007cba38;border-radius:50%;transform-origin:center;animation:logo-orbit-drift 13s ease-in-out infinite alternate;animation-play-state:paused}
.orbit-two{left:auto;right:2%;top:25%;height:100%;border-color:#005cb922;animation-duration:17s;animation-direction:alternate-reverse}
.logo-glow{position:absolute;left:-25%;top:0;width:50%;height:100%;background:radial-gradient(ellipse,#007cba15,transparent 70%);animation:logo-light-drift 10s ease-in-out infinite alternate;animation-play-state:paused}
.hero-logo-scene.is-motion-visible .logo-orbit,.hero-logo-scene.is-motion-visible .logo-glow{animation-play-state:running}
.hero-bottom{padding:28px 0 42px;grid-template-columns:1fr 1fr;gap:46px;align-items:start}
.hero h1{font-size:clamp(2rem,3.8vw,4rem);line-height:1.18;letter-spacing:-.035em}
.hero-copy{max-width:580px}
.hero-copy>p{font-size:var(--copy-size);line-height:1.8;max-width:55ch;color:#4d5055}
.hero-actions{gap:22px;flex-wrap:wrap;align-items:center}
.hero-actions .button,.hero-actions .text-link{font-size:var(--control-size);padding:15px 20px;gap:18px;white-space:normal}
.hero-actions .text-link{padding-inline:0}
.connection-board{grid-template-columns:1fr repeat(4,1fr)}
.board-caption{font-size:var(--note-size);line-height:1.6;padding:20px 16px 20px 0}
.board-caption .muted{padding-left:0}
.connection-node{font-size:var(--control-size);gap:12px;padding:23px 16px;line-height:1.5}
.connection-node small{font-size:calc(.8125rem * var(--reading-scale));line-height:1.6;color:#636569;margin-bottom:6px}
.node-symbol{font-size:28px;min-width:31px}
.node-arrow{font-size:22px;opacity:1;right:9px;top:8px}
.hero-foot{font-size:var(--note-size);gap:15px;line-height:1.7;padding-block:20px;flex-wrap:wrap}
.hero-foot a>span{font-size:20px;margin-left:12px}
h2{font-size:clamp(2.25rem,5.4vw,5.6rem);line-height:1.12;letter-spacing:-.04em}
.section-intro{grid-template-columns:1.15fr .85fr;align-items:center;gap:55px;padding-block:58px 44px}
.section-intro>p{font-size:var(--copy-size);line-height:1.85;max-width:52ch}
.service-explorer{grid-template-columns:1fr 1.1fr;gap:6%}
.service-tab{font-size:calc(1.5rem * var(--reading-scale));grid-template-columns:32px 1fr 30px;gap:14px;line-height:1.35;letter-spacing:-.025em;padding:27px 6px;min-height:96px}
.service-tab>.mono{font-size:var(--note-size);padding-top:5px}
.service-tab small{font-size:var(--control-size);line-height:1.65;color:#55585d;margin-top:9px;letter-spacing:0}
.service-tab[aria-selected="true"]{box-shadow:inset 4px 0 #005CB9;padding-left:17px}
.service-tab .tab-arrow{font-size:30px}
.service-hint{font-size:var(--note-size);line-height:1.75;margin-top:24px}
.service-hint>span{margin-right:8px}
.carousel-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:stretch;margin-bottom:18px}
.carousel-status{grid-column:1/-1;font-size:var(--control-size);line-height:1.6;color:#33383f;font-weight:600;margin-bottom:2px}
.carousel-button{display:flex;justify-content:center;align-items:center;gap:10px;font-size:var(--control-size);line-height:1.45;padding:12px 14px;border:1px solid #63656970;background:white;color:#111;border-radius:3px;font-weight:550;white-space:normal}
.carousel-button:hover{border-color:#005CB9;color:#005CB9}
.carousel-button>span{font-size:22px}
.carousel-play[aria-pressed="true"]{background:#005CB9;border-color:#005CB9;color:white}
.carousel-button:disabled{opacity:.8;cursor:default}
.service-panel-copy{padding:28px}
.panel-top{margin-bottom:18px}
.panel-top .mono{font-size:var(--note-size)}
.service-panel h3{font-size:clamp(1.65rem,2.65vw,2.6rem);line-height:1.22;letter-spacing:-.03em;font-weight:650}
.service-panel p{font-size:var(--copy-size);line-height:1.85;color:#55585d;max-width:55ch;margin-top:18px}
.service-panel .text-link{font-size:var(--control-size);padding-top:18px}
.service-visual{aspect-ratio:16/10;perspective:1200px}
.visual-tag{font-size:calc(.8125rem * var(--reading-scale));line-height:1.6;left:16px;top:16px;max-width:calc(100% - 32px)}
.visual-caption{font-size:calc(.75rem * var(--reading-scale));line-height:1.5;right:14px;bottom:12px;text-shadow:0 1px 4px #000}
.tags,.project-card .tags{font-size:var(--note-size);line-height:1.6;gap:8px;margin-block:22px}
.tags li{padding:7px 10px;line-height:1.55}
.project-filters{gap:10px;margin-bottom:30px}
.filter-button{font-size:var(--control-size);line-height:1.5;min-height:48px;padding:12px 18px}
.filter-button>span{font-size:var(--note-size);opacity:.85;margin-left:10px}
.projects-grid{gap:28px}
.project-card .project-copy{padding-block:25px}
.project-card h3{font-size:clamp(1.5rem,2.1vw,2.15rem);line-height:1.3;letter-spacing:-.025em;font-weight:600}
.project-featured .project-copy{padding:34px}
.project-featured h3{font-size:clamp(1.8rem,3.2vw,3.1rem);line-height:1.2}
.project-top{font-size:var(--note-size);line-height:1.7;gap:12px;margin-bottom:22px}
.project-card p{font-size:var(--copy-size);line-height:1.85;max-width:55ch;margin-top:19px}
.project-featured .text-link{font-size:var(--control-size);padding-top:20px;min-height:50px}
.project-featured .project-image{min-height:410px}
.image-overlay-label{font-size:calc(.8125rem * var(--reading-scale));line-height:1.65;left:16px;right:16px;bottom:15px;text-shadow:0 1px 4px #000}
.projects-foot{gap:25px;align-items:center;flex-wrap:wrap}
.projects-foot p{font-size:var(--note-size);line-height:1.8;max-width:60ch}
.projects-foot .text-link{font-size:var(--control-size)}
.media-parallax{position:absolute;inset:-6%;height:112%;width:112%;will-change:transform;pointer-events:none}
.media-cinematic{height:100%;width:100%;transform-origin:center;will-change:transform}
.media-cinematic>img{display:block;max-width:none;width:100%;height:100%;object-fit:cover}
.service-panel:hover .service-visual img,.project-card:hover .project-image img{transform:none}
.service-visual>.media-parallax,.project-image>.media-parallax{z-index:0}
.process-head h2{font-size:clamp(2.6rem,7.4vw,7.8rem);line-height:1.13;letter-spacing:-.04em}
.process-sticky>.mono{font-size:var(--note-size);color:white}
.process-sticky>p{font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.35;letter-spacing:-.025em}
.process-sticky .process-current{font-size:var(--note-size);line-height:1.7}
.process-step,.process-step:first-child,.process-step.is-active{opacity:1}
.process-step{grid-template-columns:40px 1fr;gap:18px;padding:38px 0}
.process-step.is-active{border-bottom-width:3px}
.process-step>.mono{font-size:var(--control-size);padding-top:7px}
.process-step h3{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.2;letter-spacing:-.03em}
.process-step p{font-size:var(--copy-size);line-height:1.85;max-width:55ch;margin-top:18px}
.step-output{font-size:var(--note-size);line-height:1.7;color:white;letter-spacing:.025em}
.studio-layout{gap:7%;align-items:start}
.studio-copy>.mono{font-size:var(--note-size);line-height:1.7;margin-bottom:20px}
.studio-copy h2{font-size:clamp(2.3rem,4.7vw,4.9rem);line-height:1.14;letter-spacing:-.035em}
.studio-copy>p,.studio-copy .studio-lead{font-size:var(--copy-size);line-height:1.85;max-width:58ch;margin-top:24px;color:#4d5055}
.studio-principles>div{grid-template-columns:35px 1fr;gap:14px;padding-block:22px}
.studio-principles .mono{font-size:var(--note-size)}
.studio-principles p{font-size:var(--copy-size);line-height:1.8;color:#55585d}
.studio-copy .company-note{font-size:var(--note-size);line-height:1.8;letter-spacing:.025em}
.portrait-corner{font-size:var(--note-size);line-height:1.6;left:16px;right:16px;top:16px}
.founder-portrait figcaption{padding-top:20px;line-height:1.75}
.founder-portrait figcaption strong{font-size:calc(1.35rem * var(--reading-scale));letter-spacing:-.02em}
.founder-portrait figcaption>span{font-size:var(--control-size);line-height:1.8}
.founder-portrait figcaption>small{font-size:var(--note-size);line-height:1.8;margin-top:12px}
.faq-layout{grid-template-columns:.8fr 1.2fr;gap:7%}
.faq-layout>div:first-child>p{font-size:var(--copy-size);line-height:1.8}
.faq-layout .text-link{font-size:var(--control-size)}
.faq-list summary{grid-template-columns:28px 1fr 28px;gap:16px;font-size:var(--copy-size);line-height:1.6;padding:27px 0;font-weight:550;min-height:74px}
.faq-list summary>.mono{font-size:var(--note-size);color:#c7ccd4}
.faq-plus{font-size:30px}
.faq-answer>p{font-size:var(--copy-size);line-height:1.85;padding:0 40px 28px 44px;color:#c4c9d1}
.contact-section h2{font-size:clamp(2.8rem,9vw,9.5rem);line-height:1.1;letter-spacing:-.045em;padding-block:48px 55px}
.contact-info>p{font-size:var(--copy-size);line-height:1.85;max-width:48ch}
.contact-info>.mono{font-size:var(--note-size)}
.contact-email{font-size:clamp(1.15rem,2.1vw,2rem);line-height:1.6;letter-spacing:-.025em;gap:15px;overflow-wrap:anywhere;max-width:100%}
.contact-email>span{flex-shrink:0}
.contact-location p{font-size:var(--control-size);line-height:1.9}
.contact-location .muted{font-size:var(--control-size)}
.contact-form label{font-size:var(--control-size);line-height:1.7}
.contact-form input:not([type="checkbox"]),.contact-form select,.contact-form textarea{font-size:var(--copy-size);line-height:1.75;padding:16px 8px;min-height:54px;margin-bottom:25px}
.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:var(--control-size);color:#b3bac5}
.contact-form textarea{min-height:160px}
.contact-form .consent{font-size:var(--control-size);line-height:1.85;max-width:none;gap:13px}
.consent input{width:22px;height:22px;margin-top:5px}
.submit-button{font-size:var(--copy-size);padding:18px 23px;min-height:58px}
.form-note{font-size:var(--note-size);line-height:1.8;color:#b3bac5}
.form-status{font-size:var(--copy-size);line-height:1.8;padding:20px}
.footer-top{padding-block:30px;flex-wrap:wrap}
.footer-top>.mono,.back-top{font-size:var(--note-size);line-height:1.8}
.footer-bottom{font-size:var(--control-size);line-height:1.8;flex-wrap:wrap;gap:22px;padding-block:25px}
.footer-bottom>div{flex-wrap:wrap;gap:18px 28px}
.footer-bottom>div a,.footer-bottom button{font-size:var(--control-size);line-height:1.8;min-height:44px;display:inline-flex;align-items:center}
.footer-bottom>.mono{font-size:var(--note-size)}
.section-rail{height:auto;min-height:68px;padding:0 24px calc(env(safe-area-inset-bottom,0px));gap:0;overflow-x:auto;scrollbar-width:thin}
.rail-index{font-size:1rem;width:75px}
.section-rail>a{font-size:.9375rem;min-width:110px;min-height:66px;gap:8px;padding:10px 12px;font-weight:550}
.section-rail>a>.mono{font-size:.8125rem;color:#c5cedb}
.rail-percent{font-size:.875rem;min-width:48px}
.hero-foot .muted,.light-section .service-hint{color:#636569}
.dark-section .section-meta b,.dark-section .project-top>span:last-child{color:white}
html[data-transition="detail"]::view-transition-new(service-panel){animation:service-cinema-in .5s cubic-bezier(.22,1,.36,1) both}
@keyframes service-cinema-in{from{opacity:0;transform:perspective(1200px) translateX(30px) rotateY(-4deg)}to{opacity:1;transform:perspective(1200px) translateX(0) rotateY(0)}}
@keyframes logo-orbit-drift{from{transform:translate(-4%,3%) rotate(-12deg) scale(.94)}to{transform:translate(8%,-4%) rotate(15deg) scale(1.06)}}
@keyframes logo-light-drift{from{transform:translateX(0)}to{transform:translateX(220%)}}
@media(max-width:1480px){.header-location{display:none}}
@media(max-width:1250px){.board-caption{display:none}.connection-board{grid-template-columns:repeat(4,minmax(0,1fr))}.connection-node:first-of-type{border-left:0}.connection-node{padding:24px 15px}.connection-node .node-symbol{display:none}.carousel-controls{grid-template-columns:1fr 1fr}.carousel-play{grid-column:1/-1}.service-tab{font-size:calc(1.25rem * var(--reading-scale))}.section-rail{padding-inline:12px}.rail-index{display:none}.section-rail>a{min-width:105px;font-size:.9375rem}.section-rail>a>.mono{display:none}.rail-percent{display:none}}
@media(max-width:1100px){
 .site-header{min-height:88px}.brand-logo img{width:110px}.menu-toggle{display:flex;align-items:center;gap:12px;background:white;color:#111;font-size:var(--control-size);line-height:1.5;padding:12px;min-height:48px;font-weight:600}.menu-toggle>span{font-size:26px}
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;color:#111;flex-direction:column;align-items:stretch;padding:14px var(--gutter) 24px;border-bottom:1px solid #63656944;max-height:calc(100svh - 88px);overflow-y:auto;gap:0}
 .main-nav.is-open{display:flex}.main-nav>a:not(.button){display:block;font-size:calc(1.15rem * var(--reading-scale));padding:14px 0;border-bottom:1px solid #63656933;line-height:1.5}.main-nav .button{font-size:var(--control-size);padding:16px 20px;margin-top:15px}
 .hero-bottom{gap:30px}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.hero-actions .button{max-width:360px}.hero-actions .text-link{align-self:flex-start}.hero h1{font-size:clamp(2rem,4.7vw,3.5rem)}
 .section-intro{grid-template-columns:1fr;gap:25px;align-items:start}.section-intro>p{max-width:62ch}.service-explorer{grid-template-columns:1fr;gap:28px}.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.service-tab{font-size:calc(1.25rem * var(--reading-scale));border-bottom:1px solid var(--line);border-top:0}.service-hint{grid-column:1/-1}.service-panel h3{font-size:2rem}.service-visual{aspect-ratio:16/9}.carousel-controls{grid-template-columns:1fr 1fr auto}.carousel-play{grid-column:auto}
 .projects-grid{grid-template-columns:1fr 1fr}.project-featured{grid-template-columns:1fr 1fr}.project-featured .project-copy{padding:28px}.project-featured h3{font-size:2rem}.project-card:not(.project-featured) h3{font-size:1.6rem}
 .process-layout{grid-template-columns:.85fr 1.15fr;gap:6%}.process-sticky{top:120px}.process-step{grid-template-columns:32px 1fr;gap:12px}.process-step h3{font-size:2rem}.studio-layout{grid-template-columns:.85fr 1fr;gap:6%}.studio-copy h2{font-size:3rem}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout>div:first-child{max-width:650px}.contact-layout{grid-template-columns:1fr;gap:38px}.contact-info>p{max-width:60ch}.contact-form{max-width:780px}.contact-email{font-size:1.7rem}.footer-top .brand-logo img{width:220px}.official-logo{width:120px}
}
@media(max-width:900px){.section-rail>a[href="#proyectos"],.section-rail>a[href="#proceso"],.section-rail>a[href="#estudio"],.section-rail>a[href="#preguntas"]{display:none}.section-rail>a{font-size:var(--control-size);min-width:0;flex:1}.section-rail>a:last-of-type>span:last-child{display:none}.rail-index,.rail-percent{display:none}.section-rail{padding-inline:12px}.hero-bottom{grid-template-columns:1fr;gap:25px}.hero-copy{justify-self:start;max-width:750px}.hero-copy>p{max-width:62ch}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}.connection-node .node-symbol{display:block}.connection-board{grid-template-columns:1fr 1fr}.connection-node:nth-of-type(3){border-left:0}.connection-node:nth-of-type(n+3){border-top:1px solid var(--line)}.studio-layout{grid-template-columns:1fr;gap:38px}.founder-portrait{max-width:600px}.studio-copy{max-width:740px}.studio-copy h2{font-size:clamp(2.5rem,6vw,4rem)}.studio-copy>p{max-width:62ch}.process-layout{grid-template-columns:1fr;gap:15px}.process-sticky{position:relative;top:auto;padding-top:24px}.process-sticky>p{display:none}.process-progress{max-width:none;width:100%;margin-top:20px}.process-sticky .process-current{margin-top:15px}.process-head{align-items:center}.process-head h2{font-size:clamp(2.25rem,7vw,4.7rem)}}
@media(max-width:700px){
 :root{--gutter:24px}.hero .section-meta>span:nth-child(2){display:none}.section-meta,.hero .section-meta{font-size:var(--note-size);gap:8px}.section-meta>span:last-child,.hero .section-meta>span:last-child{font-size:var(--note-size);max-width:none;text-align:left}.section-meta{display:flex;flex-direction:column;align-items:flex-start}.reader-tools{justify-content:stretch;gap:10px;padding-top:16px}.reader-control{flex:1;min-width:0;font-size:var(--control-size);padding:13px 10px;line-height:1.45;text-align:left;gap:8px}.control-symbol{font-size:20px;min-width:22px}.control-label{min-width:0}.hero-wordmark{padding:18px 0}.hero h1{font-size:clamp(2rem,7.5vw,3rem);line-height:1.2}.hero-bottom{padding-block:20px 30px;gap:23px}.hero-copy>p{font-size:var(--copy-size);line-height:1.85}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-actions .button{max-width:none;width:100%;font-size:var(--control-size)}.hero-actions .text-link{font-size:var(--control-size);align-self:flex-start}.connection-node{font-size:var(--control-size);padding:21px 14px;gap:8px}.connection-node small{font-size:calc(.8125rem * var(--reading-scale))}.connection-node .node-symbol{display:none}.node-arrow{font-size:20px;top:8px;right:9px}.hero-foot{font-size:var(--note-size);padding-block:18px}.hero-foot a{font-size:var(--note-size)}
 .services-section,.projects-section,.studio-section,.faq-section,.contact-section{padding-top:10px;padding-bottom:60px}h2{font-size:clamp(2rem,6.7vw,2.8rem);line-height:1.18;letter-spacing:-.03em}.section-intro{padding-block:36px 30px;gap:23px}.section-intro>p{font-size:var(--copy-size);line-height:1.85}.service-tabs{grid-template-columns:1fr;gap:0}.service-tab{font-size:calc(1.2rem * var(--reading-scale));padding:22px 5px;grid-template-columns:28px 1fr 26px;gap:12px}.service-tab small{font-size:var(--control-size);line-height:1.65}.service-tab>.mono{font-size:var(--note-size)}.service-hint{display:block;font-size:var(--note-size)}.carousel-controls{grid-template-columns:1fr 1fr;gap:10px}.carousel-play{grid-column:1/-1}.carousel-status{font-size:var(--control-size)}.carousel-button{font-size:var(--control-size);padding:13px 10px}.service-panel-copy{padding:24px 22px}.service-panel h3{font-size:1.75rem;line-height:1.25}.service-panel p{font-size:var(--copy-size);line-height:1.85}.service-panel .text-link{font-size:var(--control-size)}.visual-tag{font-size:calc(.75rem * var(--reading-scale));left:12px;top:12px}.visual-caption{font-size:calc(.6875rem * var(--reading-scale));right:12px;bottom:12px}.tags,.project-card .tags{font-size:var(--note-size);gap:7px}.tags li{font-size:var(--note-size);padding:7px 9px}
 .project-filters{gap:9px}.filter-button{font-size:var(--control-size);padding:12px 14px}.filter-button>span{font-size:var(--note-size);margin-left:8px}.projects-grid{grid-template-columns:1fr;gap:28px}.project-featured{display:block;margin-bottom:0}.project-featured .project-image{aspect-ratio:16/11;min-height:0;height:auto}.project-featured .project-copy{padding:26px 22px}.project-featured h3{font-size:1.85rem}.project-card:not(.project-featured){display:block;padding-top:26px;border-top:1px solid var(--line)}.project-card:not(.project-featured) .project-image{aspect-ratio:16/10;height:auto;max-height:none}.project-card:not(.project-featured) .project-copy{padding:23px 0 0}.project-card:not(.project-featured) h3{font-size:1.65rem;line-height:1.3}.project-card:not(.project-featured) p,.project-card p{font-size:var(--copy-size);line-height:1.85;margin-top:16px}.project-card:not(.project-featured) .tags{font-size:var(--note-size);margin-top:20px}.project-top{font-size:var(--note-size);gap:10px}.image-overlay-label{font-size:calc(.75rem * var(--reading-scale));left:14px;right:14px;bottom:13px}.projects-foot{display:flex;align-items:flex-start;gap:15px;margin-top:28px}.projects-foot p{font-size:var(--note-size);max-width:none}.projects-foot .text-link{font-size:var(--control-size);white-space:normal}
 .process-head{padding-block:38px 35px;gap:12px}.process-head h2{font-size:clamp(2.1rem,7vw,3rem);line-height:1.2}.process-big-arrow{font-size:5rem;line-height:1}.process-sticky>.mono,.process-sticky .process-current{font-size:var(--note-size)}.process-sticky{display:block}.process-current{display:block}.process-step{padding-block:30px;grid-template-columns:32px 1fr;gap:11px}.process-step h3{font-size:1.8rem;line-height:1.25}.process-step p{font-size:var(--copy-size);line-height:1.85}.process-step>.mono{font-size:var(--note-size)}.step-output{font-size:var(--note-size);line-height:1.8}.studio-layout{padding-top:36px;gap:35px}.studio-copy h2{font-size:clamp(2.1rem,7vw,2.8rem);line-height:1.2}.studio-copy>.mono{font-size:var(--note-size)}.studio-copy>p,.studio-copy .studio-lead{font-size:var(--copy-size);line-height:1.85}.studio-principles>div{grid-template-columns:30px 1fr;gap:12px;padding-block:22px}.studio-principles p{font-size:var(--copy-size);line-height:1.85}.studio-copy .company-note{font-size:var(--note-size)}.founder-portrait figcaption strong{font-size:calc(1.3rem * var(--reading-scale))}.founder-portrait figcaption>span{font-size:var(--control-size)}.founder-portrait figcaption>small{font-size:var(--note-size);line-height:1.8}.portrait-corner{font-size:calc(.75rem * var(--reading-scale));left:14px;right:14px;top:14px}
 .faq-layout{padding-top:35px;gap:28px}.faq-layout>div:first-child>p{font-size:var(--copy-size)}.faq-layout .text-link{font-size:var(--control-size)}.faq-list summary{font-size:var(--copy-size);grid-template-columns:24px 1fr 25px;gap:10px;padding-block:25px;line-height:1.65}.faq-list summary>.mono{font-size:var(--note-size)}.faq-answer>p{font-size:var(--copy-size);line-height:1.85;padding:0 0 26px 34px}
 .contact-section h2{font-size:clamp(2.4rem,8.6vw,3.5rem);line-height:1.15;letter-spacing:-.03em;padding-block:36px 42px}.contact-arrow{top:auto;bottom:42px;font-size:1em;right:0}.contact-layout{gap:32px}.contact-info>p{font-size:var(--copy-size);line-height:1.85;max-width:none}.contact-info>.mono{font-size:var(--note-size)}.contact-email{font-size:calc(1.2rem * var(--reading-scale));gap:8px;letter-spacing:-.035em;flex-wrap:wrap}.contact-email>span{display:none}.contact-location p,.contact-location .muted{font-size:var(--control-size);line-height:1.9}.form-row{grid-template-columns:1fr;gap:0}.contact-form label{font-size:var(--control-size)}.contact-form input:not([type="checkbox"]),.contact-form select,.contact-form textarea{font-size:var(--copy-size);line-height:1.7;padding:16px 6px;margin-bottom:25px}.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:var(--control-size)}.contact-form .consent{font-size:var(--control-size);line-height:1.8;gap:12px}.form-note{font-size:var(--note-size)}.submit-button{font-size:var(--copy-size);padding:18px}
 .footer-top{gap:20px;padding-block:26px}.footer-top>.mono,.footer-top .back-top{font-size:var(--note-size);line-height:1.8}.footer-top .brand-logo img{width:130px}.footer-bottom{font-size:var(--control-size);line-height:1.8;gap:20px}.footer-bottom>div{gap:12px 24px}.footer-bottom>div a,.footer-bottom button{font-size:var(--control-size)}.section-rail{min-height:66px;padding-inline:8px}.section-rail>a{font-size:var(--control-size);min-height:66px;padding:10px 8px}.section-rail>a>.mono{display:none}
}
@media(max-width:370px){:root{--gutter:18px}.reader-control{padding:12px 8px;font-size:calc(.9375rem * var(--reading-scale));gap:6px}.control-symbol{min-width:19px;font-size:18px}.hero h1{font-size:2rem}.connection-board{grid-template-columns:1fr}.connection-node{font-size:var(--control-size);border-left:0;border-top:1px solid var(--line);padding:18px 16px}.connection-node:first-of-type{border-top:0}.connection-node .node-symbol{display:block}.connection-node small{font-size:var(--note-size)}.carousel-button{font-size:calc(.9375rem * var(--reading-scale))}.contact-email{font-size:calc(1.1rem * var(--reading-scale));letter-spacing:-.04em}.service-panel-copy{padding-inline:20px}.hero-actions .button,.hero-actions .text-link,.filter-button{font-size:var(--control-size)}.service-tab{font-size:calc(1.125rem * var(--reading-scale))}}
@media(prefers-reduced-motion:reduce){.logo-orbit,.logo-glow{animation:none!important}.hero-wordmark,.media-parallax,.media-cinematic{will-change:auto}}
html[data-motion="off"] .logo-orbit,html[data-motion="off"] .logo-glow{animation:none!important}
html[data-motion="off"] .hero-wordmark,html[data-motion="off"] .media-parallax,html[data-motion="off"] .media-cinematic{will-change:auto}
.visual-tag,.visual-caption,.image-overlay-label,.portrait-corner{font-size:var(--note-size)}
.visual-caption{background:#0b0d10cc;padding:4px 7px;border-radius:2px}
@media(max-width:1100px){.main-nav{max-height:calc(100svh - 160px - env(safe-area-inset-bottom,0px))}}
@media(max-width:370px){.process-big-arrow{display:none}}
@media(max-width:370px){.section-rail>a{font-size:1rem}}