:root{--paper:#f1f0e9;--ink:#171917;--accent:#d5f658;--line:#cecec5;--sans:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Arial,sans-serif;--mono:ui-monospace,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #556b1b;outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;z-index:10;padding:15px;background:white}.skip:focus{top:20px}header{padding:0 4%;height:98px;background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:32px;border-bottom:1px solid #373a34}.mark{font-size:48px;letter-spacing:-7px;line-height:1;font-weight:800;padding-right:7px}.header-note{font-size:9px;line-height:1.6;font-weight:500;letter-spacing:.025em}nav{display:flex;gap:30px;margin-left:auto;font-size:12px}nav a{padding:12px 0}nav sup{font-size:8px;color:var(--accent);margin-left:3px}.hero{padding:30px 4% 35px;background:var(--ink);color:var(--paper)}.intro-line,.hero-bottom{display:flex;align-items:center;justify-content:space-between}.eyebrow,.edition{font-size:10px;line-height:1.5;letter-spacing:.06em;font-weight:600}.edition{color:#afb2a7}.hero h1{font-size:clamp(60px,9.1vw,150px);font-weight:700;letter-spacing:-.01em;line-height:.86;margin:45px 0 42px;position:relative}.hero h1>span:first-child{color:var(--accent)}.hero-asterisk{position:absolute;right:6%;top:14%;font-size:.65em;color:var(--accent);font-weight:400;line-height:1}.hero-bottom{border-top:1px solid #373a34;padding-top:23px;font-size:12px;line-height:1.5;gap:25px}.hero-bottom p{margin:0}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:7px;display:inline-flex;gap:40px}.motion-story{height:165vh;position:relative;background:var(--ink)}.motion-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px 4% 55px}.motion-image{display:block;width:100%;height:calc(100vh - 100px);position:relative;will-change:transform;transform:translateY(28px) scale(.88);overflow:hidden;background:#ac9f80}.motion-image>img{width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block}.motion-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000a);color:white;padding:90px 32px 28px;display:flex;justify-content:space-between;align-items:end}.motion-caption small{display:block;font-size:9px;letter-spacing:.05em;margin-bottom:12px}.motion-caption strong{display:block;font-size:clamp(30px,4vw,58px);letter-spacing:-.05em;font-weight:550;margin-bottom:8px}.motion-caption span>span{font-size:12px}.motion-caption b{font-size:55px;font-weight:400}.motion-label{position:absolute;bottom:18px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;color:#b7bbae}.work{padding:95px 4% 90px}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;align-items:start;margin-bottom:50px}.section-heading h2{font-size:clamp(38px,5vw,76px);font-weight:550;letter-spacing:-.01em;margin:0;line-height:.98}.section-heading>p:last-child{font-size:12px;line-height:1.5;margin-top:4px;justify-self:end}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 25px}.project-card{display:block}.project-card:nth-child(even){padding-top:100px}.project-image{aspect-ratio:1.18;overflow:hidden;background:#dadbd1}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover img{transform:scale(1.035)}.project-info{display:flex;justify-content:space-between;align-items:start;padding-top:18px}.project-info h3{font-size:25px;letter-spacing:-.01em;font-weight:550;margin:0 0 8px}.project-info p{font-size:9px;line-height:1.5;margin:0;text-transform:uppercase;letter-spacing:.025em;color:#64685c}.project-info>span{font-size:27px}.archive-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:80px;font-size:15px}.practice{background:var(--accent);padding:65px 4% 70px}.practice-top{display:flex;justify-content:space-between;align-items:start}.practice-star{font-size:70px;line-height:1}.practice h2{font-size:clamp(70px,10.7vw,160px);font-weight:600;line-height:.88;letter-spacing:-.01em;margin:38px 0 60px}.practice-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:65px}.practice-intro>p:first-child{font-size:27px;letter-spacing:-.035em;line-height:1.2;max-width:450px}.practice-intro>p:last-child{font-size:15px;line-height:1.65;max-width:460px}.practice-rows article{display:grid;grid-template-columns:70px 1.3fr 1fr;gap:20px;border-top:1px solid #9fb743;padding:25px 0}.practice-rows article>span{font-size:10px;padding-top:5px}.practice-rows h3{font-size:26px;font-weight:550;letter-spacing:-.01em;margin:0}.practice-rows p{font-size:13px;line-height:1.6;max-width:400px;margin:0}.practice-note{max-width:600px;font-size:10px;line-height:1.6;color:#46521d;margin:35px 0 0}.about{padding:80px 4% 65px}.about-main{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:48px 0 75px}.about h2{font-size:clamp(45px,5.7vw,84px);line-height:.98;letter-spacing:-.01em;font-weight:550;margin:0}.about-main>div{max-width:480px}.about-main p{font-size:14px;line-height:1.7;max-width:430px}.about-main .lead{font-size:24px;line-height:1.3;margin:0 0 25px;letter-spacing:-.025em}.about-main .text-link{margin-top:20px}.discipline-list{display:flex;gap:25px;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font-size:10px}.contact{padding:70px 4% 80px;background:var(--ink);color:var(--paper)}.contact h2{font-size:clamp(80px,15vw,220px);line-height:.86;letter-spacing:-.01em;font-weight:600;margin:45px 0 55px}.contact h2>span{color:var(--accent)}.contact-button{display:inline-flex;align-items:center;gap:80px;padding:17px 22px;background:var(--accent);color:var(--ink);font-size:13px}.contact-button span{font-size:22px}.contact-note{font-size:9px;color:#afb2a7;margin-top:15px}footer{padding:40px 4%;display:flex;align-items:center;gap:45px;font-size:10px}footer p{line-height:1.7}footer p span{color:#74776a;font-size:9px}footer>div{display:flex;gap:20px;margin-left:auto}footer>a:last-child{margin-left:30px;font-size:9px}.project-view{padding:45px 4% 90px;min-height:80vh}.project-view[hidden]{display:none}.back-link{font-size:11px;display:inline-block;margin-bottom:60px}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.project-heading h1{font-size:clamp(48px,7vw,105px);font-weight:600;line-height:.95;letter-spacing:-.01em;max-width:900px;margin:20px 0 0}.project-meta{min-width:240px}.project-meta div{display:flex;justify-content:space-between;gap:25px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.project-meta dt{font-size:9px;color:#676c5c}.project-meta dd{margin:0}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-gallery img{display:block;width:100%;height:auto;background:#dddcd2}.project-gallery img:first-child{grid-column:1/-1;max-height:850px;object-fit:contain;background:#e1e0d7}.project-end{display:flex;justify-content:space-between;gap:30px;margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.project-end p{font-size:12px;margin:0}.next-project{font-size:24px;letter-spacing:-.01em}.project-source{margin-top:30px!important;font-size:9px!important;line-height:1.5;color:#646959}
@media(min-width:1800px){body{max-width:2000px;margin:auto}}@media(max-width:1000px){.header-note{display:none}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{display:none}.practice-rows article{grid-template-columns:35px 1fr 1fr}.practice-rows h3{font-size:22px}.about-main{gap:40px}}@media(max-width:700px){header{height:78px;gap:15px}.mark{font-size:39px;letter-spacing:-6px}nav{gap:17px;font-size:11px}nav a:nth-child(3){display:none}.hero{padding-top:25px;padding-bottom:30px}.edition{display:none}.eyebrow{font-size:9px}.hero h1{font-size:clamp(35px,8.6vw,59px);line-height:.9;margin:38px 0 35px;letter-spacing:-.01em}.hero-asterisk{font-size:.45em;top:auto;bottom:5%;right:3%}.hero-bottom{flex-wrap:wrap;gap:22px;font-size:10px}.hero-bottom>p{width:44%}.hero-bottom .text-link{font-size:11px;gap:25px;margin-top:5px}.motion-story{height:auto}.motion-sticky{position:relative;height:68vh;min-height:390px;padding:0 4% 40px}.motion-image{height:100%;transform:none!important;will-change:auto}.motion-image>img{object-position:48% center}.motion-caption{padding:65px 18px 20px}.motion-caption strong{font-size:31px;line-height:1.02;max-width:240px}.motion-caption small{font-size:7px}.motion-caption span>span{font-size:10px}.motion-caption b{font-size:35px}.motion-label{font-size:7px;bottom:15px}.work{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-top:25px;font-size:48px}.project-grid{gap:36px;grid-template-columns:1fr}.project-card:nth-child(even){padding-top:0}.project-info h3{font-size:23px}.project-image{aspect-ratio:1.15}.archive-link{margin-top:42px;font-size:13px}.practice{padding-top:45px;padding-bottom:45px}.practice-star{font-size:44px}.practice h2{font-size:clamp(64px,13.9vw,96px);margin:35px 0;letter-spacing:-.01em}.practice-intro{display:block;margin-bottom:35px}.practice-intro>p:first-child{font-size:24px}.practice-intro>p:last-child{font-size:14px;max-width:100%}.practice-rows article{grid-template-columns:25px 1fr;gap:12px;padding:22px 0}.practice-rows h3{font-size:23px;line-height:1.1}.practice-rows p{grid-column:2;font-size:12px}.practice-note{font-size:9px}.about{padding-top:50px}.about-main{display:block;margin:30px 0 40px}.about h2{font-size:54px;margin-bottom:35px}.about-main .lead{font-size:22px}.discipline-list{flex-wrap:wrap;justify-content:start;gap:18px 25px;font-size:9px}.contact{padding-top:45px;padding-bottom:55px}.contact h2{font-size:clamp(78px,17vw,120px);margin:35px 0}.contact-button{gap:50px}.contact-note{max-width:300px;line-height:1.5}footer{flex-wrap:wrap;gap:25px}footer>div{margin-left:0}footer>a:last-child{margin-left:auto}.back-link{margin-bottom:30px}.project-heading{display:block}.project-heading h1{font-size:53px;margin-bottom:30px}.project-meta{max-width:450px}.project-gallery{grid-template-columns:1fr;gap:15px}.project-gallery img:first-child{max-height:none}.project-end{flex-direction:column}.next-project{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-story{height:auto}.motion-sticky{position:relative;height:80vh}.motion-image{transform:none!important;will-change:auto}}

/* Supplied vector identities, displayed at their original aspect ratios. */
.mark{display:block;flex-shrink:0;padding-right:0;line-height:0;font-size:0;letter-spacing:normal}.mark img{display:block;width:144px;height:auto}footer .mark img{width:95px}@media(max-width:700px){header .mark img{width:104px}footer .mark img{width:80px}}

.language-select{font:inherit;font-size:11px;background:transparent;color:var(--paper);border:1px solid #6a6c61;border-radius:0;min-height:38px;padding:7px 9px;cursor:pointer}.language-select option{background:var(--ink);color:var(--paper)}.language-select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:700px){header{height:auto;min-height:110px;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:14px}header nav{order:3;width:100%;margin:0;justify-content:space-between;gap:10px}header nav a{padding:3px 0}.language-select{margin-left:auto;min-height:36px}html[lang="de"] nav,html[lang="tr"] nav{font-size:10px}}

.brand-experience{background:#111;color:#f1eee8;padding:42px 4% 18px;border-bottom:1px solid #34362f}.brand-experience h2{font-size:13px;font-weight:500;letter-spacing:0;margin:0 0 8px}.brand-experience>p{font-size:10px;line-height:1.5;color:#a9ada1;margin:0}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:0;max-width:1100px;margin:15px auto 0}.brand-grid img{display:block;width:100%;max-width:155px;height:auto;justify-self:center;object-fit:contain}@media(max-width:700px){.brand-experience{padding-top:32px}.brand-grid{grid-template-columns:repeat(3,1fr);margin-top:15px}.brand-grid img{max-width:125px}.brand-grid img:last-child{grid-column:2}}

html[lang="tr"] .practice h2,html[lang="de"] .practice h2{font-size:clamp(54px,9.3vw,140px)}@media(max-width:700px){html[lang="tr"] .practice h2,html[lang="de"] .practice h2{font-size:clamp(45px,11.8vw,76px)}html[lang="de"] .about h2{font-size:46px}html[lang="de"] .practice-rows h3{overflow-wrap:anywhere}}

/* Exact supplied Illustrator artwork: outlines retained, no webfont embedding. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hero h1.hero-art-heading{font-size:inherit;line-height:0;margin:45px 0 42px}.hero-art-heading>img{display:block;width:100%;max-width:1180px;height:auto}.practice h2.practice-art-heading{line-height:1;margin:38px 0 60px}.practice-title-art{display:block;width:100%;max-width:1050px;height:auto}html[lang="en"] .practice-title-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html:not([lang="en"]) .practice-title-art{display:none}.practice-title-live{font-weight:700;font-style:italic}.section-heading h2,.about h2,.contact h2,.project-heading h1,.practice-rows h3{font-weight:700}.contact-button{position:relative;display:block;width:360px;max-width:100%;padding:0;background:none;line-height:0}.contact-button img{display:block;width:100%;height:auto}.connect-frame{display:none!important}.connect-label{position:absolute;left:38%;right:3%;top:50%;transform:translateY(-50%);font-size:18px!important;line-height:1.1;font-weight:700;font-style:italic;text-align:center;color:var(--paper)}html[lang="en"] .connect-label{width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html:not([lang="en"]) .connect-art-en{display:none}html:not([lang="en"]) .connect-frame{display:block!important}.brand-grid img:last-child{grid-column:auto}@media(max-width:700px){.hero h1.hero-art-heading{margin:38px 0 35px}.practice h2.practice-art-heading{margin:35px 0}.contact-button{width:320px}.connect-label{font-size:16px!important}.brand-grid{grid-template-columns:repeat(4,1fr)}.brand-grid img{max-width:105px}}
.brand-grid{grid-template-columns:repeat(10,1fr);max-width:none}.brand-grid img{max-width:120px}@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(5,1fr)}.brand-grid img{max-width:110px}}@media(max-width:700px){.brand-grid{grid-template-columns:repeat(4,1fr)}.brand-grid img{max-width:95px}}

/* Requested identity placement swap: original paths, contrast-only recoloring. */
header .mark img{width:96px;height:auto}footer .mark img{width:144px;height:auto}@media(max-width:700px){header .mark img{width:80px}footer .mark img{width:120px}}

/* Source PNG canvases are #131313; align the section and hide export-edge fringe. */
.brand-experience{background:#131313}.brand-grid img{clip-path:inset(1px)}
/* Compact, shared action style derived from the supplied outlined CTA. */
a.action-link,a.text-link.action-link,a.archive-link.action-link,a.contact-button.action-link,a.back-link.action-link,a.next-project.action-link{display:inline-flex;align-items:stretch;gap:0;width:max-content;max-width:100%;padding:0;min-height:46px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;line-height:1.2;font:italic 700 14px/1.2 var(--sans);letter-spacing:-.01em;vertical-align:middle;overflow:visible}a.action-link::before{content:'→';display:flex;align-items:center;justify-content:center;flex:0 0 58px;min-height:44px;border-right:1px solid currentColor;border-radius:999px;font:400 30px/1 var(--sans)}a.action-link .action-label{display:block;align-self:center;padding:13px 22px 13px 16px;text-align:left;min-width:0}a.action-link:hover{background:#ffffff0a}a.archive-link.action-link{margin-top:48px}a.back-link.action-link{margin-bottom:45px}a.next-project.action-link .eyebrow{font:600 8px/1.5 var(--sans);letter-spacing:.03em}a.contact-button.action-link{width:max-content;max-width:100%;min-height:48px}a.contact-button.action-link .action-label{padding:14px 23px 14px 17px}.language-select{border-radius:999px;font-size:11px}@media(max-width:700px){a.action-link,a.text-link.action-link,a.archive-link.action-link,a.contact-button.action-link,a.back-link.action-link,a.next-project.action-link{font-size:12px;min-height:44px}a.action-link::before{flex-basis:48px;min-height:42px;font-size:25px}a.action-link .action-label{padding:12px 17px 12px 13px}a.archive-link.action-link{margin-top:34px}.hero-bottom .text-link.action-link{font-size:11px;gap:0}}

/* 222.ai typography specification: titles -30/1000em; menu and text zero tracking.
   Sample leading is1.2em (48/57.6pt titles,30/36pt text). Native SF where installed. */
:root{--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Arial,sans-serif;--title-tracking:-.03em}
body{font-family:var(--mono);font-weight:400;letter-spacing:0;line-height:1.2}nav,.eyebrow,.edition,.hero-bottom,.text-link,.section-heading>p,.project-info p,.practice-intro p,.practice-rows p,.practice-note,.about-main p,.discipline-list,.contact-note,footer,.project-meta,.project-source,.project-end p,.motion-caption small,.motion-caption span>span,.motion-label,.brand-experience>p,.language-select{font-family:var(--mono);font-weight:400;letter-spacing:0;line-height:1.2}
h1,h2,h3,.section-heading h2,.about h2,.contact h2,.project-heading h1,.practice-rows h3,.project-info h3,.practice h2,.brand-experience h2,.motion-caption strong{font-family:var(--sans);font-weight:700;letter-spacing:var(--title-tracking);line-height:1.2}.practice-title-live{font-weight:700;font-style:italic;letter-spacing:var(--title-tracking)}.about-main .lead{font-family:var(--mono);font-weight:400;letter-spacing:0;line-height:1.2}
a.action-link,a.text-link.action-link,a.archive-link.action-link,a.contact-button.action-link,a.back-link.action-link,a.next-project.action-link{font-family:var(--mono);font-style:italic;font-weight:400;letter-spacing:0;line-height:1.2}a.next-project.action-link .eyebrow{font-family:var(--mono);font-weight:400;font-style:normal;letter-spacing:0;line-height:1.2}.language-select{font-family:var(--mono);font-style:normal;font-weight:400;letter-spacing:0}.hero h1.hero-art-heading{line-height:0}.practice h2.practice-art-heading{line-height:1.2}
@media(max-width:700px){nav{font-size:10px;gap:8px}html[lang="de"] nav,html[lang="tr"] nav{font-size:9px}.section-heading h2,.about h2,.contact h2,.project-heading h1,.practice-rows h3,.project-info h3,.practice h2{letter-spacing:var(--title-tracking);line-height:1.2}.hero h1.hero-art-heading{line-height:0}}
a.action-link .action-label{font-size:inherit!important;line-height:1.2}
/* Latest feedback: display-style action labels and tighter LIVE title leading. */
h1,h2,h3,.section-heading h2,.about h2,.contact h2,.project-heading h1,.practice-rows h3,.project-info h3,.practice h2,.brand-experience h2,.motion-caption strong,.practice h2.practice-art-heading{line-height:1;letter-spacing:-.03em}.hero h1.hero-art-heading{line-height:0}
a.action-link,a.text-link.action-link,a.archive-link.action-link,a.contact-button.action-link,a.back-link.action-link,a.next-project.action-link,a.action-link .action-label,a.next-project.action-link .eyebrow{font-family:var(--sans);font-weight:700;letter-spacing:-.03em;line-height:1.08}a.action-link .action-label{line-height:1.08}
/* One-step reduction for the practice introduction only. */
#practice .practice-intro>p:first-child{font-size:22px}@media(max-width:700px){#practice .practice-intro>p:first-child{font-size:20px}}

/* Low-resolution source preview stays at its natural size. */
.project-image.preview-only{display:flex;align-items:center;justify-content:center;background:#f5f5f5}.project-image.preview-only img{width:404px;max-width:100%;height:auto;object-fit:contain}.project-gallery.preview-only{display:block;background:#f5f5f5;padding:35px 4%}.project-gallery.preview-only img:first-child{width:404px;max-width:100%;height:auto;margin:auto;background:transparent}.project-card:hover .preview-only img{transform:none}

/* Selected Work: one compact label and the approved range only. */
.work .section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:40px}
.work .section-heading .work-label,.work .section-heading .work-years{display:block;font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:0;line-height:1.2;margin:0}
/* Base/no-JS layout is static and fully visible. Enhanced motion is scroll-driven only. */
.motion-story{height:auto}.motion-sticky{position:relative;height:80vh}.motion-image{transform:none;will-change:auto}
.scroll-title-stage{display:flow-root}.scroll-title-stage>h2{transform-origin:left center;transition:none;animation:none;opacity:1}
.motion-caption>span{transition:none;animation:none;opacity:1}
@media(min-width:701px){.scroll-motion-ready .motion-story{height:180vh}.scroll-motion-ready .motion-sticky{position:sticky;top:0;height:100vh}.scroll-motion-ready .motion-image{will-change:transform}.scroll-motion-ready .scroll-title-stage>h2{will-change:transform}}
@media(max-width:700px){.motion-sticky{height:68vh}.scroll-title-stage>h2,.motion-caption>span{transform:none!important}.work .section-heading .work-label,.work .section-heading .work-years{font-size:11px}}
@media(prefers-reduced-motion:reduce){.motion-story{height:auto!important}.motion-sticky{position:relative!important;height:80vh!important}.motion-image,.scroll-title-stage>h2,.motion-caption>span{transform:none!important;will-change:auto!important}}

/* Caption stays vertically inset throughout scrubbing, with room for its metadata. */
.motion-caption{padding-bottom:42px}.motion-caption>span{padding-right:35px}.motion-caption span>span{display:block;line-height:1.3}
.motion-diagnostic{position:fixed;left:12px;right:12px;bottom:12px;z-index:100;background:#111;color:#d5f658;border:1px solid #d5f658;padding:10px;font:12px/1.4 monospace;pointer-events:none}
@media(max-width:700px){.motion-caption{padding-bottom:28px}.motion-caption>span{padding-right:10px}}

/* Optical left alignment: compensate for original SVG artboard inset externally. */
.hero-art-heading>img{transform:translateX(-10.01799903%);overflow:visible}

/* Whole-artwork entrance and section sequence. No permanent hidden state. */
@keyframes gc-entry-rise{from{transform:translate3d(0,40px,0) scale(.98)}to{transform:none}}
@keyframes gc-entry-dissolve{from{opacity:0}to{opacity:1}}
.entry-rise{animation:gc-entry-rise 750ms cubic-bezier(.16,.65,.2,1) var(--entry-delay,0ms) backwards;transform-origin:left center}
.entry-dissolve{animation:gc-entry-dissolve 420ms ease-out var(--entry-delay,0ms) backwards}
.project-card-motion{transition:none;will-change:transform}
@media(max-width:700px){@keyframes gc-entry-rise{from{transform:translate3d(0,24px,0)}to{transform:none}}}
@media(prefers-reduced-motion:reduce){.entry-rise,.entry-dissolve{animation:none!important;transform:none!important;opacity:1!important}.project-card-motion{transform:none!important;will-change:auto}}

/* Caretta first motion study: only the original printed face rotates. */
.caretta-story .motion-sticky{padding:0}.motion-image.caretta-scene{height:100%;width:100%;background:var(--ink);transform:none!important;perspective:1100px;isolation:isolate}
.caretta-ground{position:absolute;inset:0;background:#b9aa8b url('assets/caretta-ground-ai.webp') center/cover no-repeat;clip-path:none;transform:none}
.caretta-position{position:absolute;left:50%;top:48%;width:min(58vw,75vh,840px);transform:translate(-50%,-50%);z-index:2;perspective:1100px}
.caretta-object{display:block;transform:none;transform-origin:50% 50%;will-change:transform;filter:drop-shadow(0 3px 1px #6a5a3c88)}
.caretta-object img{display:block;width:100%;height:auto;object-fit:contain}
.caretta-shadow{position:absolute;left:36%;top:55%;width:38%;height:22%;border-radius:50%;background:#322716;opacity:.29;filter:blur(10px);transform:rotate(-12deg);z-index:1}
.caretta-scene .motion-caption{z-index:3;padding:90px 4% 48px;background:linear-gradient(transparent,#171917b3)}
.caretta-story .motion-label{z-index:4;bottom:16px;color:#f1f0e9;pointer-events:none}
@media(min-width:701px){.scroll-motion-ready .caretta-story{height:210vh}.scroll-motion-ready .caretta-story .motion-sticky{height:100vh}.scroll-motion-ready .caretta-object{will-change:transform}}
@media(max-width:700px){.caretta-position{width:88vw;top:43%}.caretta-story .motion-sticky{height:78vh;min-height:480px}.caretta-scene .motion-caption{padding:80px 5% 55px}.caretta-shadow{left:27%;top:46%;width:55%;height:18%}}
@media(prefers-reduced-motion:reduce){.caretta-object{transform:none!important;will-change:auto}.caretta-ground{clip-path:none!important}}

/* Shared section-divider alignment: same 4% inset as the line below the motto. */
:root{--content-gutter:4%}
header,.hero,.work,.practice,.about,.contact,.brand-experience,.project-view,footer{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}
header,.brand-experience{position:relative;border-bottom:0}
header::after,.brand-experience::after{content:'';position:absolute;left:var(--content-gutter);right:var(--content-gutter);bottom:0;border-top:1px solid;pointer-events:none}
header::after{border-color:#373a34}.brand-experience::after{border-color:#34362f}
.hero-bottom,.practice-rows article,.discipline-list,.project-end{width:100%;max-width:none}

/* Original stationary stack restored; object and photo share one landing geometry. */
.caretta-photo{position:absolute;left:50%;top:50%;width:var(--caretta-photo-width,100%);height:var(--caretta-photo-height,100%);transform:translate(-50%,-50%);background:url('assets/karavanpark-caretta-cover.webp') center/100% 100% no-repeat;-webkit-mask-image:radial-gradient(ellipse 75% 75% at center,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at center,#000 65%,transparent 100%)}
.caretta-paper{position:absolute;left:var(--caretta-paper-left,49.857%);top:var(--caretta-paper-top,46.571%);width:var(--caretta-paper-width,44.286%);height:var(--caretta-paper-height,46.19%);transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#f2eee3,#ded8ca 68%,#cfc5b4)}
.caretta-position{left:var(--caretta-face-left,49.857%);top:var(--caretta-face-top,46.857%);width:var(--caretta-face-width,min(43.5vw,56.25vh,630px))}
.caretta-shadow{display:none}
@media(max-width:700px){.caretta-position{width:var(--caretta-face-width,66vw)}}

.caretta-photo{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.caretta-scene:not(.caretta-composition-ready) .caretta-photo{background-size:cover;-webkit-mask-image:none;mask-image:none}
.caretta-scene:not(.caretta-composition-ready) .caretta-position,.caretta-scene:not(.caretta-composition-ready) .caretta-paper{display:none}
/* Requested exception: no separator immediately above the closing contact section. */
.brand-experience::after{display:none}

/* Optional soundtrack: never starts before the visitor presses this control. */
.ambient-toggle{position:fixed;left:20px;bottom:20px;z-index:80;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 15px;border:1px solid #f3f0e8;border-radius:999px;background:#151515;color:#f3f0e8;font-family:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.08;cursor:pointer}.ambient-toggle[hidden]{display:none}.ambient-toggle:focus-visible{outline:3px solid #d7f65f;outline-offset:4px}.ambient-toggle:disabled{opacity:.65}.ambient-status{position:fixed;left:20px;bottom:72px;z-index:80;max-width:270px;background:#151515;color:#f3f0e8;font-size:12px}.ambient-status:empty{display:none}@media(max-width:700px){.ambient-toggle{left:12px;bottom:12px}}

/* Chosen covers share a frame without trimming brand marks. */
.project-image{aspect-ratio:4/3;background:#151515}.project-image img{width:100%;height:100%;object-fit:contain}.project-image.preview-only img{max-width:none}.project-gallery.preview-only img:first-child{max-width:100%;width:100%}
.project-image.preview-only img{width:100%;height:100%;max-width:100%;object-fit:contain}

.project-image.bottle-cover{background:#aec7c8}

/* Native image proportions fill each card without letterboxing or cutting artwork. */
.project-grid{align-items:start}.project-image,.project-image.preview-only{aspect-ratio:auto;background:transparent;display:block;padding:0;border:0}.project-image img,.project-image.preview-only img{display:block;width:100%;height:auto;max-width:100%;object-fit:initial}.project-image.bottle-cover{background:#aec7c8}.project-card:hover img{transform:none}
.ambient-toggle{position:fixed!important;inset:auto 20px 20px auto!important;z-index:2147483000!important;visibility:visible!important;opacity:1!important;display:flex!important;min-width:115px;min-height:48px;background:#f3f0e8!important;color:#151515!important;border:1px solid #151515;box-shadow:0 3px 18px #0005}.ambient-icon{font-size:20px;line-height:1}.ambient-status{left:auto;right:20px;bottom:78px;z-index:2147483001}@media(max-width:700px){.ambient-toggle{right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important}}

/* V23: original Skala artwork, independent scroll dissolves; stationary backdrop. */
.skala-layers{position:relative;width:100%;aspect-ratio:1400/788;overflow:hidden}
.project-image .skala-layers img{width:100%;height:100%;object-fit:fill;transform:none}
.project-image .skala-layers .skala-background{position:relative;display:block}
.project-image .skala-layers .skala-element{position:absolute;inset:0;opacity:1;pointer-events:none;transition:none}
@media(prefers-reduced-motion:reduce){.project-image .skala-layers .skala-element{opacity:1!important;transform:none!important}}
/* V24: navigation feedback uses the exact AI-section accent. */
header nav a:hover,header nav a:focus-visible{color:var(--accent)}

/* Independent cover choreography, static original remains the safe fallback. */
.cover-motion{position:relative;overflow:hidden}
.cover-stage{position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden}
.cover-live .cover-stage{opacity:1}.cover-live .cover-rest{opacity:0}
.project-image .cover-stage>.motion-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform-origin:center;transition:none}
.project-image .cover-stage>.bottle-layer{inset:auto;object-fit:contain;transform-origin:50% 65%}
@media(prefers-reduced-motion:reduce){.cover-motion .cover-stage{opacity:0!important}.cover-motion .cover-rest{opacity:1!important}}

.project-image .cover-stage>.layer-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.cover-stage>svg{display:block;width:100%;height:100%;overflow:hidden}

/* Silent, paused video frames are sought from scroll; no autoplay or music. */
.cover-stage>.cover-video{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
/* Keep the decoded video fully opaque through its terminal frame.
   The old reciprocal two-layer opacity caused a luminance dip, then a poster color jump. */
.cover-live[data-video-motion] .cover-rest{opacity:1}
.cover-live[data-video-motion] .cover-stage{opacity:1}

/* V28: upright display buttons and responsive Caretta scrub at every width. */
a.action-link,a.text-link.action-link,a.archive-link.action-link,a.contact-button.action-link,a.back-link.action-link,a.next-project.action-link,a.action-link .action-label,a.next-project.action-link .eyebrow{font-family:var(--sans);font-weight:700;font-style:normal}
.scroll-motion-ready .caretta-story{height:210vh}
.scroll-motion-ready .caretta-story .motion-sticky{position:sticky;top:0;height:100vh;min-height:0}
[data-cover-motion="satsuma"] .motion-layer{transform:none!important}
@media(prefers-reduced-motion:reduce){.scroll-motion-ready .caretta-story{height:auto}.scroll-motion-ready .caretta-story .motion-sticky{position:relative}}
/* All About body paragraphs share the approved practice row type size. */
:root{--practice-body-size:13px}
.practice-rows p,.about .about-main>div>p{font-size:var(--practice-body-size)}
@media(max-width:700px){:root{--practice-body-size:12px}}
/* Closing display has no span gap: tighten its actual line boxes, without clipping. */
.contact h2{line-height:.86;overflow:visible}

/* V29: independently assembled original key parts, exact approved endpoint. */

/* V30: stable feature captions; the coaster alone keeps its choreography. */
.caretta-scene .motion-caption>span{transform:none!important;min-width:0;max-width:100%}
.caretta-scene .motion-caption small{overflow-wrap:anywhere}
#contact-panel{border:1px solid #777;border-radius:16px;background:var(--paper);color:var(--ink);width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:35px;overflow:auto}
#contact-panel::backdrop{background:#000a}
#contact-panel h2{font-size:clamp(30px,5vw,48px);margin:24px 0;line-height:1}
#contact-panel p,#contact-panel label,#contact-panel input,#contact-panel textarea{font:400 12px/1.5 var(--mono)}
.contact-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:30px;cursor:pointer;width:44px;height:44px}
#contact-form{display:grid;gap:8px}#contact-form input,#contact-form textarea{display:block;width:100%;border:1px solid #777;border-radius:5px;padding:12px;background:#fff;color:var(--ink)}
#contact-form label{margin-top:10px}#contact-form [aria-invalid="true"]{border-color:#a72525}.field-error{font:12px/1.4 var(--mono);color:#912323;min-height:0}
.contact-review{font:normal 700 14px/1.2 var(--sans);padding:14px 22px;border:1px solid;border-radius:999px;background:transparent;width:max-content;cursor:pointer;margin-top:12px}
#contact-result{min-height:1em}.contact-recipient{overflow-wrap:anywhere}
@media(max-width:700px){#contact-panel{padding:25px}.caretta-scene .motion-caption{gap:12px;flex-wrap:wrap}}

/* Outer grid entrance is separate from internal project scroll-scrub layers. */
@keyframes gc-card-rise{from{transform:translate3d(0,48px,0)}to{transform:none}}
.project-image.entry-rise{animation-name:gc-card-rise}
.project-info.entry-dissolve,.caretta-scene .motion-caption.entry-dissolve{transform:none!important}

/* V32: a shared scroll timeline completes each project before starting the next. */
.project-grid.sequence-grid{display:block}
.sequence-row{position:relative;margin-bottom:60px}
.sequence-stage{position:sticky;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:start}
.sequence-stage .project-card{padding-top:0;min-width:0;max-width:100%}
.sequence-stage .project-card:nth-child(2){justify-self:end}
.sequence-stage .project-image{will-change:transform,opacity}
.sequence-stage .project-info{will-change:opacity}
.sequence-stage .project-card:focus-visible .project-image,.sequence-stage .project-card:focus-visible .project-info{opacity:1!important;transform:none!important}
@media(max-width:700px){.sequence-stage{grid-template-columns:minmax(0,1fr)}.sequence-row{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){.sequence-row{height:auto!important}.sequence-stage{position:relative;top:auto!important}.sequence-stage .project-image,.sequence-stage .project-info{opacity:1!important;transform:none!important}}
#contact-panel{background:#d5f658;color:#000}
#contact-panel input,#contact-panel textarea{background:#e7fbb0;color:#000;border-color:#000}
#contact-panel input::placeholder,#contact-panel textarea::placeholder{color:#343e16;opacity:1}
#contact-panel label,#contact-panel button,#contact-panel a{color:#000}
#contact-panel :focus-visible{outline:3px solid #000;outline-offset:3px}
#contact-panel .field-error{color:#641a14}#contact-panel [aria-invalid="true"]{border-color:#641a14}
#contact-panel .contact-review{background:#000;color:#d5f658;border-color:#000}
.caretta-scene .motion-caption.entry-dissolve{animation-duration:1100ms}

/* V33: page typography dissolves without spatial motion. Artwork motion is separate. */
.entry-dissolve,.caretta-scene .motion-caption.entry-dissolve{animation-duration:1350ms;animation-timing-function:cubic-bezier(.2,.5,.3,1)}
.brand-grid .entry-dissolve{animation-duration:420ms}
/* Lower text uses one viewport-triggered timed opacity dissolve, without spatial motion. */
.practice a:focus-visible,.about a:focus-visible,.contact a:focus-visible,footer a:focus-visible{opacity:1!important}

/* Never fade the surface; only registered content is animated. */
header,.hero,footer{opacity:1!important}
[data-text-entrance]:focus-within,.mark:focus-within img{opacity:1!important}

/* Set by tiny synchronous opening.js before first paint; no JS = visible. */
html.opening-pending :is(header .mark img,header nav,header #language-select,.hero h1 img,.hero .intro-line p,.hero .intro-line span,.hero-bottom>p,.hero-bottom>a){opacity:0}
@media(prefers-reduced-motion:reduce){html.opening-pending :is(header .mark img,header nav,header #language-select,.hero h1 img,.hero .intro-line p,.hero .intro-line span,.hero-bottom>p,.hero-bottom>a){opacity:1!important}}

.contact-privacy{margin-top:18px;border-top:1px solid #17191755;padding-top:12px;color:#171917;font:400 11px/1.5 var(--mono)}.contact-privacy summary{cursor:pointer;width:fit-content}.contact-privacy summary:focus-visible{outline:2px solid #171917;outline-offset:4px}#contact-panel .contact-privacy p{font-size:11px}.contact-privacy a{text-decoration:underline;text-underline-offset:3px}
/* Visual Playground: natural proportions, center foreground, overlapping smaller neighbors. */
.photo-gallery{background:#fff;color:#171917;padding:40px 0 70px;overflow:hidden;--gallery-height:clamp(420px,49vw,700px)}
.photo-gallery>.eyebrow{margin:0 4% 25px}
.gallery-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;outline-offset:-4px}
.gallery-viewport::-webkit-scrollbar{display:none}.gallery-viewport:focus-visible{outline:2px solid #171917}
.gallery-track{display:flex;position:relative;width:max-content}.gallery-set{display:flex;flex:none;align-items:center;height:var(--gallery-height);gap:20px;padding:0 20px}
.gallery-photo{position:relative;flex:none;margin:0;width:280px;transform-origin:center;will-change:transform}.gallery-photo button{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;width:100%}.gallery-photo img{display:block;width:100%;height:auto}.gallery-photo button:focus-visible{outline:3px solid #171917;outline-offset:5px}
.gallery-enhanced .gallery-set{gap:0;padding:0}.gallery-enhanced .gallery-photo{width:320px;height:100%;display:grid;place-items:center}.gallery-enhanced .gallery-photo button{width:min(30vw,calc(var(--gallery-height) * .86 * var(--photo-ratio)));flex:none}.gallery-enhanced .gallery-photo img{width:100%;height:auto;max-height:calc(var(--gallery-height)*.86);object-fit:contain}
.gallery-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#gallery-lightbox{border:0;padding:0;background:transparent;width:max-content;max-width:94vw;max-height:94dvh;overflow:visible}#gallery-lightbox::backdrop{background:#000d}#gallery-lightbox img{display:block;max-width:90vw;max-height:86dvh;object-fit:contain}#gallery-lightbox button{position:absolute;right:0;top:-42px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#000;font:30px/1 var(--sans);cursor:pointer}
@media(max-width:700px){.photo-gallery{--gallery-height:440px;padding:30px 0 45px}.gallery-enhanced .gallery-photo button{width:min(60vw,calc(var(--gallery-height)*.86*var(--photo-ratio)))}}
@media(prefers-reduced-motion:reduce){.gallery-photo{will-change:auto}.gallery-viewport{scroll-behavior:auto}}

/* Exact alignment of the complete, independently layered El Tukano scene. */
[data-cover-motion="el-tukano"]{aspect-ratio:3/4}
.project-image [data-cover-motion="el-tukano"]>.cover-rest{width:100%;height:100%;object-fit:fill}
/* V41: translated AI heading mirrors original mixed emphasis; introduction matches practice explanation body. */
.practice-title-live{font-style:normal}
#practice .practice-intro>p:first-child{font-family:var(--mono);font-size:var(--practice-body-size);font-weight:400;font-style:normal;letter-spacing:0;line-height:1.2}

.practice-title-live em{font-style:italic;font-weight:inherit}

/* V42 gallery controls are content-only; pointer interaction leaves no focus frame. */
#gallery-lightbox button{background:transparent;border:0;border-radius:0;color:var(--paper);box-shadow:none}
#gallery-lightbox button:focus{outline:none}

.gallery-photo button:focus:not(:focus-visible),.gallery-viewport:focus:not(:focus-visible){outline:none;box-shadow:none}
#practice .practice-intro>p{font-family:var(--mono);font-size:var(--practice-body-size);font-weight:400;font-style:normal;letter-spacing:0;line-height:1.2}
.about h2 em{font-style:italic;font-weight:inherit}

/* V43: one complete upright coaster hinges backward onto a second coaster. */


/* V45 robust2D overlapping panels: no perspective/3D flattening dependency. */
.gallery-enhanced .gallery-track,.gallery-enhanced .gallery-set{transform-style:flat;perspective:none}
.gallery-enhanced .gallery-photo{backface-visibility:visible}
/* Enabled only once normalized artwork is ready, avoiding destructive temporary crops. */
.gallery-uniform .gallery-photo{--photo-ratio:.8!important}
.gallery-uniform .gallery-photo button{aspect-ratio:4/5}
.gallery-uniform .gallery-photo img{aspect-ratio:4/5;object-fit:contain}

/* Native dialog autofocus can be focus-visible after pointer opening: never draw a box. */
#gallery-lightbox:focus{outline:none!important}
#gallery-lightbox button,#gallery-lightbox button:hover,#gallery-lightbox button:active,#gallery-lightbox button:focus,#gallery-lightbox button:focus-visible{appearance:none;-webkit-appearance:none;border:0!important;outline:none!important;box-shadow:none!important;background:none!important;border-radius:0;padding:0;color:var(--paper);-webkit-tap-highlight-color:transparent}
#gallery-lightbox[data-keyboard="true"] button:focus{color:#d5f658;transform:scale(1.12)}
/* V47: shared action hover uses the brand palette; image controls and lightbox X are separate. */
a.action-link:hover,#contact-panel .contact-review:hover,#contact-panel .contact-close:hover{background:var(--ink);color:#d5f658;border-color:#d5f658}
a.action-link:hover::before,a.action-link:hover .action-label,a.action-link:hover .eyebrow{color:#d5f658;border-color:#d5f658}
a.action-link:hover svg{color:#d5f658;stroke:currentColor}

/* V48 SUP: reserve the entire protruding silhouette so it cannot cover captions or neighbors. */
.project-image:has(.tukano-sup){background:transparent;overflow:visible}
.tukano-sup{aspect-ratio:3/4;width:100%;background:#f1dfb8;overflow:visible}
.tukano-sup .cover-stage{overflow:visible}
.project-image .tukano-sup .tukano-board{position:absolute;left:50%;top:50%;height:91.666667%;width:auto;max-width:none;object-fit:contain;transform:translate(-50%,-50%) scale(.75);transform-origin:center;transition:none}
.project-card:hover .tukano-sup .tukano-board{transform:translate(-50%,-50%) scale(.75)}

/* V49: all14 Selected Work surfaces share square slots and aligned caption baselines. */
#project-grid{--work-gap:25px;column-gap:var(--work-gap);row-gap:60px}
#project-grid .project-card,#project-grid .project-card:nth-child(even){width:100%;padding-top:0;min-width:0}
#project-grid .project-image,#project-grid .project-image:has(.tukano-sup){position:relative;display:block;aspect-ratio:1/1;width:100%;height:auto;padding:0;background:var(--cover-surface,var(--paper));overflow:visible}
#project-grid .project-artwork{position:absolute;left:50%;top:50%;width:var(--art-width);aspect-ratio:var(--art-ratio);transform:translate(-50%,-50%)}
#project-grid .project-artwork>img{display:block;width:100%;height:auto;object-fit:contain}
#project-grid .project-artwork .tukano-sup{aspect-ratio:1/1}
#project-grid .project-info{padding-top:18px;min-height:78px}
#project-grid .sequence-stage{gap:var(--work-gap);align-items:start}
#project-grid .sequence-row{margin-bottom:60px}
@media(max-width:700px){#project-grid{--work-gap:25px}#project-grid .project-info{min-height:78px}}

#project-grid [data-project-cover="la-percha"],#project-grid [data-project-cover="berry-village"],#project-grid [data-project-cover="satsuma"]{overflow:hidden}
#project-grid [data-project-cover="skala"]{background:#bb2b2c url('assets/skala-background-flat-v29.png') center/100% 100% no-repeat}
#project-grid [data-project-cover="skala"] .skala-background{opacity:0}
/* V49: one continuous outer pill stroke, separate from the arrow compartment divider. */
a.action-link,a.text-link.action-link,a.archive-link.action-link,a.contact-button.action-link,a.back-link.action-link,a.next-project.action-link{position:relative;isolation:isolate;border-color:transparent}
a.action-link::after{content:'';position:absolute;inset:-1px;border:1px solid currentColor;border-radius:inherit;pointer-events:none;z-index:1}
a.action-link::before{border-radius:0;border-right:1px solid currentColor}
a.action-link:hover{border-color:transparent}

/* V51: Esen is a unified square scene; only original typography moves. */
#project-grid .esen-original-layers{position:absolute;left:10%;top:0;width:80%;height:100%;overflow:hidden}
#project-grid .esen-original-layers .motion-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transition:none}
/* Blend only empty wall at the video edges into the extended studio wall. */
#project-grid [data-cover-motion="kale-kilit"] .cover-stage{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 6.430868%,#000 93.569132%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 6.430868%,#000 93.569132%,transparent 100%)}
/* V52: lift only the empty far-left wall; approved right and subject remain untouched. */
#project-grid [data-project-cover="kale-kilit"]::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.08) 12.53012%,rgba(255,255,255,0) 24.09639%,rgba(255,255,255,0) 100%)}