/* Small desktop windows, composed in KERN's existing type and colour palette. */
.factory:has(.production:not(.cinematic)) + .handoff + .human-chapter .human-bridge{display:none}
.thread-track{opacity:.2}.thread-ink{opacity:.3}
.hero h1{font-size:clamp(66px,6.3vw,89px);line-height:1.04;letter-spacing:-.065em}
.hero h1 em{line-height:1.12}



.kern-window{background:#fffefa;color:var(--forest);border-radius:13px;overflow:hidden;box-shadow:0 25px 65px #173e3412,0 5px 12px #173e3406}
.window-bar{height:38px;display:flex;align-items:center;gap:18px;padding:0 16px;background:#f2f1eb;color:#68746b;font-size:10px;letter-spacing:.015em;line-height:1.2}
.window-dots{display:flex;gap:5px;flex-shrink:0}
.window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#dc8172}
.window-dots i:nth-child(2){background:#d9b563}.window-dots i:nth-child(3){background:#7fa58c}
.window-now{margin-left:auto;font-size:9px;color:#879087}
.hero-call{padding:0;display:block;width:330px;right:0;bottom:9%;transform:rotate(3deg)}
.notification-body{display:flex;gap:14px;padding:22px;align-items:flex-start}
.notification-icon{display:grid;place-items:center;background:var(--forest);color:var(--lime);border-radius:12px;width:42px;height:42px;flex-shrink:0}
.notification-icon .icon{width:21px;height:21px}
.notification-body>div>span{display:block;font-size:12px;color:#68746b}
.notification-body strong{display:block;font-size:15px;font-weight:650;line-height:1.6;letter-spacing:-.035em}
.notification-body a{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;min-height:34px;margin-top:8px}
.notification-body a .icon{width:14px;height:14px;transition:transform .2s}
.notification-body a:hover .icon{transform:translate(2px,-2px)}
.notification-body a:hover{text-decoration:underline;text-underline-offset:4px}

/* Equal portraits, and real employer marks rather than job-title badges. */
.people-grid{gap:70px;margin-top:60px}
.person-card,.about-people .person-card{grid-template-columns:112px minmax(0,1fr);gap:25px;align-items:start}
.portrait,.about-people .portrait{width:112px;height:112px;border-radius:50%;background:#e6e9df}
.portrait img{object-position:center;filter:grayscale(1);transition:filter .35s}
.person-card:hover .portrait img{filter:grayscale(0)}
.person-card h3,.about-people .person-card h3{margin:4px 0 16px;font-size:27px}
.person-card p{font-size:14px;line-height:1.85;max-width:350px;margin:0 0 23px}
.person-bio{display:flex;flex-direction:column;height:100%}.career{margin-top:auto}
.career>span{font-size:10px;color:#7a8279;display:block;margin-bottom:14px}
.career-logos{display:flex;align-items:center;gap:22px;min-height:38px;flex-wrap:wrap}
.career-logos img{display:block;object-fit:contain;max-width:100%;height:29px;width:auto}
.career-logos .drake-logo{width:105px;filter:brightness(0);opacity:.75}
.career-logos .catagonia-logo{width:126px;filter:grayscale(1);mix-blend-mode:multiply;opacity:.8}
.career-logos .telli-logo{width:64px;opacity:.8}
/* Two real references. Reserved positions are explicitly draft-only. */
.clients{text-align:center;margin-top:85px;padding:30px 0 0}
.clients>p{font-size:13px;color:var(--forest);line-height:1.6}
.client-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;align-items:center;margin:35px 0 24px}
.client-slot{height:78px;display:flex;align-items:center;justify-content:center;min-width:0}
.disa-lockup{gap:10px}.disa-lockup strong{font-size:24px;text-align:left}.disa-lockup strong span{font-size:9px;margin-top:5px}
.disa-lockup>img{width:33px;height:33px;filter:grayscale(1)}
.fwd-lockup{padding:0;background:none;border-radius:0}.fwd-lockup img{width:185px;max-width:100%;height:auto;filter:brightness(0);opacity:.75}
.client-placeholder{font-size:13px;letter-spacing:0;font-weight:500;flex-direction:column;gap:8px;color:#8a9187}
.client-placeholder small{margin:0;font-size:10px;color:#90988e;font-weight:400}
.clients>small{font-size:10px;max-width:none;margin:0 auto;line-height:1.8}
.client-draft-note{font-size:10px;color:#8b9288;display:block;margin-top:7px;line-height:1.7}
/* Inline booking. The content is Cal.com's real, responsive calendar. */
.calendar-window{margin-top:50px;scroll-margin-top:24px;background:white;box-shadow:0 22px 60px #061e251c}
.calendar-window .window-bar{height:43px;padding:0 22px;font-size:11px}
.calendar-free{margin-left:auto;font-size:10px;color:var(--forest)}
.calendar-intro{padding:30px 35px 0}
.calendar-intro :is(h2,h3){font-size:24px;letter-spacing:-.04em;line-height:1.3}
.calendar-intro p{font-size:12px;color:#758077;margin-top:8px}
.calendar-status{padding:25px 35px;font-size:13px;color:#67796d;line-height:1.7}
.calendar-host{width:100%;min-height:520px;padding:15px 18px 0;box-sizing:border-box}
.calendar-host[data-state=ready]{min-height:0}
.calendar-host[hidden]{display:none}
.calendar-host iframe{width:100%;border:0;display:block}
.calendar-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 35px 22px;color:#758077}
.calendar-foot>span{font-size:10px;line-height:1.7}.calendar-foot>span a{text-decoration:underline;text-underline-offset:3px}
.calendar-foot .text-link{font-size:11px;color:var(--forest)}
.calendar-foot .icon{width:16px}
.contact .contact-bottom{margin-top:30px}.contact .contact-bottom .text-link{color:var(--cream)}
.contact .end-line{margin-top:65px}
.contact-direct{display:block;margin-top:30px}.contact-direct .email-option{padding:30px 0 0}
.contact-direct .contact-symbol{display:none}
.contact-direct h2{font-size:28px}
.contact-direct p{max-width:550px}
.contact-direct .contact-email{font-size:23px;display:inline-flex;margin-right:30px;margin-top:18px}
.contact-direct .contact-phone{display:inline-block;margin-top:18px}
@media(min-width:1600px){.hero-grid{min-height:620px}.hero-sculpture{height:540px}}
@media(max-width:1100px){.hero h1{font-size:clamp(50px,6.45vw,71px)}.hero-call{width:295px}.notification-body{padding:18px;gap:12px}.notification-body strong{font-size:13px}.people-grid{gap:35px}.person-card,.about-people .person-card{grid-template-columns:90px minmax(0,1fr);gap:20px}.portrait,.about-people .portrait{width:90px;height:90px}.person-card h3,.about-people .person-card h3{font-size:23px}.career-logos{gap:13px}.career-logos .drake-logo{width:90px}.career-logos .catagonia-logo{width:105px}.client-logos{gap:18px}.disa-lockup strong{font-size:21px}.disa-lockup>img{width:28px;height:28px}.client-placeholder{font-size:11px}}
@media(max-width:760px){.hero h1{font-size:clamp(47px,11.5vw,85px)}.hero-sculpture{height:355px}.hero-call{width:280px;bottom:2%;right:0;border-radius:10px}.hero-call .window-bar{height:32px;font-size:9px;gap:12px;padding:0 13px}.window-dots{gap:4px}.window-dots i{width:7px;height:7px}.notification-body{padding:15px;gap:11px}.notification-icon{width:35px;height:35px;border-radius:9px}.notification-icon .icon{width:18px;height:18px}.notification-body>div>span{font-size:10px}.notification-body strong{font-size:13px}.notification-body a{font-size:10px;min-height:36px;margin-top:3px}.people-grid{gap:38px;margin-top:40px}.person-card,.about-people .person-card{grid-template-columns:85px minmax(0,1fr);gap:20px}.portrait,.about-people .portrait{width:85px;height:85px}.person-card h3,.about-people .person-card h3{font-size:23px;margin:3px 0 12px}.person-card p{font-size:13px;margin-bottom:18px;line-height:1.8}.career>span{font-size:9px;margin-bottom:10px}.career-logos{min-height:32px}.career-logos img{height:26px}.career-logos .drake-logo{width:83px}.career-logos .catagonia-logo{width:100px}.career-logos .telli-logo{width:55px}.clients{margin-top:55px;padding-top:10px}.clients>p{font-size:12px;max-width:280px;margin:auto}.client-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 18px;margin:23px 0 20px}.client-slot{grid-column:span 3;height:65px}.client-placeholder{grid-column:span 2;height:55px;font-size:10px;gap:5px}.client-placeholder small{font-size:9px}.disa-lockup strong{font-size:23px}.fwd-lockup img{width:165px}.clients>small,.client-draft-note{font-size:9px;line-height:1.8;max-width:390px}.calendar-window{margin-top:35px;border-radius:10px}.calendar-window .window-bar{height:43px;gap:12px;padding:0 15px;font-size:9px}.calendar-free{font-size:8px;max-width:90px;text-align:right;line-height:1.5}.calendar-intro{padding:24px 20px 0}.calendar-intro :is(h2,h3){font-size:21px}.calendar-intro p{font-size:11px;line-height:1.7}.calendar-status{padding:22px 20px;font-size:12px}.calendar-host{padding:10px 0 0;min-height:570px}.calendar-foot{padding:10px 20px 20px;flex-direction:column;align-items:flex-start;gap:4px}.calendar-foot>span{font-size:9px}.calendar-foot .text-link{font-size:10px}.contact .contact-bottom{gap:18px;margin-top:25px}.contact-direct h2{font-size:25px}.contact-direct .contact-email{font-size:21px;margin-right:0}.contact-direct .contact-phone{display:block}.contact .end-line{margin-top:45px}}
@media(max-width:360px){.hero h1{font-size:42px}.hero-sculpture{height:325px}.hero-call{width:250px}.notification-body{padding:13px}.notification-body strong{font-size:11px}.person-card,.about-people .person-card{grid-template-columns:66px minmax(0,1fr);gap:16px}.portrait,.about-people .portrait{width:66px;height:66px}.person-card h3,.about-people .person-card h3{font-size:21px}.career-logos{gap:12px}.career-logos .catagonia-logo{width:90px}.career-logos .drake-logo{width:78px}.client-logos{gap:10px}.client-placeholder{font-size:9px}.calendar-window .window-bar{padding:0 12px;gap:9px}.calendar-intro{padding:22px 16px 0}.calendar-intro :is(h2,h3){font-size:19px}}
@media(prefers-reduced-motion:reduce){.portrait img{transition:none}.notification-body a .icon{transition:none}}
@media print{[data-draft-only]{display:none!important}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.calendar-window{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);border-radius:0}.calendar-intro{padding-left:20px;padding-right:20px}}



/* Revision 3: retain the live site's labelled KERN illustration. */
.hero-sculpture{height:580px;width:100%;perspective:none;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-brand-graphic{width:min(100%,540px);height:auto;display:block;flex-shrink:0;overflow:visible}
.hero-brand-mobile{display:none}
.hero-call{position:relative;left:auto;right:auto;bottom:auto;align-self:flex-start;margin:-4px 0 0 32px;transform:none;width:310px;flex-shrink:0}
.hero-brand-desktop{width:min(100%,490px)}
@media(min-width:1600px){.hero-sculpture{height:580px}}
@media(max-width:1100px){.hero-sculpture{height:540px}.hero-call{width:280px;margin:10px 0 0 12px}}
@media(max-width:760px){.hero-sculpture{height:auto;width:min(100%,430px);margin-top:35px;gap:20px;justify-content:flex-start}.hero-brand-desktop{display:none}.hero-brand-mobile{display:block;width:min(100%,350px)}.hero-call{position:relative;align-self:center;margin:0;width:min(100%,300px)}.hero-bottom{padding-top:30px}}
@media(max-width:360px){.hero-sculpture{height:auto;gap:18px}.hero-call{width:min(100%,280px)}}

/* Keep the remaining edition aligned after removing the duplicate descriptor. */
.hero-topline{justify-content:flex-end}

/* Revision 4: clearer window chrome and an additional personal career mark. */
.hero-call .window-bar{background:#dce4d8;color:#294d40}
.hero-call .window-now{color:#456353}
.career-logos .bethmann-logo{width:124px;height:auto;filter:brightness(0);opacity:.75}
@media(max-width:760px){.career-logos .bethmann-logo{width:112px}}

/* Revision 5: balanced progress cue and light rooted in the door aperture. */
.opening-bottom{align-items:center}
.opening-bottom .connector{padding-bottom:0}
.door-light{--light-spread:65px;left:calc(-1 * var(--light-spread));width:calc(100% + 2 * var(--light-spread));height:150px;transform:none;clip-path:polygon(var(--light-spread) 0,calc(100% - var(--light-spread)) 0,100% 100%,0 100%)}
@media(max-width:760px){
 .opening-bottom>p{order:-1}
 .opening-bottom .connector{width:100%;max-width:none;margin-top:5px}
 .door-light{--light-spread:45px;height:120px}
}