@charset "UTF-8";
:root{--ink:#141718;--muted:#62696d;--line:#dce0e2;--paper:#fff;--soft:#f3f5f5;--accent:#e4fb58;--blue:#deeaf4;--width:1240px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.06}h1,h2{font-weight:900;letter-spacing:-.05em}h2{font-size:clamp(2.1rem,4.5vw,3.65rem)}h3{font-size:1.35rem;letter-spacing:-.025em}p+p{margin-top:1rem}p{max-width:70ch}.wrap{width:min(var(--width),calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);padding:10px 20px}.skip:focus{top:12px}:focus-visible{outline:3px solid #1866af;outline-offset:5px}.topline{background:var(--ink);color:white;font-size:.875rem}.topline .wrap{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topline a{text-decoration:none}.top-contact{display:flex;gap:18px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;min-height:89px;gap:22px}.brand{display:grid;text-decoration:none;line-height:1;flex-shrink:0}.brand strong{font-size:1.45rem;letter-spacing:-.07em;font-weight:900}.brand small{font-size:.875rem;letter-spacing:.26em;margin-top:7px}.brand small:before{content:"";display:inline-block;width:29px;height:8px;background:var(--accent);margin-right:8px}.nav{display:flex;align-items:center;gap:25px}.nav a{text-decoration:none;font-size:.9375rem;font-weight:600;padding:8px 0}.nav a[aria-current=page]{box-shadow:0 3px 0 var(--ink)}.nav .btn{padding:12px 18px;font-size:.9375rem}.menu{display:none;border:1px solid var(--ink);background:white;padding:8px 15px}.btn{display:inline-flex;gap:22px;align-items:center;justify-content:center;text-decoration:none;background:var(--ink);color:#fff;border:1px solid var(--ink);font-weight:700;padding:15px 24px;line-height:1.4;border-radius:0}.btn:hover{background:#343b3e;color:white}.btn.accent{background:var(--accent);color:var(--ink);border-color:var(--accent)}.btn.accent:hover{background:#d5ef3b}.btn.outline{background:transparent;color:var(--ink)}.btn.outline:hover{background:var(--soft)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.eyebrow{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;align-items:stretch;padding:0;gap:0}.hero-content{padding:52px 48px 52px 0;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(2.6rem,4vw,4rem);line-height:.98;text-transform:uppercase;letter-spacing:-.04em;margin:0 0 1.2rem}.hero-sub{font-size:1rem;color:var(--muted);margin:0 0 2.2rem;line-height:1.5}.hero-paths{display:flex;flex-direction:column;gap:.65rem}.hero-path{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;border:1px solid var(--line);border-radius:3px;text-decoration:none;color:var(--ink);background:var(--soft);transition:border-color .15s,box-shadow .15s}.hero-path:hover{border-color:var(--ink);box-shadow:0 2px 10px rgba(20,23,24,.09)}.hero-path-label{display:flex;flex-direction:column;gap:.25rem}.hero-path strong{font-size:1rem;font-weight:800;line-height:1.2}.hero-path-desc{font-size:.85rem;color:var(--muted)}.hero-path-cta{font-weight:700;font-size:.875rem;white-space:nowrap;flex-shrink:0;color:var(--ink)}.hero-path--accent{background:var(--ink);color:#fff;border-color:var(--ink)}.hero-path--accent .hero-path-desc{color:rgba(255,255,255,.55)}.hero-path--accent .hero-path-cta{color:var(--accent)}.hero-visual{background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:contain;padding:20px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:21px;gap:30px}.benefits div{font-size:.9375rem;display:flex;align-items:center;gap:12px}.benefits span{font-size:.875rem;color:var(--muted);font-weight:700}.section{padding-block:84px}.section.soft{background:var(--soft)}.section-intro{margin-bottom:48px}.section-intro h2{font-size:clamp(1.8rem,3.5vw,2.8rem);margin:12px 0 20px}.section-lead{font-size:1.05rem;color:var(--muted);max-width:680px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.section-heading p{color:var(--muted);max-width:380px}.section-heading .eyebrow{color:var(--ink)}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{text-decoration:none;display:block}.service-card .picture{background:#ebeff0;overflow:hidden;aspect-ratio:1.5}.service-card img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .25s}.service-card:hover img{transform:scale(1.025)}.service-card h3{margin-top:22px;margin-bottom:10px;display:flex;justify-content:space-between;gap:12px}.service-card p{color:var(--muted);font-size:.9375rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-photo{background:#e9edef;position:relative;padding:35px;min-height:420px;display:flex;align-items:center;justify-content:center}.feature-photo img{height:355px;width:auto;object-fit:contain;mix-blend-mode:multiply}.feature-photo .photo-label{position:absolute;bottom:18px;left:24px;font-size:.875rem;font-weight:700}.text-block h2{margin-bottom:24px}.text-block p{color:var(--muted)}.number-list{list-style:none;margin:32px 0 0;padding:0}.number-list li{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:23px 0;border-top:1px solid var(--line)}.number-list b{font-size:1.1rem}.number-list span{color:var(--muted);font-size:.875rem}.number-list p{font-size:.9375rem;margin-top:6px}.tech-card{padding:30px;border:1px solid var(--line);background:white;display:flex;flex-direction:column;gap:18px}.tech-card .tag{font-size:.875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tech-card h3{font-size:1.75rem}.tech-card p{color:var(--muted)}.tech-card a{margin-top:auto;font-weight:700}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product{text-decoration:none;display:block;min-width:0}.product .product-picture{position:relative;aspect-ratio:.87;background:var(--soft);padding:24px;display:flex;align-items:center;justify-content:center}.product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.product:hover img{transform:translateY(-5px)}.product .product-label{position:absolute;top:13px;left:14px;font-size:.875rem;background:white;padding:3px 9px}.product .maker{margin-top:16px;font-size:.875rem;color:var(--muted)}.product h3{margin-top:6px;font-size:1.2rem;line-height:1.2}.product .product-meta{color:var(--muted);font-size:.875rem;margin-top:9px}.product[hidden]{display:none}.callout{background:var(--ink);color:white;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:48px;margin-top:55px}.callout h2{font-size:clamp(2rem,3.5vw,3rem)}.callout p{color:#c9cdd0;margin-top:16px}.footer{background:#edf0f1;padding-top:57px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px;padding-bottom:45px}.footer h3{font-size:1rem;margin-bottom:18px}.footer .brand{display:inline-grid;margin-bottom:22px}.footer p{font-size:.9375rem;color:#52595c}.footer nav a{display:block;font-size:.9375rem;margin:9px 0;text-decoration:none}.footer nav a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #cdd3d6;padding-block:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.875rem;color:#52595c}.page-head{padding:45px 0 42px}.breadcrumb{font-size:.875rem;color:var(--muted);margin-bottom:30px}.page-head h1{font-size:clamp(2.8rem,6vw,5rem);max-width:1000px;text-transform:uppercase}.page-head .lead{font-size:1.125rem;color:var(--muted);margin-top:24px;max-width:760px}.page-content{padding-bottom:80px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-block:1px solid var(--line);padding:18px 0;margin-bottom:32px}.filters button{padding:9px 19px;background:white;border:1px solid var(--line);font-weight:700;font-size:.9375rem}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.filters .count{margin-left:auto;color:var(--muted);font-size:.875rem}.notice{border-left:3px solid var(--ink);padding:14px 20px;background:var(--soft);font-size:.9375rem;margin:25px 0;color:#4c555a}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start}.detail-image{background:var(--soft);height:530px;padding:50px;display:flex;align-items:center;justify-content:center}.detail-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.detail-copy h1{font-size:clamp(2.6rem,5vw,4rem);margin:12px 0 26px}.detail-copy p{color:var(--muted)}.detail-copy dl{margin:28px 0}.detail-copy dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line)}.detail-copy dd{margin:0;font-weight:700}.detail-copy dt{color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:55px;align-items:start}.prose h2{font-size:2rem;letter-spacing:-.035em;margin:34px 0 20px}.prose h3{margin:28px 0 14px}.prose p{color:#50595d}.prose img{max-height:720px;width:auto;margin:28px auto;object-fit:contain}.prose ul{padding-left:22px}.side-panel{background:var(--soft);padding:32px}.side-panel h2{font-size:1.8rem;margin-bottom:20px}.side-panel p{font-size:.9375rem;color:var(--muted)}.side-panel .btn{margin-top:25px}.table-wrap{overflow-x:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:550px;text-align:left}caption{text-align:left;padding:18px 22px;font-weight:700;background:var(--soft)}th,td{padding:18px 22px;border-bottom:1px solid var(--line)}thead{background:var(--ink);color:white}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#f8f9f9}.faq{margin-top:36px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{font-weight:700;cursor:pointer;padding-right:20px}.faq p{margin-top:14px;color:var(--muted)}.request-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:60px;align-items:start}.request-form fieldset{padding:0;margin:0 0 36px;border:0;min-width:0}.request-form legend{font-weight:700;font-size:1.3rem;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px;width:100%}.request-form label{display:block;font-size:.9375rem;font-weight:700;margin-bottom:17px}.request-form input:not([type=checkbox]),.request-form select,.request-form textarea{display:block;width:100%;min-width:0;padding:13px 14px;background:white;border:1px solid #aab2b6;border-radius:0;margin-top:7px;color:var(--ink)}.request-form textarea{min-height:110px;resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.request-form .checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.request-form .checks label{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:12px;margin:0;font-weight:400}.request-form input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink)}.request-form .help{font-size:.875rem;color:var(--muted);margin-top:16px}.summary-panel{background:var(--soft);padding:30px}.summary-panel h2{font-size:1.7rem;margin-bottom:20px}.summary-panel .summary-text{white-space:pre-wrap;font-size:.9375rem;color:#475158}.summary-panel .actions{flex-direction:column;align-items:stretch}.summary-panel .btn{font-size:.9375rem;padding:13px 17px}.summary-panel .status{font-size:.875rem;margin-top:16px}.source-note{font-size:.875rem;color:var(--muted);margin-top:24px}.empty{padding:30px;background:var(--soft)}[hidden]{display:none!important}
@media(min-width:1400px){.hero-visual img{max-height:560px}}
@media(max-width:1050px){.nav{gap:16px}.nav a{font-size:.875rem}.nav-row{gap:18px}.wrap{width:calc(100% - 44px)}.hero-content{padding-right:32px}.hero h1{font-size:clamp(2.4rem,3.5vw,3.2rem)}.split{gap:35px}.products{gap:16px}.request-layout{gap:30px}}
@media(max-width:850px){.menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 24px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px}.nav.is-open{display:flex}.nav a{font-size:1rem;padding:10px 4px}.nav-row{min-height:78px}.hero{grid-template-columns:1fr;min-height:0}.hero-content{padding:40px 0 0}.hero-visual{min-height:340px}.section{padding-block:60px}.grid3{gap:16px}.section-intro{margin-bottom:48px}.section-intro h2{font-size:clamp(1.8rem,3.5vw,2.8rem);margin:12px 0 20px}.section-lead{font-size:1.05rem;color:var(--muted);max-width:680px}.section-heading{align-items:start}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:30px}.request-layout,.detail-layout,.content-grid{grid-template-columns:1fr}.detail-image{height:450px}.detail-copy{max-width:650px}.summary-panel{position:static}.benefits{gap:16px}.callout{padding:32px;gap:25px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.topline .wrap{font-size:.8125rem;min-height:32px}.topline .top-contact{display:none}.brand strong{font-size:1.3rem}.hero{grid-template-columns:1fr}.hero-visual{min-height:280px}.hero-visual img{max-height:270px}.benefits{grid-template-columns:1fr;gap:12px;padding-block:20px}.section{padding-block:48px}.section-intro{margin-bottom:48px}.section-intro h2{font-size:clamp(1.8rem,3.5vw,2.8rem);margin:12px 0 20px}.section-lead{font-size:1.05rem;color:var(--muted);max-width:680px}.section-heading{display:block}.section-heading p{margin-top:18px}.section-heading .eyebrow{margin-top:0}.grid3,.split{grid-template-columns:1fr}.grid3{gap:32px}.service-card .picture{aspect-ratio:1.55}.split{gap:32px}.feature-photo{min-height:340px}.feature-photo img{height:285px}.tech-card{gap:17px;padding:26px}.callout{grid-template-columns:1fr;padding:28px;margin-top:35px}.callout .btn{justify-self:start}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer{padding-top:40px}.footer-bottom{font-size:.8125rem}.section-heading a{display:inline-block;margin-top:16px}.page-head{padding-top:25px}.page-head h1{font-size:clamp(2.5rem,10vw,3.5rem);overflow-wrap:break-word}.breadcrumb{margin-bottom:24px}.products{gap:25px 14px}.product .product-picture{padding:26px 12px 16px}.product .product-label{font-size:.75rem;top:8px;left:8px}.product h3{font-size:1.1rem}.product .maker,.product .product-meta{font-size:.875rem}.filters{gap:8px}.filters button{padding:8px 13px}.filters .count{width:100%;margin-left:0}.detail-image{height:390px;padding:35px}.field-pair,.request-form .checks{grid-template-columns:1fr}.request-form .checks{gap:9px}.actions .btn{max-width:100%}.summary-panel,.side-panel{padding:24px}.eyebrow{letter-spacing:.08em}.page-content{padding-bottom:48px}.content-grid,.detail-layout,.request-layout{gap:32px}.table-wrap{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* ===== Konfigurator ===== */
/* Textile bar */
.conf-bar{display:flex;gap:12px;align-items:flex-end;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:16px 20px;margin-bottom:14px;flex-wrap:wrap}
.conf-bar-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.conf-bar-field--qty{flex-shrink:0}
.conf-bar-field--grow{flex:1;min-width:160px}
.conf-bar-label{font-size:.8125rem;font-weight:700;color:var(--muted);letter-spacing:.01em}
.conf-optional{font-weight:400;color:var(--muted)}
.conf-required{color:#c0392b}
.conf-qty-wrap{display:flex;align-items:center;gap:6px}
.conf-qty-unit{font-size:.875rem;color:var(--muted);white-space:nowrap}
/* Shared inputs */
.conf-select,.conf-input,.conf-textarea{display:block;width:100%;padding:9px 12px;border:1px solid #c8d3db;border-radius:6px;background:white;color:var(--ink);font:inherit;font-size:.9rem;min-width:0;transition:border-color .15s,box-shadow .15s}
.conf-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2362696d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:15px;padding-right:34px;cursor:pointer}
.conf-select:focus,.conf-input:focus,.conf-textarea:focus{outline:none;border-color:#8aaa00;box-shadow:0 0 0 3px rgba(138,170,0,.15)}
.conf-input--qty{width:70px}
.conf-textarea{min-height:80px;resize:vertical}
/* Header (4 selects) */
.conf-header{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.conf-header-field{display:flex;flex-direction:column;gap:5px}
.conf-header-label{font-size:.8125rem;font-weight:700;color:var(--muted)}
/* Mobile tabs */
.conf-tabs{display:none;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:12px}
.conf-tab{flex:1;padding:11px 16px;border:0;background:white;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;color:var(--muted);transition:background .15s,color .15s}
.conf-tab.is-active{background:var(--ink);color:white}
/* 3-column grid */
.conf-grid{display:grid;grid-template-columns:1fr 310px 1fr;gap:14px;align-items:start;margin-bottom:32px}
.conf-col{min-width:0}
/* Sections within column */
.conf-section{margin-bottom:18px}
.conf-section-title{font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:7px;margin:0 0 10px}
/* Cards */
.conf-cards{display:flex;flex-direction:column;gap:6px}
.conf-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;background:white;user-select:none;transition:border-color .15s,background .15s,box-shadow .15s;margin:0;position:relative}
.conf-card:hover{border-color:#b0bec5}
.conf-card input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.conf-card-check{width:20px;height:20px;border:2px solid #c8d3db;border-radius:5px;flex-shrink:0;display:grid;place-items:center;transition:background .15s,border-color .15s}
.conf-card-check svg{display:block;opacity:0;color:var(--ink);transition:opacity .15s}
.conf-card:has(input[type=checkbox]:checked){border-color:#8aaa00;background:#f7fde8;box-shadow:0 0 0 2px rgba(138,170,0,.18)}
.conf-card:has(input[type=checkbox]:checked) .conf-card-check{background:var(--accent);border-color:#8aaa00}
.conf-card:has(input[type=checkbox]:checked) .conf-card-check svg{opacity:1;color:#2a4000}
.conf-card-name{flex:1;font-size:.875rem;font-weight:600;line-height:1.2}
.conf-card-price{font-size:.8125rem;color:var(--muted);font-weight:600;white-space:nowrap}
.conf-card:has(input[type=checkbox]:checked) .conf-card-price{color:var(--ink)}
.conf-card-price--inquiry{font-style:italic;font-weight:400}
/* SVG center column */
.conf-col--center{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:16px 12px}
.conf-svg{width:100%;max-width:290px;height:auto}
.conf-svg-hint{font-size:.75rem;color:var(--muted);text-align:center;margin:0}
/* SVG zones */
.conf-zone{fill:transparent;stroke:#c8d5df;stroke-width:1.5;stroke-dasharray:4,3;cursor:pointer;transition:fill .15s,stroke .15s,stroke-dasharray .15s}
.conf-zone:hover{fill:rgba(228,251,88,.25);stroke:#9abb00}
.conf-zone.is-active{fill:rgba(228,251,88,.6);stroke:#7a9e00;stroke-width:2;stroke-dasharray:0}
/* Sum box */
.conf-sum-box{margin-top:auto;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:8px}
.conf-sum-label{font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.conf-sum-value{font-size:2.1rem;font-weight:900;color:var(--ink);line-height:1.1;margin:4px 0 2px}
.conf-sum-note{font-size:.8rem;color:var(--muted)}
.conf-sum-sep{border-top:1px solid var(--line);margin:14px 0}
.conf-sum-gesamt{font-size:1.55rem;font-weight:900;color:var(--ink);line-height:1.1;margin:4px 0 2px;letter-spacing:-.03em}
.conf-sum-link{display:inline-block;font-size:.8125rem;font-weight:700;margin-top:12px;color:var(--ink)}
/* Mobile footer */
.conf-mobile-footer{display:none;position:sticky;bottom:0;left:0;right:0;z-index:20;background:var(--ink);color:white;padding:12px 20px;align-items:center;justify-content:space-between;box-shadow:0 -2px 12px rgba(0,0,0,.2)}
.conf-mobile-sum{font-size:.9375rem}.conf-mobile-sum strong{font-size:1.1rem}
.conf-mobile-note{font-size:.8rem;opacity:.6}
/* Contact section */
.conf-contact{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:28px 28px 24px;margin-bottom:32px}
.conf-contact-title{font-size:1.1rem;font-weight:900;letter-spacing:-.02em;margin:0 0 20px}
.conf-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.conf-contact-full{grid-column:1/-1}
.conf-contact label{display:flex;flex-direction:column;gap:5px;font-size:.875rem;font-weight:700}
.conf-submit{font-size:1rem;padding:15px 28px}
.conf-help{font-size:.8125rem;color:var(--muted);margin-top:12px}
.conf-input-file{padding:6px 10px;cursor:pointer}
.conf-input-file::file-selector-button{padding:5px 12px;margin-right:10px;border:1px solid #c8d3db;border-radius:5px;background:var(--soft);color:var(--ink);font:inherit;font-size:.85rem;cursor:pointer;transition:background .15s}
.conf-input-file::file-selector-button:hover{background:#e8ecee}
.conf-help-inline{display:block;font-size:.8rem;color:var(--muted);margin-top:3px;font-weight:400}
/* Summary */
.conf-summary-wrap{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:32px;margin-bottom:40px}
.conf-summary-title{font-size:1.5rem;font-weight:900;margin:0 0 18px}
.conf-summary-wrap .summary-text{white-space:pre-wrap;font-size:.9rem;color:#475158;background:white;border:1px solid var(--line);padding:16px;border-radius:6px;max-width:100%}
.conf-summary-wrap .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.conf-summary-wrap .btn{font-size:.9rem;padding:11px 18px}
.conf-summary-wrap .status{font-size:.875rem;margin-top:14px;color:var(--muted)}
/* Tab panel hide */
.conf-tab-panel.is-hidden{display:none}
/* Responsive */
@media(max-width:1100px){.conf-grid{grid-template-columns:1fr 280px 1fr;gap:12px}}
@media(max-width:900px){
 .conf-header{grid-template-columns:1fr 1fr}
 .conf-tabs{display:flex}
 .conf-grid{grid-template-columns:1fr;gap:0;margin-bottom:8px}
 .conf-col--center{order:-1;border-radius:0;border-left:0;border-right:0;border-top:0;margin-bottom:0}
 .conf-col--left,.conf-col--right{background:white;border:1px solid var(--line);border-top:0;padding:16px;border-radius:0}
 .conf-col--right{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:16px}
 .conf-section{margin-bottom:14px}
 .conf-mobile-footer{display:flex}
 .conf-contact{padding:20px}
 .conf-contact-grid{grid-template-columns:1fr}
 .conf-sum-box{margin-top:16px}
}
@media(max-width:600px){
 .conf-bar{flex-direction:column;gap:10px}
 .conf-bar-field--grow{min-width:0;width:100%}
 .conf-header{grid-template-columns:1fr 1fr}
 .conf-svg{max-width:260px}
}
@media(max-width:420px){.conf-header{grid-template-columns:1fr}}
/* Navigation: Dropdown „Druckverfahren“ */
.nav-group{position:relative}
.nav-trigger{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:.9375rem;font-weight:600;color:inherit;background:none;border:0;padding:8px 0;cursor:pointer}
.nav-trigger[data-current]{box-shadow:0 3px 0 var(--ink)}
.nav-caret{transition:transform .15s}
.nav-group.is-open .nav-caret{transform:rotate(180deg)}
.nav-sub{display:none;position:absolute;top:100%;left:-14px;min-width:190px;padding:8px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 26px rgba(20,23,24,.12);z-index:40}
.nav-group:hover .nav-sub,.nav-group.is-open .nav-sub{display:block}
.nav .nav-sub a{display:block;padding:9px 12px;font-size:.9375rem;white-space:nowrap}
.nav .nav-sub a:hover{background:var(--soft)}
.nav .nav-sub a[aria-current=page]{box-shadow:none;font-weight:800}
@media(max-width:850px){
  .nav-trigger{font-size:1rem;padding:10px 4px;width:100%}
  .nav-caret{display:none}
  .nav-sub{display:block;position:static;min-width:0;padding:0 0 0 14px;border:0;box-shadow:none}
  .nav .nav-sub a{font-size:1rem;padding:10px 4px}
}
@media(max-width:600px){
  .hero h1{font-size:clamp(1.6rem,8vw,2.4rem);line-height:1;letter-spacing:-.035em;margin-bottom:1rem}
}

/* ===== Typografie & Spacing (global, 2026-09-29) =====
   Skala: H1 44/34/31 · H2 31/28/27 · H3 22/20 · Body 16 (Lesetext 17) · UI 14-16.
   Arial kennt nur Regular/Bold: 600-700 rendert überall gleich (Bold); Ruhe entsteht
   über Größe, Laufweite, Zeilenhöhe und Abstände. */
:root{--fs-h1:2.75rem;--fs-h2:1.9375rem;--fs-h3:1.375rem;--fs-read:1.0625rem;--sec-y:72px}
@media(max-width:1050px){:root{--fs-h1:2.375rem;--fs-h2:1.75rem;--sec-y:64px}}
@media(max-width:600px){:root{--fs-h1:1.9375rem;--fs-h2:1.6875rem;--fs-h3:1.25rem;--fs-read:1rem;--sec-y:48px}}
body{line-height:1.6}
h1,h2,h3{text-wrap:balance}
h1,h2{font-weight:700}
h1{font-size:var(--fs-h1);line-height:1.12;letter-spacing:-.02em}
h2{font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.015em}
h3{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.01em;font-weight:600}
p{text-wrap:pretty}
/* Überschriften je Kontext */
.hero h1,.page-head h1,.detail-copy h1{text-transform:none;font-size:var(--fs-h1);line-height:1.1;letter-spacing:-.025em;margin-bottom:0}
.hero h1{margin:0 0 1.1rem}
.detail-copy h1{margin:12px 0 22px}
.section-intro h2,.section-heading h2,.section h2,.page-content>h2{font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.015em}
.section-intro h2{margin:8px 0 16px}
.prose h2,.text-block h2{font-size:1.875rem;line-height:1.22;letter-spacing:-.015em;margin:36px 0 14px}
.prose>h2:first-child,.text-block h2{margin-top:0}
.text-block h2{margin-bottom:16px}
.prose h3{font-size:1.25rem;margin:26px 0 10px}
.callout h2{font-size:1.75rem;line-height:1.2}
.side-panel h2,.summary-panel h2{font-size:var(--fs-h3);line-height:1.25;margin-bottom:14px}
.tech-card h3{font-size:var(--fs-h3)}
.service-card h3{font-size:var(--fs-h3)}
.product h3{font-size:1.125rem;font-weight:600}
.footer h3{font-size:1rem;font-weight:600;margin-bottom:14px}
/* Fließtext */
h2+.section-lead{margin-top:16px}
p{max-width:68ch}
.prose p,.text-block p,.page-head .lead,.section-lead{font-size:var(--fs-read);line-height:1.6}
.page-head .lead,.section-lead{max-width:680px}
.section-heading p{font-size:1rem;line-height:1.55}
.prose p+p{margin-top:.9rem}
.tech-card p,.side-panel p,.service-card p{line-height:1.55}
/* Eyebrows / Labels */
.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.1em;margin-bottom:14px}
.tech-card .tag,.breadcrumb{font-size:.8125rem}
.tech-card .tag{font-weight:600;letter-spacing:.08em}
/* Header / Navigation */
.topline{font-size:.8125rem}.topline .wrap{min-height:32px}
.nav-row{min-height:72px;gap:20px}
.brand strong{font-size:1.35rem}.brand small{font-size:.75rem;margin-top:6px}.brand small:before{width:26px;height:7px}
.nav{gap:24px}
.nav a,.nav-trigger,.nav .nav-sub a{font-size:.9375rem;font-weight:500}
.nav a[aria-current=page]{box-shadow:0 2px 0 var(--ink)}.nav-trigger[data-current]{box-shadow:0 2px 0 var(--ink)}
.nav .nav-sub a[aria-current=page]{font-weight:600}
.nav .btn{padding:10px 16px;font-size:.875rem;font-weight:600}
.menu{font-size:.9375rem;font-weight:500;padding:7px 14px}
/* Buttons */
.btn{gap:12px;font-size:.9375rem;font-weight:600;padding:12px 22px;line-height:1.4}
.actions{margin-top:24px}
.hero-path{padding:.9rem 1.2rem}.hero-path strong{font-size:1rem;font-weight:600}.hero-path-desc{font-size:.875rem}.hero-path-cta{font-weight:600}
.filters button{font-weight:600;font-size:.9375rem}
/* Abstände */
.hero{min-height:480px}.hero-content{padding:44px 48px 44px 0}.hero-sub{font-size:1.0625rem;margin:0 0 1.8rem}
.benefits{padding-block:18px}
.section{padding-block:var(--sec-y)}
.section-intro{margin-bottom:36px}.section-heading{margin-bottom:32px}
.section-heading .eyebrow,.section-intro .eyebrow{margin-bottom:12px}
.callout{padding:40px;margin-top:48px;gap:32px}
.tech-card{padding:28px;gap:14px}
.number-list li{padding:20px 0}
.page-head{padding:32px 0 28px}.breadcrumb{margin-bottom:22px}
.page-head .lead{margin-top:18px}
.page-content{padding-bottom:64px}
.footer{padding-top:48px}.footer-grid{gap:48px;padding-bottom:36px}
/* Tabellen & FAQ */
caption{font-weight:600;padding:16px 20px}
th,td{padding:14px 20px}th{font-weight:600}
.faq summary{font-weight:600}
.request-form legend{font-size:1.125rem;font-weight:600}
.request-form label{font-weight:600}
.detail-copy dd{font-weight:600}
/* Konfigurator: Gewichte und Überschriften beruhigen */
.conf-section-title{font-weight:700;font-size:.75rem}
.conf-card-name,.conf-card-price{font-weight:500}
.conf-sum-label{font-weight:700}
.conf-sum-value,.conf-sum-gesamt{font-weight:700}
.conf-contact-title{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}
.conf-summary-title{font-size:1.375rem;font-weight:600;letter-spacing:-.01em}
.conf-submit{font-weight:600;padding:13px 24px}
/* Responsive */
@media(max-width:1050px){.hero-content{padding-right:32px}.nav{gap:16px}.nav a,.nav-trigger{font-size:.875rem}.nav .btn{padding:9px 14px}}
@media(max-width:850px){
 .nav a,.nav-trigger,.nav .nav-sub a{font-size:1rem}.nav-row{min-height:64px}
 .hero-content{padding:32px 0 0}.hero{min-height:0}
 .section-intro{margin-bottom:28px}.callout{padding:32px}
}
@media(max-width:600px){
 .hero h1{font-size:var(--fs-h1);line-height:1.12;letter-spacing:-.02em;margin-bottom:.9rem}
 .page-head h1{font-size:var(--fs-h1)}
 .section-intro h2,.section-heading h2,.section h2{font-size:var(--fs-h2)}
 .prose h2,.text-block h2{font-size:1.625rem}
 .callout h2{font-size:1.5rem}
 .prose h3{font-size:1.125rem}
 .hero-content{padding-top:24px}
 .hero-path{flex-direction:column;align-items:flex-start;gap:.5rem}
 .hero-sub{font-size:1rem;margin-bottom:1.4rem}
 .page-head{padding:20px 0 20px}.breadcrumb{margin-bottom:16px}
 .page-content{padding-bottom:40px}
 .section-intro{margin-bottom:24px}.section-heading{margin-bottom:24px}
 .callout{padding:24px;margin-top:32px}
 .tech-card{padding:22px}
 .btn{padding:12px 20px}
 .footer{padding-top:36px}.footer-grid{gap:28px 20px}
 table{min-width:0;font-size:.8125rem}th,td{padding:10px 5px}th:first-child,td:first-child{padding-left:12px}th:last-child,td:last-child{padding-right:10px}th{font-size:.75rem;letter-spacing:0}th:not(:first-child){white-space:nowrap}caption{padding:12px;font-size:.875rem}
 .nav-row{min-height:60px}
}
/* Funktionale Seiten (Druckpreise): kompakter Seitenkopf, Tabelle rückt nach oben */
.page-head.page-head--compact{padding:20px 0 18px}
.page-head--compact .breadcrumb{margin-bottom:12px}
.page-head--compact h1{font-size:2.25rem;line-height:1.15}
.page-head--compact .lead{font-size:1rem;margin-top:10px}
@media(max-width:600px){.page-head.page-head--compact{padding:14px 0 14px}.page-head--compact .breadcrumb{margin-bottom:10px}.page-head--compact h1{font-size:1.75rem}.page-head--compact .lead{margin-top:8px}}
/* Hero Startseite: Text ca. 44 % / Bild ca. 56 %, oben bündig */
.hero{grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:36px;min-height:0;align-items:start;padding:28px 0 24px}
.hero-content{padding:0;justify-content:flex-start}
.hero h1{max-width:none;font-size:clamp(2rem,2.9vw,2.5rem);line-height:1.12;margin:0 0 1rem}
.hero-sub{max-width:none;font-size:1.0625rem;line-height:1.6;font-weight:400;color:#2f373a;margin:0 0 1.5rem}
.hero-visual{display:block;min-height:0}
.hero-visual img{height:auto;max-height:none;padding:0;border-radius:6px;object-fit:cover;object-position:center}
.hero-cta{display:flex}
.hero-btn{padding:15px 26px;font-size:1rem;font-weight:700;box-shadow:0 1px 0 rgba(20,23,24,.15)}
.hero-benefits{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}
.hero-benefits li{display:flex;align-items:center;gap:10px;font-size:.875rem;line-height:1.3;font-weight:500}
.hero-benefits svg{flex-shrink:0;width:24px;height:24px}
@media(max-width:1050px){.hero h1{font-size:clamp(1.9rem,3.4vw,2.25rem)}.hero-benefits{gap:14px 14px}.hero-benefits li{gap:8px;font-size:.8125rem}}
@media(max-width:850px){
 .hero{grid-template-columns:1fr;gap:24px;padding:0 0 24px}
 .hero-content{padding:28px 0 0}
 .hero h1{font-size:var(--fs-h1)}
 .hero-visual img{max-width:640px}
}
@media(max-width:600px){
 .hero{gap:22px}
 .hero-content{padding-top:20px}
 .hero-sub{font-size:1rem;margin-bottom:1.25rem}
 .hero-cta{display:block}
 .hero-btn{width:100%;padding:16px 12px;font-size:.9375rem;gap:8px}
 .hero-benefits{grid-template-columns:1fr;gap:12px;margin-top:20px}
 .hero-benefits li{font-size:.9375rem;gap:12px}
 .hero-visual img{max-width:none}
}
@media(max-width:400px){.hero-btn{font-size:.875rem}}
/* Hero nur Desktop: Bildhöhe begrenzen (ca. 420 px bei 1440), Trikots und Karton bleiben im Ausschnitt */
@media(min-width:851px){.hero-visual img{aspect-ratio:1.35/1;object-position:50% 55%}}
@media(min-width:1200px){.hero-visual img{aspect-ratio:1.6/1}}
/* Trust-Bar (gemeinsame Komponente: Angebot und Startseite) */
.trust-bar{list-style:none;margin:0 0 18px;padding:12px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 28px;background:#fafbfb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem;font-weight:600;color:var(--ink)}
.trust-bar li{display:inline-flex;align-items:center;gap:8px}
.trust-bar .ico{color:#6f8f00;flex-shrink:0;display:block}
@media(max-width:700px){
  .trust-bar{flex-direction:column;align-items:flex-start;padding:12px 16px}
}
/* Startseite: Sektion „Eigene Trikots einsenden“ – Text links, Feature-Karte rechts */
.print-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.print-text .section-lead{max-width:none}
.print-card{background:var(--soft);padding:24px 28px 26px}
.print-card h3{font-size:1.25rem;margin:0 0 18px}
.print-shirts{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:420px;margin:0 auto}
.print-shirt{position:relative;container-type:inline-size;margin:0}
.print-shirt img{width:100%;height:auto;display:block}
.pm{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--ink);font-weight:700;line-height:1;white-space:nowrap}
.pm-ico{width:100%;height:100%;display:block}
.pm-wappen{left:58%;top:22%;width:14%;height:11%}
.pm-brust{left:28%;top:22.5%;width:14%;height:10%}
.pm-sponsor{left:28%;top:35.5%;width:44%;aspect-ratio:1.414/1;font-size:8cqw;letter-spacing:.03em}
.pm-aermel{left:85%;top:28%;width:12%;height:10%;transform:rotate(-20deg)}
.pm-name{left:26.5%;top:19%;width:47%;height:8%;font-size:5.4cqw;letter-spacing:.05em}
.pm-nummer{left:33%;top:29.5%;width:34%;height:33%;font-size:44cqw;letter-spacing:-.02em}
.pm-badge{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);color:var(--ink);font-size:.75rem;font-weight:700;line-height:1;display:grid;place-items:center;box-shadow:0 0 0 2px var(--soft)}
.print-legend{list-style:none;margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.print-legend li{display:flex;align-items:center;gap:10px;font-size:.9375rem;font-weight:500;line-height:1.3}
.print-legend b{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent);font-size:.75rem;font-weight:700;display:grid;place-items:center}
@media(max-width:850px){.print-split{grid-template-columns:1fr;gap:32px}.print-shirts{max-width:400px}}
@media(max-width:600px){.print-card{padding:20px 18px 22px}.print-legend{grid-template-columns:1fr}.print-shirts{gap:14px}}
/* ===== Schrift: Barlow (selbst gehostet, Latin-Subset, 400-800) ===== */
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-600.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-700.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-800.woff2) format("woff2")}
:root{--font:"Barlow",Arial,Helvetica,sans-serif}
body,button,input,select,textarea{font-family:var(--font)}
body{line-height:1.6}
h1,h2,h3{font-family:var(--font)}
h1,.hero h1,.page-head h1,.detail-copy h1{font-weight:700;letter-spacing:-.025em;line-height:1.12}
.page-head--compact h1{line-height:1.12}
h2,.prose h2,.text-block h2,.callout h2{font-weight:700;letter-spacing:-.015em;line-height:1.2}
h3{font-weight:600}
.brand strong{font-weight:800}
.nav a,.nav-trigger,.nav .nav-sub a,.menu{font-weight:600}
.nav .nav-sub a[aria-current=page]{font-weight:700}
.btn,.hero-btn,.nav .btn,.conf-submit{font-weight:600}
/* Startseite: „So läuft die Einsendung“ – offene Prozessdarstellung */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.step{min-width:0}
.step-top{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.step-num{position:relative;font-size:3.25rem;font-weight:800;line-height:1;letter-spacing:-.02em;padding-bottom:12px;color:var(--ink)}
.step-num:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:4px;background:var(--accent)}
.step-line{flex:1;height:1px;background:#c5cccf;position:relative;top:-6px}
.step-line:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid #c5cccf;border-right:1px solid #c5cccf;transform:rotate(45deg)}
.step-body h3{display:flex;align-items:center;gap:10px;font-size:1.375rem;margin:0 0 10px}
.step-ico{flex-shrink:0;color:var(--ink)}
.step-body p{color:#4c555a;font-size:1rem;line-height:1.55;max-width:none}
.step-link{display:inline-block;margin-top:14px;font-weight:600;font-size:.9375rem}
@media(max-width:850px){
 .steps{grid-template-columns:1fr;gap:0}
 .step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;position:relative;padding-bottom:30px}
 .step:last-child{padding-bottom:0}
 .step-top{display:block;margin:0}
 .step-num{font-size:2.5rem;display:block}
 .step-line{display:none}
 .step:not(:last-child):before{content:"";position:absolute;left:17px;top:62px;bottom:10px;width:1px;background:#c5cccf}
 .step-body h3{font-size:1.25rem}
}
/* Ausnahme: Wortmarke SHIRTAGENT SPORTS bleibt in der bisherigen Schrift (Arial), nicht Barlow */
.brand,.brand strong,.brand small{font-family:Arial,Helvetica,sans-serif}
.brand strong{font-weight:900}
/* ===== Rundungen (einheitliches System): Bilder/Feature-Flächen 16px · Karten/Boxen 12px · Buttons 8px ===== */
:root{--r-lg:16px;--r-md:12px;--r-btn:8px}
.hero-visual img,.print-card,.callout,.side-panel,.summary-panel,.feature-photo,.detail-image,.conf-summary-wrap{border-radius:var(--r-lg)}
.tech-card,.service-card .picture,.product .product-picture,.empty,.conf-contact,.prose img,.table-wrap{border-radius:var(--r-md)}
.notice{border-radius:0 var(--r-md) var(--r-md) 0}
.btn,.menu,.filters button,.nav .btn,.hero-btn,.conf-submit{border-radius:var(--r-btn)}
.nav .nav-sub{border-radius:var(--r-btn)}
/* Abschnittskopf zentriert (nur „So läuft die Einsendung“) */
.section-heading--center{display:block;text-align:center;margin-bottom:48px}
.section-heading--center .eyebrow{margin-bottom:12px;max-width:none}
.section-heading--center>p{max-width:560px;margin:14px auto 0;font-size:1.0625rem;line-height:1.55}
@media(max-width:600px){.section-heading--center{margin-bottom:36px}.section-heading--center>p{margin-top:12px;font-size:1rem}}
/* Startseite: Druckverfahren-Karten (Bild, Eyebrow, Überschrift, Text, Link) */
.verf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.verf-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 1px 2px rgba(20,23,24,.04)}
.verf-stage{position:relative;container-type:inline-size;aspect-ratio:1.55/1;overflow:hidden;background:linear-gradient(180deg,#f3f5f5,#e6e9eb)}
.vi-shirt{position:absolute;margin:0;left:50%;transform:translateX(-50%);container-type:inline-size}
.vi-shirt img{width:100%;height:auto;display:block}
.vs-flex .vi-shirt{width:60cqw;top:4cqw}
.vs-flock .vi-shirt{width:130cqw;top:-42.5cqw}
.vs-dtf .vi-shirt{width:90cqw;top:-18cqw}
.tx-flock{background:radial-gradient(rgba(255,255,255,.28) .8px,transparent 1.1px) 0 0/3px 3px,#1a1e20;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pm-crest,.pm-logo{width:100%;height:100%;display:block}
.pm-logobox{aspect-ratio:auto;height:auto;top:37%}
.pm-logobox .pm-logo{height:auto}
.verf-body{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}
.verf-tag{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.verf-body h3{font-size:1.5rem;line-height:1.2;margin:0 0 10px}
.verf-body p:not(.verf-tag){color:#4c555a;font-size:1rem;line-height:1.55;max-width:none}
.verf-link{margin-top:auto;padding-top:20px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9375rem;text-decoration:none}
.verf-link:after{content:"→";transition:transform .15s}
.verf-link:hover{text-decoration:underline;text-underline-offset:5px}
.verf-link:hover:after{transform:translateX(3px)}
@media(max-width:850px){
 .verf-grid{grid-template-columns:1fr;gap:20px}
 .verf-card{flex-direction:row}
 .verf-stage{flex:0 0 40%;aspect-ratio:auto;min-height:250px}
}
@media(max-width:600px){
 .verf-card{flex-direction:column}
 .verf-stage{flex:none;aspect-ratio:1.55/1;min-height:0}
 .verf-body{padding:22px 22px 24px}
}