.case-title{padding:45px 0 35px}.case-title h1{font:500 clamp(64px,10vw,138px)/1.08 Oswald,sans-serif;letter-spacing:-.035em;margin:18px 0;text-transform:uppercase;overflow-wrap:anywhere}.case-title>p{font-size:clamp(17px,2vw,25px);max-width:850px;line-height:1.5}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.case-facts small{display:block;font-size:9px;color:var(--muted);letter-spacing:1.3px;margin-bottom:10px}.case-facts strong{font-size:13px;font-weight:500}.case-art{position:relative;margin:12px -3% 0;padding:80px 7% 50px;min-height:530px;border-radius:18px;background:radial-gradient(ellipse at 80% 10%,color-mix(in srgb,var(--case-color) 65%,white),transparent 80%),var(--case-color);overflow:hidden;isolation:isolate}.art-watermark{position:absolute;top:-20px;left:30px;font:600 clamp(100px,17vw,220px) Oswald,sans-serif;line-height:1;color:#fff2;text-transform:uppercase;white-space:nowrap;z-index:-1}.art-screens{display:flex;align-items:flex-start;justify-content:center;gap:5%;perspective:1400px}.art-screens img{width:100%;max-height:660px;object-fit:cover;object-position:top;border:7px solid #ffffffb0;border-radius:12px;box-shadow:0 25px 50px #0003;transform:rotateX(3deg);height:auto}.multi-phone .art-screens img{width:27%;height:540px;object-fit:cover;border:6px solid #fff;border-radius:22px}.multi-phone .art-screens img:nth-child(2){margin-top:65px;transform:rotate(5deg)}.multi-phone .art-screens img:first-child{transform:rotate(-6deg)}.art-label{display:block;color:#fff;font-size:10px;letter-spacing:1.5px;margin-top:36px;text-transform:uppercase;text-shadow:0 1px 8px #000}.case-jump{display:flex;position:sticky;top:0;z-index:5;gap:24px;margin:0;padding:18px 0;background:var(--bg);border-bottom:1px solid var(--line);font-size:11px;overflow:auto;white-space:nowrap}.case-jump a:hover{color:var(--accent)}.case-brief{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:80px 0;border-bottom:1px solid var(--line)}.case-brief h2,.case-chapter h2,.visual-language h2,.case-result h2{font:500 clamp(30px,4vw,52px)/1.2 Oswald,sans-serif;text-transform:uppercase;margin:15px 0 24px}.case-brief p{margin-bottom:20px;line-height:1.9}.case-chapter{padding:75px 0 15px;scroll-margin-top:65px}.chapter-heading{max-width:830px;margin-bottom:30px}.chapter-heading p{max-width:760px;font-size:15px;line-height:1.85;margin-bottom:16px}.chapter-visual:empty{display:none}.case-figure{margin:0 0 28px;min-width:0}.case-figure .zoom{background:#e9eae5;padding:0;border-radius:10px;border:1px solid var(--line);overflow:hidden;display:block;width:100%;cursor:zoom-in}.case-figure img{width:100%;height:auto;display:block}.case-figure figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:12px 2px 0}.case-figure figcaption span{color:var(--accent)}.phone-line{display:flex;gap:30px;align-items:start;justify-content:center;background:linear-gradient(130deg,#d9ead9,#eef4e9);padding:45px 35px 20px;border-radius:16px}.phone-line .phone{width:30%;max-width:350px}.phone-line .zoom{border:6px solid white;border-radius:22px;box-shadow:0 14px 28px #182b1a1a}.phone-line figcaption{color:#32402d;font-size:11px}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start;background:#e9edf3;padding:30px;border-radius:16px}.system-grid .case-figure:first-child:last-child{grid-column:1/-1}.system-grid figcaption{color:#405069}.system-grid .case-figure:nth-child(3){grid-column:1/-1;max-width:850px;margin:auto}.editorial-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}.editorial-gallery .case-figure:first-child{grid-column:1/-1}.editorial-gallery .case-figure:first-child img{max-height:none}.editorial-gallery .case-figure:only-child{max-width:1050px;margin:auto}.editorial-gallery .case-figure img{max-height:none;object-fit:contain}.case-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.case-flow>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;min-height:150px;display:flex;flex-direction:column;position:relative}.case-flow b{font:500 32px Oswald;color:var(--accent);margin-bottom:18px}.case-flow span{font-size:14px}.case-flow i{position:absolute;right:20px;top:25px;font-style:normal;color:var(--muted)}.visual-language{padding:65px 0}.case-palette{display:flex;height:190px;border-radius:15px;overflow:hidden;margin:30px 0}.case-palette>div{flex:1;position:relative}.case-palette span{position:absolute;bottom:16px;left:16px;border-radius:20px;padding:6px 10px;color:#fff;background:#0009;font:11px monospace}.skill-strip{display:flex;flex-wrap:wrap;border-block:1px solid var(--line);padding:24px 0;gap:30px}.skill-strip span{display:flex;gap:15px;align-items:center;font-size:14px}.skill-strip small{font:400 19px Oswald;color:var(--accent)}.case-result{padding:50px 0 65px;max-width:850px;scroll-margin-top:70px}.case-result p{margin-bottom:20px;line-height:1.9}.case-result .button{margin-top:20px}.visual-case #visual-language,.visual-case #brief,.visual-case #case-body{scroll-margin-top:65px}.lightbox img{max-width:none;width:auto;min-width:60vw}.lightbox{max-width:96vw}.graphic-mode .case-art{background:var(--case-color)}
@media(max-width:850px){.case-facts{gap:20px}.multi-phone .art-screens img{height:410px}.case-art{min-height:350px}.case-brief{gap:30px}.phone-line{gap:15px;padding:30px 20px 10px}.case-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.case-title{padding-top:30px}.case-title h1{font-size:58px}.case-title>p{font-size:16px}.case-facts{grid-template-columns:1fr;gap:20px;margin-top:30px}.case-facts strong{font-size:12px}.case-art{margin:0 -2%;padding:50px 20px 25px;border-radius:10px;min-height:280px}.art-screens img{max-height:380px;border-width:3px}.multi-phone .art-screens{gap:10px}.multi-phone .art-screens img{height:260px;width:31%;border-width:3px;border-radius:10px}.multi-phone .art-screens img:nth-child(2){margin-top:30px}.art-label{font-size:8px;margin-top:28px}.case-jump{font-size:10px;gap:18px;padding:15px 0}.case-brief{grid-template-columns:1fr;gap:8px;padding:35px 0}.case-brief p,.chapter-heading p,.case-result p{font-size:13px}.case-chapter{padding-top:40px}.phone-line{display:grid;grid-template-columns:1fr;padding:25px}.phone-line .phone{width:100%;max-width:320px;margin:0 auto 25px}.system-grid,.editorial-gallery{grid-template-columns:1fr;gap:20px}.system-grid{padding:15px}.system-grid .case-figure:nth-child(3){grid-column:auto}.case-figure figcaption{font-size:10px}.case-palette{height:120px}.case-palette span{font-size:8px;left:5px;bottom:10px;padding:4px}.case-flow{gap:8px}.case-flow>div{padding:16px;min-height:125px}.case-flow span{font-size:12px}.visual-language{padding:40px 0}.skill-strip{gap:20px}.skill-strip span{font-size:12px}.case-result{padding:25px 0}.lightbox img{min-width:92vw;max-width:none;width:1000px}.lightbox{max-height:94dvh}.close-lightbox{z-index:2}}

.single-phone .art-screens img{max-width:380px;max-height:660px;object-fit:cover}.single-phone .art-screens{justify-content:center}.case-art:has(.art-screens img[src*=live]) .art-screens img{max-height:660px}@media(max-width:600px){.single-phone .art-screens img{max-width:240px;max-height:460px}}

.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.evidence-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:10px 0 35px}.evidence-notes>div{padding:22px 0;border-top:1px solid var(--line)}.evidence-notes span{font:500 28px Oswald;color:var(--accent)}.evidence-notes p{font-size:13px;margin-top:12px;line-height:1.8}.desktop-mobile{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:35px;align-items:start;padding:35px;background:#e5edf4;border-radius:14px}.desktop-mobile figcaption{color:#3a4b5e}.mobile-detail .zoom{border:6px solid white;border-radius:24px;box-shadow:0 15px 35px #15283c20}.zerdeli-phones{background:linear-gradient(120deg,#dfe6f5,#eeecfa)}.zerdeli-phones .phone{width:40%;max-width:350px}.case-source-gallery{margin:45px 0}.case-source-gallery summary{font:400 25px Oswald;padding:25px 0;justify-content:space-between}.case-source-gallery summary span{color:var(--accent);font:400 16px Oswald}.case-source-gallery .editorial-gallery{padding:25px 0}.case-source-gallery .case-figure:first-child{grid-column:auto}@media(max-width:850px){.desktop-mobile{grid-template-columns:1fr 220px;padding:20px;gap:20px}}@media(max-width:600px){.evidence-pair,.evidence-notes,.desktop-mobile{grid-template-columns:1fr}.evidence-notes{gap:0}.desktop-mobile{padding:15px}.desktop-mobile .mobile-detail{width:100%;max-width:300px;margin:15px auto}.zerdeli-phones .phone{width:100%}.case-source-gallery summary{font-size:22px}}

.paired-devices .art-screens{align-items:center;gap:25px}.paired-devices .art-screens img:first-child{width:76%;max-height:560px}.paired-devices .art-screens img:last-child{width:22%;max-height:560px;border-radius:22px;transform:rotate(5deg)}@media(max-width:600px){.paired-devices .art-screens{gap:8px}.paired-devices .art-screens img:first-child{width:73%;border-width:2px}.paired-devices .art-screens img:last-child{width:26%;border-width:3px;border-radius:10px}}

.integration-board{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.integration-path{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.integration-path>div{border:1px solid #799264;padding:22px;border-radius:10px;display:grid;gap:12px}.integration-path small{font:500 26px Oswald;color:var(--accent)}.integration-path strong{font-size:18px}.integration-path span{color:var(--muted);font-size:11px}.integration-outcome{border-top:1px solid var(--line)}.integration-outcome summary{font-size:14px}.integration-outcome p{max-width:850px;font-size:13px;line-height:1.9}@media(max-width:850px){.integration-path{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.integration-board{padding:16px}.integration-path{gap:9px}.integration-path>div{padding:15px}.integration-path strong{font-size:14px}.integration-outcome summary{font-size:12px}}

.case-figure.mobile-source{width:100%;max-width:390px;margin:0 auto 28px}.editorial-gallery .mobile-source:first-child{grid-column:auto}

.twin-phones .art-screens{align-items:center;gap:60px}.twin-phones .art-screens img{width:30%;max-width:300px;max-height:650px;border:5px solid #fff;border-radius:22px;object-fit:contain}.twin-phones .art-screens img:last-child{transform:translateY(25px) rotate(3deg)}@media(max-width:600px){.twin-phones .art-screens{gap:16px}.twin-phones .art-screens img{width:43%;border-width:3px;border-radius:12px}}

.character-intro{max-width:750px;margin-bottom:30px;font-size:15px}.character-board{display:grid;grid-template-columns:1.2fr 1fr;background:var(--character-bg);color:var(--character-ink);border-radius:14px;overflow:hidden}.character-type{padding:40px;display:grid;gap:25px}.character-type small{font-size:10px;letter-spacing:1px}.character-type strong{font-size:clamp(36px,4.8vw,66px);line-height:1.12;color:var(--character-accent)}.character-type>span{font-size:19px;line-height:1.8}.character-swatches{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:35px}.character-swatches>div{display:grid;gap:10px;font-size:11px}.character-swatches i{display:block;min-height:90px;background:var(--swatch);border:1px solid #0001;border-radius:8px}.character-notes{grid-template-columns:1fr 1fr}.character-notes h3{font-size:16px;font-weight:500}@media(max-width:600px){.character-board,.character-notes{grid-template-columns:1fr}.character-type{padding:25px}.character-swatches{padding:25px;padding-top:0}.character-intro{font-size:13px}}

.brand-analysis{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.brand-analysis .case-figure img{max-height:650px;object-fit:contain}.brand-explanations details{border-color:var(--line)}.brand-explanations summary{font-size:16px}.brand-explanations p{font-size:13px;line-height:1.9}.identity-cover{padding:65px 5% 35px;min-height:0}.identity-cover .art-screens{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:25px}.identity-cover .art-screens img{width:100%;height:auto;max-height:530px;object-fit:contain;transform:none;border:0;border-radius:4px;box-shadow:0 16px 35px #0002}.identity-cover .art-label{font-size:10px}.identity-cover .art-watermark{opacity:.3}@media(max-width:600px){.brand-analysis{grid-template-columns:1fr;gap:15px}.brand-explanations summary{font-size:14px}.identity-cover{padding:40px 15px 25px}.identity-cover .art-screens{grid-template-columns:1fr;gap:15px}.identity-cover .art-screens img{max-height:300px}.identity-cover .art-screens img:last-child{max-height:200px}}
