:root{--ink:#0e1a3a;--ink-soft:#4a5570;--paper:#fffdf8;--cream:#f4f1ea;--gold:#d9b25c;--line:#dcdde4;--ease:cubic-bezier(.2,.75,.25,1);--display:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--gutter:32px;color:var(--ink);background:var(--paper);font-family:var(--display);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}figure,dl,dd{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.055em;text-wrap:balance}h2{font-size:clamp(42px,5.1vw,76px);line-height:1.02}h3{font-size:clamp(28px,3vw,44px);line-height:1.08}p{font-size:18px;line-height:1.6;color:var(--ink-soft)}p+p{margin-top:18px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d85200;outline-offset:5px}a:focus-visible{border-radius:3px}[hidden]{display:none!important}.shell{width:calc(100% - var(--gutter)*2);max-width:1320px;margin-inline:auto}.space{padding-block:clamp(76px,8vw,124px)}.label,.eyebrow{font-size:12px;line-height:1.4;letter-spacing:.13em;font-weight:700;text-transform:uppercase;color:#8a6a1c}.label{margin-bottom:24px}.section-heading{max-width:800px;margin-bottom:50px}.section-heading>p:not(.label){max-width:590px;margin-top:25px}.section-heading .text-link{margin-top:27px}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:16px;font-weight:600;text-decoration:none;padding-block:10px;border-bottom:1px solid var(--ink)}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;padding:16px 24px;background:var(--ink);color:#fff;border-radius:999px;text-decoration:none;font-size:15px;font-weight:650;transition:background .2s,transform .2s}.action span{font-size:22px;font-weight:400;line-height:1}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:10001;background:var(--ink);color:#fff;padding:16px 22px;transform:translateY(-160%);border-radius:28px}.skip-link:focus{transform:none}
/* The campaign art owns the opening. Navigation retains its existing shared owner. */
.hero{padding:154px 0 25px;background:#0a1330;color:#fff8ea;overflow:hidden}.hero .eyebrow{color:#f0c96b}.hero .eyebrow span{color:#b9c1d8}.hero h1{color:#fff8ea}.hero-deck{color:#c6cde0}.hero .action{background:#f0c96b;color:#0a1330}.hero-foot{border-top-color:#ffffff2e}.hero-foot p,.hero-foot a{color:#b9c1d8}.hero-inner{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:10px;min-height:610px}.hero-copy{position:relative;z-index:1;padding-bottom:38px}.eyebrow{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:33px}.eyebrow span{color:#54616a;letter-spacing:.09em}.hero h1{font-size:clamp(58px,6.6vw,98px);line-height:1.01;letter-spacing:-.067em;font-weight:680}.hero h1 em{font-style:normal;color:#f0c96b}.hero-deck{max-width:420px;margin-top:28px;font-size:20px;line-height:1.5}.hero-copy .action{margin-top:32px}.hero-art{position:relative;height:610px;isolation:isolate}.hero-print{position:absolute;border-radius:8px;overflow:hidden;box-shadow:0 20px 45px -22px #71432180;background:#fff8eb}.hero-print{background:#0f1a3c;box-shadow:0 30px 60px -20px #00000099}.hero-print img{width:100%;aspect-ratio:2/3}.hero-print-main{width:56%;left:22%;top:0;z-index:3}.hero-print-left{width:40%;left:-2%;top:14%;transform:rotate(-7deg);z-index:2}.hero-print-right{width:40%;right:-2%;top:22%;transform:rotate(7deg);z-index:2}.hero-foot{display:flex;justify-content:space-between;align-items:center;padding-top:25px;border-top:1px solid #d2b89c7a}.hero-foot p,.hero-foot a{font-size:13px;color:#52606a}.hero-foot a{display:flex;gap:18px;padding:12px 0;text-decoration:none;font-weight:600}
/* One idea, followed by inspectable proof. */
.introduction{display:grid;grid-template-columns:1.15fr 1fr;gap:50px 100px}.intro-heading h2{font-size:clamp(40px,4.4vw,62px)}.intro-copy{padding-top:38px}.intro-copy .large-copy{font-size:25px;line-height:1.4;color:var(--ink);font-weight:550;letter-spacing:-.03em}.project-numbers{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:50px;border-top:1px solid var(--line);padding-top:38px}.project-numbers>div{display:flex;align-items:center;gap:22px}.project-numbers dt{font-size:66px;line-height:1;letter-spacing:-.06em;font-weight:550}.project-numbers dd{max-width:135px;color:#52606a;font-size:15px;line-height:1.4}
.families-section{background:#f4f1ea}.families-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.family figure img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px}.family-swatch{display:block;width:34px;height:6px;border-radius:3px;background:var(--c);margin:22px 0 14px}.family h3{font-size:22px;letter-spacing:-.03em;margin-bottom:8px}.family p{font-size:15px}.acts-section{background:#f3f4ef}.acts-section .section-heading{margin-bottom:40px}.act-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ccd2cf;padding-bottom:18px;margin-bottom:38px}.act-tab{flex:1;display:flex;justify-content:center;align-items:center;min-height:47px;padding:10px 15px;border-radius:999px;white-space:nowrap;text-decoration:none;font-weight:600;font-size:14px;transition:background .2s,color .2s}.act-tab[aria-selected=true]{background:var(--ink);color:#fff}.act-panel{display:grid;grid-template-columns:1.04fr 1fr;gap:clamp(35px,5vw,80px);align-items:center}.act-panel+.act-panel{margin-top:65px}.acts-ready .act-panel{margin-top:0}.act-key-art{max-width:600px}.act-key-art img{border-radius:8px;width:100%;box-shadow:0 12px 35px -23px #233e4380}.act-key-art figcaption{font-size:13px;color:#52606a;margin-top:15px}.act-position{font-size:13px;font-variant-numeric:tabular-nums;color:#52606a;display:block;margin-bottom:26px}.act-story h3{font-size:clamp(32px,3.4vw,49px);max-width:440px;margin-bottom:22px}.act-story>p{font-size:17px;max-width:450px}.act-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.act-details img{width:100%;border-radius:4px}.act-story .act-principle{font-size:14px;line-height:1.5;margin-top:27px;padding-top:20px;border-top:1px solid #cdd4d0}.act-principle strong{display:block;color:var(--ink);font-weight:650;margin-bottom:5px}
.character-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:end;margin-bottom:40px}.character-intro>div+div{max-width:440px}.character-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:end}.character-lineup figure{overflow:hidden}.character-lineup img{width:100%;aspect-ratio:1/1.2;object-fit:cover;border-radius:7px}.character-lineup figcaption{font-size:14px;color:#52606a;margin-top:16px}.direction-section{background:#eef4f5}.direction-boards{display:grid;grid-template-columns:1fr 1fr;gap:30px}.direction-boards img{width:100%;border-radius:5px;transition:transform .3s}.direction-boards a{display:block;overflow:hidden;border-radius:5px}.direction-boards figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:14px;font-weight:650}.direction-boards figcaption span{font-size:12px;font-weight:400;color:#52606a}.type-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:90px 0 35px;align-items:end}.type-story p{max-width:480px}.type-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.type-lineup img{width:100%;border-radius:5px}
/* Dark film chapter separates watching from reading. */
.motion-section{background:#0a1330;color:#fff6e8}.motion-section .label{color:#f0c96b}.motion-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 90px;align-items:end;margin-bottom:48px}.motion-intro .label{grid-column:1/-1}.motion-intro h2{color:#fff6e8;grid-row:2/4}.motion-intro p:not(.label){color:#c3d0d8;max-width:440px}.motion-note{font-size:13px;color:#ffc28f;margin-top:22px}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.film-card{appearance:none;padding:0;text-align:left;border:0;background:none;color:#fff6e8}.film-card img{width:100%;border-radius:7px;aspect-ratio:1;object-fit:cover;transition:filter .25s,transform .25s}.film-card>span{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 0}.film-card strong{font-size:16px;font-weight:550}.film-card i{font-size:23px;font-style:normal}.motion-note{display:block;font-size:13px;color:#f0c96b;margin-top:22px}.motion-context{color:#aac0cd;font-size:13px;margin-top:30px;max-width:630px}
.digital-section{background:#fffdf8}.digital-frame{border-radius:14px;overflow:hidden;box-shadow:0 40px 90px -30px #0a133099}.digital-section .section-heading{max-width:800px}.digital-device{width:min(1380px,calc(100vw - 40px));margin:0 50% 70px;transform:translateX(-50%)}.digital-device img{width:100%}.digital-device figcaption{font-size:13px;text-align:center;color:#5b6365;margin-top:20px}.digital-detail{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.digital-detail h3{margin-bottom:24px}.digital-detail p{max-width:350px;font-size:17px}.digital-detail img{border:1px solid #e1d7c6;border-radius:7px;box-shadow:0 12px 35px -28px #67442399}.digital-detail figcaption{font-size:13px;color:#5b6365;margin-top:14px}.credits-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.credits-top p{max-width:390px}.credits-top h2{font-size:clamp(40px,4.5vw,62px)}.scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:50px;padding-top:32px;border-top:1px solid var(--line)}.scope-grid h3{font-size:18px;letter-spacing:-.025em;line-height:1.3;margin-bottom:13px}.scope-grid p{font-size:15px;line-height:1.65}.project-lead{display:flex;align-items:center;gap:32px;max-width:750px;margin-top:70px}.project-lead img{width:112px;height:140px;object-fit:cover;border-radius:6px}.project-lead .label{margin-bottom:9px;font-size:11px}.project-lead h3{font-size:26px;margin-bottom:10px}.project-lead p:not(.label){font-size:16px;max-width:510px}.closing{padding-block:90px;background:#f0c96b;color:#0a1330}.closing .shell{position:relative}.closing p{color:#3d3416;font-size:14px;margin-bottom:22px}.closing h2{font-size:clamp(46px,6.7vw,96px);letter-spacing:-.06em;margin-bottom:33px}.closing .action{background:#0a1330;color:#fff}.closing-work{position:absolute;right:0;bottom:15px;font-size:14px;text-decoration:none;padding-block:12px}.collins-site-footer{margin-top:0!important}.collins-footer-intro{display:none!important}
/* Content remains readable if enhancement scripts fail. */
@media(prefers-reduced-motion:no-preference){.acts-ready .act-panel:not([hidden]) .act-key-art{animation:panel-enter .35s var(--ease)}@keyframes panel-enter{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(min-width:1600px){.hero-inner{min-height:660px}.hero-art{height:650px}.hero{padding-top:170px}}
@media(max-width:1100px){.hero{padding-top:130px}.hero-inner{min-height:520px;grid-template-columns:.95fr 1fr}.hero-art{height:500px}.hero h1{font-size:clamp(50px,6.7vw,76px)}.hero-print-main{top:0}.hero-deck{font-size:18px;max-width:360px}.eyebrow{font-size:10px;gap:10px}.introduction,.character-intro{gap:45px}.act-tab{font-size:12px;padding-inline:10px}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 45px}.motion-intro{gap:0 40px}.act-panel{gap:32px}.act-story h3{font-size:35px}.act-story>p{font-size:16px}.act-details{gap:8px;margin-top:20px}.act-position{margin-bottom:18px}.act-story .act-principle{margin-top:20px}.digital-detail{gap:40px}.hero-foot{margin-top:10px}}
@media(max-width:760px){:root{--gutter:24px}.space{padding-block:72px}html{scroll-padding-top:95px}h2{font-size:43px}p{font-size:17px}.label{font-size:11px;margin-bottom:18px}.section-heading{margin-bottom:30px}.hero{padding:121px 0 18px}.hero-inner{display:block;min-height:0}.hero-copy{padding-bottom:0}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:24px}.hero h1{font-size:clamp(56px,11.7vw,88px);line-height:.99}.hero-deck{max-width:460px;font-size:18px;margin-top:25px}.hero-copy .action{margin-top:23px}.action{font-size:14px;min-height:50px;padding:14px 21px}.hero-art{height:112vw;max-height:570px;margin:32px -3px 0}.hero-print-main{width:56%;max-width:none;left:22%;top:0;transform:none}.hero-print-left{width:40%;left:-1%;top:12%}.hero-print-right{width:40%;right:-1%;top:22%}.families-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.hero-foot{gap:22px;align-items:start;padding-top:16px;margin-top:0}.hero-foot p{font-size:11px;max-width:180px}.hero-foot a{font-size:12px;padding-top:2px;gap:10px;white-space:nowrap}.introduction{grid-template-columns:1fr;gap:26px}.intro-heading h2{font-size:39px}.intro-copy{padding:0}.intro-copy .large-copy{font-size:23px}.project-numbers{gap:18px;grid-template-columns:1fr 1fr 1.25fr;padding-top:25px;margin-top:10px}.project-numbers>div{display:block}.project-numbers dt{font-size:49px;margin-bottom:11px}.project-numbers dd{font-size:12px;max-width:110px}.act-tabs{flex-wrap:wrap;gap:6px;padding-bottom:19px;margin-bottom:25px}.act-tab{flex:1 1 calc(33.333% - 8px);font-size:12px;min-height:44px;padding:10px 9px}.act-panel{grid-template-columns:1fr;gap:28px}.act-key-art{max-width:none}.act-key-art figcaption{font-size:12px;margin-top:11px}.act-position{font-size:12px;margin-bottom:15px}.act-story h3{font-size:35px;max-width:500px}.act-story>p{max-width:none;font-size:17px}.act-details{gap:10px;margin-top:24px}.act-story .act-principle{margin-top:22px}.character-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.character-intro>div+div{max-width:none}.character-lineup{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.character-lineup figure:last-child{grid-column:1/-1;max-width:65%;margin:14px auto 0}.character-lineup figcaption{font-size:12px;line-height:1.4;margin-top:10px}.character-lineup img{aspect-ratio:1/1.22}.direction-boards{grid-template-columns:1fr;gap:30px}.direction-boards figcaption{font-size:13px}.type-story{grid-template-columns:1fr;gap:20px;margin:58px 0 28px}.type-story h3{font-size:35px}.type-story p{max-width:none}.type-lineup{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.type-lineup figure:last-child{grid-column:1/-1;width:65%;margin:12px auto 0}.motion-intro{display:block;margin-bottom:33px}.motion-intro h2{margin-bottom:23px}.motion-intro p:not(.label){max-width:none}.motion-note{display:block}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}.film-card>span{padding:12px 0;align-items:start}.film-card strong{font-size:13px;line-height:1.4}.film-card i{font-size:19px;line-height:1}.motion-context{font-size:12px;margin-top:22px}.digital-device{margin-bottom:40px;width:calc(100vw - 24px)}.digital-device figcaption{font-size:11px;padding-inline:20px;margin-top:18px}.digital-detail{grid-template-columns:1fr;gap:28px}.digital-detail h3{font-size:35px}.digital-detail p{max-width:none}.digital-detail figcaption{font-size:12px}.credits-top{grid-template-columns:1fr;gap:25px}.credits-top h2{font-size:42px}.scope-grid{gap:30px 25px;margin-top:33px}.scope-grid h3{font-size:16px}.scope-grid p{font-size:14px}.project-lead{gap:21px;margin-top:45px;align-items:start}.project-lead img{width:82px;height:110px}.project-lead h3{font-size:23px}.project-lead p:not(.label){font-size:14px}.project-lead .label{font-size:10px}.closing{padding-block:66px}.closing h2{font-size:54px}.closing-work{position:static;display:block;margin-top:28px;font-size:13px}.text-link{font-size:14px}.collins-footer-directory{padding-top:40px!important}}
@media(max-width:380px){.hero h1{font-size:53px}.eyebrow{font-size:9px}.hero-deck{font-size:17px}.hero-art{margin-top:30px}.project-numbers{gap:14px}.project-numbers dd{font-size:11px}.scope-grid{gap:28px 19px}.closing h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media (hover:hover) and (pointer:fine){.action:hover{background:#204861;transform:translateY(-2px)}.act-tab:hover{background:#e5e9e3}.film-card:hover img{filter:brightness(1.1);transform:translateY(-4px)}.closing-work:hover{text-decoration:underline}}

a,button,summary,[role="button"],label{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.06)}

/* Shared back link, matching the other case studies */
.back-link{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;color:var(--ink-soft);font-size:14px;font-weight:600;text-decoration:none;transition:color 180ms ease,transform 180ms ease}
.back-link:hover{color:var(--ink);transform:translateX(-3px)}

#site-preview.section-space { padding-bottom: clamp(56px, 6vw, 88px); }


/* ── Mobile responsiveness: no horizontal overflow, headings always wrap ── */
@media (max-width: 760px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .tlg-case :is(h1, h2, h3, h4, blockquote, p, li, dt, dd, figcaption) { overflow-wrap: break-word; text-wrap: pretty; }
  .tlg-case :is(h1, h2, h3, blockquote) > span { white-space: normal; }
  .tlg-case :is(img, video, iframe, svg, canvas, picture) { max-width: 100%; }
  .tlg-case :is(table, pre) { max-width: 100%; overflow-x: auto; }
}
/* Large premium type that still fits a 320px screen */
@media (max-width: 430px) {
  .case-hero h1 { font-size: clamp(38px, 11.8vw, 52px); line-height: 1; letter-spacing: -.038em; }
  .section-head h2, .lead-copy h2, .challenge-copy h2, .mobile-copy h2, .scope-heading h2, .chapter-copy h2 { font-size: clamp(34px, 10.4vw, 46px); line-height: 1.02; letter-spacing: -.034em; }
  .pull-quote blockquote { font-size: clamp(34px, 10.6vw, 46px); line-height: 1.04; letter-spacing: -.034em; }
  .stats strong { font-size: clamp(34px, 10.4vw, 46px); }
  .eyebrow, .kicker { overflow-wrap: break-word; }
}
@media (max-width: 360px) {
  :root { --shell: calc(100vw - 36px); }
}