/* Generated by src/build-design.cjs. Edit src/design sources. */

/* styles.css */
.thm-marketing-design{--navy:#0b1f3a;--dark:#060f1e;--red:#cc1f1f;--blue:#0d6ead;--muted:#a0b4c8;--white:#fff;--border:#1a3a5c;--hairline:rgba(160,180,200,.23)}
.thm-marketing-design *{box-sizing:border-box}.thm-marketing-design{scroll-behavior:smooth;scroll-padding-top:24px}.thm-marketing-design{margin:0;background:var(--navy);color:var(--white);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased}.thm-marketing-design button,.thm-marketing-design input,.thm-marketing-design select,.thm-marketing-design textarea{font:inherit}.thm-marketing-design button,.thm-marketing-design a,.thm-marketing-design input,.thm-marketing-design summary{touch-action:manipulation}.thm-marketing-design button,.thm-marketing-design a{ -webkit-tap-highlight-color:transparent}.thm-marketing-design button{cursor:pointer}.thm-marketing-design a{color:inherit;text-decoration:none}.thm-marketing-design img{display:block;max-width:100%}.thm-marketing-design button{color:inherit}.thm-marketing-design h1,.thm-marketing-design h2,.thm-marketing-design h3,.thm-marketing-design p,.thm-marketing-design figure{margin:0}.thm-marketing-design h1,.thm-marketing-design h2,.thm-marketing-design h3{font-weight:500;line-height:1.08;letter-spacing:-.045em}.thm-marketing-design h1{font-size:clamp(44px,5.5vw,82px)}.thm-marketing-design h2{font-size:clamp(34px,3.6vw,52px)}.thm-marketing-design h3{font-size:26px;letter-spacing:-.025em}.thm-marketing-design p{color:var(--muted)}.thm-marketing-design ::selection{background:var(--red);color:white}.thm-marketing-design :focus-visible{outline:3px solid #83c9f6;outline-offset:5px}.thm-marketing-design [hidden]{display:none!important}.thm-marketing-design .wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.thm-marketing-design .skip{position:fixed;left:12px;top:-70px;padding:12px;background:white;color:var(--dark);z-index:100}.thm-marketing-design .skip:focus{top:12px}.thm-marketing-design .eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.thm-marketing-design .preview-bar{background:var(--dark);border-bottom:1px solid var(--hairline);font-size:11px;color:var(--muted)}.thm-marketing-design .preview-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:12px}.thm-marketing-design .preview-inner nav{display:flex;gap:22px}.thm-marketing-design .preview-inner a{display:inline-flex;align-items:center;min-height:34px}.thm-marketing-design .preview-inner a[aria-current=page]{color:white}.thm-marketing-design .preview-dot{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;margin-right:8px}.thm-marketing-design .site-header{border-bottom:1px solid var(--hairline)}.thm-marketing-design .nav-inner{min-height:100px;display:flex;align-items:center;gap:42px;justify-content:space-between}.thm-marketing-design .brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0;line-height:1.05}.thm-marketing-design .brand-mark{width:34px;height:34px;position:relative;border:1px solid var(--red);display:grid;place-items:center}.thm-marketing-design .brand-mark:before{content:'';width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid var(--red);margin-left:3px}.thm-marketing-design .brand-name{font-size:18px;letter-spacing:-.6px;font-weight:600}.thm-marketing-design .brand-name small{display:block;font-size:11px;letter-spacing:0;font-weight:400;margin-bottom:4px}.thm-marketing-design .main-nav{display:flex;align-items:center;gap:32px;font-size:14px}.thm-marketing-design .main-nav>a:not(.button){min-height:44px;display:flex;align-items:center;color:#d5deea}.thm-marketing-design .main-nav>a:hover,.thm-marketing-design .text-link:hover{color:white;text-decoration:underline;text-underline-offset:6px}.thm-marketing-design .button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:12px 24px;border:1px solid transparent;background:var(--red);color:white;font-size:14px;font-weight:500;border-radius:3px;line-height:1.4;transition:background .18s}.thm-marketing-design .button:hover{background:#b61919}.thm-marketing-design .button.small{min-height:44px;padding:10px 19px}.thm-marketing-design .button.secondary{border-color:var(--hairline);background:transparent}.thm-marketing-design .button.secondary:hover{background:rgba(160,180,200,.09)}.thm-marketing-design .button.full{width:100%}.thm-marketing-design .arrow{font-size:20px;font-weight:400;line-height:1}.thm-marketing-design .text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:14px;font-weight:500}.thm-marketing-design .menu-toggle{display:none;min-height:44px;min-width:44px;border:1px solid var(--hairline);border-radius:3px;background:none;font-size:14px}.thm-marketing-design .hero{padding:58px 0 48px}.thm-marketing-design .hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:64px;align-items:center}.thm-marketing-design .hero-copy{padding:18px 0 30px}.thm-marketing-design .hero h1{margin:30px 0 26px;font-size:clamp(44px,5.2vw,76px);line-height:1.065;letter-spacing:-.05em}.thm-marketing-design .hero h1 span{display:block;color:var(--muted)}.thm-marketing-design .hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:420px;color:#bdccdd}.thm-marketing-design .hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.thm-marketing-design .hero-note{display:flex;gap:10px;align-items:center;margin-top:23px;font-size:12px;color:var(--muted)}.thm-marketing-design .hero-note span{color:white}.thm-marketing-design .hero-visual{position:relative}.thm-marketing-design .hero-visual img{width:100%;height:554px;object-fit:cover;object-position:61% center}.thm-marketing-design .image-label{position:absolute;left:24px;top:22px;display:flex;align-items:center;gap:8px;background:var(--dark);padding:6px 11px;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.thm-marketing-design .image-label:before{content:'';height:5px;width:5px;border-radius:50%;background:var(--red)}.thm-marketing-design .hero-caption{display:flex;align-items:center;justify-content:space-between;padding-top:16px;font-size:11px;color:var(--muted)}.thm-marketing-design .hero-caption strong{font-weight:500;color:#d5deea}.thm-marketing-design .hero-bottom{margin-top:41px;padding-top:25px;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;gap:24px;align-items:center}.thm-marketing-design .hero-bottom>span{max-width:180px;font-size:12px;color:var(--muted);line-height:1.5}.thm-marketing-design .sports{display:flex;gap:28px;font-size:13px;color:#d5deea;flex-wrap:wrap}.thm-marketing-design .section{padding:96px 0;border-top:1px solid var(--hairline)}.thm-marketing-design .section-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:40px}.thm-marketing-design .section-intro h2{margin-top:16px;max-width:540px}.thm-marketing-design .section-intro>p{max-width:420px;justify-self:end;font-size:17px;line-height:1.7}.thm-marketing-design .craft{background:var(--dark)}.thm-marketing-design .craft-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.thm-marketing-design .craft-large{display:flex;flex-direction:column}.thm-marketing-design .craft-large img{width:100%;height:auto;aspect-ratio:1.75;object-fit:cover}.thm-marketing-design .caption-row{padding-top:16px;display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted)}.thm-marketing-design .caption-row strong{color:white;font-weight:500}.thm-marketing-design .craft-notes{border-top:1px solid var(--hairline)}.thm-marketing-design .craft-note{padding:26px 0;border-bottom:1px solid var(--hairline);display:grid;grid-template-columns:35px 1fr;gap:16px}.thm-marketing-design .craft-note>span{font-size:12px;color:var(--muted);padding-top:4px}.thm-marketing-design .craft-note h3{font-size:22px;letter-spacing:-.025em;margin-bottom:10px}.thm-marketing-design .craft-note p{font-size:14px;line-height:1.75;max-width:340px}.thm-marketing-design .process-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:130px}.thm-marketing-design .process-grid h2{margin-top:20px}.thm-marketing-design .process-grid .intro{margin:24px 0;max-width:320px}.thm-marketing-design .process-list{list-style:none;margin:0;padding:0}.thm-marketing-design .process-list li{padding:25px 0;display:grid;grid-template-columns:42px 1fr;gap:20px;border-top:1px solid var(--hairline)}.thm-marketing-design .process-list li:last-child{border-bottom:1px solid var(--hairline)}.thm-marketing-design .process-list .num{color:var(--muted);font-size:12px;padding-top:4px}.thm-marketing-design .process-list h3{font-size:23px;margin-bottom:9px}.thm-marketing-design .process-list p{font-size:15px}.thm-marketing-design .home-price{background:var(--dark)}.thm-marketing-design .home-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.thm-marketing-design .home-price h2{margin:20px 0}.thm-marketing-design .home-price p{max-width:430px}.thm-marketing-design .home-price .text-link{margin-top:22px}.thm-marketing-design .price-display{font-size:90px;font-weight:400;letter-spacing:-.06em;line-height:1}.thm-marketing-design .price-display small{font-size:15px;letter-spacing:0;color:var(--muted);margin-left:12px}.thm-marketing-design .home-price-detail{padding:30px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.thm-marketing-design .home-price-detail p{font-size:14px;margin:24px 0}.thm-marketing-design .home-price-detail .button{margin-top:4px}.thm-marketing-design .faq-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.thm-marketing-design .faq-grid h2{margin-top:20px}.thm-marketing-design .faq-grid>div>p:not(.eyebrow){margin-top:20px;max-width:300px}.thm-marketing-design .faq-list details{border-top:1px solid var(--hairline)}.thm-marketing-design .faq-list details:last-child{border-bottom:1px solid var(--hairline)}.thm-marketing-design .faq-list summary{list-style:none;cursor:pointer;min-height:72px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:500;font-size:16px}.thm-marketing-design .faq-list summary::-webkit-details-marker{display:none}.thm-marketing-design .faq-list summary:after{content:'+';font-weight:400;font-size:23px;color:var(--muted)}.thm-marketing-design .faq-list details[open] summary:after{content:'−'}.thm-marketing-design .faq-list details>p{padding:0 40px 24px 0;font-size:15px}.thm-marketing-design .closing{border-top:1px solid var(--hairline);padding:56px 0;background:var(--red)}.thm-marketing-design .closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.thm-marketing-design .closing h2{font-size:36px}.thm-marketing-design .closing .button{border-color:rgba(255,255,255,.5);background:none}.thm-marketing-design .closing .button:hover{background:rgba(0,0,0,.1)}.thm-marketing-design .site-footer{padding:44px 0;background:var(--dark)}.thm-marketing-design .footer-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.thm-marketing-design .footer-meta{text-align:right;font-size:12px;color:var(--muted)}.thm-marketing-design .footer-meta a{display:inline-flex;align-items:center;min-height:44px}.thm-marketing-design .page-lead{padding:65px 0 45px}.thm-marketing-design .page-lead h1{margin:20px 0 22px;font-size:64px;max-width:850px}.thm-marketing-design .page-lead>p:last-child{max-width:560px;font-size:17px}.thm-marketing-design .pricing-layout{display:grid;grid-template-columns:1fr 390px;gap:70px;padding-bottom:90px;align-items:start}.thm-marketing-design .base-package{border-top:1px solid var(--hairline);padding:30px 0;display:flex;gap:28px;align-items:start;justify-content:space-between}.thm-marketing-design .base-package h2{font-size:28px;letter-spacing:-.025em}.thm-marketing-design .base-package .price{font-size:32px;line-height:1.2;letter-spacing:-.04em}.thm-marketing-design .base-package p{font-size:14px;margin-top:12px;max-width:470px}.thm-marketing-design .inclusions{display:flex;flex-wrap:wrap;gap:10px 24px;margin:18px 0 8px;font-size:13px;color:#d5deea}.thm-marketing-design .inclusions span:before{content:'✓';color:#83bbdf;margin-right:9px}.thm-marketing-design .addons-title{border-top:1px solid var(--hairline);padding-top:32px;margin-top:4px}.thm-marketing-design .addons-title h2{font-size:25px}.thm-marketing-design .addons-title p{font-size:14px;margin-top:8px}.thm-marketing-design .addon{display:grid;grid-template-columns:24px 1fr auto;gap:17px;padding:25px 0;border-bottom:1px solid var(--hairline);cursor:pointer}.thm-marketing-design .addon input{appearance:none;width:22px;height:22px;border:1px solid #6b8099;border-radius:3px;margin:2px 0 0;display:grid;place-items:center;flex-shrink:0}.thm-marketing-design .addon input:checked{background:var(--blue);border-color:var(--blue)}.thm-marketing-design .addon input:checked:after{content:'✓';color:white;font-size:14px}.thm-marketing-design .addon:has(input:disabled){opacity:.55;cursor:not-allowed}.thm-marketing-design .addon h3{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.015em}.thm-marketing-design .addon p{font-size:14px;line-height:1.6;margin-top:6px;max-width:440px}.thm-marketing-design .addon .price{font-size:16px}.thm-marketing-design .addon .fine{font-size:12px;display:block;margin-top:8px;color:var(--muted)}.thm-marketing-design .order-summary{background:var(--dark);padding:32px;position:sticky;top:28px;border-top:2px solid var(--red)}.thm-marketing-design .order-summary h2{font-size:23px;letter-spacing:-.02em;margin-bottom:28px}.thm-marketing-design .summary-line{display:flex;justify-content:space-between;gap:15px;font-size:14px;padding:9px 0;color:#d5deea}.thm-marketing-design .summary-line .remove{border:0;background:transparent;color:var(--muted);padding:0 4px;min-width:44px;min-height:44px;line-height:1}.thm-marketing-design .summary-total{margin:20px 0 26px;border-top:1px solid var(--hairline);padding-top:22px;display:flex;align-items:center;justify-content:space-between}.thm-marketing-design .summary-total strong{font-size:32px;font-weight:500;letter-spacing:-.04em}.thm-marketing-design .summary-note{font-size:12px;line-height:1.65;text-align:center;margin-top:16px}.thm-marketing-design .summary-next{border-top:1px solid var(--hairline);padding-top:23px;margin-top:26px}.thm-marketing-design .summary-next h3{font-size:14px;letter-spacing:0}.thm-marketing-design .summary-next p{font-size:13px;margin-top:9px}.thm-marketing-design .price-help{margin-top:22px;font-size:12px;min-height:20px;color:#bad6ec}.thm-marketing-design .dialog{border:1px solid var(--border);border-top:3px solid var(--red);border-radius:4px;background:var(--navy);color:white;padding:36px;width:min(520px,calc(100% - 32px));max-height:90svh}.thm-marketing-design .dialog::backdrop{background:rgba(6,15,30,.82)}.thm-marketing-design .dialog h2{font-size:32px;margin:16px 0}.thm-marketing-design .dialog p{margin-bottom:24px}.thm-marketing-design .dialog-actions{display:flex;gap:12px;flex-wrap:wrap}.thm-marketing-design .dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:25px;min-width:44px;min-height:44px}.thm-marketing-design .field{display:grid;gap:8px;margin:18px 0}.thm-marketing-design .field input,.thm-marketing-design .field select,.thm-marketing-design .field textarea{width:100%;border:1px solid #63748b;background:var(--dark);border-radius:3px;padding:12px;color:white;font-size:16px;min-height:48px}.thm-marketing-design .field span{font-size:13px}.thm-marketing-design .field small{color:var(--muted);font-size:12px}.thm-marketing-design.workspace-body{background:var(--dark)}.thm-marketing-design .project-top{padding:43px 0 28px;display:flex;justify-content:space-between;align-items:start;gap:20px}.thm-marketing-design .project-top h1{font-size:42px;margin-top:12px}.thm-marketing-design .project-top p{font-size:13px;margin-top:12px}.thm-marketing-design .project-status{border:1px solid var(--hairline);padding:7px 12px;font-size:12px;color:#bedcf2;display:flex;align-items:center;gap:7px}.thm-marketing-design .project-status:before{content:'';height:5px;width:5px;background:var(--blue);border-radius:50%}.thm-marketing-design .project-steps{display:flex;gap:0;padding:0;margin:0;list-style:none;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.thm-marketing-design .project-steps li{flex:1;padding:20px 0;font-size:13px;color:#9bacbf;position:relative}.thm-marketing-design .project-steps .active{color:white}.thm-marketing-design .project-steps .active:after{content:'';position:absolute;height:2px;background:var(--red);bottom:-1px;left:0;width:calc(100% - 35px)}.thm-marketing-design .project-steps span{display:inline-flex;align-items:center;justify-content:center;margin-right:10px;width:22px;height:22px;border:1px solid var(--hairline);border-radius:50%;font-size:11px}.thm-marketing-design .project-steps .active span{background:var(--blue);border-color:var(--blue)}.thm-marketing-design .project-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:80px;padding:44px 0 85px}.thm-marketing-design .workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.thm-marketing-design .workspace-heading h2{font-size:31px;letter-spacing:-.035em}.thm-marketing-design .workspace-heading p{margin-top:10px;font-size:14px}.thm-marketing-design .upload-area{border:1px dashed #456280;padding:27px 32px;background:var(--navy)}.thm-marketing-design .upload-area h3{font-size:21px;margin-bottom:10px}.thm-marketing-design .upload-area p{font-size:14px;max-width:440px}.thm-marketing-design .upload-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.thm-marketing-design .upload-actions .button{min-height:46px;font-size:13px}.thm-marketing-design .upload-area.dragover{outline:2px solid var(--blue);outline-offset:4px}.thm-marketing-design .file-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:28px 0 14px;font-size:14px;font-weight:500}.thm-marketing-design .file-heading span{font-size:12px;font-weight:400;color:var(--muted)}.thm-marketing-design .film-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--hairline)}.thm-marketing-design .film-row img{width:90px;height:58px;object-fit:cover}.thm-marketing-design .file-symbol{height:58px;width:90px;background:var(--navy);display:grid;place-items:center;color:var(--muted);flex-shrink:0;font-size:12px}.thm-marketing-design .film-info{flex:1;min-width:0}.thm-marketing-design .film-info strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere;line-height:1.4}.thm-marketing-design .film-info p{font-size:12px;margin-top:4px}.thm-marketing-design .film-row .file-remove{background:none;border:0;color:var(--muted);min-width:44px;min-height:44px;font-size:20px}.thm-marketing-design .film-status{font-size:11px;color:#a9cce5;text-align:right}.thm-marketing-design .workspace-card{border-top:1px solid var(--hairline);padding:25px 0}.thm-marketing-design .workspace-card h3{font-size:19px;letter-spacing:-.02em;margin-bottom:13px}.thm-marketing-design .workspace-card p{font-size:13px}.thm-marketing-design .workspace-card ul{padding-left:18px;font-size:13px;color:var(--muted);margin:14px 0}.thm-marketing-design .workspace-card li{padding:4px 0}.thm-marketing-design .workspace-card .text-link{font-size:13px;margin-top:8px}.thm-marketing-design .workspace-card .mini-label{font-size:11px;color:var(--muted);margin-bottom:7px}.thm-marketing-design .workspace-card .summary-line{font-size:13px}.thm-marketing-design .plays-block{margin-top:38px;border-top:1px solid var(--hairline);padding-top:30px}.thm-marketing-design .plays-block h3{font-size:23px}.thm-marketing-design .plays-block>p{font-size:14px;margin:10px 0 22px}.thm-marketing-design .play-row{display:flex;align-items:center;gap:17px;border-top:1px solid var(--hairline);padding:12px 0}.thm-marketing-design .play-number{font-size:13px;color:var(--muted);width:24px}.thm-marketing-design .play-row strong{font-size:13px;font-weight:500;display:block}.thm-marketing-design .play-row small{font-size:11px;color:var(--muted)}.thm-marketing-design .play-tools{margin-left:auto;display:flex}.thm-marketing-design .play-tools button{background:none;border:1px solid var(--hairline);width:44px;height:44px}.thm-marketing-design .play-tools button:disabled{opacity:.28;cursor:default}.thm-marketing-design .ready-row{border-top:1px solid var(--hairline);margin-top:20px;padding-top:27px;display:flex;align-items:center;gap:26px;justify-content:space-between}.thm-marketing-design .ready-row p{font-size:12px;max-width:230px}.thm-marketing-design .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#fff;color:var(--dark);border-left:4px solid var(--blue);padding:14px 22px;font-size:14px;box-shadow:0 8px 30px #0005;z-index:100}.thm-marketing-design .muted{color:var(--muted)}
@media(min-width:1600px){.thm-marketing-design .hero-visual img{height:600px}.thm-marketing-design .hero h1{font-size:80px}}
@media(max-width:1150px){.thm-marketing-design .wrap{width:calc(100% - 64px)}.thm-marketing-design .main-nav{gap:20px}.thm-marketing-design .hero-grid{gap:38px}.thm-marketing-design .hero-visual img{height:505px}.thm-marketing-design .hero h1{font-size:59px}.thm-marketing-design .hero-actions{gap:17px}.thm-marketing-design .sports{gap:18px}.thm-marketing-design .process-grid{gap:65px}.thm-marketing-design .pricing-layout{grid-template-columns:1fr 335px;gap:36px}.thm-marketing-design .order-summary{padding:26px}.thm-marketing-design .project-layout{gap:40px;grid-template-columns:minmax(0,1fr) 255px}.thm-marketing-design .faq-grid{gap:55px}}
@media(max-width:850px){.thm-marketing-design .nav-inner{min-height:86px}.thm-marketing-design .main-nav{gap:16px;font-size:13px}.thm-marketing-design .main-nav .desktop-extra{display:none}.thm-marketing-design .hero{padding-top:38px}.thm-marketing-design .hero-grid{gap:32px}.thm-marketing-design .hero h1{font-size:49px}.thm-marketing-design .hero-visual img{height:460px}.thm-marketing-design .hero-copy>p:not(.eyebrow){font-size:16px}.thm-marketing-design .hero-actions{gap:12px}.thm-marketing-design .hero-actions .button{padding-inline:18px}.thm-marketing-design .hero-actions .text-link{font-size:13px;gap:12px}.thm-marketing-design .hero-bottom{align-items:start}.thm-marketing-design .sports{max-width:440px;gap:8px 22px}.thm-marketing-design .section{padding:70px 0}.thm-marketing-design .section-intro{gap:30px}.thm-marketing-design .section-intro>p{font-size:15px}.thm-marketing-design .craft-grid{gap:28px;grid-template-columns:1fr 1fr}.thm-marketing-design .craft-large img{height:420px;min-height:380px;aspect-ratio:auto}.thm-marketing-design .craft-note{padding:20px 0;grid-template-columns:24px 1fr;gap:10px}.thm-marketing-design .craft-note h3{font-size:20px}.thm-marketing-design .craft-note p{font-size:13px}.thm-marketing-design .process-grid{gap:50px;grid-template-columns:.9fr 1.1fr}.thm-marketing-design .home-price-grid{gap:55px}.thm-marketing-design .faq-grid{gap:45px}.thm-marketing-design .pricing-layout{grid-template-columns:minmax(0,1fr) 285px;gap:30px}.thm-marketing-design .order-summary{padding:24px}.thm-marketing-design .page-lead h1{font-size:55px}.thm-marketing-design .project-layout{grid-template-columns:1fr;gap:35px}.thm-marketing-design .project-aside{display:grid;grid-template-columns:1fr 1fr;gap:30px}.thm-marketing-design .project-steps li{font-size:12px}.thm-marketing-design .project-steps span{margin-right:7px}}
@media(max-width:650px){.thm-marketing-design .wrap{width:calc(100% - 40px)}.thm-marketing-design .preview-inner{min-height:35px;font-size:10px}.thm-marketing-design .preview-inner nav{gap:16px}.thm-marketing-design .preview-label .local-label{display:none}.thm-marketing-design .preview-inner a{min-height:44px}.thm-marketing-design .nav-inner{min-height:80px;flex-wrap:wrap;gap:0}.thm-marketing-design .brand-name{font-size:17px}.thm-marketing-design .brand-mark{width:30px;height:32px}.thm-marketing-design .menu-toggle{display:block}.thm-marketing-design .main-nav{display:none;flex-basis:100%;padding:15px 0 22px;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 22px}.thm-marketing-design .main-nav.open{display:flex}.thm-marketing-design .main-nav .desktop-extra{display:flex}.thm-marketing-design .main-nav .button{width:100%;margin-top:5px}.thm-marketing-design .hero{padding:28px 0 27px}.thm-marketing-design .hero-grid{grid-template-columns:1fr;gap:30px}.thm-marketing-design .hero-copy{padding:12px 0 0}.thm-marketing-design .hero h1{font-size:clamp(42px,11vw,68px);margin:20px 0;max-width:550px}.thm-marketing-design .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:420px}.thm-marketing-design .hero-actions{margin-top:26px;gap:25px}.thm-marketing-design .hero-actions .button{padding-inline:20px}.thm-marketing-design .hero-note{margin-top:17px}.thm-marketing-design .hero-visual img{height:385px;object-position:64% 48%}.thm-marketing-design .image-label{left:16px;top:16px}.thm-marketing-design .hero-caption{font-size:10px;padding-top:12px}.thm-marketing-design .hero-bottom{margin-top:28px;padding-top:22px;display:block}.thm-marketing-design .hero-bottom>span{max-width:none;display:block;margin-bottom:14px;font-size:11px}.thm-marketing-design .sports{gap:10px 20px;font-size:12px}.thm-marketing-design .section{padding:58px 0}.thm-marketing-design .section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.thm-marketing-design .section-intro h2{font-size:37px;margin-top:16px}.thm-marketing-design .section-intro>p{justify-self:start;max-width:400px}.thm-marketing-design .craft-grid{grid-template-columns:1fr;gap:27px}.thm-marketing-design .craft-large img{min-height:0;height:auto;aspect-ratio:1.35}.thm-marketing-design .caption-row{font-size:11px;gap:12px}.thm-marketing-design .craft-note{grid-template-columns:28px 1fr;gap:14px;padding:23px 0}.thm-marketing-design .craft-note p{font-size:14px;max-width:none}.thm-marketing-design .craft-note h3{font-size:21px}.thm-marketing-design .process-grid{grid-template-columns:1fr;gap:30px}.thm-marketing-design .process-grid .intro{max-width:400px;margin:20px 0 10px}.thm-marketing-design .process-list li{gap:12px;grid-template-columns:30px 1fr}.thm-marketing-design .process-list h3{font-size:22px}.thm-marketing-design .process-list p{font-size:14px}.thm-marketing-design .home-price-grid{grid-template-columns:1fr;gap:32px}.thm-marketing-design .price-display{font-size:78px}.thm-marketing-design .home-price-detail{padding:28px 0}.thm-marketing-design .faq-grid{grid-template-columns:1fr;gap:30px}.thm-marketing-design .faq-grid>div>p:not(.eyebrow){max-width:340px}.thm-marketing-design .faq-list summary{font-size:15px;min-height:73px}.thm-marketing-design .faq-list details>p{font-size:14px;padding-right:12px}.thm-marketing-design .closing{padding:36px 0}.thm-marketing-design .closing .wrap{display:block}.thm-marketing-design .closing h2{font-size:32px;max-width:320px}.thm-marketing-design .closing .button{margin-top:25px}.thm-marketing-design .site-footer{padding:34px 0}.thm-marketing-design .footer-row{align-items:start;flex-direction:column;gap:25px}.thm-marketing-design .footer-meta{text-align:left}.thm-marketing-design .page-lead{padding:38px 0 33px}.thm-marketing-design .page-lead h1{font-size:43px;margin:16px 0 20px}.thm-marketing-design .page-lead>p:last-child{font-size:15px}.thm-marketing-design .pricing-layout{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.thm-marketing-design .base-package{gap:20px;padding:25px 0}.thm-marketing-design .base-package h2{font-size:26px}.thm-marketing-design .base-package .price{font-size:28px}.thm-marketing-design .inclusions{font-size:12px;gap:9px 17px}.thm-marketing-design .addon{gap:14px;grid-template-columns:22px 1fr auto;padding:24px 0}.thm-marketing-design .addon h3{font-size:17px}.thm-marketing-design .addon p{font-size:13px}.thm-marketing-design .addon .price{font-size:15px}.thm-marketing-design .order-summary{position:static;padding:26px}.thm-marketing-design .price-help{font-size:12px}.thm-marketing-design .dialog{padding:28px 24px}.thm-marketing-design .dialog h2{font-size:29px}.thm-marketing-design .dialog-actions .button{width:100%}.thm-marketing-design .project-top{padding-top:29px;flex-wrap:wrap}.thm-marketing-design .project-top h1{font-size:33px}.thm-marketing-design .project-top p{font-size:12px}.thm-marketing-design .project-status{font-size:11px}.thm-marketing-design .project-steps{justify-content:space-between;gap:9px}.thm-marketing-design .project-steps li{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:8px;padding:15px 0;line-height:1.4;white-space:nowrap}.thm-marketing-design .project-steps span{margin:0}.thm-marketing-design .project-steps .active:after{width:100%}.thm-marketing-design .project-layout{padding-top:30px;padding-bottom:50px}.thm-marketing-design .workspace-heading h2{font-size:29px}.thm-marketing-design .workspace-heading p{font-size:14px}.thm-marketing-design .upload-area{padding:25px 20px}.thm-marketing-design .upload-area p{font-size:13px}.thm-marketing-design .upload-actions{gap:10px}.thm-marketing-design .upload-actions .button{padding:11px 14px;font-size:12px;flex:1}.thm-marketing-design .upload-actions .button:last-child{flex-basis:100%}.thm-marketing-design .film-row{gap:12px}.thm-marketing-design .film-row img,.thm-marketing-design .file-symbol{width:67px;height:52px}.thm-marketing-design .film-info strong{font-size:13px}.thm-marketing-design .film-info p{font-size:11px}.thm-marketing-design .film-status{font-size:10px}.thm-marketing-design .workspace-heading{gap:12px}.thm-marketing-design .file-heading{font-size:13px}.thm-marketing-design .file-heading span{font-size:11px}.thm-marketing-design .play-row{gap:11px}.thm-marketing-design .play-number{width:18px}.thm-marketing-design .play-row strong{font-size:12px}.thm-marketing-design .play-row small{font-size:10px}.thm-marketing-design .play-tools button{width:44px;height:44px}.thm-marketing-design .ready-row{flex-direction:column;align-items:stretch;gap:16px}.thm-marketing-design .ready-row .button{width:100%}.thm-marketing-design .ready-row p{max-width:none;text-align:center}.thm-marketing-design .project-aside{grid-template-columns:1fr;gap:0}.thm-marketing-design .toast{font-size:12px;bottom:15px;padding:13px 16px}}
@media(max-width:360px){.thm-marketing-design .wrap{width:calc(100% - 32px)}.thm-marketing-design .hero h1{font-size:40px}.thm-marketing-design .hero-actions{gap:12px}.thm-marketing-design .hero-actions .button{padding-inline:17px;gap:13px}.thm-marketing-design .hero-actions .text-link{font-size:12px;gap:9px}.thm-marketing-design .hero-visual img{height:330px}.thm-marketing-design .brand-name{font-size:16px}.thm-marketing-design .hero-note{font-size:11px}.thm-marketing-design .addon{gap:11px}.thm-marketing-design .addon h3{font-size:16px}.thm-marketing-design .play-tools button{width:44px}.thm-marketing-design .film-status{display:none}.thm-marketing-design .project-steps li{font-size:9px}.thm-marketing-design .preview-inner nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.thm-marketing-design{scroll-behavior:auto}.thm-marketing-design *{transition:none!important}}

/* multisport.css */
/* Lacrosse leads the visual story; the service is for athletes in every sport. */
.thm-marketing-design .hero-visual > img { object-position: 59% center; }
.thm-marketing-design .hero-caption { gap: 16px; }
.thm-marketing-design .hero-bottom .sports { gap: 18px 26px; }
.thm-marketing-design .hero-bottom .sports > span:first-child { color: white; font-weight: 600; }
.thm-marketing-design .sport-collection { background: var(--dark); }
.thm-marketing-design .sport-photo-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 23px; }
.thm-marketing-design .sport-photo-grid figure { min-width: 0; }
.thm-marketing-design .sport-photo-grid img { width: 100%; height: auto; aspect-ratio: 1.45; object-fit: cover; }
.thm-marketing-design .sport-photo-grid figure:first-child img { object-position: 67% center; }
.thm-marketing-design .sport-photo-grid figure:nth-child(2) img { object-position: center; }
.thm-marketing-design .sport-photo-grid figcaption { padding-top: 19px; }
.thm-marketing-design .sport-photo-grid h3 { font-size: 24px; letter-spacing: -.01em; }
.thm-marketing-design .sport-photo-grid figcaption p { font-size: 12px; margin-top: 9px; line-height: 1.65; }
.thm-marketing-design .all-sports { display: flex; align-items: center; justify-content: space-between; gap: 35px; border-top: 1px solid var(--hairline); margin-top: 38px; padding-top: 27px; }
.thm-marketing-design .all-sports h3 { font-size: 24px; }
.thm-marketing-design .all-sports p { max-width: 760px; font-size: 13px; line-height: 1.9; margin-top: 10px; }
.thm-marketing-design .all-sports .text-link { white-space: nowrap; }
.thm-marketing-design .sport-credit { font-size: 10px; margin-top: 27px; }
.thm-marketing-design .craft { background: var(--navy); }

@media (max-width: 1150px) {
  .thm-marketing-design .hero-bottom .sports { gap: 12px 20px; justify-content: flex-end; }
  .thm-marketing-design .sport-photo-grid { gap: 20px; }
  .thm-marketing-design .sport-photo-grid h3 { font-size: 22px; }
}
@media (max-width: 850px) {
  .thm-marketing-design .sport-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 24px; }
  .thm-marketing-design .hero-caption { font-size: 10px; align-items: flex-start; }
  .thm-marketing-design .hero-caption span { text-align: right; }
  .thm-marketing-design .all-sports { gap: 30px; }
  .thm-marketing-design .all-sports p { max-width: 470px; }
}
@media (max-width: 650px) {
  .thm-marketing-design .hero-visual > img { object-position: 59% center; }
  .thm-marketing-design .hero-bottom .sports { justify-content: flex-start; gap: 11px 20px; }
  .thm-marketing-design .hero-caption { font-size: 9px; gap: 12px; }
  .thm-marketing-design .sport-photo-grid { gap: 28px 16px; }
  .thm-marketing-design .sport-photo-grid img { aspect-ratio: 1.2; }
  .thm-marketing-design .sport-photo-grid figcaption { padding-top: 13px; }
  .thm-marketing-design .sport-photo-grid h3 { font-size: 21px; }
  .thm-marketing-design .sport-photo-grid figcaption p { font-size: 11px; margin-top: 7px; }
  .thm-marketing-design .all-sports { align-items: flex-start; flex-direction: column; gap: 13px; margin-top: 30px; padding-top: 24px; }
  .thm-marketing-design .all-sports p { font-size: 12px; }
  .thm-marketing-design .sport-credit { font-size: 9px; margin-top: 21px; }
}

/* refinement.css */
/* Design pass 5. Standalone preview; no working-theme selectors or dependencies. */
.thm-marketing-design { --hairline:rgba(160,180,200,.24); --ice:#e7edf2; --ink:#0b1f3a; --ink-muted:#4b6074; }
.thm-marketing-design .wrap { max-width:1280px; }
.thm-marketing-design h1,.thm-marketing-design h2,.thm-marketing-design h3 { letter-spacing:-.018em; }
.thm-marketing-design h2 { font-weight:500; }
.thm-marketing-design .skip { top:12px; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); padding:0; white-space:nowrap; }
.thm-marketing-design .skip:focus { width:auto; height:auto; overflow:visible; clip-path:none; padding:12px; }
.thm-marketing-design .eyebrow { font-size:12px; font-weight:500; letter-spacing:.09em; }
.thm-marketing-design .preview-bar { background:var(--dark); }
.thm-marketing-design .preview-inner { min-height:30px; font-size:10px; }
.thm-marketing-design .preview-inner nav { font-size:9px; text-transform:uppercase; letter-spacing:.045em; }
.thm-marketing-design .preview-inner a { min-height:30px; }
.thm-marketing-design .site-header { background:var(--dark); }
.thm-marketing-design .nav-inner { min-height:88px; gap:25px; }
.thm-marketing-design .brand-name { font-size:21px; line-height:1.05; letter-spacing:.012em; }
.thm-marketing-design .brand-name small { font:600 9px/1 var(--font); letter-spacing:.2em; margin-bottom:6px; }
.thm-marketing-design .brand-mark { width:34px; height:36px; }
.thm-marketing-design .main-nav { gap:27px; font:700 14px/1.25 var(--font); letter-spacing:.055em; text-transform:uppercase; }
.thm-marketing-design .main-nav>a:not(.button) { white-space:nowrap; }
.thm-marketing-design .main-nav>a[aria-current=page] { color:white; text-decoration:underline; text-decoration-color:var(--red); text-decoration-thickness:2px; text-underline-offset:9px; }
.thm-marketing-design .button,.thm-marketing-design .main-nav .button,.thm-marketing-design .upload-actions .button { font:700 15px/1.2 var(--font); text-transform:uppercase; letter-spacing:.065em; border-radius:0; min-height:52px; padding:14px 24px; gap:26px; }
.thm-marketing-design .main-nav .button { font-size:13px; min-height:44px; padding:12px 19px; gap:22px; }
.thm-marketing-design .button>span[aria-hidden],.thm-marketing-design .text-link>span[aria-hidden] { font:400 21px/1 var(--font); letter-spacing:0; flex-shrink:0; }
.thm-marketing-design .button:hover { background:#b61919; }
.thm-marketing-design .button.secondary { border-color:#66809a; }
.thm-marketing-design .button.secondary:hover { background:#18304e; }
.thm-marketing-design .text-link,.thm-marketing-design .workspace-card .text-link { font:700 14px/1.4 var(--font); text-transform:uppercase; letter-spacing:.055em; gap:21px; }
.thm-marketing-design .menu-toggle { font:700 13px/1.3 var(--font); text-transform:uppercase; letter-spacing:.07em; padding:11px 14px; border-radius:0; }
.thm-marketing-design .menu-toggle[aria-expanded=true] { border-color:#8ba5c0; background:var(--navy); }

/* A contained film frame preserves the quality and full composition of the footage. */
.thm-marketing-design.home-body { background:var(--dark); }
.thm-marketing-design .opening { padding-top:64px; }
.thm-marketing-design .opening-grid { display:grid; grid-template-columns:.9fr 1.15fr; gap:80px; align-items:center; padding-bottom:55px; }
.thm-marketing-design .opening-copy h1 { font-size:clamp(72px,7.5vw,106px); line-height:1.015; text-transform:uppercase; letter-spacing:-.032em; margin:24px 0 26px; font-weight:600; }
.thm-marketing-design .opening-copy h1 span { color:#a8c0d5; }
.thm-marketing-design .opening-deck { max-width:370px; font-size:15px; line-height:1.85; color:#c0cddd; }
.thm-marketing-design .opening-copy>.button { margin-top:29px; min-width:221px; justify-content:space-between; }
.thm-marketing-design .opening-price { display:flex; align-items:center; gap:17px; margin-top:25px; }
.thm-marketing-design .opening-price strong { font:700 30px/1 var(--font); }
.thm-marketing-design .opening-price>span { border-left:1px solid var(--hairline); padding-left:17px; color:var(--muted); font-size:11px; line-height:1.65; }
.thm-marketing-design .film-desk { min-width:0; padding-top:6px; }
.thm-marketing-design .film-desk-top { display:flex; justify-content:space-between; gap:15px; padding-bottom:13px; font:700 10px/1.5 var(--font); text-transform:uppercase; letter-spacing:.09em; color:var(--muted); }
.thm-marketing-design .film-desk-top span:first-child { color:#d7e1eb; }
.thm-marketing-design .featured-film { margin:0; }
.thm-marketing-design .screen { width:100%; position:relative; padding:0; border:1px solid #73879a66; border-bottom:0; background:#111b26; display:block; overflow:hidden; color:white; }
.thm-marketing-design .screen>img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; filter:saturate(.88); transition:filter .2s; }
.thm-marketing-design .screen:after { content:''; position:absolute; inset:55% 0 0; background:linear-gradient(transparent,#060f1eaa); pointer-events:none; }
.thm-marketing-design .screen:hover>img { filter:saturate(1) brightness(.9); }
.thm-marketing-design .screen-play { position:absolute; bottom:19px; left:19px; z-index:1; display:flex; align-items:center; gap:12px; padding:11px 15px; border:1px solid #e5edf288; background:#060f1ecc; font:700 12px/1.25 var(--font); text-transform:uppercase; letter-spacing:.06em; min-height:43px; }
.thm-marketing-design .play-triangle { display:inline-block; width:0; height:0; border-block:5px solid transparent; border-left:8px solid currentColor; }
.thm-marketing-design .screen-time { position:absolute; right:20px; bottom:29px; z-index:1; font:500 11px/1 var(--font); font-variant-numeric:tabular-nums; }
.thm-marketing-design .featured-film figcaption { display:flex; align-items:center; justify-content:space-between; gap:18px; background:#10213a; padding:21px; border:1px solid #344d68; border-top:0; }
.thm-marketing-design .featured-film figcaption>div { display:flex; align-items:center; gap:17px; }
.thm-marketing-design .film-number { color:#89a2ba; font:400 11px/1 var(--font); }
.thm-marketing-design .featured-film h2 { font-size:24px; font-weight:500; letter-spacing:0; }
.thm-marketing-design .featured-film figcaption>span { color:#a8bed2; font-size:10px; }
.thm-marketing-design .next-film { display:flex; align-items:center; width:100%; border:0; border-bottom:1px solid var(--hairline); background:transparent; padding:17px 0; text-align:left; gap:18px; }
.thm-marketing-design .next-film>img { width:90px; height:51px; object-fit:cover; filter:saturate(.85); }
.thm-marketing-design .next-film-copy { display:block; }
.thm-marketing-design .next-film-copy small { display:block; color:var(--muted); font:700 10px/1.5 var(--font); text-transform:uppercase; letter-spacing:.06em; }
.thm-marketing-design .next-film-copy strong { display:block; margin-top:4px; font:700 19px/1.4 var(--font); text-transform:uppercase; letter-spacing:.015em; }
.thm-marketing-design .next-film-play { margin-left:auto; display:flex; align-items:center; gap:14px; padding-right:3px; color:#aec4d7; font-size:10px; }
.thm-marketing-design .next-film:hover .next-film-copy strong { text-decoration:underline; text-underline-offset:5px; }
.thm-marketing-design .film-caption { margin-top:12px; font-size:10px; color:#8499af; }
.thm-marketing-design .studio-credit { display:flex; align-items:center; gap:11px; border-top:1px solid var(--hairline); padding-block:22px; color:#9db0c3; font-size:11px; }
.thm-marketing-design .studio-credit strong { font:700 17px/1.3 var(--font); text-transform:uppercase; color:#dbe5ed; letter-spacing:.025em; }
.thm-marketing-design .studio-credit .text-link { margin-left:auto; font-size:11px; min-height:30px; gap:15px; }

/* Sport coverage reads as a compact index, with lacrosse leading. */
.thm-marketing-design .sport-coverage { padding:58px 0 63px; background:var(--navy); border-block:1px solid var(--hairline); }
.thm-marketing-design .coverage-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:90px; }
.thm-marketing-design .coverage-grid h2 { font-size:46px; line-height:1.08; margin-top:16px; }
.thm-marketing-design .coverage-detail>p { font-size:14px; line-height:1.8; max-width:570px; color:#b8c9da; }
.thm-marketing-design .coverage-list { list-style:none; display:flex; flex-wrap:wrap; gap:0 24px; padding:18px 0 0; margin:19px 0 0; border-top:1px solid var(--hairline); }
.thm-marketing-design .coverage-list li { font:700 16px/1.4 var(--font); padding-block:7px; color:#b3c4d5; }
.thm-marketing-design .coverage-list .leading-sport { color:white; }
.thm-marketing-design .coverage-list .leading-sport:before { content:''; display:inline-block; width:3px; height:14px; background:var(--red); margin-right:10px; }

/* Clear package facts on a single quiet, light surface. */
.thm-marketing-design .reel-package { background:var(--ice); color:var(--ink); padding:83px 0; }
.thm-marketing-design .package-grid { display:grid; grid-template-columns:1fr .85fr; gap:130px; }
.thm-marketing-design .package-copy .eyebrow { color:var(--ink-muted); }
.thm-marketing-design .package-copy h2 { font-size:62px; line-height:1.07; margin:20px 0 25px; }
.thm-marketing-design .package-copy>p:not(.eyebrow) { max-width:410px; font-size:15px; line-height:1.85; color:var(--ink-muted); }
.thm-marketing-design .package-copy .text-link { margin-top:23px; color:var(--ink); }
.thm-marketing-design .package-copy .text-link:hover { color:var(--blue); }
.thm-marketing-design .package-details { padding-left:48px; border-left:1px solid #b2c2d0; }
.thm-marketing-design .package-price { display:flex; align-items:center; gap:29px; margin-top:-5px; }
.thm-marketing-design .package-price strong { font:700 89px/1.15 var(--font); letter-spacing:-.03em; }
.thm-marketing-design .package-price>span { font-size:12px; color:var(--ink-muted); line-height:1.75; }
.thm-marketing-design .package-specs { margin:22px 0 24px; border-top:1px solid #b2c2d0; }
.thm-marketing-design .package-specs>div { display:grid; grid-template-columns:100px 1fr; gap:14px; padding:14px 0; border-bottom:1px solid #b2c2d0; font-size:12px; }
.thm-marketing-design .package-specs dt { color:var(--ink-muted); }
.thm-marketing-design .package-specs dd { margin:0; color:var(--ink); font-weight:600; }
.thm-marketing-design .package-help { color:var(--ink-muted); font-size:10px; margin-top:12px; text-align:center; }

/* Show the people and the actual process in one editorial feature. */
.thm-marketing-design .studio-process { padding:85px 0; }
.thm-marketing-design .studio-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
.thm-marketing-design .studio-story h2 { font-size:55px; line-height:1.08; margin:19px 0 21px; }
.thm-marketing-design .studio-story>p:not(.eyebrow) { font-size:14px; line-height:1.85; max-width:450px; }
.thm-marketing-design .studio-photo { margin-top:28px; }
.thm-marketing-design .studio-photo img { width:100%; height:auto; aspect-ratio:1.85; object-fit:cover; object-position:center 40%; }
.thm-marketing-design .studio-photo figcaption { font-size:10px; margin-top:12px; color:#8fa6bc; }
.thm-marketing-design .process-route { padding-top:8px; }
.thm-marketing-design .process-label { font:700 12px/1.5 var(--font); text-transform:uppercase; letter-spacing:.07em; color:#bdccda; padding-bottom:18px; border-bottom:1px solid var(--hairline); }
.thm-marketing-design .process-list li { grid-template-columns:30px 1fr; gap:20px; padding:27px 0; }
.thm-marketing-design .process-list li:first-child { border-top:0; }
.thm-marketing-design .process-list .num { font:700 15px/1.4 var(--font); color:#7399b9; padding-top:5px; }
.thm-marketing-design .process-list h3 { font-family:var(--font); font-size:27px; letter-spacing:-.01em; font-weight:500; margin-bottom:12px; }
.thm-marketing-design .process-list p { font-size:13px; line-height:1.85; max-width:380px; }
.thm-marketing-design .process-route>.text-link { margin-top:23px; }
.thm-marketing-design .section { padding:72px 0; }
.thm-marketing-design .faq-grid { grid-template-columns:.7fr 1.3fr; gap:90px; }
.thm-marketing-design .faq-grid h2 { font-size:48px; margin-top:17px; }
.thm-marketing-design .faq-grid>div>p:not(.eyebrow) { font-size:13px; line-height:1.8; max-width:240px; margin-top:18px; }
.thm-marketing-design .faq-list summary { min-height:67px; font-size:14px; font-weight:500; padding-block:20px; }
.thm-marketing-design .faq-list details>p { font-size:13px; line-height:1.85; }
.thm-marketing-design .closing { background:var(--navy); padding:59px 0; }
.thm-marketing-design .closing .eyebrow { margin-bottom:16px; }
.thm-marketing-design .closing h2 { font-size:57px; line-height:1.08; font-weight:500; }
.thm-marketing-design .closing .button { background:var(--red); border-color:var(--red); min-width:227px; }
.thm-marketing-design .closing .button:hover { background:#b61919; }
.thm-marketing-design .site-footer { padding:34px 0; border-top:1px solid var(--hairline); }
.thm-marketing-design .footer-meta { font-size:10px; line-height:1.9; }
.thm-marketing-design .footer-meta a { min-height:32px; font-size:12px; }

/* Pricing: readable choices paired with an itemized dark order sheet. */
.thm-marketing-design.pricing-body { background:var(--ice); color:var(--ink); }
.thm-marketing-design.pricing-body .preview-bar,.thm-marketing-design.pricing-body .site-header,.thm-marketing-design.pricing-body .site-footer { color:white; }
.thm-marketing-design.pricing-body main p { color:var(--ink-muted); }
.thm-marketing-design .page-lead { padding:48px 0 40px; }
.thm-marketing-design .page-lead h1 { font-size:66px; line-height:1.1; margin:17px 0 19px; font-weight:500; }
.thm-marketing-design .page-lead>p:last-child { font-size:15px; line-height:1.8; max-width:570px; }
.thm-marketing-design .pricing-layout { grid-template-columns:minmax(0,1fr) 355px; gap:85px; padding-bottom:57px; }
.thm-marketing-design .base-package { border:0; border-top:2px solid var(--ink); border-bottom:1px solid #b2c2d0; padding:26px 0 27px; gap:25px; background:transparent; }
.thm-marketing-design .base-package p.package-label { font:700 11px/1.4 var(--font); letter-spacing:.075em; margin:0 0 14px; }
.thm-marketing-design .base-package h2 { font-size:33px; font-weight:500; }
.thm-marketing-design .base-package p { font-size:14px; line-height:1.8; margin-top:12px; max-width:470px; }
.thm-marketing-design .base-package .price { font-size:39px; font-weight:500; margin-top:24px; }
.thm-marketing-design .inclusions { font-size:12px; color:var(--ink); gap:10px 20px; margin:21px 0 0; }
.thm-marketing-design .inclusions span:before { color:var(--blue); margin-right:7px; }
.thm-marketing-design .addons-title { border:0; padding:31px 0 18px; margin:0; }
.thm-marketing-design .addons-title h2 { font-size:30px; font-weight:500; }
.thm-marketing-design .addons-title p { font-size:13px; margin-top:10px; }
.thm-marketing-design .addon { border-top:1px solid #b2c2d0; border-bottom:0; border-left:3px solid transparent; padding:22px 16px; margin-inline:-16px; gap:17px; }
.thm-marketing-design .addon:last-of-type { border-bottom:1px solid #b2c2d0; }
.thm-marketing-design .addon:has(input:checked) { background:#d5e4ee; border-left-color:var(--blue); }
.thm-marketing-design .addon:has(input:disabled) { opacity:.58; }
.thm-marketing-design .addon input { border-radius:0; border-color:#617991; margin-top:2px; background:#f8fafc; }
.thm-marketing-design .addon input:checked { background:var(--blue); border-color:var(--blue); }
.thm-marketing-design .addon h3 { font:600 15px/1.4 var(--font); letter-spacing:0; }
.thm-marketing-design .addon p { font-size:13px; margin-top:7px; line-height:1.7; }
.thm-marketing-design .addon .fine { color:var(--ink-muted); font-size:11px; margin-top:7px; }
.thm-marketing-design .addon .price { font-size:15px; font-weight:600; white-space:nowrap; }
.thm-marketing-design .order-summary { background:var(--navy); color:white; padding:29px; border-top:3px solid var(--red); top:26px; }
.thm-marketing-design.pricing-body main .order-summary p { color:#afc0d1; }
.thm-marketing-design .order-summary>.eyebrow { font-size:10px; }
.thm-marketing-design .order-summary h2 { font-size:36px; font-weight:500; margin:14px 0 27px; }
.thm-marketing-design .summary-line { font-size:13px; padding-block:8px; }
.thm-marketing-design .summary-total { margin:20px 0 23px; padding-top:20px; font-size:12px; }
.thm-marketing-design .summary-total strong { font:700 51px/1.1 var(--font); letter-spacing:-.025em; }
.thm-marketing-design .summary-note { font-size:11px; }
.thm-marketing-design .summary-next { margin-top:24px; padding-top:24px; }
.thm-marketing-design .summary-next h3 { font:600 13px/1.4 var(--font); letter-spacing:0; }
.thm-marketing-design .summary-next p { font-size:12px; line-height:1.85; }
.thm-marketing-design .price-help { margin-top:16px; font-size:12px; }
.thm-marketing-design.pricing-body #questions { background:var(--dark); color:white; }
.thm-marketing-design.pricing-body #questions p { color:var(--muted); }

/* The family workspace keeps its current task prominent. */
.thm-marketing-design.workspace-body { background:var(--ice); color:var(--ink); }
.thm-marketing-design.workspace-body .preview-bar,.thm-marketing-design.workspace-body .site-header,.thm-marketing-design.workspace-body .site-footer { color:white; }
.thm-marketing-design.workspace-body .main-nav>.button { display:none; }
.thm-marketing-design.workspace-body main p { color:var(--ink-muted); }
.thm-marketing-design .project-top { padding:35px 0 28px; }
.thm-marketing-design .project-top h1 { font-size:46px; font-weight:500; margin-top:14px; }
.thm-marketing-design .project-top p { font-size:12px; }
.thm-marketing-design .project-status { border-color:#b2c2d0; color:var(--ink-muted); font-size:11px; margin-top:8px; }
.thm-marketing-design .project-steps { border-color:#b2c2d0; }
.thm-marketing-design .project-steps li { color:#596f83; padding:18px 0; }
.thm-marketing-design .project-steps .active { color:var(--ink); font-weight:600; }
.thm-marketing-design .project-steps span { border-color:#a1b3c4; }
.thm-marketing-design .project-steps .active span { color:white; }
.thm-marketing-design .project-layout { grid-template-columns:minmax(0,1fr) 255px; gap:58px; padding:36px 0 66px; }
.thm-marketing-design .workbench { min-width:0; }
.thm-marketing-design .workspace-heading { margin-bottom:22px; }
.thm-marketing-design .workspace-heading h2 { font-size:34px; font-weight:500; }
.thm-marketing-design .workspace-heading p { font-size:14px; margin-top:9px; }
.thm-marketing-design .upload-area { background:var(--navy); color:white; border:0; padding:28px; }
.thm-marketing-design .upload-area h3 { font:600 16px/1.4 var(--font); letter-spacing:0; margin-bottom:12px; }
.thm-marketing-design.workspace-body .upload-area p { color:#b9c9d9; font-size:13px; line-height:1.8; max-width:480px; }
.thm-marketing-design .upload-actions { gap:11px; margin-top:24px; }
.thm-marketing-design .upload-actions .button { font-size:14px; padding:12px 18px; gap:17px; min-height:47px; }
.thm-marketing-design .file-heading { padding-top:28px; font-size:14px; font-weight:600; }
.thm-marketing-design .file-heading span { font-size:11px; color:var(--ink-muted); }
.thm-marketing-design .film-row { border-color:#b2c2d0; padding:16px 0; }
.thm-marketing-design .film-row img { width:80px; height:48px; }
.thm-marketing-design .film-info strong { font-size:13px; font-weight:600; }
.thm-marketing-design .film-info p { font-size:11px; }
.thm-marketing-design .film-status { color:var(--ink-muted); font-size:10px; }
.thm-marketing-design .workspace-card { border-top:1px solid #b2c2d0; padding:22px 0; }
.thm-marketing-design .workspace-card .mini-label { color:#5c7388; font:700 11px/1.5 var(--font); text-transform:uppercase; letter-spacing:.07em; margin-bottom:11px; }
.thm-marketing-design .workspace-card h3 { font:600 15px/1.5 var(--font); letter-spacing:-.02em; margin-bottom:12px; }
.thm-marketing-design .workspace-card p,.thm-marketing-design .workspace-card li { font-size:12px; line-height:1.85; color:var(--ink-muted); }
.thm-marketing-design .workspace-card ul { padding-left:16px; margin-block:15px 0; }
.thm-marketing-design .workspace-card .summary-line { color:var(--ink); font-size:12px; }
.thm-marketing-design .workspace-card .text-link { margin-top:15px; font-size:12px; }
.thm-marketing-design .workspace-card .text-link:hover { color:var(--blue); }
.thm-marketing-design .plays-block { margin-top:26px; border-color:#b2c2d0; padding-top:24px; }
.thm-marketing-design .plays-block h3 { font-size:28px; font-weight:500; }
.thm-marketing-design .plays-block>p { font-size:13px; line-height:1.8; margin-bottom:21px; }
.thm-marketing-design .play-row { border-color:#b2c2d0; padding:14px 0; gap:18px; }
.thm-marketing-design .play-number { color:#5c7388; font:700 15px/1.3 var(--font); width:25px; }
.thm-marketing-design .play-row>div:not(.play-tools) { min-width:0; }
.thm-marketing-design .play-row strong { font-size:13px; font-weight:600; line-height:1.5; }
.thm-marketing-design .play-row small { color:var(--ink-muted); font-size:10px; }
.thm-marketing-design .play-tools { gap:6px; flex-shrink:0; }
.thm-marketing-design .play-tools button { border:1px solid #afbfcd; background:#f3f6f9; border-radius:0; }
.thm-marketing-design .play-tools button:hover:not(:disabled) { border-color:var(--blue); background:#d5e4ee; }
.thm-marketing-design .ready-row { border-color:#b2c2d0; margin-top:12px; padding-top:24px; }
.thm-marketing-design .ready-row p { font-size:12px; }
.thm-marketing-design .ready-row .button { font-size:14px; gap:18px; padding-inline:20px; flex-shrink:0; }
.thm-marketing-design .film-row .file-remove,.thm-marketing-design.workspace-body .muted { color:var(--ink-muted); }

/* Dialogs remain dark, distinct from the order and upload working surfaces. */
.thm-marketing-design .dialog { border-radius:0; }
.thm-marketing-design.pricing-body main .dialog p,.thm-marketing-design.workspace-body main .dialog p { color:var(--muted); }
.thm-marketing-design .dialog h2 { font-size:32px; font-weight:500; }
.thm-marketing-design .dialog p { font-size:14px; line-height:1.8; }
.thm-marketing-design .dialog-actions .button { font-size:14px; padding-inline:18px; }
.thm-marketing-design .field input { border-radius:0; }
.thm-marketing-design .film-dialog { width:min(1120px,calc(100% - 40px)); max-width:none; padding:25px; background:var(--dark); border:1px solid #48627d; }
.thm-marketing-design .film-dialog-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:22px; }
.thm-marketing-design .film-dialog-heading h2 { margin:9px 0 0; font-size:26px; }
.thm-marketing-design .film-dialog-heading .eyebrow { margin:0; font-size:10px; }
.thm-marketing-design .film-close { display:flex; align-items:center; gap:15px; min-height:44px; background:none; border:0; text-transform:uppercase; font:700 13px/1.4 var(--font); letter-spacing:.07em; white-space:nowrap; }
.thm-marketing-design .film-close span { font:400 25px/1 var(--font); }
.thm-marketing-design .film-dialog video { display:block; width:100%; aspect-ratio:16/9; background:#000; }
.thm-marketing-design .film-dialog-note { font-size:11px!important; margin:16px 0 0!important; }

@media(min-width:1600px) {
  .thm-marketing-design .opening-grid { gap:95px; }
}
@media(max-width:1150px) {
  .thm-marketing-design .main-nav { gap:21px; font-size:13px; }
  .thm-marketing-design .brand-name { font-size:20px; }
  .thm-marketing-design .main-nav .button { padding-inline:16px; gap:17px; }
  .thm-marketing-design .opening { padding-top:49px; }
  .thm-marketing-design .opening-grid { gap:45px; grid-template-columns:.9fr 1.1fr; }
  .thm-marketing-design .opening-copy h1 { font-size:82px; }
  .thm-marketing-design .featured-film figcaption { padding:18px; }
  .thm-marketing-design .featured-film figcaption>span { display:none; }
  .thm-marketing-design .coverage-grid,.thm-marketing-design .faq-grid { gap:60px; }
  .thm-marketing-design .package-grid { gap:75px; }
  .thm-marketing-design .package-copy h2 { font-size:56px; }
  .thm-marketing-design .package-details { padding-left:35px; }
  .thm-marketing-design .studio-grid { gap:65px; }
  .thm-marketing-design .studio-story h2 { font-size:51px; }
  .thm-marketing-design .pricing-layout { grid-template-columns:minmax(0,1fr) 325px; gap:55px; }
  .thm-marketing-design .order-summary { padding:26px; }
  .thm-marketing-design .project-layout { gap:35px; }
  .thm-marketing-design .upload-actions .button { font-size:13px; padding-inline:14px; gap:12px; }
  .thm-marketing-design .ready-row { flex-wrap:wrap; gap:16px; }
  .thm-marketing-design .ready-row p { max-width:none; }
}
@media(max-width:980px) {
  .thm-marketing-design .nav-inner { min-height:76px; flex-wrap:wrap; gap:0; }
  .thm-marketing-design .nav-inner>.brand { min-height:76px; }
  .thm-marketing-design .menu-toggle { display:block; }
  .thm-marketing-design .main-nav { display:none; flex-basis:100%; padding:14px 0 22px; }
  .thm-marketing-design .main-nav.open { display:grid; grid-template-columns:1fr 1fr; gap:7px 25px; }
  .thm-marketing-design .main-nav>a:not(.button) { min-height:48px; font-size:15px; border-top:1px solid var(--hairline); }
  .thm-marketing-design .main-nav .desktop-extra { display:flex; }
  .thm-marketing-design .main-nav .button { grid-column:1/-1; width:100%; margin-top:10px; min-height:48px; }
  .thm-marketing-design .opening-grid { gap:36px; grid-template-columns:.85fr 1fr; padding-bottom:45px; }
  .thm-marketing-design .opening-copy h1 { font-size:68px; }
  .thm-marketing-design .opening-deck { font-size:14px; }
  .thm-marketing-design .film-desk-top { font-size:9px; }
  .thm-marketing-design .film-desk-top span:first-child { display:none; }
  .thm-marketing-design .film-desk-top span:last-child { margin-left:auto; }
  .thm-marketing-design .featured-film h2 { font-size:22px; }
  .thm-marketing-design .next-film { gap:13px; }
  .thm-marketing-design .next-film>img { width:70px; height:42px; }
  .thm-marketing-design .next-film-copy strong { font-size:17px; }
  .thm-marketing-design .next-film-play { gap:9px; }
  .thm-marketing-design .coverage-grid { grid-template-columns:.7fr 1.3fr; gap:45px; }
  .thm-marketing-design .coverage-grid h2 { font-size:42px; }
  .thm-marketing-design .coverage-list { column-gap:22px; }
  .thm-marketing-design .coverage-list li { font-size:15px; }
  .thm-marketing-design .package-grid { grid-template-columns:1fr 1fr; gap:45px; }
  .thm-marketing-design .package-copy h2 { font-size:47px; }
  .thm-marketing-design .package-copy>p:not(.eyebrow) { font-size:14px; }
  .thm-marketing-design .package-details { padding-left:28px; }
  .thm-marketing-design .package-price { gap:20px; }
  .thm-marketing-design .package-price strong { font-size:77px; }
  .thm-marketing-design .package-specs>div { grid-template-columns:80px 1fr; gap:10px; font-size:11px; }
  .thm-marketing-design .studio-grid { gap:40px; }
  .thm-marketing-design .studio-story h2 { font-size:45px; }
  .thm-marketing-design .studio-photo img { aspect-ratio:1.2; }
  .thm-marketing-design .process-list li { padding:23px 0; grid-template-columns:23px 1fr; gap:15px; }
  .thm-marketing-design .process-list h3 { font-size:25px; }
  .thm-marketing-design .process-list p { font-size:12px; }
  .thm-marketing-design .pricing-layout { grid-template-columns:minmax(0,1fr) 295px; gap:35px; }
  .thm-marketing-design .base-package { gap:15px; }
  .thm-marketing-design .base-package h2 { font-size:29px; }
  .thm-marketing-design .base-package .price { font-size:33px; }
}
@media(max-width:760px) {
  .thm-marketing-design .opening-grid { grid-template-columns:1fr; gap:37px; }
  .thm-marketing-design .opening-copy { display:grid; grid-template-columns:1.3fr 1fr; column-gap:32px; align-items:start; }
  .thm-marketing-design .opening-copy>.eyebrow { grid-column:1/-1; }
  .thm-marketing-design .opening-copy h1 { grid-row:2/5; font-size:76px; margin:21px 0 0; }
  .thm-marketing-design .opening-deck { margin-top:24px; }
  .thm-marketing-design .opening-copy>.button { margin-top:21px; min-width:0; }
  .thm-marketing-design .opening-price { margin-top:19px; }
  .thm-marketing-design .film-desk-top span:first-child { display:block; }
  .thm-marketing-design .film-desk-top span:last-child { margin-left:0; }
  .thm-marketing-design .featured-film figcaption>span { display:block; }
  .thm-marketing-design .next-film>img { width:90px; height:51px; }
  .thm-marketing-design .next-film-copy strong { font-size:19px; }
  .thm-marketing-design .next-film-play { gap:15px; }
  .thm-marketing-design .coverage-grid,.thm-marketing-design .faq-grid { grid-template-columns:1fr 1.45fr; gap:38px; }
  .thm-marketing-design .coverage-grid h2 { font-size:39px; }
  .thm-marketing-design .coverage-list { gap:0 19px; }
  .thm-marketing-design .coverage-detail>p { font-size:13px; }
  .thm-marketing-design .reel-package { padding:63px 0; }
  .thm-marketing-design .package-grid { gap:32px; }
  .thm-marketing-design .package-copy h2 { font-size:43px; }
  .thm-marketing-design .package-details { padding-left:23px; }
  .thm-marketing-design .package-price strong { font-size:69px; }
  .thm-marketing-design .package-price>span { font-size:10px; }
  .thm-marketing-design .package-specs>div { display:block; padding:11px 0; }
  .thm-marketing-design .package-specs dt { font-size:10px; margin-bottom:3px; }
  .thm-marketing-design .package-help { font-size:9px; }
  .thm-marketing-design .studio-grid { gap:35px; }
  .thm-marketing-design .studio-story h2 { font-size:43px; }
  .thm-marketing-design .studio-story>p:not(.eyebrow) { font-size:13px; }
  .thm-marketing-design .studio-photo img { aspect-ratio:1; }
  .thm-marketing-design .faq-grid h2 { font-size:43px; }
  .thm-marketing-design .pricing-layout { grid-template-columns:1fr; gap:28px; }
  .thm-marketing-design .order-summary { position:static; padding:28px; }
  .thm-marketing-design .order-summary h2 { margin-bottom:19px; }
  .thm-marketing-design .summary-next { margin-top:21px; padding-top:21px; }
  .thm-marketing-design .project-layout { grid-template-columns:1fr; gap:28px; }
  .thm-marketing-design .project-aside { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
  .thm-marketing-design .ready-row { flex-wrap:nowrap; }
  .thm-marketing-design .ready-row p { max-width:270px; }
}
@media(max-width:580px) {
  .thm-marketing-design .preview-inner { min-height:35px; font-size:9px; }
  .thm-marketing-design .preview-inner a { min-height:35px; }
  .thm-marketing-design .preview-inner nav { gap:14px; font-size:9px; }
  .thm-marketing-design .brand-name { font-size:19px; }
  .thm-marketing-design .brand-name small { font-size:8px; }
  .thm-marketing-design .brand-mark { width:30px; height:32px; }
  .thm-marketing-design .nav-inner,.thm-marketing-design .nav-inner>.brand { min-height:73px; }
  .thm-marketing-design .opening { padding-top:35px; }
  .thm-marketing-design .opening-grid { gap:35px; padding-bottom:28px; }
  .thm-marketing-design .opening-copy { display:block; }
  .thm-marketing-design .opening-copy>.eyebrow { font-size:11px; }
  .thm-marketing-design .opening-copy h1 { font-size:clamp(64px,18vw,94px); line-height:1.025; margin:21px 0; }
  .thm-marketing-design .opening-deck { margin:0; font-size:14px; max-width:380px; line-height:1.8; }
  .thm-marketing-design .opening-copy>.button { margin-top:24px; min-width:211px; }
  .thm-marketing-design .opening-price { margin-top:21px; }
  .thm-marketing-design .opening-price strong { font-size:28px; }
  .thm-marketing-design .opening-price>span { font-size:10px; }
  .thm-marketing-design .film-desk-top { font-size:9px; padding-bottom:12px; }
  .thm-marketing-design .featured-film figcaption { padding:17px; }
  .thm-marketing-design .featured-film h2 { font-size:22px; }
  .thm-marketing-design .featured-film figcaption>div { gap:13px; }
  .thm-marketing-design .featured-film figcaption>span { display:none; }
  .thm-marketing-design .screen-play { bottom:13px; left:13px; padding:10px 12px; font-size:11px; min-height:40px; }
  .thm-marketing-design .screen-time { right:15px; bottom:28px; font-size:10px; }
  .thm-marketing-design .next-film { padding:15px 0; gap:14px; }
  .thm-marketing-design .next-film>img { width:77px; height:45px; }
  .thm-marketing-design .next-film-copy strong { font-size:18px; }
  .thm-marketing-design .next-film-copy small { font-size:9px; }
  .thm-marketing-design .next-film-play { gap:10px; font-size:9px; }
  .thm-marketing-design .film-caption { font-size:9px; }
  .thm-marketing-design .studio-credit { flex-wrap:wrap; gap:5px 9px; padding-block:18px; font-size:10px; }
  .thm-marketing-design .studio-credit strong { font-size:15px; }
  .thm-marketing-design .studio-credit .text-link { display:none; }
  .thm-marketing-design .sport-coverage { padding:38px 0 39px; }
  .thm-marketing-design .coverage-grid { grid-template-columns:1fr; gap:23px; }
  .thm-marketing-design .coverage-grid h2 { font-size:40px; line-height:1.1; margin-top:13px; }
  .thm-marketing-design .coverage-grid h2 br { display:block; }
  .thm-marketing-design .coverage-detail>p { max-width:370px; font-size:13px; }
  .thm-marketing-design .coverage-list { gap:0 20px; margin-top:21px; padding-top:15px; }
  .thm-marketing-design .coverage-list li { font-size:15px; padding-block:6px; }
  .thm-marketing-design .reel-package { padding:45px 0; }
  .thm-marketing-design .package-grid { grid-template-columns:1fr; gap:29px; }
  .thm-marketing-design .package-copy h2 { font-size:46px; line-height:1.08; margin:16px 0 21px; }
  .thm-marketing-design .package-copy>p:not(.eyebrow) { font-size:14px; line-height:1.85; }
  .thm-marketing-design .package-copy .text-link { margin-top:19px; }
  .thm-marketing-design .package-details { padding:25px 0 0; border:0; border-top:1px solid #b2c2d0; }
  .thm-marketing-design .package-price strong { font-size:82px; }
  .thm-marketing-design .package-price>span { font-size:12px; }
  .thm-marketing-design .package-specs { margin-top:22px; }
  .thm-marketing-design .package-specs>div { display:grid; grid-template-columns:92px 1fr; font-size:12px; padding:14px 0; }
  .thm-marketing-design .package-specs dt { font-size:12px; margin:0; }
  .thm-marketing-design .package-help { font-size:10px; }
  .thm-marketing-design .studio-process { padding:45px 0; }
  .thm-marketing-design .studio-grid { grid-template-columns:1fr; gap:32px; }
  .thm-marketing-design .studio-story h2 { font-size:45px; margin:16px 0 20px; }
  .thm-marketing-design .studio-story>p:not(.eyebrow) { font-size:13px; max-width:390px; }
  .thm-marketing-design .studio-photo { margin-top:23px; }
  .thm-marketing-design .studio-photo img { aspect-ratio:1.55; }
  .thm-marketing-design .process-route { padding-top:0; }
  .thm-marketing-design .process-list li { padding:23px 0; grid-template-columns:26px 1fr; gap:17px; }
  .thm-marketing-design .process-list h3 { font-size:25px; }
  .thm-marketing-design .process-list p { font-size:13px; }
  .thm-marketing-design .process-route>.text-link { margin-top:20px; }
  .thm-marketing-design .section { padding:44px 0; }
  .thm-marketing-design .faq-grid { grid-template-columns:1fr; gap:27px; }
  .thm-marketing-design .faq-grid h2 { font-size:42px; margin-top:15px; }
  .thm-marketing-design .faq-grid h2 br { display:block; }
  .thm-marketing-design .faq-grid>div>p:not(.eyebrow) { max-width:100%; margin-top:16px; font-size:13px; }
  .thm-marketing-design .faq-list summary { min-height:67px; font-size:13px; }
  .thm-marketing-design .faq-list details>p { font-size:13px; }
  .thm-marketing-design .closing { padding:39px 0; }
  .thm-marketing-design .closing h2 { font-size:42px; max-width:100%; }
  .thm-marketing-design .closing .eyebrow { margin-bottom:15px; }
  .thm-marketing-design .closing .button { margin-top:27px; min-width:210px; }
  .thm-marketing-design .site-footer { padding:28px 0; }
  .thm-marketing-design .footer-row { gap:20px; }
  .thm-marketing-design .footer-meta { font-size:10px; }
  .thm-marketing-design .page-lead { padding:32px 0 29px; }
  .thm-marketing-design .page-lead h1 { font-size:49px; margin:15px 0 18px; }
  .thm-marketing-design .page-lead>p:last-child { font-size:14px; }
  .thm-marketing-design .pricing-layout { padding-bottom:40px; }
  .thm-marketing-design .base-package { padding:23px 0 25px; gap:18px; }
  .thm-marketing-design .base-package h2 { font-size:27px; }
  .thm-marketing-design .base-package p { font-size:13px; }
  .thm-marketing-design .base-package p.package-label { font-size:10px; margin-bottom:12px; }
  .thm-marketing-design .base-package .price { font-size:32px; margin-top:23px; }
  .thm-marketing-design .inclusions { font-size:11px; gap:9px 14px; margin-top:18px; }
  .thm-marketing-design .addons-title { padding:27px 0 20px; }
  .thm-marketing-design .addons-title h2 { font-size:28px; }
  .thm-marketing-design .addons-title p { font-size:12px; }
  .thm-marketing-design .addon { margin-inline:-10px; padding:22px 9px; gap:13px; }
  .thm-marketing-design .addon h3 { font-size:14px; }
  .thm-marketing-design .addon p { font-size:12px; line-height:1.8; }
  .thm-marketing-design .addon .fine { font-size:10px; }
  .thm-marketing-design .addon .price { font-size:13px; }
  .thm-marketing-design .order-summary { padding:25px; }
  .thm-marketing-design .order-summary h2 { font-size:35px; }
  .thm-marketing-design .project-top { padding:29px 0 23px; gap:12px; }
  .thm-marketing-design .project-top h1 { font-size:36px; margin-top:12px; }
  .thm-marketing-design .project-top p { font-size:11px; }
  .thm-marketing-design .project-status { margin:0; padding:0; border:0; font-size:10px; }
  .thm-marketing-design .project-steps { gap:8px; }
  .thm-marketing-design .project-steps li { font-size:10px; padding:15px 0; }
  .thm-marketing-design .project-layout { padding:27px 0 45px; }
  .thm-marketing-design .workspace-heading h2 { font-size:31px; }
  .thm-marketing-design .workspace-heading p { font-size:13px; }
  .thm-marketing-design .upload-area { padding:22px; }
  .thm-marketing-design .upload-area h3 { font-size:15px; }
  .thm-marketing-design.workspace-body .upload-area p { font-size:12px; }
  .thm-marketing-design .upload-actions { gap:10px; margin-top:21px; }
  .thm-marketing-design .upload-actions .button { font-size:13px; padding:12px 9px; gap:10px; letter-spacing:.045em; }
  .thm-marketing-design .upload-actions .button:last-child { flex-basis:100%; }
  .thm-marketing-design .file-heading { padding-top:25px; font-size:13px; }
  .thm-marketing-design .file-heading span { font-size:10px; }
  .thm-marketing-design .film-row { gap:12px; }
  .thm-marketing-design .film-row img { width:64px; height:45px; }
  .thm-marketing-design .film-info strong { font-size:12px; }
  .thm-marketing-design .film-info p { font-size:10px; }
  .thm-marketing-design .film-status { font-size:9px; }
  .thm-marketing-design .plays-block h3 { font-size:26px; }
  .thm-marketing-design .plays-block>p { font-size:12px; }
  .thm-marketing-design .play-row { gap:12px; }
  .thm-marketing-design .play-number { width:20px; font-size:14px; }
  .thm-marketing-design .play-row strong { font-size:12px; }
  .thm-marketing-design .play-row small { font-size:10px; }
  .thm-marketing-design .play-tools { gap:3px; }
  .thm-marketing-design .play-tools button { width:44px; height:44px; }
  .thm-marketing-design .ready-row { flex-direction:column; gap:17px; }
  .thm-marketing-design .ready-row p { max-width:100%; font-size:11px; }
  .thm-marketing-design .project-aside { grid-template-columns:1fr; gap:0; }
  .thm-marketing-design .workspace-card { padding:22px 0; }
  .thm-marketing-design .dialog { padding:28px 22px; }
  .thm-marketing-design .dialog-actions .button { font-size:14px; }
  .thm-marketing-design .film-dialog { width:calc(100% - 20px); padding:15px; }
  .thm-marketing-design .film-dialog-heading { gap:12px; margin-bottom:16px; align-items:start; }
  .thm-marketing-design .film-dialog-heading h2 { font-size:21px; line-height:1.25; }
  .thm-marketing-design .film-dialog-heading .eyebrow { font-size:9px; }
  .thm-marketing-design .film-close { font-size:11px; gap:8px; }
  .thm-marketing-design .film-dialog-note { font-size:10px!important; line-height:1.8; }
}
@media(max-width:380px) {
  .thm-marketing-design .brand-name { font-size:17px; }
  .thm-marketing-design .opening-copy h1 { font-size:60px; }
  .thm-marketing-design .film-desk-top { font-size:8px; }
  .thm-marketing-design .next-film-copy strong { font-size:16px; }
  .thm-marketing-design .next-film>img { width:65px; height:39px; }
  .thm-marketing-design .next-film { gap:12px; }
  .thm-marketing-design .coverage-grid h2 { font-size:35px; }
  .thm-marketing-design .coverage-list { column-gap:17px; }
  .thm-marketing-design .package-copy h2 { font-size:41px; }
  .thm-marketing-design .package-specs>div { grid-template-columns:82px 1fr; font-size:11px; }
  .thm-marketing-design .package-specs dt { font-size:11px; }
  .thm-marketing-design .package-help { font-size:9px; }
  .thm-marketing-design .studio-story h2 { font-size:41px; }
  .thm-marketing-design .closing h2 { font-size:37px; }
  .thm-marketing-design .page-lead h1 { font-size:43px; }
  .thm-marketing-design .base-package h2 { font-size:25px; }
  .thm-marketing-design .base-package .price { font-size:28px; }
  .thm-marketing-design .addon { gap:11px; }
  .thm-marketing-design .addon h3 { font-size:13px; }
  .thm-marketing-design .project-top h1 { font-size:33px; }
  .thm-marketing-design .project-steps li { font-size:9px; }
  .thm-marketing-design .upload-actions { flex-direction:column; align-items:stretch; }
  .thm-marketing-design .upload-actions .button:last-child { flex-basis:auto; }
  .thm-marketing-design .play-row { gap:8px; }
  .thm-marketing-design .play-tools { gap:0; }
  .thm-marketing-design .play-tools button { width:44px; }
}

.thm-marketing-design.pricing-body main :focus-visible,.thm-marketing-design.workspace-body main :focus-visible { outline-color:var(--blue); }
.thm-marketing-design.pricing-body .order-summary :focus-visible,.thm-marketing-design.workspace-body .upload-area :focus-visible,.thm-marketing-design .dialog :focus-visible { outline-color:#83c9f6; }

.thm-marketing-design button { text-transform:uppercase; }

/* Multi-sport sample shelf: lacrosse leads; other finished work is one click away. */
.thm-marketing-design .film-options { display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; margin-top:17px; }
.thm-marketing-design .film-options .next-film { padding:0 0 16px; gap:13px; }
.thm-marketing-design .film-options .next-film>img { width:110px; height:auto; aspect-ratio:16/9; object-fit:contain; flex-shrink:0; }
.thm-marketing-design .film-options .next-film-copy strong { font-size:18px; margin:0 0 5px; }
.thm-marketing-design .film-options .next-film-copy small { font-size:9px; white-space:nowrap; }
.thm-marketing-design .film-options .next-film-play { padding:0; }
.thm-marketing-design .film-options .play-triangle { border-block-width:4px; border-left-width:6px; }
@media(max-width:1150px) and (min-width:761px) {
  .thm-marketing-design .film-options { gap:17px; }
  .thm-marketing-design .film-options .next-film { display:block; position:relative; }
  .thm-marketing-design .film-options .next-film>img { width:100%; height:auto; aspect-ratio:16/9; margin-bottom:12px; }
  .thm-marketing-design .film-options .next-film-play { position:absolute; right:0; bottom:23px; }
  .thm-marketing-design .film-options .next-film-copy strong { font-size:17px; }
}
@media(max-width:580px) {
  .thm-marketing-design .film-options { gap:18px; margin-top:19px; }
  .thm-marketing-design .film-options .next-film { display:block; position:relative; padding-bottom:15px; }
  .thm-marketing-design .film-options .next-film>img { width:100%; height:auto; aspect-ratio:16/9; margin-bottom:13px; }
  .thm-marketing-design .film-options .next-film-copy strong { font-size:18px; margin-bottom:6px; }
  .thm-marketing-design .film-options .next-film-play { position:absolute; right:0; bottom:23px; }
}

/* Continuity pass. Open composition, shared surfaces, and a restrained curved geometry. */
.thm-marketing-design { --ice:#e7edf2; --hairline:rgba(160,180,200,.17); }
.thm-marketing-design .site-header,.thm-marketing-design .preview-bar { border:0; }
.thm-marketing-design .preview-bar { background:#081322; }
.thm-marketing-design .site-header { background:#081322; }
.thm-marketing-design .nav-inner { min-height:94px; }
.thm-marketing-design .brand-mark { border-radius:50%; width:38px; height:38px; }
.thm-marketing-design .button,.thm-marketing-design .main-nav .button,.thm-marketing-design .upload-actions .button { border-radius:999px; min-height:54px; padding:14px 25px; transition:background .2s,box-shadow .2s; }
.thm-marketing-design .button:hover { box-shadow:0 5px 20px #0002; }
.thm-marketing-design .main-nav .button { min-height:46px; padding:12px 21px; }
.thm-marketing-design .menu-toggle { border-radius:999px; padding:10px 19px; }
.thm-marketing-design .main-nav>a[aria-current=page] { text-underline-offset:7px; }
.thm-marketing-design.home-body main { background:var(--ice); }
.thm-marketing-design .opening { background:linear-gradient(180deg,#081322 0%,#0b1a2e 100%); padding-top:54px; }
.thm-marketing-design .opening-grid { grid-template-columns:.88fr 1.18fr; gap:65px; padding-bottom:72px; align-items:center; }
.thm-marketing-design .opening-copy { display:block; }
.thm-marketing-design .opening-copy h1 { font-size:clamp(72px,7.4vw,108px); line-height:1.02; margin:22px 0 26px; }
.thm-marketing-design .opening-copy h1 span { color:#a9c2d9; }
.thm-marketing-design .opening-deck { max-width:420px; font-size:15px; line-height:1.85; }
.thm-marketing-design .opening-action { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:31px; }
.thm-marketing-design .opening-action .button { min-width:205px; justify-content:space-between; }
.thm-marketing-design .opening-price { margin:0; gap:12px; }
.thm-marketing-design .opening-price strong { font-size:31px; }
.thm-marketing-design .opening-price>span { border:0; padding:0; font-size:10px; }
.thm-marketing-design .opening-copy .studio-credit { padding:0; margin-top:30px; border:0; font-size:10px; gap:9px; }
.thm-marketing-design .opening-copy .studio-credit strong { font-size:14px; letter-spacing:.045em; }
.thm-marketing-design .film-desk { padding:0; }
.thm-marketing-design .film-desk-top { font-size:11px; padding:0 4px 14px; }
.thm-marketing-design .film-desk-top span:first-child { display:block; }
.thm-marketing-design .film-desk-top span:last-child { color:#c6d8e6; margin-left:0; }
.thm-marketing-design .screen { border:0; border-radius:24px; background:#0b1f3a; box-shadow:0 18px 48px #0002; }
.thm-marketing-design .screen>img { filter:none; }
.thm-marketing-design .screen:after { inset:66% 0 0; background:linear-gradient(transparent,#060f1e99); }
.thm-marketing-design .screen:hover>img { filter:brightness(1.06); }
.thm-marketing-design .screen-play { border:1px solid #dbe6ee55; border-radius:999px; padding:12px 18px; left:24px; bottom:22px; background:#061222cc; gap:11px; }
.thm-marketing-design .screen-time { right:27px; bottom:39px; }
.thm-marketing-design .featured-film figcaption { background:none; border:0; padding:18px 4px 0; gap:18px; }
.thm-marketing-design .featured-film h2 { font-size:23px; }
.thm-marketing-design .featured-film figcaption>span { display:block; font-size:10px; }
.thm-marketing-design .film-collection { padding-bottom:0; }
.thm-marketing-design .collection-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:24px; }
.thm-marketing-design .collection-heading h2 { font:700 24px/1.25 var(--font-display); letter-spacing:0; }
.thm-marketing-design .collection-heading p { font-size:11px; color:#91abc3; }
.thm-marketing-design .film-options { grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; margin:0; }
.thm-marketing-design .film-options .next-film { position:relative; display:block; padding:0; border:0; min-width:0; }
.thm-marketing-design .film-options .next-film>img { width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; border-radius:13px; margin:0 0 17px; filter:none; transition:filter .2s; }
.thm-marketing-design .film-options .next-film:hover>img { filter:brightness(1.12); }
.thm-marketing-design .film-options .next-film-copy { padding-right:40px; }
.thm-marketing-design .film-options .next-film-copy strong { font-size:21px; margin:0 0 4px; }
.thm-marketing-design .film-options .next-film-copy small { font-size:9px; color:#9db4c9; letter-spacing:.045em; }
.thm-marketing-design .film-options .next-film-play { position:absolute; right:0; bottom:7px; width:32px; height:32px; padding:0; border:1px solid #8ba8c64d; border-radius:50%; display:grid; place-items:center; }
.thm-marketing-design .film-options .play-triangle { margin-left:2px; }
.thm-marketing-design .sport-coverage { background:#0b1a2e; border:0; padding:78px 0 120px; }
.thm-marketing-design .coverage-grid { grid-template-columns:.65fr 1.35fr; gap:80px; align-items:start; }
.thm-marketing-design .coverage-grid h2 { margin:0; font-size:43px; line-height:1.15; }
.thm-marketing-design .coverage-detail>p { font-size:14px; line-height:1.85; color:#aabfd2; max-width:620px; }
.thm-marketing-design .coverage-list { border:0; margin:13px 0 0; padding:0; gap:3px 23px; }
.thm-marketing-design .coverage-list li { font-size:16px; padding-block:5px; color:#a7bdd1; }
.thm-marketing-design .coverage-list .leading-sport:before { width:5px; height:5px; border-radius:50%; vertical-align:3px; margin-right:8px; }
.thm-marketing-design .reel-package { position:relative; border-radius:42px 42px 0 0; margin-top:-42px; padding:87px 0 66px; }
.thm-marketing-design .package-grid { gap:110px; grid-template-columns:1fr .85fr; align-items:center; }
.thm-marketing-design .package-copy h2 { font-size:62px; line-height:1.12; }
.thm-marketing-design .package-copy>p:not(.eyebrow) { max-width:430px; }
.thm-marketing-design .package-details { border:0; padding:0; }
.thm-marketing-design .package-price { gap:23px; margin:0; }
.thm-marketing-design .package-price strong { font-size:94px; }
.thm-marketing-design .package-price>span { font-size:12px; }
.thm-marketing-design .package-specs { border:0; margin:23px 0 25px; }
.thm-marketing-design .package-specs>div { border:0; padding:7px 0; grid-template-columns:95px 1fr; font-size:13px; }
.thm-marketing-design .package-details>.button { width:auto; min-width:245px; justify-content:space-between; }
.thm-marketing-design .package-help { text-align:left; font-size:11px; }
.thm-marketing-design .studio-process { background:var(--ice); color:var(--ink); padding:65px 0 72px; }
.thm-marketing-design .studio-grid { gap:104px; align-items:center; }
.thm-marketing-design .studio-story { display:flex; flex-direction:column; }
.thm-marketing-design .studio-story>.eyebrow { color:var(--ink-muted); }
.thm-marketing-design .studio-story h2 { font-size:46px; line-height:1.13; margin:16px 0 18px; }
.thm-marketing-design .studio-story h2 br { display:none; }
.thm-marketing-design .studio-story>p:not(.eyebrow) { color:var(--ink-muted); font-size:14px; line-height:1.85; max-width:490px; }
.thm-marketing-design .studio-photo { order:-1; margin:0 0 29px; }
.thm-marketing-design .studio-photo img { aspect-ratio:1.65; border-radius:22px; object-position:center 40%; }
.thm-marketing-design .studio-photo figcaption { color:var(--ink-muted); font-size:10px; margin:10px 0 0; }
.thm-marketing-design .process-route { padding:0; }
.thm-marketing-design .process-label { border:0; padding:0; margin:0 0 28px; font:700 38px/1.15 var(--font); text-transform:none; letter-spacing:-.02em; color:var(--ink); }
.thm-marketing-design .process-list li { position:relative; grid-template-columns:36px 1fr; gap:20px; border:0; padding:0 0 29px; }
.thm-marketing-design .process-list li:last-child { border:0; padding-bottom:0; }
.thm-marketing-design .process-list li:not(:last-child):before { content:''; position:absolute; top:39px; bottom:7px; left:17px; width:1px; background:#c0cfdc; }
.thm-marketing-design .process-list .num { display:grid; place-items:center; padding:0; width:35px; height:35px; border:1px solid #adc1d2; border-radius:50%; color:#295b81; font-size:12px; }
.thm-marketing-design .process-list h3 { color:var(--ink); font-size:25px; margin:4px 0 10px; }
.thm-marketing-design .process-list p { color:var(--ink-muted); font-size:13px; line-height:1.85; max-width:370px; }
.thm-marketing-design .process-route>.text-link { color:var(--ink); margin:23px 0 0 56px; }
.thm-marketing-design .process-route>.text-link:hover { color:var(--blue); }
.thm-marketing-design.home-body #questions { background:var(--ice); color:var(--ink); border:0; padding:55px 0 96px; }
.thm-marketing-design.home-body #questions p { color:var(--ink-muted); }
.thm-marketing-design.home-body .faq-grid { grid-template-columns:.8fr 1.2fr; gap:90px; }
.thm-marketing-design.home-body .faq-grid h2 { font-size:46px; }
.thm-marketing-design.home-body .faq-list details { border-color:#bacad74d; }
.thm-marketing-design.home-body .faq-list details:first-child { border-top:0; }
.thm-marketing-design.home-body .faq-list summary { font-size:14px; padding:22px 0; }
.thm-marketing-design.home-body .faq-list summary:after { display:grid; place-items:center; width:29px; height:29px; flex-shrink:0; background:#d8e3ec; color:#3b5c77; border-radius:50%; font-size:18px; }
.thm-marketing-design.home-body #questions :focus-visible,.thm-marketing-design .studio-process :focus-visible,.thm-marketing-design .reel-package :focus-visible { outline-color:var(--blue); }
.thm-marketing-design .closing { background:#081322; border:0; border-radius:42px 42px 0 0; padding:72px 0 53px; }
.thm-marketing-design .closing h2 { font-size:58px; line-height:1.13; }
.thm-marketing-design .closing .button { min-width:225px; }
.thm-marketing-design .site-footer { background:#081322; border:0; padding:32px 0 37px; }
.thm-marketing-design .footer-row { padding-top:25px; border-top:1px solid #91aeca20; }
.thm-marketing-design .footer-meta { color:#8fa6bc; }

/* Carry the same geometry through the order and family workspace. */
.thm-marketing-design .page-lead { padding-top:61px; }
.thm-marketing-design .pricing-layout { gap:80px; }
.thm-marketing-design .base-package { border-top:0; border-bottom-color:#b2c2d077; }
.thm-marketing-design .order-summary { border:0; border-radius:24px; padding:32px; background:#0b203b; box-shadow:0 15px 35px #0b1f3a0d; }
.thm-marketing-design .addon { border-top-color:#b2c2d066; border-left:0; border-radius:12px; margin-inline:-14px; padding-inline:14px; }
.thm-marketing-design .addon:has(input:checked) { border-left:0; background:#d7e5ef; box-shadow:inset 3px 0 var(--blue); }
.thm-marketing-design .addon input { border-radius:5px; }
.thm-marketing-design.pricing-body #questions { border:0; border-radius:38px 38px 0 0; background:#081322; }
.thm-marketing-design .project-status { border-radius:999px; }
.thm-marketing-design .upload-area { border-radius:22px; padding:31px; }
.thm-marketing-design .film-row img,.thm-marketing-design .file-symbol { border-radius:8px; }
.thm-marketing-design .workspace-card { border-top-color:#b2c2d066; }
.thm-marketing-design .play-tools button { border-radius:50%; }
.thm-marketing-design .project-steps { border-bottom-color:#b2c2d077; }
.thm-marketing-design .dialog { border-radius:24px; }
.thm-marketing-design .field input { border-radius:10px; }
.thm-marketing-design .film-dialog { padding:25px; border-radius:24px; border-color:#415872; box-shadow:0 28px 100px #0008; }
.thm-marketing-design .film-dialog video { border-radius:12px; }
.thm-marketing-design .film-close { border-radius:999px; padding-inline:12px; }
.thm-marketing-design .film-close:hover { background:#ffffff0c; }

@media(max-width:1150px) {
 .thm-marketing-design .opening-grid { gap:44px; grid-template-columns:.9fr 1.1fr; }
 .thm-marketing-design .opening-copy h1 { font-size:82px; }
 .thm-marketing-design .opening-action { gap:17px; }
 .thm-marketing-design .opening-action .button { min-width:197px; }
 .thm-marketing-design .opening-price { gap:10px; }
 .thm-marketing-design .opening-price strong { font-size:27px; }
 .thm-marketing-design .opening-price>span { font-size:9px; }
 .thm-marketing-design .film-options { gap:21px; }
 .thm-marketing-design .film-options .next-film-copy strong { font-size:20px; }
 .thm-marketing-design .featured-film figcaption>span { font-size:9px; }
 .thm-marketing-design .package-grid { gap:70px; }
 .thm-marketing-design .studio-grid { gap:70px; }
 .thm-marketing-design .pricing-layout { gap:45px; }
 .thm-marketing-design .order-summary { padding:27px; }
}
@media(max-width:980px) {
 .thm-marketing-design .nav-inner,.thm-marketing-design .nav-inner>.brand { min-height:82px; }
 .thm-marketing-design .main-nav>a:not(.button) { border:0; padding-left:12px; }
 .thm-marketing-design .main-nav.open { background:#11243a; border-radius:18px; padding:12px; margin:2px 0 18px; }
 .thm-marketing-design .main-nav .button { margin-top:4px; }
 .thm-marketing-design .opening { padding-top:42px; }
 .thm-marketing-design .opening-grid { gap:32px; padding-bottom:57px; }
 .thm-marketing-design .opening-copy h1 { font-size:67px; }
 .thm-marketing-design .opening-deck { font-size:14px; }
 .thm-marketing-design .opening-action { gap:17px; }
 .thm-marketing-design .opening-action .button { min-width:192px; }
 .thm-marketing-design .opening-copy .studio-credit { margin-top:22px; }
 .thm-marketing-design .film-desk-top { font-size:10px; }
 .thm-marketing-design .screen { border-radius:20px; }
 .thm-marketing-design .screen-play { left:16px; bottom:16px; font-size:11px; padding:10px 13px; }
 .thm-marketing-design .screen-time { right:20px; bottom:31px; }
 .thm-marketing-design .featured-film figcaption { padding-top:16px; }
 .thm-marketing-design .featured-film h2 { font-size:20px; }
 .thm-marketing-design .featured-film figcaption>span { display:none; }
 .thm-marketing-design .film-options { gap:18px; }
 .thm-marketing-design .film-options .next-film-copy { padding-right:0; }
 .thm-marketing-design .film-options .next-film-copy strong { font-size:19px; }
 .thm-marketing-design .film-options .next-film-play { width:27px; height:27px; bottom:21px; }
 .thm-marketing-design .film-options .next-film-copy small { font-size:9px; }
 .thm-marketing-design .coverage-grid { gap:50px; grid-template-columns:.65fr 1.35fr; }
 .thm-marketing-design .coverage-grid h2 { font-size:38px; }
 .thm-marketing-design .sport-coverage { padding-top:60px; }
 .thm-marketing-design .package-grid { gap:48px; }
 .thm-marketing-design .package-copy h2 { font-size:51px; }
 .thm-marketing-design .package-price strong { font-size:82px; }
 .thm-marketing-design .package-specs>div { display:block; font-size:12px; padding:7px 0; }
 .thm-marketing-design .package-specs dt { font-size:10px; margin-bottom:2px; }
 .thm-marketing-design .studio-grid { gap:45px; }
 .thm-marketing-design .studio-photo img { aspect-ratio:1.3; }
 .thm-marketing-design .studio-story h2 { font-size:39px; }
 .thm-marketing-design .process-label { font-size:33px; }
 .thm-marketing-design .process-list li { gap:15px; }
 .thm-marketing-design .process-list h3 { font-size:23px; }
 .thm-marketing-design .process-list p { font-size:12px; }
 .thm-marketing-design.home-body .faq-grid { gap:55px; }
 .thm-marketing-design.home-body .faq-grid h2 { font-size:42px; }
}
@media(max-width:760px) {
 .thm-marketing-design .opening-grid { grid-template-columns:1fr; gap:43px; padding-bottom:46px; }
 .thm-marketing-design .opening-copy { max-width:540px; }
 .thm-marketing-design .opening-copy h1 { font-size:83px; margin:20px 0 24px; }
 .thm-marketing-design .opening-deck { max-width:430px; }
 .thm-marketing-design .opening-action { margin-top:27px; gap:24px; }
 .thm-marketing-design .opening-copy .studio-credit { margin-top:23px; }
 .thm-marketing-design .film-desk-top { padding-bottom:13px; }
 .thm-marketing-design .featured-film figcaption>span { display:block; }
 .thm-marketing-design .featured-film h2 { font-size:23px; }
 .thm-marketing-design .screen-play { left:22px; bottom:21px; }
 .thm-marketing-design .screen-time { right:25px; bottom:35px; }
 .thm-marketing-design .film-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 22px; }
 .thm-marketing-design .film-options .next-film-play { width:31px; height:31px; bottom:6px; }
 .thm-marketing-design .film-options .next-film-copy { padding-right:36px; }
 .thm-marketing-design .film-options .next-film-copy strong { font-size:21px; }
 .thm-marketing-design .film-options .next-film-copy small { font-size:9px; }
 .thm-marketing-design .coverage-grid { gap:33px; }
 .thm-marketing-design .coverage-grid h2 { font-size:35px; }
 .thm-marketing-design .coverage-detail>p { font-size:13px; }
 .thm-marketing-design .coverage-list { column-gap:19px; }
 .thm-marketing-design .coverage-list li { font-size:15px; }
 .thm-marketing-design .reel-package { padding:65px 0 50px; }
 .thm-marketing-design .package-grid { gap:30px; }
 .thm-marketing-design .package-copy h2 { font-size:43px; }
 .thm-marketing-design .package-details>.button { min-width:0; width:100%; }
 .thm-marketing-design .package-price { gap:15px; }
 .thm-marketing-design .package-price strong { font-size:75px; }
 .thm-marketing-design .package-price>span { font-size:10px; }
 .thm-marketing-design .studio-process { padding:46px 0; }
 .thm-marketing-design .studio-grid { gap:32px; }
 .thm-marketing-design .studio-story h2 { font-size:34px; }
 .thm-marketing-design .studio-story>p:not(.eyebrow) { font-size:13px; }
 .thm-marketing-design .studio-photo img { aspect-ratio:1; }
 .thm-marketing-design .process-label { font-size:30px; }
 .thm-marketing-design .process-list li { grid-template-columns:30px 1fr; gap:12px; padding-bottom:23px; }
 .thm-marketing-design .process-list .num { width:30px; height:30px; font-size:11px; }
 .thm-marketing-design .process-list li:not(:last-child):before { left:14px; top:34px; }
 .thm-marketing-design .process-list h3 { font-size:21px; }
 .thm-marketing-design .process-route>.text-link { margin-left:42px; font-size:12px; gap:12px; }
 .thm-marketing-design.home-body .faq-grid { gap:32px; grid-template-columns:.7fr 1.3fr; }
 .thm-marketing-design.home-body .faq-grid h2 { font-size:37px; }
 .thm-marketing-design .closing h2 { font-size:48px; }
 .thm-marketing-design .closing .wrap { align-items:start; }
 .thm-marketing-design .closing .button { min-width:200px; }
 .thm-marketing-design .pricing-layout { gap:32px; }
}
@media(max-width:580px) {
 .thm-marketing-design .nav-inner,.thm-marketing-design .nav-inner>.brand { min-height:76px; }
 .thm-marketing-design .brand-mark { width:33px; height:33px; }
 .thm-marketing-design .brand { gap:10px; }
 .thm-marketing-design .brand-name { font-size:18px; }
 .thm-marketing-design .menu-toggle { padding:9px 14px; font-size:12px; }
 .thm-marketing-design .opening { padding-top:33px; }
 .thm-marketing-design .opening-grid { gap:33px; padding-bottom:38px; }
 .thm-marketing-design .opening-copy h1 { font-size:clamp(62px,17.2vw,92px); margin:20px 0 21px; }
 .thm-marketing-design .opening-copy>.eyebrow { font-size:10px; }
 .thm-marketing-design .opening-deck { font-size:14px; }
 .thm-marketing-design .opening-action { gap:19px; margin-top:25px; }
 .thm-marketing-design .opening-action .button { min-width:195px; font-size:14px; padding-inline:23px; }
 .thm-marketing-design .opening-price { gap:9px; }
 .thm-marketing-design .opening-price strong { font-size:26px; }
 .thm-marketing-design .opening-price>span { font-size:9px; }
 .thm-marketing-design .opening-copy .studio-credit { font-size:9px; margin-top:23px; }
 .thm-marketing-design .opening-copy .studio-credit strong { font-size:13px; }
 .thm-marketing-design .film-desk-top { font-size:9px; padding-inline:0; }
 .thm-marketing-design .screen { border-radius:17px; }
 .thm-marketing-design .screen-play { left:14px; bottom:14px; min-height:38px; padding:9px 13px; font-size:10px; }
 .thm-marketing-design .screen-time { right:19px; bottom:29px; font-size:9px; }
 .thm-marketing-design .featured-film figcaption { padding:14px 0 0; }
 .thm-marketing-design .featured-film h2 { font-size:20px; }
 .thm-marketing-design .featured-film figcaption>span { font-size:8px; }
 .thm-marketing-design .collection-heading { display:block; margin-bottom:19px; }
 .thm-marketing-design .collection-heading h2 { font-size:22px; }
 .thm-marketing-design .collection-heading p { font-size:10px; margin-top:8px; }
 .thm-marketing-design .film-options { gap:23px 18px; }
 .thm-marketing-design .film-options .next-film { padding:0; }
 .thm-marketing-design .film-options .next-film>img { border-radius:11px; margin-bottom:12px; }
 .thm-marketing-design .film-options .next-film-copy { padding-right:28px; }
 .thm-marketing-design .film-options .next-film-copy strong { font-size:19px; }
 .thm-marketing-design .film-options .next-film-copy small { font-size:9px; }
 .thm-marketing-design .film-options .next-film-play { width:25px; height:25px; bottom:4px; }
 .thm-marketing-design .sport-coverage { padding:47px 0 82px; }
 .thm-marketing-design .coverage-grid { grid-template-columns:1fr; gap:18px; }
 .thm-marketing-design .coverage-grid h2 { font-size:35px; }
 .thm-marketing-design .coverage-grid h2 br { display:none; }
 .thm-marketing-design .coverage-detail>p { font-size:13px; max-width:100%; }
 .thm-marketing-design .coverage-list { gap:2px 18px; margin-top:17px; }
 .thm-marketing-design .coverage-list li { font-size:15px; padding-block:4px; }
 .thm-marketing-design .reel-package { border-radius:28px 28px 0 0; margin-top:-28px; padding:52px 0 37px; }
 .thm-marketing-design .package-grid { grid-template-columns:1fr; gap:28px; }
 .thm-marketing-design .package-copy h2 { font-size:45px; margin:16px 0 20px; }
 .thm-marketing-design .package-copy>p:not(.eyebrow) { font-size:14px; }
 .thm-marketing-design .package-details { border:0; padding:0; }
 .thm-marketing-design .package-price { gap:22px; }
 .thm-marketing-design .package-price strong { font-size:84px; }
 .thm-marketing-design .package-price>span { font-size:12px; }
 .thm-marketing-design .package-specs { margin:17px 0 22px; }
 .thm-marketing-design .package-specs>div { display:grid; grid-template-columns:79px 1fr; gap:14px; font-size:12px; padding:7px 0; }
 .thm-marketing-design .package-specs dt { font-size:11px; margin:0; }
 .thm-marketing-design .package-help { text-align:center; font-size:10px; }
 .thm-marketing-design .studio-process { padding:39px 0; }
 .thm-marketing-design .studio-grid { grid-template-columns:1fr; gap:38px; }
 .thm-marketing-design .studio-photo { margin-bottom:22px; }
 .thm-marketing-design .studio-photo img { aspect-ratio:1.55; border-radius:17px; }
 .thm-marketing-design .studio-story h2 { font-size:39px; margin:15px 0 17px; }
 .thm-marketing-design .studio-story>p:not(.eyebrow) { font-size:14px; }
 .thm-marketing-design .process-label { font-size:34px; margin-bottom:25px; }
 .thm-marketing-design .process-list li { grid-template-columns:33px 1fr; gap:16px; padding-bottom:25px; }
 .thm-marketing-design .process-list .num { width:33px; height:33px; }
 .thm-marketing-design .process-list li:not(:last-child):before { left:16px; top:38px; }
 .thm-marketing-design .process-list h3 { font-size:24px; margin-top:3px; }
 .thm-marketing-design .process-list p { font-size:13px; }
 .thm-marketing-design .process-route>.text-link { margin-left:49px; font-size:13px; }
 .thm-marketing-design.home-body #questions { padding:38px 0 63px; }
 .thm-marketing-design.home-body .faq-grid { grid-template-columns:1fr; gap:18px; }
 .thm-marketing-design.home-body .faq-grid h2 { font-size:40px; }
 .thm-marketing-design.home-body .faq-grid h2 br { display:none; }
 .thm-marketing-design.home-body .faq-grid>div>p:not(.eyebrow) { margin-top:14px; }
 .thm-marketing-design.home-body .faq-list summary { font-size:13px; gap:18px; padding-block:20px; }
 .thm-marketing-design.home-body .faq-list details>p { font-size:12px; padding-right:15px; }
 .thm-marketing-design .closing { border-radius:28px 28px 0 0; padding:49px 0 30px; }
 .thm-marketing-design .closing h2 { font-size:43px; }
 .thm-marketing-design .closing .button { margin-top:24px; }
 .thm-marketing-design .site-footer { padding:20px 0 30px; }
 .thm-marketing-design .footer-row { gap:22px; padding-top:24px; }
 .thm-marketing-design .order-summary { border-radius:21px; padding:27px; }
 .thm-marketing-design.pricing-body #questions { border-radius:28px 28px 0 0; }
 .thm-marketing-design .upload-area { padding:25px 21px; border-radius:19px; }
 .thm-marketing-design .upload-actions .button { padding:12px 16px; }
 .thm-marketing-design .dialog { border-radius:20px; }
 .thm-marketing-design .film-dialog { width:calc(100% - 20px); padding:16px; border-radius:19px; }
 .thm-marketing-design .film-dialog-heading { gap:12px; }
 .thm-marketing-design .film-dialog-heading h2 { font-size:21px; }
 .thm-marketing-design .film-dialog video { border-radius:9px; }
 .thm-marketing-design .film-close { padding-inline:8px; }
}
@media(max-width:380px) {
 .thm-marketing-design .brand-name { font-size:16px; }
 .thm-marketing-design .brand-mark { width:30px; height:30px; }
 .thm-marketing-design .brand { gap:8px; }
 .thm-marketing-design .menu-toggle { padding-inline:12px; }
 .thm-marketing-design .opening-copy h1 { font-size:60px; }
 .thm-marketing-design .opening-action { gap:16px; }
 .thm-marketing-design .opening-action .button { min-width:0; }
 .thm-marketing-design .opening-price { gap:10px; }
 .thm-marketing-design .opening-price>span { font-size:10px; }
 .thm-marketing-design .featured-film figcaption>span { display:none; }
 .thm-marketing-design .film-options .next-film-copy strong { font-size:17px; }
 .thm-marketing-design .film-options .next-film-copy small { font-size:9px; }
 .thm-marketing-design .film-options .next-film-play { width:23px; height:23px; }
 .thm-marketing-design .coverage-grid h2 { font-size:32px; }
 .thm-marketing-design .package-copy h2 { font-size:40px; }
 .thm-marketing-design .studio-story h2 { font-size:35px; }
 .thm-marketing-design .closing h2 { font-size:38px; }
}

/* editorial.css */
/* All-sport photography direction. Loaded only by the isolated homepage preview. */
.thm-marketing-design { scroll-behavior:auto; }
.thm-marketing-design.home-body { --paper:#edf2f5; --ink:#0b1f3a; --copy:#4e6478; --rule:#b6c6d473; background:var(--paper); color:var(--ink); }
.thm-marketing-design.home-body main { background:var(--paper); }
.thm-marketing-design.home-body .wrap { max-width:1224px; width:calc(100% - 112px); }
.thm-marketing-design.home-body p { color:var(--copy); }
.thm-marketing-design.home-body .preview-bar,.thm-marketing-design.home-body .site-header { background:var(--paper); color:var(--ink); border:0; }
.thm-marketing-design.home-body .preview-inner { min-height:30px; font-size:9px; color:#64798b; }
.thm-marketing-design.home-body .preview-inner nav a { color:#64798b; }
.thm-marketing-design.home-body .nav-inner { min-height:86px; }
.thm-marketing-design.home-body .brand-name { color:var(--ink); }
.thm-marketing-design.home-body .brand-mark { width:35px; height:35px; border-color:#b82c28; }
.thm-marketing-design.home-body .main-nav { gap:25px; }
.thm-marketing-design.home-body .main-nav>a:not(.button) { color:var(--ink); font-size:13px; }
.thm-marketing-design.home-body .main-nav>a:hover { color:#ac2825; }
.thm-marketing-design.home-body .button { background:#bc302b; color:white; min-height:49px; border:1px solid transparent; border-radius:9px; font:700 13px/1.4 var(--font); letter-spacing:.035em; padding:12px 21px; gap:29px; text-transform:uppercase; }
.thm-marketing-design.home-body .button:hover { background:#a72723; text-decoration:none; }
.thm-marketing-design.home-body .button>span { font:400 22px/1 var(--font); }
.thm-marketing-design.home-body .main-nav .button { min-height:44px; font-size:12px; gap:25px; padding:10px 18px; }
.thm-marketing-design.home-body .menu-toggle { color:var(--ink); border-color:#97abba; border-radius:8px; }
.thm-marketing-design.home-body .text-link { color:var(--ink); font:700 12px/1.5 var(--font); letter-spacing:.045em; text-transform:uppercase; gap:25px; }
.thm-marketing-design.home-body .text-link:hover { color:#a72723; }
.thm-marketing-design.home-body .text-link>span { font:400 21px/1 var(--font); }
.thm-marketing-design .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.thm-marketing-design .all-sport-hero { position:relative; isolation:isolate; overflow:hidden; background:#0b1f3a; color:white; min-height:650px; margin:0 20px; border-radius:13px; }
.thm-marketing-design .hero-photographs { position:absolute; inset:0 0 0 22%; z-index:0; pointer-events:none; }
.thm-marketing-design .hero-photograph { position:absolute; inset:0; opacity:0; transition:opacity 1s ease; }
.thm-marketing-design .hero-photograph.is-active { opacity:1; }
.thm-marketing-design .hero-photograph img { width:100%; height:100%; object-fit:cover; object-position:60% 55%; }
.thm-marketing-design .hero-photograph[data-sport$="lacrosse"] img { position:absolute; right:0; width:70%; object-position:50% 88%; mask-image:linear-gradient(90deg,transparent,#000 18%); }
.thm-marketing-design .hero-photograph[data-sport="Ice hockey"] img { object-position:66% 55%; }
.thm-marketing-design .hero-shade { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,#0b1f3a 0%,#0b1f3a 24%,#0b1f3ac7 37%,#0b1f3a66 55%,#0b1f3a0a 78%),linear-gradient(0deg,#07192fe6 0%,#0b1f3a00 27%); }
.thm-marketing-design.home-body .hero-inner { position:relative; z-index:2; width:calc(100% - 72px); min-height:650px; display:flex; flex-direction:column; justify-content:space-between; padding:69px 0 24px; }
.thm-marketing-design .campaign-copy { max-width:680px; }
.thm-marketing-design.home-body .hero-eyebrow { color:#cbdae6; font:700 11px/1.5 var(--font); text-transform:uppercase; letter-spacing:.12em; }
.thm-marketing-design .campaign-copy h1 { font:700 clamp(60px,6.5vw,94px)/1.08 var(--font-display); letter-spacing:-.035em; text-transform:uppercase; margin-top:28px; color:white; }
.thm-marketing-design .campaign-copy h1 span { color:#b9d1e5; }
.thm-marketing-design.home-body .hero-description { max-width:384px; margin-top:25px; color:#e1e9f0; font-size:14px; line-height:1.9; }
.thm-marketing-design .hero-action { display:flex; align-items:center; gap:25px; margin-top:28px; }
.thm-marketing-design.home-body .hero-action .button { min-height:51px; min-width:186px; justify-content:space-between; }
.thm-marketing-design .hero-action>span { display:block; }
.thm-marketing-design .hero-action strong { font:700 29px/1.1 var(--font); }
.thm-marketing-design .hero-action small { display:block; font-size:10px; color:#c6d5e2; margin-top:6px; }
.thm-marketing-design .hero-work-link { display:inline-flex; align-items:center; gap:22px; color:#d9e5ef; margin-top:23px; font:700 11px/1.5 var(--font); text-transform:uppercase; letter-spacing:.06em; }
.thm-marketing-design .hero-work-link span { font:400 18px/1 var(--font); }
.thm-marketing-design .hero-work-link:hover { color:white; }
.thm-marketing-design .campaign-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:37px; }
.thm-marketing-design.home-body .campaign-bottom>p { color:#bccedc; font-size:10px; }
.thm-marketing-design .hero-controls { display:flex; align-items:center; gap:5px; }
.thm-marketing-design .hero-photo-caption { display:flex; align-items:baseline; gap:20px; margin-right:17px; min-width:167px; }
.thm-marketing-design #hero-photo-count { font-size:9px; letter-spacing:.07em; color:#b9cddc; }
.thm-marketing-design #hero-photo-label { font:700 14px/1.4 var(--font); }
.thm-marketing-design .hero-controls button { display:grid; place-items:center; border:0; border-radius:4px; background:transparent; color:white; min-width:40px; min-height:44px; padding:5px; font:400 19px/1 var(--font); }
.thm-marketing-design .hero-controls button:hover { background:#e4f1fc20; }
.thm-marketing-design .hero-controls [data-hero-rotation] { font:700 10px/1 var(--font); min-width:47px; margin-left:7px; letter-spacing:.08em; text-transform:uppercase; }
.thm-marketing-design .hero-progress { display:flex; margin-right:12px; }
.thm-marketing-design .hero-progress button { min-width:25px; width:25px; }
.thm-marketing-design .hero-progress span { display:block; height:2px; width:15px; background:#e1edf266; }
.thm-marketing-design .hero-progress [aria-current="true"] span { background:white; height:3px; }
.thm-marketing-design.home-body .all-sport-hero :focus-visible { outline-color:#d9f1ff; outline-offset:4px; }
.thm-marketing-design .all-sports-note { display:grid; grid-template-columns:1fr 1.24fr; gap:100px; align-items:center; padding:47px 0 44px; scroll-margin-top:28px; }
.thm-marketing-design .all-sports-note h2 { font:700 37px/1.2 var(--font-display); letter-spacing:-.02em; }
.thm-marketing-design .all-sports-note p { font-size:14px; line-height:1.9; max-width:550px; }
.thm-marketing-design .all-sports-note strong { font-weight:600; color:var(--ink); }
.thm-marketing-design .work-portfolio { padding:29px 0 40px; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); scroll-margin-top:24px; }
.thm-marketing-design .work-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:24px; }
.thm-marketing-design .work-heading h2 { font:700 32px/1.3 var(--font-display); letter-spacing:-.01em; margin-top:6px; }
.thm-marketing-design .work-heading>p { font-size:12px; line-height:1.85; max-width:490px; }
.thm-marketing-design .sample-films { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.thm-marketing-design .work-film { min-width:0; margin:0; }
.thm-marketing-design .work-play { display:block; position:relative; width:100%; padding:0; border:0; border-radius:6px; overflow:hidden; background:var(--ink); color:white; text-transform:uppercase; }
.thm-marketing-design .work-play img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.thm-marketing-design .work-play:after { content:''; position:absolute; inset:70% 0 0; background:linear-gradient(transparent,#03112070); pointer-events:none; }
.thm-marketing-design .work-play-icon { position:absolute; bottom:10px; right:10px; z-index:1; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:white; color:#0b1f3a; transition:background .15s; }
.thm-marketing-design .work-play-icon svg { width:15px; height:15px; fill:currentColor; margin-left:-2px; }
.thm-marketing-design .work-play:hover .work-play-icon { background:#b9d8ef; }
.thm-marketing-design .work-time { position:absolute; z-index:1; left:12px; bottom:12px; font:400 9px/1.5 var(--font); color:white; }
.thm-marketing-design .work-watch { display:none; }
.thm-marketing-design .work-film figcaption { padding-top:12px; }
.thm-marketing-design .work-film h3 { font:700 18px/1.4 var(--font); letter-spacing:0; }
.thm-marketing-design.home-body .sample-footnote { font-size:10px; line-height:1.7; margin-top:21px; color:#61798e; }
.thm-marketing-design.home-body .work-play:focus-visible { outline-offset:5px; }
.thm-marketing-design .reel-service { display:grid; grid-template-columns:1fr 1.48fr; gap:120px; padding-top:60px; padding-bottom:60px; }
.thm-marketing-design .section-label { font:700 10px/1.5 var(--font); letter-spacing:.07em; text-transform:uppercase; color:#637e94; }
.thm-marketing-design .service-offer h2 { font:700 42px/1.2 var(--font-display); letter-spacing:-.02em; margin-top:16px; }
.thm-marketing-design .service-price { display:flex; align-items:baseline; gap:18px; margin-top:18px; }
.thm-marketing-design .service-price strong { font:700 64px/1.1 var(--font); letter-spacing:-.025em; }
.thm-marketing-design .service-price span { font-size:11px; color:#607a90; }
.thm-marketing-design .service-offer>p:not(.section-label):not(.service-total-note) { margin-top:22px; font-size:14px; line-height:1.9; max-width:340px; }
.thm-marketing-design .service-offer .button { margin-top:26px; min-width:196px; justify-content:space-between; }
.thm-marketing-design .service-offer .service-total-note { margin-top:12px; font-size:10px; color:#6a8092; }
.thm-marketing-design .service-facts { margin:0; padding:0; }
.thm-marketing-design .service-facts>div { display:grid; grid-template-columns:120px 1fr; gap:32px; padding:21px 0; border-bottom:1px solid var(--rule); }
.thm-marketing-design .service-facts>div:first-child { padding-top:6px; }
.thm-marketing-design .service-facts dt { font:700 21px/1.4 var(--font); }
.thm-marketing-design .service-facts dd { margin:0; font-size:13px; line-height:1.85; color:#506b81; }
.thm-marketing-design .tape-note { margin-top:25px; }
.thm-marketing-design .tape-note h3 { font:700 24px/1.4 var(--font); letter-spacing:0; }
.thm-marketing-design .tape-note h3>span { font-size:18px; color:#58758c; margin-left:14px; }
.thm-marketing-design .tape-note p { font-size:13px; line-height:1.85; max-width:405px; margin-top:8px; }
.thm-marketing-design .tape-note strong { color:var(--ink); font-weight:500; }
.thm-marketing-design .tape-note .text-link { margin-top:10px; }
.thm-marketing-design .production-feature { display:grid; grid-template-columns:.92fr 1fr 1fr; gap:55px; align-items:start; border-top:1px solid var(--rule); padding-top:49px; padding-bottom:48px; scroll-margin-top:30px; }
.thm-marketing-design .studio-photograph { margin:0; }
.thm-marketing-design .studio-photograph img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; object-position:44% 46%; border-radius:7px; }
.thm-marketing-design .studio-photograph figcaption { font-size:9px; color:#657e91; line-height:1.7; margin-top:14px; }
.thm-marketing-design .studio-description .section-label { font-size:9px; margin-bottom:15px; }
.thm-marketing-design .studio-description h2 { font:700 32px/1.2 var(--font-display); letter-spacing:-.01em; }
.thm-marketing-design .studio-description>p:not(.section-label) { font-size:13px; line-height:1.85; margin-top:19px; }
.thm-marketing-design .working-together h3 { font:700 24px/1.3 var(--font); letter-spacing:0; }
.thm-marketing-design .working-together ol { margin:19px 0 0; padding-left:17px; color:#647e94; font-size:10px; }
.thm-marketing-design .working-together li { padding-left:8px; margin-bottom:17px; }
.thm-marketing-design .working-together strong { color:var(--ink); font:600 12px/1.7 var(--font); }
.thm-marketing-design .working-together li p { font-size:12px; line-height:1.85; margin-top:4px; }
.thm-marketing-design .working-together .text-link { font-size:11px; gap:20px; }
.thm-marketing-design.home-body #questions { background:var(--paper); border:0; color:var(--ink); padding:0 0 49px; }
.thm-marketing-design.home-body #questions .faq-grid { border-top:1px solid var(--rule); padding-top:35px; display:grid; grid-template-columns:1fr 1.48fr; gap:120px; }
.thm-marketing-design.home-body #questions .eyebrow { color:#637e94; font:700 10px/1.5 var(--font); letter-spacing:.07em; }
.thm-marketing-design.home-body #questions h2 { font:700 35px/1.3 var(--font-display); letter-spacing:0; margin-top:13px; }
.thm-marketing-design.home-body #questions .faq-list details { border-color:var(--rule); }
.thm-marketing-design.home-body #questions .faq-list summary { min-height:58px; padding:16px 0; font-size:13px; gap:24px; font-weight:400; }
.thm-marketing-design.home-body #questions .faq-list summary:after { background:none; color:#4e6c83; font-size:20px; width:23px; height:25px; }
.thm-marketing-design.home-body #questions .faq-list details>p { color:#506b81; font-size:13px; line-height:1.85; padding:0 28px 21px 0; }
.thm-marketing-design.home-body .closing { background:#0b1f3a; color:#fff; border:0; border-radius:0; padding:39px 0; }
.thm-marketing-design.home-body .closing h2 { font:700 35px/1.3 var(--font-display); letter-spacing:-.01em; }
.thm-marketing-design.home-body .closing p { font-size:11px; color:#aec4d7; margin-top:9px; }
.thm-marketing-design.home-body .closing .button { color:#fff; background:#bc302b; border-color:transparent; }
.thm-marketing-design.home-body .closing .button:hover { background:#a72723; }
.thm-marketing-design.home-body .site-footer { background:var(--paper); color:var(--ink); border:0; padding:30px 0; }
.thm-marketing-design.home-body .footer-row { border:0; padding:0; }
.thm-marketing-design.home-body .footer-meta { color:#698195; font-size:10px; }
.thm-marketing-design.home-body .footer-meta a { color:#39566e; }
.thm-marketing-design.home-body :focus-visible { outline:2px solid #0d6ead; outline-offset:5px; }
.thm-marketing-design .film-open { overflow:hidden; }
.thm-marketing-design .portfolio-player { width:min(1040px,calc(100% - 40px)); max-width:1040px; max-height:94dvh; overflow:auto; padding:23px; border:1px solid #57728b; border-radius:13px; background:#09182a; color:white; }
.thm-marketing-design .portfolio-player::backdrop { background:#041020ed; }
.thm-marketing-design .player-heading { display:flex; align-items:start; justify-content:space-between; gap:25px; margin-bottom:19px; }
.thm-marketing-design .player-heading h2 { font:700 29px/1.2 var(--font-display); letter-spacing:0; }
.thm-marketing-design.home-body .player-heading p { font-size:11px; color:#a8c0d4; margin-top:7px; }
.thm-marketing-design .player-close { display:flex; gap:19px; align-items:center; min-width:87px; min-height:44px; padding:0; background:none; border:0; text-transform:uppercase; font:700 12px/1.3 var(--font); letter-spacing:.07em; color:#d2e4f3; }
.thm-marketing-design .player-close span { font:300 29px/1 var(--font); }
.thm-marketing-design .player-stage { position:relative; aspect-ratio:16/9; background:#000; border-radius:6px; overflow:hidden; }
.thm-marketing-design .player-stage video,.thm-marketing-design .player-stage>img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.thm-marketing-design #player-replay { position:absolute; bottom:18px; right:18px; display:flex; align-items:center; gap:20px; background:#edf2f5; border:0; border-radius:6px; padding:13px 19px; min-height:44px; font:700 12px/1.4 var(--font); letter-spacing:.04em; color:#0b1f3a; text-transform:uppercase; }
.thm-marketing-design #player-replay span { font-size:20px; }
.thm-marketing-design.home-body #player-note { margin-top:17px; color:#93b1c9; font-size:10px; line-height:1.7; }
.thm-marketing-design.home-body #player-error { margin-top:12px; color:#f4c5b6; font-size:12px; }
.thm-marketing-design .portfolio-player :focus-visible { outline-color:#8ecff2; }
@media(max-width:1150px) {
 .thm-marketing-design.home-body .wrap { width:calc(100% - 72px); }
 .thm-marketing-design.home-body .main-nav { gap:18px; }
 .thm-marketing-design.home-body .main-nav>a:not(.button) { font-size:12px; }
 .thm-marketing-design .reel-service,.thm-marketing-design.home-body #questions .faq-grid { gap:70px; }
 .thm-marketing-design .service-offer h2 { font-size:37px; }
 .thm-marketing-design .service-facts>div { grid-template-columns:109px 1fr; gap:22px; }
 .thm-marketing-design .production-feature { gap:34px; }
 .thm-marketing-design .studio-description h2 { font-size:29px; }
}
@media(max-width:980px) {
 .thm-marketing-design.home-body .nav-inner { min-height:80px; }
 .thm-marketing-design.home-body .main-nav { gap:0; }
 .thm-marketing-design.home-body .main-nav.open { background:var(--paper); }
 .thm-marketing-design.home-body .main-nav>a:not(.button) { border-color:var(--rule); font-size:14px; }
 .thm-marketing-design.home-body .main-nav .button { margin-top:10px; }
 .thm-marketing-design .reel-service { padding:45px 0; gap:42px; grid-template-columns:1fr 1.3fr; }
 .thm-marketing-design .service-offer h2 { font-size:32px; }
 .thm-marketing-design .service-price strong { font-size:58px; }
 .thm-marketing-design .service-price span { font-size:10px; }
 .thm-marketing-design .service-offer>p:not(.section-label):not(.service-total-note) { font-size:13px; }
 .thm-marketing-design .service-facts>div { gap:18px; grid-template-columns:92px 1fr; }
 .thm-marketing-design .service-facts dt { font-size:19px; }
 .thm-marketing-design .service-facts dd { font-size:12px; }
 .thm-marketing-design .tape-note h3 { font-size:22px; }
 .thm-marketing-design .tape-note p { font-size:12px; }
 .thm-marketing-design .production-feature { grid-template-columns:.9fr 1.1fr; gap:33px 40px; padding-top:39px; padding-bottom:39px; }
 .thm-marketing-design .studio-photograph { grid-column:1; grid-row:1/3; }
 .thm-marketing-design .studio-photograph img { aspect-ratio:.58; }
 .thm-marketing-design .working-together { grid-column:2; }
 .thm-marketing-design .studio-description h2 { font-size:29px; }
 .thm-marketing-design .studio-description>p:not(.section-label) { font-size:12px; margin-top:16px; }
 .thm-marketing-design .working-together h3 { font-size:23px; }
 .thm-marketing-design .working-together li { margin-bottom:15px; }
 .thm-marketing-design.home-body #questions .faq-grid { grid-template-columns:1fr 1.3fr; gap:42px; }
 .thm-marketing-design.home-body #questions .faq-list summary { font-size:12px; }
 .thm-marketing-design.home-body #questions .faq-list details>p { font-size:12px; }
 .thm-marketing-design.home-body .closing h2 { font-size:32px; }
}
@media(max-width:620px) {
 .thm-marketing-design.home-body .wrap { width:calc(100% - 40px); }
 .thm-marketing-design .reel-service { display:block; padding-top:29px; padding-bottom:31px; border-top:1px solid var(--rule); }
 .thm-marketing-design .section-label { font-size:10px; }
 .thm-marketing-design .service-offer h2 { font-size:36px; margin-top:13px; }
 .thm-marketing-design .service-price { margin-top:17px; }
 .thm-marketing-design .service-price strong { font-size:61px; }
 .thm-marketing-design .service-price span { font-size:11px; }
 .thm-marketing-design .service-offer>p:not(.section-label):not(.service-total-note) { font-size:14px; margin-top:20px; max-width:450px; }
 .thm-marketing-design .service-offer .button { margin-top:22px; min-width:190px; }
 .thm-marketing-design .service-offer .service-total-note { font-size:10px; }
 .thm-marketing-design .service-detail { margin-top:31px; }
 .thm-marketing-design .service-facts>div { grid-template-columns:94px 1fr; gap:20px; padding:17px 0; }
 .thm-marketing-design .service-facts dt { font-size:20px; }
 .thm-marketing-design .service-facts dd { font-size:12px; }
 .thm-marketing-design .tape-note { margin-top:23px; }
 .thm-marketing-design .tape-note h3 { font-size:24px; }
 .thm-marketing-design .tape-note p { font-size:13px; }
 .thm-marketing-design .production-feature { display:grid; grid-template-columns:1fr; gap:25px; padding-top:30px; padding-bottom:30px; }
 .thm-marketing-design .studio-photograph,.thm-marketing-design .working-together { grid-column:auto; grid-row:auto; }
 .thm-marketing-design .studio-photograph img { aspect-ratio:1.5; object-position:44% 43%; }
 .thm-marketing-design .studio-photograph figcaption { font-size:9px; margin-top:11px; }
 .thm-marketing-design .studio-description .section-label { margin-bottom:13px; }
 .thm-marketing-design .studio-description h2 { font-size:31px; }
 .thm-marketing-design .studio-description>p:not(.section-label) { font-size:14px; line-height:1.85; }
 .thm-marketing-design .working-together h3 { font-size:24px; }
 .thm-marketing-design .working-together ol { margin-top:17px; }
 .thm-marketing-design .working-together strong { font-size:13px; }
 .thm-marketing-design .working-together li p { font-size:13px; }
 .thm-marketing-design .working-together li { margin-bottom:17px; padding-left:11px; }
 .thm-marketing-design .working-together .text-link { font-size:12px; }
 .thm-marketing-design.home-body #questions { padding-bottom:33px; }
 .thm-marketing-design.home-body #questions .faq-grid { display:block; padding-top:26px; }
 .thm-marketing-design.home-body #questions h2 { font-size:31px; margin-top:10px; }
 .thm-marketing-design.home-body #questions .faq-list { margin-top:20px; }
 .thm-marketing-design.home-body #questions .faq-list summary { font-size:13px; min-height:65px; }
 .thm-marketing-design.home-body #questions .faq-list details>p { font-size:13px; padding-right:10px; }
 .thm-marketing-design.home-body .closing { padding:30px 0; }
 .thm-marketing-design.home-body .closing .wrap { display:block; }
 .thm-marketing-design.home-body .closing h2 { font-size:31px; }
 .thm-marketing-design.home-body .closing p { font-size:10px; }
 .thm-marketing-design.home-body .closing .button { margin-top:22px; }
 .thm-marketing-design.home-body .site-footer { padding:26px 0; }
 .thm-marketing-design.home-body .footer-row { align-items:start; gap:17px; }
 .thm-marketing-design.home-body .footer-meta { font-size:9px; }
 .thm-marketing-design .portfolio-player { width:calc(100% - 20px); padding:14px; border-radius:10px; }
 .thm-marketing-design .player-heading { margin-bottom:15px; gap:15px; }
 .thm-marketing-design .player-heading h2 { font-size:26px; }
 .thm-marketing-design.home-body .player-heading p { font-size:10px; margin-top:6px; }
 .thm-marketing-design .player-close { min-width:69px; gap:12px; font-size:10px; }
 .thm-marketing-design.home-body #player-note { font-size:9px; margin-top:12px; }
 .thm-marketing-design #player-replay { padding:10px 13px; font-size:11px; bottom:10px; right:10px; gap:15px; }
}
@media(max-width:360px) {
 .thm-marketing-design.home-body .wrap { width:calc(100% - 32px); }
 .thm-marketing-design .service-offer h2 { font-size:33px; }
 .thm-marketing-design .service-facts>div { grid-template-columns:85px 1fr; gap:17px; }
 .thm-marketing-design.home-body .closing h2 { font-size:28px; }
}
@media(max-width:1150px) {
 .thm-marketing-design .all-sport-hero { margin-inline:14px; }
 .thm-marketing-design.home-body .hero-inner { width:calc(100% - 44px); min-height:620px; padding-top:58px; }
 .thm-marketing-design .all-sport-hero { min-height:620px; }
 .thm-marketing-design .campaign-copy h1 { font-size:clamp(62px,6.7vw,77px); }
 .thm-marketing-design .campaign-copy { max-width:610px; }
 .thm-marketing-design .all-sports-note { gap:55px; grid-template-columns:1fr 1.35fr; }
 .thm-marketing-design .all-sports-note h2 { font-size:32px; }
 .thm-marketing-design .all-sports-note p { font-size:13px; }
 .thm-marketing-design .sample-films { gap:14px; }
 .thm-marketing-design .work-heading>p { max-width:425px; font-size:11px; }
}
@media(max-width:980px) {
 .thm-marketing-design .campaign-copy { max-width:600px; }
 .thm-marketing-design .campaign-copy h1 { font-size:68px; }
 .thm-marketing-design .hero-photographs { left:12%; }
 .thm-marketing-design .hero-shade { background:linear-gradient(90deg,#0b1f3a 0%,#0b1f3a 15%,#0b1f3ada 32%,#0b1f3a77 60%,#0b1f3a12),linear-gradient(0deg,#07192fee,transparent 30%); }
 .thm-marketing-design .hero-photo-caption { min-width:131px; gap:13px; margin-right:5px; }
 .thm-marketing-design .hero-progress { margin-right:3px; }
 .thm-marketing-design .campaign-bottom { gap:15px; }
 .thm-marketing-design.home-body .campaign-bottom>p { font-size:9px; max-width:150px; line-height:1.7; }
 .thm-marketing-design .hero-controls { gap:1px; }
 .thm-marketing-design .hero-controls button { min-width:36px; }
 .thm-marketing-design .hero-progress button { min-width:27px; width:27px; }
 .thm-marketing-design .all-sports-note { gap:35px; grid-template-columns:1fr 1.4fr; padding:37px 0; }
 .thm-marketing-design .all-sports-note h2 { max-width:220px; }
 .thm-marketing-design .sample-films { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 18px; }
 .thm-marketing-design .work-heading { align-items:start; gap:35px; }
 .thm-marketing-design .work-heading>p { max-width:355px; padding-top:10px; }
}
@media(max-width:760px) {
 .thm-marketing-design .all-sport-hero { margin:0; border-radius:0 0 17px 17px; }
 .thm-marketing-design.home-body .hero-inner { width:calc(100% - 48px); min-height:730px; padding:272px 0 14px; }
 .thm-marketing-design .hero-photographs { inset:0 0 auto; height:455px; }
 .thm-marketing-design .hero-photograph img { object-position:60% 60%; }
 .thm-marketing-design .hero-shade { background:linear-gradient(0deg,#0b1f3a 0%,#0b1f3a 33%,#0b1f3aed 48%,#0b1f3a30 77%,#0b1f3a00); }
 .thm-marketing-design .campaign-copy { max-width:500px; }
 .thm-marketing-design.home-body .hero-eyebrow { font-size:10px; letter-spacing:.1em; }
 .thm-marketing-design .campaign-copy h1 { font-size:clamp(47px,8.6vw,65px); margin-top:15px; line-height:1.1; }
 .thm-marketing-design.home-body .hero-description { max-width:400px; font-size:13px; line-height:1.85; margin-top:18px; }
 .thm-marketing-design .hero-action { gap:24px; margin-top:22px; }
 .thm-marketing-design .hero-action strong { font-size:28px; }
 .thm-marketing-design .hero-action small { font-size:10px; }
 .thm-marketing-design .hero-work-link { margin-top:20px; }
 .thm-marketing-design .campaign-bottom { display:block; margin-top:26px; }
 .thm-marketing-design.home-body .campaign-bottom>p { display:none; }
 .thm-marketing-design .hero-controls { justify-content:space-between; max-width:460px; }
 .thm-marketing-design .hero-photo-caption { min-width:130px; margin-right:auto; gap:12px; }
 .thm-marketing-design #hero-photo-label { font-size:13px; }
 .thm-marketing-design .hero-progress { margin-right:8px; }
 .thm-marketing-design .hero-controls button { min-width:37px; }
 .thm-marketing-design .hero-progress button { min-width:24px; width:24px; }
 .thm-marketing-design .hero-progress span { width:15px; }
 .thm-marketing-design .hero-controls [data-hero-rotation] { min-width:42px; margin-left:3px; }
 .thm-marketing-design .all-sports-note { display:block; padding:34px 0 31px; }
 .thm-marketing-design .all-sports-note h2 { max-width:none; font-size:30px; }
 .thm-marketing-design .all-sports-note p { margin-top:15px; max-width:520px; font-size:13px; }
 .thm-marketing-design .work-portfolio { padding-top:24px; padding-bottom:29px; }
 .thm-marketing-design .work-heading { display:block; margin-bottom:21px; }
 .thm-marketing-design .work-heading h2 { font-size:30px; }
 .thm-marketing-design .work-heading>p { max-width:480px; margin-top:12px; padding-top:0; font-size:12px; }
 .thm-marketing-design .work-heading>p br { display:none; }
 .thm-marketing-design .sample-films { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 17px; }
 .thm-marketing-design .work-film h3 { font-size:19px; }
 .thm-marketing-design .sample-footnote { max-width:315px; }
}
@media(max-width:390px) {
 .thm-marketing-design.home-body .hero-inner { width:calc(100% - 40px); padding-top:240px; min-height:700px; }
 .thm-marketing-design .campaign-copy h1 { font-size:clamp(40px,11.4vw,45px); }
 .thm-marketing-design .hero-photographs { height:415px; }
 .thm-marketing-design .hero-action { gap:17px; }
 .thm-marketing-design.home-body .hero-action .button { min-width:162px; padding:12px 15px; font-size:11px; gap:20px; }
 .thm-marketing-design .hero-action strong { font-size:26px; }
 .thm-marketing-design .hero-action small { font-size:10px; line-height:1.7; max-width:100px; }
 .thm-marketing-design .hero-controls { flex-wrap:wrap; }
 .thm-marketing-design .hero-photo-caption { min-width:111px; gap:9px; }
 .thm-marketing-design #hero-photo-count { font-size:8px; }
 .thm-marketing-design #hero-photo-label { font-size:12px; }
 .thm-marketing-design .hero-progress { margin-right:3px; }
 .thm-marketing-design .hero-progress button { min-width:19px; width:19px; }
 .thm-marketing-design .hero-progress span { width:12px; }
 .thm-marketing-design .hero-controls button { min-width:30px; }
 .thm-marketing-design .hero-controls [data-hero-rotation] { min-width:40px; font-size:9px; margin-left:1px; }
 .thm-marketing-design .all-sports-note h2 { font-size:28px; }
 .thm-marketing-design .work-play-icon { width:28px; height:28px; right:8px; bottom:8px; }
 .thm-marketing-design .work-time { bottom:10px; left:9px; font-size:8px; }
}
@media(prefers-reduced-motion:reduce) { .thm-marketing-design .hero-photograph,.thm-marketing-design .work-play-icon { transition:none; } }
@media(max-width:760px) {
 .thm-marketing-design .hero-controls { flex-wrap:nowrap; }
 .thm-marketing-design .hero-controls .hero-progress { display:none; }
 .thm-marketing-design .hero-controls button { min-width:44px; min-height:44px; }
 .thm-marketing-design .hero-controls [data-hero-rotation] { min-width:49px; }
 .thm-marketing-design .hero-photo-caption { margin-right:auto; }
}

@media(max-width:980px) and (min-width:761px) { .thm-marketing-design .hero-progress { display:none; } }


/* Real library action photography: preserve the play in each responsive frame. */
.thm-marketing-design .hero-photo-credit { position:absolute; right:24px; top:20px; z-index:3; color:#fff; font:700 10px/1.5 var(--font); letter-spacing:.07em; text-transform:uppercase; padding:7px 10px; border-radius:4px; background:#0b1f3a80; text-decoration:none; }
.thm-marketing-design .hero-photo-credit:hover { background:#0b1f3ac9; text-decoration:underline; }
@media(max-width:980px) and (min-width:761px) {
 .thm-marketing-design .hero-photograph[data-sport$="lacrosse"] img { width:84%; object-position:50% 94%; }
}
@media(max-width:760px) {
 .thm-marketing-design .hero-photo-credit { top:14px; right:14px; font-size:9px; }
 .thm-marketing-design .hero-photograph[data-sport$="lacrosse"] img { width:100%; height:80%; object-position:50% 60%; mask-image:linear-gradient(#000 80%,transparent); }
 .thm-marketing-design .hero-photograph[data-sport="Ice hockey"] img { height:68%; object-position:62% 70%; mask-image:linear-gradient(#000 85%,transparent); }
}

/* Film frames keep their full composition and original editing marks. */
.thm-marketing-design .hero-photographs { inset:0; z-index:auto; }
.thm-marketing-design .hero-photo img { position:absolute; right:0; width:64%; }
.thm-marketing-design .hero-photo[data-sport$="lacrosse"] img { width:51%; object-position:50% 60%; }
.thm-marketing-design .hero-reel { z-index:2; inset:0 30px 0 auto; width:52%; max-width:960px; display:flex; align-items:center; }
.thm-marketing-design .hero-reel img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; border-radius:5px; box-shadow:0 22px 55px #03102360; }
.thm-marketing-design .campaign-copy { max-width:44%; }
.thm-marketing-design .campaign-copy h1 { font-size:clamp(52px,5.35vw,77px); }
.thm-marketing-design .hero-photo-caption { min-width:183px; }
@media(max-width:1150px) and (min-width:761px) {
 .thm-marketing-design .hero-reel { right:24px; width:49%; }
 .thm-marketing-design .campaign-copy { max-width:46%; }
 .thm-marketing-design .campaign-copy h1 { font-size:clamp(42px,5.1vw,59px); }
 .thm-marketing-design .hero-action { align-items:flex-start; gap:16px; }
 .thm-marketing-design.home-body .hero-action .button { min-width:156px; gap:18px; padding:12px 15px; }
 .thm-marketing-design .hero-action small { max-width:95px; line-height:1.7; }
 .thm-marketing-design .hero-photo-caption { min-width:155px; }
}
@media(max-width:760px) {
 .thm-marketing-design .hero-photographs { inset:0 0 auto; height:455px; }
 .thm-marketing-design .hero-photo img { width:100%; }
 .thm-marketing-design .hero-photo[data-sport$="lacrosse"] img { width:100%; height:80%; object-position:50% 60%; }
 .thm-marketing-design .hero-reel { inset:57px 16px auto; width:auto; }
 .thm-marketing-design .hero-reel img { height:auto; mask-image:none; }
 .thm-marketing-design .campaign-copy { max-width:500px; }
 .thm-marketing-design .campaign-copy h1 { font-size:clamp(47px,8.6vw,65px); }
 .thm-marketing-design.home-body .hero-inner { padding-top:calc(66px + (100vw - 32px) * .5625); }
 .thm-marketing-design .hero-photo-caption { min-width:130px; }
}
@media(max-width:390px) {
 .thm-marketing-design .hero-photographs { height:415px; }
 .thm-marketing-design .campaign-copy h1 { font-size:clamp(40px,11.4vw,45px); }
 .thm-marketing-design .hero-photo-caption { min-width:128px; }
}

/* ui-quality.css */
/* September 26 UI audit. The approved .all-sport-hero is deliberately untouched. */

/* Homepage reading rhythm and product evidence. */
.thm-marketing-design.home-body .all-sports-note { gap:64px; padding:52px 0; }
.thm-marketing-design.home-body .all-sports-note p { font-size:16px; line-height:1.8; color:#40586d; }
.thm-marketing-design.home-body .all-sports-note h2 { font-size:38px; }
.thm-marketing-design.home-body .work-portfolio { padding:42px 0 52px; }
.thm-marketing-design.home-body .work-heading { margin-bottom:28px; align-items:center; gap:48px; }
.thm-marketing-design.home-body .section-label { font-size:12px; color:#4e6478; letter-spacing:.065em; }
.thm-marketing-design.home-body .work-heading h2 { font-size:42px; margin-top:9px; }
.thm-marketing-design.home-body .work-heading>p { font-size:16px; line-height:1.8; color:#40586d; max-width:550px; }
.thm-marketing-design.home-body .sample-films { grid-template-columns:repeat(6,minmax(0,1fr)); gap:32px 24px; }
.thm-marketing-design.home-body .work-film { grid-column:span 2; }
.thm-marketing-design.home-body .work-film:nth-child(-n+2) { grid-column:span 3; }
.thm-marketing-design.home-body .work-play { border-radius:9px; }
.thm-marketing-design.home-body .work-play-icon { width:44px; height:44px; right:16px; bottom:16px; }
.thm-marketing-design.home-body .work-play-icon svg { width:19px; height:19px; }
.thm-marketing-design.home-body .work-time { font-size:12px; left:16px; bottom:22px; padding:2px 6px; background:#07192fd9; border-radius:3px; }
.thm-marketing-design.home-body .work-film figcaption { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:14px; }
.thm-marketing-design.home-body .work-film h3 { font-size:24px; }
.thm-marketing-design.home-body .work-caption-play { color:#4e6478; font:700 12px/1.5 var(--font); text-transform:uppercase; letter-spacing:.035em; white-space:nowrap; }
.thm-marketing-design.home-body .work-caption-play>span { font:400 19px/1 var(--font); margin-left:9px; }
.thm-marketing-design.home-body .sample-footnote { font-size:14px; color:#4e6478; max-width:none; margin-top:28px; line-height:1.7; }
.thm-marketing-design.home-body .reel-service { grid-template-columns:.88fr 1.12fr; gap:80px; padding-top:68px; padding-bottom:68px; }
.thm-marketing-design.home-body .service-offer h2 { font-size:46px; }
.thm-marketing-design.home-body .service-price strong { font-size:72px; }
.thm-marketing-design.home-body .service-price span { font-size:14px; color:#4e6478; }
.thm-marketing-design.home-body .service-offer>p:not(.section-label):not(.service-total-note) { font-size:16px; line-height:1.8; color:#40586d; max-width:400px; }
.thm-marketing-design.home-body .service-offer .service-total-note { font-size:14px; color:#4e6478; }
.thm-marketing-design.home-body :is(.reel-service,.production-feature,.closing) .button { font-size:14px; min-height:52px; padding:13px 23px; }
.thm-marketing-design.home-body .service-facts>div { grid-template-columns:116px 1fr; gap:28px; padding:23px 0; }
.thm-marketing-design.home-body .service-facts dt { font-size:23px; line-height:1.35; }
.thm-marketing-design.home-body .service-facts dd { font-size:16px; line-height:1.8; color:#40586d; }
.thm-marketing-design.home-body .tape-note { margin-top:28px; }
.thm-marketing-design.home-body .tape-note h3 { font-size:28px; }
.thm-marketing-design.home-body .tape-note h3>span { font-size:23px; color:#40586d; }
.thm-marketing-design.home-body .tape-note p { font-size:16px; line-height:1.8; max-width:480px; color:#40586d; }
.thm-marketing-design.home-body :is(.reel-service,.production-feature) .text-link { font-size:14px; }
.thm-marketing-design.home-body .production-feature { grid-template-columns:.92fr 1.08fr; gap:28px 64px; padding-top:64px; padding-bottom:64px; }
.thm-marketing-design.home-body .studio-photograph { grid-column:1; grid-row:1/3; }
.thm-marketing-design.home-body .studio-photograph img { aspect-ratio:.98; border-radius:10px; object-position:44% 46%; }
.thm-marketing-design.home-body .studio-photograph figcaption { font-size:12px; color:#4e6478; margin-top:14px; }
.thm-marketing-design.home-body .studio-description { grid-column:2; }
.thm-marketing-design.home-body .studio-description .section-label { font-size:12px; margin-bottom:14px; }
.thm-marketing-design.home-body .studio-description h2 { font-size:38px; }
.thm-marketing-design.home-body .studio-description>p:not(.section-label) { font-size:16px; line-height:1.8; margin-top:18px; color:#40586d; max-width:540px; }
.thm-marketing-design.home-body .working-together { grid-column:2; }
.thm-marketing-design.home-body .working-together h3 { font-size:26px; }
.thm-marketing-design.home-body .working-together ol { font-size:14px; padding-left:21px; margin-top:20px; color:#4e6478; }
.thm-marketing-design.home-body .working-together li { padding-left:10px; margin-bottom:18px; }
.thm-marketing-design.home-body .working-together strong { font-size:16px; }
.thm-marketing-design.home-body .working-together li p { font-size:16px; line-height:1.7; color:#40586d; }
.thm-marketing-design.home-body #questions { padding-bottom:64px; }
.thm-marketing-design.home-body #questions .faq-grid { grid-template-columns:.88fr 1.12fr; gap:80px; padding-top:48px; }
.thm-marketing-design.home-body #questions .eyebrow { font-size:12px; color:#4e6478; }
.thm-marketing-design.home-body #questions h2 { font-size:42px; }
.thm-marketing-design.home-body #questions .faq-list summary { font-size:17px; line-height:1.55; min-height:76px; padding:21px 0; font-weight:500; }
.thm-marketing-design.home-body #questions .faq-list summary:after { flex-shrink:0; }
.thm-marketing-design.home-body #questions .faq-list details>p { font-size:16px; line-height:1.8; color:#40586d; padding:0 34px 24px 0; }
.thm-marketing-design.home-body .closing { padding:48px 0; }
.thm-marketing-design.home-body .closing h2 { font-size:42px; }
.thm-marketing-design.home-body .closing p { font-size:15px; line-height:1.7; color:#cbdae6; }
.thm-marketing-design.home-body .footer-meta { font-size:13px; line-height:1.9; color:#4e6478; }
.thm-marketing-design.home-body .footer-meta a { display:inline-block; padding-block:5px; }
.thm-marketing-design.home-body .player-heading h2 { font-size:32px; }
.thm-marketing-design.home-body .player-heading p { font-size:14px; }
.thm-marketing-design.home-body #player-note { font-size:14px; color:#c2d3e1; }
.thm-marketing-design.home-body #player-error { font-size:15px; }
.thm-marketing-design.home-body .player-close { font-size:14px; }

/* Match the surrounding interface on pricing and the family workspace. */
.thm-marketing-design:is(.pricing-body,.workspace-body) { --paper:#edf2f5; --ink:#0b1f3a; --ink-muted:#40586d; background:var(--paper); color:var(--ink); }
.thm-marketing-design:is(.pricing-body,.workspace-body) main { background:var(--paper); }
.thm-marketing-design:is(.pricing-body,.workspace-body) .wrap { max-width:1224px; width:calc(100% - 112px); }
.thm-marketing-design:is(.pricing-body,.workspace-body) :is(.preview-bar,.site-header,.site-footer) { background:var(--paper); color:var(--ink); border:0; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .preview-inner { min-height:30px; font-size:11px; color:#4e6478; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .preview-inner a { color:#4e6478; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .preview-inner a[aria-current=page] { color:#0b1f3a; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .nav-inner { min-height:86px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .brand-name { color:var(--ink); }
.thm-marketing-design:is(.pricing-body,.workspace-body) .brand-mark { width:35px; height:35px; border-color:#b82c28; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .main-nav { gap:25px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .main-nav>a:not(.button) { color:var(--ink); font-size:13px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .main-nav>a:hover { color:#a72723; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .button { min-height:52px; padding:13px 22px; border-radius:9px; background:#bc302b; color:#fff; font:700 14px/1.4 var(--font); letter-spacing:.035em; text-transform:uppercase; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .button:hover { background:#a72723; text-decoration:none; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .main-nav .button { min-height:44px; font-size:12px; gap:25px; padding:10px 18px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .menu-toggle { color:var(--ink); border-color:#97abba; border-radius:8px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .text-link { color:var(--ink); font-size:14px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .text-link:hover { color:#a72723; }
.thm-marketing-design:is(.pricing-body,.workspace-body) :focus-visible { outline:3px solid #176a9d; outline-offset:4px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) :is(.order-summary,.upload-area,.dialog) :focus-visible { outline-color:#b9d8ef; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .eyebrow { font-size:12px; color:#4e6478; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .site-footer { padding:32px 0; border-top:1px solid #b6c6d4; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .footer-row { border:0; padding:0; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .footer-meta { font-size:13px; line-height:1.9; color:#4e6478; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .footer-meta a { display:inline-block; padding-block:5px; }

/* Price, inclusions and optional decisions share one reading scale. */
.thm-marketing-design.pricing-body .page-lead { padding:52px 0 42px; }
.thm-marketing-design.pricing-body .page-lead h1 { font-size:64px; margin:17px 0 22px; }
.thm-marketing-design.pricing-body .page-lead>p:last-child { font-size:18px; line-height:1.8; max-width:650px; color:#40586d; }
.thm-marketing-design.pricing-body .pricing-layout { grid-template-columns:minmax(0,1fr) 340px; gap:64px; padding-bottom:64px; align-items:start; }
.thm-marketing-design.pricing-body .base-package { padding:0 0 32px; gap:22px; align-items:start; }
.thm-marketing-design.pricing-body .base-package h2 { font-size:34px; }
.thm-marketing-design.pricing-body .base-package>div>p:not(.eyebrow) { font-size:16px; line-height:1.8; color:#40586d; max-width:510px; }
.thm-marketing-design.pricing-body .base-package>.price { font-size:42px; padding-top:30px; }
.thm-marketing-design.pricing-body .inclusions { font-size:14px; line-height:1.7; gap:10px 20px; margin-top:22px; }
.thm-marketing-design.pricing-body .addons-title { display:flex; justify-content:space-between; align-items:start; gap:22px; padding:29px 0 22px; }
.thm-marketing-design.pricing-body .addons-title h2 { font-size:30px; }
.thm-marketing-design.pricing-body .addons-title p { font-size:16px; line-height:1.7; color:#40586d; margin-top:9px; }
.thm-marketing-design.pricing-body .addons-title .inline-price { display:none; }
.thm-marketing-design.pricing-body .addon { grid-template-columns:24px minmax(0,1fr) auto; gap:16px; margin:0; padding:25px 16px; border-radius:8px; border-color:#b6c6d4; }
.thm-marketing-design.pricing-body .addon input { width:24px; height:24px; margin-top:3px; border-color:#627b90; }
.thm-marketing-design.pricing-body .addon h3 { font:700 25px/1.3 var(--font); }
.thm-marketing-design.pricing-body .addon p { font-size:16px; line-height:1.75; color:#40586d; margin-top:8px; }
.thm-marketing-design.pricing-body .addon .fine { display:block; font-size:14px; line-height:1.7; color:#4e6478; margin-top:7px; }
.thm-marketing-design.pricing-body .addon .price { font-size:18px; font-weight:600; color:#0b1f3a; padding-top:3px; }
.thm-marketing-design.pricing-body .addon:has(input:checked) { background:#dbe7f0; box-shadow:inset 3px 0 #2c6994; }
.thm-marketing-design.pricing-body .addon:has(input:disabled) { opacity:1; background:#e4eaf0; cursor:default; }
.thm-marketing-design.pricing-body .addon:has(input:disabled) input { opacity:.5; }
.thm-marketing-design.pricing-body .addon .addon-availability { font-size:14px; color:#794320; font-weight:600; }
.thm-marketing-design.pricing-body .addon-availability:empty { display:none; }
.thm-marketing-design.pricing-body .price-help { font-size:14px; color:#40586d; line-height:1.7; margin-top:16px; }
.thm-marketing-design.pricing-body .price-help:empty { margin:0; min-height:0; }
.thm-marketing-design.pricing-body .order-summary { position:sticky; top:24px; border-radius:13px; padding:29px; box-shadow:none; background:#0b1f3a; }
.thm-marketing-design.pricing-body .order-summary .eyebrow { color:#c2d3e1; }
.thm-marketing-design.pricing-body .order-summary h2 { font-size:36px; }
.thm-marketing-design.pricing-body .order-summary .summary-line { font-size:15px; line-height:1.6; gap:18px; color:#e3edf5; }
.thm-marketing-design.pricing-body .summary-line>span:last-child { white-space:nowrap; font-variant-numeric:tabular-nums; }
.thm-marketing-design.pricing-body .summary-total { font-size:15px; }
.thm-marketing-design.pricing-body .summary-total strong { font-size:46px; }
.thm-marketing-design.pricing-body .summary-note { color:#c2d3e1; font-size:14px; line-height:1.75; text-align:left; }
.thm-marketing-design.pricing-body .summary-next { margin-top:22px; }
.thm-marketing-design.pricing-body .summary-next h3 { font-size:18px; line-height:1.5; }
.thm-marketing-design.pricing-body .summary-next p { font-size:15px; line-height:1.75; color:#c2d3e1; }
.thm-marketing-design.pricing-body #questions { border-radius:0; background:var(--paper); color:var(--ink); padding:0 0 64px; }
.thm-marketing-design.pricing-body #questions .faq-grid { grid-template-columns:.88fr 1.12fr; gap:80px; padding-top:48px; border-top:1px solid #b6c6d4; }
.thm-marketing-design.pricing-body #questions h2 { font-size:42px; }
.thm-marketing-design.pricing-body #questions p { color:#40586d; font-size:16px; line-height:1.8; }
.thm-marketing-design.pricing-body #questions .eyebrow { font-size:12px; }
.thm-marketing-design.pricing-body #questions .faq-list details { border-color:#b6c6d4; }
.thm-marketing-design.pricing-body #questions .faq-list summary { font-size:17px; line-height:1.55; padding:21px 0; min-height:76px; }
.thm-marketing-design.pricing-body #questions .faq-list summary:after { color:#4e6478; flex-shrink:0; }
.thm-marketing-design.pricing-body #questions .faq-list details>p { font-size:16px; line-height:1.8; padding:0 34px 24px 0; }

/* A calmer workbench with complete, readable task guidance. */
.thm-marketing-design.workspace-body .project-top { padding:48px 0 26px; align-items:center; }
.thm-marketing-design.workspace-body .project-top h1 { font-size:52px; margin:14px 0; }
.thm-marketing-design.workspace-body .project-top p { font-size:16px; color:#40586d; }
.thm-marketing-design.workspace-body .project-top .eyebrow { font-size:12px; }
.thm-marketing-design.workspace-body .project-status { font-size:13px; color:#40586d; border-radius:7px; padding:8px 12px; }
.thm-marketing-design.workspace-body .project-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; margin:0; }
.thm-marketing-design.workspace-body .project-steps li { font-size:14px; padding:18px 0; line-height:1.5; color:#4e6478; white-space:normal; }
.thm-marketing-design.workspace-body .project-steps .active { color:#0b1f3a; }
.thm-marketing-design.workspace-body .project-layout { grid-template-columns:minmax(0,1fr) 280px; gap:64px; padding-top:42px; padding-bottom:60px; }
.thm-marketing-design.workspace-body .workspace-heading h2 { font-size:36px; }
.thm-marketing-design.workspace-body .workspace-heading p { font-size:16px; line-height:1.75; color:#40586d; }
.thm-marketing-design.workspace-body .upload-area { border-radius:13px; padding:30px; background:#0b1f3a; }
.thm-marketing-design.workspace-body .upload-area h3 { font:700 27px/1.3 var(--font); }
.thm-marketing-design.workspace-body .upload-area p { font-size:16px; line-height:1.75; color:#c8d9e7; max-width:610px; }
.thm-marketing-design.workspace-body .upload-actions { gap:12px; margin-top:23px; flex-wrap:wrap; }
.thm-marketing-design.workspace-body .upload-actions .button { font-size:14px; padding:13px 18px; gap:20px; }
.thm-marketing-design.workspace-body .button.secondary { background:transparent; border-color:#8ba6bd; }
.thm-marketing-design.workspace-body .button.secondary:hover { background:#243f5a; }
.thm-marketing-design.workspace-body .file-heading { font-size:18px; margin-top:28px; gap:15px; flex-wrap:wrap; }
.thm-marketing-design.workspace-body .file-heading span { font-size:13px; color:#4e6478; }
.thm-marketing-design.workspace-body .film-row { gap:18px; padding:19px 0; }
.thm-marketing-design.workspace-body .film-row img,.thm-marketing-design.workspace-body .file-symbol { width:96px; height:54px; border-radius:5px; object-fit:contain; flex-shrink:0; }
.thm-marketing-design.workspace-body .film-info { min-width:0; }
.thm-marketing-design.workspace-body .film-info strong { font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
.thm-marketing-design.workspace-body .film-info p { font-size:14px; color:#4e6478; line-height:1.65; overflow-wrap:anywhere; }
.thm-marketing-design.workspace-body .film-status { font-size:12px; color:#4e6478; }
.thm-marketing-design.workspace-body .file-remove { min-width:44px; min-height:44px; border-radius:5px; color:#40586d; }
.thm-marketing-design.workspace-body .plays-block { margin-top:32px; padding-top:30px; }
.thm-marketing-design.workspace-body .plays-block h3,.thm-marketing-design.workspace-body .editor-notes h3 { font:700 28px/1.3 var(--font); }
.thm-marketing-design.workspace-body .plays-block>p,.thm-marketing-design.workspace-body .editor-notes>p { font-size:16px; line-height:1.75; color:#40586d; margin-top:12px; }
.thm-marketing-design.workspace-body .play-row { gap:18px; padding:19px 0; }
.thm-marketing-design.workspace-body .play-number { font-size:14px; color:#4e6478; }
.thm-marketing-design.workspace-body .play-row strong { font-size:16px; line-height:1.6; }
.thm-marketing-design.workspace-body .play-row small { font-size:14px; line-height:1.7; color:#4e6478; }
.thm-marketing-design.workspace-body .play-tools { gap:7px; }
.thm-marketing-design.workspace-body .play-tools button { border-radius:7px; width:44px; height:44px; border-color:#849bb0; color:#0b1f3a; }
.thm-marketing-design.workspace-body .play-tools button:hover:not(:disabled) { background:#d7e5ef; }
.thm-marketing-design.workspace-body #reorder-status { font-size:14px!important; color:#40586d; line-height:1.7; }
.thm-marketing-design.workspace-body .editor-notes { border-top:1px solid #b6c6d4; padding-top:30px; margin-top:24px; }
.thm-marketing-design.workspace-body .editor-notes label { display:block; font-size:15px; font-weight:600; margin:20px 0 9px; }
.thm-marketing-design.workspace-body .editor-notes label span { font-weight:400; color:#4e6478; }
.thm-marketing-design.workspace-body .editor-notes textarea { display:block; width:100%; min-height:156px; resize:vertical; padding:15px 17px; border:1px solid #849bb0; border-radius:8px; background:#f9fbfc; color:#0b1f3a; font:400 16px/1.75 var(--font); }
.thm-marketing-design.workspace-body .editor-notes textarea::placeholder { color:#536b80; opacity:1; }
.thm-marketing-design.workspace-body .editor-notes .notes-preview { font-size:14px; color:#4e6478; margin-top:10px; }
.thm-marketing-design.workspace-body .ready-row { margin-top:30px; padding-top:28px; }
.thm-marketing-design.workspace-body .ready-row p { font-size:15px; color:#40586d; line-height:1.7; }
.thm-marketing-design.workspace-body .workspace-card { padding:24px 0; }
.thm-marketing-design.workspace-body .workspace-card:first-child { padding-top:0; border-top:0; }
.thm-marketing-design.workspace-body .workspace-card .mini-label { font-size:12px; color:#4e6478; }
.thm-marketing-design.workspace-body .workspace-card h3 { font:700 26px/1.3 var(--font); }
.thm-marketing-design.workspace-body .workspace-card p,.thm-marketing-design.workspace-body .workspace-card li { font-size:15px; line-height:1.75; color:#40586d; }
.thm-marketing-design.workspace-body .workspace-card .summary-line { font-size:15px; }

/* Dialogs use the same clear reading scale and native keyboard behavior. */
.thm-marketing-design:is(.pricing-body,.workspace-body) .dialog { width:min(560px,calc(100% - 32px)); max-height:90dvh; overflow:auto; padding:34px; border-radius:13px; background:#0b1f3a; color:#fff; border-color:#6b8398; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .dialog h2 { font-size:34px; line-height:1.2; margin-top:14px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .dialog p { font-size:16px; line-height:1.8; color:#c8d9e7; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .dialog .eyebrow { font-size:12px; padding-right:45px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .dialog-close { min-width:44px; min-height:44px; border-radius:6px; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .dialog-actions .button { white-space:normal; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .dialog .button.secondary { color:#fff; border-color:#8ba6bd; background:transparent; }
.thm-marketing-design.workspace-body .field { font-size:16px; }
.thm-marketing-design.workspace-body .field input { font-size:16px; min-height:52px; border-color:#8ba6bd; }
.thm-marketing-design.workspace-body .field small { font-size:14px; line-height:1.7; color:#c8d9e7; }
.thm-marketing-design:is(.pricing-body,.workspace-body) .toast { font-size:15px; line-height:1.6; max-width:calc(100% - 32px); }

@media(max-width:1150px) {
 .thm-marketing-design:is(.pricing-body,.workspace-body) .wrap { width:calc(100% - 72px); }
 .thm-marketing-design:is(.pricing-body,.workspace-body) .main-nav { gap:18px; }
 .thm-marketing-design:is(.pricing-body,.workspace-body) .main-nav>a:not(.button) { font-size:12px; }
 .thm-marketing-design.home-body .reel-service,.thm-marketing-design.home-body #questions .faq-grid { gap:48px; }
 .thm-marketing-design.home-body .production-feature { column-gap:42px; }
 .thm-marketing-design.pricing-body .pricing-layout { grid-template-columns:minmax(0,1fr) 310px; gap:38px; }
 .thm-marketing-design.pricing-body .order-summary { padding:25px; }
 .thm-marketing-design.workspace-body .project-layout { grid-template-columns:minmax(0,1fr) 250px; gap:36px; }
 .thm-marketing-design.workspace-body .upload-actions .button { padding-inline:15px; }
}
@media(max-width:980px) {
 .thm-marketing-design.home-body .all-sports-note { gap:36px; }
 .thm-marketing-design.home-body .all-sports-note h2 { font-size:34px; }
 .thm-marketing-design.home-body .work-heading { align-items:start; gap:30px; }
 .thm-marketing-design.home-body .work-heading h2 { font-size:38px; }
 .thm-marketing-design.home-body .work-heading>p { padding:0; max-width:420px; }
 .thm-marketing-design.home-body .sample-films { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 22px; }
 .thm-marketing-design.home-body .work-film,.thm-marketing-design.home-body .work-film:nth-child(-n+2) { grid-column:span 1; }
 .thm-marketing-design.home-body .work-film:first-child { grid-column:span 2; }
 .thm-marketing-design.home-body .reel-service { grid-template-columns:.9fr 1.1fr; gap:38px; }
 .thm-marketing-design.home-body .service-offer h2 { font-size:39px; }
 .thm-marketing-design.home-body .service-facts>div { display:block; }
 .thm-marketing-design.home-body .service-facts dt { font-size:22px; margin-bottom:8px; }
 .thm-marketing-design.home-body .production-feature { grid-template-columns:.85fr 1.15fr; gap:26px 32px; }
 .thm-marketing-design.home-body .studio-photograph img { aspect-ratio:.82; }
 .thm-marketing-design.home-body .studio-description h2 { font-size:34px; }
 .thm-marketing-design:is(.pricing-body,.workspace-body) .main-nav { gap:0; }
 .thm-marketing-design:is(.pricing-body,.workspace-body) .main-nav.open { background:var(--paper); }
 .thm-marketing-design:is(.pricing-body,.workspace-body) .main-nav>a:not(.button) { font-size:14px; }
 .thm-marketing-design.pricing-body .pricing-layout { grid-template-columns:1fr; gap:36px; }
 .thm-marketing-design.pricing-body .order-summary { position:static; max-width:none; padding:30px; }
 .thm-marketing-design.pricing-body .addons-title { position:sticky; top:0; z-index:3; background:var(--paper); border-bottom:1px solid #b6c6d4; padding:21px 0; }
 .thm-marketing-design.pricing-body .addons-title .inline-price { display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; gap:5px; margin:0; }
 .thm-marketing-design.pricing-body .inline-price span { color:#4e6478; font-size:12px; white-space:nowrap; }
 .thm-marketing-design.pricing-body .inline-price strong { color:#0b1f3a; font:700 29px/1.2 var(--font); }
 .thm-marketing-design.pricing-body #questions .faq-grid { gap:42px; }
 .thm-marketing-design.workspace-body .project-layout { grid-template-columns:1fr; gap:34px; }
 .thm-marketing-design.workspace-body .project-aside { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
 .thm-marketing-design.workspace-body .workspace-card:last-child { grid-column:1/-1; }
 .thm-marketing-design.workspace-body .workspace-card { padding:24px 0 0; }
 .thm-marketing-design.workspace-body .workspace-card:first-child { padding-top:24px; border-top:1px solid #b6c6d4; }
}
@media(max-width:760px) {
 .thm-marketing-design.home-body .all-sports-note { padding:38px 0; }
 .thm-marketing-design.home-body .all-sports-note h2 { font-size:33px; }
 .thm-marketing-design.home-body .all-sports-note p { font-size:16px; margin-top:16px; }
 .thm-marketing-design.home-body .work-heading { display:block; }
 .thm-marketing-design.home-body .work-heading>p { max-width:590px; margin-top:16px; }
 .thm-marketing-design.home-body .work-portfolio { padding-top:32px; padding-bottom:36px; }
 .thm-marketing-design.home-body .reel-service { display:block; padding-top:44px; padding-bottom:44px; }
 .thm-marketing-design.home-body .service-offer h2 { font-size:40px; }
 .thm-marketing-design.home-body .service-offer>p:not(.section-label):not(.service-total-note) { max-width:540px; }
 .thm-marketing-design.home-body .service-detail { margin-top:34px; }
 .thm-marketing-design.home-body .service-facts>div { display:grid; grid-template-columns:120px 1fr; gap:25px; }
 .thm-marketing-design.home-body .service-facts dt { margin:0; }
 .thm-marketing-design.home-body .production-feature { grid-template-columns:1fr; gap:26px; padding-top:42px; padding-bottom:42px; }
 .thm-marketing-design.home-body .studio-photograph,.thm-marketing-design.home-body .studio-description,.thm-marketing-design.home-body .working-together { grid-column:auto; grid-row:auto; }
 .thm-marketing-design.home-body .studio-photograph img { aspect-ratio:1.5; object-position:44% 43%; }
 .thm-marketing-design.home-body .working-together { margin-top:5px; }
 .thm-marketing-design.home-body .working-together li { margin-bottom:21px; }
 .thm-marketing-design.home-body #questions { padding-bottom:42px; }
 .thm-marketing-design.home-body #questions .faq-grid { display:block; padding-top:35px; }
 .thm-marketing-design.home-body #questions h2 { font-size:36px; }
 .thm-marketing-design.home-body #questions .faq-list { margin-top:25px; }
 .thm-marketing-design.home-body #questions .faq-list summary { font-size:16px; }
 .thm-marketing-design.home-body .closing { padding:37px 0; }
 .thm-marketing-design.home-body .closing h2 { font-size:36px; max-width:none; }
 .thm-marketing-design.home-body .closing .wrap { display:block; }
 .thm-marketing-design.home-body .closing .button { margin-top:24px; }
 .thm-marketing-design.pricing-body .page-lead { padding:36px 0 32px; }
 .thm-marketing-design.pricing-body .page-lead h1 { font-size:49px; }
 .thm-marketing-design.pricing-body .page-lead>p:last-child { font-size:17px; }
 .thm-marketing-design.pricing-body #questions .faq-grid { display:block; padding-top:34px; }
 .thm-marketing-design.pricing-body #questions .faq-list { margin-top:26px; }
 .thm-marketing-design.pricing-body #questions h2 { font-size:36px; }
 .thm-marketing-design.pricing-body #questions h2 br { display:none; }
 .thm-marketing-design.pricing-body #questions .faq-list summary { font-size:16px; }
 .thm-marketing-design.workspace-body .project-top { padding:30px 0 24px; }
 .thm-marketing-design.workspace-body .project-top h1 { font-size:40px; }
 .thm-marketing-design.workspace-body .project-steps { gap:9px; }
 .thm-marketing-design.workspace-body .project-steps li { display:flex; flex-direction:column; align-items:center; text-align:center; gap:9px; font-size:12px; padding:16px 0; }
 .thm-marketing-design.workspace-body .project-steps span { margin:0; }
 .thm-marketing-design.workspace-body .project-layout { padding-top:32px; }
 .thm-marketing-design.workspace-body .project-aside { grid-template-columns:1fr; gap:24px; }
 .thm-marketing-design.workspace-body .workspace-card:last-child { grid-column:auto; }
 .thm-marketing-design.workspace-body .ready-row { flex-direction:column; align-items:stretch; }
 .thm-marketing-design.workspace-body .ready-row p { max-width:none; text-align:left; }
}
@media(max-width:620px) {
 .thm-marketing-design:is(.pricing-body,.workspace-body) .wrap { width:calc(100% - 40px); }
 .thm-marketing-design.home-body .sample-films { display:block; }
 .thm-marketing-design.home-body .work-film+.work-film { margin-top:29px; }
 .thm-marketing-design.home-body .work-film h3 { font-size:24px; }
 .thm-marketing-design.home-body .service-facts>div { display:block; }
 .thm-marketing-design.home-body .service-facts dt { margin-bottom:8px; }
 .thm-marketing-design.home-body .service-facts dd { font-size:16px; }
 .thm-marketing-design.home-body .player-heading h2 { font-size:27px; }
 .thm-marketing-design.home-body .portfolio-player { width:calc(100% - 24px); padding:16px; }
 .thm-marketing-design.home-body #player-note { font-size:13px; }
 .thm-marketing-design.pricing-body .base-package { display:block; }
 .thm-marketing-design.pricing-body .base-package h2 { font-size:32px; }
 .thm-marketing-design.pricing-body .base-package>.price { display:block; padding-top:19px; font-size:40px; }
 .thm-marketing-design.pricing-body .inclusions { display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
 .thm-marketing-design.pricing-body .addons-title { gap:14px; }
 .thm-marketing-design.pricing-body .addons-title h2 { font-size:28px; }
 .thm-marketing-design.pricing-body .addons-title p { font-size:14px; }
 .thm-marketing-design.pricing-body .addon { grid-template-columns:24px minmax(0,1fr) auto; gap:12px; padding:23px 10px; }
 .thm-marketing-design.pricing-body .addon h3 { font-size:23px; }
 .thm-marketing-design.pricing-body .addon .price { font-size:16px; }
 .thm-marketing-design.pricing-body .addon>div { display:contents; }
 .thm-marketing-design.pricing-body .addon h3 { grid-column:2; grid-row:auto; }
 .thm-marketing-design.pricing-body .addon>.price { grid-column:3; grid-row:1; }
 .thm-marketing-design.pricing-body .addon p,.thm-marketing-design.pricing-body .addon .fine { grid-column:2/4; margin-top:0; }
 .thm-marketing-design.pricing-body .addon .addon-availability:empty { display:none; }
 .thm-marketing-design.pricing-body .order-summary { padding:25px; }
 .thm-marketing-design.workspace-body .project-top { gap:15px; }
 .thm-marketing-design.workspace-body .workspace-heading h2 { font-size:32px; }
 .thm-marketing-design.workspace-body .upload-area { padding:25px 21px; }
 .thm-marketing-design.workspace-body .upload-actions { display:grid; grid-template-columns:1fr; }
 .thm-marketing-design.workspace-body .upload-actions .button { width:100%; justify-content:space-between; }
 .thm-marketing-design.workspace-body .film-row { gap:12px; flex-wrap:wrap; }
 .thm-marketing-design.workspace-body .film-row img,.thm-marketing-design.workspace-body .file-symbol { width:72px; height:41px; }
 .thm-marketing-design.workspace-body .film-info { flex:1; }
 .thm-marketing-design.workspace-body .film-info strong { font-size:15px; }
 .thm-marketing-design.workspace-body .film-status { display:none; }
 .thm-marketing-design.workspace-body .play-row { display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; }
 .thm-marketing-design.workspace-body .play-tools { grid-column:2; justify-content:flex-start; margin-top:5px; }
 .thm-marketing-design.workspace-body .play-row strong { font-size:16px; }
 .thm-marketing-design:is(.pricing-body,.workspace-body) .dialog { padding:27px 22px; }
 .thm-marketing-design:is(.pricing-body,.workspace-body) .dialog h2 { font-size:30px; padding-right:28px; }
}

/* Audit follow-ups: caption actions are real controls; expanded menus stay legible. */
.thm-marketing-design.home-body .work-caption-play { display:inline-flex; align-items:center; justify-content:flex-end; min-height:44px; padding:0; background:transparent; border:0; cursor:pointer; }
.thm-marketing-design.home-body .work-caption-play:hover { color:#a72723; }
.thm-marketing-design:is(.home-body,.pricing-body,.workspace-body) .menu-toggle[aria-expanded="true"] { background:#d7e5ef; color:#0b1f3a; }
.thm-marketing-design.workspace-body .field>span { font-size:15px; }
.thm-marketing-design.pricing-body .base-package .thm-value-note { font:400 14px/1.65 var(--font); color:#40586d; margin-top:12px; }

/* home-typography.css */
/* Front-page editorial rhythm. Impact roles are centralized in impact-type.css. */
.thm-marketing-design.home-body.home :is(.all-sports-note,.work-portfolio,.reel-service,.production-feature,#questions,.closing) {
  --home-title-size:clamp(28px,2.65vw,40px);
  --home-copy:#405366;
  --home-note:#506579;
}
.thm-marketing-design.home-body.home :is(.all-sports-note,.work-heading,.service-offer,.studio-description,.closing) h2,.thm-marketing-design.home-body.home #questions h2 {
  font:700 var(--home-title-size)/1.06 var(--font-display);
  letter-spacing:-.045em;
  text-wrap:balance;
}
.thm-marketing-design.home-body.home :is(.work-portfolio,.reel-service,.production-feature) .section-label,.thm-marketing-design.home-body.home #questions .eyebrow {
  font:700 11px/1.45 var(--font);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--home-note);
  margin:0 0 16px;
}
.thm-marketing-design.home-body.home :is(.work-heading,.service-offer,.studio-description,#questions) h2 { margin:0; }
.thm-marketing-design.home-body.home :is(.all-sports-note,.work-heading)>p,.thm-marketing-design.home-body.home .service-offer>p:not(.section-label):not(.service-total-note),.thm-marketing-design.home-body.home .studio-description>p:not(.section-label) {
  font:400 17px/1.6 var(--font);
  letter-spacing:0;
  color:var(--home-copy);
  max-width:52ch;
  text-wrap:pretty;
}

/* An introduction with the same column alignment as the service and FAQ. */
.thm-marketing-design.home-body.home .all-sports-note {
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:80px;
  align-items:center;
  padding:72px 0;
}
.thm-marketing-design.home-body.home .all-sports-note h2 { max-width:none; font-size:var(--home-title-size); }
.thm-marketing-design.home-body.home .all-sports-note>p { margin:0; }

.thm-marketing-design.home-body.home .work-portfolio { padding:72px 0 80px; }
.thm-marketing-design.home-body.home .work-heading { align-items:end; gap:64px; margin-bottom:36px; }
.thm-marketing-design.home-body.home .work-heading>p { max-width:48ch; font-size:16px; margin:0; padding:0 0 2px; }
.thm-marketing-design.home-body.home .sample-films { row-gap:36px; }
.thm-marketing-design.home-body.home .work-film figcaption { gap:16px; padding-top:8px; }
.thm-marketing-design.home-body.home .work-film h3 { font:700 18px/1.25 var(--font); letter-spacing:-.015em; }
.thm-marketing-design.home-body.home .work-caption-play {
  font:700 14px/1.35 var(--font);
  letter-spacing:0;
  text-transform:none;
  color:var(--home-note);
}
.thm-marketing-design.home-body.home .work-caption-play>span { font-size:18px; margin-left:6px; }
.thm-marketing-design.home-body.home .sample-footnote { font:400 13px/1.6 var(--font); color:var(--home-note); margin-top:24px; }

.thm-marketing-design.home-body.home .reel-service { padding:80px 0; gap:80px; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); }
.thm-marketing-design.home-body.home .service-price { flex-wrap:wrap; align-items:baseline; gap:10px 20px; margin-top:28px; }
.thm-marketing-design.home-body.home .service-price strong { font:800 72px/1 var(--font); letter-spacing:-.055em; font-variant-numeric:tabular-nums; }
.thm-marketing-design.home-body.home .service-price span { font:400 13px/1.55 var(--font); color:var(--home-note); }
.thm-marketing-design.home-body.home .service-offer>p:not(.section-label):not(.service-total-note) { max-width:44ch; margin-top:24px; }
.thm-marketing-design.home-body.home .service-offer .service-total-note { font:400 13px/1.6 var(--font); color:var(--home-note); max-width:43ch; margin-top:16px; }
.thm-marketing-design.home-body.home :is(.reel-service,.production-feature,.closing) .button {
  font:700 14px/1.35 var(--font);
  text-transform:none;
  letter-spacing:0;
  min-height:52px;
  padding:14px 22px;
}
.thm-marketing-design.home-body.home .service-offer .button { margin-top:28px; }
.thm-marketing-design.home-body.home .service-facts>div { display:grid; grid-template-columns:104px minmax(0,1fr); gap:24px; padding:24px 0; }
.thm-marketing-design.home-body.home .service-facts>div:first-child { padding-top:0; }
.thm-marketing-design.home-body.home .service-facts dt { font:700 16px/1.45 var(--font); letter-spacing:0; margin:0; }
.thm-marketing-design.home-body.home .service-facts dd { font:400 16px/1.6 var(--font); color:var(--home-copy); text-wrap:pretty; }
.thm-marketing-design.home-body.home .tape-note { margin-top:32px; }
.thm-marketing-design.home-body.home .tape-note h3 { font:700 22px/1.25 var(--font); letter-spacing:-.015em; }
.thm-marketing-design.home-body.home .tape-note h3>span { font:500 17px/1.4 var(--font); color:var(--home-note); margin-left:12px; }
.thm-marketing-design.home-body.home .tape-note p { font:400 16px/1.6 var(--font); color:var(--home-copy); max-width:44ch; margin-top:10px; }
.thm-marketing-design.home-body.home :is(.reel-service,.production-feature) .text-link { font:700 14px/1.35 var(--font); text-transform:none; letter-spacing:0; gap:16px; }
.thm-marketing-design.home-body.home .tape-note .text-link { margin-top:16px; }

.thm-marketing-design.home-body.home .production-feature { padding:80px 0; column-gap:80px; row-gap:32px; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); }
.thm-marketing-design.home-body.home .studio-description>p:not(.section-label) { margin-top:24px; max-width:48ch; }
.thm-marketing-design.home-body.home .studio-photograph figcaption { font:400 12px/1.6 var(--font); color:var(--home-note); margin-top:12px; }
.thm-marketing-design.home-body.home .working-together h3 { font:700 22px/1.25 var(--font); letter-spacing:-.015em; }
.thm-marketing-design.home-body.home .working-together ol { list-style:decimal-leading-zero; padding-left:26px; margin:22px 0 0; }
.thm-marketing-design.home-body.home .working-together li { padding-left:12px; margin-bottom:20px; }
.thm-marketing-design.home-body.home .working-together li::marker { font:500 12px/1.4 var(--font); color:var(--home-note); }
.thm-marketing-design.home-body.home .working-together strong { font:700 16px/1.45 var(--font); }
.thm-marketing-design.home-body.home .working-together li p { font:400 16px/1.6 var(--font); color:var(--home-copy); max-width:46ch; margin-top:5px; text-wrap:pretty; }

.thm-marketing-design.home-body.home #questions { padding-bottom:88px; }
.thm-marketing-design.home-body.home #questions .faq-grid { grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:80px; padding-top:80px; }
.thm-marketing-design.home-body.home #questions .faq-list { margin:0; }
.thm-marketing-design.home-body.home #questions .faq-list summary { font:700 16px/1.45 var(--font); letter-spacing:-.01em; min-height:76px; padding:23px 0; gap:24px; }
.thm-marketing-design.home-body.home #questions .faq-list details:first-child summary { padding-top:0; min-height:52px; }
.thm-marketing-design.home-body.home #questions .faq-list details>p { font:400 16px/1.6 var(--font); color:var(--home-copy); max-width:58ch; padding:0 32px 24px 0; text-wrap:pretty; }
.thm-marketing-design.home-body.home .closing { padding:64px 0; }
.thm-marketing-design.home-body.home .closing h2 { max-width:none; }
.thm-marketing-design.home-body.home .closing p { font:400 15px/1.6 var(--font); margin-top:16px; }

@media(max-width:1100px) {
  .thm-marketing-design.home-body.home :is(.all-sports-note,.reel-service,.production-feature),.thm-marketing-design.home-body.home #questions .faq-grid { column-gap:48px; }
  .thm-marketing-design.home-body.home .all-sports-note h2 { font-size:var(--home-title-size); }
  .thm-marketing-design.home-body.home .work-heading { gap:40px; }
  .thm-marketing-design.home-body.home .work-heading>p { max-width:44ch; }
  .thm-marketing-design.home-body.home .service-facts>div { grid-template-columns:1fr; gap:7px; }
  .thm-marketing-design.home-body.home .service-price { display:grid; gap:12px; }
}
@media(max-width:760px) {
  .thm-marketing-design.home-body.home :is(.all-sports-note,.work-portfolio,.reel-service,.production-feature,#questions,.closing) { --home-title-size:clamp(28px,2.65vw,40px); }
  .thm-marketing-design.home-body.home .all-sports-note { padding:48px 0; }
  .thm-marketing-design.home-body.home .all-sports-note h2 { max-width:none; font-size:var(--home-title-size); }
  .thm-marketing-design.home-body.home .all-sports-note>p { margin-top:20px; }
  .thm-marketing-design.home-body.home :is(.all-sports-note,.work-heading)>p,.thm-marketing-design.home-body.home .service-offer>p:not(.section-label):not(.service-total-note),.thm-marketing-design.home-body.home .studio-description>p:not(.section-label) { font-size:16px; }
  .thm-marketing-design.home-body.home .work-portfolio { padding:48px 0 52px; }
  .thm-marketing-design.home-body.home .work-heading { margin-bottom:28px; }
  .thm-marketing-design.home-body.home .work-heading>p { margin-top:20px; max-width:52ch; }
  .thm-marketing-design.home-body.home .work-film h3 { font-size:18px; }
  .thm-marketing-design.home-body.home .reel-service { padding:52px 0; }
  .thm-marketing-design.home-body.home .service-price { display:flex; margin-top:24px; gap:12px 20px; }
  .thm-marketing-design.home-body.home .service-price strong { font-size:72px; }
  .thm-marketing-design.home-body.home .service-detail { margin-top:36px; }
  .thm-marketing-design.home-body.home .service-facts>div { grid-template-columns:104px minmax(0,1fr); gap:24px; padding:22px 0; }
  .thm-marketing-design.home-body.home .service-facts>div:first-child { padding-top:0; }
  .thm-marketing-design.home-body.home .production-feature { grid-template-columns:1fr; gap:32px; padding:52px 0; }
  .thm-marketing-design.home-body.home .studio-description>p:not(.section-label) { margin-top:20px; }
  .thm-marketing-design.home-body.home #questions { padding-bottom:56px; }
  .thm-marketing-design.home-body.home #questions .faq-grid { display:block; padding-top:52px; }
  .thm-marketing-design.home-body.home #questions .faq-list { margin-top:32px; }
  .thm-marketing-design.home-body.home #questions .faq-list summary { min-height:76px; }
  .thm-marketing-design.home-body.home .closing { padding:48px 0; }
  .thm-marketing-design.home-body.home .closing .button { margin-top:28px; }
}
@media(max-width:480px) {
  .thm-marketing-design.home-body.home :is(.all-sports-note,.work-portfolio,.reel-service,.production-feature,#questions,.closing) { --home-title-size:clamp(28px,2.65vw,40px); }
  .thm-marketing-design.home-body.home .all-sports-note h2 { font-size:var(--home-title-size); }
  .thm-marketing-design.home-body.home .service-price { display:grid; gap:12px; }
  .thm-marketing-design.home-body.home .service-facts>div { grid-template-columns:1fr; gap:7px; }
  .thm-marketing-design.home-body.home .work-film figcaption { gap:8px; }
  .thm-marketing-design.home-body.home .work-caption-play { font-size:14px; }
  .thm-marketing-design.home-body.home #questions .faq-list details>p { padding-right:12px; }
}

/* impact-type.css */
/* Impact: Unbounded for brand statements, Manrope for reading and decisions.
 * Font faces and --font/--font-display are owned by the shared type system.
 * Keep this last in the marketing build so responsive layout sources cannot
 * silently restore an older typography role. No workflow state is changed. */

.thm-marketing-design h1,.thm-marketing-design 
h2 {
  font-family:var(--font-display);
  font-style:normal;
  font-weight:700;
  letter-spacing:-.045em;
  line-height:1.06;
  text-wrap:balance;
}
.thm-marketing-design h1 { font-weight:800; font-size:clamp(36px,4.5vw,68px); }
.thm-marketing-design h2 { font-size:clamp(28px,2.65vw,40px); }
.thm-marketing-design h1 :is(span,strong),.thm-marketing-design 
h2 :is(span,strong) { font-family:inherit; font-weight:inherit; letter-spacing:inherit; }
.thm-marketing-design h3 { font:700 22px/1.25 var(--font); letter-spacing:-.02em; text-transform:none; }

/* Page leads, credits and content section statements. */
.thm-marketing-design:is(.home-body,.pricing-body) .page-lead h1,.thm-marketing-design 
.design-credits h1 {
  font:800 clamp(36px,4.5vw,68px)/1.06 var(--font-display);
  letter-spacing:-.045em;
  max-width:100%;
}
.thm-marketing-design:is(.home-body,.pricing-body) .page-lead>p:last-child {
  font:400 18px/1.55 var(--font);
  letter-spacing:0;
  max-width:48ch;
}
.thm-marketing-design.home-body :is(.all-sports-note,.work-heading,.service-offer,.studio-description,.closing) h2,.thm-marketing-design.home-body #questions h2,.thm-marketing-design.pricing-body #questions h2,.thm-marketing-design 
.design-credits h2 {
  font:700 clamp(28px,2.65vw,40px)/1.06 var(--font-display);
  letter-spacing:-.045em;
  max-width:none;
}

/* The broad display face gets its own hero scale and reading measure. */
.thm-marketing-design.home-body .campaign-copy { max-width:650px; }
.thm-marketing-design.home-body .campaign-copy h1 {
  font:800 clamp(44px,4.25vw,64px)/.97 var(--font-display);
  letter-spacing:-.045em;
  max-width:650px;
  margin-block:26px;
}
.thm-marketing-design.home-body .campaign-copy .hero-description {
  font:400 17px/1.55 var(--font);
  letter-spacing:0;
  max-width:40ch;
}
.thm-marketing-design.home-body .hero-action { flex-wrap:wrap; }
.thm-marketing-design.home-body .hero-action strong {
  font:800 30px/1.1 var(--font);
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
}
.thm-marketing-design.home-body .hero-action small { font-family:var(--font); line-height:1.6; }

/* Actions and supporting labels remain compact and legible. */
.thm-marketing-design.home-body :is(.eyebrow,.section-label,.hero-eyebrow),.thm-marketing-design.pricing-body .eyebrow {
  font:700 11px/1.45 var(--font);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.thm-marketing-design.home-body .button,.thm-marketing-design.home-body .hero-action .button,.thm-marketing-design.home-body .text-link,.thm-marketing-design.home-body .hero-work-link,.thm-marketing-design.home-body .work-caption-play,.thm-marketing-design.pricing-body .button,.thm-marketing-design.pricing-body .text-link {
  font:700 14px/1.35 var(--font);
  letter-spacing:.015em;
  text-transform:none;
}
.thm-marketing-design.home-body .site-header :is(.main-nav>a,.button),.thm-marketing-design.pricing-body .site-header :is(.main-nav>a,.button) {
  font:700 13px/1.3 var(--font);
  letter-spacing:.025em;
}
.thm-marketing-design.home-body .site-header .button,.thm-marketing-design.pricing-body .site-header .button { text-transform:none; }
.thm-marketing-design.home-body :is(.player-close,#player-replay),.thm-marketing-design.pricing-body :is(.dialog-close,.summary-line .remove) { font-family:var(--font); }
.thm-marketing-design.home-body :is(.hero-photo-credit,#hero-photo-label),.thm-marketing-design.home-body .hero-controls [data-hero-rotation] { font-family:var(--font); }

/* The front-page composition and spacing stay in home-typography.css. */
.thm-marketing-design.home-body .work-film h3 { font:700 18px/1.25 var(--font); letter-spacing:-.02em; }
.thm-marketing-design.home-body :is(.tape-note,.working-together) h3 { font:700 22px/1.25 var(--font); letter-spacing:-.02em; }
.thm-marketing-design.home-body .service-price strong {
  font:800 72px/1 var(--font);
  letter-spacing:-.055em;
  font-variant-numeric:tabular-nums;
}
.thm-marketing-design.home-body .service-facts dt,.thm-marketing-design.home-body .working-together strong,.thm-marketing-design.home-body #questions .faq-list summary,.thm-marketing-design.pricing-body #questions .faq-list summary {
  font:700 16px/1.45 var(--font);
  letter-spacing:0;
}
.thm-marketing-design.home-body .service-facts dd,.thm-marketing-design.home-body #questions .faq-list details>p,.thm-marketing-design.pricing-body #questions .faq-list details>p { font:400 16px/1.6 var(--font); letter-spacing:0; }
.thm-marketing-design.home-body .player-heading h2 { font:700 28px/1.15 var(--font); letter-spacing:-.03em; }

/* Pricing is a decision surface: clear names, normal-width numbers. */
.thm-marketing-design.pricing-body :is(.base-package,.addons-title,.order-summary) h2,.thm-marketing-design.pricing-body .addon h3 {
  font:700 24px/1.15 var(--font);
  letter-spacing:-.03em;
  text-transform:none;
}
.thm-marketing-design.pricing-body .base-package>div>p:not(.eyebrow),.thm-marketing-design.pricing-body .addon p,.thm-marketing-design.pricing-body .addons-title p,.thm-marketing-design.pricing-body .order-summary .summary-line,.thm-marketing-design.pricing-body .summary-note {
  font:400 16px/1.55 var(--font);
  letter-spacing:0;
}
.thm-marketing-design.pricing-body .base-package .thm-value-note { font-size:14px; line-height:1.6; }
.thm-marketing-design.pricing-body .base-package .price,.thm-marketing-design.pricing-body .addon .price,.thm-marketing-design.pricing-body .inline-price strong,.thm-marketing-design.pricing-body .summary-total strong {
  font-family:var(--font);
  font-weight:800;
  letter-spacing:-.055em;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.thm-marketing-design.pricing-body .summary-next h3 { font:700 18px/1.3 var(--font); letter-spacing:-.02em; }
.thm-marketing-design.pricing-body .summary-next p { line-height:1.6; }
.thm-marketing-design.pricing-body :is(input,select,textarea) { font:400 16px/1.5 var(--font); letter-spacing:0; }
.thm-marketing-design.home-body a[href^="mailto:"],.thm-marketing-design.pricing-body a[href^="mailto:"] { overflow-wrap:anywhere; }

@media(min-width:761px) {
  .thm-marketing-design.home-body .all-sport-hero,.thm-marketing-design.home-body .hero-inner { min-height:740px; }
  .thm-marketing-design.home-body .campaign-copy { padding-top:58px; }
}
@media(max-width:1000px) and (min-width:761px) {
  .thm-marketing-design.home-body .campaign-copy h1 { font-size:clamp(44px,5.7vw,58px); }
}
@media(max-width:760px) {
  .thm-marketing-design.home-body .campaign-copy { max-width:100%; padding-bottom:25px; }
  .thm-marketing-design.home-body .campaign-copy h1 {
    font-size:clamp(30px,8.7vw,50px);
    line-height:1;
    margin-block:23px;
    max-width:100%;
  }
  .thm-marketing-design.home-body .campaign-copy .hero-description { font-size:16px; }
  .thm-marketing-design.home-body .all-sport-hero,.thm-marketing-design.home-body .hero-inner { min-height:860px; }
  .thm-marketing-design:is(.home-body,.pricing-body) .page-lead>p:last-child { font-size:16px; }
}

@media(max-width:480px) {
  .thm-marketing-design.pricing-body .addon h3 { font-size:21px; }
}

/* hero-video.css */
/* Background highlights fill the hero stage; the sample player keeps full frames. */
.thm-marketing-design.home-body .hero-video .hero-media { position:absolute; inset:0; z-index:0; pointer-events:none; }
.thm-marketing-design.home-body .hero-video .hero-clip { position:absolute; inset:0; opacity:0; transition:opacity .65s ease; }
.thm-marketing-design.home-body .hero-video .hero-clip.is-active { opacity:1; }
.thm-marketing-design.home-body .hero-video .hero-clip video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.thm-marketing-design.home-body .hero-video .hero-shade { z-index:1; background:linear-gradient(90deg,#07192ff7 0%,#07192fe8 28%,#07192fbc 43%,#07192f26 68%,#07192f08 100%),linear-gradient(0deg,#07192fd9,transparent 25%,transparent 82%,#07192f40); }
.thm-marketing-design.home-body .hero-video .campaign-copy { max-width:620px; }
.thm-marketing-design.home-body .hero-video .hero-inner { min-height:740px; }
.thm-marketing-design.home-body .hero-video #hero-clip-label { font:600 14px/1.4 var(--font-body); }
.thm-marketing-design.home-body .hero-video #hero-clip-count { font-size:10px; letter-spacing:.04em; color:#bdccda; }
.thm-marketing-design.home-body .hero-video .hero-photo-caption { min-width:155px; }
.thm-marketing-design.home-body .hero-video .hero-controls [data-hero-rotation] { min-width:55px; font:700 11px/1.3 var(--font-body); }
.thm-marketing-design.home-body .hero-video .hero-controls[hidden] { display:none; }
.thm-marketing-design.home-body .hero-video .hero-controls button:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:1150px) and (min-width:761px) {
 .thm-marketing-design.home-body .hero-video .campaign-copy { max-width:56%; }
 .thm-marketing-design.home-body .hero-video .campaign-copy h1 { font-size:clamp(40px,4.8vw,56px); }
}
@media(max-width:760px) {
 .thm-marketing-design.home-body .hero-video { min-height:0; }
 .thm-marketing-design.home-body .hero-video .hero-media { inset:0 0 auto; aspect-ratio:16/9; }
 .thm-marketing-design.home-body .hero-video .hero-shade { background:none; }
 .thm-marketing-design.home-body .hero-video .hero-inner { min-height:0; padding-top:calc(100vw * .5625 + 28px); padding-bottom:22px; }
 .thm-marketing-design.home-body .hero-video .campaign-copy { max-width:100%; padding-top:0; padding-bottom:0; }
 .thm-marketing-design.home-body .hero-video .campaign-bottom { margin-top:32px; }
 .thm-marketing-design.home-body .hero-video .hero-photo-caption { min-width:130px; }
}
@media(prefers-reduced-motion:reduce) {
 .thm-marketing-design.home-body .hero-video .hero-clip { transition:none; }
}

/* Keep the ten-film index compact; arrows remain available at every size. */
@media(max-width:1100px) {
 .thm-marketing-design.home-body .hero-video .hero-progress { display:none; }
}

/* section-surfaces.css */
/* Alternating surfaces and a tighter rhythm for the public marketing pages. */
.thm-marketing-design.home-body { --paper:#f7f9fb; background:var(--paper); }
.thm-marketing-design.home-body .section-band--slate { background:#dce6ee; border-block:1px solid #cbd8e3; }
.thm-marketing-design.home-body .section-band--navy { background:#102641; color:#f7faff; }
.thm-marketing-design.home-body.home .all-sports-note { padding:40px 0; gap:56px; }
.thm-marketing-design.home-body.home .work-portfolio { padding:48px 0; border:0; }
.thm-marketing-design.home-body.home .work-heading { margin-bottom:28px; }
.thm-marketing-design.home-body.home .sample-films { row-gap:28px; }
.thm-marketing-design.home-body.home .sample-footnote { margin-top:18px; }
.thm-marketing-design.home-body.home #included.reel-service {
  --home-copy:#d3dfe9; --home-note:#b8cada; --ink:#f7faff; --rule:#a7bed133;
}
.thm-marketing-design.home-body.home .reel-service {
  padding:52px 0; gap:64px; border:0;
}
.thm-marketing-design.home-body.home .reel-service .section-label { color:var(--home-note); }
.thm-marketing-design.home-body.home .reel-service h2,.thm-marketing-design.home-body.home .reel-service h3,.thm-marketing-design.home-body.home .reel-service dt,.thm-marketing-design.home-body.home .reel-service .service-price strong { color:#f7faff; }
.thm-marketing-design.home-body.home .service-facts>div { padding-block:18px; }
.thm-marketing-design.home-body.home .service-facts>div:first-child { padding-top:0; }
.thm-marketing-design.home-body.home .tape-note { margin-top:24px; padding:22px 24px; background:#ffffff08; border:1px solid #b4c9da29; border-radius:8px; }
.thm-marketing-design.home-body.home .tape-note .text-link { color:#f7faff; }
.thm-marketing-design.home-body.home .reel-service :focus-visible { outline-color:#a9dcff; }
.thm-marketing-design.home-body.home .production-feature { padding:52px 0; gap:28px 64px; border:0; }
.thm-marketing-design.home-body.home #questions { background:#e3ebf2; padding:44px 0 48px; border-top:1px solid #cedbe6; }
.thm-marketing-design.home-body.home #questions .faq-grid { border:0; padding-top:0; gap:64px; }
.thm-marketing-design.home-body.home #questions .faq-list summary { min-height:64px; padding:18px 0; }
.thm-marketing-design.home-body.home .closing { padding:44px 0; }
.thm-marketing-design.home-body .site-footer { background:#edf2f6; border-top:1px solid #d5dfe8; }

/* Samples share the shaded film surface; pricing keeps clear choice states. */
.thm-marketing-design.home-body:not(.home) .page-lead { padding:36px 0 32px; }
.thm-marketing-design.home-body:not(.home) .section-band--slate .work-portfolio { padding:40px 0 44px; border:0; }
.thm-marketing-design.pricing-body { background:#e7eef4; }
.thm-marketing-design.pricing-body .page-lead { padding:36px 0 30px; }
.thm-marketing-design.pricing-body .pricing-layout { gap:44px; padding-bottom:44px; }
.thm-marketing-design.pricing-body .base-package { background:#f9fbfd; border:1px solid #cad8e3; border-top:3px solid #315b7e; padding:26px; border-radius:8px; }
.thm-marketing-design.pricing-body .base-package>.price { padding-top:0; }
.thm-marketing-design.pricing-body .addon { background:#f9fbfd; border:1px solid #cad8e3; padding:22px 20px; margin-bottom:10px; }
.thm-marketing-design.pricing-body .addon:has(input:checked) { background:#d4e4f0; border-color:#7195b2; box-shadow:inset 3px 0 #2c6994; }
.thm-marketing-design.pricing-body .addon:has(input:disabled) { background:#dfe7ee; border-color:#c6d3df; }
.thm-marketing-design.pricing-body .order-summary { border-radius:8px; }

@media(max-width:1100px) {
 .thm-marketing-design.home-body.home :is(.all-sports-note,.reel-service,.production-feature),.thm-marketing-design.home-body.home #questions .faq-grid { column-gap:40px; }
 .thm-marketing-design.pricing-body .pricing-layout { gap:30px; }
}
@media(max-width:760px) {
 .thm-marketing-design.home-body.home .all-sports-note { padding:30px 0; }
 .thm-marketing-design.home-body.home .all-sports-note>p { margin-top:16px; }
 .thm-marketing-design.home-body.home .work-portfolio { padding:34px 0 36px; }
 .thm-marketing-design.home-body.home .work-heading { margin-bottom:24px; }
 .thm-marketing-design.home-body.home .work-heading>p { margin-top:16px; }
 .thm-marketing-design.home-body.home .reel-service { padding:36px 0; }
 .thm-marketing-design.home-body.home .service-detail { margin-top:28px; }
 .thm-marketing-design.home-body.home .tape-note { padding:20px; }
 .thm-marketing-design.home-body.home .production-feature { padding:36px 0; gap:26px; }
 .thm-marketing-design.home-body.home #questions { padding:34px 0 36px; }
 .thm-marketing-design.home-body.home #questions .faq-grid { padding-top:0; }
 .thm-marketing-design.home-body.home #questions .faq-list { margin-top:24px; }
 .thm-marketing-design.home-body.home .closing { padding:36px 0; }
 .thm-marketing-design.home-body:not(.home) .page-lead,.thm-marketing-design.pricing-body .page-lead { padding:28px 0; }
 .thm-marketing-design.home-body:not(.home) .section-band--slate .work-portfolio { padding:30px 0 34px; }
 .thm-marketing-design.pricing-body .base-package { padding:22px; }
 .thm-marketing-design.pricing-body .base-package>.price { padding-top:12px; }
 .thm-marketing-design.pricing-body .addon { padding:20px 16px; }
}