/* Purpose-built video case compositions; scoped away from the shared shell. */
.visual-case{--ink:#142633;--gold:#b49b66;--paper:#f5f2ec;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.9}
.visual-case *{box-sizing:border-box}.visual-case .container{width:calc(100% - 96px);max-width:1160px;margin:0 auto;padding:0}.visual-case h1,.visual-case h2,.visual-case h3,.visual-case h4{font-family:'Shared Serif','Yu Mincho',serif;font-weight:500;letter-spacing:.02em}.visual-case h1{font-size:48px;line-height:1.5}.visual-case h2{font-size:32px;line-height:1.6}.visual-case h3{font-size:22px;line-height:1.6}.visual-case h4{font-size:22px;line-height:1.75}.visual-case p{font-size:16px;line-height:1.95}.visual-case small{font-size:12px;letter-spacing:.12em}.visual-case .section{padding:88px 0;margin:0}.visual-case .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin:0 0 42px}.visual-case .section-heading h2{margin:0}.visual-case .section-heading p{margin:0}.visual-case .section-heading small{color:#988152;display:block;margin-bottom:8px}.visual-case .section-heading h2+small{margin:12px 0 0}.visual-case .visual-icon{width:38px;height:40px;display:block;color:var(--gold);margin-bottom:22px}.visual-case .case-hero{position:relative;background:#091a25;color:#fff;overflow:hidden;padding:0;min-height:580px;isolation:isolate}.visual-case .case-hero:before{content:'';position:absolute;inset:0;z-index:-1;background-repeat:no-repeat;background-size:100% auto}.visual-Y07 .case-hero:before{background-image:url('case-design/Y07-textless.png');background-position:center 3.6%}.visual-W03 .case-hero:before{background-image:url('case-design/W03-textless.png');background-position:center 3.4%}.visual-case .hero-grid{display:block;min-height:580px;padding-top:70px;padding-bottom:65px;position:relative}.visual-case .hero-copy{width:55%;position:relative;z-index:1}.visual-case .hero-copy h1{margin:20px 0 24px;font-size:48px;max-width:640px}.visual-case .hero-copy>p{margin:16px 0}.visual-case .hero-copy>p:nth-of-type(2){color:#d8c391;font-size:21px;letter-spacing:.12em}.visual-case .eyebrow{font-size:12px;letter-spacing:.16em;color:#d8c391}.visual-case .subject-art{position:absolute;right:0;top:0;width:46%;height:100%;background:none;border:0;box-shadow:none}.visual-case .subject-art span{position:absolute;bottom:16px;right:0;font-size:11px;color:#ccd0d0}.visual-case .copy-hero-notes{position:relative}.visual-case .copy-image-note{display:block;text-align:right;font-size:11px;color:#b8c0c4;padding:0 0 20px}.visual-Y07 .copy-hero-film{position:absolute;right:0;bottom:85px;width:360px;display:flex;align-items:center;gap:20px;font-size:13px;line-height:1.8;padding:14px 18px;background:#071925b8;border-left:1px solid #bda577}.visual-Y07 .copy-hero-film>span{font-size:13px}.visual-Y07 .copy-hero-film>span:nth-child(3){font-size:9px;letter-spacing:.14em;color:#d1bb8a}.visual-Y07 .copy-hero-film>a{font-size:24px;color:#dcc68e}.visual-W03 .hero-copy{width:65%}.visual-W03 .hero-grid{min-height:550px}.visual-W03 .copy-hero-story{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 0 32px}.visual-W03 .copy-hero-story article{position:relative;padding:22px 24px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(90deg,#05131ac9,transparent),url('case-design/W03-textless.png');background-size:auto,350% auto;background-position:center,9% 25.5%;border:1px solid #829097}.visual-W03 .copy-hero-story article:nth-child(2){background-position:center,50% 25.5%}.visual-W03 .copy-hero-story article:nth-child(3){background-position:center,92% 25.5%}.visual-W03 .copy-hero-story p{margin:20px 0 0;font-size:16px}.visual-W03 .copy-hero-story b{font-weight:500}.visual-case .copy-anchor{max-width:none;width:100%;display:flex;align-items:center;justify-content:center;gap:35px;background:#102431;border-top:1px solid #53606b;border-bottom:1px solid #53606b;padding:18px 48px;color:white}.visual-case .copy-anchor .text-link{font-size:14px;color:inherit;border:0}.visual-case .copy-anchor .button{padding:12px 20px;min-height:0;font-size:13px}.visual-case .engineering-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin:0}.visual-case .engineering-grid>article{padding:34px 38px;background:#eeebe4;border:1px solid #ddd7cb;box-shadow:none;border-radius:0}.visual-case .engineering-grid h3{margin:0 0 16px}.visual-case .engineering-grid h4{margin:0 0 24px}.visual-case .engineering-grid ul{list-style:none;padding:0;margin:0}.visual-case .engineering-grid li{padding-left:29px;margin-top:13px;position:relative}.visual-case .engineering-grid li:before{content:'✓';position:absolute;left:0;color:#a58d5e}.visual-Y07 [data-case-part='purpose-results'] .engineering-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:320px;background:linear-gradient(120deg,#edeae3,#f7f5ef)}.visual-Y07 [data-case-part='purpose-results'] .engineering-grid article:after{content:'';position:absolute;z-index:-1;inset:0 0 0 40%;opacity:.55;background:url('case-design/Y07-textless.png') 48% 34% /600% auto;mask-image:linear-gradient(90deg,transparent,#000)}.visual-Y07 [data-case-part='purpose-results'] .engineering-grid article:nth-child(2):after{background-position:96% 34%}.visual-W03 #purpose .engineering-grid{grid-template-columns:repeat(3,1fr);gap:20px}.visual-W03 #purpose .engineering-grid>article{padding:30px}.visual-case .case-reading{margin-top:48px;border-top:1px solid #c8c2b7}.visual-case .case-reading>section{display:grid;grid-template-columns:300px 1fr;gap:64px;padding:30px 0;border-bottom:1px solid #d8d2c7}.visual-case .case-reading h3{font-size:21px;margin:0}.visual-case .case-reading p{margin:0 0 12px}.visual-case .case-reading p:last-child{margin-bottom:0}.visual-case .visual-sources,.visual-W03 #output,.visual-W03 #process{color:#f7f4ed;background:#0c202d}.visual-case .visual-sources .section-heading h2,.visual-W03 #output h2,.visual-W03 #process h2{color:inherit}.visual-case .visual-sources .copy-flow{display:grid;grid-template-columns:1.7fr 32px 1fr .65fr;gap:22px;align-items:center;margin-top:0;border:0;padding:0;background:none}.visual-case .copy-flow-column{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.visual-case .copy-flow-column>div{padding:28px 10px;border:1px solid #697883;text-align:center;background:#ffffff04;min-height:182px;display:flex;flex-direction:column;align-items:center;justify-content:center}.visual-case .copy-flow-column b{font-family:'Shared Serif','Yu Mincho',serif;font-size:18px}.visual-case .copy-flow-column small{font-size:11px;letter-spacing:0;white-space:nowrap}.visual-case .visual-sources .copy-flow>span{font-size:36px;color:#c9b07d}.visual-case .copy-video-still{position:relative;width:100%;height:180px;min-width:0;border:1px solid #c9bea8;background:url('case-design/Y07-textless.png') 76% 54.5% /440% auto}.visual-case .copy-video-still span{position:absolute;bottom:0;left:0;right:0;background:#071722b9;padding:5px 12px;font-size:12px}.visual-case .copy-flow>ul{list-style:none;padding:0;margin:0;font-size:14px;line-height:2.8}.visual-case .copy-flow>ul li:before{content:'✓';margin-right:9px;color:#cbb280}.visual-case .copy-process-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;position:relative;padding:0;background:none;border:0;margin:0}.visual-case .copy-process-flow>div{position:relative;background:#eae6de;padding:28px 12px;text-align:center;border:1px solid #e0d8c9;min-height:200px;display:flex;flex-direction:column;align-items:center}.visual-case .copy-process-flow>div:not(:last-child):after{content:'›';position:absolute;right:-17px;top:40%;color:#a78f5b;font-size:27px}.visual-case .copy-process-flow h3{font-size:18px;margin:0 0 10px}.visual-case .copy-process-flow p{font-size:14px;line-height:1.7;margin:0}.visual-case .copy-feedback{margin:22px 8% 30px;padding:16px 0 0;border-top:1px solid #8c9393;text-align:center;font-size:14px}.visual-case .tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 0}.visual-case .tech-tags span{font-size:13px;padding:5px 13px;border:1px solid #cbc1af;background:transparent;border-radius:0}.visual-W03 .copy-process-flow{grid-template-columns:repeat(5,1fr)}.visual-W03 .copy-process-flow>div:last-child{background:linear-gradient(120deg,#e2d2ab,#b7a071);border-color:#b69c65}.visual-W03 .copy-process-flow>div:last-child .visual-icon{color:#233544}.visual-W03 .copy-output-card{display:block;position:relative;min-height:295px;padding:178px 28px 24px;border:1px solid #c0c5c2;color:white;overflow:hidden;background:#102634;text-decoration:none}.visual-W03 .copy-output-card .copy-media{position:absolute;inset:0;background-image:linear-gradient(0deg,#051620 0%,transparent 85%),url('case-design/W03-textless.png');background-size:auto,238% auto;background-position:center,11% 57.5%;height:auto;opacity:.95}.visual-W03 .copy-output-card:nth-child(2) .copy-media{background-position:center,91% 57.5%}.visual-W03 .copy-output-card h3,.visual-W03 .copy-output-card p,.visual-W03 .copy-output-card small{position:relative;margin:0;color:white}.visual-W03 .copy-output-card h3{font-size:27px}.visual-W03 .copy-output-card small{display:block;color:#e3ce9c;margin-top:12px}.visual-W03 #output .container>p{color:#aebbc3;font-size:12px;margin-top:22px}.visual-W03 .copy-four{grid-template-columns:repeat(4,1fr);gap:20px}.visual-W03 .copy-four>article{padding:0;background:none;border:0}.visual-W03 .copy-four p{font-size:14px;margin:15px 0 0}.visual-W03 .copy-process-photo{height:170px;border:1px solid #847653;background-image:url('case-design/W03-textless.png');background-size:440% auto;background-position:7.3% 83.5%}.visual-W03 .copy-process-1{background-position:36% 83.5%}.visual-W03 .copy-process-2{background-position:64% 83.5%}.visual-W03 .copy-process-3{background-position:93% 83.5%}.visual-case .contact-band{position:relative;color:white;min-height:300px;display:flex;align-items:center;background:#132733 url('case-design/Y07-textless.png') left 81.5% /200% auto}.visual-case .contact-band:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081b29de,#081b2910)}.visual-case .contact-band .container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px}.visual-case .contact-band h2{font-size:32px;max-width:600px;margin:0;color:white}.visual-case .button{background:linear-gradient(115deg,#b39a65,#decea3);color:#132633;border:1px solid #d3bf91;border-radius:0;white-space:nowrap;padding:17px 28px}.visual-case .owner-note{font-size:12px;line-height:1.9;padding:24px 0;color:#77858f;background:var(--paper)}
@media(min-width:1500px){.visual-case .hero-grid{min-height:650px;padding-top:90px}.visual-case .case-hero:before{background-size:1500px auto}}
@media(max-width:1100px){.visual-case .container{width:calc(100% - 64px)}.visual-case .hero-copy h1{font-size:42px}.visual-case .hero-grid{min-height:560px}.visual-case .case-hero:before{background-size:1200px auto}.visual-case .copy-process-flow{grid-template-columns:repeat(3,1fr)}.visual-W03 .copy-process-flow{grid-template-columns:repeat(5,1fr);gap:16px}.visual-case .visual-sources .copy-flow{grid-template-columns:1.5fr 25px 1fr}.visual-case .copy-flow>ul{grid-column:3;line-height:2;display:grid;grid-template-columns:1fr}.visual-case .case-reading>section{grid-template-columns:260px 1fr;gap:40px}.visual-case .copy-anchor{gap:20px;padding:18px 24px}.visual-W03 .copy-four{gap:12px}.visual-W03 .copy-process-photo{height:130px}}
@media(max-width:700px){.visual-case .container{width:calc(100% - 48px)}.visual-case .section{padding:55px 0}.visual-case h2{font-size:28px}.visual-case .section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.visual-case .hero-grid{padding:40px 0 280px;min-height:0}.visual-case .hero-copy,.visual-W03 .hero-copy{width:100%}.visual-case .hero-copy h1{font-size:34px;line-height:1.55;margin:18px 0}.visual-case .hero-copy>p:nth-of-type(2){font-size:19px}.visual-case .hero-copy>p:last-child{font-size:16px}.visual-case .case-hero:before{inset:auto 0 0;height:300px;background-size:640px auto;background-position:right 3.7%}.visual-W03 .case-hero:before{height:650px;background-size:700px auto;background-position:right 3.6%;mask-image:linear-gradient(transparent,#000 20%)}.visual-case .subject-art{top:auto;bottom:0;height:250px;width:100%}.visual-Y07 .copy-hero-film{width:100%;right:auto;bottom:60px;font-size:11px;padding:12px;gap:12px;background:#071925dd}.visual-Y07 .copy-hero-film>span{font-size:11px}.visual-case .copy-image-note{padding-bottom:12px}.visual-W03 .hero-grid{padding-bottom:260px;min-height:0}.visual-W03 .copy-hero-story{grid-template-columns:1fr;gap:12px;padding-bottom:24px}.visual-W03 .copy-hero-story article{min-height:130px;padding:16px 20px;background-size:auto,350% auto}.visual-case .copy-anchor{flex-wrap:wrap;gap:16px 20px;padding:20px 24px}.visual-case .copy-anchor .button{width:100%;text-align:center}.visual-case .engineering-grid,.visual-W03 #purpose .engineering-grid{grid-template-columns:1fr;gap:18px}.visual-case .engineering-grid>article{padding:28px}.visual-Y07 [data-case-part='purpose-results'] .engineering-grid article{min-height:0}.visual-case .case-reading{margin-top:34px}.visual-case .case-reading>section{grid-template-columns:1fr;gap:16px;padding:25px 0}.visual-case .case-reading h3{font-size:20px}.visual-case .visual-sources .copy-flow{grid-template-columns:1fr;gap:22px}.visual-case .copy-flow-column{grid-template-columns:repeat(2,1fr);gap:12px}.visual-case .copy-flow-column>div{min-height:148px;padding:20px 10px}.visual-case .visual-sources .copy-flow>span{transform:rotate(90deg);text-align:center;line-height:1}.visual-case .copy-video-still{height:215px;background-size:440% auto}.visual-case .copy-flow>ul{grid-column:auto;grid-template-columns:1fr 1fr;font-size:14px}.visual-case .copy-process-flow,.visual-W03 .copy-process-flow{grid-template-columns:1fr;gap:23px}.visual-case .copy-process-flow>div{min-height:0;display:grid;grid-template-columns:44px 1fr;column-gap:20px;text-align:left;padding:22px}.visual-case .copy-process-flow .visual-icon{grid-row:1 / 3;margin:0}.visual-case .copy-process-flow h3{margin:0 0 6px;font-size:20px}.visual-case .copy-process-flow p{grid-column:2;font-size:15px}.visual-case .copy-process-flow>div:not(:last-child):after{right:50%;top:auto;bottom:-26px;transform:rotate(90deg);font-size:28px}.visual-case .copy-feedback{margin:28px 0}.visual-W03 .copy-output-card{min-height:230px;padding:130px 22px 20px}.visual-W03 .copy-output-card h3{font-size:23px}.visual-W03 .copy-four{grid-template-columns:repeat(2,1fr);gap:25px 16px}.visual-W03 .copy-process-photo{height:110px}.visual-case .contact-band{min-height:280px;background-size:950px auto;background-position:left 86%}.visual-case .contact-band .container{display:block}.visual-case .contact-band h2{font-size:28px;margin-bottom:28px}.visual-case .contact-band .button{white-space:normal;font-size:14px}.visual-case .owner-note{padding:22px 0}.visual-case .visual-icon{margin-bottom:17px}}

/* Crop photographic content, excluding the reference sheet's controls and frames. */
.visual-W03 .case-hero:before{top:0;bottom:auto;height:550px;background-position:center 3.4%}
.visual-W03 .copy-output-card .copy-media{background-size:auto,440% auto;background-position:center,10.7% 55.8%}
.visual-W03 .copy-output-card:nth-child(2) .copy-media{background-position:center,71.5% 55.8%}
.visual-Y07 .copy-hero-film{bottom:69px;width:460px;padding:18px 24px;gap:26px;border:0;background:linear-gradient(90deg,#081924ed,#08192470);display:grid;grid-template-columns:110px 1fr 80px 22px;align-items:center}
.visual-Y07 .copy-hero-film>span{font-size:14px;line-height:1.9}
.visual-Y07 .copy-hero-film>span:nth-child(3){font-size:10px;line-height:1.8;letter-spacing:.1em}
@media(min-width:1500px){.visual-W03 .case-hero:before{height:650px;background-position:center 3.4%}}
@media(max-width:1100px){.visual-W03 .case-hero:before{height:560px}.visual-Y07 .copy-hero-film{width:440px;gap:18px}}
@media(max-width:700px){.visual-W03 .case-hero:before{height:260px;top:380px;bottom:auto;background-size:700px auto;background-position:right 3.4%;mask-image:linear-gradient(transparent,#000 20%)}.visual-W03 .copy-hero-notes{background:#091a25}.visual-W03 .copy-output-card .copy-media{background-size:auto,510% auto;background-position:center,10.7% 55.6%}.visual-W03 .copy-output-card:nth-child(2) .copy-media{background-position:center,71.5% 55.6%}.visual-Y07 .copy-hero-film{width:100%;bottom:52px;grid-template-columns:1fr 1.3fr 65px 20px;gap:8px;padding:12px}.visual-Y07 .copy-hero-film>span{font-size:12px}.visual-Y07 .copy-hero-film>span:nth-child(3){font-size:8px}}
.visual-Y07 [data-case-part='purpose-results'] .engineering-grid article:after{background-position:37% 34%}
.visual-Y07 [data-case-part='purpose-results'] .engineering-grid article:nth-child(2):after{background-position:96% 34%}
/* Output thumbnails use clean source photography instead of the reference's player UI. */
.visual-W03 .copy-output-card .copy-media{background-size:auto,170% auto;background-position:center,85.7% 6.9%}
.visual-W03 .copy-output-card:nth-child(2) .copy-media{background-size:auto,400% auto;background-position:center,50% 25.9%}
.visual-W03 .copy-output-card:after{content:'▶';position:absolute;right:26px;top:30px;width:50px;height:50px;border:1px solid #e7e3d8;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#fff;background:#10273359;padding-left:3px}
@media(max-width:700px){.visual-W03 .copy-output-card .copy-media{background-size:auto,170% auto;background-position:center,85.7% 6%}.visual-W03 .copy-output-card:nth-child(2) .copy-media{background-size:auto,410% auto;background-position:center,50% 25.8%}}
