@import url('/for-recruiters/presentation.css');
:root{--ink:#101410;--paper:#f5f2e9;--green:#00f000}
body{background:var(--paper)}
.presentation-bar{position:absolute;inset:0 0 auto;z-index:8;min-height:70px;padding:12px 42px;background:#06100640;color:#fff;border-bottom:1px solid #ffffff30}
.presentation-label{font-size:9px;letter-spacing:1.8px}.brand span{color:#c1c9bf}
.intro-scene{height:100svh;min-height:740px;max-height:1100px;isolation:isolate;background:#101410;color:#fff}
.opening-cinema{z-index:0;opacity:1;filter:none;object-fit:cover;object-position:center}
.film-shade{z-index:1;background:linear-gradient(90deg,#00000040,transparent 75%),linear-gradient(180deg,#0008 0%,#0001 27%,#0000 43%,#0005 61%,#000c 83%,#000d 100%)}
.film-grain{z-index:2;opacity:.035;background-size:6px 6px}
.hero-topline{position:absolute;top:100px;left:42px;right:42px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hero-person{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;min-height:60px;padding:6px 10px;background:#07110760;border:1px solid #ffffff30}
.hero-person img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid #fff8}
.hero-person strong,.hero-person small{display:block}.hero-person strong{font-size:14px;letter-spacing:2px}.hero-person small{font-size:9px;letter-spacing:1px;margin-top:4px}
.reel-badge{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1px;border:1px solid #ffffff60;padding:10px 12px;background:#0003}
.reel-badge i{width:6px;height:6px;background:var(--green);border-radius:50%}
.intro-copy{position:absolute;left:60px;right:40px;bottom:156px;z-index:3;max-width:940px}
.intro-copy>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#e8eee5;margin:0 0 16px;text-shadow:0 1px 12px #000}
.intro-scene h1{font-size:clamp(74px,7.7vw,112px);line-height:.9;letter-spacing:-.065em;font-weight:900;max-width:1050px;text-shadow:0 2px 28px #0004}
.intro-scene h1 em{font-size:.76em;font-family:Georgia,serif;letter-spacing:-.045em;color:var(--green);line-height:1.12}
.intro-lead{font-size:16px;margin-top:18px;max-width:650px;line-height:1.5;text-shadow:0 1px 12px #000}
.intro-actions{margin-top:24px;gap:12px}.intro-actions .action{min-height:46px}.action.outline{background:#0003;border-color:#fff9}
.hero-bottomline{position:absolute;bottom:55px;left:60px;right:60px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ffffff50;padding-top:14px}
.hero-bottomline>p{font-size:9px;font-weight:700;letter-spacing:1px;max-width:360px;line-height:1.5}
.film-controls{margin:0;flex-shrink:0}.film-controls button{min-height:44px;font-size:9px;letter-spacing:.8px;border-color:#ffffff70;padding:8px 13px;background:#0002}
.media-status{position:absolute;bottom:24px;left:60px;right:40px;z-index:3;color:#ecf1e9;max-width:none;font-size:10px;min-height:16px;margin:0}
.hero-play{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;width:110px;height:110px;gap:6px;border-radius:50%;border:1px solid #ffffffb0;background:#10141050;backdrop-filter:blur(5px);color:#fff;transition:opacity .2s}
.hero-play>span{font-size:37px;line-height:1}.hero-play small{font-size:8px;font-weight:700;letter-spacing:1px}
.intro-scene[data-playing=true] .hero-play{opacity:0;visibility:hidden;pointer-events:none}
.opening-note{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;padding:22px 42px;background:#dfe5d6;border-bottom:1px solid #bec6b5;font-size:10px;line-height:1.7}
.opening-note>span{font-size:8px;letter-spacing:1px;font-weight:700;max-width:260px}.opening-note>p{font-size:11px;max-width:390px}.opening-note>details{max-width:320px}
.opening-note summary{min-height:44px;cursor:pointer;align-content:center;font-size:9px;font-weight:700;white-space:nowrap}.opening-note details p{font-size:11px;line-height:1.7;padding:10px 0;max-width:320px}
.section-wrap{padding:88px 60px;max-width:1400px}.section-heading h2{font-size:clamp(44px,5.1vw,74px)}
.chapter-nav{background:#f5f2e9ed;backdrop-filter:blur(8px)}
.fit-scene .section-intro{font-size:17px;max-width:480px;line-height:1.7}
.role-paths{border-color:#aeb8a8}.role-paths a[aria-current=page]{background:var(--green);color:var(--ink);font-weight:700}
.leadership-strip{margin-top:40px}.leadership-strip strong{font-size:44px}.fit-summary h3{max-width:750px}
.work-scene{padding-top:24px}.work-grid{gap:58px 32px}.work-card:first-child,.work-card:last-child{grid-column:1/-1}
.work-cover{aspect-ratio:1.4;background:#192219;position:relative;overflow:hidden;isolation:isolate}
.work-card:first-child .work-cover{aspect-ratio:2}.work-card:last-child .work-cover{aspect-ratio:2.15}
.work-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s}
.work-cover.bottles img{object-fit:contain}.work-cover:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(#0004,transparent 28%,transparent 65%,#0004);pointer-events:none}
.work-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .4s;pointer-events:none}
.work-cover.is-playing .work-preview{opacity:1}.work-cover.is-playing img{opacity:0}
.work-number{z-index:3;pointer-events:none;background:#101410cc;color:#fff;font-size:9px;letter-spacing:1px;padding:8px 10px}
.cover-story{position:absolute;inset:0;z-index:2;text-decoration:none}
.cover-story span{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;background:var(--green);color:var(--ink);border-radius:50%;width:48px;height:48px;font-size:25px}
.cover-story:focus-visible{outline-offset:-6px}.cover-story:hover~.work-preview{transform:scale(1.02)}
.preview-toggle{display:none;position:absolute;left:18px;bottom:18px;z-index:4;min-height:44px;padding:10px 13px;background:#101410b0;backdrop-filter:blur(5px);border:1px solid #ffffffa0;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px}
.js-ready .preview-toggle{display:block}.work-card h3{font-size:38px;max-width:850px}.work-line{font-size:25px;max-width:700px}.stage-label{margin-top:22px}.story-link{max-width:100%;text-decoration:none;padding-top:16px;margin-top:22px}
.process-scene{position:relative;background:#182117}.process-scene h2 em{color:var(--green)}.process-grid figure>a{background:#293727;border:1px solid #ffffff20}
.process-scene .quiet-note{font-size:11px;max-width:1000px}.process-bottom{margin-top:40px}
.human-grid{grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}.person{width:100%;max-width:580px;transform:rotate(-2deg);align-self:start;box-shadow:0 20px 50px #14231112}
.person img{aspect-ratio:1;width:100%;height:auto;object-fit:contain}.person figcaption{gap:12px;padding:17px}.person figcaption em{font-size:12px}
.human-story h2{font-size:clamp(42px,4.6vw,66px)}.human-copy{font-size:16px;max-width:610px}
.human-story blockquote{margin:28px 0 20px;padding:20px 24px;background:var(--green);transform:rotate(-1deg)}
.human-story blockquote p{font-family:Georgia,serif;font-style:italic;font-size:32px;line-height:1.1;letter-spacing:-1px}.human-story cite{display:block;font:9px/1.6 Arial,Helvetica,sans-serif;margin-top:12px}
.career-context{margin-top:70px;padding-top:32px;border-top:1px solid var(--line)}
.career-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:20px}.career-links>a{display:grid;grid-template-columns:1fr auto;gap:8px;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line)}
.career-links span{font-size:10px;letter-spacing:1px}.career-links em{font-size:24px;grid-row:2;line-height:1.2}.career-links b{grid-column:2;grid-row:1/3;font-size:24px;font-weight:400;align-self:center}
.career-context details{font-size:12px;max-width:850px;margin-top:20px}.career-context summary{cursor:pointer;min-height:44px;align-content:center;font-size:10px}.career-context details p{line-height:1.7;margin:10px 0}
.questions-scene{background:#e5ebdd}.contact-scene h2 em{background:linear-gradient(transparent 82%,#00f000 82%);display:inline}
.story-visual{background:#dfe5d7}.story-deck{color:#35432e}.reel-dialog{width:min(1180px,calc(100% - 32px));background:#0b100b}.reel-dialog video{object-fit:contain;max-height:77dvh;background:#000}
.reel-dialog .dialog-top,.reel-dialog>p{background:#0b100b}
.quick-read .intro-scene{height:460px;min-height:460px}.quick-read .intro-copy{bottom:130px}.quick-read .intro-scene h1{font-size:48px}.quick-read .hero-topline{top:78px}.quick-read .hero-play,.quick-read .reel-badge,.quick-read .opening-note{display:none}.quick-read .intro-lead{font-size:14px}.quick-read .hero-bottomline{bottom:40px}
.motion-off .work-preview{transition:none}.motion-off .film-grain{display:none}.js-ready:not(.motion-off) .intro-copy{animation:arrive 1.6s cubic-bezier(.2,.7,.3,1) both}
.intro-scene:after{content:'';position:absolute;inset:-12%;z-index:2;pointer-events:none;opacity:.11;mix-blend-mode:screen;background:radial-gradient(ellipse at 80% 15%,#c5ffb7,transparent 36%),radial-gradient(ellipse at 10% 58%,#90b3f0,transparent 32%);animation:light-drift 18s ease-in-out infinite alternate}
@keyframes light-drift{from{transform:translate(-2%,0) scale(1)}to{transform:translate(3%,2%) scale(1.08)}}
.motion-off .intro-scene:after{animation:none;opacity:0}
@keyframes arrive{from{opacity:.3;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.intro-copy{left:36px}.hero-topline{left:36px;right:36px}.hero-bottomline{left:36px;right:36px}.media-status{left:36px}.presentation-bar{padding-left:36px;padding-right:36px}.intro-scene h1{font-size:83px}.section-wrap{padding:68px 36px}.opening-note{padding:20px 36px;gap:20px;grid-template-columns:1fr 1fr}.opening-note details{grid-column:1/-1}.human-grid{gap:40px}.person figcaption{display:block}.person figcaption em{display:inline-block;margin-top:10px}.career-links{gap:24px}}
@media(max-width:700px){
 .presentation-bar{min-height:60px;padding:8px 20px}.presentation-label{display:none}.brand{font-size:13px}.portfolio-link{font-size:9px}
 .intro-scene{height:100svh;min-height:680px;max-height:1100px}.hero-topline{top:78px;left:20px;right:20px;gap:12px;align-items:flex-start}
 .hero-person{gap:10px}.hero-person img{width:46px;height:46px}.hero-person strong{font-size:11px;letter-spacing:1.3px}.hero-person small{font-size:7px;letter-spacing:.5px;max-width:190px}
 .reel-badge{font-size:0;padding:0;border:0;background:transparent;margin-top:15px}.reel-badge i{width:7px;height:7px}
 .intro-copy{left:20px;right:20px;bottom:171px;max-width:none}.intro-copy>.eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:12px;max-width:340px}
 .intro-scene h1{font-size:61px;line-height:.93;letter-spacing:-.07em}.intro-scene h1 em{font-size:.72em;white-space:nowrap;line-height:1.15}
 .intro-lead{font-size:13px;line-height:1.5;margin-top:12px;max-width:330px}.intro-actions{gap:9px;margin-top:18px;flex-wrap:wrap}.intro-actions .action{font-size:9px;min-height:44px;padding:10px 12px}
 .hero-bottomline{left:20px;right:20px;bottom:43px;display:block;padding-top:12px}.hero-bottomline>p{font-size:7px;letter-spacing:.8px;line-height:1.4;max-width:none;min-height:11px}
 .film-controls{margin-top:10px;gap:7px;justify-content:flex-start}.film-controls button{font-size:8px;padding:8px 10px;min-height:44px;letter-spacing:.4px}
 .media-status{left:20px;right:20px;bottom:17px;font-size:8px;line-height:1.5;min-height:12px}.hero-play{top:33%;width:94px;height:94px}.hero-play>span{font-size:34px}
 .opening-note{display:block;padding:18px 20px}.opening-note>span{font-size:7px;max-width:none}.opening-note>p{font-size:10px;margin-top:6px;max-width:360px}.opening-note details{margin-top:6px}
 .section-wrap{padding:50px 20px}.section-heading h2{font-size:43px}.section-heading .eyebrow{font-size:8px}.fit-scene .section-intro{font-size:15px}
 .work-scene{padding-top:20px}.work-grid{gap:48px}.work-card:first-child,.work-card:last-child{grid-column:auto}.work-cover,.work-card:first-child .work-cover,.work-card:last-child .work-cover{aspect-ratio:1.25}
 .work-number{font-size:8px;padding:7px 9px;left:12px;top:12px}.cover-story span{width:44px;height:44px;right:12px;bottom:12px}.preview-toggle{bottom:12px;left:12px;font-size:8px;padding:8px 11px}
 .work-card h3{font-size:32px}.work-line{font-size:22px}.stage-label{font-size:9px;margin-top:18px}.story-link{font-size:9px;margin-top:16px}
 .human-grid{grid-template-columns:1fr;gap:38px}.person{max-width:420px;margin:auto;transform:rotate(-1deg)}.person figcaption{display:flex;padding:12px;gap:12px}.person figcaption span{font-size:7px}.person figcaption em{font-size:10px;margin:0;white-space:normal;max-width:135px}
 .human-story h2{font-size:45px}.human-story blockquote{padding:22px 18px}.human-story blockquote p{font-size:31px}.human-story cite{font-size:8px}.human-copy{font-size:15px}
 .career-context{margin-top:44px}.career-links{grid-template-columns:1fr;gap:12px}.career-links em{font-size:23px}.reel-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0}.reel-dialog video{max-height:calc(100dvh - 170px)}
 .quick-read .intro-scene{height:550px;min-height:550px}.quick-read .intro-copy{bottom:165px}.quick-read .intro-scene h1{font-size:46px}.quick-read .hero-bottomline{bottom:43px}.quick-read .intro-lead{font-size:12px}
}
@media(max-width:350px){.intro-scene{min-height:650px}.intro-scene h1{font-size:52px}.intro-scene h1 em{font-size:.72em}.hero-person small{max-width:175px}.intro-actions .action{font-size:8px;padding:10px}.hero-play{top:31%;width:84px;height:84px}.section-heading h2{font-size:37px}.person figcaption{display:block}.person figcaption em{max-width:none;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.intro-copy{animation:none!important}.work-cover img,.work-preview,.hero-play{transition:none}.person{transform:none}}
@media print{.presentation-bar{position:static}.intro-scene,.quick-read .intro-scene{height:auto;min-height:0}.hero-topline,.intro-copy,.hero-bottomline,.media-status{position:static;margin:14px}.hero-play,.opening-note,.preview-toggle,.cover-story{display:none}.hero-person{color:#000}.work-cover img{position:static}.work-preview{display:none!important}.film-controls{display:none}.person{transform:none;box-shadow:none}.human-story blockquote{transform:none}}