/* Tadım Cafe project presentation */
.case-main{overflow:hidden}
.case-hero{min-height:calc(100svh - 78px);display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:52px;padding-top:60px;padding-bottom:70px}
.case-copy{position:relative;z-index:2}
.case-copy .eyebrow{margin-bottom:23px}
.case-copy h1{font-size:clamp(48px,6.2vw,78px);line-height:.99;letter-spacing:-.075em;margin:0;font-weight:600}
.case-copy h1 span{color:var(--muted)}
.case-copy h1 b{color:var(--accent);font-weight:500}
.case-intro{max-width:470px;color:var(--muted);font-size:13px;line-height:1.9;margin:23px 0 0}
.case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:23px}
.case-actions .button{gap:12px}
.case-meta{display:grid;grid-template-columns:1fr;gap:15px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line)}
.case-meta>div{display:flex;flex-direction:column;gap:4px}
.case-meta span,.case-visual-caption{font:8px var(--mono);letter-spacing:.1em;color:var(--muted)}
.case-meta strong{font-size:10px;font-weight:600;color:var(--text)}
.case-hero-visual{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;min-height:340px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,var(--panel-2),var(--panel) 72%);overflow:hidden}
.case-hero-visual:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:var(--accent);opacity:.05;filter:blur(75px)}
.case-device-composition{width:min(100%,760px);z-index:1}
.case-visual-caption{position:absolute;right:16px;bottom:13px;z-index:2}
.case-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:48px;align-items:start}
.case-overview h2,.case-outro h2{font-size:clamp(38px,5vw,60px);line-height:1.1;letter-spacing:-.07em;margin:0;font-weight:600}
.case-overview h2 span,.case-outro h2 span{color:var(--muted)}
.case-overview-copy{max-width:590px;color:var(--muted);font-size:12px;line-height:1.9}
.case-overview-copy p{margin:0 0 16px}
.case-highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.case-highlight{min-height:180px;padding:22px;background:var(--panel);border:1px solid var(--line)}
.case-highlight>span{font:9px var(--mono);color:var(--accent)}
.case-highlight h3{font-size:16px;margin:24px 0 8px}
.case-highlight p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}
.case-outro{padding-top:55px;padding-bottom:85px;border-top:1px solid var(--line)}
.case-outro h2{margin:17px 0 22px}
.case-outro .button{gap:14px}
.project-title-link{transition:color .2s}.project-title-link:hover{color:var(--accent)}
@media(max-width:980px){.case-hero{grid-template-columns:1fr;gap:28px;padding-top:48px}.case-copy{max-width:700px}.case-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.case-hero-visual{min-height:280px}.case-device-composition{max-width:700px}}
@media(max-width:760px){.case-hero{min-height:0;padding-top:34px;padding-bottom:52px;gap:25px}.case-copy .eyebrow{margin-bottom:16px}.case-copy h1{font-size:clamp(43px,12vw,64px)}.case-intro{font-size:12px;line-height:1.75;margin-top:17px}.case-actions{margin-top:17px;gap:8px 14px}.case-meta{margin-top:25px;padding-top:15px;gap:11px}.case-meta strong{font-size:9px}.case-hero-visual{min-height:180px}.case-visual-caption{font-size:7px;right:9px;bottom:8px}.case-overview-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}.case-overview h2,.case-outro h2{font-size:38px}.case-highlights-grid{grid-template-columns:1fr;gap:10px;margin-top:24px}.case-highlight{min-height:0;padding:17px}.case-highlight h3{margin:12px 0 6px;font-size:14px}.case-outro{padding-top:35px;padding-bottom:55px}}
@media(max-width:420px){.case-meta{grid-template-columns:1fr 1fr;row-gap:12px}.case-meta>div:nth-child(3){grid-column:1/-1}.case-actions .button{font-size:10px}.case-hero-visual{min-height:155px}.case-device-composition{width:100%}.case-overview-copy{font-size:11px}}

.case-hero-visual .device-composition{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.case-hero-visual:hover .device-composition{transform:scale(1.025)}
.case-highlight{transition:transform .28s ease,border-color .28s ease,background-color .28s ease}
.case-highlight:hover{transform:translateY(-4px)}

.case-status{cursor:default;gap:10px}.case-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}