/* Identity: sharp top corners, soft bottom corners. */
:root{--curve-section:88px;--curve-card:56px;--curve-image:38px;--curve-control:17px;--curve-label:9px;--sand:#decab2;--edge-card:0 0 var(--curve-card) var(--curve-card);--edge-image:0 0 var(--curve-image) var(--curve-image);--edge-control:0 0 var(--curve-control) var(--curve-control)}
.work,.gallery-section,.recognition{border-radius:0 0 var(--curve-section) var(--curve-section);position:relative;isolation:isolate}
.hero-image{border-radius:0 0 100px 100px}
.hero .image-label{border-radius:0 0 16px 16px;padding:8px 20px}
.button{border-radius:var(--edge-control);min-height:52px}
.motion-toggle,.dialog-close{border-radius:0 0 12px 12px}
.project-card{border-radius:var(--edge-card);border:0;box-shadow:0 -8px 32px #08121b0c,0 22px 50px #08121b0c}
.tags span,.tool-list span{border-radius:0 0 var(--curve-label) var(--curve-label)}
.mini-work img,.photo{border-radius:var(--edge-image)}
.photo>span{padding-right:24px;padding-bottom:20px}
.education{border-radius:var(--edge-card);padding-right:40px}
.workshop img,.award-image img{border-radius:var(--edge-image)}
#contact-form select,#contact-form textarea,#email-draft{border-radius:var(--edge-control)}
dialog,#image-dialog{border-radius:0 0 38px 38px}
.dialog-pictures img{border-radius:0 0 20px 20px}
.sarmad-art{background:linear-gradient(155deg,#32121b,#500b20 60%,#230b12)}
.sarmad-art:before{width:76%;height:72%;border:1px solid #f5dddd25;border-radius:0 0 70px 70px}
.sarmad-art img{transform:none;width:63%;box-shadow:0 25px 50px #10060a35}
.sarmad-art .film-perfs{display:none}
.sarmad-art .art-label{top:40px;left:0;width:100%;text-align:center;font-size:12px;letter-spacing:2.4px}
.sarmad-art .art-number{bottom:16px;font-size:60px;opacity:.16}
.recognition .award-image figcaption{padding-inline:5px}
@media(max-width:760px){:root{--curve-section:44px;--curve-card:34px;--curve-image:25px;--curve-control:14px}.hero-image{border-radius:0 0 64px 64px}.project-copy{padding-right:30px}.education{padding-right:30px}.photo>span{padding:35px 16px 16px}.sarmad-art:before{border-radius:0 0 40px 40px}.sarmad-art .art-label{top:18px;font-size:10px;letter-spacing:1.5px}.sarmad-art .art-number{font-size:46px;bottom:0}dialog,#image-dialog{border-radius:0 0 26px 26px}}
.gallery-section{padding-top:0}
.cinematic-scene{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:640px;padding:32px 42px 36px;margin-bottom:64px;overflow:hidden;border-radius:0 0 72px 72px;background:#071724;color:var(--sand)}
.scene-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:50% 65%;filter:saturate(.45) brightness(.64);transform:translateY(var(--drift,0px)) scale(1.13);will-change:transform}
.cinematic-scene:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#06121fe6 0%,#081826b8 28%,#0717256e 57%,#03111d9e 100%)}
.cinematic-scene:after{content:'';position:absolute;inset:18px;border:1px solid #decab223;border-radius:0 0 56px 56px;pointer-events:none;z-index:-1}
.scene-top,.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.scene-top .eyebrow{font-size:13px;letter-spacing:.5px}.scene-top .mono{font-size:11px;letter-spacing:2px;color:#ddcbb6b8}.scene-focus{text-align:center;padding:35px 0 42px}.scene-monogram{font:500 68px/1.1 'Manrope',sans-serif;letter-spacing:-6px;display:inline-block}.scene-monogram>span:first-child{font-weight:400;font-size:58px;padding:0 10px;color:#b09b81}.scene-monogram .monogram-dot{font-size:55px;color:var(--paper)}.scene-name{font:12px 'Manrope',sans-serif;letter-spacing:4px;margin:25px 0 27px}.scene-focus h2{font-size:clamp(33px,3.5vw,51px);line-height:1.6;margin:0;letter-spacing:-1px;color:var(--paper)}.scene-focus h2 span{color:var(--sand)}.scene-rule{display:block;height:1px;width:45px;background:#decab28c;margin:28px auto 0}.scene-bottom p{font-size:14px;color:#e3dcd4d9;margin:0;line-height:2}.scene-photo-link{display:inline-flex;gap:38px;align-items:center;border:1px solid #decab25c;padding:10px 18px;border-radius:0 0 17px 17px;background:#0a172445;color:var(--sand);font-size:14px}.scene-photo-link span{font-size:23px}.scene-photo-link:hover{background:#decab220}.scene-photo-link:focus-visible{outline-color:var(--sand)}
.motion-paused .scene-photo{transform:none;will-change:auto}
@media(max-width:760px){.cinematic-scene{min-height:570px;padding:25px 27px 30px;margin-bottom:38px;border-radius:0 0 42px 42px}.cinematic-scene:after{inset:12px;border-radius:0 0 30px 30px}.scene-top .mono{font-size:10px;letter-spacing:1px;max-width:110px;line-height:1.8;text-align:left}.scene-top .eyebrow{font-size:12px}.scene-focus{padding:35px 0}.scene-monogram{font-size:60px}.scene-monogram>span:first-child{font-size:50px;padding:0 8px}.scene-monogram .monogram-dot{font-size:48px}.scene-name{font-size:10px;letter-spacing:2.5px;margin:20px 0 28px}.scene-focus h2{font-size:clamp(27px,6.8vw,38px);line-height:1.75;letter-spacing:-.7px}.scene-bottom{align-items:flex-start;flex-direction:column;gap:22px}.scene-bottom p{font-size:14px}.scene-photo-link{align-self:flex-end;font-size:13px;padding:7px 15px;gap:25px}.scene-rule{margin-top:23px}.scene-photo{object-position:60% center}}
@media(prefers-reduced-motion:reduce){.scene-photo{transform:none;will-change:auto}}
/* Continuous sheets: each next background extends under the previous curve. */
:root{--chapter-pad:100px;--scene-pad:32px;--gallery-pad:64px;--contact-pad:75px;--page-gutter:4.5%;--sheet-shadow:0 27px 32px -24px #020b158c}
main{position:relative;isolation:isolate}
main>.section,main>.hero{position:relative;border-radius:0 0 var(--curve-section) var(--curve-section);box-shadow:var(--sheet-shadow)}
main>.hero{z-index:12;background:var(--ink)}
main>.ticker{position:relative;z-index:11;margin-top:calc(-1 * var(--curve-section));padding-top:calc(17px + var(--curve-section));margin-bottom:0}
main>.work{z-index:10;margin-top:0}
main>.about{z-index:9;background:var(--ink)}
main>.live{z-index:8}
main>.gallery-section{z-index:7}
main>.journey{z-index:6;background:var(--ink)}
main>.recognition{z-index:5}
main>.contact{z-index:4;background:var(--ink)}
main>.about,main>.live,main>.journey,main>.recognition{margin-top:calc(-1 * var(--curve-section));padding-top:calc(var(--chapter-pad) + var(--curve-section))}
main>.contact{margin-top:calc(-1 * var(--curve-section));padding-top:calc(var(--contact-pad) + var(--curve-section))}
main>.gallery-section{margin-top:calc(-1 * var(--curve-section));padding:0;background:transparent}
.cinematic-scene{z-index:2;margin:0 0 calc(-1 * var(--curve-section));padding:calc(var(--scene-pad) + var(--curve-section)) var(--page-gutter) 40px;min-height:calc(640px + var(--curve-section));border-radius:0 0 var(--curve-section) var(--curve-section);box-shadow:var(--sheet-shadow)}
.cinematic-scene:after{display:none}
.gallery-content{position:relative;z-index:1;background:var(--paper);border-radius:0 0 var(--curve-section) var(--curve-section);padding:calc(var(--gallery-pad) + var(--curve-section)) var(--page-gutter) var(--chapter-pad)}
@media(min-width:1600px){:root{--page-gutter:max(4.5%,calc((100vw - 1450px)/2))}}
@media(max-width:760px){:root{--chapter-pad:65px;--scene-pad:25px;--gallery-pad:38px;--contact-pad:55px;--sheet-shadow:0 20px 25px -19px #020b1599}main>.ticker{padding-top:calc(10px + var(--curve-section))}.cinematic-scene{min-height:calc(570px + var(--curve-section));padding-bottom:30px}}