:root{--green:#123e30;--deep:#09271f;--paper:#f3eddf;--gold:#e4c68d;--ink:#293d31;font-family:'Segoe UI',Calibri,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:'Trebuchet MS','Segoe UI',sans-serif;letter-spacing:-.04em;line-height:1.12}h2{font-size:clamp(30px,3.4vw,46px)}h3{font-size:25px}p{line-height:1.65}a{color:inherit}em{font-style:normal;color:var(--gold)}a:focus-visible,summary:focus-visible{outline:3px solid #b88027;outline-offset:5px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:#87734c}.preview-notice{background:var(--deep);color:#d3d9cd;text-align:center;font-size:10px;padding:5px}.site-header{position:sticky;top:0;z-index:20;background:var(--deep);color:var(--paper);border-bottom:1px solid #ac956342}.header-inner{max-width:1400px;margin:auto;padding:0 32px;min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:190px;height:78px}.brand img{width:100%;height:100%;object-fit:cover}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px}.desktop-nav a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 24px;min-height:48px;text-decoration:none;font-size:13px;font-weight:650;border:1px solid #ddc18d}.primary{background:var(--gold);color:var(--deep)}.button:hover{background:#f1d9ac}.mobile-actions{display:none}.skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:white;z-index:30}.skip-link:focus{top:0}
.window-hero{position:relative;min-height:630px;height:min(740px,76vw);background:#29291e;isolation:isolate;border:14px solid #203a2d;border-top-width:9px;border-bottom:23px solid #594a32;box-shadow:0 14px 25px #30241535;overflow:hidden}.window-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;z-index:-3}.window-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071c16f2 0%,#102a20dc 26%,#10251c65 49%,transparent 72%);z-index:-2}.window-bars{position:absolute;inset:0;pointer-events:none;z-index:-1;box-shadow:inset 0 0 25px #0008;background:linear-gradient(90deg,transparent 64.5%,#162f25 64.5%,#294333 65.3%,#111e18 65.6%,transparent 65.6%)}.welcome{padding:90px 6%;max-width:720px;color:#fff9eb}.welcome .eyebrow{color:var(--gold);margin-bottom:28px}.welcome h1{font-size:clamp(45px,5.5vw,78px);font-weight:550;line-height:1.06}.welcome>p:not(.eyebrow){font-size:19px;color:#e0decd;margin:25px 0 29px}.hero-explore{display:block;font-size:13px;text-decoration:none;margin-top:20px;width:fit-content}.welcome small{display:block;font-size:11px;margin-top:20px;color:#cecdb9}.scene-caption{position:absolute;right:16px;bottom:12px;background:#10261dcc;color:#f0eadb;font-size:10px;padding:6px 9px;max-width:90%}
.welcome-strip{max-width:1280px;margin:auto;padding:40px 32px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.welcome-strip>p{font-size:16px}.welcome-strip>p span{display:block;font-family:'Trebuchet MS',sans-serif;font-size:24px;font-weight:600}.welcome-strip details{border-bottom:1px solid #a18e6550}summary{cursor:pointer;list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary>span:last-child{font-size:22px;color:#8b7447}details[open]>summary>span:last-child{transform:rotate(45deg)}.welcome-strip summary{font-size:14px}.toolbox{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:20px 0}.toolbox p{font-size:12px}.toolbox strong{display:block;font-size:15px;margin-bottom:5px}.tool-note{font-size:12px;padding-bottom:20px}
.crafts{padding:55px max(32px,calc((100% - 1216px)/2));background:linear-gradient(#e8dfcf,#f3eddf);border-top:1px solid #d8cdb8}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:13px;color:#66705f}.craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.craft-card{min-width:0;background:#faf6ec;border:1px solid #d0c5b2;box-shadow:0 6px 14px #473b2110;scroll-margin-top:20px}.craft-visual{height:240px;overflow:hidden;background:#daceb7;border:7px solid #304637;border-bottom:12px solid #665139;position:relative}.process-image{height:100%;position:relative}.process-image img{width:100%;height:100%;object-fit:cover}.process-image figcaption{position:absolute;left:5px;bottom:5px;font-size:9px;background:#173626cc;color:#f5f0e5;padding:4px 7px}.craft-label{display:flex;gap:16px;align-items:start;padding:23px 22px 15px}.craft-label>span{font-size:11px;color:#a0824c;padding-top:5px}.craft-label p{font-size:13px;color:#626d5d;margin-top:6px}.craft-details{margin:0 22px;border-top:1px solid #d4c9b4}.craft-details summary{font-size:12px;padding:10px 0}.process-copy{padding:8px 0 20px}.process-copy>p{font-size:14px}.example-line{margin-top:16px}.tradeoffs{margin-top:20px}.tradeoffs>div{border-top:1px solid #ddd2bb;margin-top:14px;padding-top:12px}.tradeoffs h4{font-size:13px;margin-bottom:6px}.tradeoffs p{font-size:13px;color:#626954}.image-note{font-size:11px;color:#6c715f;margin-top:22px}.transfer-sample,.print-sample{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#4c6550,#173c2e);color:#efe9d8;box-shadow:inset 0 0 45px #0005}.transfer-sample>span,.print-sample>span{font-size:9px;letter-spacing:.25em}.transfer-sample strong{font-size:22px;letter-spacing:.2em;margin-top:14px}.transfer-sample b{font:700 74px/1 'Trebuchet MS',sans-serif;color:#ddc492}.print-sample{background:linear-gradient(135deg,#bdaa8b,#e6dbc2);color:#294736}.print-sample strong{font:700 66px 'Trebuchet MS',sans-serif;transform:rotate(-8deg);text-shadow:1px 1px #173227,2px 2px #173227,3px 3px #173227,4px 4px #173227,5px 5px #173227,8px 12px 9px #5a4b3240}.print-sample i{width:75%;height:8px;background:#866d44;margin-top:15px;box-shadow:0 7px 14px #52492d60}.materials{border-block:1px solid #cabea5;margin-top:32px}.materials summary{padding:17px 0;font-size:14px}.materials summary .eyebrow{display:block;font-size:9px;margin-bottom:5px}.materials-content{padding:10px 0 25px}.materials-content>p{font-size:13px;margin-bottom:15px}.approved-banner{max-width:850px;margin:auto}.material-list{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;font-size:12px}.material-list li{padding:7px 11px;border:1px solid #cabea5}
.business-section{padding:50px max(32px,calc((100% - 1216px)/2));background:var(--green);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.business-section .eyebrow,.contact-section .eyebrow{color:var(--gold)}.business-section h2{margin:14px 0}.business-section .button{margin-top:22px}.business-section p{font-size:15px}.business-note{padding:26px;border-left:1px solid #c5b08060}.business-note p{margin-top:12px;font-size:13px;color:#d3d7c8}.contact-section{padding:45px 24px;text-align:center;background:var(--deep);color:var(--paper)}.contact-section h2{margin:12px 0 25px}.contact-actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}.text-link{font-size:14px;text-underline-offset:6px;min-height:44px;display:inline-flex;align-items:center}.site-footer{background:var(--deep);color:#bfcaba;padding:20px 32px;font-size:11px}.wrapper{max-width:1216px;margin:auto}.footer-main{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand img{width:160px;height:65px;object-fit:cover}.footer-brand p{font-size:10px}.footer-main address{font-style:normal;line-height:1.9}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.footer-main a{text-decoration:none}.footer-bottom{margin-top:25px;border-top:1px solid #a18e6540;padding:16px 0;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:10px}.footer-bottom a{min-height:30px}
@media(max-width:950px){.desktop-nav{gap:18px;font-size:12px}.craft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.window-hero{min-height:600px}.welcome{padding:80px 5%;max-width:570px}.welcome h1{font-size:60px}.welcome-strip{gap:30px}.section-heading{display:block}.section-heading>p{margin-top:15px}}
@media(max-width:700px){html{scroll-padding-top:85px}.header-inner{padding:0 16px;min-height:70px;gap:12px}.brand{width:145px;height:65px}.desktop-nav{display:none}.mobile-actions{display:flex;align-items:center;gap:16px}.mobile-shop{padding:10px 15px;min-height:42px}.mobile-menu{position:relative}.mobile-menu summary{color:var(--paper)}.menu-word{display:none}.mobile-menu nav{position:absolute;right:0;top:52px;background:var(--deep);padding:12px 20px;width:250px;box-shadow:0 12px 25px #0006}.mobile-menu nav a{display:block;padding:13px 0;font-size:13px;text-decoration:none;border-bottom:1px solid #a18e6550}.window-hero{height:650px;min-height:0;border-width:8px;border-bottom-width:16px}.window-scene{object-position:60% 44%}.window-shade{background:linear-gradient(180deg,#10251dee 0%,#10251ddc 36%,#10251d45 63%,#10251d10)}.window-bars{background:linear-gradient(90deg,transparent 83%,#233a2bd9 83%,#233a2bd9 85%,transparent 85%)}.welcome{padding:35px 22px;max-width:none}.welcome .eyebrow{font-size:9px;margin-bottom:20px}.welcome h1{font-size:clamp(40px,10vw,62px)}.welcome>p:not(.eyebrow){font-size:16px;margin:20px 0}.welcome small{font-size:10px;max-width:240px}.scene-caption{left:10px;right:auto;font-size:8px;max-width:90%}.welcome-strip{display:block;padding:28px 22px}.welcome-strip>p{font-size:14px}.welcome-strip>p span{font-size:22px}.welcome-strip details{margin-top:20px}.toolbox{grid-template-columns:1fr;gap:15px}.crafts{padding:35px 20px}.craft-grid{gap:20px}.craft-label{padding:17px 14px 12px;gap:9px}.craft-label h3{font-size:21px}.craft-details{margin:0 14px}.craft-visual{height:190px}.business-section{grid-template-columns:1fr;gap:25px;padding:35px 24px}.business-note{padding:20px 0 0;border-left:0;border-top:1px solid #c5b08060}.footer-main{flex-wrap:wrap}.site-footer{padding-inline:24px}.footer-main nav a{min-height:32px}.footer-bottom{gap:12px}.contact-actions{gap:15px}.transfer-sample b{font-size:60px}.print-sample strong{font-size:50px}}
@media(max-width:480px){.craft-grid{grid-template-columns:1fr}.craft-visual{height:240px}.craft-label h3{font-size:25px}.craft-label{padding:20px}.craft-details{margin:0 20px}.craft-label p{font-size:14px}.craft-details summary{font-size:13px}.section-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#lasercut .process-image img,#uv-druck .process-image img,#siebdruck .process-image img{position:absolute;width:200%;max-width:none;height:auto;top:0;left:0;transform:translateY(-57%)}#uv-druck .process-image img{left:-100%;transform:translateY(-17%)}#siebdruck .process-image img{left:-100%;transform:translateY(-57%)}

/* Originalbriefkopf und unverdeckter Schaufensterblick. */
.letterhead{display:flex;background:#00543c;max-width:1600px;margin:auto;text-decoration:none}.letterhead-logo,.letterhead-methods{display:block;background-image:url('assets/briefpapier-kopf-original-web.webp');background-repeat:no-repeat;background-size:auto 100%;height:clamp(110px,16.5vw,264px)}.letterhead-logo{width:40.5%;background-position:left top}.letterhead-methods{width:59.5%;background-position:right top}.site-header{border-top:1px solid #c2a97950}.header-inner{min-height:60px;max-width:1440px}.nav-home{font-size:12px;text-decoration:none;color:#e4d6b7}.desktop-nav{gap:24px}.desktop-nav .button{min-height:40px;padding:10px 22px}.showcase-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px max(30px,calc((100% - 1320px)/2));background:#f3eddf}.showcase-intro h1{font-size:clamp(28px,3vw,42px);line-height:1.13;margin-top:10px}.showcase-intro h1 br{display:none}.showcase-intro em{color:#827045}.showcase-scene{max-width:1440px;margin:0 auto;background:#133c2b;position:relative}.showcase-scene>img{width:100%;height:auto;max-height:790px;object-fit:cover;object-position:center 53%}.showcase-scene>figcaption{position:absolute;bottom:10px;left:15px;color:#eee5ce;background:#102b20db;padding:6px 10px;font-size:10px}.material-gallery{padding:40px max(24px,calc((100% - 1216px)/2));background:#00563d;color:#fff6e3;background-image:linear-gradient(#003e2e44,#003e2e44),url('assets/flyer-materialien-original-web.webp');background-size:auto,100% auto;background-position:center,center top}.material-gallery>.eyebrow{color:#e9d5a7}.material-gallery h2{font-size:32px;margin:12px 0 28px}.material-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:17px}.material-swatch{position:relative;overflow:hidden;width:100%}.material-swatch img{position:absolute;max-width:none;height:auto}.material-tile figcaption{text-align:center;font-family:Georgia,serif;font-size:16px;margin-top:10px}.material-note{font-size:12px;color:#e0d8c6;margin-top:25px}.material-gallery{background-image:radial-gradient(ellipse at 30% 0,#0b795044,transparent 65%)}
@media(max-width:950px){.nav-home{display:none}.header-inner{justify-content:center}.material-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.material-gallery h2{font-size:29px}.showcase-scene>img{max-height:none}.showcase-intro h1 br{display:block}}
@media(max-width:700px){.letterhead{flex-direction:column;align-items:center}.letterhead-logo{width:100%;height:120px;background-size:auto 120px;background-position:left top;max-width:295px}.letterhead-methods{width:100%;height:100px;background-size:auto 100px;background-position:right top;max-width:365px}.header-inner{justify-content:space-between;min-height:60px}.nav-home{display:block;font-size:11px}.showcase-intro{padding:25px 20px;align-items:flex-start}.showcase-intro h1{font-size:27px}.showcase-intro .eyebrow{font-size:8px}.showcase-intro .button{padding:11px 14px;min-width:90px;font-size:12px}.showcase-scene>img{min-height:360px;object-fit:cover;object-position:center center}.showcase-scene>figcaption{position:static;font-size:9px;margin:0;padding:8px 15px}.material-gallery{padding:30px 22px}.material-gallery h2{font-size:27px}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 17px}.material-tile figcaption{font-size:15px}.material-note{font-size:11px}}
@media(max-width:380px){.showcase-intro{display:block}.showcase-intro .button{margin-top:17px}.letterhead-methods{height:85px;background-size:auto 85px}.nav-home{max-width:110px}}
.showcase-intro h1 em::before{content:" "}@media(min-width:951px){.showcase-intro h1 em{margin-left:.2em}}

/* Materialmotive ohne sichtbare rechteckige Bildränder. */
.material-gallery{background:#00543c;padding-top:30px;padding-bottom:30px}.material-gallery h2{font-size:25px;margin:0 0 23px;letter-spacing:.09em;font-weight:400}.material-swatch{mask-image:radial-gradient(ellipse 70% 72% at 50% 48%,#000 53%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 48%,#000 53%,transparent 76%)}.material-tile figcaption{margin-top:5px}.craft-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.craft-card{grid-column:span 2}.craft-card:nth-child(4),.craft-card:nth-child(5){grid-column:span 3}.showcase-scene>img{max-height:none;object-fit:contain}
@media(max-width:950px){.craft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-card,.craft-card:nth-child(4),.craft-card:nth-child(5){grid-column:auto}.craft-card:last-child{grid-column:1/-1;max-width:550px;width:100%;justify-self:center}}
@media(max-width:480px){.craft-grid{grid-template-columns:1fr}.craft-card:last-child{grid-column:auto}.showcase-scene>img{min-height:0}}

/* Anlassfenster und Material-Showboard, jeweils eine halbe Seitenbreite. */
.inspiration-row{max-width:1376px;margin:20px auto 50px;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:stretch}
.occasions{min-width:0}.occasions>h2,.material-gallery h2{font-size:29px;letter-spacing:-.035em;font-weight:600;margin:8px 0 23px}.occasion-carousel{background:#fffaf1;border:1px solid #d2c7b5;box-shadow:0 10px 30px #24352e12}.occasion-slide{position:relative;min-height:390px;overflow:hidden;isolation:isolate;background:#24352e}.occasion-slide[hidden]{display:none}.occasion-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.occasion-slide::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#081d18e8,transparent 75%),linear-gradient(90deg,#07181335,transparent 70%)}.occasion-copy{position:absolute;left:25px;bottom:28px;right:165px;color:#fffaf0}.occasion-copy>span{font-size:10px;letter-spacing:.17em;color:#e4c68d}.occasion-copy h3{font-size:clamp(26px,2.5vw,35px);margin:10px 0;overflow-wrap:anywhere}.occasion-copy p{font-size:14px;line-height:1.45}.occasion-copy a{display:inline-block;font-size:12px;margin-top:20px;text-underline-offset:5px;padding-block:8px}.occasion-products{position:absolute;right:17px;top:20px;bottom:20px;width:127px;display:flex;flex-direction:column;justify-content:center;gap:15px}.occasion-products figure{background:#fffaf1;padding:5px;box-shadow:0 5px 18px #0003;transform:rotate(2deg)}.occasion-products figure+figure{transform:rotate(-2deg)}.occasion-products img{width:100%;aspect-ratio:1;object-fit:cover}.occasion-products figcaption{font-size:10px;text-align:center;line-height:1.3;padding:7px 2px 4px;color:#25382d}.occasion-controls{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 12px}.occasion-controls[hidden]{display:none}.occasion-controls button{cursor:pointer;color:#213d30;background:none;border:0;min-width:44px;min-height:44px;font:inherit}.occasion-controls button:hover{background:#eae2d2}.occasion-controls button:focus-visible{outline:3px solid #a47838;outline-offset:1px}.occasion-dots{display:flex}.occasion-dots button{display:grid;place-items:center;min-width:32px}.occasion-dots span:not(.sr-only){width:6px;height:6px;border-radius:50%;background:#aca58f}.occasion-dots [aria-pressed=true] span{background:#164935;width:20px;border-radius:4px}.occasion-controls .occasion-pause{font-size:11px;margin-left:auto;padding:0 10px}.occasion-note{font-size:9px;color:#626757;margin-top:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inspiration-row .material-gallery{min-width:0;padding:28px 32px 25px;background:linear-gradient(125deg,#fbf9f2,#e5dfd0);color:#293d31;border:8px solid #343d37;box-shadow:inset 0 0 0 1px #a49a82,0 10px 30px #24352e16;position:relative}.material-gallery::before,.material-gallery::after{content:"";position:absolute;top:9px;width:5px;height:5px;border-radius:50%;background:#a2a89f;box-shadow:0 1px 2px #0008}.material-gallery::before{left:9px}.material-gallery::after{right:9px}.inspiration-row .material-gallery>.eyebrow{color:#73613d}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 25px}.material-swatch{mask-image:none;-webkit-mask-image:none;border-radius:6px;box-shadow:0 4px 7px #30281735;border:1px solid #b7b0a250;max-width:120px;margin:auto}.material-tile figcaption{font-family:'Segoe UI',sans-serif;font-size:12px;margin-top:10px;color:#394337}.material-gallery h2{margin-bottom:27px}.craft-visual{border:5px solid #343d37;border-bottom:8px solid #726147;background:#faf8f0}#lasercut .process-image img,#uv-druck .process-image img,#siebdruck .process-image img{position:static;width:100%;max-width:100%;height:100%;transform:none;object-fit:cover}#lasergravur .process-image img{object-fit:contain;background:white}#siebdruck .process-image img,#transferdruck .process-image img{object-fit:contain;background:#fbfaf5;padding:12px}
@media(min-width:701px) and (max-width:1100px){.desktop-nav{gap:13px}.inspiration-row{gap:20px;padding-inline:24px}.inspiration-row .material-gallery{padding:25px 18px}.material-grid{gap:27px 15px}.occasion-products{width:95px;right:12px}.occasion-copy{left:18px;right:120px}.occasion-copy h3{font-size:27px}.occasions>h2,.material-gallery h2{font-size:26px}}
@media(max-width:800px){.inspiration-row{grid-template-columns:1fr;max-width:650px;padding:0 20px;margin:10px auto 30px}.occasion-slide{min-height:390px}.inspiration-row .material-gallery{padding:25px}.material-grid{gap:25px 20px}.material-swatch{max-width:130px}}
@media(max-width:400px){.occasion-slide{min-height:365px}.occasion-products{width:87px;right:12px;gap:20px}.occasion-copy{left:17px;right:110px;bottom:22px}.occasion-copy h3{font-size:25px}.occasion-copy p{font-size:12px}.occasion-products figcaption{font-size:9px}.occasions>h2{font-size:26px}.inspiration-row .material-gallery{padding:22px 15px}.material-tile figcaption{font-size:10px}.material-grid{gap:23px 13px}}
.material-swatch{border:0}

/* Frischer Auftritt: helle Flächen, klare Schrift und kleine Farbakzente. */
:root{--paper:#f7f8f2;--ink:#193a30;--gold:#d6ee9a;font-family:'Segoe UI Variable','Segoe UI',Arial,sans-serif;background:var(--paper)}
h1,h2,h3{font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;font-weight:650;letter-spacing:-.045em}.eyebrow{color:#506957;letter-spacing:.12em;font-size:10px}.button{border-radius:100px;border:0;font-weight:700;gap:20px;transition:background .18s,transform .18s}.button:hover{background:#e2f4b6;transform:translateY(-2px)}.site-header{background:#0c3027f5;backdrop-filter:blur(14px)}.desktop-nav a:not(.button){padding-block:10px;text-underline-offset:6px}.desktop-nav a:not(.button):hover{text-decoration:underline}.showcase-intro{background:var(--paper);padding-top:42px;padding-bottom:38px}.showcase-intro h1{font-size:clamp(40px,5.6vw,76px);line-height:1.03;letter-spacing:-.06em}.showcase-intro h1 em{color:#197255}.showcase-intro .eyebrow{font-size:11px}.showcase-scene{border-radius:20px;overflow:hidden;max-width:1376px}.showcase-scene>figcaption{border-radius:8px;font-size:9px}.welcome-strip{padding-block:35px}.welcome-strip>p span{font-family:Bahnschrift,'Segoe UI',sans-serif;font-weight:650}.welcome-strip details{background:#edf1e7;border:0;border-radius:14px;padding:0 18px}.welcome-strip summary{font-weight:600}.inspiration-row{margin-bottom:55px;gap:28px}.occasion-carousel{border:0;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #123d300b;background:white}.occasion-copy h3{letter-spacing:-.035em}.occasion-products figure{border-radius:10px;padding:6px}.occasion-products img{border-radius:6px}.occasion-controls button{border-radius:50px}.occasion-controls button:hover{background:#edf3e4}.occasion-dots [aria-pressed=true] span{background:#217755}.occasion-note{font-size:10px}.inspiration-row .material-gallery{border:3px solid #3e5147;border-radius:20px;background:#eef1e7;box-shadow:none;padding-top:30px}.material-gallery::before,.material-gallery::after{display:none}.material-tile figcaption{font-size:12px;font-weight:550}.crafts{background:#edf1e8;border-top:0;padding-top:55px;padding-bottom:55px}.section-heading h2{font-size:clamp(32px,4vw,50px)}.craft-grid{gap:24px}.craft-card{background:#fff;border:0;border-radius:20px;overflow:hidden;box-shadow:0 4px 18px #173d3008}.craft-visual{border:0;height:250px;background:#f4f6ef}.craft-label{padding:23px 24px 18px}.craft-label>span{background:#e2efc9;color:#244a38;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;padding:0;font-weight:700}.craft-label h3{font-size:27px}.craft-details{border-color:#e4e9df;margin:0 24px}.craft-details summary{font-weight:600;font-size:13px;min-height:58px}.craft-label p{font-size:14px;color:#5d6f61}.process-image figcaption{border-radius:5px;background:#163e31db}.business-section{background:#174d3b;padding-block:58px}.business-note{background:#ffffff0a;border:1px solid #ffffff25;border-radius:18px}.contact-section{padding-block:55px}.contact-section h2{font-size:clamp(35px,4.5vw,58px)}.contact-section .eyebrow{color:#c3df93}
#siebdruck .craft-visual,#transferdruck .craft-visual{height:320px;position:relative;padding:20px 15px 29px;background:#e5eddf}#transferdruck .craft-visual{background:#eae5f0}.shirt-pair{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.shirt-preview{min-width:0;text-align:center}.shirt-shape{width:100%;max-width:260px;aspect-ratio:1.05;margin:auto;background:linear-gradient(100deg,#e7e8e3 0%,#fff 28%,#fafbf9 70%,#dddfd8);clip-path:polygon(27% 7%,39% 2%,44% 7%,56% 7%,61% 2%,73% 7%,98% 26%,84% 45%,73% 37%,75% 98%,25% 98%,27% 37%,16% 45%,2% 26%);position:relative;filter:drop-shadow(0 6px 7px #22382a20)}.shirt-collar{position:absolute;top:3%;left:40%;width:20%;height:10%;border-radius:0 0 50% 50%;border:3px solid #d7dcd3;border-top:0;background:#eef0e9}.shirt-shape img{position:absolute;left:32%;top:23%;width:36%;height:51%;object-fit:contain;mix-blend-mode:multiply}.shirt-preview figcaption{font-size:11px;font-weight:600;margin-top:9px;color:#34493e}.shirt-note{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;color:#5f6d60}
@media(min-width:1440px){.showcase-scene{margin-inline:auto}}
@media(max-width:950px){.showcase-scene{border-radius:0}.showcase-intro h1 br{display:none}.showcase-intro h1{max-width:620px}.craft-label{padding-inline:18px;gap:10px}.craft-details{margin-inline:18px}.craft-label h3{font-size:24px}#siebdruck .craft-visual,#transferdruck .craft-visual{height:270px;padding-inline:9px}.shirt-pair{gap:3px}.shirt-preview figcaption{font-size:10px}}
@media(max-width:700px){.showcase-intro{padding:28px 20px;align-items:center;gap:12px}.showcase-intro h1{font-size:43px}.showcase-intro h1 br{display:block}.showcase-intro h1 em{margin:0}.showcase-intro h1 em::before{content:none}.showcase-intro .eyebrow{font-size:8px}.showcase-intro .button{min-width:90px;white-space:nowrap}.welcome-strip{padding-block:26px}.section-heading h2{font-size:35px}.crafts{padding:35px 20px}.business-section{padding:36px 24px}.business-note{padding:20px}.contact-section{padding-block:40px}}
@media(max-width:480px){.craft-label h3{font-size:26px}#siebdruck .craft-visual,#transferdruck .craft-visual{height:290px}.shirt-pair{gap:7px}.shirt-preview figcaption{font-size:10px}.showcase-intro h1{font-size:40px}.inspiration-row .material-gallery{padding:25px 19px}.occasion-slide{min-height:390px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Produktansichten vollständig zeigen; Sport-Diptychon über CSS aufteilen. */
#uv-druck .process-image img{object-fit:contain;background:#ebe7e1}
.occasion-products .bottle img,.occasion-products .box img{object-fit:contain;background:#eeeae3}
.occasion-products .sport-socks img{object-fit:cover;object-position:left center}
.occasion-products .sport-jersey img{object-fit:cover;object-position:right center}
[data-occasion="hochzeit-v2"] .occasion-photo{object-position:42% center}
[data-occasion="sportverein"] .occasion-photo{object-position:42% center}
.occasion-dots button{min-width:29px}
@media(max-width:400px){.occasion-controls{gap:3px;padding-inline:8px}.occasion-controls .occasion-pause{padding-inline:5px}.occasion-dots button{min-width:26px}}

/* Ein zusammenhängendes Schaufenster unter dem Originalbriefkopf. */
.letterhead,.site-header,.shopfront-start{max-width:1376px;margin-inline:auto}.letterhead{border:0}.site-header{background:#123d32;border:0;box-shadow:none}.header-inner{padding-inline:32px}.shopfront-start{background:#123d32;overflow:hidden;border-radius:0 0 22px 22px;box-shadow:0 12px 32px #123d3010}.shopfront-start .showcase-intro{background:linear-gradient(#123d32,#20463d);color:#fff8e8;padding:28px 40px 30px}.shopfront-start .showcase-intro h1{font-size:clamp(34px,4vw,55px)}.shopfront-start .showcase-intro h1 em{color:#d6ee9a}.shopfront-start .showcase-intro .eyebrow{color:#c8d5c5}.shopfront-start .showcase-scene{border-radius:0;max-width:none;margin:0}.shopfront-start .showcase-scene::before{content:"";position:absolute;inset:0 0 auto;height:35px;background:linear-gradient(#20463d85,transparent);pointer-events:none}.letterhead-logo,.letterhead-methods{height:clamp(110px,16.5vw,227px)}
.material-hint{font-size:11px;color:#667363;margin:-12px 0 15px}.material-explorer{display:grid;gap:17px}.material-explorer .material-grid{gap:7px 12px}.material-explorer button.material-tile{font:inherit;color:inherit;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer;padding:9px 7px;min-width:0;transition:background .15s,border-color .15s}.material-explorer .material-swatch{max-width:83px}.material-name{display:block;font-size:11px;margin-top:7px;font-weight:550}.material-tile[aria-pressed=true]{background:#fff;border-color:#94b58d;box-shadow:0 3px 9px #173d3010}.material-explorer button:hover{background:#ffffffa6}.material-explorer button:focus-visible{outline:3px solid #23775a;outline-offset:2px}.material-example{display:grid;grid-template-columns:145px 1fr;background:#fff;border-radius:14px;overflow:hidden;align-items:center;min-height:145px}.material-example-photo{width:145px;height:145px;background-size:100%;background-position:center;background-repeat:no-repeat;background-color:#f7f4ef}.material-example figcaption{padding:17px}.material-example strong{display:block;font-size:17px;line-height:1.25;margin:7px 0 9px}.material-example small{display:block;font-size:9px;line-height:1.4;color:#6c766b}.inspiration-row .material-gallery{padding:23px 24px}.material-gallery h2{margin-bottom:22px}
@media(max-width:950px){.material-example{grid-template-columns:110px 1fr;min-height:110px}.material-example-photo{width:110px;height:110px}.material-example figcaption{padding:12px}.material-example strong{font-size:15px}.material-name{font-size:10px}}
@media(max-width:800px){.material-example{grid-template-columns:145px 1fr}.material-example-photo{width:145px;height:145px}}
@media(max-width:700px){.letterhead-logo{height:120px}.letterhead-methods{height:100px}.header-inner{padding-inline:16px}.shopfront-start{border-radius:0 0 15px 15px}.shopfront-start .showcase-intro{padding:23px 20px}.shopfront-start .showcase-intro h1{font-size:38px}.material-explorer .material-grid{gap:5px}.inspiration-row .material-gallery{padding:22px 16px}}
@media(max-width:380px){.letterhead-methods{height:85px}.material-example{grid-template-columns:110px 1fr}.material-example-photo{width:110px;height:110px}.material-example figcaption{padding:10px}.material-example strong{font-size:14px}.material-name{font-size:9px}.shopfront-start .showcase-intro h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.material-explorer button.material-tile{transition:none}}
.material-explorer button.material-tile[aria-pressed=true]{background:#fff;border-color:#94b58d;box-shadow:0 3px 9px #173d3010}

/* Ruhiger Einstieg: Briefpapier, Navigation und Fenster bilden eine Fassade. */
.site-header{background:#f7f8f2;color:#193a30;border-bottom:1px solid #193a301a;backdrop-filter:none}.header-inner{min-height:68px;gap:16px}.desktop-nav{gap:22px}.nav-home{font-size:11px}.mobile-menu summary{color:#193a30}.mobile-menu nav{color:#f7f8f2}.shopfront-start{background:#e5e1d6;border-radius:0;box-shadow:none}.shopfront-start .showcase-scene::before{display:none}.shopfront-start .showcase-scene>img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:50% 55%;min-height:0;max-height:680px}.shopfront-start .showcase-scene>.window-caption{position:static;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 40px;margin:0;border-radius:0;background:#e5e1d6;color:#193a30;max-width:none}.window-caption h1{font-size:clamp(25px,3vw,38px);margin-top:7px}.window-caption small{font-size:9px;text-align:right;line-height:1.6;color:#647064}.window-caption .eyebrow{font-size:9px}.inspiration-row{padding-top:42px}.workshop-tools{max-width:1216px;margin:0 auto 25px;border-top:1px solid #193a3020;border-bottom:1px solid #193a3020}.workshop-tools summary{font-size:13px;min-height:54px}.workshop-tools .toolbox{padding:8px 0 22px}.industry-section{padding:64px max(32px,calc((100% - 1216px)/2));background:#e2e5df;color:#24362e}.industry-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.industry-heading h2{margin-top:12px}.industry-heading>p{font-size:14px;color:#58695d}.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.industry-card{min-width:0}.marking-sample{min-height:190px;padding:32px 25px;display:flex;flex-direction:column;justify-content:center;gap:14px;border-radius:12px;box-shadow:inset 0 0 0 1px #23382e20,0 7px 20px #24362e10;font-family:Consolas,'Courier New',monospace;background:repeating-linear-gradient(0deg,#cdd1cf 0px,#e4e7e5 1px,#d2d6d4 2px);color:#333f38}.marking-sample strong{font-size:28px;letter-spacing:.03em;line-height:1.2}.marking-sample>span:last-child{font-size:12px}.sample-kicker{font-size:9px;letter-spacing:.15em;opacity:.7}.dark-sample{background:linear-gradient(120deg,#343f3e,#53605c);color:#e3e9e4}.tool-sample{background:linear-gradient(120deg,#dfded5,#eeeee8);color:#405344}.tool-sample strong{font-size:23px}.industry-card h3{font-size:21px;margin:20px 0 9px}.industry-card p{font-size:14px;color:#58695d;max-width:340px}.industry-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #23382e25;margin-top:32px;padding-top:25px}.industry-bottom>div{max-width:720px}.industry-bottom p{font-size:13px}.industry-bottom strong{font-size:18px}.industry-bottom small{display:block;font-size:10px;color:#657267;margin-top:12px}.industry-bottom .button{flex-shrink:0}.industry-section .eyebrow{color:#526a59}
@media(max-width:1100px){.desktop-nav{gap:15px;font-size:12px}.industry-section{padding-inline:28px}.marking-sample{padding:24px 18px}.marking-sample strong{font-size:23px}.tool-sample strong{font-size:19px}}
@media(max-width:800px){.industry-heading{display:block}.industry-heading>p{margin-top:18px}.industry-grid{gap:15px}.industry-bottom{display:block}.industry-bottom .button{margin-top:22px}}
@media(max-width:700px){.shopfront-start .showcase-scene>img{aspect-ratio:3/2;object-fit:contain;max-height:none}.shopfront-start .showcase-scene>.window-caption{padding:20px;gap:12px}.window-caption h1{font-size:26px}.window-caption small{font-size:8px;max-width:100px}.inspiration-row{padding-top:30px}.industry-section{padding:38px 22px}.industry-grid{grid-template-columns:1fr;gap:26px}.marking-sample{min-height:160px;padding:26px}.marking-sample strong{font-size:28px}.industry-card h3{margin-top:15px}.industry-card p{max-width:none}.workshop-tools .toolbox{gap:18px}.mobile-menu nav a{color:#f7f8f2}}
@media(max-width:380px){.window-caption h1{font-size:22px}.window-caption small{max-width:75px}}
.site-header .nav-home{color:#3e5849}
.occasions .ideas-intro{font-size:13px;color:#647064;margin:12px 0 23px}.idea-selection{padding:16px 20px;background:#eef1e7;border-bottom:1px solid #193a3015}.idea-selection[hidden]{display:none}.idea-selection label{display:block;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;color:#526957}.idea-selection select{font:inherit;font-size:15px;font-weight:600;color:#193a30;background:#fff;border:1px solid #c7d2c1;border-radius:9px;width:100%;min-height:44px;padding:8px 12px;cursor:pointer}.idea-selection select:focus-visible{outline:3px solid #709d68;outline-offset:2px}.idea-count{margin-right:auto;font-size:12px;color:#526957}.occasion-copy h3{font-size:clamp(26px,3vw,36px);overflow-wrap:anywhere}.occasion-copy>span{font-size:9px;letter-spacing:.05em}.occasion-controls{gap:12px}.inspiration-row .material-gallery{align-self:start}
@media(max-width:480px){.occasion-copy h3{font-size:26px}.occasion-copy>span{font-size:8px}.idea-selection{padding:14px 16px}.occasion-controls{gap:8px}}

/* Das Schaufenster lädt ein, der Bildband zeigt sofort mehrere Ideen. */
.shopfront-start .showcase-scene{position:relative;isolation:isolate}.shopfront-start .showcase-scene>img{aspect-ratio:2.25/1;object-position:50% 58%;max-height:650px}.shopfront-start .showcase-scene>.window-caption{position:absolute;inset:0;display:flex;align-items:center;padding:38px 5%;background:linear-gradient(90deg,#092b22ef 0%,#092b22cf 25%,#092b2270 43%,transparent 63%);color:white;z-index:1}.window-caption>div{max-width:470px}.window-caption h1{font-size:clamp(29px,3.5vw,48px);line-height:1.12;letter-spacing:-.045em}.window-caption h1 em{color:#d6ee9a}.window-caption .eyebrow{color:#d9e6cf;font-size:9px;margin-bottom:16px}.window-message{font-size:14px;color:#e3e7da;margin:19px 0 23px}.window-actions{display:flex;flex-direction:column;align-items:start;gap:16px}.window-actions .button{font-size:12px;padding:14px 20px}.window-ideas{font-size:12px;color:#f6f7ec;text-decoration:none;text-underline-offset:5px}.window-ideas:hover{text-decoration:underline}.window-caption small{position:absolute;right:16px;bottom:13px;color:#fff;background:#153c30b0;padding:5px 8px;font-size:8px;max-width:none}.inspiration-row{display:block;max-width:1376px;margin:0 auto;padding:48px 0 50px}.inspiration-row .occasions{padding:0;width:100%;max-width:none}.occasions>.eyebrow,.occasions>h2,.occasions>.ideas-intro{margin-left:32px;margin-right:32px}.occasions h2{font-size:clamp(28px,3.6vw,42px)}.occasion-carousel{background:transparent;border-radius:0;box-shadow:none;overflow:visible}.occasion-slides{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding:0 32px 12px;position:relative;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;touch-action:pan-x pan-y}.occasion-slides::-webkit-scrollbar{display:none}.occasion-slides:focus-visible{outline:3px solid #709d68;outline-offset:-3px}.occasion-slide{flex:0 0 370px;min-width:0;min-height:430px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 5px 18px #123d3012}.occasion-slide[hidden]{display:none}.occasion-photo{height:100%;width:100%;position:absolute;inset:0;object-fit:cover}.occasion-copy{left:22px;right:130px;bottom:26px}.occasion-copy h3{font-size:27px}.occasion-copy p{font-size:12px;line-height:1.5}.occasion-copy>span{font-size:8px;line-height:1.5;display:block}.occasion-copy a{font-size:10px;display:block;margin-top:15px}.occasion-copy .idea-shop{margin-top:8px;color:#d6ee9a}.occasion-products{right:14px;top:22px;width:105px;gap:14px}.occasion-products figure{padding:5px;transform:none}.occasion-products figcaption{font-size:9px;line-height:1.4}.occasion-controls{margin:6px 32px 0;padding:0;background:transparent;justify-content:flex-end}.occasion-controls .occasion-pause{margin-left:10px}.occasion-note{margin:12px 32px 0}.inspiration-row .material-gallery{margin:42px 32px 0;padding:25px 28px;max-width:none;border-radius:16px}.material-explorer .material-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.material-example{max-width:490px;margin:20px auto 0}.material-gallery h2{font-size:28px;margin:8px 0 12px}.material-hint{margin-bottom:18px}.material-gallery .eyebrow{font-size:9px}
@media(max-width:950px){.shopfront-start .showcase-scene>img{aspect-ratio:1.75/1}.window-caption>div{max-width:380px}.window-caption h1{font-size:35px}.window-message{max-width:270px}.material-explorer .material-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.occasion-slide{flex-basis:340px}}
@media(max-width:700px){.shopfront-start .showcase-scene>img{aspect-ratio:1.1/1;object-fit:cover;object-position:65% 55%;min-height:350px}.shopfront-start .showcase-scene>.window-caption{position:relative;padding:23px 22px;background:#123d32;display:block}.window-caption>div{max-width:none}.window-caption h1{font-size:32px}.window-caption h1 br:first-of-type{display:none}.window-caption .eyebrow{margin-bottom:10px}.window-message{max-width:none;margin:14px 0 18px;font-size:13px}.window-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px}.window-actions .button{font-size:11px;padding:12px 16px}.window-caption small{position:static;display:block;margin-top:17px;background:transparent;padding:0;text-align:left;font-size:8px;color:#becfc0}.inspiration-row{padding:32px 0}.occasions>.eyebrow,.occasions>h2,.occasions>.ideas-intro{margin-left:22px;margin-right:22px}.occasions h2{font-size:29px}.occasion-slides{padding-inline:22px;gap:14px}.occasion-slide{flex-basis:82vw;max-width:355px;min-height:420px}.occasion-copy{left:18px;right:123px}.occasion-copy h3{font-size:25px}.occasion-products{width:98px;right:12px}.occasion-controls{margin-inline:22px}.occasion-note{margin-inline:22px;font-size:9px}.inspiration-row .material-gallery{margin:32px 22px 0;padding:23px 16px}.material-explorer .material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-example{max-width:none}}
@media(max-width:380px){.occasion-slide{flex-basis:89vw}.occasion-copy{right:111px}.occasion-copy h3{font-size:22px}.occasion-products{width:87px}.window-caption h1{font-size:29px}.material-name{font-size:10px}}
@media(prefers-reduced-motion:reduce){.occasion-slides{scroll-behavior:auto}}
.industry-entry{max-width:1376px;margin:auto;padding:14px 32px;display:flex;align-items:center;gap:20px;text-decoration:none;background:#283933;color:#eef3e8;border-bottom:1px solid #ffffff20;min-height:82px}.industry-entry-icon{color:#d6ee9a;display:block;flex-shrink:0}.industry-entry strong{display:block;font-size:15px;letter-spacing:.01em}.industry-entry small{display:block;font-size:10px;color:#c3d0c4;margin-top:5px}.industry-entry-arrow{margin-left:auto;font-size:12px;color:#d6ee9a;white-space:nowrap}.industry-entry:hover{background:#344c3f}.industry-entry:focus-visible{outline:3px solid #d6ee9a;outline-offset:-5px}
@media(max-width:700px){.industry-entry{padding:13px 20px;gap:13px;min-height:77px}.industry-entry-icon svg{width:45px;height:34px}.industry-entry strong{font-size:13px}.industry-entry small{font-size:9px;max-width:215px;line-height:1.5}.industry-entry-arrow{font-size:0}.industry-entry-arrow::after{content:'↗';font-size:22px}}
.industry-mockup{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#d6d4ce}.industry-mockup-photo{aspect-ratio:1/1;background-image:url('assets/industrie-kennzeichnung-mockups-v1-web.webp');background-size:300% 100%;background-repeat:no-repeat}.industry-mockup figcaption{position:absolute;bottom:10px;left:10px;background:#1d352bd4;color:#f7f8f2;font-size:9px;padding:5px 8px;border-radius:5px}.industry-entry-preview{width:70px;height:50px;border-radius:6px;background-image:url('assets/industrie-kennzeichnung-mockups-v1-web.webp');background-size:300% 100%;background-position:left center}.industry-entry-preview svg{display:none}
@media(max-width:700px){.industry-entry-preview{width:50px;height:45px}.industry-mockup-photo{aspect-ratio:1.2/1;background-size:300% 100%}}
html{scroll-behavior:auto}
@media(max-width:700px){.shopfront-start .showcase-scene{display:flex;flex-direction:column}.shopfront-start .showcase-scene>.window-caption{order:0}.shopfront-start .showcase-scene>img{order:1}.industry-mockup-photo{aspect-ratio:1/1}}
.quiet-letterhead{background:#f7f8f2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px 32px;gap:22px;border-bottom:1px solid #193a3012}.quiet-letterhead .letterhead-logo{width:215px;max-width:none;height:87px;flex-shrink:0;background-size:auto 87px;background-position:left top;border-radius:6px}.brand-promise{font-size:12px;color:#526957;text-align:right;line-height:1.6}.brand-promise strong{font-weight:600;display:block}.brand-promise>span{display:block;font-size:10px;margin-top:4px;color:#7c897d}.procedure-board{max-width:1216px;margin:0 auto}.procedure-hint{font-size:12px;color:#647064;margin:0 0 16px}.procedure-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px}.procedure-tile{background:#e2e8d9;border:1px solid transparent;border-radius:12px;min-height:112px;padding:16px 10px;color:#34513c;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:13px;font-weight:600;transition:background .18s,border-color .18s}.procedure-tile svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.procedure-tile:hover,.procedure-tile[aria-pressed=true]{background:#fff;border-color:#94b58d;box-shadow:0 3px 9px #173d3010}.procedure-tile:focus-visible{outline:3px solid #709d68;outline-offset:3px}.process-examples .craft-card{display:grid;grid-template-columns:45% 1fr;grid-template-rows:auto 1fr;max-width:none;min-width:0}.process-examples .craft-card[hidden]{display:none}.process-examples .craft-visual{grid-column:1;grid-row:1/3;height:330px;min-width:0;padding:0}.process-examples .craft-label{grid-column:2;padding:28px 28px 14px}.process-examples .craft-details{grid-column:2;margin:0 28px}.process-examples .craft-visual .process-image{height:100%;width:100%}.process-examples .process-image img{height:100%;width:100%;object-fit:contain}.process-examples .shirt-pair{height:285px;max-width:440px;margin:auto;padding:20px 16px;gap:12px}.process-examples .shirt-shape{height:210px}.process-examples .shirt-note{font-size:9px}.process-examples #siebdruck .craft-visual,.process-examples #transferdruck .craft-visual{height:330px}.crafts .image-note{max-width:1216px;margin-inline:auto}.process-examples .process-copy{font-size:13px}.process-examples .tradeoffs{gap:20px}
@media(max-width:700px){.quiet-letterhead{padding:12px 20px;gap:16px}.quiet-letterhead .letterhead-logo{width:172px;height:70px;background-size:auto 70px}.brand-promise{font-size:10px;max-width:150px}.brand-promise>span{font-size:9px}.procedure-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.procedure-tile{min-height:99px;font-size:11px;padding:12px 6px}.process-examples .craft-card{display:block}.process-examples .craft-visual,.process-examples #siebdruck .craft-visual,.process-examples #transferdruck .craft-visual{height:290px}.process-examples .craft-label{padding:22px 20px 14px}.process-examples .craft-details{margin:0 20px}.process-examples .shirt-pair{height:255px}.process-examples .shirt-shape{height:195px}}
@media(max-width:380px){.quiet-letterhead .letterhead-logo{width:145px;height:59px;background-size:auto 59px}.brand-promise{font-size:9px}.brand-promise>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.procedure-tile{transition:none}}
.quiet-letterhead{background:linear-gradient(105deg,#00543c,#064734);padding-block:12px;border:0}.quiet-letterhead .letterhead-logo{border-radius:0;width:235px;height:95px;background-size:auto 95px}.quiet-letterhead .letterhead-methods{display:block;width:345px;height:95px;flex-shrink:0;background-size:auto 95px;background-position:right top}.quiet-letterhead .brand-promise{display:none}.audience-entries{max-width:1376px;margin:auto;display:grid;grid-template-columns:1fr 1fr}.audience-entries .industry-entry{width:100%;padding:14px 24px;gap:16px;max-width:none;min-width:0}.audience-entries .industry-entry-arrow{font-size:10px}.teams-entry{background:#3b5040;border-left:1px solid #ffffff20}.teams-entry:hover{background:#48624d}.teams-entry-preview{width:70px;height:50px;border-radius:6px;background:url('assets/sport-socken-trikot-v1-web.webp') right center/150% auto no-repeat #edf1e8}.teams-section{background:#edf1e8}.team-product-pair{aspect-ratio:1/1;display:grid;grid-template-columns:1fr 1fr;background:#f3f2ec;min-width:0;overflow:hidden;align-items:center}.team-product-pair img{width:100%;height:100%;min-width:0;object-fit:contain}.team-product-pair .team-socks{object-fit:cover;object-position:left}.team-product-pair .team-jersey{object-fit:cover;object-position:right}.team-office-products{gap:0;background:#faf8f3}.team-gift-products img:first-child{height:85%;object-fit:contain}.team-gift-products img:last-child{height:80%;object-fit:cover;object-position:center}.team-b2b{border-top:1px solid #23382e20;margin-top:26px;font-size:12px;color:#5e7161}.team-b2b summary{justify-content:space-between;min-height:50px}.team-b2b p{padding-bottom:16px}.procedure-swatch{display:block;aspect-ratio:1/1;width:86px;background-image:url('assets/verfahren-materialmuster-v1-web.webp');background-size:500% 100%;background-repeat:no-repeat;border-radius:9px;mix-blend-mode:multiply}.procedure-tile svg{display:none}.procedure-tile{min-height:145px;gap:6px;padding:12px 8px}
@media(max-width:1000px){.audience-entries .industry-entry-arrow{font-size:0}.audience-entries .industry-entry-arrow::after{content:'↗';font-size:20px}.audience-entries .industry-entry small{font-size:9px;line-height:1.5}.audience-entries .industry-entry strong{font-size:13px}}
@media(max-width:700px){.quiet-letterhead{justify-content:center;padding:8px 20px;flex-direction:row}.quiet-letterhead .letterhead-logo{width:198px;height:80px;background-size:auto 80px}.quiet-letterhead .letterhead-methods{display:none}.audience-entries{grid-template-columns:1fr}.audience-entries .industry-entry{padding:12px 20px;min-height:70px}.teams-entry{border-left:0;border-top:1px solid #ffffff20}.teams-entry-preview{width:50px;height:45px}.procedure-swatch{width:72px}.procedure-tile{min-height:120px}.team-product-pair{aspect-ratio:1/1}}
.procedure-swatch{background-size:500% auto}
.team-single-product{aspect-ratio:1/1;background:#f3f2ec;display:grid;place-items:center}.team-single-product img{width:100%;height:100%;object-fit:contain}.team-gift-products img:last-child{object-fit:contain}
.workshop-explorers{max-width:1216px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.workshop-explorers .material-gallery,.workshop-explorers .procedure-board{background:#e2e8d9;border:1px solid #c4cfbc;border-radius:16px;padding:23px;min-width:0;margin:0;max-width:none;color:#34513c;box-shadow:none}.workshop-explorers #material-title,.workshop-explorers .board-title{font-size:23px;margin:0 0 18px;line-height:1.2}.workshop-explorers .material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workshop-explorers .material-tile{padding:8px}.workshop-explorers .material-swatch{max-width:80px;margin:auto}.workshop-explorers .material-name{font-size:11px}.workshop-explorers .material-example{margin-top:18px;max-width:none;min-height:125px;grid-template-columns:125px 1fr}.workshop-explorers .material-example-photo{width:125px;height:125px}.workshop-explorers .material-example figcaption{padding:15px}.workshop-explorers .material-example strong{font-size:17px}.workshop-explorers .procedure-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.workshop-explorers .procedure-tile{min-height:118px;font-size:11px;padding:8px}.workshop-explorers .procedure-swatch{width:74px}.workshop-explorers .process-examples .craft-card{grid-template-columns:43% 1fr;grid-template-rows:auto 1fr;border-radius:12px}.workshop-explorers .process-examples .craft-visual,.workshop-explorers .process-examples #siebdruck .craft-visual,.workshop-explorers .process-examples #transferdruck .craft-visual{height:285px;grid-row:1/3}.workshop-explorers .process-examples .craft-label{padding:19px 17px 10px;gap:8px;align-items:start}.workshop-explorers .craft-label>span{display:none}.workshop-explorers .craft-label h3{font-size:22px}.workshop-explorers .craft-label p{display:none}.process-brief{grid-column:2;padding:0 17px 18px;min-width:0}.process-brief p{font-size:12px;line-height:1.5;margin:0 0 11px}.process-brief strong{font-size:10px;display:block;letter-spacing:.04em;text-transform:uppercase;color:#526957}.process-brief .process-tech{font-size:9px;color:#709065;margin-bottom:11px}.process-brief .process-limit{color:#6e7a6c;margin-bottom:0}.workshop-explorers .process-examples .shirt-pair{height:240px;padding:16px 8px;gap:4px}.workshop-explorers .process-examples .shirt-shape{height:150px}.workshop-explorers .shirt-preview figcaption{font-size:8px}.workshop-explorers .process-examples .shirt-note{font-size:7px}.crafts .section-heading{margin-bottom:25px}.inspiration-row{padding-bottom:0}
@media(max-width:950px){.workshop-explorers{gap:18px}.workshop-explorers .material-gallery,.workshop-explorers .procedure-board{padding:18px}.workshop-explorers .process-examples .craft-card{display:block}.workshop-explorers .process-examples .craft-visual,.workshop-explorers .process-examples #siebdruck .craft-visual,.workshop-explorers .process-examples #transferdruck .craft-visual{height:230px}.workshop-explorers .process-examples .shirt-shape{height:155px}.process-brief p{font-size:12px}}
@media(max-width:700px){.workshop-explorers{grid-template-columns:1fr}.workshop-explorers .material-gallery,.workshop-explorers .procedure-board{padding:19px 16px}.workshop-explorers .process-examples .craft-card{display:grid;grid-template-columns:42% 1fr}.workshop-explorers .process-examples .craft-visual,.workshop-explorers .process-examples #siebdruck .craft-visual,.workshop-explorers .process-examples #transferdruck .craft-visual{height:305px}.workshop-explorers .craft-label h3{font-size:21px}.process-brief{padding:0 14px 16px}.process-brief p{font-size:11px}.workshop-explorers .process-examples .craft-label{padding:17px 14px 10px}.workshop-explorers .material-example{grid-template-columns:110px 1fr}.workshop-explorers .material-example-photo{width:110px;height:110px}.workshop-explorers .process-examples .shirt-pair{display:block;height:auto;padding-top:22px}.workshop-explorers .shirt-preview:nth-child(2){display:none}.workshop-explorers .process-examples .shirt-shape{height:160px}.workshop-explorers .process-examples .shirt-note{padding:8px}}

/* Quiet, static destinations replace the moving inspiration ribbon. */
.audience-entries{grid-template-columns:repeat(6,minmax(0,1fr))}
.audience-entries>.industry-entry{grid-column:span 3}
.audience-entries>.discovery-entry{grid-column:span 2;background:#edf1e8;color:#254c3c;border-right:1px solid #254c3c18;border-top:1px solid #254c3c18;padding:14px 20px;gap:12px}
.audience-entries>.discovery-entry:hover{background:#dde8cf}
.discovery-entry .industry-entry-arrow{color:#365b36;white-space:nowrap}
.discovery-entry-preview{width:54px;height:54px;flex-shrink:0;border-radius:8px;background-size:cover;background-position:center;background-color:white}
.audience-entries .discovery-entry strong{font-size:14px}
.audience-entries .discovery-entry small{font-size:10px;line-height:1.5;color:#607151}
.discovery-areas{max-width:1376px;margin:auto;padding:0 32px 35px}
.discovery-section{padding-top:55px;scroll-margin-top:95px}
.discovery-section .section-heading{margin-bottom:24px}
.discovery-section h2{font-size:clamp(28px,3vw,38px)}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.static-idea,.lifestyle-idea{min-width:0;background:#f6f7f1;border-radius:14px;overflow:hidden;border:1px solid #22493615}
.static-idea-photo{width:100%;aspect-ratio:1.65;object-fit:cover;display:block}
.static-idea-copy{padding:22px 22px 18px}
.static-idea-copy h3{font-size:22px;margin:0 0 9px;color:#234737}
.static-idea-copy p{font-size:13px;line-height:1.5;margin:8px 0;color:#5c6c5d}
.static-idea-copy .idea-tags{font-size:10px;color:#617f4f}
.static-idea-copy a{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;color:#285239}
.static-idea-products{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px 22px;position:static;width:auto}
.static-idea-products figure{margin:0;border-radius:8px;background:white;padding:8px;text-align:center}
.static-idea-products img{display:block;height:95px;width:100%;object-fit:contain}
.static-idea-products figcaption{font-size:10px;line-height:1.4;margin-top:7px;color:#587050}
.lifestyle-idea>figure{margin:0;background:white;position:relative;aspect-ratio:1.25}
.lifestyle-idea>figure img{display:block;height:100%;width:100%;object-fit:contain;padding:20px}
.lifestyle-idea>figure figcaption{position:absolute;bottom:10px;left:12px;font-size:8px;color:#61715f;background:#edf1e8;padding:4px 7px;border-radius:4px}
.discovery-note{font-size:9px;color:#78826f;margin:22px 0 0}
@media(max-width:1000px){.audience-entries .discovery-entry strong{font-size:12px}.audience-entries .discovery-entry small{font-size:9px}.discovery-entry-preview{width:42px;height:45px}.discovery-grid{gap:16px}.static-idea-copy{padding:18px 16px}.static-idea-copy h3{font-size:19px}.static-idea-products{padding:0 16px 18px;gap:8px}}
@media(max-width:700px){.audience-entries{grid-template-columns:1fr 1fr}.audience-entries>.industry-entry{grid-column:span 1;padding:12px;gap:8px}.audience-entries>.discovery-entry{grid-column:span 1;padding:12px;gap:8px}.audience-entries>.discovery-entry:last-child{grid-column:span 2}.audience-entries .industry-entry-icon{width:35px;height:40px;flex-shrink:0}.audience-entries .industry-entry strong{font-size:11px}.audience-entries .industry-entry small{font-size:8px}.audience-entries .industry-entry-arrow{display:none}.discovery-areas{padding:0 22px 30px}.discovery-section{padding-top:36px}.discovery-grid{grid-template-columns:1fr;gap:20px}.static-idea-photo{aspect-ratio:1.8}.static-idea-copy h3{font-size:23px}.static-idea-products img{height:110px}.lifestyle-idea>figure{aspect-ratio:1.6}.lifestyle-idea>figure img{padding:12px}}

/* All direct destinations share the established industry entry design. */
.audience-entries>.industry-entry,.audience-entries>.discovery-entry{background:#283933;color:#eef3e8;padding:14px 24px;gap:16px;min-height:82px;margin:0;height:100%;border:0;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.audience-entries>.industry-entry:hover,.audience-entries>.discovery-entry:hover{background:#344c3f}
.audience-entries .industry-entry strong,.audience-entries .discovery-entry strong{font-size:15px;letter-spacing:.01em}
.audience-entries .industry-entry small,.audience-entries .discovery-entry small{font-size:10px;color:#c3d0c4;line-height:1.5;margin-top:5px}
.audience-entries .industry-entry-arrow,.discovery-entry .industry-entry-arrow{font-size:10px;color:#d6ee9a}
.audience-entries .industry-entry-icon,.discovery-entry-preview{width:70px;height:50px;border-radius:6px;background-color:#d6d4ce;background-size:300% auto;background-repeat:no-repeat}
.audience-entries .teams-entry-preview{background-image:url('assets/vereine-firmen-studiomockups-v1-web.webp');background-position:left center}
@media(max-width:1300px){.audience-entries .industry-entry-arrow{font-size:0}.audience-entries .industry-entry-arrow::after{content:'↗';font-size:20px}}
@media(max-width:1100px){.audience-entries .industry-entry strong,.audience-entries .discovery-entry strong{font-size:13px}.audience-entries .industry-entry small,.audience-entries .discovery-entry small{font-size:9px}.audience-entries .industry-entry-icon{width:54px;height:45px}.audience-entries>.industry-entry,.audience-entries>.discovery-entry{padding:14px 18px;gap:12px}}
@media(max-width:700px){.audience-entries{grid-template-columns:1fr}.audience-entries>.industry-entry,.audience-entries>.discovery-entry,.audience-entries>.discovery-entry:last-child{grid-column:span 1;min-height:70px;padding:12px 20px;gap:13px}.audience-entries .industry-entry-icon{width:50px;height:45px}.audience-entries .industry-entry-arrow{display:block}.audience-entries .industry-entry small,.audience-entries .discovery-entry small{font-size:9px}.audience-entries .industry-entry strong,.audience-entries .discovery-entry strong{font-size:13px}}

.category-section:nth-child(even){background:#edf1e8}
.category-section{scroll-margin-top:0}

/* One continuous shopfront: original stationery, workshop view and destinations. */
.site-header[hidden]{display:none}
html{scroll-padding-top:20px}
.letterhead{border-bottom:0;position:relative;z-index:2}
.entrance-concept{position:relative;isolation:isolate;min-height:625px;background:#0b3127;overflow:hidden;display:flex;align-items:center;padding:30px 32px}
.entrance-concept::after{display:none}
.entrance-concept .showcase-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#00543cbb 0,transparent 100px),linear-gradient(90deg,#092b22ed 0,#092b22bc 25%,#092b2250 40%,transparent 70%);z-index:1}
.entrance-concept .shopfront-start{position:absolute;inset:0;margin:0;padding:0;max-width:none;background:transparent}
.entrance-concept .showcase-scene{position:absolute;inset:0;display:block;margin:0}
.entrance-concept .showcase-scene>img{width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:65% 60%}
.entrance-concept .showcase-scene>.window-caption{position:absolute;inset:0;display:block;background:none;padding:0;z-index:3;pointer-events:none}
.entrance-concept .window-caption>div{position:absolute;left:365px;right:35px;top:35px;max-width:650px;pointer-events:auto}
.entrance-concept .window-caption .eyebrow{font-size:9px;color:#ebf2de;margin:0 0 13px}
.entrance-concept .window-caption h1{font-size:clamp(30px,3.05vw,44px);line-height:1.08;max-width:650px;margin:0;text-shadow:0 2px 16px #07291dd0}
.entrance-concept .window-caption h1 br:first-of-type{display:none}
.entrance-concept .window-caption h1 em{color:#d6ee9a}
.entrance-concept .window-message{font-size:13px;margin:14px 0 18px;color:#f2f5e9;text-shadow:0 1px 8px #082a21}
.entrance-concept .window-actions{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}
.entrance-concept .window-actions .button{padding:12px 18px;font-size:11px;box-shadow:0 4px 16px #08291f30}
.entrance-concept .window-caption small{right:18px;bottom:13px;font-size:8px;background:#153c3090;max-width:none}
.entrance-concept .audience-entries{position:relative;z-index:4;display:flex;flex-direction:column;gap:9px;width:300px;max-width:300px;margin:0;padding:0}
.entrance-label{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#d5e5c8;margin:0 0 7px;padding-left:3px}
.entrance-concept .audience-entries>.industry-entry{height:auto;min-height:80px;padding:13px 14px;gap:12px;background:#193b30e8;border:1px solid #c5dfb930;border-radius:10px;backdrop-filter:blur(8px);box-shadow:0 5px 15px #06251d22;transition:background .2s,border-color .2s,transform .2s}
.entrance-concept .audience-entries>.industry-entry:hover{background:#345640f2;border-color:#d6ee9a;transform:translateX(4px)}
.entrance-concept .audience-entries .industry-entry-icon{width:52px;height:52px;border-radius:7px}
.entrance-concept .audience-entries .industry-entry strong{font-size:13px;line-height:1.3}
.entrance-concept .audience-entries .industry-entry small{font-size:9px;line-height:1.45;color:#d0dbca;margin-top:5px}
.entrance-concept .audience-entries .industry-entry-arrow{display:block;font-size:0;color:#d6ee9a}
.entrance-concept .audience-entries .industry-entry-arrow::after{content:'↗';font-size:19px}
@media(min-width:1450px){.entrance-concept{min-height:680px;padding-left:max(40px,calc((100vw - 1376px)/2))}.entrance-concept .window-caption>div{left:max(390px,calc((100vw - 1376px)/2 + 340px))}}
@media(max-width:950px) and (min-width:701px){.entrance-concept{padding:25px 22px;min-height:640px}.entrance-concept .audience-entries{width:255px;max-width:255px}.entrance-concept .audience-entries .industry-entry-icon{width:42px;height:46px}.entrance-concept .audience-entries .industry-entry strong{font-size:12px}.entrance-concept .window-caption>div{left:305px;right:25px;top:30px}.entrance-concept .window-caption h1{font-size:32px}.entrance-concept .showcase-scene>img{object-position:64% center}.entrance-concept .window-actions{gap:12px}.entrance-concept .window-ideas{font-size:10px}}
@media(max-width:700px){html{scroll-padding-top:15px}.entrance-concept{display:flex;flex-direction:column;padding:0;min-height:0;overflow:hidden;background:#0b382b}.entrance-concept::after{display:none}.entrance-concept .shopfront-start{position:relative;inset:auto;width:100%;order:0}.entrance-concept .showcase-scene{position:relative;display:flex;flex-direction:column}.entrance-concept .showcase-scene>.window-caption{position:relative;inset:auto;order:0;background:linear-gradient(#00543c,#0b382b);padding:25px 22px 20px;pointer-events:auto}.entrance-concept .window-caption>div{position:static;max-width:none}.entrance-concept .window-caption h1{font-size:32px}.entrance-concept .window-caption .eyebrow{font-size:8px;margin-bottom:12px}.entrance-concept .window-message{font-size:12px;margin:14px 0 18px}.entrance-concept .window-actions{gap:14px}.entrance-concept .window-actions .button{font-size:10px;padding:12px 15px}.entrance-concept .window-ideas{font-size:10px}.entrance-concept .window-caption small{position:absolute;top:calc(100% + 270px);bottom:auto;right:12px;font-size:7px;padding:4px 6px;margin:0;z-index:3}.entrance-concept .showcase-scene>img{position:relative;height:300px;object-fit:cover;object-position:70% 65%;order:1;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 85%,transparent)}.entrance-concept .audience-entries{order:1;width:100%;max-width:none;padding:5px 22px 28px;gap:9px}.entrance-label{font-size:9px;margin-bottom:5px}.entrance-concept .audience-entries>.industry-entry{min-height:74px;transform:none}.entrance-concept .audience-entries .industry-entry-icon{width:50px;height:45px}.entrance-concept .audience-entries .industry-entry strong{font-size:13px}.entrance-concept .audience-entries .industry-entry small{font-size:9px}.entrance-concept .audience-entries>.industry-entry:hover{transform:none}}
@media(max-width:700px){.entrance-concept .showcase-scene::after{display:none}}
@media(prefers-reduced-motion:reduce){.entrance-concept .audience-entries>.industry-entry{transition:none}}

/* Compact original wordmarks and a calm navigation space before the shopfront. */
.letterhead{align-items:center;justify-content:center;gap:35px;padding:14px 32px;background:#00543c}
.letterhead .letterhead-logo{width:310px;height:126px;flex-shrink:0;background-size:auto 126px;max-width:none}
.letterhead .compact-brand-methods{display:flex;align-items:center;justify-content:center;gap:0;width:480px;max-width:none;height:95px;background:none;flex-shrink:0}
.brand-method{display:flex;align-items:center;justify-content:center;width:120px;height:95px;overflow:hidden}
.brand-method-art{position:relative;display:block;width:110px;overflow:hidden}
.brand-method-art img{position:absolute;max-width:none;height:auto;display:block}
.screen-wordmark{clip-path:polygon(0% 57%,100% 0%,100% 48%,0% 100%)}
.screen-wordmark-text{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:900;letter-spacing:-.06em;color:#fff;text-shadow:2px 2px 2px #152a21;transform:rotate(-8deg) scaleX(.95)}
@media(max-width:700px){.screen-wordmark-text{font-size:clamp(16px,5.8vw,24px)}}
.site-header{position:relative;top:auto;background:#f7f8f2;padding:19px 0;border:0;box-shadow:none}
.site-header .header-inner{min-height:56px}
.industry-bottom{justify-content:flex-end;margin-top:18px;padding-top:12px;gap:0}
.industry-bottom .button{font-size:11px;line-height:1.3;padding:10px 16px;min-height:38px;box-shadow:none;margin-top:0}
html{scroll-padding-top:20px}
@media(max-width:950px){.letterhead{gap:15px;padding:14px 22px}.letterhead .letterhead-logo{width:260px;height:106px;background-size:auto 106px}.letterhead .compact-brand-methods{width:420px}.brand-method{width:105px}.brand-method-art{width:100px}}
@media(max-width:700px){.letterhead{padding:14px 15px 16px;gap:2px;flex-direction:column}.letterhead .letterhead-logo{width:280px;height:114px;background-size:auto 114px;max-width:none}.letterhead .compact-brand-methods{width:100%;max-width:420px;height:70px}.brand-method{width:25%;height:70px}.brand-method-art{width:95%;max-width:100px}.site-header{padding:14px 0}.site-header .header-inner{min-height:48px}.industry-bottom{display:flex;margin-top:16px;padding-top:10px}.industry-bottom .button{margin:0;font-size:11px;padding:10px 15px}}

/* Original-size logo, complete procedure artwork at eighty percent. */
.full-method-letterhead{padding:0;gap:0;justify-content:space-between;align-items:center}
.full-method-letterhead .letterhead-logo{width:40.5%;height:clamp(110px,16.5vw,227px);background-size:auto 100%;background-position:left top;max-width:none;flex-shrink:0}
.full-method-letterhead .letterhead-methods{display:block;width:47.6%;height:clamp(88px,13.2vw,181.6px);background-image:url('assets/briefpapier-kopf-original-web.webp');background-size:auto 100%;background-position:right top;background-repeat:no-repeat;max-width:none;flex-shrink:0;margin-right:2.5%}
@media(max-width:700px){.full-method-letterhead{flex-direction:column;padding:0 12px 10px;gap:5px}.full-method-letterhead .letterhead-logo{width:295px;max-width:100%;height:120px;background-size:auto 120px}.full-method-letterhead .letterhead-methods{width:292px;max-width:100%;height:80px;background-size:auto 80px;margin:0}}
@media(max-width:380px){.full-method-letterhead .letterhead-methods{width:245px;height:68px;background-size:auto 68px}}

.centered-brand-letterhead{justify-content:center;align-items:center;padding:0;gap:0}
.centered-brand-letterhead .letterhead-logo{width:min(40vw,550.4px);height:clamp(110px,16.5vw,227px);background-size:auto 100%;background-position:left top;max-width:none;flex-shrink:0}
@media(max-width:700px){.centered-brand-letterhead{padding:0 12px}.centered-brand-letterhead .letterhead-logo{width:290px;max-width:100%;height:120px;background-size:auto 120px}}
.centered-brand-letterhead{width:100%;max-width:none;background:#00543c url('assets/briefkopf-gruen-textur-v1-web.webp') center/640px auto repeat}
.centered-brand-letterhead .letterhead-logo{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 94%,transparent),linear-gradient(180deg,#000 0%,#000 82%,transparent 88%);mask-composite:intersect}

/* Four understated methods frame the original centered logo. */
.balanced-method-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px;padding:0 max(32px,calc((100% - 1376px)/2));color:#fff}
.header-method-pair{display:flex;flex-direction:column;justify-content:center;gap:0;max-width:270px;width:100%;justify-self:center}
.header-method{display:block;padding:15px 0;text-align:center}
.header-method+.header-method{border-top:1px solid #e9f2dd65}
.header-method strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.7vw,25px);font-weight:400;letter-spacing:.01em;text-shadow:0 2px 5px #062a1e80;line-height:1.2}
.header-method small{display:block;font-size:9px;line-height:1.5;color:#e1e9da;margin-top:7px;letter-spacing:.02em}
@media(max-width:950px) and (min-width:701px){.balanced-method-header{gap:15px;padding-inline:22px}.header-method{padding:11px 0}.header-method strong{font-size:18px}.header-method small{font-size:8px;letter-spacing:0}}
@media(max-width:700px){.balanced-method-header{grid-template-columns:1fr 1fr;gap:0 20px;padding:0 22px 14px}.balanced-method-header .letterhead-logo{grid-column:1/3;grid-row:1;justify-self:center}.header-method-pair{grid-row:2;max-width:230px}.header-method-pair-left{grid-column:1}.header-method-pair-right{grid-column:2}.header-method{padding:11px 0}.header-method strong{font-size:18px}.header-method small{font-size:8px;margin-top:5px;letter-spacing:0}}

/* Exact stationery artwork retains its original type, color and effects. */
.balanced-method-header .header-method-pair{max-width:245px;gap:0}
.balanced-method-header .original-method-art{display:flex;align-items:center;justify-content:center;padding:3px 0;min-height:0}
.original-method-crop{position:relative;display:block;width:120px;max-width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.original-method-crop img{position:absolute;max-width:none;height:auto;display:block}
.balanced-method-header .header-method-pair-left .original-method-art:first-child .original-method-crop{width:100px}
@media(max-width:950px) and (min-width:701px){.original-method-crop{width:90px}.balanced-method-header .header-method-pair-left .original-method-art:first-child .original-method-crop{width:75px}.balanced-method-header .original-method-art{padding:2px 0}}
@media(max-width:700px){.original-method-crop{width:130px}.balanced-method-header .header-method-pair-left .original-method-art:first-child .original-method-crop{width:110px}.balanced-method-header .original-method-art{padding:7px 0}.balanced-method-header .header-method-pair{align-self:start}}

.interactive-method-header .header-method-choice{position:relative;width:100%;height:89px;border:0;padding:12px 0;background:transparent;color:white;font:inherit;cursor:pointer;border-radius:0}
.interactive-method-header .header-method-choice+.header-method-choice{border-top:1px solid #e9f2dd65}
.header-method-type{display:block}
.header-method-hover-art{display:none;position:absolute;inset:3px;align-items:center;justify-content:center}
.interactive-method-header .header-method-choice[aria-pressed="true"] .header-method-type{visibility:hidden}
.interactive-method-header .header-method-choice[aria-pressed="true"] .header-method-hover-art{display:flex}
.header-method-choice:focus-visible{outline:2px solid #d6ee9a;outline-offset:2px}
.interactive-method-header .letterhead-logo{display:block}
.entrance-concept .showcase-process-preview{position:absolute;z-index:2;right:5%;bottom:28px;width:min(32%,360px);margin:0;border-radius:14px;overflow:hidden;background:#e3e1d9;box-shadow:0 14px 45px #08271fb0;border:1px solid #ffffff50}
.showcase-process-preview[hidden]{display:none}
.showcase-process-photo{aspect-ratio:1;background-size:300% auto;background-repeat:no-repeat;background-position:center}
.showcase-process-caption{padding:12px 16px;background:#f4f5ed;color:#244a36;display:flex;flex-direction:column;gap:4px}
.showcase-process-caption strong{font-size:18px}.showcase-process-caption span{font-size:11px}.showcase-process-caption small{position:static;font-size:8px;background:none;color:#76806d;padding:0;margin-top:3px;text-align:left}
@media(max-width:950px) and (min-width:701px){.interactive-method-header .header-method-choice{height:69px}.entrance-concept .showcase-process-preview{width:43%;right:3%;bottom:30px}}
@media(max-width:700px){.interactive-method-header .header-method-choice{height:100px}.entrance-concept .showcase-process-preview{width:calc(100% - 44px);height:280px;bottom:10px;right:22px;z-index:4}.showcase-process-photo{height:205px;aspect-ratio:auto;background-size:300% auto}.showcase-process-caption{padding:8px 12px}.showcase-process-caption strong{font-size:15px}.showcase-process-caption span{font-size:10px}.showcase-process-caption small{display:none}}

/* Three routes into the same existing categories and example boards. */
.quick-discovery{position:relative;z-index:4;width:300px;flex-shrink:0;align-self:center}
.quick-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;gap:3px;margin:0 0 13px;border:1px solid #d2e5bd40;border-radius:10px;background:#0e3029ed}
.quick-tabs button{font:inherit;font-size:11px;font-weight:600;border:0;border-radius:7px;padding:11px 4px;color:#edf3e5;background:transparent;cursor:pointer}
.quick-tabs button[aria-selected="true"]{background:#d6ee9a;color:#193b2b}
.quick-tabs button:focus-visible,.quick-choice:focus-visible{outline:2px solid #d6ee9a;outline-offset:3px}
.quick-hint{font-size:11px;color:#d0dfc6;margin:0 0 14px}
.quick-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.quick-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:102px;padding:12px 6px;text-decoration:none;border-radius:10px;background:#e9eee1f2;border:1px solid #d2e3c599;color:#244b36;box-shadow:0 4px 15px #06251d22;transition:background .2s,transform .2s}
.quick-choice:hover{background:#fff;transform:translateY(-2px)}
.quick-choice .material-swatch{width:62px;max-width:100%}
.quick-choice .material-name{font-size:10px;line-height:1.35;text-align:center}
.quick-choice .procedure-swatch{width:62px;mix-blend-mode:multiply}
.quick-procedure span:last-child{font-size:10px;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.quick-procedure-grid{grid-template-columns:1fr 1fr}
.quick-procedure-grid .quick-choice{min-height:121px}
.quick-procedure-grid .quick-choice:last-child{grid-column:1/3;flex-direction:row;gap:20px;min-height:90px}
.entrance-concept .quick-discovery .audience-entries{width:100%;max-width:none}
.quick-discovery [hidden]{display:none}
@media(max-width:950px) and (min-width:701px){.quick-discovery{width:255px}.quick-choice{min-height:95px}.quick-choice .material-swatch,.quick-choice .procedure-swatch{width:55px}.quick-tabs button{font-size:10px}}
@media(max-width:700px){.quick-discovery{order:1;width:100%;padding:5px 22px 28px}.entrance-concept .quick-discovery .audience-entries{padding:0}.quick-choice-grid{gap:10px}.quick-choice{min-height:105px}.quick-choice .material-swatch,.quick-choice .procedure-swatch{width:66px}.quick-choice .material-name,.quick-procedure span:last-child{font-size:11px}.quick-tabs button{font-size:12px}.quick-procedure-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-procedure-grid .quick-choice:last-child{grid-column:auto;flex-direction:column;gap:8px;min-height:121px}}
@media(prefers-reduced-motion:reduce){.quick-choice{transition:none}}

/* A softly raised ivory navigation rail separates branding and shopfront. */
.site-header{position:relative;z-index:5;background:linear-gradient(180deg,#fffef9 0%,#f7f8f2 46%,#edf0e7 100%);border-top:1px solid #ffffffd9;border-bottom:1px solid #bdc7b7;box-shadow:inset 0 2px 0 #ffffffa6,inset 0 -3px 5px #5364480d,0 7px 12px #082d2330,0 18px 30px #082d231c}
.site-header::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:4px;background:linear-gradient(180deg,#cad2c1,#e4e9df);border-bottom:1px solid #81917b66;pointer-events:none}
.site-header .desktop-nav>a:not(.button){transition:color .2s;text-shadow:0 1px 0 #fff}
.site-header .desktop-nav>a:not(.button):hover{color:#568039}
.site-header .button{box-shadow:inset 0 1px 0 #ffffff85,0 2px 4px #23462d1a}
@media(prefers-reduced-motion:reduce){.site-header .desktop-nav>a:not(.button){transition:none}}

/* Raised rail separates both the green masthead and the workshop image. */
.entrance-concept{min-height:clamp(625px,58vw,850px)}
.entrance-concept .showcase-scene>img{object-position:center bottom}
@media(max-width:700px){.entrance-concept{min-height:0}.entrance-concept .showcase-scene>img{height:clamp(260px,68vw,360px);object-position:center bottom;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 100%)}.entrance-concept .window-caption small{top:auto;bottom:calc(-1 * clamp(260px,68vw,360px) + 10px)}}
.site-header{border-top:1px solid #fffef9;box-shadow:inset 0 2px 0 #ffffffbf,inset 0 -3px 5px #5364480d,0 -5px 10px #092c2338,0 -13px 22px #092c231a,0 7px 12px #082d2330,0 18px 30px #082d231c}
.site-header::before{content:'';position:absolute;left:0;right:0;top:-5px;height:4px;background:linear-gradient(180deg,#b7c1ad,#edf1e6);border-top:1px solid #f8fbf1a6;pointer-events:none}
.site-header{width:100%;max-width:none;margin-inline:0;border-radius:0}
.workshop-explorers{align-items:stretch}
.workshop-explorers .material-gallery,.workshop-explorers .procedure-board{height:100%}
.workshop-explorers .process-examples #siebdruck,.workshop-explorers .process-examples #transferdruck{grid-template-columns:58% 1fr}
.workshop-explorers .process-examples #siebdruck .craft-visual,.workshop-explorers .process-examples #transferdruck .craft-visual{height:320px}
.workshop-explorers .process-examples .shirt-pair{height:275px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:18px 10px;gap:10px}
.workshop-explorers .process-examples .shirt-shape{height:auto;aspect-ratio: .78;max-height:210px;width:100%}
.workshop-explorers .shirt-preview figcaption{font-size:9px;line-height:1.4}
@media(max-width:950px) and (min-width:701px){.workshop-explorers .process-examples #siebdruck .craft-visual,.workshop-explorers .process-examples #transferdruck .craft-visual{height:285px}.workshop-explorers .process-examples .shirt-pair{max-width:330px;height:250px}}
@media(max-width:700px){.workshop-explorers .material-gallery,.workshop-explorers .procedure-board{height:auto}.workshop-explorers .process-examples #siebdruck,.workshop-explorers .process-examples #transferdruck{display:block}.workshop-explorers .process-examples .shirt-pair{max-width:360px;height:275px}.workshop-explorers .shirt-preview:nth-child(2){display:block}.workshop-explorers #siebdruck .process-brief,.workshop-explorers #transferdruck .process-brief{padding:0 18px 18px}}
.entrance-concept .window-caption>div{top:46px}
@media(max-width:700px){.entrance-concept .showcase-scene>.window-caption{padding:25px 22px}.entrance-concept .window-caption>div{position:static}}

/* One correctly proportioned shirt, framed like a workshop sample. */
.workshop-explorers .process-examples .shirt-pair{grid-template-columns:1fr;max-width:260px;height:275px;padding:12px 18px;gap:0}
.workshop-explorers .process-examples .shirt-shape{width:min(100%,225px);height:auto;aspect-ratio:1.05;max-height:none}
.workshop-explorers .shirt-preview figcaption{font-size:10px;margin-top:12px}

/* Raised lettering recalls a hand-painted workshop sign. */
.entrance-concept .window-caption h1{max-width:760px;line-height:1.04;letter-spacing:-.025em;text-shadow:none}
.entrance-concept .window-caption .memory-line{display:block;font-family:Bahnschrift,'Arial Narrow','Segoe UI',sans-serif;font-size:clamp(26px,2.65vw,39px);font-weight:800;text-transform:uppercase;letter-spacing:.025em;color:#f4eddb;text-shadow:0 1px 0 #c4b99f,0 2px 0 #8c8069,0 3px 0 #594d39,1px 5px 0 #1c3027,0 8px 14px #061c16b3}
.entrance-concept .window-caption .memory-line br:first-of-type{display:block}
.entrance-concept .window-caption h1 em{display:block;width:fit-content;margin-top:8px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.4vw,65px);font-weight:700;font-style:italic;letter-spacing:-.055em;line-height:1.05;color:#e3c58a;transform:rotate(-2deg);transform-origin:left center;text-shadow:0 1px 0 #b29156,0 2px 0 #987742,0 3px 0 #755a31,0 4px 0 #513d23,1px 6px 0 #173327,0 10px 18px #061c16cc}
@media(max-width:950px) and (min-width:701px){.entrance-concept .window-caption .memory-line{font-size:26px}.entrance-concept .window-caption h1 em{font-size:43px}}
@media(max-width:700px){.entrance-concept .window-caption .memory-line{font-size:clamp(22px,6.1vw,32px)}.entrance-concept .window-caption h1 em{font-size:clamp(38px,10.4vw,52px);margin-top:10px}.workshop-explorers .process-examples .shirt-pair{max-width:280px;height:275px}}

/* Recessed lettering: shadow inside the cut, light along its lower edge. */

.letterhead.rust-company-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:35px;max-width:none;width:100%;padding:10px max(35px,calc((100% - 1130px)/2));background:#30261e url('assets/werkstattplakette-rost-v1-web.webp') center/cover;border-top:3px solid #514030;border-bottom:3px solid #1d211e;box-shadow:inset 0 2px 5px #d2b99833,inset 0 -5px 10px #090d0bc9;color:#eee2ca}
.rust-logo-crop{position:relative;display:block;width:clamp(280px,32vw,425px);aspect-ratio:790/285;overflow:hidden;filter:drop-shadow(0 2px 1px #0a0d0bd9)}
.rust-logo-crop img{position:absolute;width:253.1646%;max-width:none;height:auto;left:0;top:0;filter:url('#original-white-lettering')}
.letterhead.rust-company-header{position:relative}
.rust-company-header::before{content:'';position:absolute;inset:6px;border:1px solid #d5a67555;border-radius:3px;box-shadow:inset 0 1px 2px #080d0ba6;pointer-events:none}
.rust-company-header::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16px 16px,#a18a70 0 2px,#594536 3px,#1b1c17 5px,transparent 6px),radial-gradient(circle at calc(100% - 16px) 16px,#a18a70 0 2px,#594536 3px,#1b1c17 5px,transparent 6px),radial-gradient(circle at 16px calc(100% - 16px),#a18a70 0 2px,#594536 3px,#1b1c17 5px,transparent 6px),radial-gradient(circle at calc(100% - 16px) calc(100% - 16px),#a18a70 0 2px,#594536 3px,#1b1c17 5px,transparent 6px)}
.rust-methods{width:100%;max-width:225px;justify-self:center;display:grid;gap:0;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:clamp(16px,1.6vw,22px);text-shadow:0 2px 2px #090d0b}
.rust-methods span{padding:13px 0}
.rust-methods span+span{border-top:1px solid #d3ad7866}
@media(max-width:700px){.letterhead.rust-company-header{grid-template-columns:1fr 1fr;gap:0 22px;padding:7px 22px 12px}.rust-logo-crop{grid-column:1/3;grid-row:1;justify-self:center;width:265px}.rust-methods{grid-row:2;font-size:13px}.rust-methods span{padding:7px 0}}
.letterhead.stationery-original-header{display:block;width:100%;max-width:none;margin:0;padding:0;background:#00543c url('assets/briefkopf-gruen-textur-v1-web.webp') center/640px auto repeat}
.stationery-original-header .stationery-header-link{display:block;width:100%}
.stationery-original-header .stationery-header-link img{display:block;width:min(100%,760px);height:auto;max-width:none;margin-inline:auto}
.material-tile[aria-label="Glas"] .material-swatch{border:0;box-shadow:none;border-radius:0}
.material-swatch img.clear-glass-swatch{position:static;width:100%;height:100%;object-fit:contain;max-width:100%}
.material-swatch .original-clear-glass{display:block;width:100%;height:100%}
.footer-greeting{position:relative;width:360px;max-width:100%;aspect-ratio:600/110;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.footer-brand .footer-greeting img{position:absolute;width:361.5%;max-width:none;height:auto;left:-129.1667%;top:-86.3636%;object-fit:initial}
.site-footer{background:#00543c url('assets/briefkopf-gruen-textur-v1-web.webp') center/640px auto repeat;padding-top:30px}
#feiertage-feste .industry-mockup-photo{aspect-ratio:647.3333/809}
.footer-main{align-items:center}
@media(max-width:700px){.footer-brand{width:100%}.footer-greeting{width:min(100%,360px);margin:auto}}
.original-letterhead{display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:none;padding:0;gap:0;position:relative;background:#00543c url('assets/briefkopf-gruen-textur-v1-web.webp') center/640px auto repeat}
.original-letterhead .letterhead-logo{width:40.5%;height:clamp(0px,16.5vw,264px);max-width:648px;background-image:url('assets/briefpapier-kopf-original-web.webp');background-size:auto 100%;background-position:left top;mask-image:linear-gradient(90deg,#000 0%,#000 92%,transparent 100%);border-radius:0;flex-shrink:0}
.original-letterhead::after{content:'';position:absolute;left:40.5%;right:0;bottom:0;height:12%;background:linear-gradient(180deg,transparent,#60978a55),repeating-linear-gradient(0deg,#7db3a038 0 1px,transparent 1px 2px);pointer-events:none}
@media(max-width:700px){.original-letterhead{padding:0;flex-direction:row}.original-letterhead .letterhead-logo{width:90%;height:36.67vw;max-height:160px;max-width:393px;background-size:auto 100%}.original-letterhead::after{left:90%}}
.reference-method-header .header-method-pair{max-width:270px;gap:0}
.reference-method-header .header-method{padding:18px 0}
.reference-method-header .header-method strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,1.7vw,25px);font-weight:400;letter-spacing:0;color:#fff9ec;text-shadow:0 2px 4px #073b2d80}
.reference-method-header .header-method small{font-size:9px;letter-spacing:0;margin-top:9px;color:#e6eddf}
.reference-method-header .header-method+.header-method{border-top:1px solid #d8e6cd55}
@media(max-width:700px){.reference-method-header .header-method{padding:11px 0}.reference-method-header .header-method strong{font-size:20px}.reference-method-header .header-method small{font-size:8px;margin-top:6px}}
.entrance-concept .window-caption h1 em{transform:rotate(-6deg);margin-top:18px}
.workshop-explorers .process-examples{display:grid}
.workshop-explorers .process-examples .craft-card{grid-area:1/1;align-self:stretch}
.workshop-explorers .process-examples .craft-card[hidden]{display:grid;visibility:hidden;pointer-events:none}
@media(max-width:950px) and (min-width:701px){.workshop-explorers .process-examples .craft-card[hidden]{display:block}}
@media(max-width:700px){.workshop-explorers .process-examples #siebdruck[hidden],.workshop-explorers .process-examples #transferdruck[hidden]{display:block}}
.entrance-concept .window-caption h1 em{color:#f1ddb0;background:linear-gradient(180deg,#685337 0%,#b39b6d 12%,#eedbb0 35%,#fff0cc 70%,#d6bd8c 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.65px #fff0ccbf;text-shadow:none;filter:drop-shadow(-1px -2px 0 #18271ff2) drop-shadow(0 -3px 1px #0c1b14d9) drop-shadow(1px 2px 0 #fff4d6) drop-shadow(0 4px 7px #061a13e6)}

.letterhead.rust-company-header{background:radial-gradient(ellipse at 85% 15%,#89704b24,transparent 55%),linear-gradient(110deg,#102c24,#283c30 55%,#393a2e);padding-block:12px;border:0;box-shadow:inset 0 -1px 0 #ffffff16;gap:40px}
.rust-company-header::before,.rust-company-header::after{display:none}
.rust-center-plaque{position:relative;padding:7px 20px 4px;border:2px solid #674c36;border-radius:7px;background:#35281f url('assets/werkstattplakette-rost-v1-web.webp') center/cover;box-shadow:inset 0 1px 2px #b991655e,0 6px 12px #080d0b80}
.rust-center-plaque::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10px 10px,#9b8165 0 1px,#4e3c2c 2px,#171a15 4px,transparent 5px),radial-gradient(circle at calc(100% - 10px) 10px,#9b8165 0 1px,#4e3c2c 2px,#171a15 4px,transparent 5px),radial-gradient(circle at 10px calc(100% - 10px),#9b8165 0 1px,#4e3c2c 2px,#171a15 4px,transparent 5px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#9b8165 0 1px,#4e3c2c 2px,#171a15 4px,transparent 5px)}
.rust-logo-crop .steel-brand{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 0 #e9f4fb66) drop-shadow(1px 3px 1px #070c0be6)}
@media(max-width:700px){.letterhead.rust-company-header{padding:12px 22px;gap:5px 22px}.rust-center-plaque{grid-column:1/3;grid-row:1;justify-self:center;padding:5px 15px 2px}.rust-center-plaque .rust-logo-crop{width:min(265px,65vw)}}

/* Footer follows the charcoal, warm metal and workshop green palette. */
.site-footer{background:radial-gradient(ellipse at 85% 15%,#89704b24,transparent 55%),linear-gradient(110deg,#102c24,#283c30 55%,#393a2e);color:#dedbcf;border-top:1px solid #b49a6555;box-shadow:inset 0 2px 5px #080d0b66}
.footer-greeting .gold-workshop-greeting{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 2px #070c0b)}
.footer-bottom{border-top-color:#b49a6545;color:#bebeb0}
.site-footer a:hover{color:#e3c58a}

/* Original stationery signature integrated into the white navigation bar. */
.site-header::before{display:none}
.site-header .header-inner{min-height:110px;gap:28px}
.stationery-nav-logo{display:block;flex:0 0 270px;width:270px;line-height:0}
.stationery-nav-logo svg{display:block;width:100%;height:auto}
@media(max-width:950px){.stationery-nav-logo{flex-basis:220px;width:220px}.site-header .header-inner{gap:18px}}
@media(max-width:700px){.site-header .header-inner{min-height:86px;padding-inline:18px;gap:12px}.stationery-nav-logo{flex:0 1 210px;width:210px}.mobile-actions{gap:14px;flex-shrink:0}}
@media(max-width:380px){.stationery-nav-logo{flex-basis:180px}.site-header .header-inner{padding-inline:12px}}

/* A distinct brand label, using the unchanged stationery signature. */
.site-header .header-inner{padding-block:12px}
.stationery-nav-logo{position:relative;flex-basis:300px;width:300px;padding:7px 17px 9px;background:linear-gradient(145deg,#204d3d,#102f26);border:1px solid #57705a;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff20,0 3px 7px #142e2324}
.stationery-nav-logo::after{content:'';position:absolute;inset:4px;border:1px solid #d9c18c55;border-radius:3px;pointer-events:none}
.stationery-nav-logo svg{filter:drop-shadow(0 2px 1px #071a1466)}
@media(max-width:950px){.stationery-nav-logo{flex-basis:240px;width:240px}}
@media(max-width:700px){.site-header .header-inner{padding-block:10px}.stationery-nav-logo{flex:0 1 215px;width:215px;padding:5px 11px 7px;max-width:none}}
@media(max-width:380px){.stationery-nav-logo{flex-basis:190px}}

/* Painted shop sign with a warm frame and small brass fixings. */
.stationery-nav-logo{padding:10px 19px 12px;border:4px solid #756047;border-radius:12px 12px 7px 7px;background:radial-gradient(ellipse at 30% 0,#54705b55,transparent 65%),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(145deg,#244e3e,#113429);box-shadow:inset 0 0 0 1px #d6bf8b77,inset 0 3px 8px #061b1655,0 2px 0 #463f2e,0 6px 8px #142e2330;transform:rotate(-1deg)}
.stationery-nav-logo::after{inset:5px;border:1px solid #d9c18c88;border-radius:5px}
.stationery-nav-logo::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 7px 7px,#f3db9e 0 1px,#9c804d 2px,#423d28 3px,transparent 4px),radial-gradient(circle at calc(100% - 7px) 7px,#f3db9e 0 1px,#9c804d 2px,#423d28 3px,transparent 4px)}
.stationery-nav-logo svg{filter:drop-shadow(0 1px 0 #fff2c744) drop-shadow(0 2px 1px #061b1499)}
@media(max-width:700px){.stationery-nav-logo{padding:6px 12px 8px;border-width:3px;border-radius:9px 9px 5px 5px}.stationery-nav-logo::after{inset:4px}}

/* Quiet Augsburg panorama behind the brand and navigation. */
.site-header{isolation:isolate}
.site-header::before{display:block;inset:0 20px 0 34%;height:auto;border:0;z-index:-1;background:url('assets/header-augsburg-fluesse-perlach-v2-web.webp') right center/contain no-repeat;opacity:.34;mix-blend-mode:multiply;pointer-events:none}
.site-header .header-inner{position:relative}
.site-header .desktop-nav>a:not(.button){text-shadow:0 1px 1px #fff,0 0 6px #fff,0 0 12px #fff}
@media(max-width:700px){.site-header::before{inset:0 0 0 48%;background-size:contain;background-position:right center;opacity:.28}}

/* A continuous storefront fascia: soft city backdrop, mounted sign and sill. */
.site-header{background:linear-gradient(180deg,#fffef9 0%,#f7f8f2 72%,#e6ebe0 100%);border-bottom:1px solid #617363;box-shadow:inset 0 -1px 0 #ffffffb3,0 5px 10px #071e1845}
.site-header::before{left:auto;right:20px;width:min(64%,560px);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 15%,#000 68%,transparent 100%);mask-composite:intersect}
.site-header::after{bottom:-6px;height:6px;background:linear-gradient(180deg,#748577 0%,#334f42 40%,#153c2f 100%);border:0;box-shadow:0 3px 5px #061e1755}
.stationery-nav-logo{box-shadow:inset 0 0 0 1px #d6bf8b77,inset 0 3px 8px #061b1655,0 2px 0 #463f2e,1px 7px 10px #142e2338}
.entrance-concept{position:relative}
.entrance-concept::before{content:'';position:absolute;inset:0 0 auto;height:35px;background:linear-gradient(180deg,#12382c55,transparent);z-index:2;pointer-events:none}
@media(max-width:700px){.site-header::before{left:auto;right:0;width:52%}.site-header::after{height:4px;bottom:-4px}.entrance-concept::before{height:22px}}

/* Wide monitors retain the complete 3:2 storefront instead of zooming it. */
@media(min-width:1450px){
 .entrance-concept{min-height:960px;height:960px;padding-left:calc((100% - 1440px)/2 + 32px);background:linear-gradient(90deg,#102d24,#1b3b30 50%,#102d24)}
 .entrance-concept .shopfront-start{left:50%;right:auto;width:1440px;max-width:none;transform:translateX(-50%)}
 .entrance-concept .showcase-scene>img{object-fit:contain;object-position:center}
 .entrance-concept .window-caption>div{left:365px;right:35px}
 .entrance-concept::after{background:linear-gradient(90deg,#102d2480,transparent 45%);pointer-events:none}
}

/* City panorama left, brand centered, navigation right. */
.site-header .header-inner{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:28px;padding-inline:32px}
.stationery-nav-logo{grid-column:2;grid-row:1;justify-self:center}
.site-header .desktop-nav{grid-column:3;grid-row:1;justify-self:end;gap:clamp(12px,1.4vw,25px);flex-wrap:wrap;justify-content:flex-end}
.site-header::before{left:20px;right:auto;width:min(40%,560px)}
@media(max-width:1100px) and (min-width:701px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:18px;padding-inline:22px}.stationery-nav-logo{width:240px}.site-header .desktop-nav{font-size:11px;gap:12px}.site-header .desktop-nav .button{padding:10px 16px;min-height:40px}}
@media(max-width:700px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);padding-inline:12px;gap:8px}.stationery-nav-logo{width:190px}.mobile-actions{grid-column:3;grid-row:1;justify-self:end;gap:0}.mobile-actions .mobile-shop{display:none}.site-header::before{left:0;right:auto;width:42%;opacity:.25}}
@media(max-width:380px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr)}.stationery-nav-logo{width:170px}}

.stationery-nav-logo{padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
.stationery-nav-logo::before,.stationery-nav-logo::after{display:none}
.stationery-nav-logo svg{filter:drop-shadow(0 1px 0 #fff)}

/* A larger signature and a calm left-hand welcome column. */
.site-header .header-inner{grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr)}
.stationery-nav-logo{width:340px}
.site-header::before{left:0;width:min(65%,800px);background-position:left 15%;background-size:100% auto;opacity:.3}
@media(min-width:701px){
 .entrance-concept{align-items:flex-start;padding-top:190px}
 .entrance-concept .window-caption>div{left:32px;right:auto;top:32px;max-width:340px}
 .entrance-concept .window-caption .memory-line{font-size:26px;line-height:1.13;letter-spacing:.01em}
 .entrance-concept .window-caption h1 em{font-size:44px;margin-top:10px;white-space:nowrap}
 .entrance-concept .audience-entries{gap:8px}
 .entrance-concept .audience-entries>.industry-entry{min-height:76px;padding:10px 13px}
 .entrance-concept .audience-entries .industry-entry-icon{width:48px;height:48px}
}
@media(max-width:1100px) and (min-width:701px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr)}.stationery-nav-logo{width:280px}.entrance-concept .window-caption>div{left:22px}.entrance-concept .window-caption .memory-line{font-size:23px}.entrance-concept .window-caption h1 em{font-size:43px}}
@media(max-width:700px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr)}.stationery-nav-logo{width:220px}.site-header::before{width:78%;background-size:100% auto;opacity:.22}.entrance-concept .window-caption .memory-line{font-size:23px}.entrance-concept .window-caption h1 em{font-size:42px;margin-top:10px}.entrance-concept .showcase-scene>.window-caption{padding:22px}.entrance-concept .audience-entries{gap:8px}.entrance-concept .audience-entries>.industry-entry{min-height:70px}}
@media(max-width:380px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 195px minmax(0,1fr)}.stationery-nav-logo{width:195px}}

@media(min-width:701px){.entrance-concept .window-caption>div{left:auto;right:48px;top:38px;max-width:440px;width:440px}.entrance-concept .audience-entries{margin-top:0}.entrance-concept{padding-top:80px}}
@media(max-width:950px) and (min-width:701px){.entrance-concept .window-caption>div{right:24px;width:calc(100% - 320px);max-width:360px}.entrance-concept .window-caption .memory-line{font-size:22px}.entrance-concept .window-caption h1 em{font-size:38px}}

@media(min-width:951px){.entrance-concept .window-caption>div{left:43%;right:auto;top:20%;width:440px;max-width:44%}}
@media(max-width:950px) and (min-width:701px){.entrance-concept .window-caption>div{left:42%;right:22px;top:21%;width:auto;max-width:55%}}

.entrance-concept .window-caption .memory-line{white-space:nowrap}
.entrance-concept .window-caption h1 em{margin-top:26px}
@media(min-width:951px){.entrance-concept .window-caption>div{width:580px;max-width:54%}.entrance-concept .window-caption .memory-line{font-size:clamp(20px,1.65vw,25px)}}
@media(max-width:950px) and (min-width:701px){.entrance-concept .window-caption .memory-line{font-size:clamp(13px,1.75vw,17px)}}
@media(max-width:700px){.entrance-concept .window-caption .memory-line{font-size:clamp(12px,3.55vw,22px)}.entrance-concept .window-caption h1 em{display:block;white-space:nowrap}}

/* Selected proposal 2: airy handwriting above the workshop scene. */
.entrance-concept .window-caption .memory-line{font-family:'Segoe UI',sans-serif;font-weight:400;text-transform:none;letter-spacing:0;color:#fff4de;text-shadow:0 2px 5px #071d17;line-height:1.35}
.entrance-concept .window-caption h1 em{font-family:Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-.035em;transform:rotate(-3deg);transform-origin:left center;background:none;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:initial;-webkit-text-stroke:0;color:#fff4de;text-shadow:0 2px 5px #071d17;filter:none;margin-top:22px}
@media(min-width:951px){.entrance-concept .window-caption>div{left:36%;right:auto;top:7%;width:60%;max-width:650px}.entrance-concept .window-caption .memory-line{font-size:clamp(18px,1.4vw,21px)}.entrance-concept .window-caption h1 em{font-size:clamp(40px,3.5vw,54px)}}
@media(max-width:950px) and (min-width:701px){.entrance-concept .window-caption>div{left:40%;right:22px;top:7%;width:auto;max-width:58%}.entrance-concept .window-caption .memory-line{font-size:clamp(13px,1.6vw,16px)}.entrance-concept .window-caption h1 em{font-size:40px}}
@media(max-width:700px){.entrance-concept .window-caption .memory-line{font-size:clamp(12px,3.55vw,22px)}.entrance-concept .window-caption h1 em{font-size:42px;margin-top:14px}}

/* Categories beside the window rather than over the workshop photograph. */
@media(min-width:701px){
 .entrance-concept{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:center;width:100%;max-width:1600px;margin-inline:auto;padding:30px 32px;min-height:0;height:auto;background:#e9ede2;overflow:hidden}
 .entrance-concept .audience-entries{grid-column:1;grid-row:1;width:100%;max-width:none;align-self:center;margin:0;padding:0}
 .entrance-label{color:#4d6254}
 .entrance-concept .shopfront-start{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;max-width:none;transform:none;border-radius:7px;overflow:hidden;box-shadow:0 8px 22px #15392c30}
 .entrance-concept .showcase-scene{position:relative;inset:auto;aspect-ratio:3/2;width:100%;height:auto}
 .entrance-concept .showcase-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
 .entrance-concept .showcase-scene::after{background:linear-gradient(180deg,#0a302655,transparent 30%)}
 .entrance-concept .window-caption>div{left:29%;right:auto;top:7%;width:66%;max-width:none}
 .entrance-concept .window-caption .memory-line{font-size:clamp(14px,1.3vw,20px)}
 .entrance-concept .window-caption h1 em{font-size:clamp(32px,3.1vw,48px);margin-top:18px}
 .entrance-concept::before,.entrance-concept::after{display:none}
}
@media(max-width:1100px) and (min-width:701px){.entrance-concept{grid-template-columns:245px minmax(0,1fr);gap:18px;padding:24px 22px}.entrance-concept .window-caption>div{left:19%;width:77%}.entrance-concept .window-caption .memory-line{font-size:clamp(10px,1.2vw,14px)}.entrance-concept .window-caption h1 em{font-size:30px}.entrance-concept .audience-entries>.industry-entry{min-height:70px}.entrance-concept .audience-entries .industry-entry-icon{width:40px;height:40px}}

@media(min-width:1101px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 380px minmax(0,1fr)}.stationery-nav-logo{width:380px}}
@media(min-width:701px){.entrance-concept .audience-entries{align-self:start;padding-top:28px}.entrance-concept .window-caption>div{left:20%;top:14%;width:76%}.site-header .desktop-nav{align-self:start;padding-top:18px}}
@media(max-width:1100px) and (min-width:701px){.entrance-concept .window-caption>div{left:12%;top:14%;width:84%}.entrance-concept .audience-entries{padding-top:12px}}
@media(max-width:700px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 235px minmax(0,1fr)}.stationery-nav-logo{width:235px}}
@media(max-width:380px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 205px minmax(0,1fr)}.stationery-nav-logo{width:205px}}

/* Cut white window vinyl: flat lettering on the glass, sized with the window. */
.entrance-concept .showcase-scene{container-type:inline-size}
.entrance-concept .showcase-scene>.window-caption{position:absolute;inset:0;padding:0;background:none}
.entrance-concept .window-caption>div{position:absolute;left:14%;right:auto;top:23%;width:72%;max-width:none;padding:0;transform:rotate(-1deg);transform-origin:left center}
.entrance-concept .window-caption h1{margin:0;line-height:1.2}
.entrance-concept .window-caption .memory-line{font-family:'Segoe UI',sans-serif;font-size:2.05cqw;font-weight:500;line-height:1.3;color:#fffef8;letter-spacing:.015em;text-shadow:0 1px 1px #18251e55;white-space:nowrap}
.entrance-concept .window-caption h1 em{display:block;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:4.25cqw;line-height:1.2;margin-top:1cqw;color:#fffef8;letter-spacing:-.025em;background:none;-webkit-text-fill-color:initial;-webkit-text-stroke:0;transform:none;text-shadow:0 1px 1px #18251e55;filter:none;white-space:nowrap}
@media(max-width:700px){.entrance-concept .showcase-scene>img{aspect-ratio:3/2;height:auto;object-fit:contain;mask-image:none}.entrance-concept .window-caption small{bottom:8px;top:auto}.entrance-concept::before{display:none}.entrance-concept .window-caption .memory-line{font-size:2.6cqw}.entrance-concept .window-caption h1 em{font-size:5cqw}}

/* Lettering centered on the broad lower window frame. */
.entrance-concept .window-caption>div{left:10%;top:78.5%;width:80%;text-align:center;transform:none}
.entrance-concept .window-caption .memory-line{font-size:1.5cqw;line-height:1.2;text-shadow:0 1px 1px #102d2b99}
.entrance-concept .window-caption h1{width:100%;max-width:none;text-align:center}
.entrance-concept .window-caption h1 em{width:100%;max-width:none;text-align:center;font-size:2.8cqw;line-height:1.1;margin:.25cqw 0 0;text-shadow:0 1px 1px #102d2b99}

/* Original signature uses vector outlines, without a raster filter layer. */
.stationery-nav-logo svg{filter:none;shape-rendering:geometricPrecision}
.entrance-concept .showcase-scene>img{image-rendering:auto}

/* Large window vinyl in the calm upper pane of the new storefront. */
.entrance-concept .window-caption>div{left:12%;top:13%;width:76%;text-align:left}
.entrance-concept .window-caption h1{width:100%;text-align:left}
.entrance-concept .window-caption .memory-line{font-size:2.35cqw;font-weight:500;letter-spacing:0;text-shadow:0 1px 2px #14201c99}
.entrance-concept .window-caption h1 em{width:100%;text-align:left;font-size:5.3cqw;line-height:1.12;margin:1cqw 0 0;text-shadow:0 1px 2px #14201c99}
@media(max-width:700px){.entrance-concept .window-caption .memory-line{font-size:2.7cqw}.entrance-concept .window-caption h1 em{font-size:5.8cqw}}

/* Frosted transom above a recessed inscription in the main pane. */
.entrance-concept .window-caption>div{inset:0;width:100%;height:100%;max-width:none;transform:none}
.entrance-concept .window-caption h1{width:100%;height:100%;margin:0}
.entrance-concept .window-caption .memory-line{position:absolute;left:7.5%;top:0;width:85%;height:11.3%;display:flex;align-items:center;justify-content:center;padding:0 2%;background:linear-gradient(120deg,#f1f4eddf,#eef2e5c9 55%,#e9eee3db);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 0 -1px 0 #ffffff80;color:#294336;font-size:2.5cqw;font-weight:550;letter-spacing:.012em;line-height:1.2;text-shadow:0 1px 0 #fff9;white-space:nowrap}
.entrance-concept .window-caption h1 em{position:absolute;left:12%;top:16%;width:76%;height:auto;margin:0;font-size:5.3cqw;line-height:1.15;text-align:left;color:#e1cea6;background:linear-gradient(180deg,#8b7758 0%,#c8b38b 28%,#f5e5bf 72%,#d4bf95 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.035cqw #f8e9c2a8;text-shadow:none;filter:drop-shadow(-1px -2px 0 #10201df0) drop-shadow(0 -3px 2px #081611b0) drop-shadow(1px 2px 0 #fff4d899);transform:rotate(-2deg);transform-origin:left center}
@media(max-width:700px){.entrance-concept .window-caption .memory-line{font-size:2.8cqw;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.entrance-concept .window-caption h1 em{font-size:5.8cqw;filter:drop-shadow(0 -1px 0 #10201d) drop-shadow(0 1px 0 #fff4d8b0)}}

/* Clear glass, with the slogan aligned to the upper right. */
.entrance-concept .window-caption .memory-line{left:auto;right:10%;top:3%;width:auto;height:auto;display:block;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;color:#fffef8;font-size:2.5cqw;text-align:right;text-shadow:0 1px 3px #10201de0}
.entrance-concept .window-caption h1 em{left:auto;right:10%;top:15%;width:80%;text-align:right;transform-origin:right center}
@media(max-width:700px){.entrance-concept .window-caption .memory-line{font-size:2.8cqw;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Coordinated serif lettering for the two-part window slogan. */
.entrance-concept .window-caption .memory-line{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:500;font-size:2.65cqw;letter-spacing:-.025em;color:#f3e6cb;line-height:1.2;text-shadow:0 1px 2px #10201de0;transform:rotate(-2deg);transform-origin:right center}
@media(max-width:700px){.entrance-concept .window-caption .memory-line{font-size:2.9cqw}}

/* Keep both slogan lines together within the main glass pane. */
.entrance-concept .window-caption .memory-line{top:14%}
.entrance-concept .window-caption h1 em{top:19%}


/* Soft transparent backing unifies the slogan without a hard-edged box. */
.entrance-concept .window-caption h1::before{content:'';position:absolute;right:6%;top:12%;width:58%;height:18%;pointer-events:none;background:radial-gradient(ellipse at 65% 48%,#18362ad6 0%,#1b392ab8 40%,#203b2c69 65%,#203b2c00 85%);filter:blur(.8cqw);border-radius:35%;}

/* Place the complete slogan at the upper-right corner of the window. */
.entrance-concept .window-caption .memory-line{top:2%}
.entrance-concept .window-caption h1 em{top:7%}
.entrance-concept .window-caption h1::before{top:0;height:20%}

/* Give the original signature more presence in the header. */
@media(min-width:1101px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 460px minmax(0,1fr)}.stationery-nav-logo{width:460px}}
@media(min-width:701px) and (max-width:1100px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr)}.stationery-nav-logo{width:340px}}
@media(max-width:700px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 265px minmax(0,1fr)}.stationery-nav-logo{width:265px}}
@media(max-width:380px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr)}.stationery-nav-logo{width:230px}}

/* A configured portal button remains absent until its public address exists. */
a[data-b2b-link][hidden]{display:none!important}


/* Keep the mobile menu touch target usable beside the centered signature. */
@media(max-width:700px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr)}.stationery-nav-logo{width:250px}.mobile-menu{min-width:44px;justify-self:end}.mobile-menu>summary{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}
@media(max-width:380px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 205px minmax(0,1fr)}.stationery-nav-logo{width:205px}}

@media(max-width:340px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) 185px minmax(0,1fr)}.stationery-nav-logo{width:185px}}


/* A shared page width, larger entrance cards and four examples per category. */
.site-header,main,.site-footer{width:100%;max-width:1600px;margin-inline:auto}
.site-header .header-inner{max-width:1600px}
.industry-section,.crafts,.contact-section{width:100%;padding-inline:32px}
.industry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.industry-mockup-photo.category-added-photo{aspect-ratio:1;background-size:300% 200%;background-repeat:no-repeat}
@media(min-width:1101px){.entrance-concept{grid-template-columns:350px minmax(0,1fr)}.entrance-concept .audience-entries{padding-top:0;gap:12px}.entrance-concept .audience-entries>.industry-entry{min-height:100px;padding:16px 18px}.entrance-concept .audience-entries .industry-entry-icon{width:64px;height:64px;flex-shrink:0}.entrance-concept .audience-entries strong{font-size:16px}.entrance-concept .audience-entries small{font-size:12px}}
@media(min-width:701px) and (max-width:1100px){.entrance-concept .audience-entries{padding-top:0}.entrance-concept .audience-entries>.industry-entry{min-height:84px;padding:12px}.entrance-concept .audience-entries .industry-entry-icon{width:48px;height:48px}}
@media(min-width:701px) and (max-width:1000px){.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.industry-section,.crafts,.contact-section{padding-inline:22px}.industry-grid{grid-template-columns:1fr}.entrance-concept .audience-entries>.industry-entry{min-height:90px;padding:16px}.entrance-concept .audience-entries .industry-entry-icon{width:58px;height:58px}}

/* Patinated metal entrance panel, coordinated with the industrial window frame. */
.entrance-concept .audience-entries{position:relative;isolation:isolate;align-self:stretch;justify-content:start;padding:20px 16px;border-radius:12px;background:radial-gradient(ellipse at 15% 0%,#7a81713b,transparent 55%),repeating-linear-gradient(105deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 5px),linear-gradient(120deg,#35433d 0%,#21382e 55%,#172c25 100%);border:1px solid #7c89744d;box-shadow:inset 1px 1px 0 #e1e5ce24,inset -1px -1px 0 #091b1780,0 8px 20px #172b241f}
.entrance-concept .audience-entries::before{content:'';position:absolute;inset:-20px -32px -20px -12px;z-index:-2;border-radius:20px;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#203b2e30,transparent 72%)}
.entrance-concept .audience-entries::after{content:'';position:absolute;left:16px;right:16px;top:10px;height:1px;background:linear-gradient(90deg,transparent,#d8c69750,transparent);pointer-events:none}
.entrance-concept .audience-entries>.industry-entry{background:linear-gradient(120deg,#426451d9,#2e5143ed);border:1px solid #b7c8a730;box-shadow:inset 0 1px 0 #f3e7bd18,0 4px 10px #081e2540}
.entrance-concept .audience-entries>.industry-entry:hover{background:linear-gradient(120deg,#55765c,#365e49);border-color:#d9c99480}
@media(max-width:700px){.entrance-concept .audience-entries{margin:14px 16px 22px;padding:20px 14px;border-radius:12px}.entrance-concept .audience-entries>.industry-entry{padding:14px}}

@media(max-width:700px){.entrance-concept .audience-entries{width:calc(100% - 32px)}}


/* Warm workshop-paper fascia with a restrained industrial metal edge. */
.site-header{background-color:#f4f0e6;background-image:radial-gradient(#8f80600a .6px,transparent .9px),radial-gradient(#ffffff59 .7px,transparent 1px),linear-gradient(180deg,#fffdf6 0%,#f5f0e4 68%,#e5e2d6 100%);background-size:7px 9px,11px 13px,100% 100%;border-bottom:1px solid #8b8e7c;box-shadow:inset 0 1px 0 #fffaf1,0 5px 10px #152a222b}
.site-header::before{filter:sepia(.32) saturate(.55);opacity:.29;mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 64%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 18%,#000 66%,transparent 100%);mask-composite:intersect}
.site-header::after{content:'';display:block;position:absolute;left:0;right:0;bottom:-6px;width:100%;height:6px;background:linear-gradient(180deg,#969a86 0%,#5b675b 20%,#293e34 52%,#172b25 76%,#738173 100%);border:0;box-shadow:inset 0 1px 0 #efe9cb55,0 3px 6px #142c2433;pointer-events:none}
@media(max-width:700px){.site-header::before{opacity:.22}.site-header::after{height:5px;bottom:-5px}}

/* Augsburg continues to the right: rivers, Lech bridge and Plärrer. */
.header-panorama-right{position:absolute;inset:0 0 0 auto;width:44%;z-index:-1;pointer-events:none;background:url('assets/header-augsburg-plaerrer-rechts-v1.webp') center 55%/100% auto no-repeat;mix-blend-mode:multiply;filter:sepia(.32) saturate(.55);opacity:.38;mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-composite:intersect}
@media(max-width:700px){.header-panorama-right{width:44%;background-size:auto 100%;background-position:72% center;opacity:.22}}

/* App-like entry tiles on the workshop metal panel. */
.entrance-concept .audience-entries{gap:14px;padding:20px 16px}
.entrance-concept .audience-entries>.industry-entry{position:relative;min-height:106px;padding:16px;gap:16px;border-radius:22px;background:linear-gradient(145deg,#f6f5eb,#e4eadb);border:1px solid #fff9;color:#203d30;box-shadow:inset 0 1px 0 #fff,0 6px 0 #152c2459,0 10px 18px #0a201b38;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.entrance-concept .audience-entries>.industry-entry::before{display:none}
.entrance-concept .audience-entries .industry-entry-icon{width:66px;height:66px;flex:0 0 66px;border-radius:17px;border:1px solid #fff9;box-shadow:inset 0 1px 0 #ffffff70,0 3px 8px #163b2926;background-color:#d8dfd0}
.entrance-concept .audience-entries>.industry-entry strong{display:block;font-size:16px;line-height:1.2;color:#1c3c2e;letter-spacing:-.025em}
.entrance-concept .audience-entries>.industry-entry small{display:block;margin-top:6px;font-size:11px;line-height:1.4;color:#5b6d5e}
.entrance-concept .audience-entries .industry-entry-arrow{color:#355b3d}
.entrance-concept .audience-entries>.industry-entry:hover{background:linear-gradient(145deg,#fffef4,#eff3e5);border-color:#fff;transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 8px 0 #152c2445,0 14px 22px #0a201b38}
.entrance-concept .audience-entries>.industry-entry:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff,0 2px 0 #152c2459,0 5px 10px #0a201b30}
@media(min-width:701px) and (max-width:1100px){.entrance-concept .audience-entries>.industry-entry{padding:12px;gap:10px;min-height:100px;border-radius:18px}.entrance-concept .audience-entries .industry-entry-icon{width:48px;height:48px;flex-basis:48px;border-radius:13px}.entrance-concept .audience-entries>.industry-entry strong{font-size:14px}.entrance-concept .audience-entries>.industry-entry small{font-size:10px}}
@media(max-width:700px){.entrance-concept .audience-entries>.industry-entry{padding:14px;gap:14px;min-height:100px}.entrance-concept .audience-entries .industry-entry-icon{width:58px;height:58px;flex-basis:58px;border-radius:15px}.entrance-concept .audience-entries>.industry-entry strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.entrance-concept .audience-entries>.industry-entry{transition:none}}

/* Location below the original signature, without enlarging the header. */
.stationery-nav-logo .brand-city{position:absolute;top:calc(100% - 19px);left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:17px;line-height:1.2;font-weight:400;letter-spacing:.15em;color:#385246}
@media(max-width:700px){.stationery-nav-logo .brand-city{top:calc(100% - 10px);font-size:12px;letter-spacing:.13em}}

/* Soft dimensional lettering for headings and subheadings. */
main h2,main h3,main h4{text-shadow:0 1px 0 #fff6,0 2px 3px #142c2433,0 4px 9px #142c2414}
main .eyebrow,.stationery-nav-logo .brand-city{text-shadow:0 1px 0 #ffffff60,0 2px 3px #142c2426}
.entrance-concept .audience-entries>.industry-entry strong{text-shadow:0 1px 0 #ffffffb3,0 2px 3px #142c2429}

/* Quiet paper entry, grouped with the shop on the workshop fascia. */
.site-header .header-shop-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:10px;flex-basis:100%;max-width:100%;flex-wrap:wrap;margin-top:4px}
.site-header .header-shop-actions>.button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 18px;border-radius:13px;font-size:13px}
.site-header .b2b-entry-button{display:flex;align-items:center;gap:10px;max-width:100%;min-height:52px;padding:10px 14px;border:1px solid #bcc6b5;border-radius:13px;color:#244334;background:linear-gradient(145deg,#fffdf5ee,#e9ecdfed);box-shadow:inset 0 1px 0 #fff,0 2px 0 #9aa88b55,0 4px 10px #142c2414;text-decoration:none;text-align:left;transition:transform .18s ease,box-shadow .18s ease}
.site-header .b2b-entry-button>svg{width:23px;height:23px;flex:0 0 23px;color:#526d53}
.site-header .b2b-entry-button>span:not(.b2b-entry-arrow){min-width:0}
.site-header .b2b-entry-button strong{display:block;font-size:14px;line-height:1.25;letter-spacing:0;font-weight:700;color:#244334}
.site-header .b2b-entry-button small{display:block;margin-top:3px;font-size:9px;line-height:1.4;color:#596b59}
.site-header .b2b-entry-arrow{margin-left:auto;font-size:18px;color:#526d53}
.site-header .b2b-entry-button:hover{transform:translateY(-1px);background:linear-gradient(145deg,#fffef8,#eff3e6);border-color:#829c76;box-shadow:inset 0 1px 0 #fff,0 3px 0 #9aa88b55,0 5px 12px #142c2421}
.site-header .b2b-entry-button:focus-visible{outline:3px solid #9c722a;outline-offset:5px}
.site-header .desktop-nav .b2b-entry-button{flex:0 1 auto;max-width:245px}
.site-header .b2b-entry-mobile{display:none}
@media(max-width:700px){.site-header .b2b-entry-mobile{display:flex;width:min(260px,calc(100% - 40px));margin:8px auto 3px;min-height:48px}.site-header .desktop-nav .b2b-entry-button{display:none}}
@media(prefers-reduced-motion:reduce){.site-header .b2b-entry-button{transition:none}}

/* Keep the two shop entrances together on every screen width. */
.site-header .header-shop-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:8px;width:100%;flex-wrap:nowrap}
.site-header .header-shop-actions>.button,.site-header .header-shop-actions>.b2b-entry-button{min-width:0;width:100%;max-width:none;margin:0;padding:10px 11px}
.site-header .header-shop-actions>.button{gap:6px;white-space:nowrap}
.site-header .header-shop-actions .b2b-entry-button{gap:7px}
.site-header .header-shop-actions .b2b-entry-button>svg{width:20px;height:20px;flex-basis:20px}
.site-header .header-shop-actions .b2b-entry-arrow{display:none}
.site-header .header-shop-actions-mobile{display:none}
@media(max-width:700px){.site-header .header-shop-actions-mobile{display:grid;width:calc(100% - 32px);max-width:380px;margin:8px auto 3px}.site-header .header-shop-actions-mobile .b2b-entry-mobile{display:flex;width:100%;margin:0;min-height:52px}.site-header .header-shop-actions-mobile>.button{font-size:13px}.site-header .header-shop-actions-mobile .b2b-entry-button strong{font-size:13px}}

/* Shop entrances sit directly above the workshop window. */
.entrance-concept .storefront-actions{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:stretch;gap:10px;min-width:0;width:100%}
.entrance-concept .shopfront-start{grid-row:2}
.entrance-concept .audience-entries{grid-row:1 / span 2;align-self:start}
.entrance-concept{row-gap:14px;align-items:start}
.storefront-actions>a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;min-width:0;padding:10px 18px;border-radius:13px;text-decoration:none;font-size:14px}
.storefront-actions .b2b-entry-button{color:#244334;border:1px solid #bcc6b5;background:linear-gradient(145deg,#fffdf5,#e9ecdf);box-shadow:inset 0 1px 0 #fff,0 2px 0 #9aa88b55,0 4px 10px #142c2414}
.storefront-actions .b2b-entry-button>svg{width:23px;height:23px;flex:0 0 23px;color:#526d53}
.storefront-actions .b2b-entry-button strong{display:block;font-size:14px;line-height:1.25;color:#244334}
.storefront-actions .b2b-entry-button small{display:block;font-size:9px;line-height:1.4;color:#596b59;margin-top:3px}
.storefront-actions .b2b-entry-arrow{display:none}
.storefront-actions .b2b-entry-button:hover{background:#fffef8;border-color:#829c76}
.storefront-actions>a:focus-visible{outline:3px solid #9c722a;outline-offset:4px}
@media(max-width:700px){.entrance-concept{display:flex;flex-direction:column;gap:14px}.entrance-concept .storefront-actions{order:0;width:calc(100% - 32px);margin:14px 16px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:8px}.storefront-actions>a{padding:10px;gap:7px;font-size:13px}.storefront-actions .b2b-entry-button strong{font-size:13px}.entrance-concept .shopfront-start{order:1}.entrance-concept .audience-entries{order:2}}

/* A single metal fascia aligned with the full width of the workshop window. */
.entrance-concept .storefront-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:7px;border:1px solid #667467;border-radius:8px;background:linear-gradient(180deg,#45534b,#253b31);box-shadow:inset 0 1px 0 #e8e7d538,0 3px 8px #142c2426}
.entrance-concept{row-gap:8px}
.storefront-actions>a,.storefront-actions .b2b-entry-button{width:100%;min-height:58px;margin:0;padding:11px 16px;border:1px solid #8e9a8659;border-radius:4px;background:linear-gradient(145deg,#425d4c,#294536);color:#f7f1e3;box-shadow:inset 0 1px 0 #f5eed428,0 2px 3px #0c211e42;font-size:16px;font-weight:650;letter-spacing:.015em;gap:12px;text-align:left;justify-content:center;transition:background .18s ease,border-color .18s ease}
.storefront-actions .b2b-entry-button strong{font-size:16px;font-weight:650;letter-spacing:.015em;color:#f7f1e3}
.storefront-actions .b2b-entry-button small{color:#d4dece;font-size:10px;margin-top:3px}
.storefront-actions .b2b-entry-button>svg{width:25px;height:25px;flex-basis:25px;color:#d4c49f}
.storefront-actions>a:hover,.storefront-actions .b2b-entry-button:hover{background:linear-gradient(145deg,#506b55,#36543f);border-color:#d4c49f9c;transform:none}
.storefront-actions>a:focus-visible{outline:3px solid #ddc48c;outline-offset:2px}
@media(max-width:700px){.entrance-concept .storefront-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}.storefront-actions>a,.storefront-actions .b2b-entry-button{min-height:56px;padding:9px 8px;font-size:14px;gap:7px}.storefront-actions .b2b-entry-button strong{font-size:14px}.storefront-actions .b2b-entry-button>svg{width:20px;height:20px;flex-basis:20px}.storefront-actions .b2b-entry-button small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.storefront-actions>a{transition:none}}

/* Smooth original Bezier signature, raised gently from the warm fascia. */
.stationery-nav-logo .brand-vector{display:block;width:100%;height:auto;max-width:none;overflow:visible;filter:drop-shadow(0 -1px 0 #fffdf0) drop-shadow(0 1px 0 #0c2b22a6) drop-shadow(0 2px 0 #0c2b2270) drop-shadow(0 4px 3px #173c3030) drop-shadow(0 7px 7px #173c301a)}
.stationery-nav-logo .brand-city{color:#173c30;text-shadow:0 1px 0 #fffaf0,0 2px 2px #173c302b}
@media(max-width:700px){.stationery-nav-logo .brand-vector{filter:drop-shadow(0 -1px 0 #fffdf0) drop-shadow(0 1px 0 #0c2b2280) drop-shadow(0 3px 2px #173c302b)}}
/* Refined contours with a soft raised shadow instead of a stepped extrusion. */
.stationery-nav-logo .brand-vector{filter:drop-shadow(0 1px 1px #082a2040) drop-shadow(0 4px 3px #173c3029) drop-shadow(0 7px 7px #173c3014)}
@media(max-width:700px){.stationery-nav-logo .brand-vector{filter:drop-shadow(0 2px 2px #173c3038)}}
/* Modular display: complete frame, shared gutters and independent article layers. */
.entrance-concept{padding:24px 32px 32px;column-gap:24px;grid-template-columns:clamp(245px,24vw,350px) minmax(0,1fr)}
.entrance-concept .shopfront-start{min-width:0;width:100%;margin:0;border-radius:8px;overflow:hidden;align-self:start}
.entrance-concept .showcase-scene{position:relative;isolation:isolate;container-type:inline-size;width:100%;max-width:none;aspect-ratio:3/2;margin:0;overflow:hidden;border-radius:8px;background:#29372e}
.entrance-concept .showcase-scene>.showcase-background{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto}
.showcase-products{position:absolute;inset:0;z-index:2;pointer-events:none}
.showcase-product{position:absolute;left:var(--product-left);bottom:var(--product-bottom);width:var(--product-width);height:var(--product-height);display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;text-decoration:none;border-radius:4px}
.showcase-product[hidden]{display:none}
.showcase-product>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(2px 4px 3px #1c130e55);transition:filter .18s ease}
.showcase-product:hover>img{filter:drop-shadow(2px 5px 4px #1c130e70) brightness(1.05)}
.showcase-product:focus-visible{outline:3px solid #efd59b;outline-offset:3px;background:#f7e6b71a}
.entrance-concept .showcase-scene>.window-caption{pointer-events:none;z-index:3}
@media(min-width:701px) and (max-width:1100px){.entrance-concept{grid-template-columns:235px minmax(0,1fr);padding:22px;column-gap:18px}}
@media(max-width:700px){.entrance-concept{display:flex;padding:16px 0 22px;gap:12px}.entrance-concept .storefront-actions{width:calc(100% - 32px);margin:0 16px}.entrance-concept .shopfront-start{width:calc(100% - 32px);margin:0 16px;flex:none}.entrance-concept .showcase-scene{aspect-ratio:3/2}.entrance-concept .audience-entries{width:calc(100% - 32px);margin:0 16px;padding:16px 14px}.showcase-product{min-height:0;min-width:0}}
@media(prefers-reduced-motion:reduce){.showcase-product>img{transition:none}}.entrance-concept{grid-template-rows:max-content auto}

/* Keep the window and its toolbar in one column, independent of category height. */
.entrance-concept{grid-template-rows:auto}
.entrance-concept .storefront-column{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;align-self:start}
.entrance-concept .audience-entries{grid-row:1}
.entrance-concept .storefront-column>.storefront-actions,.entrance-concept .storefront-column>.shopfront-start{width:100%;margin:0}
@media(max-width:700px){.entrance-concept .storefront-column{order:0;width:calc(100% - 32px);margin:0 16px}.entrance-concept .storefront-column>.storefront-actions,.entrance-concept .storefront-column>.shopfront-start{width:100%;margin:0}.entrance-concept .audience-entries{order:1}}

/* Both entrance columns share the same lower edge without cropping the window. */
@media(min-width:701px){
 .entrance-concept .audience-entries{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(5,minmax(0,1fr));align-self:stretch;min-height:0;height:auto;gap:12px;padding:16px}
 .entrance-concept .audience-entries>.industry-entry{grid-column:1;min-height:0;height:100%;padding:10px 12px;gap:12px}
 .entrance-concept .audience-entries .industry-entry-icon{width:52px;height:52px;flex-basis:52px}
 .entrance-concept .audience-entries>.industry-entry strong{font-size:14px;line-height:1.2}
 .entrance-concept .audience-entries>.industry-entry small{font-size:10px;line-height:1.3;margin-top:4px}
}
@media(min-width:701px) and (max-width:1100px){
 .entrance-concept .audience-entries{gap:8px;padding:12px}
 .entrance-concept .audience-entries>.industry-entry{padding:6px 10px;gap:9px;border-radius:15px}
 .entrance-concept .audience-entries .industry-entry-icon{width:36px;height:36px;flex-basis:36px}
 .entrance-concept .audience-entries>.industry-entry strong{font-size:13px}
 .entrance-concept .audience-entries>.industry-entry small{display:none}
}

/* Compact shop-like entrance, with a shared bottom edge and uncropped display. */
@media(min-width:701px){
 .entrance-concept{width:calc(100% - 48px);max-width:1120px;margin-inline:auto;padding:20px 24px 26px;grid-template-columns:clamp(210px,22vw,260px) minmax(0,1fr);column-gap:20px}
 .entrance-concept .audience-entries{padding:12px;gap:10px}
 .entrance-concept .audience-entries>.industry-entry{padding:8px 10px;gap:10px;border-radius:16px;min-height:60px}
 .entrance-concept .audience-entries .industry-entry-icon{width:44px;height:44px;flex-basis:44px;border-radius:12px}
 .entrance-concept .audience-entries>.industry-entry strong{font-size:13px;line-height:1.2}
 .entrance-concept .audience-entries>.industry-entry small{font-size:10px;line-height:1.25;margin-top:3px}
 .entrance-concept .storefront-actions{padding:6px;gap:6px}
 .entrance-concept .storefront-actions>a,.entrance-concept .storefront-actions .b2b-entry-button{min-height:46px;padding:8px 12px;font-size:14px;gap:8px}
 .entrance-concept .storefront-actions .b2b-entry-button strong{font-size:14px}
 .entrance-concept .storefront-actions .b2b-entry-button>svg{width:21px;height:21px;flex-basis:21px}
}
@media(min-width:701px) and (max-width:900px){
 .entrance-concept{width:calc(100% - 24px);padding:16px;grid-template-columns:200px minmax(0,1fr);column-gap:14px}
 .entrance-concept .audience-entries{padding:10px;gap:8px}
 .entrance-concept .audience-entries>.industry-entry{padding:6px 8px;gap:8px;min-height:52px}
 .entrance-concept .audience-entries .industry-entry-icon{width:32px;height:32px;flex-basis:32px}
 .entrance-concept .audience-entries>.industry-entry strong{font-size:12px}
}
@media(max-width:700px){
 .entrance-concept .audience-entries{padding:12px;gap:10px}
 .entrance-concept .audience-entries>.industry-entry{min-height:76px;padding:10px 12px;gap:12px;border-radius:16px}
 .entrance-concept .audience-entries .industry-entry-icon{width:44px;height:44px;flex-basis:44px;border-radius:12px}
 .entrance-concept .audience-entries>.industry-entry strong{font-size:14px}
 .entrance-concept .audience-entries>.industry-entry small{font-size:10px;margin-top:3px}
}

/* Spread the compact entrance across the same width as the page header. */
@media(min-width:901px){
 .entrance-concept{width:100%;max-width:1600px;padding-inline:32px;grid-template-columns:clamp(210px,22vw,260px) minmax(0,792px);justify-content:space-between;column-gap:clamp(24px,5vw,96px)}
}

/* A connected storefront composition: useful category width, restrained shared gutter. */
@media(min-width:901px){
 .entrance-concept{width:100%;max-width:1360px;padding:24px clamp(24px,4vw,64px) 30px;grid-template-columns:minmax(240px,.38fr) minmax(0,1fr);justify-content:normal;column-gap:24px;align-items:stretch}
 .entrance-concept .storefront-column{max-width:none;justify-self:stretch}
 .entrance-concept .audience-entries{padding:14px;gap:12px;border-radius:12px}
 .entrance-concept .audience-entries>.industry-entry{padding:12px 14px;gap:14px;border-radius:16px}
 .entrance-concept .audience-entries .industry-entry-icon{width:48px;height:48px;flex-basis:48px}
 .entrance-concept .audience-entries>.industry-entry strong{font-size:14px}
 .entrance-concept .audience-entries>.industry-entry small{display:block;font-size:11px;line-height:1.35}
}
@media(min-width:901px){
 .entrance-concept .audience-entries>.industry-entry{padding:8px 12px;gap:12px;min-height:0}
 .entrance-concept .audience-entries .industry-entry-icon{width:44px;height:44px;flex-basis:44px}
 .entrance-concept .audience-entries>.industry-entry strong{font-size:13px}
 .entrance-concept .audience-entries>.industry-entry small{font-size:10px;line-height:1.3}
}

/* All following sections follow the storefront's outer width and content edges. */
.application-areas,.crafts,.contact-section,.site-footer{width:100%;max-width:1360px;margin-inline:auto}
.application-areas .industry-section{width:100%;max-width:none;margin-inline:0}
.site-footer>.wrapper{max-width:none}
@media(min-width:901px){
 .application-areas .industry-section,.crafts,.contact-section,.site-footer{padding-inline:clamp(24px,4vw,64px)}
}
@media(min-width:701px) and (max-width:900px){
 .application-areas,.crafts,.contact-section,.site-footer{width:calc(100% - 24px)}
 .application-areas .industry-section,.crafts,.contact-section,.site-footer{padding-inline:16px}
}
@media(max-width:700px){
 .application-areas .industry-section,.crafts,.contact-section,.site-footer{padding-inline:16px}
}