:root{--ink:#0b0b0d;--paper:#f2efe9;--red:#e31b23;--muted:#aaa6a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;left:50%;transform:translateX(-50%);color:#fff;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:900;letter-spacing:-.5px}.brand small{display:block;color:#bbb;font-size:8px;letter-spacing:3px;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--red);font-size:12px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.nav-links{display:flex;gap:34px;font-size:12px;text-transform:uppercase;letter-spacing:1.6px}.nav-links a:hover{color:#ff3b42}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--red);color:#fff;padding:18px 25px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.8px;transition:.2s}.button:hover{background:#ff3038;transform:translateY(-2px)}.button-small{padding:13px 19px}.hero{min-height:740px;background:#09090b;color:#fff;position:relative;overflow:hidden;padding-top:92px}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to right,#000,transparent 78%);pointer-events:none}.hero-glow{position:absolute;width:760px;height:760px;right:-80px;top:-140px;background:radial-gradient(circle,#e31b2355,transparent 65%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:648px;position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#aaa;display:flex;align-items:center;gap:10px}.eyebrow span{width:30px;height:2px;background:var(--red)}.hero h1,.section h2,.legacy blockquote,footer h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{font-size:clamp(58px,6vw,88px);line-height:.93;letter-spacing:-4px;max-width:710px;margin:27px 0}.hero h1 em,.section h2 em,.legacy em,footer em{color:var(--red);font-weight:400}.hero-lede{max-width:600px;color:#bbb;font-size:17px;line-height:1.8}.button-row{display:flex;align-items:center;gap:32px;margin-top:36px}.text-link{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.8px;border-bottom:1px solid #777;padding-bottom:7px}.hero-visual{height:540px;position:relative}.poster{position:absolute;background:#17171a;overflow:hidden;box-shadow:0 30px 80px #000}.poster img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.06)}.poster-main{width:330px;height:450px;left:70px;top:35px}.poster-main:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#09090bdd)}.poster-main div{position:absolute;z-index:2;bottom:24px;left:24px}.poster-main small,.poster-main strong,.poster-main span{display:block}.poster-main small{text-transform:uppercase;color:#ff4a50;font-size:9px;letter-spacing:2px}.poster-main strong{font-family:Georgia,serif;font-size:28px;margin:6px 0}.poster-main span{font-size:10px;color:#ccc;letter-spacing:1px;text-transform:uppercase}.poster-side{width:210px;height:300px;right:-10px;top:145px;opacity:.48}.vertical-type{position:absolute;right:-42px;bottom:18px;writing-mode:vertical-rl;font-size:9px;letter-spacing:4px;color:#777}.proof{background:#161619;color:#fff;border-top:1px solid #ffffff12}.proof-grid{height:112px;display:grid;grid-template-columns:2fr repeat(4,1fr);align-items:center}.proof-grid>div{display:flex;align-items:center;gap:16px}.proof strong{font-family:Georgia,serif;font-size:44px;color:var(--red)}.proof span,.proof p{font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:1.5px;color:#aaa}.proof p{border-left:1px solid #333;padding-left:24px}.section{padding-top:110px;padding-bottom:110px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:50px}.section h2,footer h2{font-size:56px;line-height:1.05;letter-spacing:-2px;margin:18px 0 0}.dark{color:#6c6863}.dark-link{border-color:#999}.section-intro{max-width:420px;line-height:1.8;color:#aaa}.talent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 25px}.portrait{height:370px;background:#ddd;position:relative;overflow:hidden}.portrait:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#0007)}.portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:.5s}.talent-card:hover img{transform:scale(1.035);filter:saturate(1)}.portrait span{position:absolute;z-index:2;bottom:15px;left:16px;color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:8px}.talent-card h3{font-family:Georgia,serif;font-size:25px;margin:17px 0 8px}.talent-card p{font-size:11px;color:#6d6964;line-height:1.5;min-height:34px}.talent-card>a{text-transform:uppercase;font-size:9px;letter-spacing:1.7px;font-weight:bold}.collections{background:#0b0b0d;color:#fff}.light .section-intro{color:#aaa}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection{height:400px;position:relative;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#232328}.collection:before{content:"";position:absolute;inset:0;background:linear-gradient(10deg,#050505 5%,transparent 75%),radial-gradient(circle at 80% 20%,#e31b2366,transparent 40%)}.collection.c2:before{background:linear-gradient(10deg,#050505 5%,transparent 75%),radial-gradient(circle at 30% 20%,#65656599,transparent 45%)}.collection.c3:before{background:linear-gradient(10deg,#050505 5%,transparent 75%),radial-gradient(circle at 70% 30%,#8e0810aa,transparent 45%)}.collection>span,.collection>div{position:relative;z-index:2}.collection>span{font-size:10px;letter-spacing:2px}.collection p{color:#bbb;text-transform:uppercase;font-size:9px;letter-spacing:2px}.collection h3{font-family:Georgia,serif;font-size:35px;margin:8px 0 22px}.collection a{font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.dark-copy{color:#666}.service-list{border-top:1px solid #c8c3bc}.service-list article{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;border-bottom:1px solid #c8c3bc;padding:30px 0}.service-list article>b{color:var(--red);font-size:10px}.service-list h3{font-family:Georgia,serif;font-size:28px;margin:0 0 7px}.service-list p{color:#666;margin:0;line-height:1.6}.service-list article>span{font-size:22px;text-align:right}.legacy{background:#151518;color:#fff;padding:100px 0;text-align:center}.legacy-inner{max-width:900px}.legacy .eyebrow{justify-content:center}.legacy blockquote{font-size:52px;line-height:1.18;margin:30px auto}.legacy-inner>p:last-child{max-width:660px;margin:auto;color:#aaa;line-height:1.8}footer{background:#08080a;color:#fff;padding:90px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.footer-grid>div:last-child p{color:#aaa;line-height:1.8;margin-bottom:28px;max-width:450px}.footer-bottom{border-top:1px solid #29292c;margin-top:80px;padding-top:22px;display:flex;justify-content:space-between;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}
@media(max-width:900px){.nav-links{display:none}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:70px}.hero-copy{padding:60px 0}.hero-visual{height:500px}.proof-grid{grid-template-columns:1fr 1fr;height:auto;padding:28px 0;gap:18px}.proof-grid>div{grid-column:1/-1}.talent-grid,.collection-grid{grid-template-columns:repeat(2,1fr)}.collection:last-child{grid-column:1/-1}.section-head{align-items:flex-start;gap:30px}.footer-grid{gap:40px}}
@media(max-width:600px){.shell{width:min(100% - 30px,1180px)}.nav{height:74px}.nav .button{display:none}.hero{padding-top:74px}.hero h1{font-size:52px;letter-spacing:-2.5px}.hero-lede{font-size:15px}.hero-visual{height:410px}.poster-main{left:0;width:78%;height:370px}.poster-side{width:42%;height:240px}.proof-grid{grid-template-columns:1fr}.proof-grid>div{grid-column:auto}.proof p{margin:0}.section{padding-top:75px;padding-bottom:75px}.section-head{display:block}.section h2,footer h2{font-size:43px}.section-head .text-link{display:inline-block;margin-top:25px}.talent-grid,.collection-grid{grid-template-columns:1fr}.collection:last-child{grid-column:auto}.portrait{height:440px}.collection{height:330px}.section-intro{margin-top:25px}.service-list article{grid-template-columns:38px 1fr 25px}.service-list p{font-size:13px}.legacy blockquote{font-size:38px}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-bottom{gap:20px;line-height:1.5}.button-row{align-items:flex-start;flex-direction:column;gap:20px}}

/* FanGeek personality pass */
:root{--display:"Arial Narrow","Aptos Display",Impact,sans-serif;--body:"Trebuchet MS","Aptos",Arial,sans-serif}
body{font-family:var(--body)}
.brand{width:178px;height:54px;gap:0}.brand object{display:block;width:100%;height:48px;object-fit:contain;object-position:left center}.brand object span{font-family:var(--display);font-size:25px;font-weight:900;font-style:italic;text-transform:uppercase;line-height:48px}.brand-mark,.brand>span:not(.brand-mark){display:none}
.button{font-family:var(--display);font-size:13px;padding:17px 29px;border-radius:999px;box-shadow:5px 5px 0 #6f090e}.button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #6f090e}.button-small{padding:12px 21px;box-shadow:3px 3px 0 #6f090e}
.hero h1,.section h2,.legacy blockquote,footer h2{font-family:var(--display);font-weight:900;text-transform:uppercase}.hero h1{line-height:.88;letter-spacing:-2.5px}.hero h1 em,.section h2 em,.legacy em,footer em{font-weight:900;font-style:italic}.section h2,footer h2{font-size:58px;line-height:.96;letter-spacing:-1px}
.poster-main strong,.talent-card h3,.collection h3,.service-list h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.2px}.poster-main strong{font-size:30px}.talent-card h3{font-size:28px}.collection h3{font-size:38px;line-height:.95}.service-list h3{font-size:30px}.proof strong{font-family:var(--display);font-size:48px}
.seen-at{background:#f2efe9;border-top:5px solid var(--red);border-bottom:1px solid #d2cdc5}.seen-at-inner{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:40px}.seen-at p{font-family:var(--display);font-size:16px;font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:1.5px}.seen-at p span{display:block;color:var(--red);font-size:11px;letter-spacing:2.5px}.convention-logos{display:flex;align-items:center;justify-content:center;gap:42px;flex:1}.logo-stage{width:210px;height:70px;display:grid;place-items:center}.logo-stage object{display:block;width:100%;height:58px;object-fit:contain;filter:grayscale(1) contrast(1.15);transition:.2s;text-align:center}.logo-stage object span{font-family:var(--display);font-size:28px;font-weight:900;font-style:italic;line-height:58px;letter-spacing:-1px}.logo-stage:hover object{filter:none;transform:scale(1.04)}.convention-logos i{width:1px;height:46px;background:#c9c3ba}.seen-at small{text-transform:uppercase;letter-spacing:1.6px;color:#777;max-width:150px;line-height:1.5}
@media(max-width:900px){.seen-at-inner{flex-wrap:wrap;padding:25px 0;gap:18px}.convention-logos{order:3;flex-basis:100%}.seen-at small{text-align:right}}
@media(max-width:600px){.brand{width:145px;height:45px}.seen-at-inner{justify-content:center;text-align:center}.seen-at small{text-align:center}.convention-logos{gap:18px}.logo-stage{width:42%;height:58px}.convention-logos i{height:34px}.section h2,footer h2{font-size:43px}}

/* Standalone PHP build overrides */
:root{--display:"Fraunces",Georgia,serif;--body:"DM Sans","Trebuchet MS",Arial,sans-serif}
.brand img{display:block;width:100%;height:48px;object-fit:contain;object-position:left center}
.menu-toggle{display:none;border:1px solid #ffffff55;background:#111;color:#fff;border-radius:999px;padding:9px 16px;font:600 12px var(--body);letter-spacing:1px;text-transform:uppercase}
.logo-stage img{display:block;width:100%;height:58px;object-fit:contain;filter:grayscale(1) contrast(1.15);transition:.2s}
.logo-stage.logo-missing{visibility:hidden}
.logo-stage b{display:none;font:italic 900 28px var(--display);letter-spacing:-1px}
.logo-stage:hover img{filter:none;transform:scale(1.04)}
@media(max-width:900px){.menu-toggle{display:block}.nav-book{display:none}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:#0b0b0df5;border:1px solid #ffffff20;flex-direction:column;gap:18px}.nav-links.open{display:flex}}

/* Softer editorial typography */
body{font-family:var(--body);font-weight:400}
.hero h1,.section h2,.legacy blockquote,footer h2{font-family:var(--display);font-weight:600;text-transform:none}
.hero h1{font-size:clamp(54px,5.7vw,82px);line-height:1;letter-spacing:-2.8px}
.hero h1 em,.section h2 em,.legacy em,footer em{font-weight:500}
.hero-lede{font-size:16px;line-height:1.75;font-weight:400}
.section h2,footer h2{font-size:54px;line-height:1.05;letter-spacing:-1.5px}
.poster-main strong,.talent-card h3,.collection h3,.service-list h3{font-family:var(--display);font-weight:600;text-transform:none;letter-spacing:-.3px}
.poster-main strong{font-size:28px}.talent-card h3{font-size:26px}.collection h3{font-size:36px;line-height:1.02}.service-list h3{font-size:28px}
.proof strong{font-family:var(--display);font-weight:600}
.button{font-family:var(--body);font-weight:700;font-size:10px;letter-spacing:1.35px}
.text-link,.nav-links,.eyebrow{font-weight:600}
.seen-at p{font-family:var(--display);font-size:18px;font-weight:600;line-height:1.2;text-transform:none;letter-spacing:0}
.seen-at p span{font-family:var(--body);font-weight:600;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.convention-logos{gap:32px}.logo-stage{width:180px}
@media(max-width:600px){.hero h1{font-size:49px;letter-spacing:-1.8px}.section h2,footer h2{font-size:41px}.convention-logos{gap:12px}.logo-stage{width:29%}.convention-logos i{height:30px}}

/* August 2026 refinements */
:root{--display:"Fraunces",Georgia,serif}
.nav{height:124px}
.brand{width:310px;height:92px}
.brand img{height:88px}
.logo-stage img{filter:none}
.logo-stage:hover img{filter:none}
.hero h1{font-size:clamp(52px,5.5vw,78px);line-height:1.06;letter-spacing:-2px}
.collection{background:#232328}
.collection-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#111114;z-index:0}
.collection:before{z-index:1}
@media(max-width:900px){.brand{width:265px;height:82px}.brand img{height:78px}}
@media(max-width:600px){.nav{height:96px}.brand{width:220px;height:70px}.brand img{height:66px}.hero h1{font-size:47px;letter-spacing:-1.2px}}

/* Group Opportunities slideshow in the hero */
.group-slider{height:540px;display:flex;flex-direction:column;justify-content:center}
.group-slides{position:relative;width:min(100%,500px);aspect-ratio:4/3;margin-left:auto;background:#111114;overflow:hidden;box-shadow:0 30px 80px #000}
.group-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.group-slide.is-active{opacity:1;visibility:visible}
.group-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111114}
.group-slide:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#08080ae8)}
.group-slide-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}
.group-slide-copy small,.group-slide-copy strong,.group-slide-copy span{display:block}
.group-slide-copy small{color:#ff4a50;font:600 9px var(--body);letter-spacing:2px;text-transform:uppercase}
.group-slide-copy strong{font:600 clamp(27px,3vw,40px)/1 var(--display);margin:7px 0}
.group-slide-copy span{color:#d1ceca;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}
.group-slide-copy a{display:inline-block;margin-top:18px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #ffffff66;padding-bottom:5px}
.slider-controls{width:min(100%,500px);margin:16px 0 0 auto;display:flex;align-items:center;justify-content:space-between}
.slider-controls>button,.action-controls button{width:40px;height:40px;border:1px solid #ffffff3d;border-radius:50%;background:#151518;color:#fff;cursor:pointer;transition:.2s}
.slider-controls>button:hover,.action-controls button:hover{border-color:var(--red);background:var(--red)}
.slider-dots{display:flex;align-items:center;gap:9px}.slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#777;cursor:pointer}.slider-dots button.is-active{width:24px;border-radius:99px;background:var(--red)}

/* Talent-in-action square photo carousel below Seen At */
.action-strip{background:#111114;color:#fff;padding:32px 0 38px;border-bottom:1px solid #ffffff12;overflow:hidden}
.action-strip-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.action-strip-head p{margin:0;font:600 20px/1.2 var(--display)}.action-strip-head p span{display:block;margin-bottom:5px;color:var(--red);font:600 9px var(--body);letter-spacing:2.2px;text-transform:uppercase}
.action-controls{display:flex;gap:9px}.action-controls button{width:36px;height:36px}
.action-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.action-carousel::-webkit-scrollbar{display:none}
.action-photo{flex:0 0 300px;width:300px;height:300px;margin:0;overflow:hidden;background:#232328;scroll-snap-align:start}.action-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}.action-photo:hover img{transform:scale(1.035)}
@media(max-width:900px){.group-slider{height:520px}.group-slides,.slider-controls{margin-left:0}.action-photo{flex-basis:260px;width:260px;height:260px}}
@media(max-width:600px){.group-slider{height:410px}.group-slides{width:100%;aspect-ratio:1/1}.group-slide-copy{left:20px;right:20px;bottom:20px}.slider-controls{margin-top:10px}.action-strip{padding:26px 0 30px}.action-strip-head p{font-size:18px}.action-photo{flex-basis:230px;width:230px;height:230px}}

/* Group Opportunity cards: uninterrupted artwork with a separate caption */
.collection{
  height:470px;
  padding:0;
  display:block;
  background:#111114;
  border:1px solid #ffffff12;
}
.collection-image{
  inset:0 0 auto;
  height:360px;
  object-fit:contain;
  background:#111114;
}
.collection:before{display:none}
.collection>span{display:none}
.collection>div{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  min-height:110px;
  padding:17px 24px 18px;
  background:#09090b;
  border-top:1px solid #ffffff14;
}
.collection p{margin:0 0 5px}
.collection h3{margin:0 0 10px;font-size:31px;line-height:1}
.collection a{display:inline-block}
@media(max-width:600px){
  .collection{height:430px}
  .collection-image{height:325px}
  .collection>div{min-height:105px;padding:15px 20px}
  .collection h3{font-size:29px}
}

/* Hero slideshow: preserve the artwork and keep its title in a quiet caption */

/* Homepage Group Opportunities: five cards per desktop row. */
@media(min-width:901px){
  .collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
.group-slides{
  height:468px;
  aspect-ratio:auto;
}
.group-slide{
  display:grid;
  grid-template-rows:minmax(0,1fr) 112px;
  background:#09090b;
}
.group-slide>img{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  background:#111114;
}
.group-slide:after{display:none}
.group-slide-copy{
  position:relative;
  inset:auto;
  padding:15px 20px 16px;
  background:#09090b;
  border-top:1px solid #ffffff14;
}
.group-slide-copy small{
  font-size:8px;
  letter-spacing:1.8px;
}
.group-slide-copy strong{
  display:inline-block;
  margin:5px 12px 5px 0;
  font-size:clamp(23px,2.2vw,30px);
  line-height:1;
  font-weight:500;
}
.group-slide-copy span{
  display:inline-block;
  font-size:9px;
  letter-spacing:1.2px;
}
.group-slide-copy a{
  display:block;
  width:max-content;
  margin-top:7px;
}
@media(max-width:600px){
  .group-slides{height:370px;aspect-ratio:auto}
  .group-slide{grid-template-rows:minmax(0,1fr) 105px}
  .group-slide-copy{padding:13px 16px 14px}
  .group-slide-copy strong{font-size:22px}
  .group-slide-copy span{font-size:8px}
}

/* Social links beside the Talent in Action heading. */
.action-title-socials,.action-socials{display:flex;align-items:center}
.action-title-socials{gap:24px}
.action-socials{gap:8px}
.action-socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff24;border-radius:50%;color:#fff;transition:background .2s,border-color .2s,transform .2s}
.action-socials a:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
.action-socials svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.action-socials .social-dot{fill:currentColor;stroke:none}
.action-socials a:nth-child(3) svg{fill:currentColor;stroke:none}
@media(max-width:700px){.action-strip-head{align-items:flex-start}.action-title-socials{align-items:flex-start;flex-direction:column;gap:14px}.action-socials{gap:6px}.action-socials a{width:34px;height:34px}}