/* The studio frame stays quiet; each client's work supplies its own visual world. */
:root{--ink:#182234;--muted:#5c687b;--paper:#f7f9fc;--line:#dfe6f0;--glass:rgba(255,255,255,.78)}
html{scroll-padding-top:110px}body{background-color:var(--paper);background-image:radial-gradient(ellipse at 70% 4%,#dce9ff80,transparent 32%),linear-gradient(#3765b007 1px,transparent 1px),linear-gradient(90deg,#3765b007 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}body:before,body:after{display:none!important}.wrap{width:min(1240px,calc(100% - 80px))}::selection{background:#cddfff;color:#122543}em{font-family:var(--sans);font-style:normal;font-weight:500;letter-spacing:inherit}.header.wrap{position:sticky;top:16px;z-index:20;height:76px;min-height:76px;max-width:1280px;padding:0 24px;border:1px solid #ffffffd9;border-radius:22px;background:var(--glass);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 4px 30px #18345e08;margin-top:16px;gap:20px;flex-wrap:nowrap}.brand-symbol{width:46px}.brand-type{font-size:17px}.brand-type small{font-size:8px}.button{border-radius:100px;gap:22px;min-height:50px;padding:14px 23px}.header .button{background:#172439;min-height:42px;font-size:12px}.eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.8;color:#596a83}.agency-hero{display:block;text-align:center;padding:108px 0 68px}.agency-hero>.eyebrow{font-size:11px}.eyebrow-divider{color:#a6b5c9;margin:0 10px}.agency-hero h1{font-size:clamp(54px,7.5vw,104px);font-weight:600;line-height:1.02;letter-spacing:-.065em;margin:32px auto 26px}.agency-hero h1 em{color:var(--accent);font-weight:600}.hero-deck{font-size:clamp(18px,2vw,23px);color:var(--muted);line-height:1.5;margin:0 auto;max-width:620px;letter-spacing:-.02em}.hero-actions-inline{display:flex;justify-content:center;align-items:center;gap:28px;margin:30px 0 60px}.quiet-link{font-size:13px;text-decoration:none;color:#526784;padding:12px 0}.quiet-link:hover{color:var(--accent)}.hero-path{display:flex;max-width:550px;margin:auto;align-items:center;gap:20px;font-size:12px;color:#61728a}.hero-path i{height:1px;flex:1;background:linear-gradient(90deg,#c6d7f0,#8cafed)}
.proof-section{padding-top:100px;padding-bottom:50px;border-top:0;scroll-margin-top:110px}.proof-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:18px 60px;align-items:end;margin-bottom:42px}.proof-heading>.eyebrow{grid-column:1/-1;padding:0}.proof-heading h2{font-size:clamp(38px,4.7vw,66px);line-height:1.06;font-weight:550;letter-spacing:-.055em}.proof-heading h2 em{color:#74849a}.proof-heading>p{font-size:17px;line-height:1.6;max-width:420px;margin:0;padding-bottom:5px}.chapter-subject{display:block;font-size:12px;margin-top:15px;color:#5c708e}.system-demo{border:1px solid #fff;border-radius:28px;background:#f4f7fc;box-shadow:0 28px 80px #1b3b6810,0 1px 3px #18345e0b;overflow:hidden}.system-bar{background:#ffffffc9;border:0;padding:22px 28px}.system-bar>span{color:#60718b;font-weight:600}.system-bar button{border:1px solid #dee7f4;border-radius:30px;background:#f3f7ff;font-size:12px}.system-steps{display:flex;gap:6px;padding:7px 22px 20px;background:#ffffffc9;overflow-x:auto}.system-steps button{flex:1;justify-content:center;gap:9px;border:0;border-radius:14px;padding:14px 10px;min-height:50px;font-size:10px;white-space:nowrap}.system-steps button span{font-size:12px}.system-steps button[aria-selected=true]{background:#e9f0fc;border:0;color:#164baa;box-shadow:inset 0 0 0 1px #dce6f8}.animatic-stage{background:none;padding:36px 38px;min-height:600px}.scene-caption{margin-bottom:30px;align-items:flex-start}.scene-caption>strong{font-size:22px;line-height:1.2;max-width:390px;text-align:right}.source-layout{gap:36px;align-items:center}.interview-monitor{border:0;border-radius:16px;box-shadow:0 12px 32px #14294b14}.interview-monitor video{object-fit:contain}.transcript-sheet{padding:24px;border:1px solid white;border-radius:18px;background:#ffffffcf;box-shadow:0 12px 30px #14294b08}.transcript-row{grid-template-columns:36px 1fr;gap:9px;padding:12px 10px;min-height:98px}.transcript-words{min-height:24px;max-height:30px;overflow:hidden}.select-context{grid-column:2;display:flex;flex-direction:column;gap:2px;line-height:1.4}.select-context strong{font-size:12px;font-weight:600}.select-context span{font-size:11px;color:#64728a}.select-tag{display:none}.transcript-note{font-size:10px}.select-result{font-size:14px}.source-wave{padding:16px 0}.source-name{font-size:12px}.stage-outcome{font-size:11px;margin-top:24px}.system-bottom{background:#fff8;border:0;line-height:1.5;padding:15px 28px}.system-bottom>span:first-child{max-width:85%}.proof-foot{padding:22px 10px;font-size:11px}.proof-foot>span{color:#72819a}.proof-foot button{font-size:12px}.edit-preview{max-width:none}.edit-screen-row{grid-template-columns:1.4fr 1fr;gap:40px}.edit-payoff h4 em{font-family:var(--sans);font-style:normal;letter-spacing:inherit}.timeline-console{border-radius:16px;padding:20px;border:1px solid white}.filmstrip{height:auto;aspect-ratio:16/9;display:block;background:#10233f}.filmstrip img{width:100%;height:100%;object-fit:contain;display:block;transform:none}.filmstrip.close img{width:100%;height:100%;object-fit:contain;transform:scale(1.48);transform-origin:62% 42%;object-position:center}.edit-segment.remove .filmstrip img{transform:none}.edit-segment{border-radius:8px;flex-basis:0}.edit-segment.remove{flex-basis:0}.edit-segment>span{font-size:10px}.score-track>span{font-size:9px}.lc-identity{margin-bottom:20px}.identity-note{display:none}.lc-identity>.lc-logo{width:110px}.lc-identity>span:last-child{font-size:11px}
/* One canvas per case study. Media is always contained, never cropped to fill a card. */
.project-treatment{padding-top:16px;margin-top:24px}.project-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:18px 60px;padding:35px 4px 32px;align-items:end}.project-heading>.eyebrow{grid-column:1/-1}.project-heading h3{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.1}.project-heading p{font-size:17px;line-height:1.5;color:var(--muted);max-width:350px;margin:0 0 5px}.showcase{border-radius:24px;border:1px solid #fff;background:#eaf0f8;overflow:hidden;box-shadow:0 18px 55px #18345e0a}.medium-tabs{display:flex;justify-content:center;gap:4px;padding:12px;background:#ffffffc9;overflow-x:auto;scrollbar-width:thin}.medium-tabs button{border:0;border-radius:30px;padding:12px 23px;min-height:44px;color:#63718a;background:transparent;font-size:13px;white-space:nowrap;flex-shrink:0}.medium-tabs button[aria-selected=true]{color:#172a49;background:#fff;box-shadow:0 2px 9px #20395912,inset 0 0 0 1px #dde5ef}.gallery-panel[hidden]{display:none!important}.gallery-art{min-width:0;height:570px;padding:30px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 25%,#fff9,transparent 75%)}.artwork-open{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;max-width:100%;width:100%;height:100%;box-shadow:none}.gallery-art img,.gallery-art video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:5px}.gallery-art .artwork-open>img{width:100%;height:100%;object-fit:contain}.enlarge-hint{position:absolute;bottom:10px;right:10px;font-size:11px;background:#ffffffed;color:#233453;border:1px solid #dce4ef;border-radius:30px;padding:9px 14px;opacity:.9}.gallery-caption{margin:0;padding:15px 24px 20px;font-size:12px;line-height:1.5;color:#64718a;text-align:center}.portrait-art .gallery-art{height:620px}.portrait-art video{background:#111}.coffee-showcase{background:#e9e5db;border-color:#efede5}.coffee-showcase .medium-tabs{background:#f5f2e9c9}.coffee-showcase .medium-tabs button[aria-selected=true]{background:#fffcf5;color:#493f2d;box-shadow:0 2px 9px #45391d12}.coffee-showcase .gallery-caption{color:#6a6154}.newsletter-panel .gallery-art{height:620px}.newsletter-scroll{height:100%;width:min(460px,100%);overflow-y:auto;background:#fff;box-shadow:0 12px 35px #342c2318;scrollbar-color:#a99a83 #ede8dc;scrollbar-width:thin}.newsletter-scroll img{width:100%;max-height:none;height:auto;border-radius:0}.case-notes{margin:24px 4px 0}.case-notes details{border-bottom:1px solid #dce4ef}.case-notes summary{list-style:none;display:flex;gap:20px;align-items:center;padding:21px 2px;cursor:pointer;font-size:17px;letter-spacing:-.02em}.case-notes summary::-webkit-details-marker{display:none}.case-notes summary>span{font-size:10px;letter-spacing:.06em;color:#8490a2;width:26px}.case-notes summary b{font-size:23px;font-weight:300;color:#7188ab;margin-left:auto;line-height:1}.case-notes details[open] summary b{transform:rotate(45deg)}.case-notes p{font-size:16px;line-height:1.7;max-width:720px;margin:0 35px 24px 48px;color:#5d6b80}.project-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 4px 0;font-size:11px;line-height:1.5;color:#738098}.project-footer a{color:#405d87;text-decoration:none}.command-treatment{margin-top:0}.command-gallery{background:#0c1619}.command-gallery .gallery-art{background:radial-gradient(ellipse at 50% 50%,#21322c,transparent 80%)}.command-gallery .medium-tabs{background:#142022}.command-gallery .medium-tabs button{color:#b0beb8}.command-gallery .medium-tabs button[aria-selected=true]{background:#e0ebdf;color:#162c20;box-shadow:none}.command-gallery .gallery-caption{color:#b3c4b5}.phone-bridge{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:32px 4px}.phone-bridge strong{font-size:33px;line-height:1.6;font-weight:500;letter-spacing:-.04em}.phone-bridge .eyebrow{font-size:9px}.amp-treatment{border-top:1px solid var(--line);padding-top:45px;margin-top:90px}.amp-cinema{padding:18px;border-radius:24px;background:#0b1422;box-shadow:0 18px 55px #18345e15}.amp-cinema video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:10px}.brand-film{position:relative;width:100%;max-width:900px;aspect-ratio:16/9;background:#13213c;border-radius:10px;overflow:hidden}.brand-film>img:first-child{width:100%;height:100%;object-fit:contain}.brand-film .film-brand{position:absolute;left:4%;top:7%;width:11%;height:auto}.film-lowerthird{position:absolute;left:4%;bottom:8%;padding:12px 22px;background:#3154dc;color:white;font-family:LC Plex,sans-serif;font-size:20px;line-height:1.4}.film-lowerthird small{font-size:13px;display:block}.lc-gallery .gallery-art,.anim-scene .showcase .gallery-art{height:500px;padding:20px}.lc-gallery{font-family:LC Plex,sans-serif}.anim-scene .showcase{box-shadow:none;border:1px solid #dfe7f4;border-radius:18px}.interactive-preview .gallery-art{height:auto!important;display:block!important;padding:0!important}.interactive-preview .lc-platform{border-radius:0;box-shadow:none;max-width:none;opacity:1!important;transform:none!important}.interactive-preview .platform-story,.interactive-preview .story-tile{opacity:1!important;transform:none!important}.platform-state{font-size:9px}.preview-note{font-size:11px;line-height:1.4}.agency-process{margin-top:70px;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--line);padding-top:45px;padding-bottom:45px}.agency-process>.eyebrow{grid-column:1/-1}.agency-process>div{display:flex;align-items:center;gap:18px}.agency-process>div>span{font-size:11px;color:#8b98ab}.agency-process h3{font-size:24px}.closing{background:linear-gradient(150deg,#e9f1ff,#f8faff 70%);border-top:1px solid white;padding:90px 0}.closing h2{font-size:clamp(40px,5.8vw,78px);margin:24px 0 30px}.closing h2 em{color:#5179b8}.closing p{color:#728198;font-size:14px;margin-top:26px}.closing .wrap>div{display:flex;gap:28px;align-items:center}footer{padding-top:30px;padding-bottom:30px}footer>span{font-size:11px}.asset-preview-top{background:#ffffffec;backdrop-filter:blur(15px)}#asset-preview{border-radius:20px}.project-treatment,.proof-heading{min-width:0}[data-reveal].reveal-ready{opacity:0;transform:translateY(32px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}[data-reveal].is-visible,[data-reveal]:focus-within{opacity:1;transform:none}
@media(min-width:1500px){.gallery-art{height:630px}}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.proof-heading,.project-heading{gap:20px 30px}.animatic-stage{padding:28px}.source-layout{gap:20px}.scene-caption>strong{font-size:20px}.gallery-art{height:480px}.system-steps button{gap:6px}.system-steps button span{font-size:11px}.medium-tabs button{padding:12px 18px}}
@media(max-width:720px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 32px)}.header.wrap{top:10px;margin-top:10px;height:66px;min-height:66px;padding:0 15px;border-radius:18px}.brand-symbol{width:38px}.brand-type{font-size:15px}.brand-type small{font-size:7px}.wordmark{gap:8px}.header .button{padding:10px 16px;font-size:11px;min-height:40px}.agency-hero{padding-top:76px;padding-bottom:32px}.agency-hero>.eyebrow{font-size:9px;letter-spacing:.065em;max-width:300px;margin:auto}.eyebrow-divider{margin:0 5px}.agency-hero h1{font-size:clamp(42px,10.5vw,74px);margin:24px 0;line-height:1.05}.hero-deck{font-size:18px}.hero-actions-inline{gap:18px;margin:28px 0 45px;flex-direction:column}.hero-actions-inline .button{font-size:13px}.quiet-link{font-size:12px}.hero-path{font-size:10px;gap:10px;max-width:360px}.proof-section{padding-top:70px;padding-bottom:20px}.proof-heading{display:block;margin-bottom:28px}.proof-heading>.eyebrow{margin-bottom:18px}.proof-heading h2{font-size:clamp(36px,8.9vw,50px)}.proof-heading>p{font-size:16px;margin-top:23px;padding:0}.chapter-subject{font-size:11px}.system-demo{border-radius:20px}.system-bar{padding:17px 16px}.system-bar>span{font-size:8px!important;max-width:155px!important}.system-bar button{font-size:10px;padding:9px 12px;gap:8px}.system-steps{display:flex!important;padding:4px 10px 12px!important;gap:4px}.system-steps button{flex:0 0 auto!important;flex-direction:row;align-items:center;padding:12px!important;min-height:44px;gap:8px}.system-steps button span{font-size:11px!important}.animatic-stage{padding:24px 16px;min-height:0}.scene-caption{display:block;margin-bottom:25px}.scene-caption>span{font-size:9px;margin-bottom:10px}.scene-caption>strong{font-size:23px;text-align:left;max-width:none;display:block}.source-layout{grid-template-columns:1fr;gap:22px}.transcript-sheet{padding:20px}.transcript-row{min-height:98px}.transcript-intro h4{font-size:24px}.select-context span{font-size:12px}.select-context strong{font-size:13px}.system-bottom{padding:14px 17px}.system-bottom>span:first-child{font-size:9px;max-width:85%}.edit-screen-row{grid-template-columns:1fr;gap:22px}.edit-payoff h4{font-size:26px;margin:12px 0}.timeline-console{padding:10px}.filmstrip{height:auto}.filmstrip img{width:100%;height:100%}.edit-segment>span{font-size:7px;padding:8px 4px}.score-track>span{font-size:7px}.proof-foot{padding:18px 2px;gap:12px}.project-heading{display:block;padding:20px 0 28px}.project-heading>.eyebrow{margin-bottom:18px;font-size:9px}.project-heading h3{font-size:36px}.project-heading p{font-size:16px;margin-top:18px;max-width:340px}.showcase{border-radius:18px}.medium-tabs{justify-content:flex-start;padding:9px;gap:3px}.medium-tabs button{padding:11px 17px;font-size:12px}.gallery-art{height:clamp(200px,60vw,440px);min-height:200px;padding:14px;aspect-ratio:auto}.gallery-art .artwork-open{width:100%;height:100%;min-height:0}.gallery-art .artwork-open img{height:100%;width:100%;object-fit:contain}.portrait-art .gallery-art{height:520px;aspect-ratio:auto;padding:20px 16px}.newsletter-panel .gallery-art{height:520px;aspect-ratio:auto;padding:16px}.gallery-caption{font-size:11px;line-height:1.5;padding:13px 18px 18px}.enlarge-hint{font-size:10px;padding:7px 10px;bottom:2px;right:2px}.case-notes{margin:20px 0 0}.case-notes summary{font-size:16px;padding:20px 2px;gap:12px}.case-notes p{font-size:15px;margin-left:40px;margin-right:10px}.project-footer{font-size:10px;flex-wrap:wrap;gap:12px;margin:20px 0 0}.phone-bridge{flex-direction:column;align-items:flex-start;gap:20px;margin:26px 0}.phone-bridge strong{font-size:30px}.phone-bridge .eyebrow{font-size:8px}.phone-bridge .button{font-size:12px}.amp-treatment{margin-top:65px;padding-top:30px}.amp-cinema{padding:8px;border-radius:16px}.amp-cinema video{border-radius:9px}.lc-gallery .gallery-art,.anim-scene .showcase .gallery-art{height:clamp(200px,60vw,440px);aspect-ratio:auto;padding:10px}.lc-gallery .medium-tabs button,.anim-scene .showcase .medium-tabs button{padding:10px 14px;font-size:11px}.lc-identity{gap:12px;flex-wrap:nowrap}.lc-identity .lc-logo{width:80px}.lc-identity>span:last-child{font-size:9px}.film-lowerthird{font-size:12px;padding:6px 10px}.film-lowerthird small{font-size:8px}.interactive-preview .gallery-art{aspect-ratio:auto}.agency-process{margin-top:50px;grid-template-columns:1fr;gap:25px;padding:35px 0}.agency-process h3{font-size:23px}.agency-process>.eyebrow{font-size:9px}.closing{padding:65px 0}.closing h2{font-size:clamp(37px,9vw,55px)}.closing .wrap>div{align-items:flex-start;flex-direction:column;gap:22px}.closing p{font-size:13px}.platform-feature{padding:16px}.platform-story h4{font-size:27px}.platform-story p{font-size:13px}.preview-note{font-size:10px}.platform-foot{font-size:11px}.story-tile>img{height:auto;aspect-ratio:16/9;object-fit:contain}.gallery-art>*{min-width:0}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal].reveal-ready{opacity:1;transform:none;transition:none}*,*:before,*:after{scroll-behavior:auto!important}}

@media print{[data-reveal].reveal-ready{opacity:1;transform:none;transition:none}}
