.case-page{--case-accent:#f29f05}.case-page.accent-cyan{--case-accent:#05c7f2}.case-hero{padding-top:45px;padding-bottom:60px;display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}.case-hero .label{color:var(--cyan);margin-bottom:25px}.case-hero h1{font-size:clamp(38px,4.2vw,60px);margin-bottom:25px}.case-headline{font-size:24px;line-height:1.25;color:var(--case-accent);margin-bottom:20px}.case-intro{font-size:17px;max-width:480px}.case-jump{display:inline-block;margin-top:28px;font-size:13px;font-weight:bold}.case-cover{background:var(--case-accent);min-width:0;padding:24px;display:flex;align-items:center;justify-content:center}.case-cover img{height:390px;width:100%;object-fit:contain}.case-nav{background:var(--case-accent);color:var(--navy);display:flex;flex-wrap:wrap;gap:26px;padding-top:17px;padding-bottom:17px;font-size:13px;font-weight:bold}.case-overview{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:65px;padding-bottom:65px;background:#06264f}.case-overview .label{color:var(--cyan);margin-bottom:20px}.case-overview h2{font-size:38px;margin-bottom:24px}.case-overview h3{font-size:26px;margin-bottom:24px}.case-overview p{font-size:16px}.personal-tag{display:inline-block;margin-top:25px;color:var(--gold);font-size:11px;border-top:1px solid #ffffff50;padding-top:15px}.case-process{background:var(--blue);padding-top:65px;padding-bottom:65px}.case-section-head{max-width:740px;margin-bottom:40px}.case-section-head .label{margin-bottom:20px}.case-section-head h2{font-size:43px;margin-bottom:22px}.case-section-head>p:last-child{font-size:14px;max-width:600px}.process-step{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;margin-top:30px;padding:30px;background:var(--navy)}.process-step:nth-of-type(even){background:#06264f}.process-step figure{margin:0;background:#cbdfff;color:var(--navy);padding:20px}.process-step img{width:100%;height:300px;object-fit:contain}.process-step figcaption{font-size:11px;margin-top:15px}.process-step .label{color:var(--cyan);margin-bottom:20px}.process-step h3{font-size:31px;margin-bottom:23px}.process-step p{font-size:15px}.case-deliverables{background:var(--case-accent);color:var(--navy);padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:75px}.case-deliverables .label{margin-bottom:20px}.case-deliverables h2{font-size:45px}.case-deliverables ul{padding:0;list-style:none;margin:30px 0 0}.case-deliverables li{padding:13px 0;border-top:1px solid #02337355;font-size:15px}.case-deliverables h3{font-size:28px;margin-bottom:20px}.case-deliverables p{font-size:15px}.credit-note{margin-top:30px;border-top:1px solid #02337355;padding-top:25px}.credit-note h3{font-size:22px}.credit-note p{font-size:13px}.case-film{padding-top:60px;padding-bottom:60px;background:#061f3e}.case-film>.label{color:var(--cyan);margin-bottom:25px}.case-film>.player-frame{max-width:1024px}.case-film>p:not(.label){font-size:13px;max-width:800px;margin-top:22px;color:#c3d9f1}.case-gallery{padding-top:50px;padding-bottom:50px;background:#06264f}.case-gallery>.label{color:var(--cyan);margin-bottom:25px}.case-gallery>div{display:flex;gap:28px;flex-wrap:wrap}.case-gallery figure{margin:0;padding:22px;background:#cbdfff;color:var(--navy);flex:1;min-width:240px}.case-gallery img{width:100%;height:285px;object-fit:contain}.case-gallery figcaption{font-size:12px;margin-top:16px}.case-next{background:var(--case-accent);color:var(--navy);padding-top:50px;padding-bottom:50px;display:flex;justify-content:space-between;align-items:end;gap:30px}.case-next .label{margin-bottom:22px}.case-next h2{font-size:34px}.case-next a{text-decoration:none}.case-next>a{font-size:13px;white-space:nowrap}.case-page #motion{color:var(--cyan);background:none;border:0;text-decoration:underline;font-size:12px}.process-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.process-thumbs .process-thumb:first-child{grid-column:1/-1}.process-thumb{margin:0;padding:15px;background:#cbdfff;color:var(--navy)}.process-thumbs .process-thumb img{width:100%;height:145px;object-fit:contain;max-height:none}.process-thumbs .process-thumb:first-child img{height:220px}.process-thumb figcaption{font-size:10px;line-height:1.4;margin-top:11px}.dropdown-evidence{font-size:12px!important;color:#c3d9f1}.process-diagram{margin:22px 0 25px}.process-diagram img{width:100%;height:auto}.process-diagram figcaption{color:#c3d9f1;font-size:11px;margin-top:12px}
@media(max-width:900px){.case-hero{gap:30px}.case-cover img{height:300px}.case-overview,.case-deliverables{gap:35px}.process-step{gap:25px;padding:24px}.process-step img{height:250px}.case-next{align-items:start;flex-direction:column}}
@media(max-width:650px){.case-hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:35px;gap:30px}.case-hero h1{font-size:39px}.case-cover{padding:20px}.case-cover img{height:270px}.case-headline{font-size:23px}.case-intro{font-size:16px}.case-nav{gap:12px 22px;font-size:12px}.case-overview,.case-deliverables{grid-template-columns:1fr;gap:38px;padding-top:40px;padding-bottom:40px}.case-overview h2{font-size:33px}.case-overview h3{font-size:25px}.case-process{padding-top:40px;padding-bottom:40px}.case-section-head h2{font-size:35px}.process-step{grid-template-columns:1fr;gap:25px;padding:20px;margin-top:22px}.process-step figure{padding:15px}.process-step img{height:230px}.process-step h3{font-size:28px}.case-deliverables h2{font-size:38px}.case-gallery figure{min-width:100%}.case-gallery img{height:240px}.case-film{padding-top:40px;padding-bottom:40px}.case-film .load-video{font-size:11px;padding:12px;gap:8px}.case-next h2{font-size:30px}.process-thumbs .process-thumb:first-child img{height:190px}.process-thumbs .process-thumb img{height:125px}}
.expand-image{display:block;cursor:zoom-in}.expand-image:focus-visible{outline:3px solid #f29f05;outline-offset:5px}.image-viewer{width:96vw;max-width:1600px;height:94dvh;max-height:94dvh;padding:0;border:1px solid #41668d;background:#061f3e;color:#fff;overflow:hidden}.image-viewer::backdrop{background:#001026ed}.image-viewer[open]{display:flex;flex-direction:column}.image-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:#023373;flex-shrink:0}.image-viewer-bar p{font-size:13px;line-height:1.5;margin:0;max-width:700px}.image-viewer-bar>div{display:flex;gap:16px;align-items:center;flex-shrink:0}.image-viewer button,.image-viewer a{font:inherit;font-size:13px;color:#fff}.image-viewer button{padding:10px 13px;border:1px solid #05c7f2;background:#06264f;cursor:pointer}.image-viewer button:focus-visible,.image-viewer a:focus-visible{outline:3px solid #f29f05;outline-offset:3px}.image-viewer-stage{overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px}.image-viewer-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.image-viewer.zoomed .image-viewer-stage{display:block}.image-viewer.zoomed .image-viewer-stage img{width:max(1280px,150%);max-width:none;max-height:none;height:auto}.image-viewer-stage:focus-visible{outline:2px solid #05c7f2;outline-offset:-3px}@media(max-width:650px){.image-viewer-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.image-viewer-bar>div{width:100%;justify-content:space-between;gap:8px}.image-viewer-bar p{font-size:11px}.image-viewer-stage{padding:8px}}