/* Keep project details visible, with no enlarged wallpaper under the text. */
.hero-cinema{min-height:760px;height:calc(100svh - 96px);padding-top:75px}
.hero-cinema .hero-copy{max-width:43%;padding-top:0}
.hero-cinema h1{font-size:clamp(52px,4.9vw,88px);letter-spacing:-3px}
.hero-frames{left:48%;right:3.5%;top:48px;bottom:185px;z-index:-1}
.hero-frame{display:flex;align-items:center;justify-content:center}
.hero-frame img{animation:none!important;transform:none!important;object-fit:contain;object-position:center;width:100%;height:100%}
.hero-frame.portrait-frame img{width:min(100%,620px);object-fit:cover;object-position:50% 42%}
.cinema-shade{background:linear-gradient(120deg,#101016,#070b10);z-index:-2}
.hero-scene-note{bottom:135px;right:4%;max-width:48%;text-align:right}
.hero-scene-note p{margin-bottom:6px}.hero-scene-note small{display:none}
.hero-cinema .hero-description{max-width:440px}
.project-page-link{max-width:390px}.project-page-link p{font-size:14px;color:#666;line-height:1.8;margin-bottom:20px}
.project-page-link .button{padding:18px 26px}
.project-photo:has(img[src*="sivas-belediyesi"]) img{object-position:center 36%}
.experience-view>img.portrait-project{object-fit:contain;object-position:center;background:#05090d}
.sivas-story{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;background:#f2f2ef}
.sivas-story>div>p:not(.eyebrow){max-width:590px;margin:28px 0;color:#65656a;line-height:1.9}
.sivas-story .text-link{display:table;margin-top:24px}
.sivas-story video{display:block;width:100%;max-height:700px;aspect-ratio:9/16;background:#090d11}
.social-links a>span:last-child{margin-left:0}
.contact-form button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.contact-form .form-info{font-size:12px}.contact-form .form-status{font-size:13px;line-height:1.7}
.form-status.error{color:#a5000c}
@media(max-width:1100px){.hero-cinema h1{font-size:54px}.hero-cinema .hero-copy{max-width:45%}.hero-cinema{padding-left:30px;padding-right:30px}.hero-frames{left:50%;right:30px}.hero-cinema .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-actions{gap:14px}.hero-actions .button{padding:17px 20px}.hero-scene-note{right:30px}.sivas-story{gap:40px}}
@media(max-width:750px){.hero-cinema{height:auto;min-height:1020px;padding:42px 24px 610px;max-height:none}.hero-cinema .hero-copy{max-width:100%}.hero-cinema h1{font-size:clamp(42px,7.8vw,60px);line-height:1.05;letter-spacing:-2px}.hero-cinema .eyebrow{margin-bottom:20px;font-size:8px}.hero-cinema .hero-description{font-size:13px;margin:20px 0;max-width:430px}.hero-cinema .hero-description br{display:none}.hero-actions .button{font-size:12px}.hero-actions .hero-secondary{font-size:12px}.hero-frames{left:24px;right:24px;top:390px;bottom:200px}.hero-frame.portrait-frame img{max-width:430px;object-position:50% 40%}.hero-scene-note{left:24px;right:24px;bottom:145px;max-width:none;text-align:left}.hero-scene-note>span{font-size:9px}.hero-scene-note p{font-size:11px}.cinema-bottom{left:24px;right:24px;height:125px}.cinema-story{display:none}.scene-controls{margin-left:0;gap:12px}.scene-button{min-width:0;font-size:10px}.scene-button>span{display:none}.sivas-story{grid-template-columns:1fr;gap:35px}.sivas-story video{width:min(100%,390px);margin:auto;max-height:650px}.project-page-link{margin-top:25px}.project-page-link .button{width:100%}.project-page-link p{font-size:13px}}
@media(max-width:400px){.hero-cinema{min-height:950px;padding-top:34px;padding-bottom:570px}.hero-cinema h1{font-size:40px}.hero-frames{top:375px;bottom:195px}.hero-cinema .eyebrow{font-size:7px}.hero-actions{gap:12px}.hero-actions .button{padding:16px}.hero-cinema .hero-description{font-size:12px}}
/* On phones use document flow, so text wrapping cannot collide with photos. */
@media(max-width:750px){.hero-cinema{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;max-height:none;padding:38px 24px 24px}.hero-copy{order:0}.hero-frames{order:1;position:relative;inset:auto;z-index:0;width:100%;height:clamp(270px,70vw,390px);margin-top:28px;flex:none}.hero-scene-note{order:2;position:relative;inset:auto;margin-top:18px;min-height:48px;max-width:100%}.cinema-bottom{order:3;position:relative;inset:auto;margin-top:20px;height:auto;min-height:100px;padding-top:18px;display:flex;flex-wrap:wrap;gap:14px;width:100%}.scene-controls{width:100%;flex-basis:100%;height:35px;align-self:auto}.scene-button{flex:1}.scene-button i{bottom:0}.motion-toggle{margin:0 0 0 auto}.hero-actions{flex-wrap:wrap}.hero-frame.portrait-frame img{max-width:430px}}
@media(max-width:380px){.site-header{gap:8px}.brand img{width:110px}.header-contact{padding:10px;font-size:8px}.scene-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-frame{transition:none}}