.story-page .service-nav{flex-wrap:wrap}.story-page .service-languages{display:flex}.story-page .service-languages a{font-size:14px}.story-page main{overflow:hidden}.story-page section[id]{scroll-margin-top:110px}.st-section{padding:clamp(80px,10vw,150px) clamp(20px,7vw,112px)}.st-eyebrow{margin:0 0 25px;color:#176b9f;font:800 14px/1.7 ui-monospace,monospace;letter-spacing:.06em}.story-page h1,.story-page h2{margin:0;font-weight:800;line-height:1.4;letter-spacing:-.055em;word-break:normal;overflow-wrap:break-word;line-break:strict}.story-page h1>span,.story-page h2>span,.st-values>span{display:block;text-wrap:balance}.story-page h1{font-size:clamp(39px,5.3vw,78px)}.story-page h2{font-size:clamp(32px,4.3vw,61px)}.st-lead,.st-prose p,.st-name-copy>p:first-child,.st-next>div>p{font-size:clamp(17px,1.45vw,20px);line-height:2;color:#40535c}.st-lead{margin:29px 0 0;max-width:40rem}.st-prose p{margin:0}.st-prose p+p{margin-top:24px}.st-link{display:inline-flex;align-items:center;gap:20px;max-width:100%;margin-top:30px;padding:8px 0;border-bottom:1px solid currentColor;font-size:16px;font-weight:800;line-height:1.7;color:#176b9f;text-decoration:none}.st-link:hover{color:#10242f}.st-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(35px,6vw,90px);align-items:center;min-height:640px;background:linear-gradient(115deg,#fff 45%,#edf8ff)}.st-re-mark{align-self:center;text-align:center;color:#176b9f}.st-re-mark strong{display:block;font:800 clamp(150px,22vw,340px)/.9 Arial,sans-serif;letter-spacing:-.12em;padding-inline-end:.12em;color:#3ba1e8}.st-re-mark p{margin:28px 0 0;font-size:17px;font-weight:700;line-height:1.8}.st-beginning{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.1fr);gap:clamp(35px,10vw,155px);align-items:start;background:#fff}.st-year{padding-top:15px}.st-year>span{font:800 clamp(65px,10vw,145px)/1 Arial,sans-serif;letter-spacing:-.075em;color:#3ba1e8}.st-year p{font:800 14px/1.8 ui-monospace,monospace;color:#62747c;margin:25px 0 0}.st-beginning .st-prose{margin-top:32px}.st-emphasis{margin:28px 0 0;padding-inline-start:0;border-inline-start:0;color:#10242f;font-size:21px;font-weight:800;line-height:1.9}.st-source{display:inline-block;margin-top:24px;color:#62747c;font-size:14px;line-height:1.8;text-underline-offset:5px}
.st-name{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px clamp(30px,8vw,130px);align-items:start;background:#f1f8fc}.st-name-copy>p:first-child{margin:0}.st-person{margin:25px 0 0;padding-top:22px;border-top:1px solid #bdd3df;font-size:17px;font-weight:800;line-height:1.8}.st-person span{display:block;margin-top:5px;color:#62747c;font-size:14px;font-weight:400}.st-name-parts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0 0;padding:35px 0;border-top:1px solid #a8c9dc;border-bottom:1px solid #a8c9dc}.st-name-parts dt{font:800 clamp(42px,5vw,72px)/1.2 Arial,sans-serif;letter-spacing:-.05em;color:#176b9f}.st-name-parts dd{margin:14px 0 0;font-size:18px;line-height:1.8}.st-name-parts dd span{display:block;font-size:14px;color:#62747c;margin-top:7px}.st-name-meaning{grid-column:1/-1;margin:0;font-size:20px;font-weight:800;line-height:1.9}.st-technology{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,8vw,130px);background:#10242f;color:#fff;align-items:start}.st-technology .st-eyebrow{color:#79caff}.st-technology .st-prose p{color:#d5e3e9}.st-technology .st-link{color:#79caff}.st-tech-note{margin:30px 0 0;color:#79caff;font-size:22px;font-weight:800;line-height:1.9}.st-re header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(30px,8vw,130px);align-items:center}.st-re header .st-eyebrow{grid-column:1/-1}.st-re .st-lead{margin:0}.st-re-interaction{margin-top:60px}.st-re-tabs{display:flex;gap:35px;border-bottom:1px solid #bdd3df}.st-re-tabs button{position:relative;min-width:0;min-height:55px;padding:14px 0;border:0;border-bottom:3px solid transparent;background:none;font:800 clamp(17px,1.8vw,25px)/1.5 Arial,sans-serif;color:#62747c;cursor:pointer}.st-re-tabs button[aria-selected=true]{color:#176b9f;border-bottom-color:#3ba1e8}.st-re-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 clamp(30px,5vw,80px);padding-top:42px;min-height:250px;align-items:center}.st-re-word{grid-row:1/3;margin:0;font:800 clamp(45px,7.5vw,108px)/1.2 Arial,sans-serif;letter-spacing:-.055em;color:#10242f;overflow-wrap:anywhere}.st-re-word span{color:#3ba1e8}.st-re-panel h3{margin:0;font-size:26px;line-height:1.6}.st-re-body{margin:16px 0 0;color:#40535c;font-size:18px;line-height:1.95;align-self:start}.st-future{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px clamp(30px,8vw,130px);align-items:start;background:#f1f8fc}.st-values{grid-column:1/-1;margin:40px 0 0;padding-top:45px;border-top:1px solid #a8c9dc;font-size:clamp(27px,3.6vw,51px);line-height:1.7;font-weight:800;letter-spacing:-.04em;color:#176b9f}.st-closing{grid-column:1/-1;margin:0;font-size:18px;line-height:1.9;color:#40535c}.st-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,8vw,130px);align-items:center;background:#3ba1e8}.st-next .st-eyebrow{color:#10242f}.st-next>div>p{margin:0;color:#10242f}.st-next .st-link{color:#10242f}.st-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.st-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;max-width:100%;min-height:52px;padding:14px 20px;background:#10242f;color:#fff;font-size:16px;font-weight:800;line-height:1.7;text-decoration:none}.st-actions a:hover{background:#176b9f}html[dir=rtl] .story-page h1,html[dir=rtl] .story-page h2,html[dir=rtl] .st-values{letter-spacing:0}
@media(max-width:1000px){.st-hero{grid-template-columns:1.2fr .8fr;gap:25px}.st-re-mark strong{font-size:clamp(120px,20vw,200px)}.st-beginning{grid-template-columns:.6fr 1.2fr;gap:40px}.st-re-panel{grid-template-columns:1fr;gap:20px;min-height:290px}.st-re-word{grid-row:auto}.st-re-panel h3{align-self:end}}
@media(max-width:800px){.st-hero,.st-beginning,.st-name,.st-technology,.st-re header,.st-future,.st-next{grid-template-columns:1fr;gap:38px}.st-hero{min-height:0}.st-re-mark{text-align:start}.st-re-mark strong{font-size:140px}.st-re-mark p{margin-top:18px}.st-year{padding-top:0}.st-year>span{font-size:90px}.st-year p{margin-top:16px}.st-name-parts{margin-top:0;gap:20px}.st-re header .st-eyebrow{margin:0}.st-re-interaction{margin-top:35px}.st-values{margin-top:0}.st-future .st-prose{margin-top:0}}
@media(max-width:620px){.story-page .service-nav{gap:16px;padding:18px 20px}.story-page .service-actions{width:100%;justify-content:space-between;gap:12px}.story-page .service-languages{gap:4px}.story-page .service-languages a{font-size:14px;padding:5px}.st-section{padding:75px 20px}.story-page h1{font-size:clamp(34px,9vw,45px)}.story-page h2{font-size:clamp(29px,8vw,40px)}.st-re-mark strong{font-size:115px}.st-re-mark p{font-size:16px}.st-name-parts{gap:18px}.st-name-parts dt{font-size:40px}.st-name-parts dd{font-size:16px}.st-name-meaning{font-size:18px}.st-tech-note{font-size:20px}.st-re-tabs{gap:22px;justify-content:space-between}.st-re-tabs button{font-size:17px}.st-re-word{font-size:clamp(42px,12vw,65px)}.st-re-panel{min-height:310px}.st-re-panel h3{font-size:24px}.st-re-body{font-size:17px}.st-values{font-size:clamp(26px,6.8vw,34px)}.st-closing{font-size:17px}.st-actions a{font-size:16px}.st-emphasis{font-size:19px}}
@media(max-width:360px){.st-name-parts{grid-template-columns:1fr;gap:25px}.st-name-parts>div{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center}.st-name-parts dd{margin:0}.st-re-tabs{gap:15px}.st-re-tabs button{font-size:16px}}

/* One spoonful. Then back to business. */
.st-humor{background:#f1f8fc;position:relative;text-align:center}
.st-humor-stage{position:relative;padding:75px 0 85px;max-width:1100px;margin:auto}
.st-humor h2{position:relative;color:#176b9f;font-size:clamp(30px,4.2vw,60px);line-height:1.65;z-index:1}
.st-humor h2>span{display:block;transform-origin:center;will-change:transform}
.st-spoon{position:absolute;inset-inline-start:calc(50% - 30px);top:0;font-size:64px;line-height:1;opacity:0;transform:translate(-130px,-25px) rotate(-35deg);z-index:2}
.st-humor-dot{position:absolute;inset-inline-start:50%;top:45px;font:900 70px/1 Arial,sans-serif;color:#3ba1e8;opacity:0;z-index:2}
.st-oops{position:absolute;bottom:22px;inset-inline:0;color:#40535c;font:700 16px/1.8 ui-monospace,monospace;opacity:0}
.st-humor-replay{display:inline-flex;gap:24px;align-items:center;border:0;border-bottom:1px solid #176b9f;background:transparent;color:#176b9f;padding:12px 0;font-family:inherit;font-size:16px;font-weight:700;line-height:1.8;cursor:pointer}
.st-humor-replay span{font-size:24px}.st-humor-replay:hover{color:#10242f}.st-humor-replay:focus-visible{outline:3px solid #176b9f;outline-offset:8px}.st-humor-replay:disabled{cursor:default}
.st-humor.is-playing .st-spoon{animation:st-spoonful 4.6s both}
.st-humor.is-playing .st-humor-dot{animation:st-drop 4.6s both}
.st-humor.is-playing .st-playful{animation:st-mischief 4.6s both}
.st-humor.is-playing .st-sincere{animation:st-straightface 4.6s both}
.st-humor.is-playing .st-oops{animation:st-aside 4.6s both}
@keyframes st-spoonful{0%{opacity:0}12%,22%{opacity:1;transform:translate(0,0) rotate(15deg)}30%,48%{opacity:1;transform:translate(0,6px) rotate(65deg)}62%,100%{opacity:0;transform:translate(130px,-30px) rotate(90deg)}}
@keyframes st-drop{0%,25%{opacity:0;transform:translateY(0) scale(.3)}29%{opacity:1;transform:translateY(0) scale(.6)}39%{opacity:1;transform:translateY(125px) scale(1)}44%{opacity:1;transform:translateY(100px) scale(2)}55%,100%{opacity:0;transform:translateY(125px) scale(0)}}
@keyframes st-mischief{0%,38%,90%,100%{transform:rotate(0) translateY(0)}45%{transform:rotate(-4deg) translateY(-12px)}52%{transform:rotate(3deg) translateY(8px)}60%,74%{transform:rotate(-2deg) translateY(-3px)}82%{transform:rotate(1deg)}}
@keyframes st-straightface{0%,42%,66%,100%{transform:translateX(0)}47%{transform:translateX(-5px)}52%{transform:translateX(5px)}57%{transform:translateX(-3px)}}
@keyframes st-aside{0%,49%,100%{opacity:0;transform:translateY(6px)}58%,82%{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.st-humor-stage{padding:60px 0 75px}.st-humor h2{font-size:clamp(26px,7vw,36px);line-height:1.8}.st-spoon{font-size:48px}.st-oops{bottom:10px}.st-humor-replay{font-size:16px}}
@media(prefers-reduced-motion:reduce){.st-humor.is-playing .st-spoon,.st-humor.is-playing .st-humor-dot,.st-humor.is-playing .st-playful,.st-humor.is-playing .st-sincere,.st-humor.is-playing .st-oops{animation:none;transform:none}.st-humor.is-playing .st-oops{opacity:1}}

/* Iskandar owns the punchline, using the same sprite as the homepage. */
.st-humor-stage{padding-bottom:8px}
.st-oops{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:15px;min-height:185px;margin:30px auto 0;width:max-content;max-width:100%;text-align:start}
.st-iskandar{display:block;flex:0 0 170px;width:170px;height:170px;background-image:url('/components/bonzuttner-hero/assets/iskandar-poses.png');background-size:200% 200%;background-position:100% 0;image-rendering:pixelated;clip-path:inset(0 0 0 1%);transform-origin:50% 95%}
.st-speech{position:relative;margin:0;padding:18px 22px;border:2px solid #10242f;border-radius:20px;background:#fff;color:#10242f;font-family:inherit;font-size:18px;font-weight:700;line-height:1.7;max-width:260px}
.st-speech:before{content:'';position:absolute;inset-inline-start:-9px;top:40%;width:14px;height:14px;background:#fff;border-inline-start:2px solid #10242f;border-bottom:2px solid #10242f;transform:rotate(45deg)}
html[dir=rtl] .st-speech:before{transform:rotate(-45deg)}
.st-humor.is-playing .st-iskandar{animation:st-hat-oops 4.6s both}
@keyframes st-hat-oops{0%,53%{background-position:0 0;transform:rotate(0)}58%,67%{background-position:100% 0;transform:rotate(-5deg)}75%,100%{background-position:100% 0;transform:rotate(0)}}
@media(max-width:620px){.st-humor-stage{padding-bottom:8px}.st-oops{gap:8px;min-height:155px;margin-top:24px}.st-iskandar{flex-basis:125px;width:125px;height:125px}.st-speech{font-size:16px;padding:12px 14px;max-width:180px}.st-oops{bottom:auto}}
@media(prefers-reduced-motion:reduce){.st-humor.is-playing .st-iskandar{animation:none;transform:none}}

.st-together{color:#3ba1e8}