@charset "UTF-8";
/* Shared talent layout. All page rules are scoped so other screens retain their design. */
.talent-page{--ghost:color-mix(in srgb,var(--line) 85%,var(--bg));--photo-bg:#e9e9e7;--roman:Georgia,"Times New Roman",serif;--ease:cubic-bezier(.16,1,.3,1);position:relative;isolation:isolate;overflow:clip}
body:has(.talent-page:not([hidden])){isolation:isolate}
.talent-page .bee-background{position:fixed;top:10svh;left:10vw;width:80vw;height:80svh;max-width:none;object-fit:contain;opacity:.05;z-index:-1;pointer-events:none;user-select:none}
.talent-page .talent-shell{width:min(984px,calc(100% - 56px));margin-inline:auto}
.talent-page .talent-hero{position:relative;isolation:isolate;overflow:hidden;padding-top:48px}
.talent-page .hero-type{position:absolute;inset:15px 1.4% auto;z-index:-1;font:clamp(140px,22vw,360px)/.85 var(--roman);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px var(--ghost);pointer-events:none;user-select:none;overflow-wrap:anywhere}
.talent-page .hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10%;align-items:center;min-height:510px;padding:12px 0 25px}
.talent-page .hero-copy{position:relative;z-index:3;padding-bottom:70px}
.talent-page .hero-kicker{display:flex;align-items:center;gap:15px;margin-bottom:28px;font-size:11px;letter-spacing:.2em}
.talent-page .tiny-beat{display:flex;align-items:center;gap:3px;height:20px}
.talent-page .tiny-beat i{display:block;width:2px;height:6px;background:var(--yellow)}
.talent-page .tiny-beat i:nth-child(2),.talent-page .tiny-beat i:nth-child(4){height:13px}
.talent-page .tiny-beat i:nth-child(3){height:20px}
.talent-page #profile-name{font:500 clamp(66px,7.8vw,108px)/1.3 var(--mincho);letter-spacing:.08em;overflow-wrap:anywhere;text-wrap:balance;margin:0}
.talent-page #profile-name.long-name{font-size:clamp(36px,4.5vw,58px);letter-spacing:.04em}
.talent-page #profile-roman{margin-top:23px;font:italic 27px/1.4 var(--roman);letter-spacing:.04em;color:var(--accent);overflow-wrap:anywhere}
.talent-page #profile-job{margin-top:18px;font-size:13px;letter-spacing:.18em}
.talent-page .hero-portrait{width:100%;max-width:400px;justify-self:end;min-width:0}
.talent-page .portrait-frame{position:relative;isolation:isolate}
.talent-page .portrait-frame:before{content:"";position:absolute;inset:-14px 28% 24% -14px;border-top:3px solid var(--yellow);border-left:3px solid var(--yellow);z-index:-1}
.talent-page #profile-main{position:relative;display:block;width:100%;aspect-ratio:1;background:var(--photo-bg);overflow:hidden;cursor:zoom-in;touch-action:pan-y pinch-zoom}
.talent-page #profile-image{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.talent-page .photo-open{position:absolute;bottom:12px;right:12px;width:40px;height:40px;display:grid;place-items:center;background:var(--yellow);color:var(--ink)}
.talent-page .photo-open svg{width:24px;height:24px}
.talent-page .portrait-curtain{position:absolute;inset:0;background:var(--yellow);transform:scaleX(0);transform-origin:right;pointer-events:none;z-index:4}
.talent-page .portrait-side{position:absolute;top:0;right:-23px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.16em;color:var(--muted);max-height:100%;overflow:hidden}
.talent-page #profile-thumbs{display:flex;flex-wrap:wrap;gap:12px;margin:17px 0 0;padding:0;overflow:visible}
.talent-page #profile-thumbs>*{display:block;flex:none;width:70px;height:70px;min-height:0;aspect-ratio:1;padding:3px;border:1px solid var(--line);background:transparent;transition:border-color .2s,background .2s}
.talent-page #profile-thumbs img{width:100%;height:100%;object-fit:contain;background:var(--photo-bg)}
.talent-page #profile-thumbs>[aria-pressed=true]{border-color:var(--accent);background:var(--yellow)}
.talent-page #profile-thumbs>:hover{border-color:var(--accent)}
.talent-page .talent-jumps{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 0 16px;border-top:1px solid var(--line);color:var(--muted)}
.talent-page .talent-jumps nav{display:flex;gap:36px}
.talent-page .talent-jumps a{display:block;padding:12px 0;font-size:12px;letter-spacing:.1em}
.talent-page .talent-jumps a:hover{color:var(--accent)}
.talent-page .hero-bottom-brand{font:italic 18px var(--roman)}
.talent-page .profile-section{display:grid;grid-template-columns:1fr 1.35fr;gap:10%;padding-block:86px 90px}
.talent-page .section-intro,.talent-page .credits-intro{position:sticky;top:130px;align-self:start}
.talent-page .section-intro h2{margin-top:26px;font:500 38px/1.5 var(--mincho);letter-spacing:.06em}
.talent-page .intro-line{margin-top:40px;width:76px;height:3px;background:var(--yellow);transform-origin:left}
.talent-page .profile-info{padding:0;min-width:0}
.talent-page #profile-facts{margin:0}
.talent-page .facts>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:26px;padding:21px 0;border:0;border-top:1px solid var(--line)}
.talent-page .facts>div:first-child{padding-top:0;border-top:0}
.talent-page .facts dt{font-size:12px;color:var(--muted);letter-spacing:.1em;padding-top:3px}
.talent-page .facts dd{font-size:16px;white-space:pre-line;line-height:1.9}
.talent-page #profile-pdf{display:flex;justify-content:flex-start;align-items:center;gap:20px;min-height:84px;margin-top:24px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:4px;box-shadow:inset 4px 0 0 var(--yellow);color:var(--text);transition:border-color .2s}
.talent-page #profile-pdf:hover{border-color:var(--accent)}
.talent-page .pdf-file-icon{display:block;flex:none;width:44px;height:52px;color:var(--yellow)}
.talent-page #profile-pdf>span{font-size:15px;font-weight:700;letter-spacing:.04em}
.talent-page #profile-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:24px;width:100%;max-width:320px;margin:30px 0 0}
.talent-page #profile-socials a{display:block;width:100%;max-width:56px;height:auto;aspect-ratio:1;border-radius:10px;transition:transform .3s}
.talent-page #profile-socials a:hover{transform:translateY(-5px)}
.talent-page #profile-socials img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.talent-page .credits-section{display:grid;grid-template-columns:250px minmax(0,1fr);gap:90px;padding-block:125px}
.talent-page .credits-intro h2{font:500 44px/1.5 var(--mincho);letter-spacing:.08em;margin-top:24px}
.talent-page .credit-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:35px}
.talent-page .credit-nav a{display:flex;align-items:center;min-height:42px;padding:6px 0;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.talent-page .credit-nav a.active,.talent-page .credit-nav a:hover{color:var(--accent);border-color:var(--accent)}
.talent-page #profile-credits{min-width:0}
.talent-page .credits-group{margin:0;padding:0 0 46px;background:transparent;border:0;scroll-margin-top:140px}
.talent-page .credits-group:last-child{padding-bottom:0}
.talent-page .credits-group>h3{font:500 27px/1.5 var(--mincho);letter-spacing:.08em;border:0;border-bottom:2px solid var(--yellow);padding:0 0 18px;margin:0 0 16px;overflow-wrap:anywhere;white-space:pre-line}
.talent-page .credits-group.is-entry>h3{font:500 17px/2 var(--font);letter-spacing:.02em;border:0;padding:0;margin-bottom:16px}
.talent-page .credit-row{display:block;white-space:pre-line;font-size:15px;line-height:2.05;padding:16px 0;border:0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.talent-page .credit-row.has-date{display:grid;grid-template-columns:135px minmax(0,1fr);gap:22px}
.talent-page .credit-date{font-size:12px;color:var(--muted);padding-top:3px;word-break:normal;overflow-wrap:anywhere}
.talent-page .credit-row:last-child{border-bottom:0}
.talent-page .contact-section{position:relative;overflow:hidden;background:var(--yellow);color:var(--ink);padding:60px 0}
.talent-page .contact-section .eyebrow{color:var(--ink)}
.talent-page .contact-section h2{font:500 clamp(26px,3.4vw,40px)/1.65 var(--mincho);letter-spacing:.03em;margin:20px 0}
.talent-page .contact-section a{margin-top:35px;display:flex;justify-content:center;align-items:center;width:min(100%,250px);border:1px solid var(--ink);padding:17px 24px;font-size:15px;font-weight:600;transition:color .3s,background .3s}
.talent-page .contact-section a:hover{background:var(--ink);color:var(--yellow)}
.talent-page .mobile-offer{display:none}
.talent-page .will-reveal{transition:opacity .85s var(--ease),transform .95s var(--ease)}
.talent-page .will-reveal:not(.is-visible){opacity:0;transform:translateY(42px)}
.talent-page .seeds-layout{grid-template-columns:1fr;gap:36px}
.talent-page .seeds-layout .credits-intro{position:static}
.talent-page .profile-info>.seeds-about.credits-group{margin:0;padding:0}
.talent-page .seeds-about h2{font:500 25px/1.5 var(--mincho);letter-spacing:.08em;margin:0 0 20px}
.talent-page .seeds-about .credit-row{font-size:16px;line-height:2;padding:0}
.talent-page .seeds-members .seeds-member{display:grid;border-top:1px solid var(--line)}
@media(max-width:1050px){
	.talent-page .hero-inner{gap:9%;min-height:465px}
	.talent-page .hero-kicker{font-size:9px;letter-spacing:.13em}
	.talent-page .credits-section:not(.seeds-layout){grid-template-columns:190px minmax(0,1fr);gap:55px}
	.talent-page .credit-row.has-date{grid-template-columns:1fr;gap:5px}
}
@media(max-width:760px){
	.talent-page .talent-hero{padding-top:32px}
	.talent-page .hero-inner{grid-template-columns:minmax(0,1fr);gap:32px;min-height:0;padding:0 0 22px}
	.talent-page .hero-copy{padding-bottom:0}
	.talent-page .hero-kicker{margin-bottom:16px;font-size:10px}
	.talent-page #profile-name{font-size:64px;line-height:1.2}
	.talent-page #profile-name.long-name{font-size:clamp(32px,8vw,48px)}
	.talent-page #profile-roman{font-size:22px;margin-top:14px}
	.talent-page #profile-job{font-size:12px;margin-top:12px}
	.talent-page .hero-portrait{width:100%;max-width:460px;margin:0;justify-self:center}
	.talent-page .portrait-frame:before{inset:-10px 28% 24% -10px;border-width:2px}
	.talent-page .hero-type{top:40px;font-size:29vw;line-height:.92;inset-inline:9px}
	.talent-page #profile-thumbs{gap:10px;margin-top:14px}
	.talent-page #profile-thumbs>*{width:64px;height:64px}
	.talent-page .talent-jumps{gap:14px}
	.talent-page .talent-jumps nav{gap:28px}
	.talent-page .talent-jumps a{font-size:11px}
	.talent-page .hero-bottom-brand{font-size:15px}
	.talent-page .profile-section{grid-template-columns:1fr;gap:32px;padding-block:58px 64px}
	.talent-page .section-intro,.talent-page .credits-intro{position:static}
	.talent-page .section-intro h2{font-size:30px;margin-top:17px}
	.talent-page .intro-line{margin-top:25px;width:58px}
	.talent-page .facts>div{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:19px 0}
	.talent-page .facts dd{font-size:15px}
	.talent-page .credits-section,.talent-page .credits-section:not(.seeds-layout){grid-template-columns:1fr;gap:38px;padding-block:70px}
	.talent-page .credits-intro h2{font-size:36px;margin-top:16px}
	.talent-page .credit-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px;margin-top:24px}
	.talent-page .credit-nav a{font-size:11px}
	.talent-page .credits-group{padding-bottom:36px}
	.talent-page .credits-group>h3{font-size:25px}
	.talent-page .contact-section{padding-block:45px 50px}
	.talent-page .contact-section h2{font-size:26px}
	.talent-page .contact-section a{font-size:14px}
	.talent-page .mobile-offer{position:fixed;bottom:0;left:0;right:0;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--bg);border-top:1px solid var(--line);padding:11px 20px calc(11px + env(safe-area-inset-bottom));transform:translateY(105%);visibility:hidden;transition:transform .4s var(--ease),visibility .4s}
	.talent-page .mobile-offer.is-visible{transform:translateY(0);visibility:visible}
	.talent-page .mobile-offer>span{font-family:var(--mincho);font-size:18px;letter-spacing:.04em;min-width:0;overflow-wrap:anywhere}
	.talent-page .mobile-offer small{display:block;font:9px var(--font);letter-spacing:.1em;color:var(--muted)}
	.talent-page .mobile-offer a{flex:none;background:var(--yellow);color:var(--ink);padding:10px 15px;font-size:12px;font-weight:600;min-height:44px}
}
@media(max-width:520px){.talent-page .talent-shell{width:calc(100% - 36px)}.talent-page .portrait-side{right:-15px;font-size:8px}}
@media(max-width:360px){.talent-page #profile-name{font-size:56px}.talent-page .talent-jumps nav{gap:22px}.talent-page .hero-bottom-brand{font-size:13px}.talent-page .mobile-offer{padding-inline:18px}.talent-page .mobile-offer>span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.talent-page .will-reveal:not(.is-visible){opacity:1;transform:none}.talent-page *{transition:none!important}}

/* One native modal; its navigation zones match the actual photo, not the letterbox. */
.talent-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:60px 28px max(18px,env(safe-area-inset-bottom));border:0;background:rgba(14,14,14,.96);color:#f5f4ee;overflow:hidden;gap:16px;grid-template-rows:minmax(0,1fr) auto;overscroll-behavior:contain}
.talent-lightbox[open]{display:grid;grid-template-columns:minmax(0,1fr)}.talent-lightbox::backdrop{background:rgba(0,0,0,.8)}
.talent-lightbox .lightbox-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.talent-lightbox .lightbox-picture{position:relative;flex:none;max-width:100%;max-height:100%;overflow:hidden;touch-action:pan-y pinch-zoom}
.talent-lightbox .lightbox-photo{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.talent-lightbox .lightbox-hit{position:absolute;top:0;bottom:0;width:50%;height:100%;padding:0;margin:0;border:0;display:block;background:transparent;touch-action:pan-y pinch-zoom;cursor:pointer}
.talent-lightbox .lightbox-prev{left:0}.talent-lightbox .lightbox-next{right:0}
.talent-lightbox .lightbox-hit span{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;background:rgba(15,15,15,.42);color:#fff;border-radius:50%;pointer-events:none;transition:opacity .15s}
.talent-lightbox .lightbox-hit svg{width:22px;height:22px}.talent-lightbox .lightbox-prev span{left:12px}.talent-lightbox .lightbox-next span{right:12px}
.talent-lightbox .lightbox-hit:focus-visible{outline:2px solid #fcde00;outline-offset:-3px}
.talent-lightbox .lightbox-close{position:absolute;top:10px;right:16px;width:44px;height:44px;padding:10px;border-radius:50%;display:grid;place-items:center}
.talent-lightbox .lightbox-close svg{width:24px;height:24px}.talent-lightbox .lightbox-close:hover{background:#333}
.talent-lightbox .lightbox-thumbs{display:flex;gap:10px;width:max-content;max-width:100%;justify-self:center;overflow-x:auto;padding:4px;scrollbar-width:thin}
.talent-lightbox .lightbox-thumbs button{flex:none;width:50px;height:64px;border:1px solid #696961;padding:3px;background:#262624}
.talent-lightbox .lightbox-thumbs img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.talent-lightbox .lightbox-thumbs button[aria-pressed=true]{border:2px solid #fcde00;padding:2px;background:#4e4930}
.talent-lightbox button:focus-visible{outline-color:#fcde00}body.gallery-open{overflow:hidden}
@media(hover:hover){.talent-lightbox .lightbox-hit span{opacity:0}.talent-lightbox .lightbox-hit:hover span,.talent-lightbox .lightbox-hit:focus-visible span{opacity:1}.talent-lightbox .lightbox-prev:hover{background:linear-gradient(90deg,rgba(0,0,0,.13),transparent)}.talent-lightbox .lightbox-next:hover{background:linear-gradient(270deg,rgba(0,0,0,.13),transparent)}}
@media(max-width:760px){.talent-lightbox{padding:58px 18px max(14px,env(safe-area-inset-bottom));gap:12px}.talent-lightbox .lightbox-thumbs{gap:8px}.talent-lightbox .lightbox-thumbs button{width:46px;height:58px}.talent-lightbox .lightbox-hit span{width:34px;height:34px}.talent-lightbox .lightbox-prev span{left:6px}.talent-lightbox .lightbox-next span{right:6px}.talent-lightbox .lightbox-close{right:8px}}
