:root{--bg:#ffffff;--surface:#edf2f6;--soft:#f3f7fa;--fg:#102d4e;--muted:#516579;--line:#cbd7e2;--accent:#087da9;--button-text:#fff;--headline:'Instrument Sans',sans-serif;--tracking:-.055em;color-scheme:light}
:root[data-palette="gray"]{--bg:#f0f3f6;--surface:#e1e7ed;--soft:#fafbfd;--fg:#142b46;--muted:#536378;--line:#c7d1dc;--accent:#193c68;--button-text:#fff}
:root[data-palette="ice"]{--bg:#f3fafc;--surface:#e2f0f4;--soft:#eaf4f8;--fg:#143547;--muted:#4c6775;--line:#c5d9e3;--accent:#06748c;--button-text:#fff}
:root[data-type="editorial"]{--headline:'Cormorant Garamond',Georgia,serif;--tracking:-.035em}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Manrope',Arial,sans-serif;font-size:15px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--headline);font-weight:400;letter-spacing:var(--tracking);line-height:1.08}em{font-weight:400;font-style:normal;color:var(--accent)}:root[data-type="editorial"] em{font-style:italic}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.6}.demo-bar{position:sticky;top:0;z-index:20;background:#f4f3ef;color:#27313a;min-height:55px;padding:9px 28px;border-bottom:1px solid #d6d7d3;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;line-height:1.5}.demo-title,.demo-controls{display:flex;align-items:center;gap:13px}.demo-title strong{font-size:12px;font-weight:700}.demo-label{color:#61686c}.status-dot{height:6px;width:6px;border-radius:50%;background:#49768b}.demo-controls label{display:flex;align-items:center;gap:7px;color:#62696b}.demo-controls select{color:#27313a;background:#fff;border:1px solid #cfd3d4;border-radius:4px;padding:5px 22px 5px 8px;font-size:11px}.refs-trigger{background:transparent;border:0;padding:7px 0 7px 8px;color:#27313a;font-size:11px}.site-header{height:114px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{width:38px;height:38px;fill:none;stroke:var(--accent);stroke-width:1.6}.brand-name{font-size:26px;font-weight:700;line-height:1;letter-spacing:.015em}.brand-name small{display:block;font-size:7px;letter-spacing:.26em;margin-top:9px;text-align:right;font-weight:500}.desktop-nav{display:flex;gap:30px;font-size:12px}.desktop-nav a{color:var(--muted)}.desktop-nav a:hover{color:var(--fg)}.header-cta{border-bottom:1px solid var(--muted);padding:10px 0;font-size:12px;display:flex;gap:30px;align-items:center}.header-cta span{color:var(--accent);font-size:19px}.menu-button{display:none}.mobile-nav{padding:15px 6%;background:var(--surface);border-bottom:1px solid var(--line)}.mobile-nav a{padding:12px 0;display:block}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:84px 10% 28px;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:500;line-height:1.8}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);margin-bottom:42px}.eyebrow>span{width:23px;height:1px;background:var(--accent)}h1{font-size:clamp(48px,5.4vw,90px);line-height:1.06;letter-spacing:var(--tracking)}.hero-description{margin-top:27px;font-size:14px;line-height:1.9;color:var(--muted);max-width:350px}.action{display:inline-flex;gap:36px;align-items:center;justify-content:space-between;background:var(--accent);color:var(--button-text);padding:15px 23px;font-size:12px;font-weight:600;border:1px solid transparent;min-height:52px}.action:hover{filter:brightness(1.08)}.action span{font-size:20px;font-weight:400;line-height:1}.hero .action{margin-top:33px}.hero-bottom{margin-top:auto;padding-top:64px;display:flex;justify-content:space-between;gap:20px;width:100%;font-size:10px;color:var(--muted)}.hero-bottom a{display:flex;gap:18px}.hero-visual{position:relative;overflow:hidden;min-height:650px;max-height:800px;background:#383c3e}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 49%;position:absolute;inset:0}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,15,.65),transparent 25%,transparent 88%,rgba(7,11,15,.1));pointer-events:none}.hero-visual figcaption{position:absolute;bottom:28px;left:32px;right:32px;display:flex;gap:15px;justify-content:space-between;color:#fff;font-size:10px;letter-spacing:.035em}.signature-strip{display:flex;justify-content:space-around;align-items:center;gap:16px;padding:30px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.tiny-cross{color:var(--accent);font-size:18px}.section-space{padding:92px 6%}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:40px}.section-top .eyebrow{color:var(--accent)}.quiet-note{color:var(--muted);font-size:11px;line-height:1.8;text-align:right}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:8%;margin-bottom:46px}h2{font-size:clamp(38px,4.3vw,65px);line-height:1.12}.section-heading>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.9;padding-bottom:5px}.service-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:30px;gap:40px}.service-tabs button{position:relative;display:flex;gap:40px;align-items:center;padding:16px 0;background:none;border:0;color:var(--muted);font-size:17px}.service-tabs button span{font-size:9px}.service-tabs button[aria-selected="true"]{color:var(--fg)}.service-tabs button[aria-selected="true"]:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);width:100%}.service-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.service-image{position:relative;min-height:480px;overflow:hidden}.service-image>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 47%}.service-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 35%)}.image-index{position:absolute;z-index:1;bottom:25px;left:30px;color:#fff;font-size:10px;letter-spacing:.15em}.service-copy{padding:52px 12%;display:flex;flex-direction:column;align-items:flex-start}.service-copy>.eyebrow{color:var(--accent);margin-bottom:23px}h3{font-size:34px;line-height:1.17;letter-spacing:-.04em}.service-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:22px;line-height:1.9}.coverage{display:flex;gap:7px 17px;flex-wrap:wrap;padding:24px 0;font-size:10px;color:var(--fg)}.coverage span{padding-bottom:5px;border-bottom:1px solid var(--line)}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:38px;line-height:1.6;padding:8px 0;border-bottom:1px solid var(--line)}.text-link span{color:var(--accent);font-size:20px}.service-copy>.material-note{font-size:10px!important;margin-top:26px!important}.projects{background:var(--soft)}.project-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:26px}.project-card{padding:0;border:0;text-align:left;background:transparent;min-width:0}.project-card:nth-child(2){margin-top:60px}.project-card:nth-child(3){margin-top:120px}.project-picture{aspect-ratio:3/4;position:relative;overflow:hidden;background:var(--surface)}.project-picture img{height:100%;width:100%;object-fit:cover;transition:transform .45s ease}.project-card:hover img{transform:scale(1.035)}.project-picture>span{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:34px;height:34px;background:#eeefeb;color:#111416;font-size:19px}.project-caption{display:block;padding-top:17px}.project-caption strong{display:block;font-size:12px;font-weight:500;line-height:1.6}.project-caption small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.studio-photo{position:relative;aspect-ratio:4/5;background:var(--surface);overflow:hidden}.studio-photo img{width:100%;height:100%;object-fit:cover}.studio-photo>span{position:absolute;bottom:22px;left:26px;color:#fff;font-size:10px;letter-spacing:.12em;text-shadow:0 1px 10px #000}.studio-copy>.eyebrow{color:var(--accent);margin-bottom:30px}.studio h2{font-size:clamp(36px,3.6vw,54px)}.studio-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9;margin-top:24px}.process{margin-top:25px}.process>div{display:flex;gap:23px;border-top:1px solid var(--line);padding:18px 0}.process>div>span{color:var(--accent);font-size:10px;padding-top:2px}.process p{color:var(--muted);font-size:11px;line-height:1.7}.process strong{display:block;color:var(--fg);font-size:12px;font-weight:500;margin-bottom:2px}.studio-copy .text-link{margin-top:12px}.contact{background:var(--surface);display:grid;grid-template-columns:1.15fr 1fr;gap:12%;border-top:1px solid var(--line)}.contact .eyebrow{color:var(--accent);margin-bottom:26px}.contact h2{font-size:clamp(40px,4.3vw,66px)}.contact p{color:var(--muted);margin-top:25px;font-size:13px}.contact-location{display:block;font-size:10px;letter-spacing:.09em;color:var(--muted);margin-top:42px}.contact form{padding-top:8px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.contact label{font-size:11px;color:var(--muted)}.contact input,.contact select{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0 17px;color:var(--fg);font-size:15px;width:100%;margin-bottom:17px;min-height:50px}.contact select option{background:var(--surface);color:var(--fg)}.contact .action{margin-top:9px}.contact .form-note{font-size:10px;margin-top:6px;line-height:1.7}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 6%;font-size:10px;color:var(--muted)}.footer-brand{color:var(--fg)}.footer-brand .brand-name{font-size:22px}.footer-brand small{font-size:6px}footer>span{font-size:9px;letter-spacing:.08em}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:35px 42px;width:680px;max-width:calc(100% - 32px);max-height:85vh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head .eyebrow{color:var(--accent)}.close-dialog{background:none;border:1px solid var(--line);width:40px;height:40px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.dialog-intro{color:var(--muted);font-size:12px;margin:20px 0 30px;max-width:450px}.reference-list a{display:block;padding:22px 0;border-top:1px solid var(--line)}.reference-list a>span{display:block;color:var(--accent);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.reference-list strong{display:flex;justify-content:space-between;font-weight:400;font-size:22px;margin-top:7px}.reference-list b{font-weight:400}.reference-list p{color:var(--muted);font-size:11px;max-width:460px;margin-top:5px}.reference-date{font-size:10px;color:var(--muted);margin-top:20px}#photo-dialog{padding:18px;width:auto;max-width:calc(100% - 30px);overflow:auto}#photo-dialog .close-dialog{position:absolute;top:27px;right:27px;z-index:1;background:#151c22;color:#fff;border-color:#68747a}#expanded-photo{max-height:70vh;width:auto;max-width:100%;margin:auto;object-fit:contain}#photo-caption{font-size:11px;padding:12px 5px 0}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:760px}.hero-copy{padding-top:104px}.hero-visual{min-height:760px}}
@media(max-width:1050px){.demo-label{display:none}.site-header{height:95px}.brand-name{font-size:23px}.desktop-nav{gap:22px}.header-cta{gap:18px}.hero{min-height:580px}.hero-copy{padding-top:70px}.hero-visual{min-height:580px}h1{font-size:57px}.hero-description{font-size:12px}.hero .eyebrow{font-size:9px;letter-spacing:.13em}.section-space{padding:75px 6%}.service-copy{padding:38px 9%}h3{font-size:30px}.service-image{min-height:450px}.studio{gap:6%}}
@media(max-width:760px){.demo-bar{padding:9px 20px;gap:12px;flex-wrap:wrap}.demo-title{gap:8px}.demo-title strong{font-size:11px}.demo-controls{gap:10px}.demo-controls label{font-size:10px}.demo-controls select{font-size:10px;max-width:130px;padding-right:14px}.refs-trigger{font-size:10px}.site-header{height:85px;padding:0 6%}.desktop-nav,.header-cta{display:none}.menu-button{display:flex;align-items:center;gap:18px;font-size:11px;background:none;border:0;padding:10px 0}.hero-copy{padding:55px 10% 24px}.hero .eyebrow{margin-bottom:28px;font-size:8px}h1{font-size:clamp(36px,6.1vw,48px)}.hero-description{font-size:11px;margin-top:21px}.hero .action{font-size:10px;padding:13px 16px;gap:17px}.hero-bottom{font-size:9px;padding-top:45px}.hero-bottom>a{display:none}.hero,.hero-visual{min-height:490px}.hero-visual figcaption{left:20px;right:20px;font-size:9px}.hero-visual figcaption span:last-child{display:none}.signature-strip{font-size:8px;letter-spacing:.09em;padding:24px 5%;gap:10px}.section-space{padding:60px 6%}.quiet-note{font-size:9px}.section-heading{gap:30px}.section-heading>p{font-size:11px;max-width:235px}h2{font-size:39px}.service-tabs{gap:27px}.service-tabs button{font-size:15px;gap:21px}.service-feature{grid-template-columns:1fr 1fr}.service-copy{padding:30px 9%}h3{font-size:27px}.service-copy>.eyebrow{font-size:8px}.service-copy>p:not(.eyebrow){font-size:11px}.coverage{font-size:9px;gap:8px 15px;padding:19px 0}.text-link{font-size:10px;gap:20px}.service-image{min-height:460px}.service-copy>.material-note{font-size:9px!important}.project-grid{gap:18px}.project-caption strong{font-size:10px}.project-caption small{font-size:9px}.project-card:nth-child(2){margin-top:35px}.project-card:nth-child(3){margin-top:70px}.studio{align-items:start;gap:7%}.studio-photo{aspect-ratio:3/5}.studio h2{font-size:33px}.studio-copy>.eyebrow{margin-bottom:20px}.studio-copy>p:not(.eyebrow){font-size:11px}.process>div{gap:14px}.process p{font-size:10px}.contact{gap:8%}.contact h2{font-size:39px}.contact p{font-size:11px}.contact input,.contact select{font-size:16px}.contact .action{padding:15px;gap:15px;font-size:11px}footer>p{display:none}}
@media(max-width:520px){html{scroll-padding-top:100px}.demo-bar{justify-content:space-between;gap:6px;padding:9px 16px}.demo-title{width:100%;justify-content:flex-start}.demo-label{display:inline;font-size:9px}.demo-controls{width:100%;justify-content:space-between;gap:7px}.demo-controls label{gap:4px}.demo-controls select{max-width:120px;min-height:32px}.refs-trigger{min-height:32px;padding:4px 0}.site-header{height:83px}.brand-name{font-size:23px}.brand-mark{width:30px;height:34px}.brand-name small{font-size:6px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:49px 6% 36px}.hero .eyebrow{font-size:9px;margin-bottom:29px}h1{font-size:clamp(44px,10.5vw,58px)}.hero-description{font-size:12px;line-height:1.85;margin-top:22px}.hero .action{font-size:11px;gap:28px;padding:14px 19px;margin-top:28px}.hero-bottom{display:none}.hero-visual{min-height:0;height:430px;max-height:none}.hero-visual>img{object-position:center 50%}.hero-visual figcaption{left:6%;right:6%;bottom:22px}.hero-visual figcaption span:last-child{display:inline}.signature-strip{padding:22px 6%;flex-wrap:wrap;gap:8px 13px;font-size:7px;justify-content:center}.tiny-cross{font-size:13px}.section-space{padding:53px 6%}.section-top{margin-bottom:28px}.eyebrow{font-size:9px}.quiet-note{display:none}.section-heading{display:block;margin-bottom:28px}h2{font-size:36px}.section-heading>p{max-width:none;margin-top:22px;font-size:12px}.section-heading .text-link{margin-top:20px}.service-tabs{gap:24px;margin-bottom:22px}.service-tabs button{font-size:14px;gap:15px;padding:13px 0}.service-tabs button span{font-size:8px}.service-feature{grid-template-columns:1fr}.service-image{min-height:340px;max-height:360px}.service-image>img{object-position:center 42%}.service-copy{padding:32px 8% 35px}h3{font-size:33px}.service-copy>.eyebrow{font-size:9px}.service-copy>p:not(.eyebrow){font-size:12px}.coverage{font-size:10px}.text-link{font-size:11px}.service-copy>.material-note{font-size:10px!important}.project-grid{grid-template-columns:1fr 1fr;gap:28px 17px}.project-card:first-child{grid-column:1/-1}.project-card:first-child .project-picture{aspect-ratio:1/1;object-position:center 55%}.project-card:nth-child(2),.project-card:nth-child(3){margin-top:0}.project-picture>span{width:28px;height:28px;right:9px;bottom:9px;font-size:17px}.project-caption{padding-top:12px}.project-caption strong{font-size:11px}.project-caption small{font-size:9px}.studio{grid-template-columns:1fr;gap:35px}.studio-photo{aspect-ratio:1/1}.studio-photo img{object-position:center 43%}.studio-copy h2{font-size:38px}.studio-copy>p:not(.eyebrow){font-size:12px}.process>div{padding:19px 0;gap:23px}.process p{font-size:11px}.contact{grid-template-columns:1fr;gap:36px}.contact h2{font-size:40px}.contact p{font-size:12px}.contact-location{margin-top:24px}.contact input,.contact select{margin-bottom:10px}.contact .action{font-size:12px}.contact .form-note{font-size:10px}footer{padding:30px 6%;gap:20px}.footer-brand .brand-name{font-size:20px}footer>span{font-size:8px}dialog{padding:25px 24px;max-height:85vh}.dialog-head .eyebrow{font-size:8px}.reference-list strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.logo-window{display:block;position:relative;overflow:hidden;width:224px;height:55px;background:#fff}.logo-window img{position:absolute;width:100%;height:auto;max-width:none;left:0;top:50%;transform:translateY(-50%)}.footer-brand .logo-window{width:178px;height:44px}.hero-visual>img{object-position:center 69%}.signature-strip{background:var(--soft)}.demo-bar{background:#e7eef5;color:#203c56;border-color:#cbd7e2}.demo-title strong{color:#18324e}.status-dot{background:#087da9}.demo-controls select{border-color:#bdccd9}.refs-trigger{color:#183c5c}@media(max-width:1050px){.logo-window{width:195px;height:49px}}@media(max-width:760px){.logo-window{width:190px;height:48px}}@media(max-width:520px){.logo-window{width:195px;height:49px}.hero-visual>img{object-position:center 69%}.footer-brand .logo-window{width:162px;height:41px}}
@media(max-width:360px){html{scroll-padding-top:130px}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.demo-controls label{display:grid;grid-template-columns:29px minmax(0,1fr);min-width:0}.demo-controls select{min-width:0;width:100%;max-width:100%;padding-left:4px;padding-right:0}.refs-trigger{grid-column:1/-1;justify-self:end;min-height:22px;padding:0}}

/* Projetos reais, processos e materiais — segunda seleção editorial. */
.desktop-nav{gap:24px;font-size:11px}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 30px}
.project-card:nth-child(n){margin-top:0;grid-column:auto}
.project-picture,.project-card:first-child .project-picture{aspect-ratio:4/5}
.project-picture img{object-position:center 57%}
.project-picture:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,20,35,.24),transparent 28%,transparent 75%,rgba(5,20,35,.15))}
.project-picture>.project-number{z-index:1;top:23px;left:23px;right:auto;bottom:auto;display:block;background:none;color:#fff;font-size:10px;width:auto;height:auto;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 10px #000}
.project-picture>.project-play{z-index:1;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;font-size:15px;padding-left:3px;background:rgba(255,255,255,.92);color:#0c3456}
.project-caption{padding-top:22px}
.project-caption strong{font:500 27px var(--headline);letter-spacing:-.035em;display:flex;align-items:center;justify-content:space-between}
.project-caption strong>span{font:400 24px 'Manrope',sans-serif;color:var(--accent)}
.project-caption small{font-size:12px;line-height:1.8;margin-top:8px}
.project-tags{display:block;margin-top:16px;border-top:1px solid var(--line);padding-top:13px;font-size:9px;letter-spacing:.055em;color:var(--muted)}
.project-follow{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:54px;padding-top:26px;border-top:1px solid var(--line)}
.project-follow>p{font-size:13px;color:var(--muted)}
.materials{border-bottom:1px solid var(--line)}
.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.material-card{border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.material-identity{height:270px;position:relative;display:flex;align-items:center;justify-content:center;background:#e9f2f8;overflow:hidden}
.material-type,.material-code{position:absolute;left:28px;z-index:1;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#395b74}
.material-type{top:22px}.material-code{bottom:22px}
.avg-name{font-family:'Instrument Sans',sans-serif;font-style:italic;font-size:104px;font-weight:600;letter-spacing:-.08em;line-height:.9;color:#173754}
.avg-name>span{display:block;font-family:'Manrope',sans-serif;font-size:12px;font-style:normal;letter-spacing:.36em;font-weight:600;text-align:center;margin-top:20px;padding-left:8px}
.nasiol-card .material-identity{background:#f8fafc}
.material-identity>img{height:195px;width:195px;object-fit:contain}
.material-body{padding:35px 32px;display:flex;align-items:flex-start;flex-direction:column;flex:1}
.material-body h3{font-size:31px}
.material-body>p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:22px}
.material-benefits{list-style:none;padding:22px 0 12px;margin:0;font-size:11px;line-height:1.8;color:var(--muted);width:100%}
.material-benefits li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}
.material-benefits li:before{content:'+';color:var(--accent)}
.material-body details{width:100%;margin:8px 0 22px}
details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;padding:12px 0;color:var(--fg)}
details summary::-webkit-details-marker{display:none}
details summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
details summary>span{font-size:19px;color:var(--accent)}
.material-body details p{font-size:11px;line-height:1.8;color:var(--muted);padding:5px 0 13px}
.material-body .text-link{margin-top:auto}
#photo-dialog{width:1020px;padding:26px;max-width:calc(100% - 36px);max-height:92vh}
#photo-dialog .close-dialog{top:16px;right:16px;border-color:var(--line);background:var(--bg);color:var(--fg);z-index:2}
.project-dialog-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:36px;align-items:start}
.project-film{background:#10253b;overflow:hidden}
#project-video{display:block;width:100%;max-height:73vh;aspect-ratio:9/16;object-fit:contain;background:#08111a}
.project-film>p{font-size:9px;color:#d8e6f1;line-height:1.7;text-align:center;padding:13px 12px}
.project-story{padding:37px 15px 20px 0;min-width:0}
.project-story>.eyebrow{color:var(--accent);margin-bottom:22px}
#photo-caption{font:400 clamp(32px,3.5vw,48px)/1.08 var(--headline);letter-spacing:var(--tracking);padding:0}
#project-description{font-size:12px;line-height:1.9;color:var(--muted);margin-top:22px}
.project-story h3{font:600 11px 'Manrope',sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-top:29px}
#project-stages{padding:0;margin:14px 0 22px;list-style:none;counter-reset:steps}
#project-stages li{display:flex;gap:15px;font-size:11px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding:13px 0;counter-increment:steps}
#project-stages li:before{content:'0' counter(steps);font-size:9px;color:var(--accent);padding-top:2px}
#project-extra{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}
#project-extra-photo{max-height:400px;width:auto;margin:8px auto 20px;object-fit:contain}
@media(max-width:1100px){.desktop-nav,.header-cta{display:none}.menu-button{display:flex;align-items:center;gap:18px;font-size:11px;background:none;border:0;padding:10px 0}}
@media(max-width:760px){.project-grid{gap:36px 22px}.project-caption strong{font-size:24px}.project-tags{font-size:8px;line-height:1.8}.material-body{padding:28px 22px}.material-body h3{font-size:27px}.material-identity{height:230px}.material-type,.material-code{font-size:8px;left:22px}.material-identity>img{height:160px;width:160px}.avg-name{font-size:86px}.project-dialog-layout{gap:25px}.project-story{padding-right:0}.project-story>.eyebrow{font-size:8px}#photo-dialog{padding:20px}.project-picture>.project-number{font-size:8px;top:16px;left:16px}}
@media(max-width:600px){.project-grid,.materials-grid{grid-template-columns:1fr}.project-picture,.project-card:first-child .project-picture{aspect-ratio:4/5}.project-caption strong{font-size:27px}.project-caption small{font-size:12px}.project-tags{font-size:9px}.project-grid{gap:38px}.project-follow{align-items:flex-start;flex-direction:column;margin-top:35px;gap:10px}.project-follow>p{font-size:12px}.materials-grid{gap:28px}.material-identity{height:240px}.material-body{padding:28px 24px}.material-body h3{font-size:30px}.project-dialog-layout{grid-template-columns:1fr;gap:5px}#photo-dialog{padding:16px;max-height:92vh;max-width:calc(100% - 24px)}#project-video{max-height:56vh}.project-story{padding:23px 5px 5px}#photo-dialog .close-dialog{position:sticky;top:0;margin-left:auto;margin-bottom:10px}.project-picture>.project-play{width:43px;height:43px}.project-picture>.project-number{font-size:9px}}

/* Capa: vista noturna real do espaço, do story de 16 de setembro. */
.hero{grid-template-columns:.9fr 1.1fr}
.hero-space>img{object-position:center 72%}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:48px 6% 40px}
  .hero-space{min-height:0;height:auto;aspect-ratio:5/4}
  .hero-space>img{object-position:center 60%}
  .hero-bottom{padding-top:30px}
  .hero-space figcaption span:last-child{display:inline}
}

/* Galeria da capa e identidade oficial dos materiais. */
.hero-carousel{position:relative;background:#102132;overflow:hidden;touch-action:pan-y}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease;pointer-events:none}
.hero-slide.is-active{opacity:1;visibility:visible}
.hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%}
.hero-slide-space>img{object-position:center 72%}
.hero-slide-duo>img{object-fit:contain;object-position:center 40%}
.hero-slide .photo-shade{background:linear-gradient(0deg,rgba(5,15,27,.9),transparent 38%)}
.hero-carousel figcaption{bottom:92px;left:32px;right:32px;display:flex;flex-direction:column;gap:7px;align-items:flex-start;font-size:12px;letter-spacing:.02em}
.hero-carousel figcaption span:first-child{font-size:19px;font-weight:500}
.hero-carousel figcaption span:last-child{display:block;font-size:10px;color:#d9e5ed;line-height:1.6}
.carousel-controls{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;display:flex;align-items:center;gap:13px;color:#fff}
.carousel-controls button{border:1px solid rgba(255,255,255,.45);background:rgba(12,29,43,.35);color:#fff;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:17px;flex-shrink:0}
.carousel-controls button:hover{background:rgba(255,255,255,.2)}
.carousel-controls button:focus-visible{outline:2px solid white;outline-offset:4px}
.carousel-dots{display:flex;align-items:center;gap:3px}
.carousel-dots button{position:relative;width:20px;height:32px;border:0;background:none}
.carousel-dots button:after{content:'';width:5px;height:5px;background:rgba(255,255,255,.5);border-radius:50%;transition:transform .2s}
.carousel-dots button[aria-current=true]:after{background:#fff;transform:scale(1.5)}
.carousel-count{font-size:9px;letter-spacing:.1em;white-space:nowrap;margin-left:auto}
.carousel-arrows{display:flex;gap:7px}
.material-identity>.avg-logo{width:270px;height:auto;max-width:70%;object-fit:contain}
.project-context{font-size:12px;line-height:1.9;color:var(--fg);border-left:2px solid var(--accent);background:var(--soft);padding:15px 18px;margin-top:22px}
@media(max-width:760px){.hero-carousel{min-height:0;height:auto;aspect-ratio:5/4}.hero-slide-space>img{object-position:center 60%}.hero-carousel figcaption{left:6%;right:6%;bottom:85px}.carousel-controls{left:6%;right:6%;bottom:23px}.hero-slide.is-car>img{object-position:center 56%}}
@media(max-width:400px){.carousel-controls{gap:7px}.carousel-controls button{width:34px;height:34px}.carousel-dots{gap:0}.carousel-dots button{width:17px}.carousel-count{font-size:8px}.carousel-arrows{gap:5px}.hero-carousel figcaption{bottom:80px}.hero-carousel figcaption span:first-child{font-size:17px}.hero-carousel figcaption span:last-child{font-size:9px}}

/* Versão pública aprovada: branco e azul. */
html{scroll-padding-top:24px}
body{font-size:16px}
.skip-link{position:absolute;left:16px;top:-100px;background:var(--bg);padding:12px 18px;z-index:30}
.skip-link:focus{top:12px}
.hero-description,.section-heading>p,.service-copy>p:not(.eyebrow),.studio-copy>p:not(.eyebrow),.process p,.contact p,.material-body>p,#project-description,.project-context{font-size:16px}
.desktop-nav,.header-cta,.menu-button,.action,.hero .action,.text-link,.contact .action,.contact label,.material-benefits,.material-body details p,details summary,.project-caption small,.project-follow>p,#project-stages li{font-size:14px}
.eyebrow,.hero .eyebrow,.service-copy>.eyebrow,.project-story>.eyebrow,.quiet-note,.coverage,.process strong,.contact-location,.signature-strip,.project-tags,.project-picture>.project-number,.material-type,.material-code,.service-copy>.material-note,.contact .form-note,.hero-bottom,.project-film>p{font-size:12px!important}
.hero-carousel figcaption span:last-child{font-size:12px}
.contact-location{line-height:2.1;letter-spacing:0}
.contact-location a{border-bottom:1px solid var(--line)}
.contact input,.contact select{font-size:16px}
.social-embed{padding:24px 6%;background:var(--soft);border-top:1px solid var(--line)}
.social-embed summary{font-size:14px}
.instagram-grid{display:flex;flex-wrap:wrap;gap:24px;max-width:100%;overflow:hidden}
.instagram-media{margin:20px 0!important;min-width:0!important;max-width:100%!important}
.embed-note{font-size:14px;color:var(--muted)}
@media(max-width:760px){.section-heading{display:block}.section-heading>p{margin-top:24px;max-width:100%}.hero h1{font-size:clamp(48px,10.5vw,64px)}.service-feature{grid-template-columns:1fr}.service-copy{padding:32px 8%}.service-image{min-height:360px}.studio{grid-template-columns:1fr}.studio-photo{aspect-ratio:1/1}.studio-copy{margin-top:30px}.contact{grid-template-columns:1fr}.contact form{margin-top:20px}.service-tabs{gap:18px}.service-tabs button{font-size:16px;gap:8px}.service-tabs button span{font-size:12px}.project-picture>.project-number{max-width:calc(100% - 32px)}.signature-strip{letter-spacing:.05em}.carousel-count{font-size:10px}.hero-carousel figcaption{bottom:85px}.hero .eyebrow{letter-spacing:.12em}}

/* Nosso espaço: dois registros de cada estúdio. */
.studio-carousel{min-width:0;background:var(--soft);border:1px solid var(--line);touch-action:pan-y}
.studio-slides{position:relative;aspect-ratio:4/5;overflow:hidden;background:#102132}
.studio-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;pointer-events:none}
.studio-slide.is-active{opacity:1;visibility:visible}
.studio-slide>img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.studio-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,15,27,.9),transparent 44%);pointer-events:none}
.studio-slide figcaption{position:absolute;left:28px;right:28px;bottom:26px;z-index:1;color:#fff;display:grid;gap:4px}
.studio-slide figcaption strong{font:500 clamp(27px,3vw,38px)/1.2 var(--headline);letter-spacing:-.025em}
.studio-slide figcaption span{font-size:12px;color:#dce8f0;letter-spacing:.04em}
.studio-controls{display:grid;grid-template-columns:44px 1fr auto;gap:8px 14px;align-items:center;padding:16px 22px 10px}
.studio-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--fg);font-size:19px}
.studio-controls button:hover{background:var(--surface)}
.studio-controls .carousel-count{font-size:12px;margin-left:0;text-align:left;letter-spacing:.08em}
.studio-arrows{display:flex;gap:8px}
.studio-dots{grid-column:1/-1;display:flex;justify-content:center;gap:0}
.studio-dots button{width:28px;height:30px;border:0;background:none}
.studio-dots button:after{content:'';width:5px;height:5px;border-radius:50%;background:#90a9bd}
.studio-dots button[aria-current=true]:after{background:var(--accent);transform:scale(1.5)}
@media(max-width:760px){.studio{gap:32px}.studio-copy{margin-top:0}.studio-slides{aspect-ratio:4/5}.studio-slide figcaption{left:22px;right:22px;bottom:22px}.studio-controls{padding:12px 16px 6px;gap:5px 10px}.studio-slide figcaption strong{font-size:30px}}

.studio-section-heading{grid-column:1/-1;margin-bottom:2px}.studio-section-heading .eyebrow{margin-bottom:20px}.studio-section-heading>p:last-child{color:var(--muted);font-size:16px;margin-top:20px}.studio-copy h3{font-size:clamp(34px,3.8vw,52px)}

/* Primary links remain visible; the remaining destinations use the menu. */
.site-navigation{position:relative;z-index:15;background:var(--bg)}
.site-navigation .site-header{height:auto;min-height:104px;padding:20px 5%;display:grid;grid-template-columns:1fr auto auto;gap:40px}
.site-header .desktop-nav{display:flex;gap:32px;font-size:14px;align-items:center}
.site-header .desktop-nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
.site-header .menu-button{display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:8px 0 8px 24px;border:0;border-left:1px solid var(--line);background:none;font-size:14px}
.menu-button span{font-size:18px;color:var(--accent)}
.site-navigation .menu-panel{position:absolute;right:5%;top:calc(100% - 1px);width:300px;max-width:90%;padding:12px 24px;background:var(--bg);border:1px solid var(--line);box-shadow:0 16px 36px rgba(16,45,78,.1)}
.menu-panel[hidden]{display:none}
.menu-panel a{font-size:14px;padding:16px 0;min-height:48px;border-bottom:1px solid var(--line)}
.menu-panel a:last-child{border-bottom:0}.menu-panel a:hover{color:var(--accent)}
@media(max-width:760px){.site-navigation .site-header{gap:24px;padding-inline:6%}.site-header .desktop-nav{gap:20px}.site-header .logo-window{width:180px}.site-header .menu-button{gap:12px;padding-left:18px}}
@media(max-width:640px){.site-navigation .site-header{grid-template-columns:1fr auto;gap:10px 24px;padding-top:15px;padding-bottom:0;min-height:124px}.site-header .brand{grid-column:1;grid-row:1}.site-header .logo-window{width:190px;height:48px}.site-header .menu-button{grid-column:2;grid-row:1;border-left:0;padding:8px 0 8px 12px}.site-header .desktop-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:2px 0}.site-header .desktop-nav a{min-height:44px}.site-navigation .menu-panel{right:6%;width:88%;max-width:none;padding:8px 22px}}