/* FaMaas 1.2: dunkles Portfolio, eigenstaendiger Seitenaufbau */
:root{--ink:#10141b;--surface:#191f28;--paper:#f3f5f6;--muted:#b1bac6;--line:#38414d;--lime:#d9ff43;--cyan:#73dae7}
body{background:var(--ink);color:var(--paper)}.shell{width:min(1280px,calc(100% - 96px))}.section{padding:100px 0}h1,h2,h3{letter-spacing:-.05em}h2{font-size:clamp(36px,4.3vw,64px);font-weight:400}h3{font-weight:400}.eyebrow,.number{font-size:11px;letter-spacing:.13em}.site-header{height:100px;border-bottom:1px solid var(--line);padding:0 48px}.logo{width:180px}.site-header nav{gap:30px}.nav-cta{border:0;border-bottom:1px solid var(--lime);padding:8px 0}.button{border-radius:0;background:var(--lime);color:var(--ink);padding:14px 22px}.button.outline{color:var(--paper);border-color:var(--line)}.hero{display:block;padding-top:68px}.hero-copy{max-width:1100px;margin:auto;text-align:center}.hero .eyebrow{max-width:none;margin-bottom:30px;color:var(--muted)}.hero h1{font-size:clamp(58px,7.8vw,112px);line-height:1.04;font-weight:400;letter-spacing:-.075em}.hero h1 br{display:none}.hero h1 em{display:block;color:var(--paper);font-family:inherit;font-style:normal;font-weight:700}.intro{font-size:24px;margin-top:28px;color:var(--cyan)}.hero-description{max-width:660px;margin:20px auto 28px;font-size:18px}.hero-copy>.micro{margin-top:20px}.hero-art{position:relative;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;gap:35px;margin:64px 0 0;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:none;max-width:none}.art-heading{grid-column:1;display:block;border:0;margin:0;padding:0;font-size:11px;color:var(--muted)}.art-heading span{display:block}.art-heading span:last-child{margin-top:28px;color:var(--lime)}.screen{grid-column:2;grid-row:1/3;transform:none;border:0;box-shadow:none;max-height:300px;overflow:hidden;animation:portfolio-enter .7s ease-out both}.screen img{width:100%}.floating-print{position:static;grid-column:3;grid-row:1/3;width:100%;transform:none;border:0;box-shadow:none}.art-caption{position:static;grid-column:1;grid-row:2;align-self:end}.art-caption strong{font-size:21px;font-weight:400}.art-caption span{font-size:11px}.orbit-line{display:none}.hero-bottom{margin:0;padding:18px 0;border:0;color:var(--muted);font-size:12px}.hero-bottom b{color:var(--paper)}
.work-section{background:transparent;color:var(--paper);border-bottom:1px solid var(--line);padding-top:85px}.work-section .section-heading{grid-template-columns:200px 1fr;margin-bottom:40px;gap:22px 40px}.work-section .section-heading .eyebrow{grid-column:1;grid-row:1/3;margin-top:10px;max-width:170px;color:var(--cyan)}.work-section .section-heading h2{grid-column:2;font-size:clamp(38px,4.5vw,65px)}.work-section em{color:var(--paper)}.work-section .section-heading>p:last-child{grid-column:2;color:var(--muted);max-width:700px}.case-lead{grid-template-columns:1.45fr 1fr;gap:50px;background:none;align-items:center}.case-image{padding:0}.case-image img{box-shadow:none}.case-lead-copy{padding:0;background:none}.case-lead-copy h3{font-size:40px;font-weight:400}.case-lead-copy h3 br{display:none}.case-lead-copy .eyebrow{color:var(--cyan)}.proofs{gap:0;border:1px solid var(--line);margin-top:38px}.proofs a{border:0;border-right:1px solid var(--line);padding:26px}.proofs a:last-child{border-right:0}.proofs span{color:var(--cyan)}.proofs h3{font-size:25px;font-weight:400}.proofs p{color:var(--muted)}
#leistungen{display:grid;grid-template-columns:260px 1fr;gap:70px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:24px}.section-heading h2{margin-bottom:28px}.section-heading>p:last-child{color:var(--muted)}#leistungen .section-heading h2{font-size:43px}#leistungen .section-heading{position:sticky;top:35px;align-self:start}.services{display:block;border:0;border-top:1px solid var(--line)}.services article{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;padding:35px 0 35px 48px;border:0;border-bottom:1px solid var(--line);background:none!important;color:var(--paper)}.services .number{position:absolute;left:0;top:42px;font-size:10px;color:var(--muted)}.services h3{grid-column:1;grid-row:1;margin:0;font-size:32px;font-weight:400}.services p{grid-column:2;color:var(--muted)}.services ul{grid-column:2;grid-row:2/4;margin:0;color:var(--muted);font-size:13px}.services li{border:0;padding:4px 0}.services a{grid-column:1;font-weight:400;font-size:13px;color:var(--cyan);text-decoration:underline;text-underline-offset:5px}.featured .number{font-size:0}.featured .number:after{content:'02';font-size:10px}.services .featured h3{color:var(--lime)}.featured p,.featured ul{color:var(--muted)}
.figures{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:100px}.figure-image{background:transparent;max-width:330px}.figure-image img{border-radius:0}.figure-image p{background:transparent;color:var(--muted);border:0;padding:15px 0}.figures h2{font-size:clamp(36px,4vw,60px)}.figures h2 em{color:var(--paper)}.approach{background:var(--surface)}.approach .section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:20px 80px}.approach .section-heading .eyebrow{grid-column:1/-1;margin:0}.approach .section-heading h2{margin:0}.steps{grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid #596471;padding-top:22px}.steps h3{font-size:26px;font-weight:400}.about{grid-template-columns:1fr 1.5fr}.about h3{font-weight:400;font-size:38px}.contact{display:block;text-align:center;max-width:900px;padding-top:100px;padding-bottom:100px}.contact h2{font-size:clamp(48px,6vw,84px)}.contact h2 br{display:none}.contact>div>p{max-width:650px;margin-left:auto;margin-right:auto}.contact>div>p.eyebrow{margin-bottom:25px}.contact-options{border-top:1px solid var(--line);margin-top:38px;padding-top:35px}.contact-email{font-size:clamp(30px,5vw,62px);color:var(--paper);font-weight:400}.contact-options>.eyebrow{color:var(--muted);font-size:10px}.contact-options .button{margin-top:28px}.famaas-form{text-align:left;margin-top:45px}.site-footer{background:var(--ink);padding:40px 48px;border-top:1px solid var(--line)}.site-footer>p{color:var(--muted)}
.case-hero{padding-top:40px}.case-hero h1{font-weight:400;font-size:clamp(45px,6.3vw,88px)}.case-hero h1 em{color:var(--paper);font-family:inherit;font-weight:700;font-style:normal}.case-hero .wide-art{margin-top:45px}.wide-art img{height:480px}.chapter-nav{justify-content:space-between;gap:20px;padding:24px 0}.case-chapter{background:#161c24}.browser-shot{padding:0;background:none}.case-columns h3{font-size:21px;font-weight:700}.project-intro{grid-template-columns:200px 1fr}.structure h3,.digital-grid h3{font-weight:400}.metrics strong{color:var(--cyan);font-weight:400}.video{background:#222c33}.load-video{background:var(--lime);color:var(--ink);border-radius:0}.videos h3{font-weight:400}.project-end h2{max-width:1000px}.project-end h2 br{display:none}.project-end h2 em{color:var(--paper)}.project-end{border-top:1px solid var(--line)}.menu-toggle{border-radius:0;color:var(--paper);border-color:var(--line)}.site-header nav.open{background:var(--surface)}
@keyframes portfolio-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}
@media(max-width:1050px){#leistungen{grid-template-columns:220px 1fr;gap:35px}.services article{grid-template-columns:1fr;padding-left:35px}.services h3,.services p,.services ul,.services a{grid-column:1;grid-row:auto}.hero-art{grid-template-columns:150px 1fr 130px;gap:25px}.case-lead{gap:30px}.case-lead-copy h3{font-size:34px}.figures{gap:60px}.work-section .section-heading{grid-template-columns:170px 1fr}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.site-header{height:88px;padding:0 20px}.logo{width:160px}.hero{padding-top:42px}.hero h1{font-size:clamp(44px,9.6vw,76px)}.hero .eyebrow{font-size:10px;max-width:300px;margin:0 auto 24px}.intro{font-size:21px}.hero-description{font-size:16px}.hero-art{grid-template-columns:1fr 100px;margin-top:40px;padding:22px 0;gap:20px}.art-heading{grid-column:1/-1;display:flex;justify-content:space-between}.art-heading span:last-child{margin:0}.screen{grid-column:1;grid-row:2;max-height:none}.floating-print{grid-column:2;grid-row:2}.art-caption{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;align-items:center}.art-caption strong{font-size:18px}.art-caption strong br{display:none}.art-caption span{margin:0}.hero-bottom b{display:block}.section{padding-top:65px;padding-bottom:65px}.work-section .section-heading{display:block}.work-section .section-heading .eyebrow{max-width:none;margin-bottom:22px}.work-section .section-heading h2{margin-bottom:25px}.case-lead{grid-template-columns:1fr;gap:28px}.case-lead-copy h3{font-size:34px}.proofs{grid-template-columns:1fr}.proofs a{border-right:0;border-bottom:1px solid var(--line);padding:23px}.proofs a:last-child{border-bottom:0}#leistungen{display:block}#leistungen .section-heading{position:static;margin-bottom:35px}#leistungen .section-heading h2{font-size:38px}.services article{padding:27px 0 27px 40px}.services h3{font-size:30px}.services .number{top:34px}.figures{grid-template-columns:1fr;gap:35px}.figure-image{max-width:300px}.approach .section-heading{display:block}.approach .section-heading .eyebrow{margin-bottom:22px}.approach .section-heading h2{margin-bottom:25px}.steps{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:25px}.contact{max-width:none}.contact-email{font-size:38px}.site-footer{padding:35px 20px}.case-hero h1{font-size:clamp(40px,7.5vw,64px)}.case-intro p{font-size:18px}.wide-art img{height:280px}.project-intro{grid-template-columns:1fr;gap:10px}.chapter-nav{justify-content:flex-start;gap:20px}.case-columns,.case-columns.two{grid-template-columns:1fr}.editorial-grid,.structure,.digital-grid{grid-template-columns:1fr}}
@media(max-width:440px){.hero h1{font-size:clamp(34px,9.3vw,44px)}.hero .intro{font-size:19px}.hero-art{grid-template-columns:1fr 72px;gap:15px}.art-heading{font-size:9px}.art-caption{display:block}.art-caption span{margin-top:8px}.hero-bottom{font-size:11px}.hero-bottom>span{max-width:200px}.steps{grid-template-columns:1fr}.contact h2{font-size:43px}.contact-email{font-size:30px}.case-hero h1{font-size:38px}.case-hero .eyebrow{font-size:10px}.section h2{font-size:35px}}
/* Schrittweise Zusammenarbeit: normaler Seiten-Scroll, kein Scroll-Lock. */
.approach>.shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 75px;align-items:start}.approach .section-heading{display:block;position:sticky;top:55px;margin:0}.approach .section-heading .eyebrow{margin-bottom:25px}.approach .section-heading h2{margin-bottom:28px}.collaboration-flow{display:flex;flex-direction:column;gap:110px;position:relative;padding-left:52px}.collaboration-flow article{position:relative;min-height:220px;background:#10141b;border:1px solid #38414d;padding:30px;opacity:1;transform:none}.collaboration-flow article>span{position:absolute;left:-71px;top:30px;display:grid;place-items:center;width:38px;height:38px;background:#191f28;border:1px solid #596471;color:#b1bac6;font-size:12px;z-index:2}.collaboration-flow h3{font-size:29px;margin:0 0 22px}.collaboration-flow p{font-size:16px}.collaboration-flow.flow-ready article{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease,border-color .3s}.collaboration-flow.flow-ready article.is-revealed{opacity:1;transform:none;border-color:#607784}.collaboration-flow article.is-revealed>span{color:#d9ff43;border-color:#d9ff43}.flow-track{position:absolute;left:0;top:49px;width:1px;height:var(--flow-length,0px);background:#38414d;pointer-events:none}.flow-progress{position:absolute;left:0;top:0;width:2px;height:var(--flow-progress,0px);background:#d9ff43}.flow-progress:after{content:'';position:absolute;bottom:0;left:-4px;width:9px;height:9px;border-right:2px solid #d9ff43;border-bottom:2px solid #d9ff43;transform:rotate(45deg)}.flow-note{grid-column:2;color:#b1bac6;font-size:14px;padding-top:32px;max-width:560px}.approach .about{grid-column:1/-1;width:100%}.no-motion .collaboration-flow.flow-ready article{opacity:1;transform:none;transition:none}.no-motion .flow-track{display:none}@media(max-width:800px){.approach>.shell{display:block}.approach .section-heading{position:static;margin-bottom:45px}.collaboration-flow{gap:90px;padding-left:45px}.collaboration-flow article{min-height:0;padding:25px}.collaboration-flow article>span{left:-64px}.collaboration-flow h3{font-size:26px}.collaboration-flow p{font-size:15px}.flow-note{padding-top:28px}.approach .about{margin-top:50px}}@media(prefers-reduced-motion:reduce){.collaboration-flow.flow-ready article{opacity:1;transform:none;transition:none}.flow-track{display:none}}@media print{.collaboration-flow.flow-ready article{opacity:1;transform:none}.flow-track{display:none}.approach .section-heading{position:static}}

/* Feohwynn: persoenliche Geschichte zwischen den Arbeitsbeispielen. */
.project-intro .role-note{font-size:14px;border-left:2px solid var(--cyan);padding-left:18px;margin-top:26px;max-width:650px}.project-heart{background:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.heart-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.heart-heading .eyebrow{margin-bottom:24px}.heart-heading .lead{max-width:460px;color:var(--paper)}.project-heart .case-columns{gap:65px}.project-heart .case-columns article{border-top:1px solid var(--line);padding-top:26px}.project-origin{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:42px;padding:22px 0}.project-origin summary{cursor:pointer;color:var(--cyan);font-size:18px;font-weight:500;list-style-position:outside;margin-left:20px;padding-left:8px}.project-origin summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.origin-copy{max-width:780px;padding:24px 0 4px;color:var(--muted)}.origin-copy p+p{margin-top:18px}.project-growth{display:grid;grid-template-columns:1fr 2fr;gap:45px;margin-top:45px;padding:30px 0;border-top:1px solid var(--line)}.project-growth h3{font-size:26px}.project-growth p{color:var(--muted)}@media(max-width:800px){.heart-heading,.project-growth{grid-template-columns:1fr;gap:24px}.project-heart .case-columns{gap:30px}.heart-heading .lead{max-width:none}.project-origin summary{font-size:17px}}

.project-entry{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;border-left:2px solid var(--cyan);padding:12px 0 12px 26px;margin-top:38px}.project-entry h3{font-size:26px}.project-entry p{color:var(--muted)}.project-feedback{margin-top:42px;padding:30px 34px;background:var(--surface);border-left:2px solid var(--lime)}.project-feedback .eyebrow{margin-bottom:18px}.project-feedback h3{font-size:28px;margin-bottom:18px}.project-feedback>p:not(.eyebrow){max-width:850px;color:var(--muted)}.project-feedback .caption{margin-top:18px;font-size:12px}@media(max-width:800px){.project-entry{grid-template-columns:1fr;gap:18px;padding-left:20px}.project-feedback{padding:25px 22px}.project-feedback h3{font-size:25px}}

.book-layout{border-top:1px solid var(--line)}.book-layout .case-columns article{border-top:2px solid var(--cyan);padding-top:24px}.book-layout .case-columns h3{font-size:25px}.book-offer{border-left:2px solid var(--lime);padding:8px 0 8px 25px;margin-top:45px;max-width:850px}.book-offer p{color:var(--muted)}.services li a{text-decoration:underline;text-underline-offset:4px}.services li a:hover{color:var(--lime)}

/* Original photographs: book design evidence */
.book-evidence{margin:48px 0}.book-evidence h3{font-size:clamp(24px,3vw,38px);line-height:1.2;margin:28px 0 16px}.book-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:28px}.book-photo-grid figure{margin:0;min-width:0}.book-photo-grid img{display:block;width:100%;height:auto;border-radius:6px}.book-photo-grid a{display:block}.book-photo-grid a:focus-visible{outline:3px solid #d9ff43;outline-offset:5px}.book-photo-grid figcaption{font-size:14px;line-height:1.6;color:#b9bdc5;margin-top:12px}.book-photo-grid figure:nth-last-child(-n+2) img{max-height:640px;object-fit:contain;background:#181d25}@media(max-width:680px){.book-photo-grid{grid-template-columns:1fr;gap:26px}}

.shop-evidence{margin-top:54px;padding-top:34px;border-top:1px solid #ffffff26}.shop-evidence>h3{font-size:clamp(26px,3vw,40px);line-height:1.2}.shop-evidence h4{font-size:20px;line-height:1.35}.shop-measurements{margin-top:28px;padding:18px 0;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}.shop-measurements summary{cursor:pointer;font-weight:700}.shop-measurements summary:focus-visible{outline:2px solid #d9ff43;outline-offset:5px}.shop-table-wrap{overflow-x:auto}.shop-measurements table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}.shop-measurements caption{text-align:left;padding:12px 0;color:#b9bdc5}.shop-measurements th,.shop-measurements td{text-align:left;padding:13px 10px;border-bottom:1px solid #ffffff26}.shop-measurements td{white-space:nowrap}

/* Keep case-study additions within the same editorial measure as the shop section. */
#shop .shop-evidence.shell{width:calc(100% - 96px);max-width:1440px;margin:64px auto 0;padding:40px 0 0;box-sizing:border-box}
#shop .shop-evidence>h3{max-width:850px;margin:0 0 22px;font-size:clamp(27px,3.2vw,42px);line-height:1.15;letter-spacing:-.035em}
#shop .shop-evidence>.lead{max-width:810px;font-size:18px;line-height:1.7;font-weight:400;margin:0 0 32px;color:#bbc2cb}
#shop .shop-evidence .case-columns{display:block;margin:0;counter-reset:case-row}
#shop .shop-evidence .case-columns article{display:grid;grid-template-columns:42px minmax(180px,.85fr) minmax(0,1.5fr);gap:26px;align-items:start;padding:28px 0;border-top:1px solid #ffffff20;background:none;counter-increment:case-row}
#shop .shop-evidence .case-columns article:before{content:counter(case-row,decimal-leading-zero);color:#d9ff43;font-size:13px;line-height:1.6;padding-top:3px;font-weight:700}
#shop .shop-evidence .case-columns h4{font-size:21px;line-height:1.35;margin:0;max-width:300px}
#shop .shop-evidence .case-columns p{font-size:16px;line-height:1.75;margin:0;color:#bbc2cb}
#shop .shop-evidence>p:not(.lead){max-width:900px;margin:25px 0;font-size:15px;line-height:1.7;color:#aeb7c3}
#shop .shop-user-journeys>p.caption{padding-left:18px;border-left:2px solid #80d4dc;font-size:13px;max-width:920px}
#shop .shop-measurements{background:#10141b;border:1px solid #ffffff20;border-radius:8px;padding:20px 24px;margin:30px 0 12px}
#shop .shop-measurements summary{line-height:1.5;color:#d9ff43}
#shop .shop-measurements .caption{font-size:13px;line-height:1.7;max-width:900px}
@media(max-width:760px){#shop .shop-evidence.shell{width:calc(100% - 40px);margin-top:40px;padding-top:30px}#shop .shop-evidence>.lead{font-size:16px}#shop .shop-evidence .case-columns article{grid-template-columns:30px minmax(0,1fr);gap:12px 15px;padding:23px 0}#shop .shop-evidence .case-columns h4{font-size:20px;max-width:none}#shop .shop-evidence .case-columns p{grid-column:2;font-size:15px}#shop .shop-measurements{padding:16px}#shop .shop-measurements th,#shop .shop-measurements td{font-size:13px;padding:10px 6px}}

.intro-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0}.intro-links article{border-top:2px solid #d9ff43;padding:25px 0;display:flex;flex-direction:column;align-items:flex-start}.intro-links h3{font-size:24px;line-height:1.3;margin:14px 0}.intro-links p{font-size:16px;line-height:1.7}.intro-links .text-link{margin-top:auto;padding-top:20px}@media(max-width:800px){.intro-links{grid-template-columns:1fr}.intro-links article{padding:24px 0 16px}}

/* Service pages and compact project overview */
.service-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:40px;border-top:1px solid #ffffff25}
.service-route{display:flex;flex-direction:column;align-items:flex-start;padding:36px 32px 36px 0;border-bottom:1px solid #ffffff25;text-decoration:none;color:inherit;min-width:0}
.service-route:nth-child(even){padding-left:32px;border-left:1px solid #ffffff25}
.service-route h3{font-size:clamp(24px,3vw,38px);line-height:1.15;margin:18px 0}
.service-route p{max-width:540px;color:#b5bdc9;line-height:1.65}
.service-route .text-link{margin-top:auto;padding-top:20px}
.service-route:hover h3,.service-route:focus-visible h3{color:#d9ff43}
.service-hero{padding-top:70px;padding-bottom:56px}
.service-hero h1{font-size:clamp(42px,6vw,86px);line-height:1.04;max-width:1100px;margin:26px 0}
.service-hero .lead{max-width:860px}
.service-deliverables{display:flex;gap:12px;flex-wrap:wrap;list-style:none;padding:0;margin:30px 0}
.service-deliverables li{border:1px solid #ffffff35;border-radius:30px;padding:10px 18px}
.service-navigation{display:flex;flex-wrap:wrap;gap:10px;padding-top:18px;padding-bottom:18px;border-block:1px solid #ffffff25}
.service-navigation a{padding:8px 12px;color:inherit;text-decoration:none;font-size:14px}
.service-navigation a[aria-current=page]{background:#d9ff43;color:#10141b}
.service-context{padding-top:44px;padding-bottom:16px}
.service-context p:not(.eyebrow){max-width:820px}
.service-details,.project-development{margin-top:32px;margin-bottom:64px}
.service-details summary,.project-development>summary,.project-background>summary,.evidence-gallery>summary{cursor:pointer;padding:22px 0;border-block:1px solid #ffffff30;font-weight:700;color:#d9ff43}
.project-background{margin-top:32px}
.project-background[open]>.case-columns{margin-top:32px}
.service-outro p{max-width:720px}
.service-outro .text-link{display:inline-block;margin:22px}
.evidence-gallery{margin-top:32px}
.evidence-gallery .book-photo-grid img{max-height:480px;object-fit:contain;background:#0b1018}
.project-development .project-end{padding-top:36px}
@media(max-width:700px){
.service-routes{grid-template-columns:1fr}
.service-route,.service-route:nth-child(even){padding:28px 0;border-left:0}
.service-hero{padding-top:38px}
.service-deliverables{display:block}
.service-deliverables li{margin-bottom:8px;border-radius:0}
.service-navigation a{font-size:13px;padding:8px}
.service-outro .text-link{margin-left:0}
}
.book-feature{margin:32px 0}.book-feature img{display:block;max-height:560px;width:100%;object-fit:contain;background:#0b1018}.book-feature figcaption{font-size:14px;color:#b5bdc9;padding-top:12px}

/* Textile services: separate commissioned work, evidence and available designs. */
.service-route-textile{grid-column:1/-1;position:relative;padding-left:28px;border-left:3px solid #d9ff43;background:linear-gradient(110deg,#d9ff4309,transparent)}
.service-route-textile p{max-width:800px}
.textile-hero h1{max-width:920px}
.textile-commission{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}
.textile-commission h2{font-size:clamp(32px,4vw,54px)}
.textile-steps{list-style:none;margin:0;padding:0}
.textile-steps li{position:relative;padding:22px 0 22px 52px;border-top:1px solid #ffffff25}
.textile-steps li>span{position:absolute;left:0;top:26px;color:#d9ff43;font-size:14px}
.textile-steps h3{margin:0 0 10px}
.textile-steps p{margin:0;color:#b5bdc9}
.textile-reference-placeholder{border:1px dashed #82908a;padding:28px;margin-top:32px}
.textile-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
.textile-reference-grid h3{font-size:24px}
.textile-reference-grid p{color:#b5bdc9}
.textile-shop-placeholder{max-width:900px;padding:32px;border-left:3px solid #d9ff43;background:#ffffff04;margin-top:32px}
.textile-shop-placeholder h3{font-size:clamp(26px,3vw,38px)}
@media(max-width:760px){.textile-commission{grid-template-columns:1fr;gap:28px}.textile-reference-grid{grid-template-columns:1fr;gap:8px}.textile-reference-placeholder,.textile-shop-placeholder{padding:22px}.service-route-textile{padding-left:20px}}

/* Original supplied portrait, shown uncropped. */
.about.about-with-portrait{grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.about-portrait{margin:0;max-width:360px}
.about-portrait img{width:100%;height:auto;border:1px solid var(--line)}
.about-portrait figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:16px;font-size:14px}
.about-portrait figcaption span{color:var(--muted)}
.about-copy h3{margin-bottom:24px}
.about-copy .eyebrow{color:var(--cyan)}
.about-copy>p:not(.eyebrow){max-width:660px;font-size:18px}
@media(max-width:700px){.about.about-with-portrait{grid-template-columns:1fr;gap:30px}.about-portrait{width:100%;max-width:340px}.about-copy>p:not(.eyebrow){font-size:16px}}
section.about-with-portrait{margin-top:0;padding-top:64px;padding-bottom:80px}

/* Shared disclosure navigation works with mouse, touch and keyboard. */
.site-header{z-index:40}
.services-dropdown{position:relative}
.services-dropdown>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:12px 0;font-size:14px}
.services-dropdown>summary::-webkit-details-marker{display:none}
.services-dropdown>summary span{transition:transform .2s}
.services-dropdown[open]>summary{color:var(--lime)}
.services-dropdown[open]>summary span{transform:rotate(180deg)}
.services-submenu{position:absolute;top:100%;left:-20px;min-width:285px;padding:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 42px #0006;z-index:50}
.services-submenu a{display:block;padding:12px 14px;font-size:14px;line-height:1.4}
.services-submenu a:hover,.services-submenu a:focus-visible{background:#ffffff08}
.services-submenu a[aria-current=page]{color:var(--lime);border-left:2px solid var(--lime)}
.services-submenu .services-overview{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:6px;color:var(--cyan)}
.breadcrumbs{padding-top:24px;padding-bottom:0;font-size:13px;color:var(--muted)}
.breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:0}
.breadcrumbs li+li:before{content:"/";margin-right:12px;color:#647181}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.breadcrumbs a:hover{color:var(--lime)}
.breadcrumbs [aria-current=page]{color:var(--paper)}
@media(max-width:800px){
.services-dropdown{width:100%}
.services-dropdown>summary{justify-content:space-between;padding:0;font-size:16px;min-height:40px}
.services-submenu{position:static;min-width:0;box-shadow:none;border:0;border-left:2px solid var(--lime);margin-top:12px;padding:0 0 0 10px}
.services-submenu a{padding:12px 8px}
.site-header nav.open{max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}
.breadcrumbs{padding-top:20px}
}

.services-intro{padding-top:48px;padding-bottom:36px}
.services-intro h1{font-size:clamp(36px,5vw,64px);margin-bottom:22px}
.services-intro .lead{max-width:820px;font-size:19px}
.service-tabs-wrap{position:sticky;top:0;z-index:30;background:#10141bf5;border-block:1px solid var(--line);scroll-margin-top:0}
.service-tabs{display:flex;gap:6px;padding-block:14px;overflow-x:auto}
.service-tabs a{flex:1 0 auto;display:flex;align-items:center;justify-content:center;padding:15px 14px;border:1px solid var(--line);font-size:14px;line-height:1.3}
.service-tabs a:hover{border-color:var(--lime)}
.service-tabs a[aria-selected=true]{color:var(--ink);background:var(--lime);border-color:var(--lime);font-weight:700}
.service-panel[hidden]{display:none!important}
.service-panel>.service-hero{padding-top:48px;padding-bottom:40px}
.service-panel>.service-hero h2{font-size:clamp(34px,4.6vw,64px);max-width:1050px;margin:20px 0}
.service-panel{scroll-margin-top:110px}
.service-panel :is(section,aside)[id]{scroll-margin-top:115px}
@media(max-width:800px){.service-tabs{width:100%;padding:12px 20px}.service-tabs a{flex:0 0 auto;font-size:13px;padding:12px}.services-intro{padding-top:30px}.service-panel>.service-hero{padding-top:30px}}
@media print{.service-panel[hidden]{display:block!important}.service-tabs-wrap{position:static}}
.service-tabs{scrollbar-width:thin;scrollbar-color:#596471 #10141b}

.mutstein-case>.lead{margin-top:26px}
.mutstein-photo{margin:36px 0}
.mutstein-photo img{width:100%;height:auto;max-height:650px;object-fit:contain;background:#14171d}
.mutstein-photo figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.mutstein-case>.button{margin-top:32px}
.textile-motif-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:36px}
.textile-motif-gallery figure{margin:0;min-width:0;background:#10141b;border:1px solid var(--line)}
.textile-motif-gallery img{width:100%;height:340px;object-fit:contain;background:#fff}
.textile-motif-gallery figcaption{padding:20px}
.textile-motif-gallery .eyebrow{display:block;font-size:10px;margin-bottom:12px}
.textile-motif-gallery h3{font-size:22px;line-height:1.2;margin-bottom:12px}
@media(max-width:900px){.textile-motif-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.textile-motif-gallery{grid-template-columns:1fr}.textile-motif-gallery img{height:auto;max-height:460px}}

#referenzen h2+.lead{margin-top:24px}

.photo-lightbox-link{position:relative;display:block;cursor:zoom-in}
.photo-lightbox{border:1px solid var(--line);background:#10141b;color:var(--paper);padding:20px;width:min(1200px,96vw);max-width:96vw;max-height:96dvh;overflow:auto}
.photo-lightbox::backdrop{background:#000d}
.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.lightbox-count{color:var(--muted);font-size:14px}
.lightbox-close,.lightbox-prev,.lightbox-next{background:var(--surface);color:var(--paper);border:1px solid var(--line);padding:12px 16px;min-width:44px;min-height:44px}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{border-color:var(--lime);color:var(--lime)}
.lightbox-body{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px}
.lightbox-body figure{margin:0;min-width:0;text-align:center}
.lightbox-image-wrap{position:relative;display:inline-block;max-width:100%;line-height:0}
.lightbox-image{display:block;max-width:100%;max-height:72dvh;width:auto;height:auto;object-fit:contain;margin:auto}
.lightbox-caption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:16px}
.lightbox-prev[hidden],.lightbox-next[hidden]{visibility:hidden;display:block}
@media(max-width:600px){.photo-lightbox{padding:12px}.lightbox-body{grid-template-columns:1fr 1fr;gap:12px}.lightbox-body figure{grid-column:1/-1;grid-row:1}.lightbox-prev{grid-column:1;grid-row:2}.lightbox-next{grid-column:2;grid-row:2}.lightbox-image{max-height:62dvh}.lightbox-caption{font-size:12px}}

.service-tabs a[aria-current="page"]{color:var(--ink);background:var(--lime);border-color:var(--lime);font-weight:700}
.service-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.service-overview-grid article{border-top:1px solid var(--line);padding:24px 0}.service-hub[aria-busy="true"] .service-tabs{opacity:.65}

/* Persistent navigation: reserve room for the header and service navigation. */
:root{--header-height:100px;--admin-offset:0px}
body.admin-bar{--admin-offset:32px}
html{scroll-padding-top:calc(var(--header-height) + 16px)}
.site-header{position:sticky;top:var(--admin-offset);height:var(--header-height);background:var(--ink);z-index:40;box-shadow:0 6px 20px #0003}
.service-tabs-wrap{top:calc(var(--header-height) + var(--admin-offset))}
#leistungen .section-heading,.approach .section-heading{top:calc(var(--header-height) + var(--admin-offset) + 32px)}
@media(max-width:800px){:root{--header-height:88px}.site-header nav.open{max-height:calc(100dvh - var(--header-height) - var(--admin-offset))}}
@media(min-width:601px) and (max-width:782px){body.admin-bar{--admin-offset:46px}}
@media(max-width:600px){body.admin-bar{--admin-offset:0px}}
@media print{.site-header,.service-tabs-wrap{position:static;box-shadow:none}}

/* Four angled service bars, matching the FaMaas business stationery. */
.brand-service-bars{display:grid;gap:8px;width:min(560px,100%);margin:40px auto 0;text-align:left}
.brand-service-bars a{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 58px;font-size:15px;color:var(--paper)}
.brand-service-bars a::before{content:"";position:absolute;inset:0;z-index:-1;background:#35404b;clip-path:polygon(48px 0,100% 0,calc(100% - 48px) 100%,0 100%);transition:background .18s ease}
.brand-service-bars a span{color:var(--lime)}
.brand-service-bars a:hover::before,.brand-service-bars a:focus-visible::before{background:#465362}
.brand-service-bars a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.site-footer{position:relative}
.brand-bar-signature{display:grid;gap:5px;width:140px;position:absolute;right:48px;top:-31px;pointer-events:none}
.brand-bar-signature i{display:block;height:12px;background:#35404b;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.brand-bar-signature i:last-child{background:var(--lime)}
@media(max-width:800px){.brand-service-bars{margin-top:30px}.brand-service-bars a{font-size:13px;padding-inline:43px;min-height:44px}.brand-service-bars a::before{clip-path:polygon(36px 0,100% 0,calc(100% - 36px) 100%,0 100%)}.brand-bar-signature{right:20px;width:110px}}
@media(prefers-reduced-motion:reduce){.brand-service-bars a::before{transition:none}}