/* Dark Showcase – independent static edition. No framework, backend or AI usage. */
:root{--bg:#0b0c0d;--sheet:#121416;--sheet2:#191b1c;--ivory:#f2f1eb;--muted:#929596;--line:#36393a;--lime:#d7ff45;--max:1560px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ivory);font:400 15px/1.55 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--lime);color:var(--bg)}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.lime{color:var(--lime)}.container{width:min(var(--max),calc(100% - clamp(36px,8vw,150px)));margin-inline:auto}.eyebrow{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.skip{position:fixed;left:12px;top:-80px;z-index:200;background:var(--lime);color:var(--bg);padding:10px}.skip:focus{top:12px}.progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--lime);z-index:110}.topbar{height:80px;position:sticky;top:0;z-index:100;background:#0b0c0ded;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff19;display:flex;align-items:center;gap:clamp(12px,2vw,32px);padding-inline:clamp(18px,4vw,76px)}.logo{font:48px/.8 Anton,Impact,sans-serif;letter-spacing:-.04em;white-space:nowrap}.logo span{color:var(--lime)}.top-caption{font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:700;margin-right:auto}.topnav{display:flex;align-items:center;gap:clamp(16px,2.9vw,46px);font-size:10px;letter-spacing:.15em;font-weight:700}.topnav a:hover{color:var(--lime)}.nav-contact{border:1px solid var(--lime);color:var(--lime);padding:12px 16px}.nav-contact:hover{background:var(--lime);color:var(--bg)!important}.menu-toggle{display:none;background:none;color:var(--ivory);border:0;letter-spacing:.13em;cursor:pointer;font-size:11px;font-weight:700}.intro{padding-top:45px;padding-bottom:35px;min-height:min(900px,calc(100svh - 80px));display:flex;flex-direction:column;justify-content:space-between}.intro-meta,.intro-base{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(310px,.77fr);gap:2vw;align-items:center;flex:1;padding-block:30px}.intro-type{z-index:3;position:relative}.intro h1{font:400 clamp(72px,10.75vw,204px)/.9 Anton,Impact,'Arial Narrow',sans-serif;letter-spacing:-.018em;margin:0;text-transform:uppercase;white-space:nowrap}.intro-bottom{margin-top:36px;display:flex;gap:30px;align-items:end}.intro-bottom p{font-size:clamp(16px,1.5vw,21px);max-width:410px;color:#c9cacc;margin:0}.round-cta{flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--lime);border-radius:50%;width:74px;height:74px;color:var(--lime);font-size:37px;transition:background .3s,color .3s,transform .3s}.round-cta:hover{background:var(--lime);color:var(--bg);transform:rotate(45deg)}.intro-art{position:relative;height:min(46vw,590px);isolation:isolate}.intro-art:before{content:'';position:absolute;inset:6% 7% 7% 7%;border:1px solid #ffffff27;background:repeating-linear-gradient(0deg,transparent 0,transparent 34px,#ffffff0c 35px)}.photo-stack{position:absolute;box-shadow:0 20px 55px #0009;border:5px solid #eee9e0;background:#222;overflow:hidden;transition:transform .6s}.photo-stack img{width:100%;height:100%;object-fit:cover}.photo-a{width:70%;height:52%;right:0;top:1%;transform:rotate(6deg)}.photo-b{width:66%;height:55%;left:0;top:21%;transform:rotate(-9deg)}.photo-c{width:65%;height:47%;right:3%;bottom:0;transform:rotate(4deg)}.intro-art:hover .photo-a{transform:rotate(2deg) translate(4px,-8px)}.intro-art:hover .photo-b{transform:rotate(-5deg) translate(-5px,2px)}.intro-art:hover .photo-c{transform:rotate(1deg) translate(4px,5px)}.vertical-label{position:absolute;right:-18px;bottom:0;writing-mode:vertical-rl;font-size:9px;letter-spacing:.12em;color:var(--muted)}.intro-base{border-top:1px solid var(--line);padding-top:18px}.ticker{width:100%;overflow:hidden;background:var(--lime);color:var(--bg);padding:12px 0;white-space:nowrap;font:30px/1 Anton,Impact,sans-serif}.ticker-track{width:max-content;animation:marquee 38s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding-top:clamp(100px,11vw,180px);padding-bottom:clamp(100px,10vw,165px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:45px}.section-heading h2,.contact-section h2{font:400 clamp(75px,9.1vw,150px)/.91 Anton,Impact,sans-serif;letter-spacing:-.014em;margin:16px 0 0}.section-heading>p{max-width:310px;color:#a4a6a7;font-size:15px;margin:0 0 10px}.showcase-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,7vw,125px) clamp(25px,4vw,75px);align-items:start}.showcase:nth-child(even){margin-top:clamp(70px,11vw,190px)}.showcase-visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sheet2)}.showcase:nth-child(3n+2) .showcase-visual{aspect-ratio:3/4}.showcase:nth-child(3n+3) .showcase-visual{aspect-ratio:5/4}.showcase-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.22,.8,.22,1),filter .75s}.showcase:hover .showcase-visual>img{transform:scale(1.065);filter:saturate(1.15)}.showcase-overlay{position:absolute;bottom:18px;right:18px;padding:12px 16px;background:var(--lime);color:var(--bg);font-size:10px;font-weight:700;letter-spacing:.1em;transform:translateY(15px);opacity:0;transition:all .3s}.showcase:hover .showcase-overlay,.showcase:focus-visible .showcase-overlay{opacity:1;transform:none}.showcase-info{padding:22px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.showcase h3{font:400 clamp(33px,4vw,65px)/1 Anton,sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:8px 0}.showcase-info p{color:var(--muted);font-size:13px;margin:0}.circ-arrow{height:43px;width:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .25s,color .25s}.showcase:hover .circ-arrow{background:var(--lime);color:var(--bg)}.statement{background:var(--lime);color:var(--bg);padding-block:clamp(75px,11vw,175px);overflow:hidden}.statement .container{position:relative}.statement-top{display:flex;align-items:end;gap:5vw;justify-content:space-between}.statement h2{font:400 clamp(85px,12.5vw,200px)/.88 Anton,Impact,sans-serif;letter-spacing:-.015em;margin:24px 0 0;position:relative;z-index:2}.statement h2 em{font-style:normal;-webkit-text-stroke:2px var(--bg);color:transparent}.statement p{max-width:300px;font-size:19px;font-weight:500;margin-bottom:14px;position:relative;z-index:2}.asterisk{position:absolute;font-size:460px;right:5%;top:-100px;opacity:.08;line-height:1}.archive-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid #585a5b;color:#e5e6e5;border-radius:100px;background:transparent;padding:10px 13px;font-size:10px;letter-spacing:.07em;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.filters button:hover,.filters button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--bg)}.filters span{opacity:.7}.archive-list{border-top:1px solid var(--line)}.archive-link{display:grid;grid-template-columns:48px minmax(0,1fr) 115px 135px 34px;gap:24px;align-items:center;min-height:100px;padding:14px 12px;border-bottom:1px solid var(--line);position:relative;transition:background .2s,padding .2s}.archive-link:hover{background:#ffffff0d;padding-left:22px}.archive-link[hidden]{display:none}.archive-link strong{font:400 clamp(34px,4.6vw,77px)/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.003em}.archive-num,.archive-type{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.09em}.archive-thumb{display:block;width:130px;height:73px;overflow:hidden}.archive-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.archive-link:hover .archive-thumb img{transform:scale(1.1)}.archive-arrow{color:var(--lime);font-size:28px;text-align:right}.about-section{background:#17191a;padding-block:clamp(110px,12vw,190px)}.about-grid{display:grid;grid-template-columns:1fr .73fr;gap:7vw}.about-grid h2{font:400 clamp(70px,9vw,148px)/.91 Anton,Impact,sans-serif;margin:22px 0 0}.about-content{padding-top:90px}.about-content p{color:#bbbfc0;font-size:clamp(17px,1.6vw,22px);max-width:590px;line-height:1.65;margin:0 0 23px}.about-content p.about-lead{color:var(--ivory);font-size:clamp(23px,2.5vw,35px);line-height:1.25}.expertise{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.expertise span{border:1px solid #515556;padding:9px 12px;border-radius:40px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#d0d2d1}.contact-section{padding-block:clamp(110px,13vw,190px)}.contact-section h2{font-size:clamp(74px,11.2vw,185px);margin:20px 0 90px}.contact-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:35px;padding-top:27px}.contact-bottom p{color:var(--muted);max-width:390px;font-size:17px}.contact-actions{display:flex;flex-direction:column;min-width:min(360px,100%)}.contact-action{border-bottom:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;font:28px Anton,sans-serif}.contact-action span{color:var(--lime)}.contact-action:hover{color:var(--lime)}.bottom{border-top:1px solid var(--line);padding-block:27px;color:var(--muted);font-size:10px;letter-spacing:.11em;font-weight:700}.bottom-inner{display:flex;justify-content:space-between;gap:20px}.bottom a:hover{color:var(--lime)}
/* Case-study exhibition */
.case-opening{padding-top:75px}.case-overline{display:flex;justify-content:space-between;gap:20px;align-items:center}.back-link{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--muted)}.back-link:hover{color:var(--lime)}.case-heading{display:grid;grid-template-columns:1.1fr .42fr;align-items:end;gap:40px;margin:65px 0 30px}.case-heading h1{font:400 clamp(90px,13vw,220px)/.89 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:16px 0 0;overflow-wrap:anywhere}.case-heading>p{font-size:clamp(20px,2.3vw,31px);line-height:1.24;margin:0 0 5px}.case-facts{display:grid;grid-template-columns:1fr .6fr .4fr;gap:25px;border-block:1px solid var(--line);padding-block:20px;margin-bottom:35px}.case-facts>div{display:flex;flex-direction:column;gap:10px}.case-facts strong,.case-facts a{font-size:12px;font-weight:600}.case-facts a:hover{color:var(--lime)}.case-facts .eyebrow{color:var(--muted)}.case-lead-image{background:#202122;max-height:900px;overflow:hidden;display:grid;place-items:center}.case-lead-image img{width:100%;max-height:900px;object-fit:contain}.lead-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;margin-top:14px}.case-editorial{display:grid;grid-template-columns:.7fr 1fr;gap:7vw;padding-block:clamp(100px,11vw,160px);border-bottom:1px solid var(--line)}.case-editorial h2{font:400 clamp(62px,6.8vw,115px)/.91 Anton,Impact,sans-serif;text-transform:uppercase;margin:22px 0}.editorial-main{font-size:clamp(20px,2vw,28px);line-height:1.5;color:#e0e1df;margin:0 0 48px}.editorial-foot{border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:.4fr 1fr;gap:20px}.editorial-foot h3{font:26px Anton;margin:0;text-transform:uppercase}.editorial-foot p{font-size:16px;line-height:1.6;color:#afb2b2;margin:0}.gallery-head{margin-top:130px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(15px,2.3vw,35px);padding-bottom:100px}.case-image{margin:0;min-width:0}.case-image.gallery-wide{grid-column:1/-1}.case-image .image-open{width:100%;display:grid;place-items:center;border:0;padding:clamp(12px,2vw,34px);background:var(--sheet2);cursor:zoom-in;position:relative;overflow:hidden;min-height:220px}.case-image img{max-height:790px;width:100%;height:100%;object-fit:contain;transition:transform .6s}.case-image button:hover img{transform:scale(1.018)}.case-image .expand-icon{position:absolute;right:16px;top:16px;color:#0b0b0c;background:var(--lime);font-size:20px;height:37px;width:37px;display:grid;place-items:center;opacity:0;transition:opacity .3s}.case-image button:hover .expand-icon,.case-image button:focus-visible .expand-icon{opacity:1}.case-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.1em;padding-top:14px;text-transform:uppercase}.editorial-disclaimer{font-size:11px;color:#8e9292;letter-spacing:.02em;max-width:800px;padding-bottom:110px;margin:0}.next-case{display:block;background:var(--lime);color:var(--bg);padding-block:clamp(65px,8vw,120px);transition:background .2s}.next-case:hover{background:#e6ff89}.next-content{display:flex;gap:30px;justify-content:space-between;align-items:center}.next-content h2{font:400 clamp(70px,11vw,180px)/.92 Anton,Impact,sans-serif;text-transform:uppercase;margin:17px 0 0;overflow-wrap:anywhere}.next-content .arrow{font-size:clamp(35px,4vw,65px);vertical-align:middle;padding-left:15px}.next-content img{width:clamp(90px,20vw,290px);height:clamp(70px,12vw,150px);object-fit:cover;transform:rotate(4deg);border:4px solid #0b0c0d}.case-nav-links{display:flex;justify-content:space-between;gap:20px;padding-block:28px;font-size:11px;font-weight:700;letter-spacing:.1em}.case-nav-links a:hover{color:var(--lime)}.lightbox{position:fixed;inset:0;max-height:100vh;max-width:100vw;width:100%;height:100%;border:0;padding:62px clamp(15px,4vw,65px) 20px;background:#070708f4;color:#f3f3f3;overflow:auto}.lightbox::backdrop{background:#000e}.lightbox img{max-width:100%;max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;margin:auto}.lightbox-close{position:fixed;top:15px;right:25px;border:1px solid #777;background:#171717;color:var(--lime);padding:9px 12px;cursor:pointer;font-size:12px;font-weight:700}.lightbox-caption{display:block;text-align:center;color:var(--muted);padding:10px;font-size:11px;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.intro-grid{grid-template-columns:1fr .63fr}.intro h1{font-size:clamp(75px,11vw,150px)}.top-caption{display:none}.case-heading{grid-template-columns:1fr .55fr}.archive-link{grid-template-columns:36px minmax(0,1fr) 80px 90px 26px;gap:14px}.archive-thumb{width:90px;height:60px}.statement h2{font-size:clamp(80px,12vw,140px)}}
@media(max-width:780px){.container{width:calc(100% - 36px)}.topbar{height:66px;padding:0 18px}.logo{font-size:42px}.menu-toggle{display:flex;gap:9px;align-items:center;margin-left:auto}.topnav{display:none;position:absolute;left:0;right:0;top:66px;flex-direction:column;align-items:stretch;background:#0b0c0df5;border-bottom:1px solid var(--line);padding:20px;gap:0}.topnav.open{display:flex}.topnav a{padding:13px 5px}.topnav .nav-contact{padding:12px}.intro{padding-top:30px;min-height:initial}.intro-grid{grid-template-columns:1fr;gap:25px;padding-block:50px}.intro h1{font-size:clamp(65px,15.5vw,130px)}.intro-art{height:350px;width:min(500px,100%);margin:15px auto}.intro-base{font-size:9px}.intro-meta{font-size:9px}.section-heading{display:block}.section-heading>p{margin-top:26px;max-width:540px}.showcase-grid{grid-template-columns:1fr}.showcase:nth-child(even){margin-top:0}.showcase .showcase-visual{aspect-ratio:5/4!important}.statement-top{display:block}.statement p{max-width:420px;margin-top:34px}.asterisk{right:-50px;top:-40px;font-size:310px}.archive-link{grid-template-columns:28px minmax(0,1fr) 66px 24px;min-height:88px;gap:10px}.archive-type{display:none}.archive-thumb{width:66px;height:55px}.archive-link strong{font-size:clamp(30px,6vw,52px)}.about-grid{grid-template-columns:1fr;gap:28px}.about-content{padding-top:0}.contact-bottom{display:block}.contact-actions{margin-top:45px}.case-heading{display:block;margin:40px 0 25px}.case-heading h1{font-size:clamp(72px,15vw,132px)}.case-heading>p{max-width:600px;margin-top:25px}.case-facts{grid-template-columns:1fr 1fr}.case-editorial{display:block}.case-editorial>div+div{margin-top:35px}.case-gallery{grid-template-columns:1fr}.case-image.gallery-half{grid-column:1/-1}.next-content img{display:none}.case-opening{padding-top:43px}}
@media(max-width:480px){.intro h1{font-size:clamp(56px,15.3vw,80px)}.intro-art{height:270px}.intro-bottom{margin-top:24px}.intro-bottom p{font-size:14px}.round-cta{height:56px;width:56px;font-size:27px}.intro-meta span:last-child,.intro-base span:last-child{display:none}.ticker{font-size:23px}.section-heading h2,.contact-section h2{font-size:clamp(62px,14vw,90px)}.statement h2{font-size:clamp(72px,15vw,110px)}.archive-tools{display:block}.archive-tools>span{display:block;margin-top:15px}.about-grid h2{font-size:clamp(61px,13vw,90px)}.case-facts{grid-template-columns:1fr}.case-overline{font-size:10px}.case-heading h1{font-size:clamp(62px,16vw,90px)}.case-gallery{gap:35px}.case-image figcaption{display:block}.case-image figcaption>span{display:block}.editorial-foot{display:block}.editorial-foot p{margin-top:12px}.bottom-inner{display:grid;grid-template-columns:1fr 1fr}.bottom-inner>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* EDITORIAL TYPE REFINEMENT / TYPE SYSTEM V2. All original project assets and links preserved. */
:root{--font-ui:'Manrope',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Instrument Serif','EB Garamond',Georgia,serif}
body{font-family:var(--font-ui);font-size:15px;line-height:1.62;letter-spacing:-.012em}
.logo{font:800 37px/1 var(--font-ui);letter-spacing:-.09em}
.top-caption,.topnav,.eyebrow,.back-link,.archive-num,.archive-type,.case-facts strong,.case-facts a{font-family:var(--font-ui)}
.topnav{font-weight:700;letter-spacing:.105em}
.intro-grid{grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:3vw}
.intro h1.hero-title{font:400 clamp(72px,8vw,132px)/.94 var(--font-display);letter-spacing:-.055em;text-transform:none;white-space:normal;margin:0}
.hero-title .hero-line{display:block;white-space:nowrap}
.hero-title .hero-kicker{font:800 clamp(49px,5.5vw,84px)/1.11 var(--font-ui);letter-spacing:-.075em;text-transform:uppercase}
.hero-title .hero-emphasis{font:italic 400 clamp(96px,9.2vw,146px)/.91 var(--font-display);letter-spacing:-.07em;color:var(--ivory);padding-right:.07em}
.hero-title .hero-period{color:var(--lime)}
.hero-title .hero-close{font:600 clamp(59px,6.8vw,111px)/1.04 var(--font-ui);letter-spacing:-.07em;text-transform:uppercase}
.intro-bottom{margin-top:42px}.intro-bottom p{font-size:clamp(16px,1.35vw,19px);line-height:1.7;max-width:355px}
.ticker{font:700 21px/1.15 var(--font-ui);letter-spacing:-.02em;padding:15px 0}
.section-heading h2,.contact-section h2{font:400 clamp(85px,9.4vw,158px)/.86 var(--font-display);text-transform:none;letter-spacing:-.048em;margin:12px 0 0}
.section-heading h2 em{font-weight:400;font-style:italic}
.showcase h3{font:400 clamp(44px,4.6vw,77px)/.99 var(--font-display);letter-spacing:-.035em;text-transform:none}
.showcase-info p{font-size:13px;line-height:1.6}
.statement h2{font:400 clamp(94px,11.5vw,188px)/.83 var(--font-display);letter-spacing:-.055em;text-transform:none}
.statement h2 em{font-style:italic;color:var(--bg);-webkit-text-stroke:0;white-space:nowrap}
.archive-link strong{font:400 clamp(35px,4vw,65px)/1 var(--font-display);letter-spacing:-.025em;text-transform:none}
.about-grid h2{font:400 clamp(77px,8.2vw,140px)/.88 var(--font-display);letter-spacing:-.047em}
.contact-section h2{font-size:clamp(88px,10vw,174px);letter-spacing:-.052em;margin-bottom:80px}
.contact-action{font:600 22px var(--font-ui);letter-spacing:-.04em}
.case-heading h1{font:400 clamp(94px,11.6vw,193px)/.9 var(--font-display);letter-spacing:-.045em;text-transform:none;overflow-wrap:anywhere}
.case-heading>p{font-weight:500;letter-spacing:-.035em}
.case-editorial h2{font:400 clamp(72px,7vw,120px)/.88 var(--font-display);text-transform:none;letter-spacing:-.048em}
.editorial-foot h3{font:600 20px var(--font-ui);letter-spacing:-.04em}
.next-content h2{font:400 clamp(76px,10vw,165px)/.9 var(--font-display);letter-spacing:-.04em;text-transform:none}
@media(max-width:1100px){.intro-grid{grid-template-columns:1fr .69fr}.hero-title .hero-emphasis{font-size:clamp(79px,9.7vw,116px)}.hero-title .hero-close{font-size:clamp(52px,6.6vw,86px)}.hero-title .hero-kicker{font-size:clamp(47px,5.3vw,70px)}}
@media(max-width:780px){.logo{font-size:35px}.intro-grid{grid-template-columns:1fr;gap:20px;padding-block:42px}.intro h1.hero-title{font-size:clamp(66px,10vw,110px)}.hero-title .hero-emphasis{font-size:clamp(87px,14.6vw,145px)}.hero-title .hero-close{font-size:clamp(57px,10vw,104px)}.hero-title .hero-kicker{font-size:clamp(48px,8.8vw,79px)}.section-heading h2,.contact-section h2{font-size:clamp(75px,12vw,115px)}.statement h2{font-size:clamp(80px,12vw,123px)}.about-grid h2{font-size:clamp(78px,11vw,111px)}.case-heading h1{font-size:clamp(84px,13vw,145px)}}
@media(max-width:480px){.intro h1.hero-title{font-size:60px}.hero-title .hero-emphasis{font-size:clamp(48px,15.3vw,75px);letter-spacing:-.085em}.hero-title .hero-close{font-size:clamp(40px,10.2vw,62px)}.hero-title .hero-kicker{font-size:clamp(40px,8.5vw,54px)}.intro-bottom p{font-size:14px}.ticker{font-size:16px}.section-heading h2,.contact-section h2{font-size:clamp(68px,13.4vw,86px)}.statement h2{font-size:clamp(74px,13.4vw,94px)}.about-grid h2{font-size:clamp(69px,12.6vw,88px)}.archive-link strong{font-size:clamp(30px,6.3vw,46px)}.case-heading h1{font-size:clamp(70px,14vw,93px)}.next-content h2{font-size:clamp(60px,13vw,90px)}}

/* V3 / immersive, restrained interactions. No AI widgets, no runtime hosting dependencies. */
.archive-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;justify-content:flex-end}
.archive-view-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ivory);border:1px solid #595b5a;border-radius:2px;padding:11px 13px;font:700 10px/1 var(--font-ui);letter-spacing:.07em;cursor:pointer;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}
.archive-view-toggle span{font-size:17px;line-height:.6}.archive-view-toggle:hover,.archive-view-toggle[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--bg)}
.archive-grid-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:0}
.archive-grid-mode .archive-link{display:grid;grid-template-columns:1fr 40px;grid-template-areas:'art art' 'num arrow' 'name name' 'category category';grid-template-rows:auto auto auto auto;gap:10px;align-content:start;min-height:0;padding:0 0 23px;border:0;background:#141617;transition:background .25s}
.archive-grid-mode .archive-link[hidden],.archive-link[hidden]{display:none!important}
.archive-grid-mode .archive-thumb{grid-area:art;width:100%;height:auto;aspect-ratio:1.20;overflow:hidden;background:#252726}
.archive-grid-mode .archive-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.18,.8,.2,1)}
.archive-grid-mode .archive-num{grid-area:num;padding-left:17px;margin-top:8px}
.archive-grid-mode .archive-arrow{grid-area:arrow;margin-top:3px;padding-right:14px}
.archive-grid-mode .archive-link strong{grid-area:name;padding:0 17px;font-size:clamp(34px,3.25vw,55px);line-height:.92}
.archive-grid-mode .archive-type{grid-area:category;display:block;padding:0 17px;text-transform:uppercase}
.archive-grid-mode .archive-link:hover{padding-left:0;background:#202321}
.archive-grid-mode .archive-link:hover .archive-thumb img{transform:scale(1.06)}
.archive-floating-preview{position:fixed;left:0;top:0;width:clamp(205px,22vw,320px);z-index:91;pointer-events:none;opacity:0;scale:.86;transform-origin:50% 50%;transition:opacity .2s,scale .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 28px 80px #000a}
.archive-floating-preview.is-visible{opacity:1;scale:1}
.floating-frame{aspect-ratio:4/3;background:#1c1d1e;overflow:hidden;border:5px solid #f3f0e9}
.floating-frame img{width:100%;height:100%;object-fit:cover}
.floating-caption{display:block;background:var(--lime);color:var(--bg);padding:9px 12px;font:700 11px/1.3 var(--font-ui);letter-spacing:.05em;text-transform:uppercase}
.photo-stack{transition:translate .27s ease-out,transform .6s,box-shadow .4s}
.magnetic{transition:translate .25s cubic-bezier(.15,.75,.3,1),background .3s,color .3s,transform .3s}
/* Overlay starts at the clicked artwork's actual coordinates and expands to the viewport. */
.project-transition{position:fixed;inset:0;z-index:500;pointer-events:all;background:#0b0c0d00;overflow:hidden;transition:background .42s}
.project-transition.active{background:#0b0c0dfb}
.project-transition-frame{position:fixed;overflow:hidden;z-index:1;box-shadow:0 10px 50px #0006;transition:left .48s cubic-bezier(.2,.7,.1,1),top .48s cubic-bezier(.2,.7,.1,1),width .48s cubic-bezier(.2,.7,.1,1),height .48s cubic-bezier(.2,.7,.1,1)}
.project-transition-frame img{width:100%;height:100%;object-fit:cover;filter:brightness(.57)}.project-transition-frame.no-image{background:#17191a}
.transition-label{position:absolute;z-index:2;left:clamp(25px,7vw,120px);bottom:clamp(45px,9vw,130px);font:italic 400 clamp(65px,10vw,170px)/.8 var(--font-display);letter-spacing:-.055em;color:#f2f1eb;opacity:0;translate:0 25px;transition:opacity .35s,translate .35s;max-width:85vw}
.project-transition.active .transition-label{opacity:1;translate:0 0}
/* Editorial type: staggered entrance and per-section tracked reveals. */
.motion-ready .hero-title .hero-line{opacity:0;transform:translateY(24px);filter:blur(8px)}
.motion-ready.page-entered .hero-title .hero-line{animation:type-arrive .77s cubic-bezier(.13,.78,.22,1) both}
.motion-ready.page-entered .hero-title .hero-line:nth-child(2){animation-delay:.11s}
.motion-ready.page-entered .hero-title .hero-line:nth-child(3){animation-delay:.22s}
@keyframes type-arrive{to{opacity:1;transform:translateY(0);filter:blur(0)}}
.motion-ready .section-heading h2,.motion-ready .about-grid h2,.motion-ready .contact-section h2,.motion-ready .case-editorial h2,.motion-ready .comparison-heading h2{opacity:0;transform:translateY(22px);filter:blur(4px);transition:opacity .85s,transform .85s cubic-bezier(.14,.75,.2,1),filter .85s}
.motion-ready .section-heading h2.type-visible,.motion-ready .about-grid h2.type-visible,.motion-ready .contact-section h2.type-visible,.motion-ready .case-editorial h2.type-visible,.motion-ready .comparison-heading h2.type-visible{opacity:1;transform:none;filter:none}
.case-opening .case-heading h1,.case-opening .case-heading p{opacity:0;transform:translateY(22px)}
.page-entered .case-opening .case-heading h1,.page-entered .case-opening .case-heading p{animation:type-arrive .75s cubic-bezier(.14,.75,.2,1) both}
.page-entered .case-opening .case-heading p{animation-delay:.12s}
/* Goodness: artwork view comparison, not a before/after or retouching claim. */
.comparison-section{padding-top:30px;padding-bottom:clamp(60px,8vw,115px)}
.comparison-heading{border-top:1px solid var(--line);padding-top:20px;margin-bottom:30px;display:flex;align-items:end;justify-content:space-between;gap:25px}
.comparison-heading h2{font:400 clamp(72px,9vw,138px)/.9 var(--font-display);letter-spacing:-.05em;margin:12px 0 0}
.comparison-heading h2 em{color:var(--lime);font-weight:400}
.comparison-heading p{color:var(--muted);max-width:380px;font-size:15px;line-height:1.65;margin:0 0 5px}
.comparison{--reveal:50%;aspect-ratio:1.85;min-height:250px;position:relative;overflow:hidden;isolation:isolate;background:#551f1f;touch-action:pan-y}
.comparison-base,.comparison-front{position:absolute;inset:0;overflow:hidden}
.comparison-base>img,.comparison-front>img{width:100%;height:100%;object-fit:cover}
.comparison-front{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
.comparison-label{position:absolute;bottom:16px;padding:9px 12px;background:#0b0c0dda;color:white;font:700 10px/1 var(--font-ui);letter-spacing:.13em}
.comparison-label-left{left:16px}.comparison-label-right{right:16px}
.comparison-rule{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:var(--lime);translate:-50% 0;z-index:3;pointer-events:none;display:grid;place-items:center}
.comparison-knob{width:55px;height:55px;border-radius:50%;background:var(--lime);color:var(--bg);border:4px solid #0b0c0d;display:grid;place-items:center;font:700 25px var(--font-ui);box-shadow:0 8px 18px #0008;white-space:nowrap}
.comparison-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:4;cursor:ew-resize;margin:0}
.comparison:focus-within{outline:2px solid var(--lime);outline-offset:4px}
.compare-bottom{display:flex;justify-content:space-between;gap:8px;color:var(--muted);padding-top:13px}
@media(max-width:1100px){.archive-grid-mode{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.archive-tools{align-items:flex-start}.archive-actions{justify-content:flex-start;margin-top:18px}.archive-floating-preview{display:none}.comparison-heading{display:block}.comparison-heading p{margin-top:22px;max-width:650px}.comparison{aspect-ratio:1.25}}
@media(max-width:480px){.archive-grid-mode{grid-template-columns:1fr}.archive-grid-mode .archive-link strong{font-size:52px}.comparison{aspect-ratio:1;min-height:270px}.comparison-label{font-size:8px;bottom:9px;padding:7px}.comparison-label-left{left:8px}.comparison-label-right{right:8px}.comparison-knob{width:46px;height:46px}.compare-bottom{font-size:8px}.compare-bottom span:nth-child(2){display:none}}
@media(hover:none),(pointer:coarse){.archive-floating-preview{display:none!important}.showcase-overlay{opacity:1;transform:none;background:#d7ff45db;padding:9px}.case-image .expand-icon{opacity:1}.magnetic{translate:0 0!important}}
@media(prefers-reduced-motion:reduce){.archive-floating-preview,.project-transition{display:none!important}.photo-stack,.magnetic{translate:0 0!important}.motion-ready .hero-title .hero-line,.motion-ready .section-heading h2,.motion-ready .about-grid h2,.motion-ready .contact-section h2,.motion-ready .case-editorial h2,.motion-ready .comparison-heading h2,.case-opening .case-heading h1,.case-opening .case-heading p{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.comparison-front,.comparison-rule{transition:none!important}}


/* V4 / Source-grounded editorial case study storytelling */
.source-marker{width:min(var(--max),calc(100% - clamp(36px,8vw,150px)));margin:20px auto 0;color:var(--muted);font-size:10px;line-height:1.6;letter-spacing:.075em;text-transform:uppercase;max-width:850px;}
.case-editorial.narrative{padding-block:clamp(100px,11vw,170px);display:grid;grid-template-columns:minmax(220px,.73fr) minmax(0,1fr);gap:clamp(45px,9vw,145px);align-items:start;}
.narrative-kicker{position:sticky;top:125px;}
.narrative-kicker h2{font:400 clamp(67px,7.4vw,114px)/.9 var(--font-display);letter-spacing:-.06em;text-transform:none;margin:22px 0 35px;}
.narrative-kicker h2 em{font-weight:400;color:var(--lime);}
.narrative-guide{max-width:330px;color:var(--muted);font-size:14px;line-height:1.8;}
.narrative-body{border-top:1px solid var(--line);}
.narrative-block{padding:32px 0 42px;border-bottom:1px solid var(--line);}
.narrative-number{display:inline-block;color:var(--lime);font-size:10px;margin-bottom:23px;}
.narrative-block h3{font:400 clamp(32px,3.2vw,53px)/1.1 var(--font-display);letter-spacing:-.035em;margin:0 0 20px;max-width:680px;}
.narrative-block p{margin:0;color:#c5c7c8;font-size:clamp(15px,1.25vw,18px);line-height:1.8;max-width:700px;}
.narrative-block .brief-qualification{font-size:12px;line-height:1.65;color:#8d9292;margin-top:23px;border-left:2px solid var(--lime);padding-left:16px;}
.editorial-disclaimer{max-width:880px;line-height:1.75!important;}
.showcase-info p{max-width:450px;}
@media(max-width:780px){.case-editorial.narrative{grid-template-columns:1fr;gap:20px;padding-block:85px;}.narrative-kicker{position:static}.narrative-kicker h2{font-size:clamp(67px,12vw,96px)}.narrative-guide{max-width:580px}.narrative-block h3{font-size:clamp(34px,8vw,53px)}.source-marker{width:calc(100% - 36px);}}


/* V5 / neutral brand storytelling, source-linked company context and inline English translations */
.brand-intro{font-weight:650;color:var(--ivory)!important;margin-bottom:15px!important;font-size:clamp(17px,1.3vw,19px)!important;}
.brand-stats{padding:clamp(46px,7vw,100px) 0 clamp(35px,6vw,85px);border-bottom:1px solid var(--line)}
.brand-stats-header{padding:clamp(28px,4vw,56px);background:var(--sheet);border:1px solid var(--line);border-radius:3px}
.brand-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:30px;margin:27px 0 24px}
.brand-stat{display:flex;flex-direction:column;gap:7px;min-width:0}
.stat-number{font:400 clamp(51px,5.6vw,92px)/.98 var(--font-display);letter-spacing:-.04em;color:var(--ivory);font-variant-numeric:lining-nums}
.stat-label{color:var(--lime);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.brand-stat-note{max-width:890px;color:var(--muted);font-size:12px;line-height:1.8;margin:0}
.brand-stat-note a{color:var(--ivory);text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}.brand-stat-note a:hover{color:var(--lime)}
.translation-note{margin-top:27px;padding:20px 23px;background:var(--sheet);border-left:3px solid var(--lime);max-width:650px}
.translation-note .original-line{font:italic 400 clamp(23px,2.5vw,34px)/1.2 var(--font-display);color:var(--ivory);margin:13px 0 7px}
.translation-note .translated-line{font:400 clamp(20px,2.2vw,30px)/1.2 var(--font-display);color:var(--lime);margin:0 0 13px}
.translation-note .translation-detail{font-size:13px;color:#c2c5c5;line-height:1.65;margin:0}
.source-marker{max-width:1050px;text-transform:uppercase;font-size:10px;color:#adb0b0}
@media(max-width:600px){.brand-stats-header{padding:24px}.brand-stat-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.stat-number{font-size:clamp(38px,10vw,59px)}.translation-note{padding:18px}}



/* V7 / LIVING PRINT EXHIBITION / ARTWORK-ONLY EDITION */
:root{--intro-ease:cubic-bezier(.16,1,.3,1)}
.intro{isolation:isolate;min-height:min(865px,calc(100svh - 80px))}
.intro-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:clamp(16px,3vw,48px)}
.intro-type{z-index:5}.intro .hero-title{position:relative;z-index:5}
.intro .hero-title .hero-emphasis{color:var(--lime);text-shadow:0 15px 65px #d7ff4510}
.intro .intro-bottom{position:relative;z-index:7}
.intro-art{height:min(48vw,640px);min-height:490px;overflow:visible;isolation:isolate;perspective:900px}
.intro-art:before{inset:5% 3% 4% 3%;border:1px solid #ffffff1e;background:linear-gradient(150deg,#20242350,transparent 53%),repeating-linear-gradient(0deg,transparent 0,transparent 49px,#ffffff08 50px);transform:rotate(-3deg)}
.art-guides{position:absolute;inset:0;color:var(--lime);pointer-events:none;z-index:10;font:25px var(--font-ui,Arial,sans-serif)}
.art-guides span{position:absolute;opacity:.75}.art-guides .reg-a{left:0;top:8%}.art-guides .reg-b{right:0;top:29%}.art-guides .reg-c{left:5%;bottom:2%}
.artwork-serial{position:absolute;top:0;left:5%;display:flex;gap:11px;align-items:center;color:#d5d5cf;z-index:6;font-size:8px;white-space:nowrap}
.serial-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%}.serial-rule{height:1px;width:29px;background:#61675b}
.intro-art .photo-stack{display:block;position:absolute;border:4px solid #e2e2d9;overflow:hidden;will-change:transform;filter:drop-shadow(0 20px 27px #000c);transition:transform .7s var(--intro-ease),translate .28s ease,border-color .2s}
.intro-art .photo-stack:hover,.intro-art .photo-stack:focus-visible{border-color:var(--lime)}
.intro-art .photo-stack img{width:100%;height:100%;object-fit:cover}
.intro-art .photo-stack small{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:5px;padding:7px 9px;background:#0b0c0de8;color:#eee;letter-spacing:.08em;font:700 8px var(--font-ui,Arial,sans-serif)}
.intro-art .photo-stack small b{color:var(--lime);font-size:12px}
.intro-art .photo-a{width:64%;height:42%;right:0;top:8%;transform:rotate(7deg);z-index:3}
.intro-art .photo-b{width:58%;height:41%;left:0;top:23%;transform:rotate(-9deg);z-index:4}
.intro-art .photo-c{width:55%;height:36%;right:0;bottom:8%;transform:rotate(6deg);z-index:5}
.intro-art .photo-d{width:42%;height:31%;left:4%;bottom:1%;transform:rotate(-6deg);z-index:3}
.intro-art:hover .photo-a{transform:rotate(4deg) translate(5px,-8px)}
.intro-art:hover .photo-b{transform:rotate(-6deg) translate(-6px,3px)}
.intro-art:hover .photo-c{transform:rotate(3deg) translate(5px,5px)}
.intro-art:hover .photo-d{transform:rotate(-4deg) translate(-3px,-4px)}
.artwork-edition{position:absolute;left:17%;top:9%;z-index:2;width:54%;height:73%;background:#19201e;border:1px solid #d7ff4547;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;transform:rotate(-2deg);pointer-events:none;box-shadow:0 19px 50px #0009}
.artwork-edition>span{font:700 9px var(--font-ui);letter-spacing:.2em;color:var(--lime)}
.artwork-edition strong{font:italic 400 clamp(34px,4.4vw,66px)/.83 var(--font-display,Georgia,serif);letter-spacing:-.05em;color:#dedfdb}
.hero-scribble{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none;color:var(--lime);opacity:.85;filter:drop-shadow(0 0 3px #b2e03844)}
.hero-scribble path{stroke-dasharray:600;stroke-dashoffset:600;animation:v7draw 1.3s .65s var(--intro-ease) both}@keyframes v7draw{to{stroke-dashoffset:0}}
.artwork-caption{position:absolute;left:0;bottom:-24px;z-index:7;display:block;color:var(--ivory);font-size:8px;letter-spacing:.15em;white-space:nowrap}.artwork-caption i{color:var(--lime);font-style:normal}
.intro-art .vertical-label{right:-18px;bottom:5%}
@media(prefers-reduced-motion:no-preference){
 .intro-art .photo-stack{animation:v7print-arrive .8s var(--intro-ease) both}
 .intro-art .photo-a{animation-delay:.05s}.intro-art .photo-b{animation-delay:.19s}.intro-art .photo-c{animation-delay:.34s}.intro-art .photo-d{animation-delay:.49s}
 .artwork-edition{animation:v7print-arrive 1s .17s var(--intro-ease) both}
 .artwork-caption{animation:v7caption .8s .72s ease both}
 .intro-art .photo-a img{animation:v7driftone 9s 1.1s ease-in-out infinite alternate}
 .intro-art .photo-c img{animation:v7drifttwo 8s 1.1s ease-in-out infinite alternate}
 @keyframes v7print-arrive{from{opacity:0;scale:.91;filter:blur(7px) drop-shadow(0 20px 27px #0008)}to{opacity:1;scale:1;filter:blur(0) drop-shadow(0 20px 27px #000c)}}
 @keyframes v7caption{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
 @keyframes v7driftone{to{transform:scale(1.035) translateY(-1.1%)}}
 @keyframes v7drifttwo{to{transform:scale(1.03) translateY(1.3%)}}
}
/* Sticky print-stack from V6, untouched project data and routes. */
#selected{padding-bottom:95px}
#selected .section-heading{margin-bottom:clamp(50px,7vw,95px)}
.showcase-grid{display:block;position:relative;isolation:isolate;padding-bottom:20px}
.showcase-grid .showcase{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(280px,.87fr);height:clamp(380px,54vw,580px);min-height:0;margin:0 0 clamp(110px,17vh,175px);position:sticky;top:calc(92px + var(--stack-index)*7px);background:#151718;border:1px solid #494d48;box-shadow:0 24px 60px #000b;border-radius:5px;overflow:hidden;transform-origin:50% 0%;transition:border-color .3s,box-shadow .3s;z-index:calc(10 + var(--stack-index))}
.showcase-grid .showcase:nth-child(even){margin-top:0}.showcase-grid .showcase:last-child{margin-bottom:15px}
.showcase-grid .showcase-visual,.showcase-grid .showcase:nth-child(3n+2) .showcase-visual,.showcase-grid .showcase:nth-child(3n+3) .showcase-visual{aspect-ratio:auto;height:100%;width:100%;order:1}
.showcase-grid .showcase-visual img{width:100%;height:100%;object-fit:cover}
.showcase-grid .showcase-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;order:2;padding:clamp(25px,4.4vw,68px);border:0;background:radial-gradient(circle at 100% 20%,#d7ff4508,transparent 58%);position:relative;gap:20px}
.showcase-grid .showcase-info:before{content:'SV. / SELECTED WORK';font:700 10px var(--font-ui,Arial,sans-serif);letter-spacing:.14em;color:var(--lime)}
.showcase-grid .showcase-info>div{margin-top:auto}.showcase-grid .showcase-info h3{font:400 clamp(57px,6.2vw,105px)/.94 var(--font-display,serif);letter-spacing:-.06em;text-transform:none;margin:14px 0 20px}
.showcase-grid .showcase-info p{font-size:clamp(14px,1.35vw,18px);line-height:1.65;max-width:340px;color:#bbbebd}
.showcase-grid .circ-arrow{flex:none;align-self:flex-end;width:58px;height:58px;border-color:#9da0a0;font-size:28px}
.showcase-grid .showcase:hover,.showcase-grid .showcase:focus-visible{border-color:var(--lime);box-shadow:0 34px 85px #000e}
.showcase-grid .showcase .showcase-overlay{transform:none;opacity:0}.showcase-grid .showcase:hover .showcase-overlay,.showcase-grid .showcase:focus-visible .showcase-overlay{opacity:1}
/* The About section celebrates the work; no portrait/person image. */
.about-grid{grid-template-columns:minmax(0,1fr) minmax(245px,.68fr) minmax(0,1.05fr);gap:clamp(24px,3.5vw,66px);align-items:center}
.about-grid h2{font-size:clamp(57px,6vw,101px)}.about-content{padding-top:15px}.about-content p{font-size:clamp(15px,1.35vw,19px)}.about-content p.about-lead{font-size:clamp(20px,2vw,29px)}
.about-artwork{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.about-art-frame{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:390px;aspect-ratio:3/4.1;overflow:hidden;padding:19px;background:linear-gradient(145deg,#222722,#0e1010 75%);border:1px solid #626a52;isolation:isolate}
.about-art-frame:before{content:'';pointer-events:none;position:absolute;inset:10px;border:1px solid #d7ff452f;transform:rotate(-3deg)}
.about-index{position:relative;z-index:2;font-size:8px;color:#bbbdb3;display:flex;justify-content:space-between;gap:10px}
.about-monogram{position:absolute;inset:13% 2% auto;z-index:0;font:italic 400 clamp(95px,11vw,190px)/1 var(--font-display,Georgia,serif);letter-spacing:-.14em;text-align:center;color:#e5e8d7;opacity:.15;pointer-events:none}.about-monogram span{color:var(--lime)}
.about-thumbnails{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;aspect-ratio:1;margin:75px 0 18px;transform:rotate(-4deg);position:relative;z-index:2}
.about-thumbnails a{min-width:0;min-height:0;display:block;overflow:hidden;border:2px solid #d1d3c8;box-shadow:0 7px 20px #0007}.about-thumbnails a:first-child{grid-row:span 2}
.about-thumbnails img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.about-thumbnails a:hover img{transform:scale(1.08)}
.about-index-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 8px var(--font-ui,Arial,sans-serif);letter-spacing:.12em;color:#d1d1c9}.about-index-bottom .lime{font-size:23px}
.about-art-caption{margin:15px 0 0;color:var(--lime);font-size:8px;letter-spacing:.09em;line-height:1.7}
@media(max-width:1100px){.intro-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}.intro-art{min-height:425px}.showcase-grid .showcase{height:clamp(360px,53vw,510px)}}
@media(max-width:780px){
 .intro-grid{grid-template-columns:1fr;gap:22px}.intro{min-height:0}
 .intro-art{height:clamp(350px,78vw,520px);min-height:0;width:min(550px,100%);margin:10px auto 38px}.intro-art .vertical-label{right:-8px}
 .showcase-grid{display:grid;grid-template-columns:1fr;gap:23px}.showcase-grid .showcase,.showcase-grid .showcase:nth-child(even){position:relative;top:auto;display:grid;grid-template-columns:1fr;height:auto;min-height:0;margin:0;transform:none!important}
 .showcase-grid .showcase-visual,.showcase-grid .showcase:nth-child(3n+2) .showcase-visual,.showcase-grid .showcase:nth-child(3n+3) .showcase-visual{height:auto;aspect-ratio:5/4;order:0}
 .showcase-grid .showcase-info{order:0;padding:25px;gap:13px}.showcase-grid .showcase-info:before{font-size:8px}.showcase-grid .showcase-info>div{margin-top:5px}.showcase-grid .showcase-info h3{font-size:clamp(52px,10vw,75px);margin:9px 0}.showcase-grid .circ-arrow{width:42px;height:42px}.showcase-grid .showcase-overlay{opacity:1;bottom:12px;right:12px;padding:9px}
 .about-grid{grid-template-columns:minmax(0,1fr) minmax(200px,.7fr);align-items:start}.about-grid>div:first-child{grid-column:1/-1}.about-content{padding-top:15px}.about-grid h2{font-size:clamp(76px,11vw,105px)}.about-art-frame{min-height:340px;aspect-ratio:3/4.4}
}
@media(max-width:560px){
 .intro-art{height:clamp(345px,102vw,420px);margin-top:4px}.intro-art .photo-a{width:61%;height:39%;right:0}.intro-art .photo-b{width:56%;height:39%;top:23%;left:0}.intro-art .photo-c{width:57%;height:34%;right:0;bottom:7%}.intro-art .photo-d{width:40%;height:29%;bottom:0;left:1%}
 .artwork-serial{font-size:7px}.artwork-caption{font-size:7px;bottom:-21px}.intro-art .photo-stack small{font-size:7px;padding:5px 6px}
 .artwork-edition strong{font-size:clamp(31px,9vw,45px)}
 .about-grid{grid-template-columns:1fr;gap:27px}.about-grid>div:first-child{grid-column:1}.about-artwork{width:min(355px,100%);margin-inline:auto}.about-art-frame{aspect-ratio:3/3.5;min-height:340px}.about-content{padding-top:0}.intro .intro-bottom{margin-top:28px}.intro-type{isolation:isolate}
}
@media(prefers-reduced-motion:reduce){.intro-art .photo-stack,.artwork-edition,.artwork-caption,.hero-scribble path,.intro-art .photo-stack img{animation:none!important;opacity:1!important;translate:0 0!important;filter:none!important}.showcase-grid .showcase{transition:none!important}}

/* V7.1 — reverse-scroll stability. Native CSS sticky stacking only. */
.showcase-grid .showcase.reveal{transform:none!important;transition:opacity .35s ease,border-color .3s ease,box-shadow .3s ease}
.showcase-grid .showcase{height:min(clamp(380px,54vw,580px),calc(100svh - 175px));filter:none!important;scale:1!important}
/* Fallback to an ordinary card list if a short landscape viewport cannot fit the sticky card. */
@media(min-width:781px) and (max-height:620px){
 .showcase-grid{display:grid;gap:24px}
 .showcase-grid .showcase,.showcase-grid .showcase:nth-child(even){position:relative;top:auto;height:380px;margin:0;filter:none!important;scale:1!important}
}
@media(max-width:780px){.showcase-grid .showcase{height:auto!important}.topbar{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* V8 digital expansion: layout-only additions, V7.1 stable sticky scrolling preserved. */
.digital-opening .case-heading h1{font-size:clamp(64px,9vw,138px)}
.digital-reference{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:35px;margin-top:24px;margin-bottom:25px}
.digital-reference div{max-width:670px}.digital-reference p{color:#abb1af;font-size:14px;line-height:1.6;margin:11px 0 0}
.digital-live-link{border:1px solid var(--lime);color:var(--lime);padding:17px 22px;white-space:nowrap;font-size:11px;letter-spacing:.1em;font-weight:800;transition:background .2s,color .2s}
.digital-live-link:hover,.digital-live-link:focus-visible{background:var(--lime);color:var(--bg)}
.digital-product-flow{padding-bottom:clamp(75px,10vw,150px)}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.flow-steps>div{border:1px solid #434b48;background:#191f1c;padding:24px;min-height:210px}.flow-steps b{font:40px/1 var(--font-display,serif);color:var(--lime);display:block;margin-bottom:24px}.flow-steps strong{display:block;font-size:18px}.flow-steps p{font-size:13px;color:#b8beb9;line-height:1.55}
.digital-overview{margin:0;border:1px solid #47534d;background:#151719}.digital-overview img{width:100%;height:auto;display:block}.digital-overview figcaption{padding:14px 20px;color:#abb5ad;letter-spacing:.1em;font-size:10px}
.digital-screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.digital-screen-gallery .case-image{grid-column:auto!important;margin:0;min-width:0}.digital-screen-gallery .case-image:first-child{grid-column:span 3!important}.digital-screen-gallery .case-image:first-child img{height:auto;object-fit:contain}.digital-screen-gallery .case-image:not(:first-child) .image-open{display:flex;justify-content:center;background:#141716;padding:12px}.digital-screen-gallery .case-image:not(:first-child) img{width:auto;max-height:650px;object-fit:contain;aspect-ratio:1290/2796}.digital-screen-gallery figcaption{font-size:9px}
.digital-endnote{grid-column:1/-1;color:#bbc5be;font-size:15px;padding:26px;border-left:2px solid var(--lime);background:#151917}.digital-endnote a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.flow-steps{grid-template-columns:repeat(2,1fr)}.digital-screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-screen-gallery .case-image:first-child{grid-column:span 2!important}}
@media(max-width:700px){.digital-reference{display:block;padding-block:25px}.digital-live-link{display:inline-block;margin-top:22px;white-space:normal}.flow-steps{grid-template-columns:1fr 1fr}.flow-steps>div{min-height:0;padding:17px}.flow-steps b{font-size:27px;margin-bottom:14px}.flow-steps strong{font-size:15px}.flow-steps p{font-size:12px}.digital-screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.digital-screen-gallery .case-image:first-child{grid-column:span 2!important}.digital-screen-gallery .case-image:not(:first-child) .image-open{padding:4px}.digital-screen-gallery .case-image:not(:first-child) img{width:100%;height:auto;max-height:none}.digital-screen-gallery figcaption{font-size:8px;gap:6px}.showcase-grid .showcase-info h3{overflow-wrap:anywhere}}

/* Real website view additions, preserve V7.1 smooth sticky sections */
.live-web-montage{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(210px,.75fr);gap:24px;align-items:start}
.live-web-frame{border:1px solid #48504e;background:#16191a;min-width:0;margin:0;overflow:hidden;border-radius:14px}
.live-web-frame img{display:block;width:100%;height:auto;aspect-ratio:1280/900;object-fit:cover;object-position:top;background:#222}
.live-web-frame.phone{max-width:410px;margin:auto;width:100%;border-radius:25px}.live-web-frame.phone img{aspect-ratio:390/760}
.live-web-chrome{height:38px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#222729;border-bottom:1px solid #49504e}.live-web-chrome i{width:8px;height:8px;border-radius:50%;background:#7a8180}.live-web-chrome span{font:10px Manrope,sans-serif;color:#bfc5c2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:9px}
.live-web-frame figcaption{font-size:10px;letter-spacing:.1em;padding:14px 16px;color:#b9c3bf}.live-site-poster{position:relative;display:block}.live-site-poster img{display:block;width:100%;height:auto}.live-site-poster .expand-icon{position:absolute;right:20px;top:20px}
@media(max-width:700px){.live-web-montage{grid-template-columns:1fr}.live-web-frame.phone{max-width:320px}.live-web-chrome span{font-size:9px}}

/* V8.2: real, distinct-page editorial tours. No fake mobile screenshots. */
.digital-opening{padding-bottom:25px}
.site-stage{margin-top:clamp(24px,4vw,64px);position:relative;min-height:470px;padding:0 8% 5% 0}
.site-stage a{display:block;position:relative;overflow:hidden;background:#161818;border:1px solid #4a514c;box-shadow:0 25px 64px #000a;text-decoration:none}
.stage-main{width:82%;transform:rotate(-1.15deg)}.stage-secondary{position:absolute!important;right:0;bottom:0;width:39%;transform:rotate(3deg);z-index:2}
.site-stage img{display:block;width:100%;height:auto;aspect-ratio:1280/850;object-fit:cover;object-position:top;background:#1c2020}
.stage-secondary img{aspect-ratio:840/650}
.site-stage a:hover,.site-stage a:focus-visible,.site-tour-visual:hover,.site-tour-visual:focus-visible{border-color:var(--lime);outline:2px solid #d7ff4588;outline-offset:2px}
.site-stage .browser-bar,.site-tour-visual .browser-bar{height:38px;padding:0 13px;display:flex;align-items:center;gap:13px;background:#272b2c;border-bottom:1px solid #414746;color:#c1c6c3;font-size:10px;letter-spacing:0;white-space:nowrap;overflow:hidden}
.browser-dots{display:flex;gap:4px;flex:0 0 auto}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#686f6e}
.browser-address{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.browser-external{color:var(--lime);font-weight:800;font-size:15px}
.stage-tag{position:absolute;right:0;top:0;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.2em;color:#d3d6cd;writing-mode:vertical-rl}
.site-tour-section{padding-top:clamp(55px,7vw,110px);padding-bottom:clamp(65px,8vw,120px)}
.site-tour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3.6vw,54px);align-items:start}
.site-tour-piece{min-width:0;overflow:hidden}.site-tour-piece:nth-child(2n){margin-top:100px}.site-tour-piece.site-tour-featured{grid-column:1 / -1;max-width:1040px;width:100%;margin:0 auto 20px}
.site-tour-visual{display:block;position:relative;overflow:hidden;border:1px solid #454d49;background:#141717;box-shadow:0 30px 62px #0008;text-decoration:none}
.site-tour-visual>img{display:block;width:100%;height:auto;aspect-ratio:980/735;object-fit:cover;object-position:top;background:#1a1d1d;transition:transform .6s ease,filter .4s ease}
.site-tour-featured .site-tour-visual>img{aspect-ratio:1280/1000}
.site-tour-visual:hover>img{transform:scale(1.015);filter:brightness(.83)}
.site-tour-visit{position:absolute;right:15px;bottom:15px;background:var(--lime);color:#0b0c0d;padding:11px 13px;letter-spacing:.1em;font:800 10px Manrope,Arial,sans-serif;transition:transform .22s;box-shadow:0 8px 24px #0009}
.site-tour-visual:hover .site-tour-visit{transform:translateY(-3px)}
.tour-caption{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:19px 3px 0}.tour-counter{color:var(--lime);font:800 10px Manrope,Arial,sans-serif;letter-spacing:.15em}.tour-caption h3{font:400 clamp(31px,3.6vw,56px)/1.02 var(--font-display,serif);margin:0;color:#e9e9df;letter-spacing:-.025em}.tour-caption p{max-width:610px;color:#b5bab7;font-size:14px;line-height:1.7;margin:2px 0 0}
.site-tour-close{margin-top:68px;border-top:1px solid #404741;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-tour-close>span{letter-spacing:.15em;color:#9da69f;font-size:11px}
@media(max-width:750px){.site-stage{min-height:0;padding:0 0 25% 0;margin-top:27px}.stage-main{width:97%}.stage-secondary{bottom:1%;right:0;width:53%}.stage-tag{display:none}.site-stage .browser-bar{height:27px;padding-inline:7px;gap:6px;font-size:7px}.site-stage .browser-dots i{width:4px;height:4px}.site-tour-grid{grid-template-columns:1fr;gap:36px}.site-tour-piece:nth-child(2n){margin-top:0}.site-tour-featured .site-tour-visual>img,.site-tour-visual>img{aspect-ratio:950/735}.site-tour-section{padding-top:65px}.tour-caption h3{font-size:clamp(32px,9vw,48px)}.site-tour-close{display:block}.site-tour-close>a{margin-top:18px}.site-tour-visit{font-size:9px;padding:9px}.site-tour-visual .browser-bar{height:31px;padding-inline:8px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.site-tour-visual>img,.site-tour-visit{transition:none!important}.site-tour-visual:hover>img{transform:none;filter:none}}

/* V8.3: clean visual case studies — no fake browser, no second crop, no automatic full-gallery fetch */
.digital-art-stage{margin:35px auto 0;width:min(100%,1120px)}
.digital-art-card{position:relative;width:100%;aspect-ratio:4/3;background:#181c1a;overflow:hidden;border:1px solid #424943;isolation:isolate}
.digital-art-card>.site-shot-poster,.digital-art-card>.site-shot-live{position:absolute;width:100%;height:100%;inset:0;display:block;object-fit:contain;object-position:50% 0}
.site-shot-poster{background:#1b1d1a}
.site-shot-live{opacity:0;transition:opacity .28s ease;background:#161817}
.site-shot-live.is-loaded{opacity:1}
.art-stage-footer{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:linear-gradient(transparent,#090b0aec 55%);font-size:10px;letter-spacing:.15em;font-weight:800;color:#fff}
.art-stage-footer a{color:var(--lime);text-decoration:none;white-space:nowrap}
.site-tour-section{padding-top:65px}
.site-clean-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,5vw,80px) 25px;margin-top:42px}
.site-clean-piece{min-width:0}
.site-clean-piece.site-clean-featured{grid-column:1/-1;max-width:1120px;width:100%;margin:0 auto}
.site-clean-visual{position:relative;aspect-ratio:4/3;background:#191b1a;border:1px solid #3c4540;overflow:hidden;isolation:isolate}
.site-clean-visual>.site-shot-poster,.site-clean-visual>.site-shot-live{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:50% 0;}
.site-clean-visual>.site-shot-live{opacity:0;transition:opacity .32s ease}
.site-clean-visual>.site-shot-live.is-loaded{opacity:1}
.site-page-index{position:absolute;z-index:2;bottom:12px;left:12px;display:block;padding:8px 11px;background:#101311de;color:var(--lime);font:800 10px Manrope,Arial,sans-serif;letter-spacing:.18em}
.site-clean-caption{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:18px}
.site-clean-copy{min-width:0}
.site-clean-copy .eyebrow{font-size:10px}
.site-clean-copy h3{color:#f0eee8;font:400 clamp(28px,3.2vw,50px)/1.05 var(--font-display,'Instrument Serif',serif);letter-spacing:-.025em;margin:10px 0}
.site-clean-copy p{font-size:13px;color:#b6bdb7;line-height:1.7;max-width:480px;margin:0}
.site-page-link{flex:0 0 auto;text-decoration:none;color:var(--lime);font:800 10px Manrope,Arial,sans-serif;letter-spacing:.08em;padding:12px 0;white-space:nowrap;border-bottom:1px solid #677f38}
.site-page-link:hover,.site-page-link:focus-visible{color:#fff;border-bottom-color:#fff}
.site-shot-live:not([src]){visibility:hidden}
@media(max-width:780px){.digital-art-stage{margin-top:23px}.art-stage-footer{font-size:8px;padding:14px 10px;letter-spacing:.05em}.site-clean-gallery{display:block;margin-top:22px}.site-clean-piece,.site-clean-piece.site-clean-featured{margin:0 0 46px;max-width:none}.site-clean-caption{display:block}.site-clean-copy h3{font-size:clamp(31px,8.5vw,45px)}.site-page-link{display:inline-block;margin-top:9px}.site-clean-visual{aspect-ratio:4/3}.site-tour-section{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.site-shot-live{transition:none!important}}

/* Digital imagery must not be cropped in the archive or featured cards. */
.archive-link[data-category="Digital Experiences"] .archive-thumb img,
.archive-grid-mode .archive-link[data-category="Digital Experiences"] .archive-thumb img,
.showcase[href*="/ryda/"].showcase .showcase-visual img,
.showcase[href*="/tatvacare/"].showcase .showcase-visual img,
.showcase[href*="/soully-foods/"].showcase .showcase-visual img,
.showcase[href*="/toprops/"].showcase .showcase-visual img{
  object-fit:contain!important;object-position:center!important;background:#101918!important;
}


/* V8.5 / MOTION RESTORED — No scroll-linked card measurement and no remote images.
   Deliberately confines animation to opacity + transforms and desktop pointer cues. */
html{scroll-behavior:smooth}
.topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0b0c0df7}
.progress{display:block;will-change:transform}
/* Cinematic one-time print entrance. No drifting images or animated filter/blur. */
@keyframes print-enter{from{opacity:0;transform:translate3d(0,24px,0) rotate(var(--entry-angle,0deg)) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--rest-angle,0deg)) scale(1)}}
@keyframes editorial-enter{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes line-draw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
.intro-art .photo-stack{animation:none!important;filter:none!important;opacity:1;scale:1;will-change:auto;transition:border-color .23s,box-shadow .3s,transform .42s cubic-bezier(.18,.78,.2,1)!important}
.intro-art .photo-a{--rest-angle:7deg;--entry-angle:3deg}
.intro-art .photo-b{--rest-angle:-9deg;--entry-angle:-4deg}
.intro-art .photo-c{--rest-angle:6deg;--entry-angle:2deg}
.intro-art .photo-d{--rest-angle:-6deg;--entry-angle:-2deg}
.intro-art .photo-stack img{animation:none!important;transition:transform .65s cubic-bezier(.18,.8,.2,1)}
.intro-art .photo-stack:hover img,.intro-art .photo-stack:focus-visible img{transform:scale(1.035)}
.intro-art .photo-stack:hover{box-shadow:0 27px 65px #000c}
.hero-scribble path{animation:none!important;stroke-dasharray:600;stroke-dashoffset:0}
.artwork-edition,.artwork-caption{animation:none!important;filter:none!important;opacity:1;scale:1}
@media(prefers-reduced-motion:no-preference){
 html.motion-ready .intro-art .photo-stack{opacity:0}
 html.motion-ready.page-entered .intro-art .photo-stack{animation:print-enter .8s cubic-bezier(.16,1,.3,1) both!important}
 html.motion-ready.page-entered .intro-art .photo-a{animation-delay:.10s!important}
 html.motion-ready.page-entered .intro-art .photo-b{animation-delay:.24s!important}
 html.motion-ready.page-entered .intro-art .photo-c{animation-delay:.38s!important}
 html.motion-ready.page-entered .intro-art .photo-d{animation-delay:.52s!important}
 html.motion-ready .artwork-edition,html.motion-ready .artwork-caption{opacity:0}
 html.motion-ready.page-entered .artwork-edition{animation:editorial-enter .76s .33s both!important}
 html.motion-ready.page-entered .artwork-caption{animation:editorial-enter .6s .79s both!important}
 html.motion-ready .hero-scribble path{stroke-dashoffset:600}
 html.motion-ready.page-entered .hero-scribble path{animation:line-draw 1.05s .7s ease-out both!important}
 .ticker-track{animation:marquee 47s linear infinite!important}
 .ticker:hover .ticker-track{animation-play-state:paused}
}
/* Typography reveal: never animate blur; text stays in layout to prevent relayout. */
.motion-ready .hero-title .hero-line{filter:none!important}
.motion-ready .section-heading h2,.motion-ready .about-grid h2,.motion-ready .contact-section h2,.motion-ready .case-editorial h2,.motion-ready .comparison-heading h2{filter:none!important;transform:translateY(16px);opacity:0;transition:opacity .65s ease,transform .65s cubic-bezier(.16,.8,.2,1)!important}
.motion-ready .section-heading h2.type-visible,.motion-ready .about-grid h2.type-visible,.motion-ready .contact-section h2.type-visible,.motion-ready .case-editorial h2.type-visible,.motion-ready .comparison-heading h2.type-visible{opacity:1!important;transform:none!important}
/* Stable layered cards: deliberately not sticky. Visual offset/overlap is static,
   so reversing the scroll cannot trigger card geometry feedback. */
.showcase-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:0!important;row-gap:48px!important;align-items:start;isolation:isolate;padding:16px 6% 60px 0!important}
.showcase-grid .showcase,.showcase-grid .showcase:nth-child(even){display:flex!important;flex-direction:column!important;position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;filter:none!important;scale:1!important;border-radius:5px;box-shadow:0 18px 48px #0009;contain:layout style;transition:border-color .26s ease,box-shadow .35s ease,transform .4s cubic-bezier(.2,.75,.2,1),opacity .65s ease!important}
.showcase-grid .showcase:nth-child(odd){z-index:1}
.showcase-grid .showcase:nth-child(even){margin-left:-5%!important;margin-top:clamp(38px,5.3vw,86px)!important;z-index:2}
.showcase-grid .showcase:nth-child(4n+3){margin-top:-30px!important}
.showcase-grid .showcase:nth-child(4n+4){margin-top:25px!important}
.showcase-grid .showcase.reveal{opacity:0;transform:translate3d(0,20px,0)!important}
.showcase-grid .showcase.reveal.visible{opacity:1;transform:translate3d(0,0,0)!important}
.showcase-grid .showcase.reveal.visible:hover,.showcase-grid .showcase.reveal.visible:focus-visible{transform:translate3d(0,-9px,0)!important;z-index:4;border-color:var(--lime);box-shadow:0 28px 65px #000c!important}
.showcase-grid .showcase-visual,.showcase-grid .showcase:nth-child(3n+2) .showcase-visual,.showcase-grid .showcase:nth-child(3n+3) .showcase-visual{order:0!important;aspect-ratio:16/10!important;height:auto!important;min-height:0}
.showcase-grid .showcase-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)!important}
.showcase-grid .showcase:hover .showcase-visual>img,.showcase-grid .showcase:focus-visible .showcase-visual>img{transform:scale(1.035)!important;filter:none!important}
.showcase-grid .showcase-info{order:1!important;min-height:205px!important;padding:25px!important}
.showcase-grid .showcase-info>div{margin-top:0!important}
.showcase-grid .showcase-info h3{font-size:clamp(45px,5vw,67px)!important;line-height:1!important}
.showcase-grid .showcase-info p{font-size:13px!important}
/* Local archive thumbnails and one light, shared cursor preview (never a lazy cloned img). */
.archive-thumb{background:#202424;min-width:0}
.archive-thumb img{display:block!important;opacity:1!important;visibility:visible!important;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.archive-link:hover .archive-thumb img,.archive-link:focus-visible .archive-thumb img{transform:scale(1.04)}
.archive-floating-preview{display:block!important;position:fixed;left:0;top:0;z-index:91;width:clamp(200px,22vw,320px);pointer-events:none;transform:translate3d(-400px,-400px,0);scale:1;opacity:0;transition:opacity .17s ease;box-shadow:0 28px 65px #000c;contain:layout paint}
.archive-floating-preview.is-visible{opacity:1;scale:1}
.archive-floating-preview .floating-frame img{width:100%;height:100%;object-fit:contain;background:#181b19}
.archive-grid-mode .archive-link:hover .archive-thumb img{transform:scale(1.035)}
/* One-shot gallery and control microinteractions. */
.filters button,.archive-view-toggle,.round-cta,.digital-live-link,.contact-action,.site-page-link{transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}
.round-cta:hover,.round-cta:focus-visible{transform:rotate(42deg) scale(1.04)}
.archive-grid-mode .archive-link{transition:background .2s,border-color .2s}
.archive-link:hover .archive-arrow,.archive-link:focus-visible .archive-arrow{transform:translateX(4px)}
.archive-arrow{transition:transform .22s}
/* Site captures still local only and completely displayed; never a browser-in-browser. */
.site-shot-poster,.digital-art-card>.site-shot-poster,.site-clean-visual>.site-shot-poster{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:top!important;opacity:1!important;visibility:visible!important;background:transparent!important}
.digital-art-card,.site-clean-visual{aspect-ratio:auto!important;min-height:0!important;overflow:visible!important;background:#151818!important}
.site-shot-live{display:none!important}
.digital-art-card .art-stage-footer{position:relative!important;background:#151817!important}
.site-clean-visual{border:1px solid #373f3c!important}
.site-clean-visual img{transform:none!important;filter:none!important;transition:none!important}
.site-clean-piece.site-clean-featured{max-width:1050px}
@media(max-width:960px){.showcase-grid{padding-right:0!important;column-gap:16px!important}.showcase-grid .showcase:nth-child(even){margin-left:0!important}}
@media(max-width:780px){
 .showcase-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;padding:0 0 30px!important}
 .showcase-grid .showcase,.showcase-grid .showcase:nth-child(even),.showcase-grid .showcase:nth-child(4n+3),.showcase-grid .showcase:nth-child(4n+4){margin:0!important;top:auto!important;height:auto!important;transform:none!important;min-height:0!important}
 .showcase-grid .showcase-visual{aspect-ratio:16/11!important}
 .showcase-grid .showcase-info{min-height:0!important}
 .archive-floating-preview{display:none!important}
 .topbar{backdrop-filter:none;-webkit-backdrop-filter:none}
 .ticker-track{animation-duration:64s!important}
 .site-clean-gallery{display:block!important}.site-clean-piece{margin-bottom:32px!important}
}
@media(hover:none),(pointer:coarse){.archive-floating-preview{display:none!important}.showcase-overlay{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 .progress{display:none!important}
 .ticker-track,.intro-art .photo-stack,.hero-scribble path,.artwork-edition,.artwork-caption{animation:none!important;opacity:1!important}
 .intro-art .photo-stack{filter:none!important;transform:rotate(var(--rest-angle,0deg))!important}
 .motion-ready .hero-title .hero-line,.motion-ready .section-heading h2,.motion-ready .about-grid h2,.motion-ready .contact-section h2,.motion-ready .case-editorial h2,.motion-ready .comparison-heading h2{opacity:1!important;transform:none!important;animation:none!important}
 .showcase-grid .showcase.reveal,.showcase-grid .showcase.reveal.visible{opacity:1!important;transform:none!important;transition:none!important}
 .archive-floating-preview{display:none!important}
}

/* V8.6 / authentic screenshots, real page aspect ratios; no fake browser chrome. */
.site-shot-poster,.site-clean-visual .site-shot-poster,.digital-art-card .site-shot-poster{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:top!important;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important}
.digital-art-stage{max-width:1190px}
.digital-art-card,.site-clean-visual{height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important;background:#f3f3f3!important;border:0!important}
.digital-art-card img,.site-clean-visual img{vertical-align:top;box-shadow:0 15px 35px #0004}
.site-clean-gallery{grid-template-columns:1fr!important;gap:clamp(40px,6vw,75px)!important}
.site-clean-piece,.site-clean-piece.site-clean-featured{grid-column:1/-1!important;max-width:1190px!important;width:100%!important;margin:0 auto!important}
.site-clean-caption{border-top:1px solid #3f433f;padding-top:18px;align-items:center}
.site-clean-visual img{width:100%!important;max-width:100%!important}
.digital-mobile-proof{padding-bottom:100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,380px);gap:6vw;align-items:center;border-top:1px solid #444;padding-top:55px}
.digital-mobile-proof img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 24px 64px #000a}
.digital-mobile-proof h3{font-family:var(--font-display,'Instrument Serif',serif);font-weight:400;font-size:clamp(42px,5vw,76px);line-height:.98;margin:12px 0 20px}
.archive-link[data-category="Digital Experiences"] .archive-thumb img,.archive-grid-mode .archive-link[data-category="Digital Experiences"] .archive-thumb img{object-fit:contain!important;object-position:center;background:#f4f4f4;transform:none!important}
.showcase[href*="tatvacare/"] .showcase-visual img,.showcase[href*="soully-foods/"] .showcase-visual img,.showcase[href*="toprops/"] .showcase-visual img,.intro-art .photo-stack[href*="tatvacare/"] img{object-fit:contain!important;background:#e8e8e8}
@media(min-width:1101px){.archive-link[data-category="Digital Experiences"]{grid-template-columns:40px minmax(0,1fr) 160px 280px 28px!important;gap:24px!important;min-height:188px!important}.archive-link[data-category="Digital Experiences"] .archive-thumb{width:280px!important;height:159px!important}}
@media(min-width:781px) and (max-width:1100px){.archive-link[data-category="Digital Experiences"]{grid-template-columns:35px minmax(0,1fr) 110px 180px 25px!important;gap:10px!important}.archive-link[data-category="Digital Experiences"] .archive-thumb{width:180px!important;height:115px!important}}
@media(max-width:780px){.digital-mobile-proof{display:block;padding-top:35px}.digital-mobile-proof img{width:min(100%,390px);margin:20px auto 0}.site-clean-gallery{display:block!important}.site-clean-piece{margin-bottom:45px!important}}

/* V9 real-screen visual treatment — local files, no forced cropping or fake device/browser frames. */
.digital-art-card{aspect-ratio:auto!important;height:auto!important;overflow:hidden!important;display:block!important;background:#f3f2ef!important;border:1px solid #373d38!important;}
.digital-art-card>.site-shot-poster,.site-clean-visual>.site-shot-poster{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center!important;background:transparent!important;box-shadow:none!important;}
.site-clean-visual{aspect-ratio:16/9!important;overflow:hidden!important;background:#f3f2ef!important;border:1px solid #373d38!important;}
.site-clean-visual img{transform:none!important;}
.site-clean-piece:hover .site-clean-visual img{transform:none!important;}
.digital-art-card .art-stage-footer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;background:#151715!important;z-index:auto!important;padding:15px 18px!important;}
.archive-link[data-category="Digital Experiences"] .archive-thumb{width:min(22vw,220px)!important;height:auto!important;aspect-ratio:16/9!important;min-width:90px!important;}
.archive-link[data-category="Digital Experiences"] .archive-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#eee!important;}
.archive-grid-mode .archive-link[data-category="Digital Experiences"] .archive-thumb{width:100%!important;max-width:none!important;aspect-ratio:16/9!important;}
.archive-grid-mode .archive-link[data-category="Digital Experiences"] .archive-thumb img{object-fit:cover!important;}
@media(max-width:780px){.archive-link[data-category="Digital Experiences"] .archive-thumb{width:86px!important;min-width:86px!important;aspect-ratio:16/9!important;} .digital-art-card .art-stage-footer{padding:13px 10px!important;} .site-clean-gallery{display:block!important;}.site-clean-visual{aspect-ratio:16/9!important;}}