:root{--paper:#0b0b0c;--ink:#f3ede5;--lime:#dbab78;--muted:#989088;--copper:#c17b52;--cream:#ece6dc}body{background:#0b0b0c;color:var(--ink);font-family:Manrope,'DM Sans',sans-serif}h1,h2,h3{font-family:Manrope,'Space Grotesk',sans-serif}.eyebrow{color:var(--copper)}.site-header{height:76px;background:rgba(11,11,12,.96);color:#f3ede5;border-bottom:1px solid #ffffff23;padding:0 4.5%;position:sticky;top:0;backdrop-filter:blur(18px)}.site-header .brand,.admin-top .brand{font-family:Manrope,sans-serif;letter-spacing:-.11em;font-size:28px}.site-header .brand span,.admin-top .brand span,footer .brand span{color:var(--copper)}.site-header nav a{font-size:12px;letter-spacing:.015em}.site-header nav a:hover{color:var(--copper)}.header-cta{font-size:12px;letter-spacing:.04em}.cursor-glow{background:radial-gradient(circle,#c17b5220,transparent 70%);width:250px;height:250px;mix-blend-mode:screen}.page-wipe{position:fixed;inset:0;z-index:999;pointer-events:none;display:flex;flex-direction:column;visibility:hidden}.page-wipe span{height:50%;background:#c17b52;transform:scaleX(0);transform-origin:left;will-change:transform}.page-wipe span+span{background:#181413;transform-origin:right}.page-wipe.leaving{visibility:visible}.page-wipe.leaving span{animation:wipeIn .62s cubic-bezier(.76,0,.24,1) forwards}.page-wipe.leaving span+span{animation-delay:.08s}.page-wipe.arriving{visibility:visible}.page-wipe.arriving span{transform:scaleX(1);animation:wipeOut .7s cubic-bezier(.76,0,.24,1) forwards;transform-origin:right}.page-wipe.arriving span+span{animation-delay:.08s;transform-origin:left}@keyframes wipeIn{to{transform:scaleX(1)}}@keyframes wipeOut{to{transform:scaleX(0)}}body.js-ready .reveal{opacity:0;transform:translateY(46px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}body.js-ready .reveal.visible{opacity:1;transform:translateY(0)}
.cinema-hero{height:min(840px,calc(100svh - 76px));min-height:660px;position:relative;overflow:hidden;background:#140e0b}.cinema-image{position:absolute;inset:0;overflow:hidden}.cinema-image img{width:100%;height:100%;object-fit:cover;object-position:58% 35%;filter:saturate(.83) contrast(1.08);animation:cinemaZoom 18s ease-in-out infinite alternate;transform-origin:center}.cinema-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,#080808ed 22%,#08080895 52%,#08080816 100%),linear-gradient(0deg,#080808d9 0%,transparent 42%,#08080854 100%)}@keyframes cinemaZoom{from{transform:scale(1.05)}to{transform:scale(1.13)}}.cinema-grain{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.cinema-top,.cinema-bottom{position:absolute;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:10px;font-weight:700;letter-spacing:.2em}.cinema-top{top:33px}.cinema-top i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--copper);box-shadow:0 0 12px var(--copper);margin-right:8px}.cinema-bottom{bottom:28px}.cinema-bottom a{border-bottom:1px solid #ffffff88;padding-bottom:6px}.cinema-bottom a span{margin-left:18px}.cinema-content{position:absolute;left:4.5%;right:4.5%;top:50%;transform:translateY(-44%);z-index:2}.cinema-kicker{font-size:10px;letter-spacing:.22em;color:#dfab7f;font-weight:800;margin-bottom:28px}.cinema-kicker span{padding:0 14px}.cinema-content h1{font-size:clamp(70px,8.8vw,145px);line-height:.9;letter-spacing:-.105em;max-width:1050px;margin:0;text-wrap:balance}.cinema-content-bottom{display:flex;align-items:end;justify-content:space-between;max-width:890px;margin-top:42px;gap:30px}.cinema-content p{font-size:16px;line-height:1.7;color:#d1c9bf;max-width:500px;margin:0}.cinema-circle{width:77px;height:77px;flex:none;border:1px solid #d8c6b6;border-radius:50%;display:grid;place-items:center;font-size:35px;transition:background .3s,color .3s,transform .3s}.cinema-circle:hover{background:#dfb080;color:#111;transform:rotate(45deg)}.cinema-ticker{height:68px;overflow:hidden;background:var(--copper);color:#130f0e;display:flex;align-items:center;font:800 27px Manrope,sans-serif;white-space:nowrap;letter-spacing:-.04em}.cinema-ticker div{animation:marquee 28s linear infinite}.cinema-ticker span{padding:0 24px;font-size:17px;vertical-align:middle}.cinema-intro{display:grid;grid-template-columns:24% 1fr;gap:35px;padding-top:125px;padding-bottom:50px;background:#0d0c0c}.cinema-intro h2,.cinema-categories h2{font-size:clamp(62px,8vw,126px);line-height:.94;letter-spacing:-.09em;margin:0}.cinema-intro h2 em,.cinema-categories h2 em,.cinema-about-strip h2 em{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:-.055em;color:#c68a68}.cinema-intro p{font-size:18px;line-height:1.65;color:#a8a19a;max-width:610px;margin-top:35px}.cinema-feature{background:#0d0c0c;padding-top:40px}.cinema-feature-top{display:flex;justify-content:space-between;padding:18px 0 28px;border-top:1px solid #ffffff4d;font-size:10px;font-weight:800;letter-spacing:.18em}.cinema-feature-top a{border-bottom:1px solid;padding-bottom:3px}.cinema-feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:55px 26px}.epic-card{grid-column:span 6;display:block}.epic-card:nth-child(1){grid-column:span 7}.epic-card:nth-child(2){grid-column:span 5;padding-top:120px}.epic-card:nth-child(3){grid-column:span 5}.epic-card:nth-child(4){grid-column:span 7;padding-top:120px}.epic-card-image{height:clamp(340px,42vw,650px);position:relative;overflow:hidden;background:#2c2420}.epic-card:nth-child(2) .epic-card-image,.epic-card:nth-child(3) .epic-card-image{height:clamp(390px,48vw,720px)}.epic-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85);transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .5s}.epic-card:nth-child(2) img,.epic-card:nth-child(3) img{object-position:center 28%}.epic-card:hover img{transform:scale(1.065);filter:saturate(1.08)}.epic-card-index{position:absolute;top:22px;left:25px;font-size:10px;letter-spacing:.2em;font-weight:800;text-shadow:0 2px 10px #000}.epic-card-arrow{position:absolute;right:22px;bottom:22px;width:58px;height:58px;border:1px solid #ffffffb5;border-radius:50%;display:grid;place-items:center;font-size:28px;backdrop-filter:blur(10px);transition:background .3s,color .3s,transform .3s}.epic-card:hover .epic-card-arrow{background:#dfb080;color:#111;border-color:#dfb080;transform:rotate(45deg)}.epic-card-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff6b;margin-top:20px;padding-top:20px}.epic-card-caption small{font-size:10px;letter-spacing:.16em;color:#ba9d88;text-transform:uppercase}.epic-card-caption h3{font-size:clamp(26px,3.1vw,47px);letter-spacing:-.06em;margin:8px 0 0}.epic-card-caption>span{font-size:11px;color:#a79d95}.cinema-reel{height:710px;position:relative;overflow:hidden;background:#1a1512}.cinema-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.cinema-reel-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080808ee,transparent 85%),linear-gradient(0deg,#080808a8,transparent 55%)}.cinema-reel-inner{position:absolute;left:4.5%;top:50%;transform:translateY(-50%);z-index:1}.cinema-reel h2{font-size:clamp(70px,8vw,125px);line-height:.93;letter-spacing:-.09em;margin:30px 0 50px}.cinema-reel a{font-size:11px;letter-spacing:.18em;font-weight:800;border-bottom:1px solid #e6ddd2;padding-bottom:12px}.cinema-reel a b{font-size:20px;margin-left:28px}.cinema-reel-index{position:absolute;right:4.5%;bottom:35px;font-size:11px;letter-spacing:.17em;font-weight:800}.cinema-categories{background:#e6dfd4;color:#171311;padding-top:130px;padding-bottom:140px}.cinema-categories .eyebrow{color:#985c3b}.cinema-categories-head{display:grid;grid-template-columns:25% 1fr;margin-bottom:85px}.cinema-categories h2 em{color:#a76744}.cinema-category-row{border-top:1px solid #3d312b;display:grid;grid-template-columns:8% 40% 1fr 130px 35px;gap:20px;align-items:center;min-height:158px;position:relative;transition:padding .3s,color .3s}.cinema-category-row:last-child{border-bottom:1px solid #3d312b}.cinema-category-row:hover{padding-left:20px;color:#9e5c38}.cinema-category-row>span{font-size:11px;font-weight:800}.cinema-category-row h3{font-size:clamp(28px,4.2vw,61px);letter-spacing:-.075em;margin:0}.cinema-category-row p{font-size:13px;line-height:1.55;color:#72675e;max-width:270px;margin:0}.cinema-category-preview{width:120px;height:92px;overflow:hidden;transform:rotate(-5deg);transition:transform .35s}.cinema-category-preview img{width:100%;height:100%;object-fit:cover}.cinema-category-row:hover .cinema-category-preview{transform:rotate(5deg) scale(1.15)}.cinema-category-row b{font-size:27px;font-weight:400}.cinema-about-strip{background:#c17b52;color:#1b110c;min-height:490px;padding:75px 4.5%;position:relative;overflow:hidden}.cinema-about-strip>span{font-size:11px;letter-spacing:.2em;font-weight:800}.cinema-about-strip h2{font-size:clamp(72px,9vw,140px);letter-spacing:-.09em;line-height:.92;margin:55px 0 35px}.cinema-about-strip h2 em{color:#f1d5b8}.cinema-about-strip a{font-size:11px;letter-spacing:.17em;font-weight:800;border-bottom:1px solid;padding-bottom:8px}.cinema-about-strip a b{margin-left:20px;font-size:20px}footer{background:#0b0b0c;color:#d8d0c6;border-top:1px solid #ffffff27}footer .brand{color:#f3ede5}footer a:hover{color:var(--copper)}
/* İç sayfalar */
.listing-hero{background:#151110;color:#f0e9e0}.listing-hero h1{color:#f3ede5}.listing-hero .lime{color:var(--copper)}.listing-hero>p,.category-hero>p,.project-hero-grid>div:first-child>p{color:#b3a69c}.filter-nav a{border-color:#8d8077}.filter-nav a.selected,.filter-nav a:hover{background:var(--copper);border-color:var(--copper);color:#17100d}.listing-work{background:#0d0c0c}.work-info{border-top-color:#8c7c6d}.work-info p{color:#aaa19a}.work-info span{color:#b79a84}.work-image{background:#2b211d}.image-arrow{background:#eee3d7;color:#18110e}.category-hero-key-art{background:linear-gradient(90deg,#0d0b0be8,#0d0b0b8a),url('uploads/ask-tanitim-2026.jpg') center 30%/cover}.category-hero-photo{background:linear-gradient(90deg,#0d0b0bed,#0d0b0b84),url('uploads/portfolio-3.jpg') center 40%/cover}.category-hero-video{background:#15100f}.category-hero .eyebrow{color:#d9a074}.category-hero h1{font-family:Manrope,sans-serif}.category-list-top{border-color:#81756d}.project-hero{background:#17110f}.project-media{background:#080707}.project-after{background:#e6dfd4;color:#19130f}.project-after .eyebrow{color:#a1613c}.next-strip{background:#c17b52;color:#180f0b}.about-page-hero{background:#c17b52;color:#1b100c}.about-page-hero h1 em{color:#f0d3b6}.about-page-meta span{border-color:#2c1d16}.about-story{background:#e6dfd4;color:#171311}.about-story .eyebrow{color:#a0603e}.about-story p+p{color:#766a61}.experience{background:#141110}.experience-list span{color:#c99674}.experience-list p{color:#ac9e93}.about-skill{background:#b47b5b;color:#1e130e}.about-skill .eyebrow{color:#402416}.contact-page{background:#0f0d0c}.contact-page h1 em{color:#c08260}.contact-page-star{color:#241713}.contact-page-links a:hover{color:#d4a07a}
.admin-body{background:#111310;color:#f2f4eb}.admin-body .eyebrow{color:#d4a170}.admin-body .btn{background:#d8ae80;color:#15100d}.admin-body .btn:hover{background:#f1cca6}.admin-body .notice{background:#d8ae80}
.cinema-circle,.epic-card-arrow{color:#f3ede5!important}.cinema-circle:hover,.epic-card:hover .epic-card-arrow{color:#17110e!important}
@media(max-width:900px){.site-header nav{background:#161311;color:#f4ede5;top:76px}.cinema-hero{min-height:700px}.cinema-image img{object-position:64%}.cinema-content h1{font-size:clamp(68px,11vw,110px)}.cinema-intro,.cinema-categories-head{grid-template-columns:1fr;gap:30px}.cinema-category-row{grid-template-columns:8% 1fr 100px 25px}.cinema-category-row p{display:none}.cinema-category-preview{width:92px;height:78px}.cinema-reel{height:630px}}
@media(max-width:650px){.site-header{height:70px}.site-header nav{top:70px}.cinema-hero{height:calc(100svh - 70px);min-height:640px}.cinema-image img{object-position:62% 50%}.cinema-image:after{background:linear-gradient(90deg,#080808db,#08080861 80%),linear-gradient(0deg,#080808ed,transparent 70%)}.cinema-top,.cinema-bottom{left:5%;right:5%;font-size:8px}.cinema-top span:last-child,.cinema-bottom span{display:none}.cinema-content{left:5%;right:5%;top:auto;bottom:110px;transform:none}.cinema-kicker{font-size:8px;line-height:1.8;margin-bottom:22px}.cinema-kicker span{padding:0 5px}.cinema-content h1{font-size:clamp(62px,14.5vw,88px);letter-spacing:-.1em}.cinema-content-bottom{align-items:end;margin-top:30px}.cinema-content p{font-size:13px;max-width:300px}.cinema-circle{width:55px;height:55px;font-size:26px}.cinema-ticker{height:53px;font-size:20px}.cinema-intro{padding-top:90px;padding-bottom:25px}.cinema-intro h2,.cinema-categories h2{font-size:59px}.cinema-intro p{font-size:15px}.cinema-feature{padding-top:20px}.cinema-feature-grid{display:block}.epic-card,.epic-card:nth-child(1),.epic-card:nth-child(2),.epic-card:nth-child(3),.epic-card:nth-child(4){display:block;padding-top:0;margin-bottom:55px}.epic-card-image,.epic-card:nth-child(2) .epic-card-image,.epic-card:nth-child(3) .epic-card-image{height:440px}.epic-card-caption h3{font-size:29px}.cinema-reel{height:560px}.cinema-reel h2{font-size:64px}.cinema-categories{padding-top:95px;padding-bottom:95px}.cinema-categories-head{margin-bottom:55px}.cinema-category-row{grid-template-columns:8% 1fr 75px 20px;gap:9px;min-height:130px}.cinema-category-row h3{font-size:29px}.cinema-category-preview{width:70px;height:70px}.cinema-about-strip{min-height:430px}.cinema-about-strip h2{font-size:64px}.category-hero-key-art{background-position:60% center}}
@media(prefers-reduced-motion:reduce){.cinema-image img,.cinema-ticker div{animation:none!important}.page-wipe{display:none!important}body.js-ready .reveal{opacity:1;transform:none}}
/* Full artwork presentation and project stories */
.epic-card-image,.epic-card:nth-child(2) .epic-card-image,.epic-card:nth-child(3) .epic-card-image{height:auto;min-height:0;aspect-ratio:4/3;background:#1e1917;display:grid;place-items:center}.epic-card-image img,.work-image img{width:100%;height:100%;object-fit:contain;object-position:center}.work-image{height:auto;min-height:0;aspect-ratio:4/3;display:grid;place-items:center}.project-story{background:#e8e0d5;padding:0 0 7vw}.story-block{max-width:1320px;margin:0 auto;padding:clamp(20px,4vw,60px) 4vw}.story-block.story-narrow{max-width:850px}.story-block.story-left{text-align:left}.story-block.story-center{text-align:center}.story-block h2{font:700 clamp(28px,4vw,55px)/1.15 Manrope,sans-serif;letter-spacing:-.055em;color:#241812;margin:0}.story-block p{font:400 clamp(15px,1.35vw,20px)/1.75 DM Sans,sans-serif;color:#4f453f;margin:0 auto;max-width:790px}.story-block.story-left p{margin-left:0}.story-block>img,.story-block>video{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.story-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.story-gallery img{display:block;width:100%;height:auto;object-fit:contain;background:#d0c4b7}.fallback-gallery{background:#e8e0d5;padding:4vw;max-width:none}.project-media img,.project-media video{width:100%;height:auto;object-fit:contain}.category-art img,.cinema-category-preview img{object-fit:contain!important}.story-block.story-image{padding-top:15px;padding-bottom:15px}@media(max-width:650px){.epic-card-image,.epic-card:nth-child(2) .epic-card-image,.epic-card:nth-child(3) .epic-card-image{height:auto;aspect-ratio:4/3}.story-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.story-block{padding:28px 4vw}.story-block.story-image{padding:8px 0}.story-block h2{font-size:30px}.story-block p{font-size:15px}.fallback-gallery{padding:4vw}}
/* Portfolio media follows each upload's intrinsic aspect ratio. */
.epic-card-image,.epic-card:nth-child(2) .epic-card-image,.epic-card:nth-child(3) .epic-card-image,.work-image{display:block;height:auto;min-height:0;aspect-ratio:auto;background:transparent;overflow:visible}
.epic-card-image img,.epic-card:nth-child(2) .epic-card-image img,.epic-card:nth-child(3) .epic-card-image img,.work-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:initial;max-width:100%}
.epic-card:hover img{transform:none;filter:saturate(1.08)}
.cinema-feature-grid,.work-grid{align-items:start}
.epic-card:nth-child(2),.epic-card:nth-child(4){padding-top:0}
@media(max-width:650px){.epic-card-image,.epic-card:nth-child(2) .epic-card-image,.epic-card:nth-child(3) .epic-card-image,.work-image{height:auto;aspect-ratio:auto}}
.cinema-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.feature-column{display:flex;flex-direction:column;gap:55px;min-width:0}.feature-column .epic-card,.feature-column .epic-card:nth-child(1),.feature-column .epic-card:nth-child(2),.feature-column .epic-card:nth-child(3),.feature-column .epic-card:nth-child(4){display:block;padding:0;margin:0;grid-column:auto}.feature-column .epic-card-image{width:100%}@media(max-width:650px){.cinema-feature-grid{display:flex;flex-direction:column;gap:0}.feature-column{display:contents}.epic-card-1{order:1}.epic-card-2{order:2}.epic-card-3{order:3}.epic-card-4{order:4}.feature-column .epic-card{margin-bottom:45px!important}}
/* Cinematic system: responsive image-led rows, editorial rhythm, motion. */
.cinema-feature-grid{display:flex;flex-direction:column;gap:clamp(36px,5vw,90px)}
.feature-row{display:grid;grid-template-columns:minmax(0,calc(var(--ratio-a) * 1fr)) minmax(0,calc(var(--ratio-b) * 1fr));gap:clamp(14px,1.4vw,27px);align-items:start}
.feature-row .epic-card{display:block!important;grid-column:auto!important;padding:0!important;margin:0!important;min-width:0}
.feature-row .epic-card-image{display:block!important;width:100%;height:auto!important;aspect-ratio:auto!important;position:relative;isolation:isolate;overflow:hidden;background:#171210}
.feature-row .epic-card-image img{display:block;width:100%;height:auto;object-fit:initial;filter:saturate(.93) contrast(1.02);transition:filter .7s ease}
.feature-row .epic-card:hover img{filter:saturate(1.15) contrast(1.05)}
.epic-card-glint{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(350px circle at var(--mx,50%) var(--my,50%),rgba(255,224,188,.17),transparent 72%);mix-blend-mode:screen;opacity:0;transition:opacity .5s}
.epic-card:hover .epic-card-glint{opacity:1}
.epic-card-image:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);pointer-events:none;z-index:3}
.epic-card-index,.epic-card-arrow{z-index:4}
.epic-card-caption{position:relative;overflow:hidden;border-color:rgba(255,231,213,.4);transition:border-color .35s}
.epic-card-caption:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.epic-card:hover .epic-card-caption:before{transform:scaleX(1)}
.epic-card-caption h3{transition:color .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
.epic-card:hover .epic-card-caption h3{color:#dba880;transform:translateX(7px)}
.epic-card-arrow{transition:background .35s,color .35s,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s!important}
.epic-card:hover .epic-card-arrow{box-shadow:0 0 45px #c68967a8;transform:rotate(45deg) scale(1.09)}
.site-header{z-index:90;transition:background .4s,border-color .4s,box-shadow .4s}
.site-header.is-scrolled{background:rgba(8,7,8,.83);border-color:#c58a6459;box-shadow:0 12px 50px #0008}
.site-header nav a{position:relative;padding:7px 0}
.site-header nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.site-header nav a:hover:after,.site-header nav a.active:after{transform:scaleX(1);transform-origin:left}
.motion-progress{height:2px;position:fixed;top:0;left:0;z-index:999;width:100%;background:linear-gradient(90deg,#a65d41,#efd3af);transform:scaleX(0);transform-origin:left;pointer-events:none}
.cinema-hero{isolation:isolate}
.cinema-image img{animation:heroDrift 20s ease-in-out infinite alternate;will-change:transform}
@keyframes heroDrift{from{transform:scale(1.04) translate3d(-.5%,0,0)}to{transform:scale(1.1) translate3d(1.5%,-1%,0)}}
.cinema-grain{animation:grainShift 7s steps(7) infinite}
@keyframes grainShift{0%,100%{transform:translate(0,0)}25%{transform:translate(-1.5%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-.5%,-1%)}}
.cinema-content h1{animation:heroTypeIn 1.2s cubic-bezier(.16,1,.3,1) both}
.cinema-kicker,.cinema-content-bottom,.cinema-top,.cinema-bottom{animation:heroFadeIn 1s both}
.cinema-kicker{animation-delay:.25s}.cinema-content-bottom{animation-delay:.65s}.cinema-bottom{animation-delay:.85s}
@keyframes heroTypeIn{from{opacity:0;filter:blur(12px);transform:translateY(55px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes heroFadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.cinema-circle,.header-cta,.cinema-reel-inner a,.cinema-about-strip a{transition:transform .45s cubic-bezier(.2,.7,.2,1),background .4s,color .4s}
.cinema-circle:hover{transform:rotate(45deg) scale(1.08)}
.cinema-intro h2,.cinema-categories h2,.experience h2,.about-story h2{max-width:100%}
.cinema-reel{isolation:isolate;overflow:hidden}
.cinema-reel video{transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1s}
.cinema-reel:hover video{transform:scale(1.035);filter:saturate(1.15)}
.cinema-category-row{position:relative;overflow:hidden;transition:padding-left .5s cubic-bezier(.2,.7,.2,1),background .4s}
.cinema-category-row:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#bc7d5b22,transparent 70%);transform:translateX(-100%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cinema-category-row:hover:before{transform:translateX(0)}
.cinema-category-row:hover{padding-left:22px}
.listing-hero,.category-hero,.project-hero,.about-page-hero,.contact-page{isolation:isolate}
.listing-hero:before,.project-hero:before,.contact-page:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 18%,#ae6d4530,transparent 36%);z-index:-1}
.listing-hero,.project-hero{position:relative}
.listing-hero h1,.category-hero h1,.project-hero h1,.about-page-hero h1,.contact-page h1{animation:heroTypeIn 1s cubic-bezier(.16,1,.3,1) both}
.category-hero .breadcrumbs,.project-hero .breadcrumbs,.project-hero-grid>div:first-child>p,.contact-page>p{animation:heroFadeIn 1s .2s both}
.work-card{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.work-card:hover{transform:translateY(-9px)}
.work-image{overflow:hidden!important}
.work-image:after{content:'';position:absolute;inset:0;border:1px solid #ffffff36;pointer-events:none}
.work-image img{transition:filter .5s}
.work-card:hover .work-image img{filter:saturate(1.12)}
.work-info h3 a{transition:color .3s}.work-info h3 a:hover{color:var(--copper)}
.story-block img,.story-gallery img{box-shadow:0 25px 80px #20110e21}
.story-block.story-image,.story-block.story-gallery{overflow:hidden}
.story-block.story-media-gallery{overflow:hidden;padding-top:clamp(10px,1.5vw,22px);padding-bottom:clamp(24px,3vw,44px)}
.story-block.story-heading + .story-block.story-media-gallery{padding-top:0}
.story-block.story-media-gallery .story-gallery{width:100%;min-width:0}
.project-extra-title{padding-bottom:0}
.cinema-reel-youtube{position:absolute;top:50%;left:50%;width:max(100%,1263px);height:max(100%,56.25vw);border:0;transform:translate(-50%,-50%);pointer-events:none}
.cinema-reel .cinema-reel-watch{display:inline-block;margin-left:32px}
@media(max-width:900px){.cinema-reel-youtube{width:max(100%,1120px);height:max(100%,56.25vw)}}
@media(max-width:650px){.cinema-reel-youtube{width:max(100%,996px)}.cinema-reel .cinema-reel-watch{display:block;width:max-content;margin:28px 0 0}}
.story-block.story-image img,.story-gallery img{transition:filter .6s ease}.story-block.story-image img:hover,.story-gallery img:hover{filter:saturate(1.14)}
.contact-page-links a{transition:padding-left .45s cubic-bezier(.2,.7,.2,1),color .3s}.contact-page-links a:hover{padding-left:18px}
@media(max-width:900px){.feature-row{grid-template-columns:minmax(0,calc(var(--ratio-a) * 1fr)) minmax(0,calc(var(--ratio-b) * 1fr))}.epic-card-caption h3{font-size:clamp(22px,3vw,39px)}}
@media(max-width:650px){.cinema-feature-grid{display:flex;gap:38px}.feature-row{display:flex;flex-direction:column;gap:38px}.feature-row .epic-card{width:100%;margin:0!important}.feature-row .epic-card-image{width:100%}.cinema-image img{animation-duration:24s}.cinema-category-row:hover{padding-left:0}.work-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.cinema-image img,.cinema-grain,.cinema-content h1,.cinema-kicker,.cinema-content-bottom,.cinema-top,.cinema-bottom,.listing-hero h1,.category-hero h1,.project-hero h1,.about-page-hero h1,.contact-page h1,.category-hero .breadcrumbs,.project-hero .breadcrumbs,.project-hero-grid>div:first-child>p,.contact-page>p{animation:none!important}.epic-card,.work-card,.cinema-category-row,.cinema-reel video{transition:none!important}}
@media(prefers-reduced-motion:no-preference){.work-card,.experience-list>div,.story-block,.contact-page-links a{transition:opacity .85s,transform .85s cubic-bezier(.16,1,.3,1)}.js-ready .work-card:not(.in-scene),.js-ready .experience-list>div:not(.in-scene),.js-ready .story-block:not(.in-scene),.js-ready .contact-page-links a:not(.in-scene){opacity:0;transform:translateY(35px)}.js-ready .work-card.in-scene,.js-ready .experience-list>div.in-scene,.js-ready .story-block.in-scene,.js-ready .contact-page-links a.in-scene{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.feature-row[style]{display:flex;flex-direction:column;grid-template-columns:none!important}}
.next-project{display:grid;grid-template-columns:1fr 42%;min-height:clamp(360px,40vw,620px);background:#b77e5b;color:#1b100b;overflow:hidden}.next-project-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(30px,5vw,90px)}.next-project .eyebrow{color:#422a1d}.next-project h2{font-size:clamp(50px,7vw,124px);line-height:.92;letter-spacing:-.085em;max-width:900px;margin:auto 0;transition:transform .7s cubic-bezier(.16,1,.3,1)}.next-project:hover h2{transform:translateX(12px)}.next-project-cta{border-bottom:1px solid;letter-spacing:.16em;font-size:11px;font-weight:800;padding-bottom:9px}.next-project-cta b{font-size:25px;margin-left:20px}.next-project-image{display:grid;place-items:center;background:#1e1613;padding:clamp(15px,4vw,65px);overflow:hidden}.next-project-image img{display:block;max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .7s}.next-project:hover .next-project-image img{transform:scale(1.035);filter:saturate(1.12)}.page-wipe:after{content:attr(data-title);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 clamp(28px,5vw,85px)/.95 Manrope,sans-serif;letter-spacing:-.07em;white-space:nowrap;color:#f4e7d7;opacity:0;transition:opacity .2s;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.page-wipe.leaving:after,.page-wipe.arriving:after{opacity:1;transition-delay:.25s}.project-story img,.fallback-gallery img,.project-media img{cursor:zoom-in}.portfolio-lightbox{border:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#090808f5;color:#fff;overflow:hidden}.portfolio-lightbox::backdrop{background:#000e}.lightbox-frame{height:100%;width:100%;display:grid;place-items:center;padding:65px 5vw}.lightbox-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 80px #0008}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:1px solid #ffffff85;color:#fff;background:#1b1615bb;backdrop-filter:blur(12px);border-radius:50%;width:52px;height:52px;font-size:25px;display:grid;place-items:center;cursor:pointer;transition:background .25s,transform .25s}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#be815f;transform:scale(1.08)}.lightbox-close{top:20px;right:25px}.lightbox-prev{left:25px;top:50%}.lightbox-next{right:25px;top:50%}.lightbox-counter{position:absolute;left:25px;top:28px;font-size:10px;letter-spacing:.18em}.portfolio-lightbox[open]{animation:lightboxIn .35s ease both}@keyframes lightboxIn{from{opacity:0}to{opacity:1}}@media(max-width:650px){.next-project{display:flex;flex-direction:column;min-height:0}.next-project-copy{min-height:350px}.next-project h2{font-size:54px}.next-project-image{min-height:300px}.lightbox-frame{padding:70px 10px}.lightbox-prev,.lightbox-next{width:40px;height:40px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
.work-grid-cinema{display:flex;flex-direction:column;gap:clamp(35px,5vw,85px)}.work-pair{display:grid;gap:clamp(15px,2vw,38px);align-items:start}.work-pair .work-card,.work-pair .work-card:nth-child(even){margin:0;min-width:0}.work-pair .work-image{height:auto;aspect-ratio:auto;overflow:hidden;background:transparent}.work-pair .work-image img{width:100%;height:auto;display:block;object-fit:initial}.work-pair .work-info{margin-top:18px}.work-pair .work-info h3{font-size:clamp(25px,3vw,44px)}@media(max-width:650px){.work-pair{display:flex;flex-direction:column;gap:48px;grid-template-columns:none!important}.work-pair .work-card{width:100%}.work-pair .work-info h3{font-size:29px}}
/* Work landing scene: artwork fills the former empty half. */
.listing-hero{display:grid;grid-template-columns:minmax(0,52%) minmax(0,48%);grid-template-rows:auto auto auto 1fr auto;column-gap:clamp(25px,3vw,60px);align-items:start;min-height:650px;padding-top:clamp(60px,6vw,105px)!important;padding-bottom:35px!important;overflow:hidden}.listing-hero>.eyebrow{grid-column:1;grid-row:1;margin:0 0 25px}.listing-hero h1{grid-column:1;grid-row:2;font-size:clamp(100px,12vw,215px)!important;line-height:.88;margin:10px 0 28px;max-width:100%;white-space:nowrap}.listing-hero>p{grid-column:1;grid-row:3;font-size:clamp(16px,1.25vw,21px);margin:0;max-width:590px}.listing-hero-visual{grid-column:2;grid-row:1/5;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;margin-left:auto;width:min(100%,720px);position:relative;color:#e8d9c9}.listing-hero-visual:before{content:'✳';position:absolute;right:-4%;top:-6%;font-size:clamp(140px,21vw,350px);line-height:1;color:#ac684826;pointer-events:none;animation:spin 45s linear infinite}.listing-hero-visual-frame{position:relative;z-index:1;width:100%;max-height:460px;display:grid;place-items:center;background:#221916;border:1px solid #d6a17a55;padding:clamp(8px,1vw,16px);overflow:hidden;box-shadow:35px 35px 0 -20px #b4754c4d}.listing-hero-visual-frame img{display:block;width:100%;max-height:430px;height:auto;object-fit:contain;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s}.listing-hero-visual:hover img{transform:scale(1.025);filter:saturate(1.12)}.listing-hero-visual>span{font-size:10px;letter-spacing:.18em;color:#c38e70;margin-top:12px}.listing-hero-visual>strong{font-size:clamp(20px,1.8vw,30px);font-weight:600;letter-spacing:-.05em}.listing-hero .filter-nav{grid-column:1/-1;grid-row:5;margin-top:45px}.listing-work{padding-top:clamp(35px,4vw,75px)!important}@media(max-width:800px){.listing-hero{display:flex;flex-direction:column;min-height:0;gap:0;padding-top:60px!important}.listing-hero h1{font-size:clamp(85px,18vw,155px)!important}.listing-hero>p{font-size:17px}.listing-hero-visual{width:100%;max-width:580px;margin:45px 0 0}.listing-hero .filter-nav{margin-top:45px;width:100%}}@media(max-width:650px){.listing-hero{padding-top:45px!important}.listing-hero h1{font-size:clamp(75px,21vw,110px)!important;margin:0 0 18px}.listing-hero-visual{margin-top:35px}.listing-hero-visual-frame{max-height:none}.listing-hero-visual-frame img{max-height:none}.listing-hero .filter-nav{margin-top:35px}.listing-work{padding-top:35px!important}}
.contact-page{padding-right:43%;min-height:900px}.contact-page h1{font-size:clamp(65px,7.8vw,135px);margin:75px 0 25px}.contact-page>p{max-width:620px}.contact-page-links{margin-top:50px}.contact-page-links a,.contact-fact{display:grid;grid-template-columns:21% 1fr 26px;align-items:center;gap:10px;border-top:1px solid #6b625d;padding:18px 0;min-width:0}.contact-fact:last-child{border-bottom:1px solid #6b625d}.contact-fact span{font-size:10px;letter-spacing:.15em;color:#bb9d88}.contact-fact b{font-size:clamp(17px,2vw,26px);letter-spacing:-.045em;font-weight:500}.contact-fact i{font-style:normal;color:#bd815f}.contact-page-links b{overflow-wrap:anywhere}.contact-portrait{position:absolute;right:4.5%;top:12%;width:33%;height:74%;background:#251b17;border:1px solid #aa735558;display:grid;place-items:center;overflow:hidden;box-shadow:30px 30px 0 -20px #bc805c59}.contact-portrait:before{content:'';position:absolute;inset:3%;border:1px solid #ffffff3d;z-index:2;pointer-events:none}.contact-portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.1)}.contact-portrait-monogram{font-size:clamp(55px,7vw,155px);font-weight:800;letter-spacing:-.16em;color:#d8a480}.contact-portrait-monogram span{font-size:.35em;vertical-align:top;letter-spacing:0}.contact-portrait small{position:absolute;bottom:5%;left:8%;color:#f0d7be;font-size:9px;letter-spacing:.18em;z-index:2}.contact-page-star{z-index:-1;right:23%;bottom:-300px}@media(max-width:900px){.contact-page{padding-right:5%;min-height:0}.contact-portrait{position:relative;right:auto;top:auto;width:100%;height:400px;margin-top:40px}.contact-page-links{max-width:none}.contact-page h1{font-size:clamp(65px,10vw,120px)}.contact-page-star{display:none}}@media(max-width:650px){.contact-portrait{height:340px}.contact-page-links a,.contact-fact{grid-template-columns:1fr 26px}.contact-page-links span,.contact-fact span{grid-column:1/-1}.contact-page-links b,.contact-fact b{font-size:23px}}
/* A growing archive stays compact while every artwork keeps its native ratio. */

.work-grid-cinema{display:block;columns:3 285px;column-gap:clamp(14px,1.5vw,25px)}
.work-grid-cinema .work-card,.work-grid-cinema .work-card:nth-child(even){display:inline-block;width:100%;margin:0 0 clamp(24px,3vw,46px);break-inside:avoid;vertical-align:top}
.work-grid-cinema .work-image{display:block;height:auto;aspect-ratio:auto;overflow:hidden;background:#211a17}
.work-grid-cinema .work-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:initial}
.work-grid-cinema .work-info{align-items:baseline;gap:10px;margin-top:12px;padding-top:11px}
.work-grid-cinema .work-info h3{font-size:clamp(19px,1.6vw,27px);line-height:1.12;margin:6px 0 0}
.work-grid-cinema .work-info p{display:none}
.work-grid-cinema .work-info span{font-size:9px;line-height:1.4}
.listing-hero{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,42%);padding-top:clamp(42px,4vw,68px)!important;padding-bottom:28px!important}
.listing-hero h1{font-size:clamp(78px,9vw,150px)!important;margin:0 0 14px}
.listing-hero>p{font-size:clamp(15px,1.1vw,18px);line-height:1.5}
.listing-hero-visual-frame{max-height:290px}
.listing-hero-visual-frame img{max-height:265px}
.listing-hero-visual>span{margin-top:2px}
.listing-hero-visual>strong{font-size:clamp(17px,1.4vw,23px)}
.listing-hero .filter-nav{margin-top:30px}
.listing-work{padding-top:clamp(25px,3vw,52px)!important}
.category-hero,.project-hero{padding-top:clamp(45px,5vw,85px)!important;padding-bottom:clamp(35px,4vw,65px)!important}
@media(max-width:1000px){.work-grid-cinema{columns:2 260px}}
@media(max-width:650px){.work-grid-cinema{columns:1}.work-grid-cinema .work-card{margin-bottom:29px}.listing-hero{display:flex;flex-direction:column;padding-top:37px!important}.listing-hero h1{font-size:clamp(73px,19vw,110px)!important}.listing-hero-visual{margin-top:25px}.listing-hero-visual-frame,.listing-hero-visual-frame img{max-height:none}.listing-hero .filter-nav{margin-top:27px}.work-grid-cinema .work-info h3{font-size:22px}}
/* Count-aware masonry: project order remains newest first, left to right. */
.work-grid-cinema{display:grid;columns:auto;grid-template-columns:repeat(var(--archive-columns,3),minmax(0,1fr));grid-auto-rows:10px;column-gap:clamp(14px,1.5vw,25px);row-gap:10px;align-items:start}
.work-grid-cinema .work-card,.work-grid-cinema .work-card:nth-child(even){display:block;width:auto;margin:0;grid-row-end:span 35;align-self:start;min-width:0}
.work-grid-cinema[data-count="1"]{max-width:900px;margin-inline:auto}
@media(max-width:1050px){.work-grid-cinema{grid-template-columns:repeat(min(var(--archive-columns,3),2),minmax(0,1fr))}}
@media(max-width:650px){.work-grid-cinema{grid-template-columns:minmax(0,1fr)}.work-grid-cinema .work-card,.work-grid-cinema .work-card:nth-child(even){margin:0}}

/* 2026 visual system: editorial archive stage */
.listing-hero{display:block;position:relative;min-height:0;padding-top:clamp(28px,3vw,50px)!important;padding-bottom:0!important;background:#15100e;color:#efe7df;overflow:hidden}
.listing-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 30%,#72432836,transparent 49%),linear-gradient(110deg,#1a1412,#100e0d 70%);z-index:-1}
.work-stage-top{display:flex;justify-content:space-between;gap:20px;padding:0 0 13px;border-bottom:1px solid #af795865;color:#c18a67;font:700 10px/1.4 Manrope,sans-serif;letter-spacing:.22em}
.work-stage-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(25px,4vw,80px);padding:clamp(35px,4vw,75px) 0 clamp(28px,3vw,54px);align-items:stretch}
.work-stage-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-top:clamp(10px,4vw,70px)}
.work-stage-copy .eyebrow{color:#cc8f68;letter-spacing:.2em;margin-bottom:clamp(20px,3vw,45px)}
.work-stage-copy h1{font-size:clamp(100px,12vw,225px)!important;line-height:.82;letter-spacing:-.12em;margin:0 0 clamp(25px,4vw,60px);white-space:nowrap;color:#f2e8de}
.work-stage-copy h1 span{color:#c18258}
.work-stage-copy>p{font-size:clamp(20px,1.8vw,31px);line-height:1.27;letter-spacing:-.04em;color:#d3c5b9;max-width:570px;margin:0}
.work-stage-line{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(8px,1vw,16px);margin-top:clamp(36px,5vw,90px);padding-top:14px;border-top:1px solid #9a725a67;color:#a9998b;font:700 10px/1.4 Manrope,sans-serif;letter-spacing:.18em}
.work-stage-line i{font-size:14px;font-style:normal;color:#c38056}
.work-stage-scroll{display:flex;align-items:center;gap:25px;margin-top:auto;padding-top:30px;color:#efe2d6;font:700 11px Manrope,sans-serif;letter-spacing:.18em}
.work-stage-scroll b{display:grid;place-items:center;width:50px;height:50px;border:1px solid #a77b5d;border-radius:50%;font-size:27px;font-weight:400;transition:transform .45s,background .45s}
.work-stage-scroll:hover b{transform:translateY(8px);background:#b8774e}
.work-stage-art{min-width:0;position:relative}
.work-stage-main{display:block;color:#f5e8d9}
.work-stage-main-image{position:relative;display:block;overflow:hidden;background:#211812}
.work-stage-main-image img{display:block;width:100%;height:auto;max-height:min(68vh,760px);object-fit:contain;object-position:center;transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s}
.work-stage-main:hover img{transform:scale(1.035);filter:saturate(1.15)}
.work-stage-main-index{position:absolute;left:18px;top:18px;color:#fff;background:#130e0ba8;padding:9px 11px;font:700 10px Manrope,sans-serif;letter-spacing:.16em;backdrop-filter:blur(12px)}
.work-stage-main-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:62px;height:62px;border:1px solid #fff9;border-radius:50%;background:#15100ea8;color:#fff;font-size:34px;transition:transform .5s,background .5s}
.work-stage-main:hover .work-stage-main-arrow{transform:rotate(45deg);background:#b8774e}
.work-stage-main-caption{display:grid;grid-template-columns:1fr auto;gap:6px 15px;align-items:end;border-top:1px solid #ad806171;margin-top:12px;padding-top:12px}
.work-stage-main-caption span{color:#bf8d6d;font:700 10px Manrope,sans-serif;letter-spacing:.17em}
.work-stage-main-caption span:last-child{grid-column:2;grid-row:1/3;color:#c6b4a5}
.work-stage-main-caption strong{grid-column:1;font-size:clamp(22px,2vw,32px);letter-spacing:-.05em}
.work-stage-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.5vw,25px);margin-top:clamp(20px,2.5vw,40px)}
.work-stage-previews a{display:grid;grid-template-columns:clamp(75px,8vw,135px) 1fr;align-items:center;gap:12px;min-width:0;border-top:1px solid #876e5b7c;padding-top:12px;color:#d0bdae;transition:color .3s,transform .4s}
.work-stage-previews a:hover{color:#fff;transform:translateY(-4px)}
.work-stage-previews img{display:block;width:100%;height:auto;max-height:95px;object-fit:contain;object-position:left center;background:#221915}
.work-stage-previews span{font:700 clamp(10px,.75vw,12px)/1.35 Manrope,sans-serif;letter-spacing:.06em}
.listing-hero .filter-nav{display:flex;flex-wrap:nowrap;grid-column:auto;grid-row:auto;gap:0;margin:0;border-top:1px solid #9d765a7b;border-bottom:1px solid #9d765a7b;overflow-x:auto;scrollbar-width:none}
.listing-hero .filter-nav::-webkit-scrollbar{display:none}
.listing-hero .filter-nav a{flex:none;background:none;border:0;border-radius:0;color:#b9a99e;padding:18px clamp(12px,2vw,30px);font-size:12px;transition:color .3s,background .3s}
.listing-hero .filter-nav a:first-child{padding-left:0}
.listing-hero .filter-nav a.selected,.listing-hero .filter-nav a:hover{color:#f6e9df;background:none;box-shadow:inset 0 -2px #cf8e64}
.listing-hero .filter-nav span{color:#c68c68}
.listing-work{padding-top:clamp(35px,4vw,65px)!important}
@media(max-width:850px){.work-stage-grid{grid-template-columns:1fr;gap:30px}.work-stage-copy{padding:0}.work-stage-copy h1{font-size:clamp(90px,20vw,170px)!important;margin-bottom:25px}.work-stage-copy>p{max-width:650px}.work-stage-line{margin-top:28px}.work-stage-scroll{display:none}.work-stage-main-image img{max-height:none}.work-stage-previews a{grid-template-columns:100px 1fr}}
@media(max-width:600px){.listing-hero{padding-top:25px!important}.work-stage-top{font-size:8px;letter-spacing:.12em}.work-stage-grid{padding:27px 0 27px}.work-stage-copy .eyebrow{font-size:9px;margin-bottom:18px}.work-stage-copy h1{font-size:clamp(78px,21vw,120px)!important;margin-bottom:24px}.work-stage-copy>p{font-size:19px}.work-stage-line{margin-top:25px;font-size:8px}.work-stage-main-arrow{width:45px;height:45px;font-size:26px;right:10px;bottom:10px}.work-stage-main-caption strong{font-size:21px}.work-stage-previews{gap:12px;margin-top:20px}.work-stage-previews a{display:block}.work-stage-previews img{height:75px;max-height:75px;width:auto;max-width:100%}.work-stage-previews span{display:block;margin-top:8px;font-size:9px}.listing-hero .filter-nav a{padding:16px 13px;font-size:11px}}
@media(prefers-reduced-motion:no-preference){.work-stage-top{animation:stageReveal .8s .05s both}.work-stage-copy .eyebrow{animation:stageReveal .8s .12s both}.work-stage-copy h1{animation:stageReveal 1s .18s both}.work-stage-copy>p{animation:stageReveal .9s .3s both}.work-stage-main-image{animation:stageImage 1.15s .1s both}.work-stage-main-caption{animation:stageReveal .8s .48s both}.work-stage-previews a:nth-child(1){animation:stageReveal .8s .58s both}.work-stage-previews a:nth-child(2){animation:stageReveal .8s .68s both}}
@keyframes stageReveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes stageImage{from{clip-path:inset(0 100% 0 0);filter:brightness(.4)}to{clip-path:inset(0);filter:brightness(1)}}

/* 360-degree creative practice */
.expertise-360{position:relative;overflow:hidden;background:#12100f;color:#f2e9df;padding-top:clamp(80px,8vw,145px);padding-bottom:clamp(90px,9vw,160px);border-bottom:1px solid #71544266}
.expertise-360:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 31% 58%,#9b57332c,transparent 37%),radial-gradient(circle at 85% 15%,#a7703b1b,transparent 34%)}
.expertise-heading{position:relative;z-index:1;display:grid;grid-template-columns:22% 1fr 25%;gap:25px;align-items:end;padding-bottom:clamp(45px,6vw,90px);border-bottom:1px solid #8c68546e}
.expertise-heading .eyebrow{align-self:start;color:#d2946d}
.expertise-heading h2{font-size:clamp(58px,7.5vw,132px);line-height:.91;letter-spacing:-.095em;margin:0}
.expertise-heading h2 em{font-family:'Cormorant Garamond',serif;color:#c9865e;font-weight:500;letter-spacing:-.05em}
.expertise-heading p{font-size:clamp(14px,1.1vw,18px);line-height:1.65;color:#ad9e93;max-width:340px;margin:0 0 8px}
.expertise-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(35px,6vw,110px);align-items:center;padding-top:clamp(40px,5vw,80px)}
.expertise-orbit{width:min(100%,610px);aspect-ratio:1;position:relative;display:grid;place-items:center;margin:auto;isolation:isolate}
.expertise-orbit:before{content:'';position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle,#ba744333 0%,#7e4b2521 34%,transparent 67%);filter:blur(15px)}
.expertise-orbit-field{position:absolute;inset:6%;border:1px solid #bb815968;border-radius:50%;animation:orbitTurn 32s linear infinite}
.orbit-ring{position:absolute;border-radius:50%;inset:7%;border:1px dashed #ce956d7d}.orbit-ring-two{inset:20%;border-style:solid;border-color:#b77d5870}.orbit-ring-three{inset:32%;border-style:dotted;border-width:2px;border-color:#e7ad7777}
.expertise-orbit-field:before,.expertise-orbit-field:after{content:'';position:absolute;border-radius:50%;inset:-5%;border:2px solid transparent;border-top-color:#d99260;border-bottom-color:#d99260;transform:rotate(-32deg)}
.expertise-orbit-field:after{inset:14%;border-width:1px;border-top-color:#f0b78a;border-bottom-color:transparent;transform:rotate(70deg)}
.orbit-point{position:absolute;width:9px;height:9px;border-radius:50%;background:#f0ad78;box-shadow:0 0 20px 5px #ce7947}.orbit-point-one{top:5%;left:50%}.orbit-point-two{right:13%;bottom:16%;width:6px;height:6px}.orbit-point-three{left:17%;bottom:18%;width:5px;height:5px}
.orbit-axis{position:absolute;background:#ad79553d}.orbit-axis-h{width:120%;height:1px;left:-10%;top:50%}.orbit-axis-v{height:120%;width:1px;top:-10%;left:50%}
.expertise-orbit-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px}.expertise-orbit-core small,.expertise-orbit-core>span,.orbit-caption{font:700 clamp(8px,.7vw,11px)/1.4 Manrope,sans-serif;letter-spacing:.19em;color:#c59776}.expertise-orbit-core strong{font:800 clamp(110px,16vw,265px)/.9 Manrope,sans-serif;letter-spacing:-.12em;color:#eee2d5;text-shadow:0 12px 45px #0008}.expertise-orbit-core strong span{font-size:.34em;vertical-align:top;letter-spacing:0;color:#cf8a5d}.expertise-orbit-core>span{color:#e2c9b4;letter-spacing:.13em}.orbit-caption{position:absolute;left:1%;writing-mode:vertical-rl}.orbit-caption-top{top:3%}.orbit-caption-bottom{right:1%;left:auto;bottom:3%;transform:rotate(180deg)}
.expertise-list{border-top:1px solid #85645187}.expertise-item{display:grid;grid-template-columns:44px 1fr 28px;gap:15px;align-items:center;min-height:105px;border-bottom:1px solid #85645187;padding:16px 8px 16px 0;transition:padding .45s,background .45s}.expertise-item:hover{padding-left:14px;background:#b27a5130}.expertise-index{font:700 10px Manrope,sans-serif;letter-spacing:.16em;color:#cf956e;align-self:start;padding-top:9px}.expertise-item h3{font-size:clamp(21px,2vw,34px);letter-spacing:-.055em;line-height:1.15;margin:0 0 7px}.expertise-item p{font-size:clamp(11px,.82vw,14px);line-height:1.45;color:#aa9b90;margin:0}.expertise-plus{font-size:23px;color:#b97750;transition:transform .5s}.expertise-item:hover .expertise-plus{transform:rotate(90deg)}.expertise-end{display:flex;justify-content:space-between;align-items:center;padding:22px 0;color:#c58d68;font:800 10px Manrope,sans-serif;letter-spacing:.22em}.expertise-end span{font-size:26px;font-weight:400}
@keyframes orbitTurn{to{transform:rotate(360deg)}}
@media(max-width:1050px){.expertise-heading{grid-template-columns:1fr 2fr}.expertise-heading p{grid-column:2}.expertise-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:25px}.expertise-item{min-height:94px}}
@media(max-width:750px){.expertise-heading{display:block}.expertise-heading h2{margin:25px 0}.expertise-heading p{max-width:540px}.expertise-layout{grid-template-columns:1fr;gap:35px}.expertise-orbit{width:min(100%,430px)}.expertise-orbit-core strong{font-size:clamp(115px,29vw,190px)}.expertise-list{max-width:650px;width:100%;margin:auto}}
@media(max-width:500px){.expertise-360{padding-top:70px;padding-bottom:80px}.expertise-heading h2{font-size:clamp(55px,15vw,80px)}.expertise-orbit{width:min(100%,350px)}.expertise-orbit-core small,.expertise-orbit-core>span{font-size:8px}.orbit-caption{font-size:7px}.expertise-item{grid-template-columns:29px 1fr 22px;min-height:86px;gap:9px;padding:13px 0}.expertise-item h3{font-size:23px}.expertise-item p{font-size:11px}.expertise-plus{font-size:18px}}
@media(prefers-reduced-motion:reduce){.expertise-orbit-field{animation:none}.expertise-item,.expertise-plus{transition:none}}
