@font-face{font-family:'Space Grotesk';src:url('../assets/SpaceGrotesk-wght.ttf') format('truetype-variations'),url('../assets/SpaceGrotesk-wght.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Didact;src:url(../assets/DidactGothic-Regular.ttf)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2e9;color:#03234e;font-family:Didact,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}nav{display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;background:#f5f2e9}nav img{width:118px;height:46px}nav a{text-decoration:none;font-size:15px}.arrow{display:inline-block;margin-right:12px}header{padding:65px 7vw 55px;background:#b4dacc}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 30px}h1{font-size:clamp(65px,10vw,150px);font-weight:400;letter-spacing:-.065em;line-height:.9;margin:0}h1 span{display:block;font-size:clamp(33px,4.8vw,72px);letter-spacing:-.045em;margin-top:22px}.lead{max-width:480px;font-size:21px;line-height:1.45;margin:35px 0 0}.meta{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:42px;font-size:13px}.visual{margin:0}.visual button{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in}.visual img{display:block;width:100%;height:auto}.caption{font-size:12px;padding:12px 5vw;margin:0;color:#4a5d6a}.text-block{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:95px 7vw}h2{font-weight:400;font-size:clamp(36px,4vw,60px);line-height:1.05;letter-spacing:-.04em;margin:0}p{line-height:1.55}.copy p{font-size:20px;margin:0 0 22px;max-width:43ch}.small{font-size:14px!important}.pattern-section{background:#03234e;color:#f5f2e9;padding:70px 7vw}.pattern-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:7vw;align-items:center}.pattern-layout img{width:100%;height:auto;display:block}.pattern-layout h2{margin-bottom:25px}.pattern-layout p{font-size:19px;max-width:34ch}.palette{display:grid;grid-template-columns:repeat(6,1fr);margin-top:45px}.swatch{height:95px;display:flex;align-items:end;padding:12px;font-size:12px;color:#03234e}.pair{display:grid;grid-template-columns:1fr 1fr;align-items:start}.pair .visual img{aspect-ratio:4/3;object-fit:contain;background:#dbe7df}.pair .caption{padding:12px 20px}.closing{padding:80px 7vw;background:#b4dacc;display:flex;justify-content:space-between;gap:45px}.closing p{max-width:55ch;margin-top:0}.closing a{white-space:nowrap}footer{padding:25px 7vw;font-size:12px;display:flex;justify-content:space-between;gap:25px}dialog{border:0;padding:0;background:transparent;max-width:96vw;max-height:94dvh}dialog::backdrop{background:#07111ceF}dialog img{display:block;max-width:94vw;max-height:90dvh;object-fit:contain;cursor:zoom-out}a:focus-visible,button:focus-visible{outline:2px solid #ed722d;outline-offset:5px}@media(max-width:650px){nav{padding:16px 6vw}header{padding:45px 6vw}.lead{font-size:19px}.text-block{grid-template-columns:1fr;padding:55px 6vw;gap:28px}.copy p{font-size:18px}.pattern-section{padding:50px 6vw}.pattern-layout{grid-template-columns:1fr;gap:28px}.palette{grid-template-columns:repeat(3,1fr)}.swatch{height:75px}.pair{grid-template-columns:1fr}.closing{padding:50px 6vw;display:block}.closing a{display:inline-block;margin-top:22px}footer{display:block}.meta{gap:10px 22px}.caption{line-height:1.5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Space Grotesk local; titles keep the approved semibold weight. */
html body :is(h1,h2,h3,h4,h5,h6){font-family:'Space Grotesk',Didact,Arial,sans-serif!important;font-weight:600!important;font-synthesis:none}

html body header h1,html body header h1 span,html body .text-block h2,html body .case-intro h1,html body .motion h2{font-family:'Space Grotesk',Didact,Arial,sans-serif!important;font-weight:600!important}

@font-face{font-family:'Inclusive Sans';src:url('../assets/InclusiveSans-variable.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}
/* Inclusive Sans: textos de leitura e interface, peso 100 aprovado. */
html body{font-family:'Inclusive Sans',Arial,sans-serif!important}
html body :is(p,a,button,span,small,label,summary,figcaption,dt,dd,li,input,select,textarea):not(:is(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.section-links,.section-links *,.brand-wordmark,.brand-wordmark *,.email-link,.email-link *)){font-family:'Inclusive Sans',Arial,sans-serif!important;font-weight:100!important;font-synthesis:none}
/* Inclusive Sans: configuração de leitura aprovada, 24px / peso 230. */
html body :is(p,a,button,span,small,label,summary,figcaption,dt,dd,li,input,select,textarea):not(:is(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.section-links,.section-links *,.brand-wordmark,.brand-wordmark *,.email-link,.email-link *)){font-weight:230!important}
html body :is(p,figcaption,dt,dd,li,label,input,select,textarea),html body :is(.project-head,.project-description,.project-category,.work-card,.about-view,.section-preview,.contact-view,.section-view,.music-list,.lab-meta,.meta,.caption,.project-note) :is(p,small,label){font-size:24px!important;line-height:1.4!important}
@media(max-width:700px){html body :is(p,figcaption,dt,dd,li,label,input,select,textarea),html body :is(.project-head,.project-description,.project-category,.work-card,.about-view,.section-preview,.contact-view,.section-view,.music-list,.lab-meta,.meta,.caption,.project-note) :is(p,small,label){font-size:21px!important}}
/* Inclusive Sans: escala única de 18px aprovada para leitura e navegação. */
html body :is(p,a,button,span,small,label,summary,figcaption,dt,dd,li,input,select,textarea):not(:is(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.section-links,.section-links *,.brand-wordmark,.brand-wordmark *,.email-link,.email-link *)),
html body .site-nav nav a,
html body .brand-role,
html body .hero-caption,
html body .sheet-toolbar a[data-panel='works'],
html body .work-card p,
html body .sheet[data-view="works"] .work-card p,
html body .project-category,
html body .project-description{font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:18px!important}
/* Descrições abaixo dos títulos dos trabalhos: 16px. */
html body .work-card p,html body .sheet[data-view="works"] .work-card p,html body .project-category,html body .project-description{font-size:16px!important}
/* Leitura das apresentações: mesmo padrão das descrições dos cards. */
html body .project-view :is(p,small,figcaption,li,dt,dd),
html body .section-preview .project-head p,
html body .project-head p,
html body .project-concept p,
html body .project-editorial p,
html body .campaign-concept p,
html body main :is(.summary,.copy p,.lead,.caption,.meta,.project-note){font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:16px!important;font-weight:230!important;line-height:1.5!important}
html body .project-editorial{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:32px 0;border-block:1px solid #d5c19766}
html body .project-editorial p{margin:0}
@media(max-width:700px){html body .project-editorial{grid-template-columns:1fr;gap:12px}}
/* Cabeçalhos dos projetos: mesma leitura leve dos textos editoriais. */
html body .project-head.project-head p,
html body .project-head.project-head p.project-category,
html body .project-head.project-head p.project-description,
html body .section-preview .project-head.project-head p{font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:16px!important;font-weight:230!important;line-height:1.5!important;letter-spacing:normal!important;font-synthesis:none!important}
/* Conceitos editáveis: arte original preservada e explicação em texto nativo. */
html body .project-native-concept{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:32px 0}
html body .project-identity-art{overflow:hidden;aspect-ratio:1.16;position:relative}
html body .project-identity-art img{width:200%!important;max-width:none!important;height:auto!important;display:block}
html body .project-concept-copy p,html body .project-native-concept p{font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:16px!important;font-weight:230!important;line-height:1.5!important}
html body .project-native-palette{display:flex;gap:0;margin-top:20px}
html body .project-native-palette span{flex:1;padding:24px 8px;font-family:'Inclusive Sans',Arial,sans-serif!important;font-size:16px!important}
@media(max-width:700px){html body .project-native-concept{grid-template-columns:1fr}}