body.ttd-case-page{background:#111110}
body.ttd-case-page .site-header{height:100px;padding-top:24px;padding-bottom:24px;align-items:center;background:#111110}
body.ttd-case-page .site-header .logo{width:110px;min-width:0}
.ttd-case{
  --ttd-ink:#111110;--ttd-cream:#f2eee5;--ttd-coral:#d65a4a;
  --ttd-muted:#aaa79f;--ttd-rule:#ffffff29;--ttd-gutter:clamp(22px,6vw,110px);
  background:var(--ttd-ink);color:var(--ttd-cream);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.ttd-case *{box-sizing:border-box}
.ttd-case [hidden]{display:none!important}
.ttd-case :is(h1,h2,h3,p,figure,dl,dd){margin:0}
.ttd-case :is(h1,h2,h3){font-weight:400;line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
.ttd-case p{text-wrap:pretty}
.ttd-case img{display:block;max-width:100%;height:auto}
.ttd-case svg{display:block;flex-shrink:0}
.ttd-case iframe{display:block;border:0}
.ttd-case a{color:inherit}
.ttd-case button{font:inherit;color:inherit;cursor:pointer}
.ttd-case button:disabled{cursor:default;opacity:.5}
.ttd-case :is(button,a):focus-visible{outline:2px solid var(--ttd-coral);outline-offset:5px}
.ttd-case :is(section,figure)[id]:not(.ttd-immersive){scroll-margin-top:94px}
.ttd-wrap{width:calc(100% - var(--ttd-gutter)*2);max-width:1500px;margin-inline:auto}
.ttd-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--ttd-muted)}
.ttd-case .ttd-text-link{display:inline-flex;align-items:center;gap:16px;margin-top:30px;font-size:13px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.ttd-text-link svg{width:18px;height:18px}
.ttd-intro h1 span,.ttd-close h2 span{color:var(--ttd-coral)}
.ttd-text-link:hover{color:var(--ttd-coral)}
.ttd-button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:12px 20px;border:1px solid currentColor;background:transparent;font-size:13px!important;line-height:1.25;transition:background .2s,color .2s,border-color .2s}
.ttd-button svg{width:17px;height:17px}
.ttd-button:hover{background:var(--ttd-cream);color:var(--ttd-ink);border-color:var(--ttd-cream)}
.ttd-intro{padding-top:28px;padding-bottom:72px}
.ttd-film-section{padding-top:20px}
.ttd-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--ttd-muted);font-size:12px;margin-bottom:65px}
.ttd-meta a{display:inline-flex;align-items:center;gap:10px;min-height:44px}
.ttd-meta svg{width:15px;height:15px}
.ttd-meta a:hover{color:var(--ttd-cream)}
.ttd-intro-grid{display:grid;grid-template-columns:7fr 5fr;align-items:start;gap:5vw}
.ttd-case .ttd-intro h1{max-width:8.5em;font-size:clamp(52px,6.9vw,90px);line-height:.97;letter-spacing:-.07em}
.ttd-intro-copy{padding-top:5px}
.ttd-intro-copy>p{max-width:31em;font-size:clamp(18px,1.65vw,25px);line-height:1.45;letter-spacing:-.025em}
.ttd-tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;font-size:12px;color:var(--ttd-muted)}
.ttd-tags span+span{position:relative}
.ttd-tags span+span::before{content:"";position:absolute;left:-10px;top:50%;height:2px;width:2px;border-radius:50%;background:currentColor}
.ttd-film{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ttd-coral);isolation:isolate}
.ttd-film iframe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ttd-film>img,.ttd-film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;transition:opacity .5s ease}
.ttd-film[data-ready="true"]>img,.ttd-film[data-ready="true"] .ttd-film-poster{opacity:0}
.ttd-film-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:68px;font-size:12px;color:var(--ttd-muted);padding:12px 0 22px}
.ttd-film-footer button{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 0 8px 14px;font-size:12px;background:none;border:0}
.ttd-film-footer button:hover{color:var(--ttd-cream)}
.ttd-film-footer button svg{width:14px;height:14px}
.ttd-film-footer>div{display:flex;align-items:center;gap:22px}
.ttd-light{background:var(--ttd-cream);color:var(--ttd-ink);--ttd-muted:#68665f;--ttd-rule:#11111029}
.ttd-story{padding-top:96px;padding-bottom:96px}
.ttd-story .ttd-section-head{margin-bottom:0}
.ttd-section-head{display:grid;grid-template-columns:5fr 7fr;gap:6vw;align-items:start;margin-bottom:60px}
.ttd-section-head h2{font-size:clamp(36px,4.4vw,64px);max-width:10.5em}
.ttd-section-head>p{max-width:50ch;color:var(--ttd-muted);font-size:clamp(16px,1.3vw,20px);line-height:1.6}
.ttd-section-head>div>p+p{margin-top:20px}
.ttd-section-head .ttd-eyebrow{margin-bottom:20px}
.ttd-identity{padding-bottom:96px}
.ttd-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ttd-logo-panel{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:400px;aspect-ratio:1.38;padding:65px 40px 80px;overflow:hidden}
.ttd-logo-panel.is-coral{background:var(--ttd-coral);color:var(--ttd-ink)}
.ttd-logo-panel.is-ink{background:var(--ttd-ink);color:var(--ttd-cream)}
.ttd-logo-panel>img,.ttd-logo-panel>svg{width:min(62%,240px);height:auto;max-height:240px;object-fit:contain}
.ttd-logo-panel figcaption{position:absolute;bottom:25px;left:28px;right:28px;display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:11px;line-height:1.4;letter-spacing:.02em}
.ttd-system-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.ttd-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:210px}
.ttd-swatch{background:var(--swatch,var(--ttd-coral));display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px 20px;gap:4px;min-width:0;font-size:12px;line-height:1.5;color:var(--ttd-ink)}
.ttd-swatch.is-ink{color:var(--ttd-cream)}
.ttd-swatch small{font-size:10px;opacity:.7;letter-spacing:.02em}
.ttd-type-spec{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 35px;border:1px solid var(--ttd-rule)}
.ttd-type-spec>span,.ttd-type-spec>strong{display:flex;gap:.09em;font-weight:400;font-size:clamp(80px,8vw,132px);letter-spacing:-.025em;line-height:1}
.ttd-type-spec>div{font-size:12px;line-height:1.6;max-width:19em}
.ttd-type-spec>p{font-size:14px;line-height:1.6;max-width:19em}
.ttd-type-spec small{display:block;font-size:11px;color:var(--ttd-muted);margin-top:8px}
.ttd-motion{background:var(--ttd-ink);color:var(--ttd-cream);padding-top:96px;padding-bottom:96px;--ttd-muted:#aaa79f;--ttd-rule:#ffffff29}
.ttd-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ttd-frames figure{min-width:0}
.ttd-motion .ttdim{margin-bottom:32px}
.ttd-frames img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#232321}
.ttd-frames figcaption{display:flex;gap:18px;align-items:baseline;margin-top:17px;font-size:13px;line-height:1.5}
.ttd-frames figcaption>span:first-child{color:var(--ttd-muted);font-size:10px}
.ttd-frames figcaption strong{font-weight:400}
.ttd-close{background:var(--ttd-ink);color:var(--ttd-cream);padding:80px 0 90px}
.ttd-close .ttd-eyebrow{margin-bottom:30px}
.ttd-close h2{font-size:clamp(46px,7.1vw,112px);line-height:1.02;letter-spacing:-.065em;max-width:12.5em;margin-bottom:60px}
.ttd-next-links{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff29;padding-top:28px;font-size:14px}
.ttd-next-links a{display:inline-flex;align-items:center;gap:22px;min-height:44px}
.ttd-next-links a:hover{color:var(--ttd-coral)}
.ttd-next-links svg{width:21px;height:21px}
@media(min-width:1900px){.ttd-case{font-size:19px}.ttd-intro-grid{gap:90px}.ttd-section-head{gap:90px}}
@media(max-width:1000px){
  .ttd-intro-grid{grid-template-columns:1.1fr 1fr;gap:40px}
  .ttd-case .ttd-intro h1{font-size:clamp(52px,7.7vw,80px)}
  .ttd-section-head{grid-template-columns:1fr 1fr;gap:40px}
  .ttd-logo-panel{min-height:310px;padding-inline:25px}
  .ttd-swatch{padding:20px 12px;font-size:11px}
  .ttd-type-spec{padding:25px;gap:18px}
  .ttd-frames{gap:16px}
}
@media(max-width:720px){
  body.ttd-case-page .site-header{height:80px}
  .ttd-case{font-size:16px;--ttd-gutter:22px}
  .ttd-intro{padding-top:4px;padding-bottom:36px}
  .ttd-meta{font-size:11px;margin-bottom:36px;gap:15px}
  .ttd-intro-grid{grid-template-columns:1fr;gap:30px}
  .ttd-case .ttd-intro h1{font-size:clamp(50px,12vw,80px);max-width:8em}
  .ttd-intro-copy{padding-top:0}.ttd-intro-copy>p{font-size:19px;max-width:32em}
  .ttd-tags{margin-top:22px;font-size:11px}
  .ttd-film-footer{font-size:10px;gap:16px;padding-top:7px;min-height:59px}
  .ttd-film-footer button{font-size:11px;flex-shrink:0}
  .ttd-film-scene{display:none}
  .ttd-story,.ttd-motion{padding-top:60px;padding-bottom:60px}
  .ttd-identity{padding-bottom:60px}
  .ttd-section-head{grid-template-columns:1fr;gap:25px;margin-bottom:35px}
  .ttd-section-head h2{font-size:clamp(36px,8.2vw,54px);max-width:13em}
  .ttd-section-head>p{font-size:16px;max-width:52ch}
  .ttd-identity-grid{grid-template-columns:1fr;gap:14px}
  .ttd-logo-panel{aspect-ratio:1.23;min-height:300px;max-height:430px}
  .ttd-logo-panel>img,.ttd-logo-panel>svg{width:min(53%,240px)}
  .ttd-logo-panel figcaption{left:22px;right:22px;bottom:21px;font-size:10px}
  .ttd-system-row{grid-template-columns:1fr;gap:14px;margin-top:14px}
  .ttd-palette{min-height:165px}.ttd-swatch{padding:20px 16px;font-size:12px}
  .ttd-type-spec{min-height:190px;padding:25px}.ttd-type-spec>span,.ttd-type-spec>strong{font-size:105px}
  .ttd-frames{grid-template-columns:1fr;gap:30px}.ttd-frames figcaption{margin-top:12px;font-size:13px}
  .ttd-close{padding-top:55px;padding-bottom:55px}
  .ttd-close h2{font-size:clamp(42px,9.5vw,65px);margin-bottom:35px}
  .ttd-next-links{align-items:flex-start;flex-direction:column;gap:10px;padding-top:20px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .ttd-case *, .ttd-case *::before, .ttd-case *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}