@font-face{font-family:Newsreader;src:url('Newsreader-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
    @font-face{font-family:Newsreader;src:url('Newsreader-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
    @font-face{font-family:Inter;src:url('Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
    @font-face{font-family:Inter;src:url('Inter-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
    :root{--pergament:#F6F3EC;--tinte:#16203A;--nachtblau:#2C3A5C;--messing:#B07C2C;--graphit:#62676D}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--pergament);color:var(--tinte);font:16px/1.65 Inter, sans-serif;-webkit-font-smoothing:antialiased}
    a{color:inherit}
    a:focus-visible{outline:3px solid var(--messing);outline-offset:4px}
    .shell{width:min(100% - 48px,1080px);margin-inline:auto}
    .site-header{border-bottom:1px solid rgba(22,32,58,.16)}
    .header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:32px}
    .brand{display:inline-flex;align-items:center;text-decoration:none}
    .brand img{display:block;width:192px;height:auto}
    .site-nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600;letter-spacing:.02em}
    .site-nav a{text-decoration:none}
    .site-nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
    .hero{padding:68px 0 76px}
    .hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:72px;align-items:center}
    .hero-visual img{display:block;width:100%;max-width:370px;height:auto;margin-left:auto}
    .hero-accent{display:block;width:94px;height:5px;background:var(--messing);margin-bottom:29px}
    .eyebrow{display:block;color:var(--graphit);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{font-family:Newsreader, serif;font-weight:600}
    .hero h2{font-size:clamp(48px,5vw,66px);line-height:1.04;letter-spacing:-.04em;margin:25px 0 26px;max-width:700px}
    .hero-copy{font-size:18px;line-height:1.65;color:var(--nachtblau);max-width:600px;margin-bottom:0}
    .about{background:var(--tinte);color:var(--pergament);padding:74px 0 78px}
    .about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;align-items:center}
    .about .eyebrow{color:var(--pergament)}
    h2{font-size:clamp(39px,4.8vw,62px);line-height:1.07;letter-spacing:-.035em;margin:23px 0 0;max-width:400px}
    .about h2::after{content:"";display:block;width:72px;height:4px;background:var(--messing);margin-top:31px}
    .about-copy{font-size:16px;line-height:1.75;border-left:3px solid var(--messing);padding-left:30px;max-width:510px}
    .about-copy .about-lead{font-family:Newsreader, serif;font-size:clamp(25px,2.6vw,32px);font-weight:600;line-height:1.27;letter-spacing:-.02em;margin-bottom:22px}
    .about-copy p{margin-bottom:22px}
    .about-copy p:last-child{margin-bottom:0}
    .principles{padding:96px 0 103px;border-bottom:1px solid rgba(22,32,58,.16)}
    .principles h2{max-width:720px;margin-bottom:49px}
    .principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
    .principle{border-top:1px solid var(--tinte);padding-top:25px}
    .principle-number{display:block;color:var(--messing);font-family:Newsreader, serif;font-size:40px;line-height:1;margin-bottom:26px}
    .principle h3{font-size:27px;line-height:1.2;margin-bottom:13px}
    .principle p{color:var(--graphit);font-size:15px;line-height:1.75;margin-bottom:0}
    .products{background:var(--tinte);color:var(--pergament);padding:84px 0 110px}
    .products .shell{width:min(86%,1000px)}
    .products-title{font-size:clamp(52px,5.3vw,72px);line-height:1.04;letter-spacing:-.04em;margin:0 0 32px;color:var(--pergament)}
    .products-title::before{content:"";display:block;width:100px;height:5px;background:var(--messing);margin-bottom:25px}
    .product-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);background:#fff;border:1px solid rgba(22,32,58,.18);border-top:4px solid #3C4F41;color:var(--tinte);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
    .product-card:hover{border-color:#3C4F41;transform:translateY(-2px);box-shadow:0 12px 32px rgba(22,32,58,.08)}
    .product-copy{padding:50px 52px 54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
    .product-tags{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--graphit)}
    .product-tags .new{color:#fff;background:#3C4F41;border-radius:2px;padding:4px 8px}
    .product-card h2{font-size:clamp(36px,3.6vw,48px);line-height:1.1;letter-spacing:-.03em;margin:29px 0 22px;color:#2B2622;max-width:none}
    .product-card p{color:#5B564F;max-width:530px;font-size:17px;line-height:1.7;margin-bottom:27px}
    .product-meta{display:block;color:#5B564F;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px}
    .product-link{display:inline-flex;align-items:center;background:#3C4F41;color:#fff;padding:13px 20px;border-radius:2px;font-size:14px;font-weight:600}
    .product-art{background:#F7F7F2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;min-height:480px}
    .product-art img{display:block;width:min(100%,275px);height:auto;box-shadow:0 15px 35px rgba(43,38,34,.14)}
    .product-art-caption{color:#5B564F;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-top:20px}
    .product-preview{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);gap:43px;align-items:center;border-top:1px solid #DEDACB;padding:35px 48px 39px;background:#fff}
    .product-preview h3{font-size:30px;line-height:1.15;margin:0 0 12px;color:#2B2622}
    .product-preview p{font-size:14px;line-height:1.65;margin:0;color:#5B564F}
    .product-preview img{display:block;width:100%;height:auto;border:1px solid #DEDACB}
    .site-footer{border-top:1px solid rgba(22,32,58,.16);padding:30px 0 42px}
    .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--graphit);font-size:13px}
    .footer-identity{display:flex;align-items:center;gap:12px}
    .footer-identity img{width:24px;height:24px}
    .footer-links{display:flex;gap:24px}
    .footer-links a{text-decoration:none}
    @media(max-width:1100px){.product-preview{grid-template-columns:1fr}.product-preview h3{max-width:650px}}
    @media(max-width:920px){.hero-grid,.about-grid{grid-template-columns:1fr;gap:36px}.hero-visual{display:none}}
    @media(max-width:760px){.shell{width:min(100% - 36px,1080px)}.products .shell{width:min(100% - 36px,1000px)}.header-inner{min-height:80px}.brand img{width:158px}.site-nav{gap:16px;font-size:12px}.hero{padding:63px 0 69px}.about{padding:73px 0 78px}.about-copy{padding-left:22px}.principles{padding:77px 0 84px}.principles-grid{grid-template-columns:1fr;gap:34px}.principle-number{margin-bottom:14px}.products{padding:53px 0 69px}.product-card{grid-template-columns:1fr}.product-copy{padding:42px 37px 46px}.product-art{min-height:420px}.product-art img{width:min(100%,250px)}.product-preview{grid-template-columns:1fr;gap:23px;padding:31px 37px 37px}.footer-inner{align-items:start;flex-direction:column}}
    @media(max-width:440px){.site-nav a:last-child{display:none}.hero{padding-top:61px}.hero h2{font-size:40px}.hero-copy{font-size:16px}.about h2,.principles h2{font-size:36px}.products-title{font-size:36px}.product-card h2{font-size:32px}.product-preview h3{font-size:26px}.product-copy{padding:32px 27px 36px}.product-art{padding:24px}.product-preview{padding:27px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card{transition:none}}