/* Kinetik / project studies. Media supplies the colour; whitespace stays open. */
.case-live-link{display:flex;justify-content:flex-end;margin-top:12px}
.case-live-link .visit{margin:0}
.visit:has(.external-note){min-height:44px;max-width:100%;flex-wrap:wrap;column-gap:12px;row-gap:0}
.visit .external-note{font-size:12px;color:var(--muted)}
/* The responsive source is wrapped in picture; keep the original preview composition. */
.preview-koha>picture{display:block;width:51%;flex-shrink:0;box-shadow:0 10px 30px #22374716}
.preview-koha>picture:first-child{align-self:flex-start;margin-top:30px}
.preview-koha>picture:last-child{width:37%;align-self:flex-end;margin-bottom:-35px}
.preview-rise>picture{display:block;width:42%;flex-shrink:0;border:3px solid #343331;border-radius:26px;overflow:hidden}
.preview-rise>picture:first-child{margin-top:54px}
.preview-koha>picture>img,.preview-rise>picture>img{width:100%;height:auto}
@media(max-width:1100px){.preview-rise>picture{border-radius:20px}}
@media(max-width:700px){.preview-rise>picture{width:43%;border-radius:21px}}
.case-study{--case-accent:#3c5d6d}.case-study .k-particle-field{opacity:.38}.case-opening{padding-top:22px}.case-directory{display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center;border-block:1px solid var(--line);padding-block:10px;font-size:12px}.case-directory>span:last-child{text-align:right}.case-kicker{font:12px/1.5 Source,system-ui;letter-spacing:.1em;text-transform:uppercase}.case-study h1{font:650 clamp(78px,10vw,154px)/.86 Bricolage,Source,sans-serif;letter-spacing:-.075em}.case-study h2{font:550 clamp(44px,5.4vw,78px)/1.02 Bricolage,Source,sans-serif;letter-spacing:-.055em}.case-lead{font-size:clamp(23px,2.45vw,36px);line-height:1.22;letter-spacing:-.035em}.case-description{font-size:17px;line-height:1.55;max-width:34ch;color:#555950}.case-jump{display:inline-flex;align-items:center;gap:35px;padding-block:12px;border-bottom:1px solid var(--line);font-size:14px;text-decoration:none}.case-jump span{font-size:24px}.case-study figcaption{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.45;color:var(--muted);padding-top:13px}.case-study figure img,.case-study video{width:100%;height:auto;display:block}.case-study video{background:#2e4b5b;aspect-ratio:9/16}.case-chapter{margin-top:clamp(75px,10vw,145px)}.chapter-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;align-items:end;margin-bottom:42px}.chapter-heading .case-kicker{grid-column:1/-1}.chapter-heading>p:last-child{font-size:19px;max-width:38ch;margin-left:auto}.case-source-note{font-size:12px;color:var(--muted);max-width:90ch;margin-top:40px;line-height:1.6}.case-credits{display:grid;grid-template-columns:1.25fr 1fr auto;gap:45px;border-top:1px solid var(--line);padding-block:34px 60px;margin-top:65px}.case-credits h2{font:12px/1.5 Source,system-ui;letter-spacing:0;color:var(--muted);margin-bottom:13px}.case-credits p{font-size:16px;max-width:40ch}.case-credits .visit{margin-top:5px}.case-web-shot>img{width:100%;height:auto;border:1px solid #24262215}.case-next{border-top:1px solid var(--ink);padding-block:25px 70px}.case-next-link{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;text-decoration:none;margin-top:25px}.case-next-link>div:first-child>p{font-size:12px;color:var(--muted);margin-bottom:17px}.case-next-link h2{font-size:clamp(36px,4.4vw,65px);overflow-wrap:anywhere}.case-next-arrow{display:block;font:400 80px/1 Source;margin-top:20px;transition:transform .25s}.case-next-link:hover .case-next-arrow{transform:translate(8px,-8px)}.case-next .project-preview{height:285px}.case-dot{color:var(--case-accent)}

/* Overview: direct, generously cropped evidence instead of tinted mockup cards. */
.project-preview{height:355px;overflow:hidden;position:relative;isolation:isolate}.preview-web>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.k-card-link:hover .preview-web>img{transform:scale(1.025)}.preview-hofmannbikes{background:#131b24}.preview-koha{display:flex;align-items:center;justify-content:center;gap:6%;background:#d8e1e1;padding:0 8%}.preview-koha>img{width:51%;height:auto;flex-shrink:0;box-shadow:0 10px 30px #22374716}.preview-koha>img:first-child{align-self:flex-start;margin-top:30px}.preview-koha>img:last-child{width:37%;align-self:flex-end;margin-bottom:-35px}.preview-rise{display:flex;justify-content:center;align-items:start;gap:6%;background:#e7e0dc;padding:25px 10% 0}.preview-rise>img{width:42%;height:auto;flex-shrink:0;border:3px solid #343331;border-radius:26px}.preview-rise>img:first-child{margin-top:54px}.k-card:last-child .project-preview{grid-row:1/5;height:320px}

/* KOHA: an editorial production wall, with videos in their actual format. */
.koha-opening{display:grid;grid-template-columns:1.12fr .82fr .9fr;gap:30px;align-items:start;padding-top:65px}.koha-title{padding-top:12px}.koha-title h1{font-size:clamp(76px,9.2vw,137px);margin-block:28px 35px}.koha-title h1>span{display:block;font-size:.64em;letter-spacing:-.065em;margin-top:8px}.koha-title .case-lead{font-size:clamp(26px,2.6vw,38px)}.koha-title .case-description{margin-top:25px;max-width:28ch}.koha-title .case-jump{margin-top:23px}.koha-hero-reel{margin-top:0}.koha-hero-post{margin-top:145px}.koha-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}.koha-cards>figure:nth-child(2){margin-top:70px}.koha-cards>figure:nth-child(3){margin-top:140px}.koha-second-act{display:grid;grid-template-columns:.78fr 1fr;align-items:center;gap:clamp(60px,12vw,175px);padding-inline:6%}.koha-second-reel{max-width:365px}.koha-process h2{margin-top:22px}.case-process-list{list-style:none;margin:38px 0 0;padding:0}.case-process-list li{display:flex;gap:30px;border-top:1px solid var(--line);padding-block:22px}.case-process-list li>span{font:12px/1.5 monospace;padding-top:5px;color:var(--muted)}.case-process-list h3{font:550 25px/1.2 Bricolage,Source;letter-spacing:-.035em}.case-process-list p{font-size:16px;line-height:1.6;margin-top:10px;max-width:40ch}

/* Rise: the real product, at a scale that lets its interface speak. */
.case-sayama-rise{--case-accent:#92719d}.rise-title{position:relative;text-align:center;padding-top:45px}.rise-brand{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;margin-bottom:25px}.rise-brand>img{width:36px;height:36px;border-radius:9px}.rise-title h1{font-size:clamp(100px,15vw,214px);white-space:nowrap}.rise-title h1>span{color:#846690}.rise-title .case-lead{font-size:clamp(22px,2.6vw,37px);margin-top:24px}.rise-screen-stage{display:grid;grid-template-columns:.87fr 1fr .87fr;gap:clamp(30px,5.5vw,80px);max-width:1050px;margin:55px auto 0;padding:0 25px;align-items:start}.rise-side{margin-top:85px}.rise-device{background:#29272a;padding:5px;border-radius:clamp(28px,3.5vw,48px);box-shadow:0 0 0 1px #4b45492b,0 18px 28px -22px #30242d60;overflow:hidden}.rise-device>img{width:100%;height:auto;border-radius:clamp(24px,3.1vw,43px)}.rise-screen-stage figcaption{justify-content:center;margin-top:5px}.rise-statement{text-align:center;max-width:850px;margin-inline:auto}.rise-statement h2{margin-top:24px;font-size:clamp(50px,6.5vw,94px)}.rise-statement>p:not(.case-kicker){font-size:22px;line-height:1.55;max-width:49ch;margin:30px auto 0}.rise-statement .visit{margin-top:28px}.rise-feature{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:100px;max-width:1050px;margin-inline:auto}.rise-feature-copy h2{margin-block:25px 30px}.rise-feature-copy>p:not(.case-kicker){font-size:20px;max-width:35ch}.rise-settings{max-width:300px;margin-left:auto}.rise-product-notes{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px;border-top:1px solid var(--line);padding-top:24px}.rise-product-notes span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.rise-product-notes strong{font-size:17px;font-weight:500}

/* Hofmann: oversized typographic identity and the real workshop. */
.case-hofmannbikes{--case-accent:#637635}.bike-opening{padding-block:48px 45px}.bike-opening h1{font-size:clamp(100px,14.1vw,205px);text-transform:uppercase;margin-top:27px}.bike-opening h1>span{display:block;text-align:right}.bike-intro{display:grid;grid-template-columns:.4fr 1fr 1fr;gap:40px;align-items:center;margin-top:40px}.bike-mark{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#d7e99a;font-size:64px;line-height:1}.bike-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,130px);align-items:center}.bike-story>figure{max-width:500px}.bike-story>figure>img{aspect-ratio:4/5;object-fit:cover}.bike-story h2{margin-top:25px}.bike-story>div>p:not(.case-kicker){font-size:19px;line-height:1.6;max-width:38ch;margin-top:30px}.bike-details{list-style:none;padding:0;margin:30px 0 0;font-size:15px}.bike-details li{display:flex;gap:22px;border-top:1px solid var(--line);padding-block:16px}.bike-details span{font:12px/1.7 monospace;color:var(--muted)}

/* Sayama Music: a record sleeve sensibility, with the catalogue as material. */
.case-sayama-music{--case-accent:#856c8e}.music-opening{display:grid;grid-template-columns:1.25fr 1fr;gap:25px 80px;padding-block:48px 55px;align-items:end}.music-opening>.case-kicker{grid-column:1/-1}.music-opening h1{font-size:clamp(110px,14vw,205px)}.music-opening h1 em{font-family:Instrument,Georgia,serif;font-weight:400;letter-spacing:-.045em;color:#856c8e}.music-intro .case-description{margin-top:28px}.music-records{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start}.music-records>figure:nth-child(2){margin-top:65px}.music-records>figure:nth-child(3){margin-top:130px}.music-records img{aspect-ratio:1;object-fit:cover}.music-system{border-top:1px solid var(--line);padding-top:35px}.music-system h2{margin-top:24px}.music-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.music-system-grid article{border-top:1px solid var(--line);padding-top:20px}.music-system-grid span{font-size:12px;color:var(--muted)}.music-system-grid h3{font:550 30px/1.2 Bricolage,Source;letter-spacing:-.04em;margin-block:25px 15px}.music-system-grid p{font-size:17px;max-width:33ch}

/* Groundwater: a data-led, deliberately spare project study. */
.case-grundwasserlage{--case-accent:#426e70}.water-opening{padding-block:48px 45px}.water-opening h1{font-size:clamp(74px,11.5vw,168px);margin-top:28px;line-height:.92}.water-opening h1>span:first-child{color:var(--case-accent)}.water-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:40px;align-items:start}.water-intro .case-description{margin-left:auto}.water-system{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.water-system h2{margin-block:25px}.water-system>div>p:last-child{font-size:20px;max-width:37ch}.water-pipeline{list-style:none;padding:0;margin:0}.water-pipeline li{display:grid;grid-template-columns:35px 1fr 25px;gap:25px;border-top:1px solid var(--line);padding:24px 0 35px}.water-pipeline li>span:first-child{font:12px/1.5 monospace;padding-top:7px;color:var(--muted)}.water-pipeline li>span:last-child{font-size:27px;color:var(--case-accent)}.water-pipeline h3{font:550 29px/1.2 Bricolage,Source;letter-spacing:-.035em}.water-pipeline p{font-size:16px;color:var(--muted);margin-top:12px}

@media(min-width:1500px){.koha-opening{gap:45px}.koha-title .case-description{max-width:30ch}.project-preview{height:410px}}
@media(max-width:1100px){.koha-opening{grid-template-columns:1fr 1fr;gap:35px}.koha-title{grid-row:1/3}.koha-title h1{font-size:110px}.koha-hero-reel{max-width:310px;justify-self:end}.koha-hero-post{max-width:240px;margin:10px 0 0;justify-self:center}.koha-hero-post figcaption{background:var(--paper);padding-bottom:10px}.koha-second-act{padding-inline:0;gap:70px;grid-template-columns:.7fr 1fr}.case-next-link{gap:35px}.case-credits{grid-template-columns:1fr 1fr}.case-credits>div:last-child{grid-column:1/-1}.rise-screen-stage{gap:35px;padding:0}.rise-feature{gap:65px}.bike-intro{grid-template-columns:100px 1fr;gap:25px}.bike-intro .case-description{grid-column:2;max-width:43ch}.music-opening{gap:25px 35px}.music-opening h1{font-size:clamp(90px,13.5vw,160px)}.music-system-grid{gap:25px}.water-system{gap:45px}.project-preview{height:310px}.preview-rise>img{border-radius:20px}}
@media(max-width:700px){.case-opening{padding-top:12px}.case-directory{grid-template-columns:1fr auto;gap:10px}.case-directory>span:last-child{display:none}.case-study h2{font-size:clamp(39px,9vw,61px)}.case-lead{font-size:27px}.case-description{font-size:17px}.case-chapter{margin-top:75px}.chapter-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.chapter-heading>p:last-child{margin:0;font-size:17px;max-width:36ch}.case-study figcaption{font-size:10px;gap:8px}.case-credits{gap:25px;padding-block:25px 40px;margin-top:45px;grid-template-columns:1fr}.case-credits>div:last-child{grid-column:auto}.case-credits p{font-size:16px}.case-next{padding-block:23px 45px}.case-next-link{grid-template-columns:1fr;gap:25px}.case-next-link>div:first-child{position:relative;padding-right:50px}.case-next-link h2{font-size:43px}.case-next-arrow{position:absolute;right:0;bottom:0;font-size:53px;margin:0}.case-next .project-preview{height:270px}.case-source-note{margin-top:25px}.project-preview,.k-card:last-child .project-preview{height:310px}.preview-koha{padding-inline:8%;gap:7%}.preview-rise{padding:23px 12% 0}.preview-rise>img{width:43%;border-radius:21px}.k-card:last-child .k-card-link{display:block}
.koha-opening{padding-top:35px;grid-template-columns:1fr 1fr;gap:28px 18px}.koha-title{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px 15px}.koha-title .case-kicker{grid-column:1/-1}.koha-title h1{font-size:clamp(75px,16vw,110px);margin:0}.koha-title .case-lead{font-size:clamp(23px,5vw,32px);align-self:center}.koha-title .case-description{grid-column:1/-1;max-width:42ch;margin:0}.koha-title .case-jump{grid-column:1/-1;justify-self:start;margin:0}.koha-hero-reel{grid-column:1/-1;width:82%;max-width:340px;justify-self:center}.koha-hero-post{grid-column:1/-1;width:92%;max-width:390px;transform:none;margin:5px 0 0;justify-self:center}.koha-hero-post figcaption{background:none}.koha-hero-reel figcaption{display:block}.koha-hero-reel figcaption>span+span{display:block;margin-top:2px}.koha-cards{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.koha-cards>figure{flex:0 0 82%;scroll-snap-align:start;max-width:330px}.koha-cards>figure:nth-child(2),.koha-cards>figure:nth-child(3){margin-top:0}.koha-second-act{grid-template-columns:1fr;gap:35px}.koha-process{grid-row:1}.koha-second-reel{max-width:330px;width:78%;margin-inline:auto}.case-process-list li{gap:22px}.case-process-list h3{font-size:24px}.koha-process h2 br:last-of-type{display:none}
.rise-title{padding-top:35px}.rise-brand{font-size:11px;margin-bottom:25px}.rise-title h1{font-size:clamp(48px,15.6vw,109px)}.rise-title .case-lead{font-size:25px;margin-top:22px}.rise-screen-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;align-items:start;gap:25px;margin-top:35px;padding:0 15% 25px}.rise-screen-stage>figure{flex:0 0 100%;scroll-snap-align:center;max-width:310px;margin:0}.rise-screen-stage .rise-center{order:-1}.rise-device{border-radius:37px;padding:4px}.rise-device>img{border-radius:33px}.rise-screen-stage figcaption{font-size:12px}.rise-statement h2{font-size:clamp(41px,10vw,65px)}.rise-statement>p:not(.case-kicker){font-size:19px}.rise-feature{grid-template-columns:1fr;gap:40px}.rise-feature-copy>p:not(.case-kicker){font-size:19px}.rise-feature-copy h2{font-size:58px}.rise-settings{width:72%;max-width:310px;margin:auto}.rise-product-notes{margin-top:28px}.rise-product-notes strong{font-size:16px}
.bike-opening{padding-block:35px}.bike-opening h1{font-size:clamp(64px,14vw,100px);margin-top:26px}.bike-intro{grid-template-columns:60px 1fr;gap:20px;margin-top:30px}.bike-intro .case-lead{font-size:24px}.bike-mark{width:55px;height:55px;font-size:38px}.bike-story{grid-template-columns:1fr;gap:32px}.bike-story>div{grid-row:1}.bike-story>figure{width:90%;margin-left:auto}.bike-story>div>p:not(.case-kicker){font-size:18px;margin-top:25px}.bike-details{font-size:14px}.music-opening{padding-block:35px;grid-template-columns:1fr;gap:25px}.music-opening h1{font-size:clamp(86px,24vw,165px)}.music-intro{display:grid;grid-template-columns:1fr;gap:20px}.music-intro .case-description{margin:0;max-width:38ch}.music-records{gap:12px}.music-records>figure:nth-child(2){margin-top:35px}.music-records>figure:nth-child(3){margin-top:70px}.music-records figcaption{font-size:10px}.music-system-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.music-system-grid h3{margin-block:15px 12px}.music-system-grid p{max-width:40ch}.water-opening{padding-block:35px}.water-opening h1{font-size:clamp(70px,18vw,110px)}.water-opening h1>span:first-child{display:block}.water-intro{grid-template-columns:1fr;gap:22px;margin-top:30px}.water-intro .case-description{margin:0;max-width:38ch}.water-system{grid-template-columns:1fr;gap:35px}.water-system>div>p:last-child{font-size:19px}.water-pipeline li{gap:18px}.water-pipeline h3{font-size:27px}.water-site figcaption{display:block}.water-site figcaption>span+span{display:block;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.case-next-arrow,.preview-web>img{transition:none}}

@media(max-width:420px){.koha-title{grid-template-columns:1fr}.koha-title h1{font-size:96px}.koha-title .case-lead{font-size:28px}.koha-title .case-lead{max-width:14ch}.koha-title .case-description{font-size:16px}.case-next-link h2{font-size:36px}}
.case-beimkerner{--case-accent:#2f5a2f}.kerner-mark{background:#e6dc92}.kerner-story h2{font:550 clamp(40px,4.6vw,66px)/1.02 Bricolage,Source;letter-spacing:-.05em;margin-block:18px 24px}
.case-lichtkreis{--case-accent:#4a5fd8}.licht-mark{background:#dbe3fa}
.case-portal{--case-accent:#8a6a20}
@media(max-width:700px){.portal-opening h1>span:first-child{display:inline}}