@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/archivo-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/archivo-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/archivo-800.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/hind-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/hind-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/hind-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Trilhar Metalúrgica · tokens gerados por kit2tokens.py — direção 4, hero collage, movimento snappy
 * acento #12752e = oklch(49.3% 0.137 147); neutros frios no matiz do acento. Um acento, os neutros derivam dele. */
:root {
  /* color */
  --brand:      oklch(49.3% 0.137 147);
  --brand-deep: oklch(37.3% 0.137 150);   /* hover, links sobre claro */
  --dark:       oklch(23% 0.05 157);   /* bandas escuras, rodapé */
  --dark-2:     oklch(28% 0.055 155);   /* superfície elevada no escuro */
  --dark-3:     oklch(34% 0.06 153);   /* filetes/hover no escuro */
  --tint:       oklch(80% 0.06 140);   /* detalhe claro sobre escuro */
  --paper:      oklch(97.5% 0.007 147);
  --wash:       oklch(93.5% 0.018 143);   /* seção alternada */
  --ink:        oklch(21% 0.035 155);
  --ink-2:      oklch(38% 0.03 153);
  --muted:      oklch(48% 0.025 150);
  --rule:       oklch(86% 0.015 147);
  --on-dark:    oklch(96% 0.008 143);
  --on-dark-2:  oklch(78% 0.02 143);
  --focus:      oklch(60% 0.19 147);
  --error:      oklch(52% 0.18 27);
  --ok:         oklch(50% 0.12 152);
  /* degradês: todo escuro do site sai daqui (nunca dois pretos diferentes) */
  --grad-dark: linear-gradient(148deg, oklch(16% 0.04 159) 0%, oklch(23% 0.05 157) 55%, oklch(38% 0.09 147) 100%);
  --grad-bar:  linear-gradient(96deg, oklch(23% 0.05 157), oklch(49.3% 0.137 147));
  --grad-veil: linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--dark) 82%, transparent) 100%);
  /* type */
  --font-display: "Archivo", -apple-system, "Helvetica Neue", sans-serif;
  --font-body: "Hind", -apple-system, system-ui, sans-serif;
  --text-sm: 0.85rem; --text-base: 1.0625rem; --text-md: 1.3rem; --text-lg: 1.65rem; --text-xl: 2.1rem; --text-2xl: 2.7rem;
  --text-display: clamp(2.6rem, 4.6vw + 1rem, 4.9rem); --text-display-s: clamp(2rem, 3.2vw + 0.9rem, 3.4rem);
  /* space */
  --space-2xs: .25rem; --space-xs: .5rem; --space-sm: .75rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2.5rem; --space-2xl: 4rem; --space-3xl: 6.5rem; --space-4xl: 10rem;
  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 450ms;
  --z-base: 1; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200; --z-modal: 400;
  --radius: 2px; --radius-s: 2px; --radius-pill: 999px;
}
@media (prefers-reduced-motion: reduce) { :root { --dur-micro: 1ms; --dur-short: 1ms; --dur-long: 1ms; } }

:root{--steel:#182421;--yellow:#f3d342;--white:#fff;--wrap:1240px;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.75rem)}h3{font-size:1.5rem}p+p{margin-top:1rem}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.wrap{width:min(calc(100% - 96px),var(--wrap));margin-inline:auto}.skip{position:absolute;left:1rem;top:-100px;background:var(--white);padding:12px;z-index:1000}.skip:focus{top:0}.eyebrow{font:600 12px/1.5 var(--font-display);letter-spacing:.12em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-height:54px;padding:14px 23px;border:0;background:var(--brand);color:var(--white);font:600 16px/1.3 var(--font-display);border-radius:var(--radius);transition:background var(--dur-short),transform var(--dur-micro)}.button span{font-size:1.4rem}.button:active{transform:translateY(2px)}.button:disabled{opacity:.7;cursor:wait}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:44px;border-bottom:1px solid currentColor;font-weight:600}.text-link span{font-size:1.3rem}
.masthead{border-top:5px solid var(--brand);background:var(--paper)}.masthead-inner{width:min(calc(100% - 96px),var(--wrap));margin:auto;min-height:104px;display:flex;align-items:center;gap:40px}.brand{padding:0 20px 0 0;flex:none}.brand img{width:256px;height:auto}.masthead-note{font:600 10px/1.8 var(--font-display);letter-spacing:.09em;border-left:1px solid var(--rule);padding-left:28px}.masthead-note span{font:400 15px var(--font-body);letter-spacing:0}.header-phone{margin-left:auto;font:600 17px var(--font-display);min-height:44px;display:flex;align-items:center}nav{display:flex;justify-content:flex-end;width:min(calc(100% - 96px),var(--wrap));margin:auto;border-top:1px solid var(--rule);gap:0}nav a{min-height:52px;display:flex;align-items:center;padding:12px 28px;border-left:1px solid var(--rule);font:500 16px var(--font-body)}nav a:last-child{border-right:1px solid var(--rule);background:var(--wash)}nav a[aria-current=page]{box-shadow:inset 0 -3px var(--brand);color:var(--brand-deep)}.menu-toggle{display:none}
.hero{position:relative;display:grid;grid-template-columns:46% 54%;min-height:670px;background:var(--steel);color:var(--on-dark);overflow:hidden}.hero-copy{padding:66px 36px 84px max(48px,calc((100vw - var(--wrap))/2));position:relative;z-index:2}.hero .eyebrow{color:var(--tint);margin-bottom:24px}.hero h1{font-size:clamp(3rem,5.7vw,6rem);line-height:.99;font-weight:700;letter-spacing:-.065em}.hero-description{max-width:360px;line-height:1.5;color:var(--on-dark-2);margin:26px 0 28px}.hero .button{background:var(--yellow);color:var(--steel)}.hero-photo{position:relative;min-width:0;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:55% center}.drawing{position:absolute;bottom:36px;right:36px;width:38%;background:var(--steel);padding:8px;box-shadow:0 4px 25px #0003}.drawing img{width:100%;aspect-ratio:1.6;object-fit:cover}.drawing span{display:block;color:var(--on-dark-2);font:500 7px var(--font-display);letter-spacing:.07em;padding:9px 3px 3px}.beam{position:absolute;left:0;right:0;bottom:0;height:15px;background:repeating-linear-gradient(135deg,var(--brand) 0,var(--brand) 38px,var(--tint) 39px,var(--tint) 41px,var(--brand) 42px,var(--brand) 80px);border-block:3px solid var(--brand)}
.intro-line{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:64px;border-bottom:1px solid var(--rule)}.intro-line>p{font:400 clamp(1.5rem,2.5vw,2rem)/1.3 var(--font-display);letter-spacing:-.035em}.intro-line strong{font-weight:700}.intro-line>div>p{max-width:480px;color:var(--ink-2)}.intro-line .text-link{margin-top:16px}.portfolio{padding-block:90px}.section-heading{margin-bottom:40px}.section-heading .eyebrow{color:var(--brand);margin-bottom:14px}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.heading-row>.text-link{flex:none}.works{display:grid;grid-template-columns:1.08fr .92fr;gap:55px 38px}.work:nth-child(even){padding-top:70px}.work-image{overflow:hidden;background:var(--wash)}.work img{width:100%;aspect-ratio:1.4;object-fit:cover;transition:transform var(--dur-short) var(--ease-out)}.work-caption{display:grid;grid-template-columns:1fr 30px;border-bottom:1px solid var(--rule);padding:19px 0 22px;gap:10px}.work-caption>span{font-size:1.5rem;text-align:right}.work-caption p{grid-column:1/-1;color:var(--muted);font-size:16px;line-height:1.4}.work-caption h3{font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:-.035em}.process{padding-block:80px;border-top:1px solid var(--rule)}.stage{display:grid;grid-template-columns:.6fr 1fr .55fr;align-items:center;gap:32px;padding:32px 0;border-top:1px solid var(--rule)}.stage>div p{font-size:16px;margin-top:12px;color:var(--muted);max-width:220px}.stage h3{font-size:2rem}.photo-link{position:relative;display:block;overflow:hidden}.photo-link img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform var(--dur-short) var(--ease-out)}.photo-link>span{position:absolute;bottom:8px;right:8px;background:var(--steel);color:var(--on-dark);padding:6px 10px;font-size:12px}.stage .secondary-photo{align-self:end}.company-band{background:var(--brand-deep);color:var(--on-dark);padding:85px 0}.company-band .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:24px 80px}.company-band .eyebrow{grid-column:1/-1;color:var(--tint)}.company-band h2{font-size:clamp(2.5rem,4vw,4.5rem)}.company-band .text-link{margin-top:22px;font-size:16px}.company-band>div>div>p{max-width:480px;color:var(--on-dark-2)}.contact-band{background:var(--wash);padding-block:60px}.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band p{font:600 clamp(1.5rem,2.8vw,2.5rem)/1.2 var(--font-display);letter-spacing:-.04em}.button.light{background:var(--brand);color:var(--white);flex:none}
.page-intro{padding-block:64px 48px}.back{display:inline-block;min-height:44px;font-size:14px;color:var(--muted)}.page-intro h1{font-size:clamp(2.65rem,5.4vw,5rem);max-width:970px}.page-intro>p{margin-top:26px;max-width:730px;color:var(--ink-2);font-size:20px;line-height:1.5}.page-intro+.portfolio{padding-top:16px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:18px 52px}.gallery .photo-link:first-child{grid-column:1/-1}.gallery .photo-link:first-child img{aspect-ratio:1.95}.gallery img{aspect-ratio:1.4}.archive-note{width:min(calc(100% - 96px),var(--wrap));margin:0 auto 20px;color:var(--muted);font-size:15px}.back-row{padding-bottom:60px}.company-story{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;padding-block:10px 80px}.prose{max-width:760px;padding-bottom:70px}.prose h2{font-size:1.8rem;margin:34px 0 18px}.prose h2:first-child{margin-top:0}.prose p{color:var(--ink-2);line-height:1.75}.prose a{text-decoration:underline;overflow-wrap:anywhere}.story-photos{display:flex;flex-direction:column;gap:24px}.story-photos img:last-child{margin-top:20px}.catalog-note{padding-block:40px 70px;max-width:840px}.catalog-note h2{font-size:2rem;margin-bottom:18px}.catalog-note .text-link{margin-top:18px}.faq{padding-block:30px 80px;max-width:840px}.faq h2{font-size:2rem;margin-bottom:25px}details{border-block-start:1px solid var(--rule)}summary{padding:20px 0;cursor:pointer;min-height:48px;font-weight:600}details p{padding-bottom:24px;color:var(--ink-2)}.resource-list{list-style:none;padding:0 0 80px}.resource-list li{border-bottom:1px solid var(--rule)}.resource-list a{display:block;padding:25px 0;min-height:60px;font:500 20px/1.4 var(--font-display);overflow-wrap:anywhere}
.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;padding-block:0 90px}.contact-layout h2{font-size:2.2rem;margin:10px 0 22px}.form-intro{font-size:16px;color:var(--muted);margin-bottom:24px}form label{display:block;font-weight:500;font-size:16px;margin-bottom:18px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,textarea,select{display:block;width:100%;border:1px solid var(--rule);border-bottom:1px solid var(--muted);border-radius:var(--radius);background:var(--white);color:var(--ink);min-height:50px;padding:10px 12px;font-size:17px;margin-top:5px}textarea{resize:vertical}.privacy-note{font-size:14px;color:var(--muted);margin:4px 0 20px}.privacy-note a{text-decoration:underline}.honey{position:absolute;left:-10000px;opacity:0;width:1px;height:1px;overflow:hidden}#form-status{margin-top:20px;color:var(--brand-deep);font-weight:500}#form-status.error{color:var(--error)}.contact-info{border-left:1px solid var(--rule);padding-left:40px}.contact-info .eyebrow{color:var(--brand)}.contact-info .phone{display:flex;align-items:center;min-height:44px;font:600 22px var(--font-display);margin-top:6px}.contact-info>p{margin-bottom:20px}.contact-info ul{list-style:none;padding:0;margin:35px 0 10px}.contact-info li{border-top:1px solid var(--rule);padding:15px 0}.contact-info li span{display:block;color:var(--muted);font-size:13px}.contact-info li a{display:inline-flex;align-items:center;min-height:32px;font-size:16px;overflow-wrap:anywhere}.legacy-phones{font-size:14px}
.footer{background:var(--steel);color:var(--on-dark);padding:50px max(48px,calc((100vw - var(--wrap))/2)) 28px}.footer-top{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:40px;align-items:center;padding-bottom:35px}.footer-brand{font:700 30px/.9 var(--font-display);letter-spacing:.03em}.footer-brand span{display:block;font:400 10px/2 var(--font-display);letter-spacing:.3em}.footer-top p{font-size:15px;color:var(--on-dark-2)}.footer-top>a:last-child{font-size:16px;min-height:44px;display:flex;align-items:center;gap:20px}.footer-bottom{border-top:1px solid var(--dark-3);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--on-dark-2);font-size:12px}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}.footer-bottom>div{display:flex;gap:20px}.lightbox{border:0;background:var(--steel);color:var(--on-dark);max-width:min(94vw,1200px);max-height:94vh;padding:20px}.lightbox::backdrop{background:#000c}.lightbox>img{max-height:75vh;max-width:100%;width:auto;margin:auto;object-fit:contain}.lightbox-close{display:block;margin:0 0 12px auto;background:transparent;color:var(--on-dark);border:1px solid var(--on-dark-2);min-height:44px;padding:8px 18px}.lightbox p{padding-top:12px;font-size:14px}
@media(hover:hover) and (pointer:fine){.work:hover img,.photo-link:hover img{transform:scale(1.025)}nav a:hover{background:var(--wash)}.button:hover{background:var(--brand-deep)}.hero .button:hover{background:var(--tint)}a.text-link:hover{color:var(--brand)}.company-band a.text-link:hover{color:var(--tint)}}
@media(prefers-reduced-motion:no-preference){.beam{animation:beam-in 450ms var(--ease-out) both}@keyframes beam-in{from{transform:translateY(15px)}to{transform:translateY(0)}}}
@media(max-width:1000px){.masthead-note{display:none}.hero{min-height:600px}.hero-copy{padding-top:48px}.hero h1{font-size:5rem}.drawing{width:47%;right:20px;bottom:30px}.contact-layout{gap:40px}.contact-info{padding-left:25px}.stage{gap:20px}.footer-top{grid-template-columns:.7fr 1fr}.footer-top>a:last-child{grid-column:1/-1}.intro-line{gap:40px}.company-story{gap:40px}}
@media(max-width:700px){body{font-size:17px}.wrap{width:calc(100% - 40px)}.masthead-inner{width:calc(100% - 40px);min-height:88px;gap:12px}.brand{padding:0}.brand img{width:218px}.header-phone{display:none}.menu-toggle{margin-left:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:6px 0 6px 10px;background:transparent;border:0;color:var(--ink);font-size:16px}.menu-toggle span{font-size:24px}.masthead nav{width:100%;display:none;border-top:1px solid var(--rule);padding:8px 20px}.masthead nav.open{display:grid;grid-template-columns:1fr 1fr}.masthead nav a{border:0;padding:12px;min-height:50px}.hero{display:flex;flex-direction:column;min-height:0;overflow:hidden}.hero-copy{padding:34px 24px 38px}.hero .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:22px}.hero h1{font-size:clamp(3.8rem,13.5vw,5.8rem);line-height:1.02;letter-spacing:-.06em}.hero-description{margin-top:23px;margin-bottom:24px;max-width:350px;font-size:17px}.hero-photo{height:320px}.hero-photo>img{object-position:center 50%}.drawing{width:39%;right:20px;bottom:30px;padding:5px}.drawing span{font-size:5px;padding-block:6px 2px}.intro-line{grid-template-columns:1fr;gap:22px;padding-block:40px}.intro-line>p{font-size:1.8rem}.intro-line>div>p{font-size:17px}.portfolio{padding-block:55px}.section-heading{margin-bottom:28px}.heading-row{display:block}.heading-row>.text-link{margin-top:18px;font-size:15px}.works{grid-template-columns:1fr;gap:30px}.work:nth-child(even){padding-top:0}.work img{aspect-ratio:1.4}.work-caption{padding:16px 0 18px}.work-caption h3{font-size:1.45rem}.work-caption p{font-size:15px}.process{padding-block:50px}.stage{grid-template-columns:1.4fr 1fr;gap:15px;padding-block:26px}.stage>div{grid-column:1/-1}.stage>div p{max-width:100%;margin-top:8px}.stage h3{font-size:1.7rem}.stage .photo-link img{aspect-ratio:1.15}.photo-link>span{font-size:10px;padding:3px 7px;right:5px;bottom:5px}.company-band{padding-block:55px}.company-band .wrap{grid-template-columns:1fr;gap:24px}.company-band h2{font-size:2.8rem}.company-band .text-link{font-size:15px;line-height:1.4;gap:20px}.contact-band{padding-block:38px}.contact-band .wrap{display:block}.contact-band p{font-size:2rem;max-width:300px}.contact-band .button{margin-top:25px}.page-intro{padding-block:38px}.page-intro h1{font-size:2.7rem}.page-intro>p{font-size:18px;margin-top:20px}.gallery{gap:14px;padding-bottom:30px}.gallery .photo-link:first-child img{aspect-ratio:1.3}.gallery img{aspect-ratio:1.15}.archive-note{width:calc(100% - 40px);font-size:14px}.company-story{grid-template-columns:1fr;gap:0;padding-bottom:45px}.prose{padding-bottom:35px}.prose h2{font-size:1.7rem}.story-photos{gap:15px}.story-photos img:last-child{margin-top:0}.contact-layout{grid-template-columns:1fr;gap:45px;padding-bottom:50px}.contact-info{border-left:0;border-top:1px solid var(--rule);padding:35px 0 0}.contact-layout h2{font-size:1.9rem}.field-pair{gap:14px}.field-pair:has(input[name=nome]){grid-template-columns:1fr;gap:0}.contact-info li a{font-size:16px}.resource-list{padding-bottom:50px}.resource-list a{font-size:18px}.footer{padding:40px 20px 20px}.footer-top{grid-template-columns:1fr;gap:24px}.footer-top>a:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom>div{gap:18px;flex-wrap:wrap}.footer-bottom>a{line-height:1.4}.lightbox{padding:12px}.lightbox>img{max-height:70vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.arrow{display:inline-block;vertical-align:middle;flex:none}.hero h1{color:var(--on-dark)}