/* Human-scale typography, photographic storytelling, and quiet motion. */
.ddq-site { --ddq-tint:#f5f6f2; }
.ddq-site h2,.ddq-site .section h2 { font-size:clamp(1.85rem,2.65vw,2.7rem)!important; letter-spacing:-.045em; line-height:1.16!important; }
.ddq-site .section h3 { font-size:clamp(1.12rem,1.65vw,1.4rem); }
.ddq-site .section p { max-width:66ch; font-size:.94rem; line-height:1.72; }
.ddq-site .section,.ddq-section { padding-block:clamp(52px,6vw,86px); }
.ddq-site .section .container > div[style*="max-width"] { max-width:680px!important; }
.ddq-site .section h2 + p { max-width:56ch; }
.ddq-nav { height:78px; }
.ddq-site .ddq-button,.ddq-site .btn-primary,.ddq-site .signin-btn-primary { border-radius:99px!important; min-height:48px; padding:8px 9px 8px 23px!important; gap:24px; width:fit-content; max-width:100%; font-size:.82rem!important; font-weight:550!important; transition:background .25s,transform .25s,box-shadow .25s; }
.ddq-site .ddq-button > span,.ddq-site .btn-primary > .ddq-action-icon { border-radius:50%; display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; background:rgba(255,255,255,.18); font-size:1.1rem; transition:transform .25s,background .25s; }
.ddq-site .ddq-button:hover,.ddq-site .btn-primary:hover { transform:translateY(-2px); box-shadow:0 6px 18px #91370c1a!important; }
.ddq-site .ddq-button:hover > span,.ddq-site .btn-primary:hover > .ddq-action-icon { transform:rotate(45deg); background:rgba(255,255,255,.27); }
.ddq-site .btn-primary:not(:has(.ddq-action-icon)),.ddq-site .signin-btn-primary { padding:13px 24px!important; }
.ddq-site main .btn-primary { white-space:normal; overflow-wrap:anywhere; }
.ddq-site .btn-secondary { border-radius:99px!important; padding:12px 22px; min-height:46px; }
.ddq-text-link { border:0; gap:16px; }
.ddq-text-link span { width:30px; height:30px; border:1px solid currentColor; border-radius:50%; display:grid; place-items:center; font-size:1rem; transition:transform .25s; }
.ddq-text-link:hover span { transform:translate(2px,-2px); }
.ddq-nav-actions > .ddq-button { min-height:44px; padding:6px 7px 6px 19px!important; white-space:nowrap; }
.ddq-nav-actions > .ddq-button span { width:29px; height:29px; }
.ddq-nav-links a { padding-block:27px; }
.ddq-nav-links a[aria-current="page"]:after { bottom:18px; }
.ddq-home-hero { padding-top:18px; }
.ddq-home-cinema { height:clamp(550px,49vw,720px); border-radius:18px; isolation:isolate; }
.ddq-home-cinema .ddq-film-shade { background:linear-gradient(90deg,rgba(9,20,20,.8),rgba(9,20,20,.25) 70%),linear-gradient(0deg,rgba(9,20,20,.65),transparent 45%); }
.ddq-cinema-copy { position:absolute; left:5%; top:17%; max-width:600px; }
.ddq-site .ddq-cinema-copy h1 { color:#fff; font-size:clamp(2.65rem,4.6vw,4.8rem); line-height:1.06; letter-spacing:-.05em; margin:25px 0 21px; }
.ddq-cinema-copy > p { color:#f0f3ee; font-size:1rem; line-height:1.6; margin-bottom:28px; }
.ddq-cinema-copy > .ddq-eyebrow { color:#eef2e8; font-size:.62rem; letter-spacing:.14em; }
.ddq-cinema-foot { position:absolute; bottom:25px; left:5%; right:4%; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#e6ebe5; font-size:.56rem; letter-spacing:.1em; }
.ddq-film-toggle { display:flex; align-items:center; justify-content:center; gap:13px; min-height:44px; padding:10px 18px; border:1px solid #ffffff70; color:#fff; border-radius:99px; font-size:.75rem; letter-spacing:0; background:#101c2433; }
.ddq-cinema-note { position:absolute; right:4%; bottom:110px; width:260px; display:flex; align-items:center; gap:15px; background:#ffffffed; backdrop-filter:blur(12px); border-radius:12px; padding:10px; font-size:.9rem; line-height:1.4; }
.ddq-cinema-note img { width:70px; height:65px; flex-shrink:0; object-fit:cover; object-position:75%; border-radius:7px; }
.ddq-cinema-note > span { flex:1; }
.ddq-cinema-note b { margin-left:auto; padding:10px; font-size:1.2rem; font-weight:400; }
.ddq-service-strip { margin-top:10px; }
.ddq-service-strip a { border-left:0; padding-block:22px; }
.ddq-service-strip a:hover { background:#f5f6f2; border-radius:8px; }
.ddq-immersive.ddq-service-hero { position:relative; display:flex; align-items:center; isolation:isolate; max-width:1280px; width:calc(100% - clamp(40px,10vw,160px)); min-height:590px; margin:18px auto 35px; padding:64px 5%!important; border-radius:18px; overflow:hidden; background:#24302c; }
.ddq-immersive .ddq-service-photo { position:absolute; inset:0; min-height:0; z-index:-2; }
.ddq-immersive .ddq-service-photo img { object-position:70% 48%; }
.ddq-immersive::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(9,20,20,.83),rgba(9,20,20,.43) 48%,rgba(9,20,20,.03) 80%); }
.ddq-immersive .ddq-service-hero-copy { max-width:510px; width:48%; padding:0; }
.ddq-immersive .ddq-eyebrow { color:#e7ede3; }
.ddq-site .ddq-immersive h1 { font-size:clamp(2.6rem,4.2vw,4.2rem); color:#fff; letter-spacing:-.05em; line-height:1.09; margin:25px 0 20px; }
.ddq-immersive .ddq-service-hero-copy > p { color:#f1f3ee; max-width:34ch; font-size:1rem; line-height:1.65; }
.ddq-immersive .ddq-service-actions { gap:13px; margin-top:25px; }
.ddq-immersive .ddq-text-link { color:#fff; }
.ddq-immersive .ddq-service-meta { border-color:#ffffff40; color:#dbe3d8; font-size:.64rem; margin-top:25px; padding-top:17px; max-width:44ch; }
.ddq-section-heading { grid-template-columns:.7fr 1.4fr 1fr; gap:35px; margin-bottom:36px; }
.ddq-expertise-row h3 { font-size:1.7rem; }
.ddq-expertise-row { padding-block:24px; }
.ddq-principles-image { border-radius:14px; overflow:hidden; min-height:500px; }
.ddq-principles-image img { object-position:80%; }
.ddq-principle { padding-block:17px; }
.ddq-process h3 { font-size:1.3rem; margin-top:24px; }
.ddq-equipment-studio { display:grid; grid-template-columns:1.35fr 1fr; gap:60px; align-items:center; }
.ddq-equipment-studio > img { width:100%; height:440px; object-fit:cover; object-position:75%; border-radius:14px; }
.ddq-equipment-choices > .ddq-eyebrow { margin-bottom:16px; }
.ddq-equipment-choices > a { display:flex; justify-content:space-between; gap:15px; border-bottom:1px solid var(--ddq-line); padding:16px 0; font-size:1.05rem; transition:padding .25s,color .25s; }
.ddq-equipment-choices > a:hover { padding-left:9px; color:var(--ddq-orange); }
.ddq-equipment-choices > a > span { color:var(--ddq-orange); }
.ddq-journey { border:1px solid var(--ddq-line); border-radius:16px; padding:24px; background:#f8f9f5; min-width:0; --journey-progress:.05; }
.ddq-journey-top { display:flex; justify-content:space-between; gap:15px; align-items:center; }
.ddq-journey-top > span:last-child { font-size:.65rem; color:var(--ddq-muted); }
.ddq-journey-map { width:100%; height:auto; display:block; margin:20px 0; }
.ddq-route-progress { stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--journey-progress)); }
.ddq-journey-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ddq-journey-stages > div { opacity:.55; transition:opacity .3s; border-top:1px solid #cdd4c7; padding-top:13px; }
.ddq-journey-stages > div.is-active { opacity:1; border-color:var(--ddq-orange); }
.ddq-journey-stages span { font-size:.65rem; color:var(--ddq-orange); }
.ddq-journey-stages h3 { font-size:.9rem; margin:7px 0; }
.ddq-journey-stages p { font-size:.75rem; line-height:1.55; }
.ddq-site .ddq-journey-note { font-size:.65rem; color:var(--ddq-muted); margin-top:24px; }
.ddq-insight img { border-radius:12px; object-position:75%; }
.ddq-insight h3 { font-size:1.25rem; }
.ddq-site .ddq-contact-band h2 { font-size:clamp(2rem,3.4vw,3.4rem)!important; }
.ddq-contact-band-inner { padding-block:65px; }
.ddq-footer-wordmark { font-size:clamp(3rem,8vw,7rem); margin-top:55px; }
.ddq-site .ddq-footer-grid h2 { font-size:.68rem!important; line-height:1.5!important; letter-spacing:.05em; }
.ddq-compact-process { margin-top:32px; }
.ddq-site .dispatch-workflow-card,.ddq-site .capability-card-containment,.ddq-site .lifecycle-card,.ddq-site .audience-card,.ddq-site .faq-item,.ddq-site .form-card { border-radius:12px!important; }
.ddq-site .dispatch-workflow-card,.ddq-site .lifecycle-card { padding:24px; }
.ddq-site .workflow-step-timing { display:none; }
.ddq-site .metric-val { font-size:clamp(1.8rem,3vw,2.6rem)!important; }
.ddq-site .intent-tab-btn { border-radius:99px; }
.ddq-details { margin-top:22px; border-block:1px solid var(--ddq-line); }
.ddq-details > summary { padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:24px; cursor:pointer; font-size:.9rem; font-weight:550; list-style:none; }
.ddq-details > summary::-webkit-details-marker { display:none; }
.ddq-details > summary:after { content:'+'; display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--ddq-line); border-radius:50%; flex-shrink:0; font-size:1.2rem; }
.ddq-details[open] > summary:after { content:'−'; }
.ddq-details > .ddq-detail-body { padding-bottom:25px; }
.ddq-reveal { transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1); }
.ddq-reveal.is-pending { opacity:0; translate:0 22px; }
.ddq-reveal:focus-within { opacity:1; translate:0; }
.ddq-page-progress { position:fixed; height:2px; background:var(--ddq-orange); left:0; top:0; transform-origin:left; width:100%; z-index:1100; pointer-events:none; transform:scaleX(0); }
.ddq-motion-film { position:relative; border-radius:14px; overflow:hidden; min-height:360px; background:#24302c; margin:28px 0; }
.ddq-motion-film video { width:100%; height:420px; object-fit:cover; display:block; }
.ddq-motion-film .ddq-film-toggle { position:absolute; right:20px; bottom:20px; background:#16251ed9; }
.ddq-motion-caption { position:absolute; bottom:24px; left:26px; color:#fff; font-size:.8rem; text-shadow:0 1px 8px #000; }
@media(max-width:1000px) { .ddq-cinema-note { width:260px; bottom:90px; } .ddq-immersive.ddq-service-hero { min-height:570px; } .ddq-immersive .ddq-service-hero-copy { width:55%; } .ddq-equipment-studio { gap:35px; } }
.ddq-site .page-hero h1 { font-size:clamp(2rem,3.5vw,3.35rem)!important; line-height:1.14!important; }
.ddq-site .ddq-article-hero { min-height:490px; display:flex; align-items:center; isolation:isolate; }
.ddq-article-photo { position:absolute; inset:0 0 0 auto; width:62%; height:100%; object-fit:cover; object-position:80% center; z-index:-2; }
.ddq-article-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#fff 29%,#fffffff5 43%,#ffffff90 59%,#ffffff00 76%); z-index:-1; }
.ddq-site .ddq-article-hero h1 { max-width:21ch; font-size:clamp(2rem,3vw,3rem)!important; }
.ddq-article-hero .container > p { max-width:43ch; font-size:.94rem; }
.ddq-article-hero .breadcrumb { font-size:.7rem; }
.ddq-article-hero .section-label { font-size:.65rem; }
@media(max-width:700px) {
  .ddq-site .ddq-article-hero { padding-top:240px; padding-bottom:40px; }
  .ddq-article-photo { width:100%; height:300px; object-position:75% 35%; }
  .ddq-article-hero::after { background:linear-gradient(0deg,#fff 0%,#fff 45%,#ffffff00 83%); }
  .ddq-site .ddq-article-hero h1 { font-size:2rem!important; }
}
@media(max-width:700px) {
  .ddq-nav { height:70px; } .ddq-site .ddq-nav-actions > .ddq-button { font-size:.72rem!important; gap:9px; padding:5px 6px 5px 14px!important; } .ddq-nav-actions > .ddq-button span { width:25px; height:25px; }
  .ddq-home-hero { padding-top:12px; } .ddq-home-cinema { margin-inline:-10px; height:650px; border-radius:13px; }
  .ddq-cinema-copy { left:24px; top:58px; right:24px; }
  .ddq-site .ddq-cinema-copy h1 { font-size:clamp(2.2rem,8.8vw,3.4rem)!important; line-height:1.1!important; letter-spacing:-.045em; max-width:13ch; margin:23px 0 20px; }
  .ddq-cinema-copy > .ddq-eyebrow { font-size:.52rem; letter-spacing:.08em; }
  .ddq-cinema-copy > p { font-size:.95rem; }
  .ddq-cinema-note { left:24px; right:auto; bottom:93px; width:225px; font-size:.8rem; } .ddq-cinema-note img { width:65px; height:54px; }
  .ddq-cinema-foot { left:24px; right:24px; bottom:22px; } .ddq-cinema-foot > span { max-width:130px; font-size:.48rem; line-height:1.6; }
  .ddq-immersive.ddq-service-hero { width:calc(100% - 24px); min-height:690px; padding:40px 24px 30px!important; align-items:flex-end; margin-top:12px; border-radius:13px; }
  .ddq-immersive .ddq-service-photo img { object-position:78% top; }
  .ddq-immersive::after { background:linear-gradient(0deg,rgba(9,20,20,.94),rgba(9,20,20,.82) 39%,rgba(9,20,20,.08) 82%); }
  .ddq-immersive .ddq-service-hero-copy { width:100%; max-width:440px; }
  .ddq-site .ddq-service-hero.ddq-immersive h1 { font-size:clamp(2.1rem,8.4vw,3.2rem)!important; line-height:1.1!important; margin:17px 0; }
  .ddq-immersive .ddq-service-hero-copy > p { font-size:.91rem; max-width:34ch; }
  .ddq-immersive .ddq-service-actions { margin-top:20px; gap:5px; }
  .ddq-immersive .ddq-service-meta { margin-top:15px; padding-top:13px; font-size:.59rem; }
  .ddq-section-heading { grid-template-columns:1fr; gap:16px; } .ddq-section-heading > p { grid-column:auto; }
  .ddq-site h2,.ddq-site .section h2 { font-size:1.85rem!important; }
  .ddq-principles-image { min-height:340px; height:340px; } .ddq-expertise-row h3 { font-size:1.32rem; }
  .ddq-equipment-studio { grid-template-columns:1fr; gap:26px; } .ddq-equipment-studio > img { height:280px; }
  .ddq-tracking { grid-template-columns:1fr; gap:28px; } .ddq-journey { padding:18px; } .ddq-journey-stages { gap:10px; } .ddq-journey-stages h3 { font-size:.8rem; } .ddq-journey-stages p { font-size:.68rem; }
  .ddq-journey-top .ddq-eyebrow { font-size:.5rem; } .ddq-journey-note { line-height:1.5!important; }
  .ddq-motion-film video { height:330px; } .ddq-motion-caption { top:22px; bottom:auto; max-width:23ch; }
}
@media(prefers-reduced-motion:reduce) { .ddq-reveal.is-pending { opacity:1; translate:none; } .ddq-site .ddq-button:hover,.ddq-site .btn-primary:hover { transform:none; } }
