
:root{--paper:#f7f5ef;--navy:#252525;--yellow:#ffc000;--ink:#252927;--line:#d8d6d0;--muted:#606060;--serif:'EB Garamond',Georgia,serif;--sans:"mr-eaves-xl-sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--sans)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:12px;top:-80px;padding:10px;background:var(--yellow);z-index:9}.skip:focus{top:12px}header{padding:30px 0;border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:14px}.mark{width:30px;height:30px;background:var(--yellow);border-radius:50%;position:relative;flex:none}.mark:after{content:'';position:absolute;inset:7px;border:1px solid var(--navy);border-radius:50%}.brand-text{font:28px/1 var(--serif);color:var(--navy)}.brand-text small{display:block;font:10px/1.5 var(--sans);letter-spacing:.24em;margin-top:7px;text-transform:uppercase}nav{display:flex;gap:32px;font-size:14px;color:var(--navy)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:84px 0 75px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;color:var(--muted);margin:0 0 27px}.eyebrow:before{content:'';display:inline-block;width:25px;height:2px;background:var(--yellow);vertical-align:middle;margin-right:12px}h1,h2,h3{font-family:var(--serif);color:var(--navy);font-weight:400}h1{font-size:clamp(54px,6.5vw,88px);line-height:1.01;letter-spacing:-.035em;margin:0 0 30px}h1 em{font-weight:400}p{margin:0 0 20px}.intro{font-size:18px;max-width:470px;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:30px;padding:13px 23px;background:var(--yellow);color:var(--navy);font-size:14px;font-weight:500;margin-top:16px}.button:hover{background:#f0cd50;text-decoration:none}.art{background:var(--navy);min-height:475px;position:relative;overflow:hidden;display:flex;align-items:center}.art svg{width:100%;height:440px}.art-label{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;border-top:1px solid #777;padding-top:12px;color:#eee;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px}.ribbon span:first-child{color:var(--navy)}section{padding:85px 0}h2{font-size:clamp(40px,4vw,56px);line-height:1.13;letter-spacing:-.025em;margin:0 0 22px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-bottom:45px}.section-head p{color:var(--muted);align-self:end;max-width:450px}.section-head .eyebrow{margin-bottom:20px}.expertise{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.area{border-top:1px solid var(--navy);padding-top:23px}.number{color:var(--muted);font-size:12px;letter-spacing:.12em}.area h3{font-size:30px;line-height:1.18;margin:20px 0}.area p{font-size:15px;color:var(--muted)}.tags{font-size:12px;color:var(--navy);border-top:1px solid var(--line);padding-top:15px;margin-top:25px}.about-bg{background:#eeece6}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.about p{color:#505050}.name{font:30px var(--serif);color:var(--navy);margin-top:35px}.role{font-size:13px;margin-top:7px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #c4ccc6;padding-top:25px;margin-top:30px}.facts strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:var(--navy);margin-bottom:10px}.facts span{font-size:14px}.contact{display:flex;justify-content:space-between;gap:40px;align-items:center}.contact h2{margin-bottom:16px}.contact p{color:var(--muted)}.contact-link{font-family:var(--serif);font-size:clamp(21px,2.6vw,30px);border-bottom:2px solid var(--yellow);padding-bottom:8px;overflow-wrap:anywhere}.contact-link:hover{text-decoration:none;border-color:var(--navy)}footer{background:var(--navy);color:var(--paper);padding:33px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-name{font:24px var(--serif)}footer small{font-size:12px;color:#c7c7c7}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:35px;padding:60px 0}.art{min-height:400px}.about{gap:45px}.contact{align-items:flex-start;flex-direction:column}.expertise{gap:24px}.section-head{gap:35px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}header{padding:22px 0}.nav{flex-wrap:wrap;gap:25px}nav{width:100%;justify-content:space-between;gap:12px}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}h1{font-size:58px}.art{min-height:300px}.art svg{height:300px}.ribbon{flex-direction:column;gap:5px;font-size:12px}section{padding:58px 0}.section-head,.expertise,.about{grid-template-columns:1fr;gap:26px}.section-head{margin-bottom:25px}.area{padding-bottom:10px}.facts{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header{position:sticky;top:0;z-index:20;background:var(--yellow);border:0;padding:20px 0}html{scroll-padding-top:140px}.brand-text{font:400 32px/1.1 var(--serif);color:white}.mark{width:46px;height:46px;overflow:hidden;background:#ffc000}.mark:after{display:none}.mark img{position:absolute;width:180%;max-width:none;left:-43%;top:-68%}.language{font:14px var(--sans);padding:8px;border:1px solid #8b6c00;background:transparent;color:#252525;border-radius:0}.nav-tools{display:flex;align-items:center;gap:24px}nav{gap:22px}.art-label{color:#eee}.videos-intro{padding:65px 0 35px}.video-row{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;padding:40px 0;border-top:1px solid var(--line);align-items:start}.player{aspect-ratio:16/9;background:#252525;display:grid;place-items:center;color:#eee}.player iframe{width:100%;height:100%;border:0}.empty-video{padding:30px;text-align:center}.empty-video span{display:block;font:46px var(--serif);color:var(--yellow);margin-bottom:15px}.video-row h2{font-size:34px}.video-row dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.video-row dt{font-size:12px;color:var(--muted)}.video-row dd{margin:4px 0;font-size:16px}.video-list{padding-top:0}.video-copy p{color:var(--muted)}@media(max-width:900px){.brand-text{font-size:27px}.nav-tools{gap:16px}}@media(max-width:650px){header{padding:14px 0}.nav{gap:16px}.brand-text{font-size:27px}.nav-tools{width:100%;justify-content:space-between}nav{width:auto}.video-row{grid-template-columns:1fr;gap:25px}.language{max-width:115px}.videos-intro{padding-top:40px}}

.video-source{font-size:14px;text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:5px}

.archive{padding-bottom:60px;min-height:70vh}.archive-cards{display:grid;gap:22px;margin:10px 0 45px}.archive-card{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:30px 0}.archive-card h2{margin:0 0 8px;font-size:42px}.archive-card p{color:var(--muted);margin:0}.archive-card>span:last-child{font-size:32px;color:#5b4b16}.archive-card:hover{text-decoration:none}.archive-card:hover h2{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:8px}.player{position:relative;aspect-ratio:var(--video-ratio,16/9);width:100%;align-self:start}.player iframe{position:absolute;inset:0;width:100%;height:100%}.video-row.vertical{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:65px}.video-copy{min-width:0}.video-row dl{grid-template-columns:1fr;gap:15px}.source-note{font-size:13px;color:var(--muted);max-width:750px}.archive .videos-intro h1{font-size:clamp(48px,6vw,80px)}@media(max-width:650px){.video-row.vertical{grid-template-columns:1fr;gap:25px}.video-row.vertical .player{max-width:420px;margin:auto}.archive-card h2{font-size:34px}}

.video-meta{margin:20px 0 26px}.video-copy .video-meta p{margin:5px 0;color:var(--ink)}.source-note{border-top:1px solid var(--line);padding-top:24px;margin-top:40px;line-height:1.7}

/* Company home */
.home-hero{padding-top:65px;padding-bottom:0}.hero-heading{max-width:980px;padding-bottom:38px}.hero-heading h1{font-size:clamp(48px,5.8vw,84px);line-height:1.03;letter-spacing:-2px;margin:18px 0 24px}.hero-heading h1 em{font-weight:400;color:#5c594d}.hero-heading>p:last-child{font-size:18px;color:var(--muted);margin:0}.hero-photo{margin:0;overflow:hidden;height:clamp(300px,41vw,590px)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block}.concise-services{padding:60px 0 70px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.service-grid article{border-top:1px solid var(--line);padding-top:22px}.service-grid h2{font-size:32px;margin:0 0 14px}.service-grid p{color:var(--muted);font-size:15px;max-width:330px}.company-section{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding:20px 0 95px}.company-section>img{width:100%;height:auto;display:block}.company-section h2{font-size:clamp(36px,4vw,54px);line-height:1.1}.company-section p:last-child{font-size:18px;color:var(--muted);line-height:1.8}.other-services{background:#ece9e1;padding:70px 0}.other-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.other-grid h2{font-size:54px;line-height:1.04;margin:18px 0 25px}.other-grid p:not(.eyebrow){color:var(--muted);max-width:430px}.text-link{display:inline-block;margin-top:15px;border-bottom:2px solid var(--yellow);padding:8px 0}.craft-preview{display:block}.craft-preview img{width:100%;height:300px;object-fit:cover;display:block}.craft-preview span{font:28px var(--serif);display:block;padding-top:16px}.compact-contact{padding:70px 0;display:flex;align-items:center;justify-content:space-between;gap:28px}.compact-contact h2{font-size:44px;margin:0}.compact-contact a{font-size:clamp(15px,2vw,22px);overflow-wrap:anywhere;border-bottom:1px solid #b79932;padding-bottom:7px}
@media(max-width:700px){.home-hero{padding-top:38px}.hero-heading h1{letter-spacing:-1px}.hero-photo{height:350px}.service-grid,.company-section,.other-grid{grid-template-columns:1fr;gap:30px}.concise-services{padding:42px 0}.company-section{padding:10px 0 55px}.other-services{padding:45px 0}.other-grid h2{font-size:44px}.compact-contact{align-items:start;flex-direction:column;padding:45px 0}.company-section p:last-child{font-size:16px}.service-grid p{max-width:none}}

/* Draft 25 September 2026: services and selected photographs */
.hero-photo{height:auto;aspect-ratio:16/9}.hero-photo img{object-position:center}
.services-heading{font-size:clamp(36px,4vw,52px);margin-bottom:38px;max-width:760px}
.service-grid{gap:42px 36px}.service-grid article{display:flex;flex-direction:column;min-width:0;border-top:2px solid var(--yellow)}
.service-grid h3{font-size:31px;line-height:1.12;margin:0 0 15px;letter-spacing:-.02em}.service-grid p{max-width:none}
.service-grid details{margin-top:auto;font-size:14px}.service-grid summary{list-style:none;cursor:pointer;padding:9px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.service-grid summary::-webkit-details-marker{display:none}.service-grid summary span{font-size:24px;line-height:1}.service-grid details[open] summary span{transform:rotate(45deg)}.service-grid summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.service-grid ul{padding-left:18px;margin:18px 0 0;color:var(--muted)}.service-grid li{margin-bottom:12px}.service-scope{margin:38px 0 0;font-size:14px;color:var(--muted);max-width:780px}
.company-section{grid-template-columns:1.15fr 1fr;gap:65px;padding-top:25px}.operations-pair{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;align-items:start}.operations-pair img{display:block;width:100%;height:350px;object-fit:cover}.operations-pair img:first-child{margin-top:42px;object-position:48% center}.operations-pair img:last-child{object-position:50% center}
@media(max-width:1000px) and (min-width:701px){.service-grid{grid-template-columns:repeat(2,1fr)}.company-section{gap:30px}.operations-pair img{height:280px}}
@media(max-width:700px){.service-grid{grid-template-columns:1fr;gap:28px}.hero-photo{aspect-ratio:4/3}.hero-photo img{object-position:48% center}.company-section{grid-template-columns:1fr;gap:35px}.operations-pair img{height:300px}.services-heading{margin-bottom:28px}.service-grid h3{font-size:30px}}

/* Visual services: pointer hover and keyboard focus, always open on touch */
.visual-services{gap:38px 28px;align-items:start}
.visual-services .service-card{padding:0;border:0;display:block;outline:none}
.service-photo{margin:0 0 22px;aspect-ratio:4/3;overflow:hidden;background:#dedbd2}
.service-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.service-body{border-top:2px solid var(--yellow);padding-top:19px}
.visual-services .service-card h3{font-size:30px}.visual-services .service-card p{margin-bottom:0}
.service-detail{display:grid;grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .25s ease,opacity .2s ease}
.service-detail>div{overflow:hidden;min-height:0}.service-detail ul{padding-left:18px;margin:18px 0 0;font-size:14px;color:var(--muted)}.service-detail li{margin-bottom:12px}
@media(hover:hover) and (pointer:fine){.service-detail{grid-template-rows:0fr;opacity:0;visibility:hidden}.service-card:hover .service-detail,.service-card:focus-within .service-detail{grid-template-rows:1fr;opacity:1;visibility:visible}.service-card:hover .service-photo img{transform:scale(1.025)}}
.service-card:focus-visible{outline:2px solid var(--ink);outline-offset:8px}
@media(max-width:700px){.service-detail{grid-template-rows:1fr!important;opacity:1!important;visibility:visible!important}.service-photo{aspect-ratio:16/10}.visual-services{gap:40px}}
@media(prefers-reduced-motion:reduce){.service-detail,.service-photo img{transition:none}}

/* Daniel's typographic preference: use the font's ligatures, not Unicode replacements. */
html body, html body * {
  font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
  font-feature-settings: "liga" 1, "clig" 1, "dlig" 1, "calt" 1;
  font-kerning: normal;
}
/* Nonzero tracking can suppress ligatures in browsers. Preserve natural serif spacing. */
html body :is(h1,h2,h3,h4,h5,h6,.brand-text) { letter-spacing: normal; }

/* Draft: quiet invitation to Manufactura, after the engineering contact section. */
.home-manufactura{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:64px;align-items:center;border-top:1px solid var(--line);padding-top:38px;padding-bottom:48px;margin-top:12px}
.home-manufactura-copy:before{content:"";display:block;width:42px;height:2px;background:var(--yellow);margin-bottom:20px}
.home-manufactura h2{font:400 clamp(30px,3.2vw,42px)/1.13 var(--serif);margin:0 0 14px}
.home-manufactura p{font-size:16px;line-height:1.7;color:var(--muted);max-width:580px;margin:0 0 19px}
.home-manufactura-link{font-size:14px;display:inline-flex;gap:18px;align-items:center;text-decoration:underline;text-decoration-color:#c3b57d;text-underline-offset:5px}
.home-manufactura-link:hover{text-decoration-color:var(--ink)}
.home-manufactura-image{display:block;overflow:hidden}.home-manufactura-image img{display:block;width:100%;height:auto}
@media(max-width:650px){.home-manufactura{grid-template-columns:minmax(0,1fr) 110px;gap:24px;padding-top:30px;padding-bottom:34px;align-items:start}.home-manufactura h2{font-size:30px}.home-manufactura p{font-size:14px}.home-manufactura-link{font-size:13px;gap:8px}.home-manufactura-image{margin-top:22px}}
@media(max-width:420px){.home-manufactura{grid-template-columns:1fr}.home-manufactura-image{width:140px;margin-top:0}.home-manufactura-copy{max-width:100%}}

/* A quiet three-image invitation. */
.home-manufactura{grid-template-columns:minmax(0,1fr) auto;gap:36px}.home-manufactura-images{display:flex;gap:12px}.home-manufactura-images .home-manufactura-image{width:112px;height:112px;margin:0;background:#eeeae1}.home-manufactura-images img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.home-manufactura-images a:hover img{transform:scale(1.04)}
@media(max-width:900px){.home-manufactura{grid-template-columns:1fr}.home-manufactura-images .home-manufactura-image{width:100px;height:100px}}@media(max-width:390px){.home-manufactura-images{gap:8px}.home-manufactura-images .home-manufactura-image{width:88px;height:88px}}@media(prefers-reduced-motion:reduce){.home-manufactura-images img{transition:none}}

.home-manufactura-images .home-cim-crop{transform:scale(1.65);object-position:50% 43%}.home-manufactura-images a:hover .home-cim-crop{transform:scale(1.7)}

/* Keep the Manufactura invitation in the paragraph flow. */
.home-manufactura-copy p{margin-bottom:0;max-width:100%}.home-manufactura-copy .home-manufactura-link{display:inline;white-space:normal;margin-left:.25em}.home-manufactura-link span{white-space:nowrap}

/* 02/10/2026: hero em formato banner, faixa de contato grafite e linha legal. */
.hero-photo{aspect-ratio:5/2}.hero-photo img{object-position:50% 52%}
@media(max-width:700px){.hero-photo{aspect-ratio:16/9}}
.contact-band{background:var(--navy);color:var(--paper);padding:96px 0 0}
.contact-band>.wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px 48px}
.contact-band h2{color:#fff;font-size:clamp(44px,5vw,72px);line-height:1.05;margin:0}
.contact-band-mail{font-family:var(--serif);font-size:clamp(24px,3.4vw,44px);line-height:1.2;color:#fff;border-bottom:2px solid var(--yellow);padding-bottom:6px;overflow-wrap:anywhere}
.contact-band-mail:hover{text-decoration:none;border-color:#fff}
.contact-band a:focus-visible,footer a:focus-visible{outline-color:var(--yellow)}
.legal-line{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:0;padding:88px 16px 30px;font-family:var(--ui-sans);font-size:14px;line-height:1.5;color:#a9a9a9;text-align:center}
.legal-line a{color:#d6d6d6}.legal-line a:hover{color:#fff}
footer small a{color:inherit;text-decoration:underline;text-decoration-color:#777;text-underline-offset:4px}footer small a:hover{color:#fff}
@media(max-width:700px){.contact-band{padding-top:64px}.contact-band>.wrap{flex-direction:column;align-items:flex-start}.legal-line{padding-top:64px;font-size:13px}}

/* Páginas Impressum e Datenschutzerklärung. */
.legal{padding:72px 0 104px}.legal-body{max-width:760px}
.legal h1{font-size:clamp(44px,5vw,68px);line-height:1.05;margin:0 0 26px}
.legal-note{font-size:16px;color:var(--muted);border-left:2px solid var(--yellow);padding-left:16px;margin:0 0 36px}
.legal section{padding:26px 0 0;border-top:1px solid var(--line);margin-top:26px}
.legal h2{font-size:28px;line-height:1.2;margin:0 0 12px}
.legal p{font-size:18px;line-height:1.65;margin:0 0 14px;overflow-wrap:anywhere}
.legal a{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:4px}
.legal code{font-size:.9em;background:#ece9e1;padding:1px 5px}
.legal-todo{background:var(--yellow);color:var(--navy);padding:0 5px}
@media(max-width:700px){.legal{padding:44px 0 72px}.legal h1{font-size:38px;hyphens:auto;overflow-wrap:break-word}.legal h2{font-size:24px}.legal p{font-size:17px}}
