.concierge-stage{background:#173b43;color:white;min-height:340px;display:grid;place-items:center;position:relative}.concierge-launch{padding:36px;width:100%}.concierge-launch[hidden]{display:none}.concierge-launch h3{font-size:clamp(30px,3vw,44px);line-height:1.1;margin:22px 0}.concierge-launch p{line-height:1.6}.concierge-launch button{border:1px solid #fff;background:white;color:#173b43;cursor:pointer}.concierge-stage.is-playing{height:720px;max-height:85svh;min-height:520px}.concierge-stage iframe{width:100%;height:100%;border:0;position:absolute;inset:0;background:#f5f5f1}.concierge-controls{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:12px 0 24px;font-size:13px}.concierge-controls button{font:inherit;padding:10px;cursor:pointer}.concierge-controls a{padding:12px 0;text-decoration:underline}.concierge-project>h3{font-size:26px}.concierge-project .fineprint{min-height:36px}.concierge-stage button:focus-visible{outline:3px solid #27a9bd;outline-offset:5px}
/* Editorial gallery: equal visual weight for both founders, visible attribution. */
.experience-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;margin:42px 0}
.experience-tile{min-width:0}.experience-visual{display:flex;align-items:center;justify-content:center;height:380px;background:#e9eceb;overflow:hidden}
.experience-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.experience-visual:hover img{transform:scale(1.025)}
.poster-visual{background:#172023}.poster-visual img{width:auto;max-width:100%}
.brand-visual img{width:68%;height:auto;max-height:52%;object-fit:contain}.dark-brand{background:#172023}
.landscape-visual img{object-fit:cover}
.experience-tile .eyebrow{font-size:10px;margin:22px 0 10px}.experience-tile h3{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px}
.visible-credit{font-size:14px;line-height:1.5;margin:0 0 4px}.studio-credit{font-size:12px;line-height:1.6;color:#596164;margin:0}
.additional-experience{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px 0;border-top:1px solid #cdd1d0;border-bottom:1px solid #cdd1d0}.additional-experience p{font-size:13px;line-height:1.8;margin:0}.additional-experience strong{font-size:20px}
.founder-bridge{margin-top:64px;padding-top:40px;border-top:1px solid #cdd1d0}.founder-bridge h3{font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-.035em;margin:20px 0 32px}.founder-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:840px}.founder-pair p{font-size:14px;line-height:1.8}.founder-pair strong{font-size:24px;display:block}.founder-pair span{display:block;font-size:12px;margin:8px 0}.founder-bridge .text-link{max-width:420px}
@media(max-width:1000px){.experience-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-visual{height:360px}}
@media(max-width:600px){.experience-gallery{grid-template-columns:1fr;gap:36px}.experience-visual{height:390px}.experience-tile h3{font-size:29px}.additional-experience,.founder-pair{grid-template-columns:1fr;gap:22px}.founder-bridge{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.experience-visual img{transition:none}.experience-visual:hover img{transform:none}}
/* Founder career evidence stays distinct from Arion project case studies. */
.career-proof{background:#f8f8f5;color:#202628}
.career-proof h2{font-size:clamp(40px,5.5vw,78px);line-height:1.04;letter-spacing:-.045em;margin:28px 0}
.career-intro{max-width:640px;font-size:19px;line-height:1.6}
.enterprise-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:52px 0 22px}
.enterprise-heading h3{font-size:21px;margin:0}.enterprise-heading p{font-size:14px;color:#596164}
.enterprise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cdd1d0;border-bottom:1px solid #cdd1d0}
.enterprise-grid article{padding:32px 16px 28px 0}.enterprise-grid h4{font-size:24px;margin:0 0 18px;letter-spacing:-.035em}.enterprise-grid p{font-size:13px;line-height:1.7;color:#596164;margin:0}
.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.film-card{display:grid;grid-template-columns:minmax(120px,.8fr) 1fr;gap:26px;align-items:center;background:#eaeceb;padding:24px}
.film-card>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block}.film-card h3{font-size:clamp(23px,2.6vw,36px);line-height:1.1;margin:16px 0 24px;letter-spacing:-.03em}
.film-card details{font-size:13px;line-height:1.6}.film-card summary{cursor:pointer;min-height:44px}.film-card a,.credit-review a{text-decoration:underline;text-underline-offset:4px}
.credit-review{margin:32px 0;padding:28px 0;border-bottom:1px solid #cdd1d0}.credit-review h3{font-size:clamp(22px,3vw,36px);line-height:1.5;margin:12px 0}.credit-review h3 span{font-size:14px;font-weight:400;color:#596164}.credit-review p{font-size:13px;line-height:1.7;max-width:710px}
.career-games{display:flex;gap:40px;align-items:baseline}.career-games>span{font-size:11px;letter-spacing:.12em}.career-games p{font-size:15px;line-height:1.9}.career-attribution{max-width:850px;font-size:12px;line-height:1.7;color:#596164;margin:30px 0}
.career-proof a:focus-visible,.career-proof summary:focus-visible{outline:3px solid #226577;outline-offset:5px}
@media(max-width:1050px){.film-card{grid-template-columns:1fr;align-items:start}.film-card>img{max-height:380px}.enterprise-heading{display:block}}
@media(max-width:600px){.enterprise-grid{grid-template-columns:1fr 1fr;gap:12px}.enterprise-grid h4{font-size:21px}.film-grid{grid-template-columns:1fr;gap:20px}.film-card{grid-template-columns:minmax(95px,.75fr) 1fr;gap:18px;padding:18px}.film-card h3{font-size:25px}.career-games{display:block}.career-proof .section-top{flex-wrap:wrap;gap:12px}.career-intro{font-size:17px}}
/* Mobile focal points preserve the client's face instead of cropping the desktop composition. */
@media(max-width:760px){
  .story-image{object-position:45% 20%}
  .story-image:nth-child(3){object-position:52% 20%}
  .story-image:nth-child(4){object-position:52% 20%}
  .story-image:nth-child(5){object-position:34% 20%}
}

/* Section 1: literal offer and direct access to evidence, within the existing story. */
header nav a{min-height:44px;display:inline-flex;align-items:center}
.story-intro{font-size:11px;letter-spacing:.12em;top:28px}
.chapters:has(.opening.current){top:clamp(115px,19vh,185px);transform:none}
.opening{max-width:570px}
.opening h1{font-size:clamp(48px,5.4vw,78px);font-weight:550;line-height:.98;letter-spacing:-.055em;margin:12px 0 20px}
.opening .opening-summary{max-width:450px;font-size:17px;line-height:1.55;margin:0 0 20px}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero-actions .button{margin:0;gap:28px;min-height:48px}
.hero-work{display:inline-flex;align-items:center;gap:15px;min-height:48px;font-size:11px;letter-spacing:.07em;font-weight:650;border-bottom:1px solid #ffffff80}
.hero-work:hover{border-color:white}
.opening .hero-commitment{font-size:13px;line-height:1.6;margin:20px 0 0;color:white}
.hero-commitment strong{font-weight:650}
.hero-commitment span{display:block;font-size:11px;color:#e0e5e7}
.story-stage:has(.opening.current) .story-shade{background:linear-gradient(90deg,rgba(6,12,17,.88),rgba(6,12,17,.61) 34%,rgba(6,12,17,.16) 67%),linear-gradient(0deg,rgba(6,12,17,.55),transparent 40%)}
@media(max-width:760px){
  header{height:112px;position:relative;align-items:flex-start;padding-top:18px}
  header nav{gap:0;position:absolute;inset:0 6vw;pointer-events:none}
  header nav a{pointer-events:auto;font-size:11px;position:absolute;bottom:0;display:inline-flex!important}
  header nav a:nth-child(1){left:0}
  header nav a:nth-child(2){left:27%}
  header nav a:nth-child(3){right:0}
  header nav .nav-cta{top:12px;bottom:auto;right:0;padding:8px 0}
  .story-intro{font-size:9px;top:22px}
  .chapters:has(.opening.current){top:130px;bottom:auto;transform:none}
  .opening h1{font-size:clamp(42px,11vw,65px);margin:12px 0 16px}
  .opening .opening-summary{font-size:15px;max-width:360px;margin-bottom:16px}
  .hero-actions{gap:18px;flex-wrap:nowrap}
  .hero-actions .button{padding:16px 14px;gap:14px;font-size:10px}
  .hero-work{font-size:10px;gap:8px;white-space:nowrap}
  .opening .hero-commitment{margin-top:17px;font-size:12px}
  .hero-commitment span{font-size:10px;max-width:280px}
  .story-stage:has(.opening.current) .story-shade{background:linear-gradient(0deg,#101a20 12%,rgba(12,22,29,.95) 35%,rgba(12,22,29,.58) 69%,rgba(12,22,29,.32))}
}
@media(max-width:370px){
  .chapters:has(.opening.current){top:105px}
  .hero-actions{gap:12px}
  .hero-actions .button{gap:8px;padding:14px 10px}
}
@media(max-height:700px) and (min-width:761px){
  .chapters:has(.opening.current){top:90px}
  .opening h1{font-size:52px;margin:8px 0 12px}
  .opening .opening-summary{font-size:15px;margin-bottom:12px}
  .opening .hero-commitment{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
  .story-intro{display:block;position:static;padding:24px 6vw 0}
  .chapters:has(.opening.current){position:static;transform:none}
  .opening h1{font-size:clamp(42px,5.4vw,78px)}
}