@font-face{font-family:Grotesk;src:url('assets/sans.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Grotesk;src:url('assets/sans-bold.otf') format('opentype');font-weight:700 900;font-display:swap}
:root{--ink:#181a18;--paper:#f8f8f2;--grey:#efefe7;--muted:#53564e;--accent:#ddff61;--gutter:clamp(24px,4vw,76px);--space:clamp(80px,8vw,128px);--column-gap:clamp(32px,5vw,80px);--body:1.0625rem;--heading:clamp(2.25rem,3.8vw,4rem);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Grotesk,Arial,Helvetica,sans-serif;font-size:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased}
body>header,body>main,body>footer{max-width:1920px;margin-inline:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #7e9229;outline-offset:6px}
img{max-width:100%;display:block}
figure,p,h1,h2,h3{margin:0}
h1,h2,h3{font-weight:400}
h2{font-size:var(--heading);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}
.section{padding:var(--space) var(--gutter)}
.section-label{display:block;font-size:.9375rem;line-height:1.4;letter-spacing:-.01em}
.skip{position:absolute;top:-100px;left:12px;z-index:50;background:var(--accent);padding:12px 20px}.skip:focus{top:12px}
/* One signature and one family of controls. */
.wordmark{display:inline-block;width:max-content;position:relative;font-size:2.3125rem;font-weight:700;letter-spacing:-.055em;line-height:.82}
.wordmark small{display:flex;justify-content:space-between;width:100%;margin-top:12px;font-size:.625rem;font-weight:400;line-height:1;letter-spacing:0}
.wordmark small span{display:block}
.arrow-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle;transition:transform .25s var(--ease)}
.arrow-diagonal{transform:rotate(-45deg)}.arrow-left{transform:rotate(180deg)}.arrow-up{transform:rotate(-90deg)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:10px 20px;border:1px solid currentColor;border-radius:999px;font-size:.875rem;line-height:1.2;white-space:nowrap;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.pill .arrow-icon{width:22px;height:22px}
.text-link{display:inline-flex;align-items:center;gap:20px;padding-block:6px;border-bottom:1px solid currentColor;font-size:.875rem;line-height:1.4}
.text-link:hover .arrow-diagonal,.pill:hover .arrow-diagonal{transform:translate(2px,-2px) rotate(-45deg)}
/* Edge-to-edge photography; consistent inset for all editorial content. */
header{position:absolute;z-index:10;inset:0 0 auto;height:108px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(rgba(0,0,0,.42),transparent)}
header .logo-accent{color:var(--accent)}
header nav{display:flex;align-items:center;gap:32px;font-size:.875rem;line-height:1.4}
header nav>a:not(.pill){text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;transition:text-decoration-color .2s}
header nav>a:not(.pill):hover{text-decoration-color:currentColor}
header .pill{border-color:rgba(255,255,255,.75)}header .pill:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.split-hero{display:grid;grid-template-columns:1fr 1fr;height:100svh;min-height:600px;max-height:1150px}
.hero-half{position:relative;overflow:hidden;background:#a3b1bd;min-width:0}
.hero-half img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.hero-women img{object-position:center 55%}.hero-men img{object-position:center}
.half-label{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:64px 32px 28px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.46));font-size:1rem;line-height:1.4}
.half-label>span:last-child{display:flex;align-items:center;gap:12px;font-size:.875rem}
.opening h1{font-size:clamp(2.5rem,9.1vw,10.5rem);font-weight:700;line-height:.94;letter-spacing:-.06em;margin:clamp(40px,4.5vw,72px) var(--gutter) clamp(48px,5vw,80px)}
h1 .second-line{display:block}h1 em{font-size:.84em}
.intro-statement{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap);padding:0 var(--gutter) var(--space);align-items:start}
.intro-statement>p{font-size:clamp(1.875rem,3.2vw,3.25rem);line-height:1.17;letter-spacing:-.035em}
.intro-context{max-width:48ch;padding-top:0}
.intro-context>p{font-size:1.125rem;line-height:1.65}
.intro-context>p+p{margin-top:24px;font-size:1rem;color:var(--muted)}
.intro-context .text-link{margin-top:26px}
/* Services: two-column introduction over an evenly spaced three-column offer. */
.expertise{background:var(--grey)}
.expertise-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap);align-items:start}
.expertise-heading h2{font-size:clamp(2.125rem,3.65vw,3.875rem);line-height:1.2}
.expertise-heading>p{max-width:48ch;padding-top:0;font-size:1.125rem;color:var(--muted);line-height:1.65}
.yellow-underline{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.14em;text-decoration-skip-ink:none}
.expertise-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--column-gap);margin-top:clamp(56px,6vw,96px)}
.expertise-services h3{font-size:clamp(1.25rem,1.7vw,1.5rem);letter-spacing:-.025em;line-height:1.25;margin-bottom:20px}
.expertise-services p{font-size:1rem;line-height:1.65;color:var(--muted);max-width:37ch}
/* Product gallery: equal captions, real hit areas and predictable spacing. */
#footwear-gallery{padding-top:var(--space)}
.footwear-gallery{padding-block:0 72px}
.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}
.gallery-heading h2{font-size:var(--heading)}
.gallery-controls{display:flex;gap:10px;flex-shrink:0}
.gallery-controls button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--ink);border-radius:50%;background:transparent;transition:background .2s,color .2s,opacity .2s}
.gallery-controls button:disabled{opacity:.25;cursor:default}
.gallery-controls .arrow-icon{width:23px;height:23px}
.gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.gallery-track::-webkit-scrollbar{display:none}
.category-card{min-width:0;scroll-snap-align:start}
.category-image{aspect-ratio:3/4;overflow:hidden;background:var(--grey)}
.category-image img{height:100%;width:100%;object-fit:cover;transition:transform .65s var(--ease)}
.category-card figcaption{padding-top:16px;min-height:48px}
.category-card h3{font-size:1.0625rem;line-height:1.35;letter-spacing:-.015em}
/* Material expertise connects the catalogue to manufacturing. */
.materials-story{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap);align-items:center;padding-top:32px}
.materials-copy .section-label{margin-bottom:28px}
.materials-copy h2{font-size:clamp(2.125rem,3.3vw,3.5rem);line-height:1.16}
.materials-copy p{max-width:45ch;margin-top:26px;color:var(--muted);font-size:var(--body);line-height:1.65}
.materials-copy p+p{margin-top:20px}
.materials-story img{width:100%;aspect-ratio:3/2;object-fit:cover}
/* Operating expertise is the strongest institutional statement. */
.approach{background:var(--ink);color:var(--paper)}
.approach .section-label{color:var(--accent)}
.approach h2{font-size:clamp(2.5rem,5.85vw,6rem);line-height:1.1;letter-spacing:-.04em;margin-top:40px;text-wrap:initial}
.approach-bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap);align-items:start;margin-top:clamp(56px,6vw,96px)}
.experience{display:flex;align-items:flex-end;gap:28px;padding-top:12px}
.experience strong{position:relative;font-size:clamp(5rem,7vw,7rem);font-weight:400;line-height:.8;letter-spacing:-.06em;color:var(--accent)}
.experience strong span{position:absolute;right:-12px;top:-18px;font-size:1.5rem;line-height:1}
.experience p{font-size:.875rem;line-height:1.5;max-width:25ch}
.approach-text{display:grid;gap:24px;max-width:48ch}
.approach-text p{color:#d3d5cb;font-size:var(--body);line-height:1.65}
/* Contact and corporate footer use the same columns as the introduction. */
.contact{padding-bottom:72px}
.contact-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;margin:40px 0 40px;font-size:clamp(2.5rem,7.5vw,8rem);line-height:1.02;font-weight:700;letter-spacing:-.055em}
.contact-words{display:block;min-width:0}.contact-title em{font-size:.94em}
.contact-title>.arrow-icon{width:clamp(44px,6.8vw,104px);height:clamp(44px,6.8vw,104px);margin-top:.07em;overflow:visible}
.contact-title>.arrow-icon path{stroke-width:1.4}
.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap);align-items:start;font-size:1rem}
.contact-bottom>a{justify-self:start;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;overflow-wrap:anywhere}
footer{padding:40px var(--gutter) 32px}
.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap);align-items:start;position:relative}
footer .wordmark{font-size:2rem;grid-column:1;grid-row:1}
footer .logo-accent{color:inherit}
footer .wordmark:after{content:"";display:block;width:100%;height:4px;background:var(--accent);margin-top:14px}
.company-details{grid-column:2;grid-row:1;max-width:calc(100% - 185px);font-size:.875rem;line-height:1.55}
.company-details p{font-weight:700;margin-bottom:12px}.company-details address{font-style:normal;color:var(--muted)}
.back-top{position:absolute;right:0;top:0;background:var(--accent);border-color:var(--accent)}
.footer-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:56px;font-size:.8125rem;line-height:1.5;color:var(--muted)}
.footer-bottom nav{display:flex;gap:24px;font-size:.875rem;flex-shrink:0}
.footer-bottom nav a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
/* Policy drafts inherit the website's reading styles. */
.policy-page{max-width:900px;margin:auto;padding:64px var(--gutter)}
.policy-status{font-size:.875rem;color:var(--muted);margin-top:64px}
.policy-page h1{font-size:clamp(2.75rem,6vw,5rem);line-height:1.08;letter-spacing:-.04em;margin:24px 0}
.policy-page>p:not(.policy-status){font-size:1.125rem;line-height:1.65;max-width:55ch}
.policy-page address{font-style:normal;margin:32px 0;line-height:1.65}
@media(hover:hover){.hero-half:hover img{transform:scale(1.02)}.category-card:hover img{transform:scale(1.025)}.gallery-controls button:not(:disabled):hover{background:var(--ink);color:var(--paper)}.contact-title:hover>.arrow-icon{transform:translate(4px,-4px) rotate(-45deg)}.back-top:hover{background:#cdef4d;border-color:#cdef4d}.back-top:hover .arrow-up{transform:translateY(-3px) rotate(-90deg)}}
@media(max-width:1050px){
:root{--column-gap:36px;--space:88px}
header nav{gap:22px}
.half-label{padding-inline:24px}.half-label>span:last-child{font-size:.8125rem}
.expertise-heading h2{font-size:2.5rem}
.expertise-services{gap:32px}
.gallery-track{grid-auto-columns:calc((100% - 32px)/2.6)}
.experience{flex-direction:column;align-items:flex-start;gap:28px}
.footer-main{grid-template-columns:1fr 1fr auto;gap:28px}.company-details{max-width:none}.back-top{position:static;grid-column:3;grid-row:1}
}
@media(max-width:760px){
:root{--gutter:24px;--space:64px;--column-gap:32px;--heading:2.375rem;--body:1rem}
header{height:92px}header nav>a:not(.pill){display:none}.wordmark{font-size:2rem}.wordmark small{font-size:.5625rem;margin-top:10px}.pill{gap:14px;padding-inline:16px}
.split-hero{grid-template-columns:1fr;height:auto;min-height:0;max-height:none}.hero-half{height:78svh;min-height:460px;max-height:780px}.hero-men img{object-position:center 60%}.half-label{padding:56px 24px 24px}
.opening h1{font-size:9vw;line-height:1;letter-spacing:-.055em;margin:32px var(--gutter) 40px}
.intro-statement{grid-template-columns:1fr;gap:32px}.intro-statement>p{font-size:2rem;line-height:1.2}.intro-context{max-width:50ch;padding:0}.intro-context>p{font-size:1.0625rem}.intro-context>p+p{font-size:1rem;margin-top:20px}.intro-context .text-link{margin-top:22px}
.expertise-heading{grid-template-columns:1fr;gap:28px}.expertise-heading h2{font-size:2.25rem}.expertise-heading>p{max-width:50ch;padding:0;font-size:1.0625rem}.expertise-services{grid-template-columns:1fr;gap:32px;margin-top:44px}.expertise-services h3{font-size:1.375rem;margin-bottom:12px}.expertise-services p{max-width:48ch}
.footwear-gallery{padding-bottom:56px}.gallery-heading{gap:16px;margin-bottom:24px}.gallery-heading h2{font-size:clamp(1.75rem,5.8vw,2.375rem)}.gallery-controls{gap:8px}.gallery-controls button{width:44px;height:44px}.gallery-track{grid-auto-columns:78%;gap:16px;margin-right:calc(-1*var(--gutter));padding-right:var(--gutter)}.category-card figcaption{padding-top:14px}
.materials-story{grid-template-columns:1fr;gap:32px;padding-top:8px}.materials-copy h2{font-size:2.25rem}.materials-copy .section-label{margin-bottom:24px}.materials-copy p{max-width:50ch;margin-top:24px}.materials-story img{aspect-ratio:4/3}
.approach h2{font-size:clamp(2rem,7.7vw,3.5rem);margin-top:30px}.approach-bottom{grid-template-columns:1fr;gap:40px;margin-top:44px}.experience{flex-direction:row;align-items:flex-end;gap:28px}.experience strong{font-size:5rem}.approach-text{gap:20px;max-width:50ch}
.contact{padding-bottom:48px}.contact-title{font-size:8.8vw;gap:12px;margin:28px 0 32px}.contact-title>.arrow-icon{width:9vw;height:9vw}.contact-bottom{grid-template-columns:1fr;gap:12px}
footer{padding-top:24px}.footer-main{grid-template-columns:1fr auto;gap:28px}.company-details{grid-column:1/-1;grid-row:2}.back-top{grid-column:2;grid-row:1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;margin-top:36px}.footer-bottom nav{gap:24px}
}
@media(max-width:360px){:root{--gutter:20px}.gallery-controls{gap:4px}.gallery-heading h2{font-size:1.625rem}.pill{gap:10px;padding-inline:12px}.wordmark{font-size:1.875rem}.experience{gap:20px}.experience p{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero-half:hover img,.category-card:hover img{transform:none}.contact-title:hover>.arrow-icon,.text-link:hover .arrow-diagonal,.pill:hover .arrow-diagonal{transform:rotate(-45deg)}.back-top:hover .arrow-up{transform:rotate(-90deg)}}

/* A shared six-spoke signature for the three services. */
.service-asterisk{display:block;width:34px;height:34px;color:var(--ink);margin-bottom:24px}
@media(max-width:760px){.expertise-services article{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:18px;align-items:start}.service-asterisk{width:28px;height:28px;grid-column:1;grid-row:1/3;margin:0}.expertise-services h3,.expertise-services p{grid-column:2}}

/* Small variations keep the service marks gestural. */
.expertise-services article:nth-child(2) .service-asterisk{transform:rotate(9deg)}
.expertise-services article:nth-child(3) .service-asterisk{transform:rotate(-7deg)}

@media(min-width:761px) and (max-width:1000px){header nav{gap:16px;font-size:.8125rem}header .pill{gap:12px;padding-inline:14px}}

/* Materials: image and copy share one height and baseline. */
.materials-story{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:var(--column-gap)}
.materials-story figure{position:relative;min-height:0;aspect-ratio:1;overflow:hidden}
.materials-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.materials-story figcaption{position:absolute;left:28px;bottom:26px;z-index:1;font-size:.9375rem;line-height:1.4;color:#fff;letter-spacing:-.01em}
.materials-story figure:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.5));pointer-events:none}
.materials-story .materials-copy{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:0;align-self:stretch}
.materials-copy h2{font-size:clamp(2rem,3.1vw,3.5rem);line-height:1.13;letter-spacing:-.04em}
.materials-copy p{margin-top:0;max-width:40ch}
.materials-copy p+p{margin-top:24px}
@media(max-width:760px){.materials-story{grid-template-columns:1fr;gap:28px}.materials-story figure{min-height:0;aspect-ratio:1}.materials-story figcaption{left:20px;bottom:20px}.materials-copy h2{font-size:2.25rem}.materials-story .materials-copy{gap:24px}}

/* Legal pages share the main wordmark, palette and editorial type. */
.legal-page>header{position:relative;background:var(--paper)}
.legal-intro{padding-top:64px;padding-bottom:64px;background:var(--grey)}
.legal-intro .policy-status{margin:0 0 28px}.legal-intro h1{font-size:clamp(3.5rem,7vw,7rem);line-height:1.1;letter-spacing:-.05em}.legal-summary{margin-top:32px;max-width:44ch;font-size:1.125rem}.policy-date{margin-top:24px;font-size:.875rem;color:var(--muted)}
.legal-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap);align-items:start}.legal-index{display:flex;flex-direction:column;align-items:flex-start;gap:16px;position:sticky;top:40px}.legal-index a{font-size:1rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#afb1a8}.legal-index a:hover{text-decoration-color:var(--ink)}
.legal-copy{max-width:54ch}.policy-draft{padding:20px 24px;background:var(--grey);border-left:3px solid var(--accent);font-size:.9375rem;color:var(--muted);margin-bottom:56px}.legal-copy section+section{margin-top:56px}.legal-copy h2{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.025em;margin-bottom:20px}.legal-copy address{font-style:normal;margin:12px 0 20px}.policy-placeholder{color:var(--muted);line-height:1.7}
@media(max-width:760px){.legal-intro{padding-top:40px;padding-bottom:48px}.legal-intro h1{font-size:3.5rem}.legal-layout{grid-template-columns:1fr;gap:40px}.legal-index{position:static;gap:12px}.legal-copy section+section{margin-top:40px}}

@media(hover:hover) and (pointer:fine){
 .gallery-track{cursor:grab}
 .gallery-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
 .gallery-track.is-dragging img{transform:none}
 .hero-half .arrow-diagonal{transition:transform .45s var(--ease)}
 .hero-half:hover .arrow-diagonal{transform:translate(3px,-3px) rotate(-45deg)}
 .text-link{position:relative;border-bottom-color:transparent;background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat}
 .text-link:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
 .text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}
}
@media(min-width:1051px) and (prefers-reduced-motion:no-preference){
 .reveal-block{transition:opacity .75s var(--ease),translate .75s var(--ease)}
 .expertise-services > .reveal-block:nth-child(2){transition-delay:.12s}
 .expertise-services > .reveal-block:nth-child(3){transition-delay:.24s}
 .reveal-pending{opacity:0;translate:0 28px}
 .reveal-pending:focus-within{opacity:1;translate:none}
}
@media(prefers-reduced-motion:reduce){.hero-half:hover .arrow-diagonal{transform:rotate(-45deg)}}

@media(min-width:1051px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-half img{transition-duration:1s}.hero-half:hover img{transform:scale(1.035)}.hero-half .arrow-diagonal{transition-duration:.3s}.hero-half:hover .arrow-diagonal{transform:translate(5px,-5px) rotate(-45deg)}}

/* Shared language control, always available on desktop and mobile. */
header nav{margin-left:auto}
.language-switch{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:.8125rem;line-height:1;letter-spacing:.03em;margin-left:24px}
.language-switch a{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:44px;color:var(--muted)}
.language-switch a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:7px}
.language-switch a:hover{color:var(--ink)}


.contact-bottom p{max-width:52ch}
html[lang="de"] .contact-title{font-size:clamp(2rem,5.8vw,7rem)}
html[lang="de"] .expertise-heading h2{font-size:clamp(2rem,3.2vw,3.5rem)}
html[lang="de"] .legal-intro h1{font-size:clamp(2.8rem,7vw,7rem)}
@media(min-width:761px) and (max-width:1150px){header nav{gap:14px;font-size:.8125rem}header .pill{padding-inline:12px;gap:10px}.language-switch{margin-left:14px}}
@media(max-width:760px){.language-switch{margin-left:12px;gap:3px}header{gap:10px}header nav{margin-left:auto}header .pill{padding-inline:12px;gap:8px}html[lang="de"] .contact-title{font-size:6.8vw}html[lang="de"] .expertise-heading h2{font-size:2.1rem}}
@media(max-width:400px){header .wordmark{font-size:1.75rem}header .pill .arrow-icon{display:none}header .pill{font-size:.8125rem;padding-inline:10px}.language-switch{margin-left:0}}
.language-switch a,.language-switch a[aria-current="page"],.language-switch a:hover{color:inherit}
.language-switch a:not([aria-current="page"]){opacity:.7}
.language-switch a:hover{opacity:1}
.legal-page>header{color:var(--ink)}.legal-page>header .pill{border-color:currentColor}
.legal-page>header .logo-accent{color:inherit}

.category-note{font-size:.875rem;color:var(--muted);margin-top:4px;line-height:1.4}
.accessories-gallery .gallery-heading h2{min-width:0}.accessories-gallery .gallery-controls{flex-shrink:0}
@media(max-width:760px){.accessories-gallery .gallery-heading{align-items:flex-end}.accessories-gallery .gallery-heading h2{max-width:16ch}}

/* 404 page: bilingual blocks share the policy reading styles. */
.not-found .text-link{margin-top:32px}
.not-found h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;letter-spacing:-.04em;margin:24px 0}
.not-found [lang="de"] p:not(.policy-status){font-size:1.125rem;line-height:1.65;max-width:55ch}

/* Final legal texts: paragraph rhythm, lists and the cookie table. */
.legal-copy section>*+*,.policy-body>*+*{margin-top:16px}
.legal-copy ul,.policy-body ul{margin-bottom:0;padding-left:1.25em}.legal-copy li+li,.policy-body li+li{margin-top:8px}
.legal-copy a:not(.text-link),.policy-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-copy code,.policy-body code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}
.policy-page>.policy-date{margin-top:16px;font-size:.875rem;color:var(--muted)}
.policy-page .text-link+h1{margin-top:56px}
.policy-body{margin:48px 0 40px;font-size:1.0625rem;line-height:1.65}
.policy-body h2{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.025em;margin:48px 0 20px}.policy-body h2:first-child{margin-top:0}
.table-wrap{overflow-x:auto;margin:24px 0}
.cookie-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.9375rem;line-height:1.5}
.cookie-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cookie-table th,.cookie-table td{padding:14px 16px 14px 0;text-align:left;vertical-align:top;border-bottom:1px solid #d6d7cf}
.cookie-table thead th{font-weight:700;border-bottom:2px solid var(--ink)}
.cookie-table tbody th{font-weight:400;white-space:nowrap}