/* update.css */

:root{--kono-white:#f8f8f5}*{box-sizing:border-box}.review-nav{position:fixed;z-index:99999;top:10px;left:50%;transform:translateX(-50%);display:flex;gap:15px;align-items:center;background:rgba(0,0,0,.8);color:#fff;border:1px solid #666;border-radius:24px;padding:8px 16px;font:12px/1.3 Arial,sans-serif;white-space:nowrap}.review-nav span{font-size:9px;letter-spacing:.12em;color:#ccc}.review-nav a{color:#fff;text-decoration:none}.review-nav a:focus-visible,.contact-mail:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.steiner-case{position:relative;width:100%;height:100vh;height:100svh;min-height:480px;overflow:hidden;background:#38444c}.steiner-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.steiner-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 58%)}.steiner-caption{z-index:2;left:4vw;right:4vw;bottom:5vh}.steiner-caption h3{margin:0 0 12px;font-size:clamp(17px,1.5vw,25px);line-height:1.2;color:#fff}.steiner-caption h2{margin:0;max-width:940px;font-size:clamp(29px,3.3vw,60px);line-height:1.06;text-transform:none;letter-spacing:-.035em}.steiner-caption h2 span{display:block}
.kono-contact{min-height:84vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 8vw 60px;background:#080808;color:var(--kono-white)}.contact-eyebrow{font:400 16px/1.4 Lato,Arial,sans-serif;letter-spacing:.08em;margin:0 0 32px}.kono-contact h2{font:400 clamp(45px,7.6vw,132px)/.99 Lato,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 48px;color:var(--kono-white)}.contact-dot{color:#999}.contact-mail{font:400 clamp(21px,3vw,46px)/1.3 Lato,Arial,sans-serif;color:var(--kono-white);text-decoration:none;border-bottom:1px solid #777;padding-bottom:10px}.contact-mail span{display:inline-block;margin-left:18px;transition:transform .2s}.contact-mail:hover span{transform:translate(4px,-4px)}.contact-person{font:300 15px/1.4 Lato,Arial,sans-serif;color:#aaa;margin-top:22px}#section9>.footerwrapper{margin-top:0;padding:20px 0 35px;background:#080808}#section9 .footerlast{text-transform:none}#logoBig{opacity:1!important}
@media(max-width:767px){.review-nav{gap:10px;padding:8px 12px;font-size:10px;top:8px}.review-nav span{display:none}.steiner-image{object-position:82% 50%}.steiner-case{min-height:520px}.steiner-caption{left:6vw;right:6vw;bottom:max(6vh,32px)}.steiner-caption h2{font-size:clamp(27px,7.2vw,44px);line-height:1.12}.steiner-caption h3{font-size:17px;margin-bottom:12px}.steiner-shade{background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.1) 51%,transparent 70%)}.kono-contact{padding:85px 7vw 45px;min-height:80svh}.kono-contact h2{font-size:clamp(42px,10.8vw,75px);margin-bottom:38px}.contact-eyebrow{margin-bottom:25px}.contact-mail{font-size:clamp(20px,5.7vw,32px)}.contact-mail span{margin-left:8px}.contact-person{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.contact-mail span{transition:none}#kono-hero-video{display:none}}

/* A single, compact mobile ending. */
@media(max-width:767px){
#section9{background:#080808;display:block}
#section9 .fp-tableCell{display:flex;flex-direction:column;min-height:100svh}
#section9 .kono-contact{min-height:0;flex:1;padding:80px 7vw 35px}
#section9 .footerwrapper.footer{display:block;height:auto;min-height:0;margin:0;padding:0 7vw 30px;background:#080808}
#section9 .footerwrapper>.footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:18px 22px;height:auto;min-height:0;margin:0;padding:22px 0 0;border-top:1px solid #333;background:#080808}
#section9 .footerparalink{height:auto;margin:0;padding:0;font-size:12px;line-height:1.5}
#section9 .footerlast{flex-basis:100%;order:2;margin:3px 0 0;padding:0;font-size:11px;line-height:1.5}
#section9 .linkedinmobile{display:none}
}

/* expansion.css */
/* KONO extension concept — staging only */
.jacob-case,.baller-case{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;color:#fff}
.jacob-case{background:#1a48d1}.jacob-posters{position:absolute;inset:7vh 6vw 22vh;display:flex;justify-content:center;align-items:center;gap:4vw}
.jacob-posters img{display:block;height:100%;width:auto;max-width:44%;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.14))}
.new-case-caption{position:absolute;left:4vw;right:4vw;bottom:5vh;color:#fff}.new-case-caption h3{font:400 clamp(17px,1.5vw,25px)/1.2 Lato,Arial,sans-serif;margin:0 0 12px;color:inherit}.new-case-caption h2{font:400 clamp(32px,4.2vw,76px)/1.03 Lato,Arial,sans-serif;letter-spacing:-.04em;text-transform:none;margin:0;color:inherit}
.baller-case{background:#761630}.baller-art{position:absolute;top:5vh;right:8vw;height:76vh;width:auto;max-width:80vw;object-fit:contain}.baller-case .new-case-caption{right:auto;background:linear-gradient(90deg,#761630 72%,transparent);padding:22px 50px 0 0}
.section-services,.section-testimonials{background:#fafaf8;color:#111}.section-testimonials{background:#eeefec}
.services-content,.testimonials-content{min-height:100svh;width:100%;max-width:1800px;margin:auto;padding:9vh 8vw 7vh;font-family:Lato,Arial,sans-serif;color:#111}
.section-eyebrow{font-size:15px;line-height:1.4;margin:0 0 25px;color:#666;letter-spacing:.02em}
.services-content h2,.testimonials-content h2{font:400 clamp(42px,5.2vw,88px)/1.02 Lato,Arial,sans-serif;letter-spacing:-.045em;text-transform:none;margin:0 0 6vh;color:#111}
.service-columns{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.service-columns h3{font:400 clamp(25px,2.5vw,38px)/1.15 Lato,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 26px;color:#111}.service-columns dl{margin:0}.service-columns dl>div{border-top:1px solid #d5d5d1;padding:18px 0}.service-columns dt{font-size:19px;line-height:1.25;font-weight:400;margin:0 0 7px}.service-columns dd{font-size:16px;line-height:1.5;font-weight:300;color:#555;margin:0;max-width:510px}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.testimonials-grid figure{display:flex;flex-direction:column;margin:0;padding-top:22px;border-top:1px solid #c9cac6}.quote-brand{font-size:15px;font-weight:700;margin:0 0 22px}.testimonials-grid blockquote{font-size:clamp(18px,1.75vw,28px);line-height:1.4;letter-spacing:-.015em;margin:0 0 28px;border:0;padding:0;flex:1}.testimonials-grid figcaption{font-size:14px;line-height:1.5}.testimonials-grid figcaption span{display:block;color:#6a6a68;font-weight:300}.quote-context{font-size:11px;line-height:1.4;color:#777;margin:32px 0 0}
#fp-nav ul li:nth-last-child(3){display:none!important}
@media(max-width:767px){
.review-nav{max-width:calc(100vw - 16px);gap:11px;overflow-x:auto;justify-content:flex-start}.review-nav a{flex:none}
.jacob-case{height:100svh;min-height:640px}.jacob-posters{inset:65px 7vw 155px;gap:0}.jacob-posters img{height:100%;width:100%;max-width:100%;object-fit:contain}.jacob-posters img:nth-child(2){display:none}.new-case-caption{left:7vw;right:7vw;bottom:38px}.new-case-caption h2{font-size:clamp(31px,8.2vw,44px);line-height:1.06}.new-case-caption h3{font-size:17px;margin-bottom:12px}
.baller-case{min-height:660px}.baller-art{top:13vh;left:5vw;right:auto;width:90vw;height:auto;max-width:none}.baller-case .new-case-caption{background:none;padding:0;bottom:6vh}
.services-content,.testimonials-content{padding:78px 7vw 65px;min-height:100svh}.section-eyebrow{font-size:14px;margin-bottom:22px}.services-content h2,.testimonials-content h2{font-size:43px;margin-bottom:48px}.service-columns{grid-template-columns:1fr;gap:40px}.service-columns h3{font-size:28px;margin-bottom:23px}.service-columns dt{font-size:20px}.service-columns dd{font-size:16px}.testimonials-grid{grid-template-columns:1fr;gap:38px}.testimonials-grid blockquote{font-size:24px;line-height:1.4}.quote-brand{margin-bottom:20px}.quote-context{margin-top:40px}
body.fp-responsive .sectiones,body.fp-responsive .sectiones>.fp-tableCell{height:auto!important;min-height:0!important}body.fp-responsive #section9>.fp-tableCell{min-height:100svh!important}body.fp-responsive #fp-nav{display:none!important}
}

/* refinement.css */
/* Review iteration: centred posters, photographic golf, reduced services. */
@media(min-width:768px){
 .jacob-posters{inset:20svh 6vw 20svh;gap:4vw}
 .jacob-case .new-case-caption h2{font-size:clamp(32px,3.4vw,64px)}
}
.baller-case{background:#242625 url('baller-editorial.webp') center center/cover no-repeat}
.baller-case:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%)}
.baller-art{top:50%;right:7vw;left:auto;transform:translateY(-50%);height:auto;width:27vw;max-width:430px;box-shadow:0 18px 45px #0004}
.baller-case .new-case-caption{background:none;padding:0}
.services-content{display:flex;align-items:center;padding-top:12vh;padding-bottom:12vh}
.service-columns{width:100%}
.service-columns h3{font-size:clamp(35px,4vw,64px);line-height:1.04;margin-bottom:48px;letter-spacing:-.045em}
.testimonials-content{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:start;padding:0 8vw;max-width:none;background:#eeefec}
.testimonials-heading{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center}
.testimonials-content .testimonials-heading h2{font-size:clamp(48px,5.6vw,92px);margin:0;line-height:1.02}
.testimonials-content .testimonials-grid{display:flex;flex-direction:column;gap:clamp(96px,15svh,144px);padding:22svh 0}
.testimonials-grid figure{display:block;flex:none;min-height:0;border:0;padding:0;margin:0}
.testimonials-grid blockquote{font-size:clamp(23px,2.15vw,36px);line-height:1.35;flex:none;letter-spacing:-.025em;margin-bottom:32px}
.testimonials-grid .quote-brand{font-size:16px;margin-bottom:30px}
.testimonials-grid figcaption{font-size:15px}
.quote-context{margin:30px 0 0;max-width:210px;font-size:12px}
/* The full-page site keeps the quote column as the scrollable region. */
@media(min-width:768px){
 #fullpage .testimonials-content{height:100svh;min-height:0;overflow:hidden}
 #fullpage .testimonials-grid{height:100svh;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
 #fullpage .testimonials-grid::-webkit-scrollbar{display:none}
}
@media(max-width:767px){
 .baller-case{background-position:37% center;min-height:700px}
 .baller-art{top:38px;right:6vw;left:auto;transform:none;width:32vw;max-width:160px;height:auto}
 .baller-case .new-case-caption{bottom:45px}
 .services-content{padding:85px 7vw}
 .service-columns{gap:60px}
 .service-columns h3{font-size:40px;line-height:1.06;margin-bottom:32px}
 .testimonials-content{display:block;padding:0 7vw}
 .testimonials-heading{position:sticky;top:0;height:auto;z-index:2;background:#eeefec;padding:36px 0 28px;border-bottom:1px solid #d4d5d1}
 .testimonials-content .testimonials-heading h2{font-size:40px}
 .testimonials-heading h2 br{display:none}
 .testimonials-heading .quote-context{display:none}
 .testimonials-content .testimonials-grid{gap:72px;padding:40px 0 70px}
 .testimonials-grid figure{min-height:0;padding:0}
 .testimonials-grid blockquote{font-size:26px}
 .testimonials-grid .quote-brand{margin-bottom:25px}
}
@media(prefers-reduced-motion:reduce){.testimonials-grid{scroll-behavior:auto}}
/* Keep case copy above image shading and keep all new titles fully opaque. */
.new-case-caption{z-index:1}
.new-case-caption h2,.new-case-caption h3,.service-columns h3,.testimonials-heading h2,.kono-contact h2{opacity:1;filter:none;mix-blend-mode:normal}
.service-columns h3,.testimonials-heading h2{color:#111}
.service-columns dd{font-weight:400;color:#4c4c4c}

/* Explicit grid track prevents absolutely positioned case art collapsing on mobile. */
#section-jacob,#section-baller{grid-template-columns:minmax(0,1fr)}
#section-jacob>.fp-tableCell,#section-baller>.fp-tableCell{width:100%;min-width:0}

/* mobile-snap.css */
/* Restore original fullPage mobile navigation, with full-width content. */
@media(max-width:767px){
 #fullpage>.sectiones{grid-template-columns:minmax(0,1fr)}
 #fullpage .fp-tableCell{width:100%;min-width:0}
 #fullpage .jacob-case,#fullpage .baller-case,#fullpage .steiner-case{height:100%;min-height:0;width:100%}
 #fullpage .testimonials-content{min-height:0}
 #fullpage .testimonials-heading{position:relative}
}
/* Shared mobile caption system for every case. */
@media(max-width:767px){
 #fullpage .caseheadingcontainer,#fullpage .new-case-caption{position:absolute;top:auto;left:7vw;right:7vw;bottom:max(40px,env(safe-area-inset-bottom));width:auto;max-width:none;margin:0;padding:0;text-align:left}
 #fullpage .caseheadingcontainer h3,#fullpage .new-case-caption h3{font-family:Lato,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.25;letter-spacing:0;margin:0 0 12px;padding:0}
 #fullpage .caseheadingcontainer h2,#fullpage .new-case-caption h2{font-family:Lato,Arial,sans-serif;font-size:clamp(26px,7.2vw,34px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0;padding:0;max-width:none}
}

@media(max-width:767px){
 #fullpage>#section-jacob,#fullpage>#section-baller,#fullpage>#section-steiner{min-height:0!important}
 #section-jacob>.fp-tableCell,#section-baller>.fp-tableCell,#section-steiner>.fp-tableCell{overflow:hidden}
}

/* audit.css */
/* Audit corrections: identity clear space and basic accessibility. */
.kono-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}
@media(max-width:767px){
 .review-nav{display:none}
 #fullpage .jacob-posters{top:calc(8vw + 7.3vw + 32px)}
}
@media(prefers-reduced-motion:reduce){
 #section1 .case2{background:#17465b}
 #logoBig{opacity:1!important}
}

/* Shared case typography: desktop and mobile differ only in scale and insets. */
#fullpage .caseheadingcontainer h2,#fullpage .new-case-caption h2{text-transform:none;font-family:Lato,Arial,sans-serif;font-weight:400}
@media(min-width:768px){
 #fullpage .caseheadingcontainer,#fullpage .new-case-caption{left:4vw;right:4vw;bottom:5vh;top:auto;width:auto;max-width:none;margin:0;padding:0}
 #fullpage .caseheadingcontainer h3,#fullpage .new-case-caption h3{font:400 clamp(17px,1.5vw,25px)/1.25 Lato,Arial,sans-serif;letter-spacing:0;margin:0 0 12px;padding:0}
 #fullpage .caseheadingcontainer h2,#fullpage .new-case-caption h2{font-size:clamp(32px,3.4vw,64px);line-height:1.12;letter-spacing:-.035em;margin:0;padding:0;max-width:none}
}
.jacob-posters .jacob-watch{display:block;height:100%;width:auto;max-width:44%;aspect-ratio:1086/1448}
.jacob-posters .jacob-watch img{width:100%;height:100%;max-width:100%;object-fit:contain}
@media(max-width:767px){.jacob-posters .jacob-watch{display:none}}
#fp-nav ul li{width:28px;height:28px;margin:2px}
#fp-nav a:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:50%}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Native mobile scrolling inside the two long editorial sections. */
@media(max-width:767px){
 #section8>.fp-tableCell,#section-stimmen>.fp-tableCell{height:100%!important;overflow:hidden}
 #section8 .services-content,#section-stimmen .testimonials-content{height:100%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}