:root{--bg:#09090b;--bg-2:#101013;--card:#131316;--red:#fa4439;--red-2:#ff5a4d;--red-dark:#4b1719;--text:#f7f6f4;--muted:#a09b9e;--subtle:#6c686c;--line:#282429;--line-bright:#46383a;--max:1410px;--font:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;color:var(--text);background:var(--bg);font-family:var(--font);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}body.lang-bn{font-family:'Hind Siliguri',var(--font)}body.lang-bn .section-heading,body.lang-bn .contact-heading{font-family:'Hind Siliguri',sans-serif;letter-spacing:-.04em}body.lang-bn .hero-description,body.lang-bn .lead-copy{line-height:1.85}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--red);color:#09090b}*:focus-visible{outline:2px solid #ff837a;outline-offset:4px}section{position:relative}#main{overflow:clip}.page-width{width:min(calc(100% - 112px),var(--max));margin-inline:auto}.text-red,.period{color:var(--red)}.grain{position:fixed;inset:0;pointer-events:none;z-index:81;opacity:.055;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.pointer-glow{position:fixed;z-index:0;inset:auto;left:0;top:0;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(250,68,57,.04),transparent 65%);transform:translate3d(-50%,-50%,0);pointer-events:none;opacity:0;transition:opacity .4s}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:110;background:rgba(255,255,255,.055)}.scroll-progress span{display:block;height:100%;width:0;background:var(--red);box-shadow:0 0 12px rgba(250,68,57,.7)}.skip-link{position:fixed;left:12px;top:-100px;z-index:200;background:white;color:black;padding:12px}.skip-link:focus{top:12px}.site-header{position:fixed;top:2px;left:0;right:0;z-index:90;min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(24px,4vw,64px);background:rgba(10,10,12,.78);border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .3s,box-shadow .3s}.site-header.scrolled{background:rgba(9,9,11,.95);box-shadow:0 5px 35px #0009}.site-signature{display:flex;align-items:center;gap:10px;min-width:170px}.signature-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--red);color:#151010;font-family:var(--display);font-size:28px;font-weight:900;line-height:1;letter-spacing:-.07em}.signature-dot{margin-left:-4px;color:#fff}.signature-caption{font-family:var(--display);font-size:13px;line-height:1;letter-spacing:.09em;font-weight:700}.main-nav{display:flex;align-items:center;gap:clamp(11px,2vw,29px)}.nav-link{position:relative;display:inline-flex;padding:28px 0;color:#a8a4a5;font-size:10px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;transition:color .3s}.nav-link::after{content:'';position:absolute;bottom:19px;left:0;right:100%;height:2px;background:var(--red);transition:right .35s var(--ease)}.nav-link.current,.nav-link:hover{color:#fff}.nav-link.current::after,.nav-link:hover::after{right:0}.header-actions{display:flex;align-items:center;gap:17px}.lang-switch{display:flex;align-items:center;gap:5px;white-space:nowrap}.lang-btn{background:none;color:#777;border:0;padding:5px 2px;font-size:11px;font-weight:800;line-height:1.5}.lang-btn.is-active{color:white}.language-divider{color:#514e53}.sound-btn{display:flex;align-items:center;gap:9px;color:#d7d4d5;background:none;border:0;padding:6px 0;font-size:9px;letter-spacing:.13em;font-weight:800;white-space:nowrap}.sound-lines{height:17px;display:flex;align-items:center;gap:3px}.sound-lines i{display:block;width:2px;height:5px;background:var(--muted);transition:height .3s,background .3s}.sound-lines i:nth-child(2){height:11px}.sound-lines i:nth-child(3){height:7px}.sound-lines i:nth-child(4){height:13px}.sound-btn[aria-pressed="true"] .sound-lines i{background:var(--red);animation:equalize .7s ease-in-out infinite alternate}.sound-btn[aria-pressed="true"] .sound-lines i:nth-child(2){animation-delay:-.24s}.sound-btn[aria-pressed="true"] .sound-lines i:nth-child(3){animation-delay:-.4s}.sound-btn[aria-pressed="true"] .sound-lines i:nth-child(4){animation-delay:-.13s}@keyframes equalize{from{height:4px}to{height:16px}}.header-contact{display:flex;align-items:center;gap:15px;border:1px solid #4b3437;background:#2a1719;color:#ffb2a8;padding:11px 14px;font-size:9px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.header-contact:hover{background:var(--red);color:#180a09}.corner-arrow{font-size:15px}.menu-button{display:none;border:0;background:none;width:37px;height:36px;flex-direction:column;justify-content:center;gap:6px}.menu-button span{display:block;width:25px;height:2px;background:white;transition:transform .3s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
[hidden]{display:none!important}
.hero{min-height:min(860px,100svh);padding-top:100px;padding-bottom:56px;background:radial-gradient(ellipse at 48% 58%,rgba(93,18,21,.16),transparent 47%),#09090b;border-bottom:1px solid var(--line);isolation:isolate}.hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),rgba(255,255,255,.018) calc(25% - 1px),rgba(255,255,255,.018) 25%);pointer-events:none}.hero-backdrop{position:absolute;inset:95px 0 auto;pointer-events:none;overflow:hidden}.giant-outline{position:relative;z-index:0;width:100%;text-align:center;font-family:var(--display);font-size:clamp(125px,20vw,340px);font-stretch:condensed;font-weight:800;line-height:.72;letter-spacing:-.012em;color:transparent;-webkit-text-stroke:1.5px var(--red);text-shadow:0 0 27px rgba(250,68,57,.1);white-space:nowrap;transform:translate3d(0,-75px,0);opacity:0;animation:giantReveal 1.45s var(--ease) .13s forwards}@keyframes giantReveal{to{transform:translate3d(0,0,0);opacity:1}}.hero-index{position:absolute;right:6%;top:min(19vw,305px);font-size:9px;letter-spacing:.2em;color:#9b7477}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(280px,.87fr) minmax(205px,.57fr);gap:clamp(24px,3.2vw,62px);align-items:end;padding-top:clamp(135px,14vw,229px)}.hero-greeting{padding-bottom:20px;animation-delay:.15s}.handwritten{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-style:italic;display:block;font-size:25px;letter-spacing:-.07em;transform:rotate(-5deg);transform-origin:left;margin-bottom:17px}.hero-greeting h1{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 19px;font-family:var(--display);font-weight:800;font-size:clamp(52px,6.45vw,113px);line-height:.8;letter-spacing:-.005em;white-space:nowrap}.hero-greeting h1>span{font-size:.61em;letter-spacing:.018em;line-height:1.09}.hero-greeting h1>strong{display:inline-block;background:var(--red);padding:.05em .16em .12em .1em;color:#fff;box-shadow:9px 9px 0 rgba(85,16,21,.3);letter-spacing:.006em}.hero-greeting h1 .period{color:#1b0c0c}.hero-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;display:flex;align-items:center;gap:9px;color:#e6dadd;max-width:455px}.live-dot{display:inline-block;flex:none;width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px rgba(250,68,57,.1);animation:pulse 2.5s ease-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(250,68,57,0)}}.hero-description{max-width:460px;margin:33px 0 25px;color:#d4ced0;font-size:clamp(12px,1vw,15px);line-height:1.72}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid transparent;min-height:45px;padding:12px 16px;font-size:10px;font-weight:900;letter-spacing:.06em;white-space:nowrap;transition:transform .35s var(--ease),background .2s,border-color .2s,color .2s,box-shadow .2s}.button:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(250,68,57,.12)}.button-red{background:var(--red);color:#160c0b}.button-red:hover{background:#ff6358}.button-outline{background:#171517;color:#f4eeee;border-color:#393034}.button-outline:hover{border-color:var(--red)}.hero-stats{display:flex;gap:clamp(16px,2vw,37px);padding-top:38px;margin-top:35px;border-top:1px solid #292327}.hero-stats>div{display:flex;flex-direction:column;gap:0}.stat-value{font-family:var(--display);font-size:clamp(29px,3vw,42px);font-weight:800;line-height:1}.stat-label{margin-top:7px;color:#a9a0a2;font-size:8px;letter-spacing:.11em;font-weight:800;white-space:nowrap}.hero-photo-wrap{position:relative;padding-bottom:21px;animation-delay:.39s}.portrait-chrome{position:relative;border:1px solid #4b2627;box-shadow:0 22px 65px rgba(0,0,0,.5);transform:rotate(-1.1deg);transition:transform .65s var(--ease)}.portrait-chrome:hover{transform:rotate(0) translateY(-5px)}.portrait-media{position:relative;aspect-ratio:.79/1;overflow:hidden;background:var(--red)}.portrait-media img{width:100%;height:100%;object-fit:cover;object-position:52% 30%;filter:grayscale(1) contrast(1.2) brightness(.79);mix-blend-mode:multiply;transition:filter .6s,transform .7s var(--ease)}.portrait-chrome:hover img{transform:scale(1.05);filter:grayscale(.65) contrast(1.13) brightness(.89)}.portrait-color{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(250,68,57,.34) 0%,rgba(250,68,57,.03) 60%,rgba(8,7,7,.27));mix-blend-mode:screen}.portrait-bar{min-height:33px;background:#100b0d;border-top:1px solid #7c3030;display:flex;align-items:center;gap:8px;padding:0 10px;font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.07em}.portrait-bar>span:last-child{margin-left:auto;color:#d87f7d}.portrait-pulse{width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 11px var(--red)}.chrome-plus{position:absolute;z-index:3;font-size:22px;line-height:1;color:var(--red)}.plus-a{top:-11px;left:-11px}.plus-b{bottom:-11px;right:-11px}.photo-number{display:block;text-align:right;color:#8d7377;font-size:8px;letter-spacing:.15em;margin-top:10px}.hero-side{padding-bottom:62px;animation-delay:.63s}.aside-label,.mini-heading{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.13em}.aside-label{margin-bottom:26px;color:#d1a0a0}.focus-item{border-bottom:1px solid #34282b;padding:8px 0 21px;margin-bottom:21px;position:relative}.item-n{color:var(--red);font-size:11px;font-weight:800}.focus-item h3{margin:8px 0 4px;font-size:15px;font-weight:700;line-height:1.4}.focus-item p{font-size:11px;color:#a79da0;line-height:1.7;margin:0}.line-signal{position:absolute;bottom:-1px;left:0;width:36%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.focus-item:hover .line-signal{transform:scaleX(1)}.focus-foot{display:flex;justify-content:space-between;align-items:center;color:#a88283}.focus-quote{font-size:9px;letter-spacing:.16em;font-weight:800}.star-symbol{font-size:25px;color:var(--red)}.hero-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-top:57px;color:#a59c9e;font-size:9px;font-weight:800;letter-spacing:.15em}.scroll-down,.hero-footer-right{display:inline-flex;gap:12px;align-items:center}.scroll-mouse{display:grid;place-items:start center;width:17px;height:27px;border:1px solid #a59c9e;border-radius:20px;padding-top:6px}.scroll-mouse i{height:5px;width:2px;background:var(--red);animation:scrollHint 2s ease-in-out infinite}@keyframes scrollHint{50%{transform:translateY(6px);opacity:.2}}.accent-line{width:48px;height:1px;background:var(--red)}.enter-fade{opacity:0;transform:translateY(40px);animation:enterFade .95s var(--ease) .64s forwards}.hero-greeting.enter-fade{animation-delay:.42s}.hero-photo-wrap.enter-fade{animation-delay:.63s}.hero-side.enter-fade{animation-delay:.8s}@keyframes enterFade{to{opacity:1;transform:translateY(0)}}
.section{padding:135px 0 150px;isolation:isolate}.section-about{background:#0e0d10}.section-work{background:#09090b}.section-expertise{background:radial-gradient(ellipse at 73% 44%,rgba(85,17,18,.10),transparent 52%),#0e0d10}.section-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;margin-bottom:56px;border-bottom:1px solid #2e292e}.section-number{font-size:10px;font-weight:800;letter-spacing:.14em;color:#a39da0}.section-cross{font-size:18px;color:var(--red)}.editorial-grid{display:grid;grid-template-columns:1.12fr 1.2fr .72fr;gap:clamp(26px,3.5vw,65px)}.red-eyebrow{color:var(--red);display:flex;align-items:center;gap:9px;font-size:9px;font-weight:900;letter-spacing:.15em;margin:0 0 20px}.red-line{display:inline-block;background:var(--red);height:1px;width:27px}.section-heading{font-family:var(--display);font-size:clamp(43px,5vw,79px);line-height:.96;font-weight:800;letter-spacing:-.008em;margin:0;color:#f6f4f3}.section-heading em{font-style:normal;color:var(--red)}.about-number{margin-top:68px;font-family:var(--display);font-size:110px;font-weight:800;color:#292326;line-height:.8}.about-number span{font-size:46px;color:var(--red);vertical-align:super}.editorial-copy{padding-top:34px}.editorial-copy p{margin:0 0 22px;color:#a7a1a4;font-size:13px;line-height:1.9}.editorial-copy .lead-copy{font-size:clamp(16px,1.45vw,22px);line-height:1.6;font-weight:600;color:#f5eeee}.editorial-copy .quote-copy{padding:16px 0 0 20px;border-left:2px solid var(--red);color:#f4dad6;font-size:15px;font-style:italic}.about-aside{padding-top:32px}.principle{display:flex;gap:20px;border-bottom:1px solid #343034;padding:13px 0;color:#ccc4c5;font-size:12px}.principle span:first-child{color:var(--red);font-size:10px;font-weight:800;white-space:nowrap}.small-signature{font-family:var(--display);font-size:37px;font-weight:800;letter-spacing:.02em;margin-top:45px}.small-signature span{color:var(--red)}.section-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:48px}.intro-note{margin:0 0 5px;width:min(340px,30%);color:#aaa1a4;font-size:12px;line-height:1.9}.project-console{border:1px solid #493133;background:linear-gradient(145deg,#180e11 0%,#111013 46%,#151012 100%);box-shadow:0 30px 90px #0006;overflow:hidden}.console-head,.console-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid #473037;color:#b4a0a1;font-size:9px;letter-spacing:.12em;font-weight:800}.console-head>span:first-child{display:flex;align-items:center;gap:10px}.console-head .live-dot{width:5px;height:5px}.console-head #projectCounter{color:var(--red)}.console-body{display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(32px,4vw,65px);padding:clamp(25px,3.6vw,55px)}.project-main-info{position:relative;min-width:0;display:flex;flex-direction:column;align-items:start}.project-status{display:inline-flex;border:1px solid #703136;background:#442023;color:#ff7d72;font-size:9px;font-weight:900;letter-spacing:.1em;padding:8px 11px}.project-number{position:absolute;right:0;top:-30px;font-family:var(--display);font-size:115px;font-weight:800;line-height:1;color:rgba(255,255,255,.055)}.project-brand{font-family:var(--display);font-size:clamp(58px,6vw,95px);line-height:1;font-weight:900;margin:24px 0 2px;letter-spacing:-.015em;overflow-wrap:anywhere}.project-brand span{color:var(--red)}.project-main-info h3{font-size:clamp(17px,1.65vw,24px);line-height:1.35;margin:8px 0 12px}.project-main-info>p{font-size:12px;color:#b3a5a9;line-height:1.9;max-width:540px;margin:0 0 25px}.project-specs{display:flex;flex-wrap:wrap;gap:20px 45px;border-top:1px solid #44363a;padding-top:21px;margin-bottom:28px;width:100%}.project-specs>div{display:flex;flex-direction:column;gap:4px}.project-specs small{font-size:9px;font-weight:800;color:var(--red);letter-spacing:.1em}.project-specs strong{font-size:12px;font-weight:600;color:#ede1e1}.project-view{margin-top:auto}.project-screenshot{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center}.project-display{position:relative;overflow:hidden;aspect-ratio:1.41/1;border:1px solid #4f3539;background:linear-gradient(145deg,#272020,#121216 65%);box-shadow:19px 21px 0 rgba(30,14,17,.7),0 25px 55px #0009;transform:perspective(900px) rotateY(-3deg) rotateX(2deg);transition:transform .55s var(--ease),box-shadow .55s}.project-display:hover{transform:perspective(900px) rotateY(0deg) rotateX(0deg);box-shadow:0 25px 55px #0009}.display-topline{height:34px;background:#211b20;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-bottom:1px solid #352a30;font-size:10px;color:#93878d;letter-spacing:.02em}.display-dots{display:flex;gap:5px}.display-dots b{width:6px;height:6px;border:1px solid #766166;border-radius:50%}.display-dots b:first-child{background:var(--red);border-color:var(--red)}.project-display>img{width:100%;height:calc(100% - 34px);object-fit:cover;object-position:top center;filter:saturate(.82);opacity:1;transition:transform .9s var(--ease),opacity .4s}.project-display:hover>img{transform:scale(1.055)}.project-display.loading>img{opacity:.15}.display-placeholder{position:absolute;top:34px;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(circle at center,#4a1e25,#0f1116 68%);gap:5px}.display-placeholder[hidden]{display:none}.dn-icon{font-family:var(--display);font-weight:900;font-size:68px;line-height:1}.dn-icon span{color:var(--red)}.display-placeholder strong{font-size:16px;letter-spacing:.35em}.display-placeholder small{color:var(--red);font-size:10px;letter-spacing:.15em}.image-credit{color:#a08688;font-size:8px;letter-spacing:.13em;margin-top:20px;text-align:right}.console-foot{border-top:1px solid #473037;border-bottom:0;padding:11px 22px}.console-indicator{display:flex;gap:7px}.console-indicator i{display:block;height:2px;width:20px;background:#4e4246}.console-indicator i.active{background:var(--red)}.projects-toolbar{margin-top:40px;display:flex;justify-content:space-between;align-items:center}.projects-toolbar p{margin:0}.projects-count{color:#9a8d92;font-size:9px;letter-spacing:.12em}.project-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:18px;background:#3c3437;border:1px solid #3c3437}.project-tab{text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-width:0;position:relative;padding:22px 17px 27px;background:#151315;border:0;color:white;transition:background .3s,transform .3s}.project-tab::after{content:'';position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--red);transition:width .35s var(--ease)}.project-tab:hover,.project-tab.is-active{background:#2b171b}.project-tab.is-active::after{width:100%}.tab-n{font-size:10px;color:var(--red);font-weight:900;margin-bottom:21px}.tab-name{font-family:var(--display);font-weight:800;line-height:1.08;font-size:clamp(16px,1.6vw,24px);overflow-wrap:anywhere}.project-tab small{font-size:9px;color:#a49b9f;letter-spacing:.04em;margin-top:6px}.tab-arrow{position:absolute;right:14px;top:17px;color:#ff8076;transform:translate(-5px,5px);opacity:0;transition:transform .3s,opacity .3s}.project-tab:hover .tab-arrow,.project-tab.is-active .tab-arrow{transform:translate(0,0);opacity:1}.matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #3c3034;margin-top:58px}.matrix-card{padding:clamp(23px,2.7vw,44px);min-height:270px;border-right:1px solid #3c3034;border-bottom:1px solid #3c3034;background:#151216;position:relative;overflow:hidden;transition:background .35s,box-shadow .35s}.matrix-card:nth-child(3n){border-right:0}.matrix-card:nth-child(n+4){border-bottom:0}.matrix-card:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,rgba(250,68,57,.15),transparent 62%);opacity:0;transition:opacity .4s}.matrix-card:hover{background:#211317;box-shadow:inset 0 0 0 1px rgba(250,68,57,.45)}.matrix-card:hover:before{opacity:1}.matrix-card>*{position:relative}.matrix-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--red);font-size:9px;letter-spacing:.10em;font-weight:900}.matrix-mark{font-size:20px;transition:transform .3s}.matrix-card:hover .matrix-mark{transform:translate(4px,-4px)}.matrix-symbol{display:block;font-size:32px;color:#e7a9a2;margin:27px 0 15px}.matrix-card h3{font-size:clamp(15px,1.65vw,23px);line-height:1.3;margin:0 0 12px}.matrix-card p{font-size:12px;line-height:1.75;color:#a9a0a3;margin:0 0 19px}.skill-marks{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.skill-marks span{padding:5px 8px;border:1px solid #4d3438;font-size:8px;letter-spacing:.08em;color:#c7abae}.contact-section{padding:122px 0 70px;background:radial-gradient(circle at 51% 15%,rgba(114,25,32,.15),transparent 54%),#09090b}.contact-frame{position:relative;padding:28px 0 0;text-align:center}.contact-top-label{display:block;text-align:left;border-bottom:1px solid #34292e;padding-bottom:20px;font-size:10px;letter-spacing:.13em;color:#aba0a3;font-weight:800}.contact-eyebrow{color:var(--red);font-size:10px;letter-spacing:.18em;font-weight:900;margin:95px 0 23px}.contact-heading{font-family:var(--display);font-size:clamp(63px,9.3vw,153px);font-weight:800;line-height:.8;letter-spacing:.003em;margin:0 auto 27px;max-width:1110px}.contact-heading em{font-style:normal;color:var(--red)}.contact-sub{color:#b3a8ab;max-width:410px;margin:27px auto;font-size:13px;line-height:1.8}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px auto 100px}.contact-rule{height:1px;background:#392d31}.contact-lower{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;text-align:left;padding:52px 0 35px}.contact-social{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.contact-social .mini-heading{margin-bottom:10px}.contact-social>a{font-size:13px;color:#eee4e5;border-bottom:1px solid #4d3c42;padding-bottom:9px;transition:color .2s,transform .2s}.contact-social>a:hover{color:var(--red);transform:translateX(4px)}.contact-form{text-align:left;display:flex;flex-direction:column;gap:16px}.contact-form>.mini-heading{margin-bottom:6px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:900;color:#d1bec0;letter-spacing:.12em}.contact-form input,.contact-form textarea{width:100%;border:1px solid #49373e;background:#171318;color:#fff;border-radius:0;padding:12px 13px;min-height:45px;font-size:13px;line-height:1.5;letter-spacing:normal;outline:none;transition:border-color .25s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8d8388}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red)}.contact-form textarea{resize:vertical;min-height:110px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-last{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-note{font-size:10px;color:#81777b}.form-status{font-size:12px;margin:0;color:#e5aea9;min-height:0}.form-status:empty{display:none}.form-status.is-ok{color:#91d7bc}.honeypot{position:absolute;overflow:hidden;width:1px;height:1px;clip-path:inset(50%)}.site-footer{border-top:1px solid #2a262a;background:#09090b;padding:25px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#93898c;font-size:9px;font-weight:800;letter-spacing:.1em}.footer-inner a{color:#e0c2c1}.footer-inner a:hover{color:var(--red)}.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.matrix-card.reveal:nth-child(2),.matrix-card.reveal:nth-child(5){transition-delay:.09s}.matrix-card.reveal:nth-child(3),.matrix-card.reveal:nth-child(6){transition-delay:.16s}
@media (max-width:1280px){.page-width{width:min(calc(100% - 76px),var(--max))}.site-header{padding:0 30px}.site-signature{min-width:120px}.header-contact{display:none}.hero-content{grid-template-columns:minmax(0,1.07fr) minmax(250px,.85fr) minmax(160px,.54fr);gap:26px}.hero-greeting h1{font-size:clamp(57px,6.2vw,94px)}.hero-side{padding-bottom:33px}}
@media (max-width:960px){.main-nav{position:fixed;display:none;flex-direction:column;align-items:stretch;top:77px;right:0;left:0;padding:16px 35px 24px;gap:0;background:#100f12;border-bottom:1px solid #513136;box-shadow:0 22px 30px #0009}.main-nav.is-open{display:flex}.nav-link{font-size:12px;padding:12px 3px}.nav-link::after{bottom:4px}.menu-button{display:flex}.header-actions{gap:15px}.hero{padding-top:120px;min-height:auto}.giant-outline{font-size:clamp(126px,21.1vw,225px)}.hero-content{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);padding-top:clamp(112px,17vw,190px);gap:30px}.hero-side{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;gap:20px;align-items:start;padding-bottom:0}.aside-label{grid-column:1/-1;margin:0}.focus-item{margin:0}.focus-foot{grid-column:1/-1;justify-content:flex-end;gap:15px}.hero-photo-wrap{max-width:400px}.hero-footer{padding-top:40px}.editorial-grid{grid-template-columns:1fr 1.2fr}.about-aside{grid-column:2;padding-top:0}.about-number{margin-top:30px}.project-tab{padding:21px 9px}.tab-name{font-size:17px}.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix-card:nth-child(3n){border-right:1px solid #3c3034}.matrix-card:nth-child(2n){border-right:0}.matrix-card:nth-child(n+4){border-bottom:1px solid #3c3034}.matrix-card:nth-child(n+5){border-bottom:0}}
@media (max-width:670px){.page-width{width:calc(100% - 34px)}.site-header{height:68px;min-height:68px;padding:0 17px}.site-signature{min-width:auto;gap:7px}.signature-caption{font-size:11px}.signature-icon{width:30px;height:30px}.header-actions{gap:12px}.main-nav{top:68px;padding-inline:20px}.sound-btn{gap:6px}.sound-btn #soundLabel{font-size:0;width:0;overflow:hidden}.sound-lines{margin:0 3px}.lang-btn{font-size:11px}.hero{padding-top:82px;padding-bottom:32px}.hero-backdrop{top:118px}.giant-outline{font-size:clamp(87px,20.6vw,157px);line-height:1;transform:translateY(-25px);-webkit-text-stroke:1px var(--red)}.hero-index{top:22vw;right:5%;font-size:7px}.hero-content{padding-top:clamp(112px,18vw,155px);display:grid;grid-template-columns:1fr;gap:30px}.hero-greeting{padding-bottom:0}.handwritten{font-size:21px;margin-bottom:14px}.hero-greeting h1{font-size:clamp(63px,15.5vw,97px);margin-bottom:18px}.hero-greeting h1>span{font-size:.56em}.hero-description{font-size:13px;margin:25px 0 21px}.hero-kicker{font-size:9px}.button{min-height:44px;padding:11px 12px;font-size:9px;gap:15px}.hero-stats{padding-top:24px;margin-top:28px;justify-content:space-between;gap:8px}.stat-value{font-size:35px}.stat-label{font-size:7px;white-space:normal}.hero-photo-wrap{width:min(84%,340px);justify-self:center;padding-bottom:10px}.portrait-media{aspect-ratio:.87/1}.hero-side{grid-template-columns:1fr 1fr;gap:12px 20px}.hero-side .aside-label{font-size:9px}.focus-item h3{font-size:13px}.focus-item p{font-size:10px}.hero-footer{gap:15px;padding-top:27px;font-size:8px}.hero-footer-right{display:none}.section{padding:78px 0 91px}.section-top{margin-bottom:37px;padding-bottom:13px}.section-number{font-size:9px}.section-intro{display:block;margin-bottom:35px}.intro-note{width:100%;max-width:520px;margin:21px 0 0;font-size:12px}.section-heading{font-size:clamp(46px,11vw,74px)}.editorial-grid{display:block}.editorial-copy{padding-top:30px}.editorial-copy .lead-copy{font-size:17px}.about-number{display:none}.about-aside{padding-top:24px}.small-signature{margin-top:24px}.console-head,.console-foot{font-size:8px;padding:12px}.console-scroll{display:none}.console-body{display:flex;flex-direction:column-reverse;gap:20px;padding:17px}.project-screenshot{padding:5px 3px 0}.project-display{transform:none;box-shadow:9px 10px 0 rgba(30,14,17,.65)}.project-number{font-size:74px;top:-10px}.project-brand{font-size:clamp(58px,13vw,85px);margin:15px 0 2px}.project-main-info>p{margin-bottom:16px}.project-specs{gap:16px;padding-top:17px;margin-bottom:20px}.project-selector{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:1px}.project-tab{flex:0 0 min(56vw,220px);scroll-snap-align:start;min-height:115px;padding:17px 13px}.tab-n{margin-bottom:10px}.tab-name{font-size:21px}.projects-toolbar{margin-top:28px}.matrix-grid{grid-template-columns:1fr;margin-top:34px}.matrix-card{min-height:0;padding:25px 24px;border-right:0!important;border-bottom:1px solid #3c3034!important}.matrix-card:last-child{border-bottom:0!important}.matrix-symbol{margin:17px 0 13px;font-size:26px}.matrix-card h3{font-size:19px}.matrix-card p{font-size:12px}.contact-section{padding:78px 0 35px}.contact-top-label{font-size:9px}.contact-eyebrow{margin-top:65px;font-size:9px}.contact-heading{font-size:clamp(51px,13vw,82px);line-height:.93}.contact-sub{font-size:12px}.contact-actions{margin:24px auto 60px}.contact-lower{display:flex;flex-direction:column;gap:40px;padding:36px 0}.form-row{grid-template-columns:1fr}.form-last{align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column;align-items:flex-start;gap:9px}.footer-inner span:nth-child(2){display:none}}
@media (max-width:390px){.hero-greeting h1{font-size:60px}.hero-buttons .button{font-size:8px}.signature-caption{display:none}.hero-content{padding-top:120px}.contact-heading{font-size:49px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.enter-fade,.giant-outline{opacity:1;transform:none}.pointer-glow{display:none}}

.project-logo{max-width:175px;max-height:42px;width:auto;height:auto;object-fit:contain;object-position:left center;margin-top:20px;filter:drop-shadow(0 2px 4px #0007)}.project-logo+.project-brand{margin-top:8px}.project-logo[hidden]{display:none!important}


/* CINEMATIC MOTION V2 — reference-guided cursor, reveal masks and section choreography. */
.motion-canvas{position:fixed;inset:0;z-index:118;display:block;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.motion-cursor-ring,.motion-cursor-dot{position:fixed;z-index:120;pointer-events:none;left:0;top:0;opacity:0;will-change:transform;transition:opacity .22s ease}
.motion-cursor-ring{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,105,95,.85);box-shadow:0 0 0 1px rgba(255,105,95,.08),0 0 22px rgba(255,65,49,.28);transform-origin:center}
.motion-cursor-ring::before,.motion-cursor-ring::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px dashed rgba(250,68,57,.26);animation:cursorOrbital 10s linear infinite}
.motion-cursor-ring::after{inset:8px;border-style:solid;border-color:rgba(255,255,255,.12);animation:none}
.motion-cursor-ring i{position:absolute;left:50%;top:-5px;width:4px;height:4px;transform:translateX(-50%);background:#ffe2d5;box-shadow:0 0 8px #ff5148}
.motion-cursor-dot{width:5px;height:5px;background:#ff594e;border-radius:50%;box-shadow:0 0 10px #f74e49}
.motion-cursor-ring.is-active,.motion-cursor-dot.is-active{opacity:1}.motion-cursor-ring.is-hover{border-color:#fff;box-shadow:0 0 0 1px #ff625a55,0 0 35px #fa443966}
@keyframes cursorOrbital{to{transform:rotate(360deg)}}
.touch-ripple{position:fixed;width:20px;height:20px;border:1.5px solid #ff544c;border-radius:50%;pointer-events:none;z-index:120;transform:translate(-50%,-50%) scale(.2);box-shadow:0 0 18px #fa443966;animation:touchPulse .65s ease-out forwards}
@keyframes touchPulse{80%{opacity:.65}100%{opacity:0;transform:translate(-50%,-50%) scale(4.5)}}
.entry-curtain{position:fixed;inset:0;z-index:200;background:#08080a;pointer-events:none;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cinematic-ready .entry-curtain{opacity:1;visibility:visible;animation:curtainOut .88s cubic-bezier(.68,0,.25,1) .72s forwards}
.intro-skipped .entry-curtain{display:none}
.entry-curtain-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#fa4439,transparent);transform:scaleY(0);animation:curtainLine .8s cubic-bezier(.25,.9,.1,1) forwards}
.entry-curtain-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}
.curtain-monogram{font-family:var(--display);font-size:clamp(105px,15vw,215px);font-weight:900;letter-spacing:-.10em;line-height:1;color:#f2ebe9;transform:translateY(12px);animation:curtainMark .65s both}
.curtain-monogram span{color:var(--red)}.curtain-caption,.curtain-foot{font-size:9px;letter-spacing:.20em;font-weight:800;color:#a8a0a1}
.curtain-progress{display:block;margin-top:13px;width:140px;height:2px;background:#342224;position:relative;overflow:hidden}
.curtain-progress:after{content:'';position:absolute;inset:0;background:var(--red);transform:scaleX(0);transform-origin:left;animation:curtainBar .95s ease forwards}
.curtain-foot{position:absolute;bottom:27px;left:5vw}
@keyframes curtainLine{to{transform:scaleY(1)}}@keyframes curtainMark{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes curtainBar{to{transform:scaleX(1)}}@keyframes curtainOut{0%{opacity:1;visibility:visible;clip-path:inset(0 0 0 0)}75%{opacity:1}99%{visibility:visible}100%{opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0)}}
/* Hero: each part resolves in the order shown in the source reel. */
.cinematic-ready .giant-outline{animation:giantReveal 1.25s var(--ease) .35s forwards,outlinedReveal 1.45s cubic-bezier(.18,.7,.25,1) .35s both}
@keyframes outlinedReveal{0%{clip-path:inset(0 100% 0 0);filter:blur(4px)}70%{filter:blur(0)}100%{clip-path:inset(0 0 0 0);filter:blur(0)}}
.cinematic-ready .hero-greeting .handwritten{animation:heroStep .7s cubic-bezier(.22,1,.36,1) 1.05s both}
.cinematic-ready .hero-greeting h1>span{animation:heroStep .85s cubic-bezier(.22,1,.36,1) 1.15s both}
.cinematic-ready .hero-greeting h1>strong{animation:heroAccent .86s cubic-bezier(.19,1,.22,1) 1.30s both;transform-origin:left center}
.cinematic-ready .hero-kicker{animation:heroStep .65s cubic-bezier(.22,1,.36,1) 1.55s both}
.cinematic-ready .hero-description{animation:heroStep .7s cubic-bezier(.22,1,.36,1) 1.68s both}
.cinematic-ready .hero-buttons .button:nth-child(1){animation:heroStep .72s cubic-bezier(.22,1,.36,1) 1.88s both}
.cinematic-ready .hero-buttons .button:nth-child(2){animation:heroStep .72s cubic-bezier(.22,1,.36,1) 2.03s both}
.cinematic-ready .hero-stats>div:nth-child(1){animation:heroStep .65s ease 2.10s both}
.cinematic-ready .hero-stats>div:nth-child(2){animation:heroStep .65s ease 2.24s both}
.cinematic-ready .hero-stats>div:nth-child(3){animation:heroStep .65s ease 2.38s both}
.cinematic-ready .portrait-media img{animation:portraitUnveil 1.35s cubic-bezier(.65,0,.2,1) 1.15s both}
.cinematic-ready .portrait-media::after{content:'';position:absolute;inset:0;z-index:2;background:#f04d45;transform-origin:right;animation:portraitShutter 1.20s cubic-bezier(.78,0,.2,1) 1.15s both;pointer-events:none}
.cinematic-ready .hero-side .aside-label{animation:heroStep .7s ease 2.05s both}
.cinematic-ready .hero-side .focus-item:nth-child(2){animation:heroStep .72s ease 2.21s both}
.cinematic-ready .hero-side .focus-item:nth-child(3){animation:heroStep .72s ease 2.37s both}
.cinematic-ready .hero-side .focus-foot{animation:heroStep .72s ease 2.52s both}
@keyframes heroStep{from{opacity:0;transform:translate3d(0,24px,0);filter:blur(4px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes heroAccent{from{opacity:0;clip-path:inset(0 100% 0 0);transform:scaleX(.88)}to{opacity:1;clip-path:inset(0 0 0 0);transform:scaleX(1)}}
@keyframes portraitUnveil{from{clip-path:inset(100% 0 0 0);filter:grayscale(1) contrast(1.2) brightness(.79)}to{clip-path:inset(0 0 0 0);filter:grayscale(1) contrast(1.2) brightness(.79)}}
@keyframes portraitShutter{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}
/* Section reveal: title words and editorial rule are sequential, rather than whole-card fades. */
.section-top{position:relative}.section-top::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,#fa4439,#6e3033,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.23,1,.32,1) .08s}
.section-active .section-top::after{transform:scaleX(1)}
.section-active .section-cross{animation:crossSpin .9s cubic-bezier(.18,.9,.35,1) .1s both}
@keyframes crossSpin{from{opacity:.15;transform:rotate(-160deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}
.reveal{transition-delay:var(--reveal-delay,0ms)}
.kinetic-word{display:inline-block;overflow:hidden;vertical-align:bottom;white-space:nowrap;padding:.04em .01em;margin:-.04em -.01em}
.kinetic-inner{display:inline-block;transform:translateY(118%) skewY(7deg);opacity:0;transition:transform .95s cubic-bezier(.19,1,.22,1),opacity .65s;transition-delay:calc(var(--word-order,0)*85ms + 125ms)}
.reveal.is-visible .kinetic-inner,.reveal.is-visible .section-heading .kinetic-inner,.reveal.is-visible .contact-heading .kinetic-inner{transform:translateY(0) skewY(0);opacity:1}
.section-intro.is-visible .kinetic-inner{transform:translateY(0) skewY(0);opacity:1}
.editorial-copy .reveal{filter:blur(5px);transition:opacity 1s ease,transform 1s var(--ease),filter 1s ease;transition-delay:var(--reveal-delay,0ms)}
.editorial-copy .reveal.is-visible{filter:blur(0)}
/* Media and product tabs unfold like a timeline when selected. */
.project-console.is-switching #projectStatus{animation:heroStep .45s ease both}
.project-console.is-switching #projectBrand{animation:heroStep .54s cubic-bezier(.2,1,.3,1) .07s both}
.project-console.is-switching #projectTitle{animation:heroStep .57s cubic-bezier(.2,1,.3,1) .13s both}
.project-console.is-switching #projectDesc{animation:heroStep .58s cubic-bezier(.2,1,.3,1) .18s both}
.project-console.is-switching .project-specs{animation:heroStep .6s ease .24s both}
.project-console.is-switching #projectDisplay{animation:projectMediaEnter .7s cubic-bezier(.25,1,.25,1) both}
@keyframes projectMediaEnter{0%{clip-path:inset(0 100% 0 0);opacity:.5}100%{clip-path:inset(0 0 0 0);opacity:1}}
.project-tab{position:relative;isolation:isolate;overflow:hidden}
.project-tab::after{content:'';position:absolute;inset:0;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(250,68,57,.19),transparent 85%);pointer-events:none;opacity:0;transition:opacity .3s}
.project-tab:hover::after{opacity:1}
.matrix-card::after{content:'';position:absolute;z-index:0;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(255,75,66,.18),transparent 72%);opacity:0;transition:opacity .33s;pointer-events:none}
.matrix-card:hover::after{opacity:1}.matrix-card>*{z-index:1}
.matrix-card.is-visible .matrix-symbol{animation:matrixGlyph .84s cubic-bezier(.17,.9,.2,1) .2s both}
@keyframes matrixGlyph{from{opacity:0;filter:blur(7px);transform:rotate(-35deg) scale(.5)}to{opacity:1;filter:blur(0);transform:rotate(0) scale(1)}}
.magnetic{translate:var(--mag-x,0px) var(--mag-y,0px);transition:translate .15s ease-out,transform .35s var(--ease),background .25s,border-color .25s,color .25s,box-shadow .25s}
/* Honor reduced motion for visitors who opt out, without stripping motion from default mobile/desktop. */
@media (hover:none),(pointer:coarse){.motion-cursor-ring,.motion-cursor-dot{display:none}.motion-canvas{mix-blend-mode:normal}.magnetic{translate:0 0}}
@media (max-width:670px){.cinematic-ready .hero-description{animation-delay:.84s}.cinematic-ready .hero-greeting h1>span{animation-delay:.45s}.cinematic-ready .hero-greeting h1>strong{animation-delay:.57s}.cinematic-ready .hero-kicker{animation-delay:.72s}.cinematic-ready .hero-buttons .button:nth-child(1){animation-delay:1s}.cinematic-ready .hero-buttons .button:nth-child(2){animation-delay:1.12s}.cinematic-ready .hero-stats>div:nth-child(1){animation-delay:1.24s}.cinematic-ready .hero-stats>div:nth-child(2){animation-delay:1.32s}.cinematic-ready .hero-stats>div:nth-child(3){animation-delay:1.40s}.cinematic-ready .portrait-media img,.cinematic-ready .portrait-media::after{animation-delay:1.15s}}
@media (prefers-reduced-motion:reduce){.motion-canvas,.motion-cursor-ring,.motion-cursor-dot,.entry-curtain,.touch-ripple{display:none!important}.kinetic-inner{opacity:1!important;transform:none!important}.section-top::after{transform:scaleX(1)!important}.cinematic-ready .hero-greeting :is(h1>span,h1>strong,.hero-kicker,.hero-description),.cinematic-ready .hero-buttons .button,.cinematic-ready .hero-stats>div,.cinematic-ready .portrait-media img,.cinematic-ready .hero-side .focus-item{animation:none!important;opacity:1!important;clip-path:none!important;filter:none!important}}


/* MOTION V3 — visible reference-guided choreography */
.cinematic-guide{position:fixed;z-index:123;top:0;left:0;width:0;height:0;pointer-events:none;opacity:0;transform:translate3d(-80px,70px,0);transition:transform .82s cubic-bezier(.16,.75,.16,1),opacity .24s ease;filter:drop-shadow(0 0 8px rgba(251,82,66,.7))}
.cinematic-guide.is-showing{opacity:.96}
.cinematic-guide-pointer{position:absolute;width:23px;height:32px;top:-2px;left:-3px;background:#fff4ed;clip-path:polygon(0 0,0 94%,30% 70%,52% 100%,71% 91%,49% 62%,83% 61%)}
.cinematic-guide-halo{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border:1px solid #ff7866;border-radius:50%;box-shadow:0 0 24px #fb443e,0 0 9px #ff443b;opacity:.7;animation:guideHalo 1.2s ease-in-out infinite alternate}
.cinematic-guide-glint{position:absolute;left:-2px;top:-2px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;opacity:0}
.cinematic-guide.is-pulsing .cinematic-guide-glint{animation:guidePulse .72s cubic-bezier(.1,.85,.2,1) both}
@keyframes guideHalo{to{transform:scale(1.28);opacity:.4}}@keyframes guidePulse{0%{opacity:1;transform:scale(.2)}65%{opacity:.8}100%{opacity:0;transform:scale(7.5)}}
.cinematic-ready .site-signature{animation:heroStep .62s cubic-bezier(.22,1,.36,1) .58s both}
.cinematic-ready .hero-index{animation:heroStep .65s cubic-bezier(.22,1,.36,1) 1.05s both}
.cinematic-ready .hero-greeting h1>strong{position:relative;overflow:hidden}
.cinematic-ready .hero-greeting h1>strong::after{content:'';position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);transform:skewX(-28deg) translateX(-320%);animation:nameSheen 1.1s ease-in-out 2.35s both;pointer-events:none}
@keyframes nameSheen{to{transform:skewX(-28deg) translateX(470%)}}
.cinematic-ready .hero-stats{position:relative}.cinematic-ready .hero-stats::before{content:'';height:1px;position:absolute;left:0;top:-1px;width:100%;background:#ff594e;transform:scaleX(0);transform-origin:left;animation:statsDraw 1s cubic-bezier(.15,.9,.2,1) 2.15s forwards}
@keyframes statsDraw{to{transform:scaleX(1)}}
.cinematic-ready .portrait-chrome{animation:photoCardLift 1.2s cubic-bezier(.2,1,.2,1) 1.22s both}
@keyframes photoCardLift{from{transform:translate3d(0,44px,0) rotate(-2.3deg) scale(.945);filter:brightness(.6)}to{transform:translate3d(0,0,0) rotate(-1.1deg) scale(1);filter:brightness(1)}}
.cinematic-ready .hero-side{animation:heroStep .9s cubic-bezier(.19,1,.22,1) 2.05s both}
.cinematic-v3 .section .section-number{transition:transform 1.05s cubic-bezier(.19,1,.22,1),opacity .8s ease;transform:translate3d(0,23px,0);opacity:.12}
.cinematic-v3 .section.section-active .section-number{transform:none;opacity:1}
.cinematic-v3 .section-intro.reveal{transform:translateY(56px);filter:blur(7px);transition:transform 1s cubic-bezier(.16,.93,.28,1),opacity 1s,filter 1s}
.cinematic-v3 .section-intro.reveal.is-visible{transform:none;filter:blur(0)}
.cinematic-v3 .matrix-card.reveal{opacity:0;transform:perspective(900px) translateY(65px) rotateX(-9deg) scale(.955);transition:transform 1.02s cubic-bezier(.17,.85,.18,1),opacity 1s ease,background .35s,box-shadow .35s}
.cinematic-v3 .matrix-card.reveal.is-visible{opacity:1;transform:perspective(900px) translateY(0) rotateX(0) scale(1)}
.cinematic-v3 .matrix-card.reveal:nth-child(1),.cinematic-v3 .matrix-card.reveal:nth-child(4){transition-delay:40ms}
.cinematic-v3 .matrix-card.reveal:nth-child(2),.cinematic-v3 .matrix-card.reveal:nth-child(5){transition-delay:150ms}
.cinematic-v3 .matrix-card.reveal:nth-child(3),.cinematic-v3 .matrix-card.reveal:nth-child(6){transition-delay:260ms}
.cinematic-v3 .matrix-card.is-visible h3{animation:heroStep .64s ease .24s both}
.cinematic-v3 .projects-toolbar,.cinematic-v3 .project-tab{opacity:0;transform:translate3d(0,39px,0);transition:transform .85s cubic-bezier(.19,1,.22,1),opacity .7s ease,background .3s,border-color .3s;transition-delay:var(--cascade-delay,0ms)}
.cinematic-v3 .projects-toolbar.cascade-in,.cinematic-v3 .project-tab.cascade-in{opacity:1;transform:none}
.cinematic-v3 .project-console.is-switching .project-number{animation:projectNumber .7s ease both}
.cinematic-v3 .project-console.is-switching #projectLogo{animation:heroStep .65s cubic-bezier(.2,1,.3,1) .07s both}
.cinematic-v3 .project-console.is-switching #projectDisplay{animation:projectMediaEnter .82s cubic-bezier(.25,1,.25,1) both,projectZoom .82s cubic-bezier(.2,1,.25,1) both}
.cinematic-v3 .project-console.is-switching #projectImage{animation:projectImageZoom .9s cubic-bezier(.18,1,.28,1) both}
@keyframes projectNumber{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes projectZoom{from{transform:translateX(28px) scale(1.035)}to{transform:none}}
@keyframes projectImageZoom{from{transform:scale(1.12);filter:blur(2px)}to{transform:scale(1);filter:blur(0)}}
.cinematic-v3 .contact-lower{opacity:0;transform:translateY(48px);transition:opacity 1s,transform 1.1s cubic-bezier(.17,.85,.2,1)}
.cinematic-v3 .contact-lower.cascade-in{opacity:1;transform:none}
.cinematic-v3 .contact-rule{transform-origin:left;transform:scaleX(.03);transition:transform 1.25s cubic-bezier(.18,.92,.19,1)}
.cinematic-v3 .contact-section.section-active .contact-rule{transform:scaleX(1)}
@media(max-width:670px){.cinematic-guide{transition-duration:.7s}.cinematic-v3 .matrix-card.reveal{transform:perspective(700px) translateY(40px) rotateX(-5deg) scale(.98)}.cinematic-v3 .project-tab{transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){.cinematic-guide{display:none!important}.cinematic-v3 .section-intro.reveal,.cinematic-v3 .matrix-card.reveal,.cinematic-v3 .projects-toolbar,.cinematic-v3 .project-tab,.cinematic-v3 .contact-lower,.cinematic-v3 .section .section-number{animation:none!important;transform:none!important;opacity:1!important;filter:none!important;transition:none!important}.cinematic-v3 .contact-rule{transform:scaleX(1)!important}.cinematic-ready .hero-greeting h1>strong::after{display:none}}


/* MOTION V4 — reverse-scroll choreography and real cursor-reveal windows */
.cinematic-v4 .reveal:not(.is-visible){transform:translate3d(0,45px,0)}
html.scroll-up.cinematic-v4 .reveal:not(.is-visible){transform:translate3d(0,-45px,0)}
html.scroll-up.cinematic-v4 .editorial-copy .reveal:not(.is-visible){transform:translate3d(0,-37px,0)}
html.scroll-up.cinematic-v4 .section-intro.reveal:not(.is-visible){transform:translate3d(0,-56px,0)}
html.scroll-up.cinematic-v4 .matrix-card.reveal:not(.is-visible){transform:perspective(900px) translateY(-65px) rotateX(9deg) scale(.955)}
html.scroll-up.cinematic-v4 .projects-toolbar:not(.cascade-in),html.scroll-up.cinematic-v4 .project-tab:not(.cascade-in),html.scroll-up.cinematic-v4 .contact-lower:not(.cascade-in){transform:translate3d(0,-44px,0)}
.cinematic-v4 .cursor-outline-reveal{isolation:isolate}
.cinematic-v4 .cursor-outline-reveal::after{
  content:'PORTFOLIO';position:absolute;inset:0;color:#ff6559;
  -webkit-text-stroke:0;text-shadow:0 0 25px rgba(255,65,53,.45);opacity:0;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle 210px at var(--reveal-x,-400px) var(--reveal-y,-400px),#000 0%,#000 48%,transparent 100%);
  mask-image:radial-gradient(circle 210px at var(--reveal-x,-400px) var(--reveal-y,-400px),#000 0%,#000 48%,transparent 100%);
  transition:opacity .2s ease
}
.cinematic-v4 .cursor-outline-reveal.cursor-on::after{opacity:.95}
.cinematic-v4 .portrait-media img.cursor-reveal-image{
  position:absolute;inset:0;z-index:4;width:100%;height:100%;object-fit:cover;object-position:52% 30%;
  filter:contrast(1.06) saturate(1.2) brightness(1.06)!important;mix-blend-mode:normal!important;
  clip-path:none!important;opacity:0;transform:none!important;animation:none!important;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle 205px at var(--reveal-x,-400px) var(--reveal-y,-400px),#000 0%,#000 62%,transparent 100%);
  mask-image:radial-gradient(circle 205px at var(--reveal-x,-400px) var(--reveal-y,-400px),#000 0%,#000 62%,transparent 100%);
  transition:opacity .23s ease!important
}
.cinematic-v4 .portrait-media.cursor-on img.cursor-reveal-image{opacity:1}
.cinematic-v4 .project-display>img.cursor-reveal-image{
  position:absolute;inset:34px 0 0;z-index:5;width:100%;height:calc(100% - 34px);
  object-fit:cover;object-position:top center;
  filter:saturate(1.3) brightness(1.08) contrast(1.06)!important;
  opacity:0;transform:none!important;animation:none!important;
  -webkit-mask-image:radial-gradient(circle 205px at var(--reveal-x,-400px) calc(var(--reveal-y,-400px) - 34px),#000 0%,#000 62%,transparent 100%);
  mask-image:radial-gradient(circle 205px at var(--reveal-x,-400px) calc(var(--reveal-y,-400px) - 34px),#000 0%,#000 62%,transparent 100%);
  transition:opacity .2s ease!important;pointer-events:none
}
.cinematic-v4 .project-display.cursor-on>img.cursor-reveal-image{opacity:1}
.cinematic-v4 .section>.page-width{position:relative;z-index:1}
.cinematic-v4 .cursor-reveal-art{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  display:flex;align-items:center;justify-content:center;opacity:0;
  background:repeating-linear-gradient(90deg,transparent 0,transparent 89px,rgba(250,68,57,.07) 90px,transparent 91px);
  -webkit-mask-image:radial-gradient(circle 245px at var(--reveal-x,-400px) var(--reveal-y,-400px),#000 0%,#000 61%,transparent 100%);
  mask-image:radial-gradient(circle 245px at var(--reveal-x,-400px) var(--reveal-y,-400px),#000 0%,#000 61%,transparent 100%);
  transition:opacity .26s ease
}
.cinematic-v4 .cursor-reveal-art span{
  color:rgba(255,94,78,.24);text-shadow:0 0 42px rgba(250,68,57,.20);
  font:900 clamp(72px,14vw,220px)/1 'Barlow Condensed',Impact,sans-serif;
  white-space:nowrap;letter-spacing:.035em
}
.cinematic-v4 .section.cursor-on>.cursor-reveal-art{opacity:1}
.cinematic-v4 .hero.hero-returning .hero-greeting .handwritten{animation:v4Return .67s .03s both}
.cinematic-v4 .hero.hero-returning .hero-greeting h1>span{animation:v4Return .77s .08s both}
.cinematic-v4 .hero.hero-returning .hero-greeting h1>strong{animation:v4Return .77s .15s both}
.cinematic-v4 .hero.hero-returning .hero-kicker,.cinematic-v4 .hero.hero-returning .hero-description{animation:v4Return .72s .18s both}
.cinematic-v4 .hero.hero-returning .hero-buttons .button{animation:v4Return .75s .25s both}
.cinematic-v4 .hero.hero-returning .hero-side{animation:v4Return .8s .32s both}
.cinematic-v4 .hero.hero-returning .portrait-chrome{animation:v4ReturnPhoto .95s .14s both}
.cinematic-v4 .hero.hero-returning .giant-outline{animation:v4ReturnTitle 1.1s .05s both}
@keyframes v4Return{from{opacity:0;transform:translateY(-24px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes v4ReturnPhoto{from{opacity:.3;transform:translateY(-34px) rotate(0) scale(.95)}to{opacity:1;transform:translateY(0) rotate(-1.1deg) scale(1)}}
@keyframes v4ReturnTitle{from{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:none}}
@media(max-width:670px){
 html.scroll-up.cinematic-v4 .matrix-card.reveal:not(.is-visible){transform:perspective(700px) translateY(-42px) rotateX(6deg) scale(.98)}
 .cinematic-v4 .cursor-reveal-art span{font-size:clamp(70px,18vw,130px)}
 .cinematic-v4 .portrait-media img.cursor-reveal-image{
  -webkit-mask-image:radial-gradient(circle 115px at var(--reveal-x,-400px) var(--reveal-y,-400px),#000 0%,#000 65%,transparent 100%);
  mask-image:radial-gradient(circle 115px at var(--reveal-x,-400px) var(--reveal-y,-400px),#000 0%,#000 65%,transparent 100%)
 }
}
@media(prefers-reduced-motion:reduce){
 .cinematic-v4 .cursor-outline-reveal::after,.cinematic-v4 .cursor-reveal-image,.cinematic-v4 .cursor-reveal-art{display:none!important}
 .cinematic-v4 .hero.hero-returning *{animation:none!important}
}

/* Cursor spotlight reveals the cinematic red artwork under the pointer; the page stays interactive. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .cinematic-v4 .hero::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;
  background:radial-gradient(circle 240px at var(--reveal-x,-500px) var(--reveal-y,-500px),rgba(255,74,61,.16),rgba(176,31,31,.07) 48%,transparent 100%);
  transition:opacity .28s ease;
 }
 .cinematic-v4 .hero.cursor-on::after{opacity:1}
 .cinematic-v4 .cursor-reveal-art{background:repeating-linear-gradient(90deg,transparent 0,transparent 89px,rgba(250,68,57,.10) 90px,transparent 91px)}
}

/* V6 multi-cursor text reveal */
.text-swarm-canvas{position:fixed;inset:0;z-index:119;pointer-events:none;width:100%;height:100%}
@keyframes swarmTextUnveil{0%{clip-path:inset(0 100% 0 0);filter:blur(8px)}35%{clip-path:inset(0 55% 0 0);filter:blur(3px)}100%{clip-path:inset(0 0 0 0);filter:blur(0)}}
@media(prefers-reduced-motion:no-preference){.swarm-unveiling{animation:swarmTextUnveil 1.05s cubic-bezier(.2,.65,.22,1) both!important}}
@media(prefers-reduced-motion:reduce){.text-swarm-canvas{display:none!important}}

/* V7 replaces V6 rendering; keep only one cursor reconstruction canvas. */
.cursor-rebuild-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:119;pointer-events:none}
@media(prefers-reduced-motion:reduce){.cursor-rebuild-canvas{display:none!important}}

/* Only content-specific readability adaptations. */
.joy-volunteer{margin-top:0;padding-top:0;border-top:0}
.joy-volunteer .mini-heading{display:block;margin-bottom:1rem}
.joy-volunteer .principle{font-size:.83rem;line-height:1.48}
.about-aside .principle>span:last-child{overflow-wrap:anywhere}
.contact-social>span{font-size:.83rem;line-height:1.5}