@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,700&display=swap');
:root{color-scheme:dark;--bg:#080808;--white:#f5f4f1;--muted:#969695;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#eee;color:#080808}header{height:100px;margin:0 3.7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.logo{font-size:33px;font-weight:800;letter-spacing:-7px;padding-right:10px}.logo span{display:inline-block;transform:skew(-14deg)}.logo sup{font-size:10px;letter-spacing:0;margin-left:10px;vertical-align:top}nav{display:flex;gap:34px;font-size:14px}nav a,.contact-link{transition:opacity .2s}nav a:hover,.contact-link:hover{opacity:.55}.contact-link{font-size:14px;display:flex;align-items:center;gap:14px}.small-circle{width:9px;height:9px;border:1px solid white;border-radius:50%}.hero{padding:0 3.7%}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;color:var(--muted);padding-top:30px}.hero h1{font-size:clamp(70px,16.8vw,330px);line-height:.98;letter-spacing:-.065em;font-weight:600;display:flex;justify-content:space-between;margin:32px 0 25px}.hero h1 span{animation:titleIn 1s both;animation-delay:calc(var(--i,0)*.06s)}.hero-sub{display:flex;justify-content:space-between;align-items:start}.hero-sub p{margin:0;line-height:1.55;font-size:16px}.hero-sub p span{color:var(--muted)}.hero-note{padding-right:9%;color:var(--muted)}em{font-weight:400;font-family:'DM Sans',Arial,sans-serif;font-style:italic;letter-spacing:-.065em}.hero-note em{color:var(--white)}.hero-stage{height:470px;position:relative;margin-top:25px;border-bottom:1px solid var(--line)}.hero-glass{height:500px;max-width:60%;object-fit:contain;position:absolute;top:-35px;left:31%;filter:grayscale(1) brightness(.83);animation:float 9s ease-in-out infinite;pointer-events:none}.stage-index{position:absolute;top:90px;font-size:12px;line-height:1.7;letter-spacing:.05em;color:var(--muted)}.stage-copy{position:absolute;left:0;top:170px;font-size:clamp(30px,3.4vw,65px);line-height:1.05;font-weight:500;letter-spacing:-.055em}.scroll-link{position:absolute;bottom:32px;font-size:12px;letter-spacing:.09em;display:flex;align-items:center;gap:20px}.scroll-line{height:36px;width:1px;background:#555;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;width:1px;height:15px;background:white;animation:scrollLine 2s infinite}.stage-right{position:absolute;bottom:34px;right:0;font-size:12px;color:var(--muted);letter-spacing:.07em}.section{padding:100px 3.7% 60px}.section-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:45px 0 60px}h2{font-size:clamp(38px,5.4vw,100px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:0}.section-heading p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 3% 4px 0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 28px}.work-card:nth-child(even){padding-top:110px}.image-wrap{overflow:hidden;background:#151515;aspect-ratio:4/5}.image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s,filter .6s}.work-card:hover img{transform:scale(1.045)}.card-caption{padding:20px 0;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.card-caption h3{margin:0;font-size:18px;font-weight:500}.card-caption span{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-60px;left:20px;background:white;color:black;padding:12px;z-index:100}.skip:focus{top:12px}.progress{position:fixed;top:0;left:0;width:100%;height:2px;background:white;transform:scaleX(0);transform-origin:left;z-index:100}.cursor{display:none;position:fixed;left:0;top:0;width:22px;height:22px;border:1px solid white;border-radius:50%;pointer-events:none;z-index:200;mix-blend-mode:difference;transition:width .2s,height .2s;transform:translate(-50%,-50%)}:focus-visible{outline:2px solid white;outline-offset:6px}@keyframes float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-20px) rotate(4deg)}}@keyframes titleIn{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollLine{from{transform:translateY(-15px)}to{transform:translateY(40px)}}@media(pointer:fine){body,a,button{cursor:none}.cursor{display:block}.cursor.active{width:58px;height:58px;background:#ffffff15}}@media(max-width:760px){header{height:80px}nav{gap:16px}nav a{font-size:12px}nav a:nth-child(4){display:none}.contact-link{font-size:12px}.hero-top{font-size:10px}.hero h1{margin-top:35px;font-size:16.4vw}.hero-note{padding:0;font-size:14px!important}.hero-sub p{font-size:14px}.hero-stage{height:430px}.hero-glass{max-width:95%;width:400px;height:370px;left:15%;top:12px}.stage-index{top:30px}.stage-copy{top:215px;font-size:38px}.stage-right{display:none}.section{padding-top:75px}.section-heading{display:block;margin:30px 0 40px}.section-heading p{margin-top:24px}.work-grid{gap:35px 16px}.work-card:nth-child(even){padding-top:55px}.card-caption{display:block;padding:14px 0}.card-caption h3{font-size:16px;margin-bottom:8px}.card-caption span{font-size:10px}}@media(max-width:420px){nav{gap:12px}nav a:first-child{display:none}.hero-top span:last-child{font-size:9px}.hero-note{font-size:12px!important}.section-label{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.work-card{display:block;background:none;border:0;color:inherit;padding:0;text-align:left;min-width:0}.image-wrap{position:relative}.view-work{position:absolute;bottom:24px;left:24px;background:#080808b8;backdrop-filter:blur(12px);border:1px solid #ffffff30;border-radius:30px;padding:12px 20px;font-size:12px;letter-spacing:.05em;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.work-card:hover .view-work,.work-card:focus-visible .view-work{opacity:1;transform:none}.work-card:nth-child(4) .image-wrap,.work-card:nth-child(6) .image-wrap{aspect-ratio:1}.work-end{margin-top:55px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:45px}.work-end p{color:var(--muted)}.text-link{display:inline-block;border-bottom:1px solid #777;padding-bottom:6px;font-size:14px;transition:border-color .2s}.text-link:hover{border-color:white}.symbiosis{padding-top:55px}.symbiosis-art{position:relative;margin-top:50px}.symbiosis-art img{width:100%;height:auto;display:block}.symbiosis-art h2{position:absolute;left:0;top:0;font-size:12vw;letter-spacing:-.055em;width:100%;text-align:center;color:#ffffff4d;font-weight:600}.feature-description{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.feature-description p{font-size:17px;line-height:1.6;margin:0}.feature-description p:nth-child(2){color:var(--muted)}.feature-description a{grid-column:2;justify-self:start;margin-top:10px}.about{border-top:1px solid var(--line);margin-top:80px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:65px;align-items:center}.about-image img{width:100%;display:block;filter:grayscale(1)}.about-image span{display:block;font-size:12px;letter-spacing:.07em;color:var(--muted);margin-top:16px}.about-copy h2{margin-bottom:35px}.about-copy p{color:var(--muted);font-size:17px;line-height:1.75;max-width:560px}.about-copy .lead{font-size:21px;color:var(--white);line-height:1.4}.about-footnote{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;font-size:12px;color:var(--muted);line-height:2}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:100px;padding:45px 0 35px;gap:25px}.stats>div{padding-left:35px;border-left:1px solid var(--line)}.stats>div:first-child{padding-left:0;border:0}.stats strong{font-size:clamp(60px,8vw,150px);font-weight:400;letter-spacing:-.07em;line-height:1}.stats strong span{font-size:.6em;vertical-align:top;font-weight:400;padding-left:8px}.stats p{color:var(--muted);font-size:14px}.stats .infinity{font-family:Arial,sans-serif}.services{padding-bottom:100px}.services-list details{border-top:1px solid var(--line)}.services-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:35px;padding:34px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.service-number{color:var(--muted);font-size:12px}summary h3{font-size:clamp(24px,3.2vw,52px);letter-spacing:-.04em;font-weight:400;margin:0}.service-toggle{position:relative;margin-left:auto;width:28px;height:28px;flex-shrink:0}.service-toggle:before,.service-toggle:after{content:'';position:absolute;top:13px;left:3px;width:22px;height:1px;background:#ddd}.service-toggle:after{transform:rotate(90deg);transition:transform .3s}details[open] .service-toggle:after{transform:rotate(0)}.service-body{margin-left:50px;max-width:750px;padding-bottom:35px}.service-body p{margin:0 0 25px;color:var(--muted);line-height:1.7;font-size:18px}.service-body>span{font-size:12px;letter-spacing:.04em}.vision{border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.vision-content{position:relative;padding:100px 0 95px}.vision-content h2{font-size:clamp(50px,8.1vw,150px);position:relative;z-index:1;max-width:1100px}.vision-glass{position:absolute;right:-12%;top:80px;width:55%;opacity:.4;filter:grayscale(1);transform:rotate(50deg);pointer-events:none}.vision-lead{position:relative;font-size:29px;letter-spacing:-.035em;line-height:1.3;margin-top:60px}.vision-text{position:relative;color:var(--muted);max-width:480px;font-size:18px;line-height:1.7}.vision-signature{position:relative;margin-top:50px;color:var(--muted);font-size:14px;line-height:1.7}.vision-signature em{color:white;letter-spacing:0}.contact{padding-top:100px;padding-bottom:100px}.contact h2{font-size:clamp(54px,9.3vw,180px);margin-top:60px}.contact-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-top:70px}.contact-bottom p{font-size:18px;line-height:1.7;margin:0}.contact-bottom p span{color:var(--muted)}.contact-options{display:flex;flex-direction:column;align-items:start;gap:25px}.email-link{font-size:clamp(20px,2.8vw,44px);letter-spacing:-.04em;border-bottom:1px solid #555;padding-bottom:10px}.email-link:hover{border-color:white}footer{padding:0 3.7% 25px}.footer-brand{font-size:16.2vw;line-height:1.2;letter-spacing:-.06em;font-weight:600;display:block;border-top:1px solid var(--line);text-align:center}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:12px;letter-spacing:.05em}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s ease}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}dialog{background:#111;color:var(--white);width:min(1100px,94vw);max-height:90vh;border:1px solid #ffffff30;padding:60px 30px 30px;overscroll-behavior:contain}dialog::backdrop{background:#000b;backdrop-filter:blur(14px)}.close-dialog{position:absolute;top:15px;right:25px;background:none;border:0;color:white;display:flex;align-items:center;gap:15px;font-size:14px}.close-dialog span{font-size:28px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.dialog-grid img{width:100%;max-height:72vh;object-fit:contain}.dialog-copy{padding:20px 20px 20px 0}.dialog-copy>span{color:var(--muted);font-size:12px;letter-spacing:.06em}.dialog-copy h2{font-size:55px;margin:25px 0}.dialog-copy p{color:var(--muted);line-height:1.7;font-size:17px;margin-bottom:35px}body.dialog-open{overflow:hidden}@media(max-width:760px){.view-work{display:none}.feature-description{grid-template-columns:1fr}.feature-description a{grid-column:1}.feature-description p:first-child{font-size:22px}.about{margin-top:45px}.about-layout{grid-template-columns:1fr;gap:45px;margin-top:40px}.about-image{max-width:80%}.about-copy h2{font-size:60px}.stats{margin-top:55px;padding:30px 0 20px;gap:12px}.stats>div{padding-left:15px}.stats strong{font-size:55px}.stats p{font-size:12px;line-height:1.5}.work-end{align-items:start;gap:20px;flex-direction:column}.work-end p{margin:0}.service-body{margin-left:0}.service-body p{font-size:16px}summary{gap:18px;padding:28px 0}summary h3{font-size:25px}.vision-content{padding:65px 0}.vision-content h2{font-size:11vw}.vision-glass{width:80%;right:-35%;top:150px;opacity:.25}.vision-lead{font-size:25px}.vision-text{max-width:85%;font-size:17px}.contact{padding-bottom:70px}.contact h2{margin-top:40px;font-size:11vw}.contact-bottom{display:block;margin-top:35px}.contact-options{margin-top:35px;gap:25px}.email-link{font-size:7vw}.footer-bottom{font-size:10px;gap:15px;flex-wrap:wrap}.dialog-grid{grid-template-columns:1fr;gap:20px}.dialog-grid img{max-height:45vh}.dialog-copy{padding:0 0 10px}.dialog-copy h2{font-size:38px;margin:20px 0}.dialog-copy p{font-size:16px}dialog{padding:60px 20px 20px}.symbiosis-art{margin-top:35px}}@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.cursor{display:none}body,a,button{cursor:auto}}
/* Centered typography, original artwork proportions and colour. */
.header-balance{width:40px}nav{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;gap:36px}.hero{min-height:calc(100svh - 100px);display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center;padding-bottom:110px}.hero-center{width:100%;padding-top:45px}.hero h1{margin:0 0 30px;width:100%;justify-content:center;font-weight:700;font-size:16.7vw;line-height:1.1;letter-spacing:-.065em}.hero-baseline{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:28px}.hero-baseline p{margin:0;font-size:clamp(16px,1.7vw,28px);font-weight:500;letter-spacing:-.025em;text-align:center}.hero-since{text-align:left;font-size:12px;letter-spacing:.08em;padding-top:4px;color:var(--muted)}.hero-fields{text-align:right;font-size:12px;line-height:1.55;letter-spacing:.01em;color:var(--muted)}.hero-statement{font-size:clamp(25px,3vw,52px);line-height:1.25;letter-spacing:-.045em;margin:75px 0 50px;color:var(--muted);font-weight:400}.hero-statement strong{color:white;font-weight:700}.hero .scroll-link{left:50%;transform:translateX(-50%);bottom:30px;flex-direction:column;gap:15px;white-space:nowrap}.hero{border-bottom:1px solid var(--line)}.section-heading{flex-direction:column;align-items:center;text-align:center}.section-heading p{margin:20px 0 0}.section-heading h2{text-align:center}.work-grid{align-items:start}.work-card:nth-child(even){padding-top:0}.image-wrap,.work-card:nth-child(4) .image-wrap,.work-card:nth-child(6) .image-wrap{aspect-ratio:auto;background:transparent}.image-wrap img{width:100%;height:auto;object-fit:contain;filter:none;transition:none}.work-card:hover img{transform:none;filter:none}.about-image img{filter:none;height:auto;object-fit:contain}.about{margin-top:0;border-top:0}.about-copy{text-align:center}.about-copy p{margin-left:auto;margin-right:auto}.about-footnote{text-align:center}.stats{text-align:center}.vision-content{text-align:center;padding:90px 0}.vision-content h2{margin:0 auto}.vision-text{max-width:630px;margin:30px auto 0}.vision-signature{margin-top:45px}.symbiosis-art img{height:auto;object-fit:contain}.symbiosis-art h2{position:static;font-size:clamp(40px,9vw,130px);color:var(--white);margin:30px 0}.feature-description{grid-template-columns:1fr;max-width:650px;text-align:center;margin:30px auto 0}.feature-description a{grid-column:1;justify-self:center}.contact{text-align:center}.contact-bottom{flex-direction:column;align-items:center;text-align:center;gap:35px}.contact-options{align-items:center}.work-end{justify-content:center;gap:45px}.services-list{max-width:1100px;margin:auto}.services-list summary h3{flex:1;text-align:center}.service-body{text-align:center;margin:0 auto;padding:0 20px 35px}.service-body>span{line-height:1.8}.forming-word{display:inline-block}.forming-word span{display:inline-block;opacity:0;transform:translateY(.8em) rotate(5deg);filter:blur(6px);transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1),filter .7s;transition-delay:calc(var(--letter)*45ms)}.forming-word.formed span{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}.motion-gallery{margin-top:100px;border-top:1px solid var(--line);padding-top:70px}.motion-heading{text-align:center;margin-bottom:50px}.motion-heading>span{font-size:12px;letter-spacing:.1em;color:var(--muted)}.motion-heading h3{font-size:clamp(30px,4vw,65px);font-weight:400;letter-spacing:-.045em;margin:25px 0 15px}.motion-heading p{color:var(--muted)}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px;align-items:start}.motion-card{margin:0;min-width:0}.motion-card video{width:100%;height:auto;display:block;background:#080808;object-fit:contain;max-height:80svh}.motion-card figcaption{text-align:center;padding:20px 0;border-bottom:1px solid var(--line)}.motion-card h4{font-size:20px;font-weight:500;margin:0 0 8px}.motion-card figcaption span{font-size:12px;color:var(--muted)}.motion-card:last-child{grid-column:1/-1;width:65%;justify-self:center}.dialog-grid img{object-fit:contain;filter:none}.about-layout{align-items:center}.card-caption{align-items:center;text-align:center;flex-direction:column;gap:10px}.view-work{left:50%;transform:translate(-50%,8px);white-space:nowrap}.work-card:hover .view-work,.work-card:focus-visible .view-work{transform:translate(-50%,0)}
@media(max-width:760px){header{height:80px}.hero{min-height:calc(100svh - 80px);padding-bottom:120px}.hero-center{padding-top:30px}.hero h1{font-size:16.4vw;margin-bottom:25px}.hero-baseline{grid-template-columns:1fr 1fr;gap:24px 10px}.hero-baseline p{grid-column:1/-1;grid-row:1;font-size:18px}.hero-since{grid-row:2;font-size:11px}.hero-fields{grid-row:2;font-size:11px}.hero-statement{margin:65px 0 30px;font-size:30px}nav{position:static;transform:none;gap:18px}nav a{font-size:12px}nav a:nth-child(4){display:block}nav a:first-child{display:block}.header-balance{display:none}.section-heading{margin:30px 0 40px}.about-image{max-width:85%;margin:auto}.about-copy h2{font-size:52px}.vision-content{padding:65px 0}.vision-content h2{font-size:10.5vw}.vision-text{max-width:95%}.stats>div{padding-left:10px}.work-end{gap:20px;align-items:center;text-align:center}.motion-grid{grid-template-columns:1fr;gap:40px}.motion-card:last-child{width:100%;grid-column:auto}.motion-gallery{margin-top:70px;padding-top:50px}.contact-bottom{display:flex}.contact-options{margin-top:0}.motion-card video{max-height:75svh}.card-caption h3{margin-bottom:0}.card-caption span{font-size:11px}.work-grid{gap:35px 18px}.work-card:nth-child(even){padding-top:0}}
@media(max-width:420px){nav{gap:13px}nav a{font-size:11px}.hero h1{font-size:16.1vw}.hero-baseline p{font-size:16px}.hero-statement{font-size:28px}.work-grid{grid-template-columns:1fr}.logo{font-size:29px}.logo sup{margin-left:8px}.hero-fields{font-size:10px}.hero-since{font-size:10px}}
@media(prefers-reduced-motion:reduce){.forming-word span{opacity:1;transform:none;filter:none;transition:none}}
/* Edition 03: editorial work, quiet typography, procedural entry. */
header{justify-content:space-between}header nav{position:static;transform:none;margin-left:auto;gap:30px}header nav a{font-size:12px;letter-spacing:.06em}.header-balance{display:none}.hero-smoke{position:relative;width:100%}.hero-smoke canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.hero h1 span{animation:none}.intro-active .hero h1{opacity:0}.hero-forming .hero h1{opacity:0}.hero-forming .hero-smoke canvas{opacity:1}.hero-formed .hero h1{opacity:1;transition:opacity .5s}.hero h1{margin-bottom:30px}.scroll-line{overflow:visible;background:transparent;width:20px;height:38px}.scroll-line:after{left:9px;height:24px}.scroll-arrow{position:absolute;bottom:0;left:3px;font-size:22px;line-height:1}.hero .scroll-link{font-size:12px;letter-spacing:.13em}.keyword-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:27px 0;background:#0b0b0b}.keyword-track{display:flex;align-items:center;width:max-content;gap:0;animation:keywords 56s linear infinite;will-change:transform}.keyword-group{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;width:max-content;min-width:100vw;gap:55px;padding-right:55px}.keyword-track span{font-size:14px;font-weight:700;letter-spacing:.2em;white-space:nowrap;color:#999}.keyword-track i{font-style:normal;color:#b74035;font-size:18px}@keyframes keywords{to{transform:translateX(-50%)}}.stats{border:0;gap:4px;padding:0;margin-top:80px}.stats>div,.stats>div:first-child{border:1px solid var(--line);padding:45px 25px;background:linear-gradient(145deg,#111,#0a0a0a);text-align:left}.stats strong{font-size:clamp(65px,7vw,125px);font-weight:700;letter-spacing:-.055em}.stats p{text-transform:uppercase;letter-spacing:.11em;margin-top:30px;font-size:12px}.exhibition{margin-top:100px;border-top:1px solid var(--line);padding-top:40px}.exhibition-label{font-size:12px;color:var(--muted);letter-spacing:.1em}.exhibition-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;align-items:center;margin-top:40px}.exhibition-copy h3{font-size:clamp(38px,4vw,70px);letter-spacing:-.055em;font-weight:500;line-height:1.1;margin:0 0 30px}.exhibition-copy p{max-width:500px;font-size:17px;line-height:1.7;color:var(--muted)}.exhibition-copy p:first-of-type{color:var(--white);font-size:22px}.exhibition-copy>span{font-size:12px;letter-spacing:.05em;color:var(--muted);display:block;margin-top:30px}.exhibition-art{display:grid;grid-template-columns:1fr 1fr;gap:18px}.exhibition-art img{width:100%;height:auto;object-fit:contain}.motion-card:last-child{grid-column:auto;width:100%}.work-grid{gap:80px 35px}.motion-grid{gap:70px 35px}.about-copy .lead{font-size:26px;font-weight:600}
body.intro-active{overflow:hidden}#intro{position:fixed;inset:0;z-index:500;background:#080808;display:flex;align-items:center;justify-content:center;transition:opacity .7s;overflow:hidden}#intro[hidden]{display:none}.intro-meta{position:absolute;top:35px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);letter-spacing:.13em}.intro-loading{width:min(480px,80vw);text-align:center;transition:opacity .4s,transform .4s}.intro-loading>p{font-size:12px;letter-spacing:.2em;color:var(--muted);margin-bottom:45px}.intro-count{font-size:100px;font-weight:500;letter-spacing:-.07em;display:flex;justify-content:center;align-items:baseline;gap:10px}.intro-count>span:last-child{font-size:25px;color:var(--muted)}.intro-bar{height:2px;background:#333;margin-top:40px;overflow:hidden}.intro-bar span{display:block;width:100%;height:100%;background:white;transform:scaleX(0);transform-origin:left}.intro-word{position:absolute;width:90vw;height:30vw;max-height:400px;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.intro-word canvas{position:absolute;inset:0;width:100%;height:100%;transition:opacity .6s}.intro-word>span{font-weight:700;font-size:16.7vw;letter-spacing:-.06em;opacity:0;transition:opacity .6s}.word-stage .intro-loading{opacity:0;transform:translateY(-20px)}.word-stage .intro-word{opacity:1}.word-complete .intro-word>span{opacity:1}.word-complete .intro-word canvas{opacity:0}.skip-intro{position:absolute;bottom:36px;right:4%;background:transparent;color:#aaa;border:0;border-bottom:1px solid #555;padding:8px 0;font-size:12px;cursor:pointer}.intro-bottom{position:absolute;bottom:44px;left:4%;font-size:11px;color:var(--muted);letter-spacing:.08em}#intro.intro-out{opacity:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){header nav{gap:17px}header nav a{font-size:10px}.keyword-group{gap:35px;padding-right:35px}.keyword-track span{font-size:12px}.keyword-bar{padding:22px 0}.stats{grid-template-columns:1fr 1fr;gap:4px}.stats>div,.stats>div:first-child{padding:30px 20px}.stats>div:last-child{grid-column:1/-1}.stats strong{font-size:65px}.stats p{font-size:11px;line-height:1.6}.exhibition-layout{grid-template-columns:1fr;gap:30px}.exhibition-copy{text-align:center}.exhibition-copy p{margin-left:auto;margin-right:auto}.exhibition-copy h3{font-size:48px}.exhibition{margin-top:65px}.intro-meta{font-size:9px;gap:20px}.intro-bottom{font-size:9px;max-width:60%}.intro-count{font-size:80px}.work-grid{gap:40px 20px}.motion-grid{gap:40px 20px}.motion-card:last-child{grid-column:auto;width:100%}.about-copy .lead{font-size:23px}}
@media(max-width:380px){header nav{gap:12px}header nav a{font-size:9px}.intro-meta span:last-child{max-width:50%;text-align:right}}@media(prefers-reduced-motion:reduce){.keyword-track{animation:none}.hero h1{opacity:1!important}.hero-smoke canvas{display:none}}

/* Unobstructed video artworks, a single scroll line, and visible modal pointers. */
.hero .scroll-line{width:1px;height:36px;background:#555;overflow:hidden}
.hero .scroll-line:after{left:0;width:1px;height:15px}
body.dialog-open>.cursor{visibility:hidden}
#work-dialog,#work-dialog *{cursor:auto}
#work-dialog a,#work-dialog button,#work-dialog button *{cursor:pointer}
.motion-card video{cursor:pointer}
.intro-word>span{display:inline-flex;opacity:1;filter:none;transform:none}
.word-stage .intro-word>span{animation:none}
#intro{transition:opacity .55s ease}
.hero h1{opacity:1}
.intro-active .hero h1{opacity:0}
.entered .hero h1{animation:none}
@keyframes lucifearDissolve{0%{opacity:0;filter:blur(24px);transform:scale(1.025)}35%{opacity:.22;filter:blur(13px)}75%{opacity:.8;filter:blur(3px)}100%{opacity:1;filter:blur(0);transform:scale(1)}}
.stats strong .stat-count{font-size:1em;vertical-align:baseline;font-weight:inherit;padding:0;display:inline-block;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.entered .hero h1,.word-stage .intro-word>span{animation:none;filter:none;transform:none;opacity:1}}
.hybrid-workflow{max-width:700px;margin:65px auto 0;padding:45px 20px 10px;border-top:1px solid var(--line)}.hybrid-workflow>span{font-size:12px;color:var(--muted);letter-spacing:.1em}.hybrid-workflow h3{font-size:clamp(28px,3vw,48px);font-weight:500;line-height:1.2;letter-spacing:-.045em;margin:25px 0}.hybrid-workflow p{font-size:17px;line-height:1.8;color:var(--muted)}

.contact-invitation{max-width:660px;line-height:1.7}.contact-invitation em{font-size:1.12em;letter-spacing:-.025em;color:var(--white)}.contact-invitation strong{color:var(--white);font-weight:700}

.process-ai-line{white-space:nowrap}

/* Contact enquiries: quiet typography, visible labels and native email submission. */
.contact-form{max-width:1100px;margin:75px auto 0;padding-top:45px;border-top:1px solid var(--line);text-align:left}
.form-intro{margin-bottom:40px}.form-intro h3{margin:0 0 14px;font-size:clamp(25px,3vw,42px);font-weight:500;letter-spacing:-.04em}.form-intro p{color:var(--muted);line-height:1.6}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:32px}.form-field{display:flex;flex-direction:column;gap:13px;min-width:0}.form-field label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.form-full{grid-column:1/-1}
.form-field input,.form-field textarea{display:block;width:100%;border:0;border-bottom:1px solid #ffffff50;border-radius:0;padding:14px 0;background:transparent;color:var(--white);font:inherit;line-height:1.5;cursor:text}.form-field textarea{resize:vertical;min-height:135px}.form-field input:focus,.form-field textarea:focus{outline:none;border-bottom-color:var(--white);box-shadow:0 1px 0 var(--white)}
.form-honeypot{display:none!important}.contact-form-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:32px}.contact-form-footer p{max-width:440px;color:var(--muted);font-size:12px;line-height:1.7;margin:0}.contact-submit{border:1px solid #ffffff70;background:transparent;color:var(--white);padding:19px 25px;font-size:12px;letter-spacing:.08em;white-space:nowrap;transition:background .2s,color .2s}.contact-submit span{margin-left:28px}.contact-submit:hover{background:var(--white);color:var(--bg)}
@media(max-width:600px){.contact-form{margin-top:50px;padding-top:32px}.contact-fields{grid-template-columns:1fr;gap:25px}.form-full{grid-column:auto}.contact-form-footer{flex-direction:column;align-items:stretch;gap:24px}.contact-submit{width:100%}}

/* Short letter dissolves and a seamless vertical rotation of character types. */
.intro-letter{display:inline-block;opacity:0;filter:blur(5px)}
.word-stage .intro-letter,.entered .hero h1>span{animation:letterDissolve .45s ease-out both;animation-delay:calc(var(--i)*75ms)}
@keyframes letterDissolve{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
.word-rotator{display:inline-block;overflow:hidden;vertical-align:bottom;height:1.25em;width:5.2em;text-align:left;transition:width .32s cubic-bezier(.22,.75,.25,1)}
.word-rotator-track{display:block;width:max-content;will-change:transform;transition:transform .42s cubic-bezier(.22,.75,.25,1)}
.word-rotator-track strong{display:block;width:max-content;line-height:1.25;height:1.25em;font-weight:700;white-space:nowrap}

.motion-heading h3,.motion-heading h3 strong{font-weight:700}.motion-card h4{margin-bottom:0}
.vision-lead strong,.vision-lead em{font-weight:700;font-style:italic;letter-spacing:inherit}
.hybrid-workflow h3 em{font-style:italic;font-weight:400;letter-spacing:inherit}.hybrid-workflow h3 strong{font-style:italic;font-weight:700}
@media(prefers-reduced-motion:reduce){.word-rotator-track{animation:none}.word-stage .intro-letter,.entered .hero h1>span{animation:none;opacity:1;filter:none}}

/* About: a typed thought, followed by a soft rising veil of vapor. */
.typewriter-mind{display:inline-block;position:relative}.vapor-word{display:inline-block;position:relative}

.title-playing .typewriter-mind{animation:typeMind .7s steps(7,end) both}
.title-playing .typewriter-mind:after{content:'';position:absolute;top:.13em;bottom:.04em;right:-.08em;border-right:2px solid var(--white);animation:typingCaret .2s step-end 4,hideCaret 0s .85s forwards}
.title-playing .typewriter-bridge{animation:phraseAppear .2s .7s both}
.title-playing .vapor-word{animation:museumVapor 1.05s .9s both}
.title-playing .vapor-word:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;filter:blur(7px);animation:vaporDrift 1.5s .9s both}
@keyframes typeMind{from{clip-path:inset(0 100% 0 0);opacity:1}to{clip-path:inset(0 -5px 0 0);opacity:1}}
@keyframes typingCaret{50%{opacity:0}}@keyframes hideCaret{to{opacity:0}}
@keyframes phraseAppear{from{opacity:0}to{opacity:1}}
@keyframes museumVapor{from{opacity:0;filter:blur(17px);transform:translateY(.08em)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes vaporDrift{0%{opacity:0;transform:translateY(.12em);filter:blur(6px)}35%{opacity:.42}100%{opacity:0;transform:translateY(-.35em) scale(1.06);filter:blur(19px)}}
@media(prefers-reduced-motion:reduce){.typewriter-mind,.typewriter-bridge,.vapor-word{opacity:1!important;clip-path:none!important;filter:none!important;transform:none!important}.typewriter-mind:after,.vapor-word:after{display:none}.word-rotator,.word-rotator-track{transition:none}}

/* Reliable word reels: seven hero words, three motion words, and identical first/last rows. */
.word-rotator{width:5.45em;text-align:left;transition:none}.word-rotator-track{position:relative;transform:none;transition:none;animation:heroReel 10.5s infinite cubic-bezier(.22,.75,.25,1)}
.motion-word-rotator{width:5.3em}.motion-word-rotator .word-rotator-track{animation:motionReel 4.5s infinite cubic-bezier(.22,.75,.25,1)}
@keyframes heroReel{0%,10%{transform:translateY(0)}14.2857%,24.2857%{transform:translateY(-1.25em)}28.5714%,38.5714%{transform:translateY(-2.5em)}42.8571%,52.8571%{transform:translateY(-3.75em)}57.1429%,67.1429%{transform:translateY(-5em)}71.4286%,81.4286%{transform:translateY(-6.25em)}85.7143%,95.7143%{transform:translateY(-7.5em)}100%{transform:translateY(-8.75em)}}
@keyframes motionReel{0%,23%{transform:translateY(0)}33.3333%,56.3333%{transform:translateY(-1.25em)}66.6667%,89.6667%{transform:translateY(-2.5em)}100%{transform:translateY(-3.75em)}}
.about-title .typewriter-mind,.about-title .typewriter-bridge,.about-title .vapor-word{opacity:1}
.contact .email-link{font-size:clamp(18px,2vw,30px);letter-spacing:-.025em;overflow-wrap:anywhere}
.featured-project{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:55px 0 75px;border-top:1px solid var(--line);margin-bottom:65px;text-align:left}.project-eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted)}.featured-copy h3{font-size:clamp(34px,4.2vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:27px 0}.featured-copy h3 em{letter-spacing:inherit}.featured-copy p{font-size:17px;line-height:1.7;color:var(--muted);max-width:520px}.featured-copy .project-stage{font-size:12px;letter-spacing:.12em;color:var(--white)}.featured-video video{display:block;width:100%;max-height:80svh;height:auto;object-fit:contain;background:#080808;cursor:pointer}
.dialog-art{min-width:0}.dialog-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.dialog-thumbnails[hidden]{display:none}.dialog-thumbnails button{padding:0;border:1px solid var(--line);background:#080808;opacity:.6}.dialog-thumbnails button[aria-pressed=true]{opacity:1;border-color:white}.dialog-thumbnails button img{display:block;width:100%;height:110px;object-fit:contain}
@media(max-width:760px){.featured-project{grid-template-columns:1fr;gap:30px;padding-top:35px;margin-bottom:40px}.featured-copy{text-align:center}.featured-copy p{margin-left:auto;margin-right:auto}.featured-copy h3{font-size:42px}.dialog-thumbnails button img{height:80px}}
@media(prefers-reduced-motion:reduce){.word-rotator-track,.motion-word-rotator .word-rotator-track{animation:none}}

.motion-word-rotator .word-rotator-track,.motion-word-rotator .word-rotator-track strong{width:5.3em;text-align:center}

/* Persistent navigation keeps every section within reach. */
body{padding-top:100px}header{position:fixed;top:0;left:0;right:0;z-index:120;margin:0;padding:0 3.7%;background:rgba(8,8,8,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}html{scroll-padding-top:120px}.progress{z-index:150}
.vision-lead em{font-weight:400;font-style:italic}.vision-lead em strong{font-weight:700;font-style:inherit}
.title-playing .vapor-word{animation:museumVapor 1.8s .8s both}.title-playing .vapor-word:after{animation:vaporDrift 2.4s .8s both}
.touchbass-project{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-top:90px;padding-top:55px;border-top:1px solid var(--line);text-align:left}.touchbass-copy h3{font-size:clamp(34px,4.2vw,72px);line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:25px 0}.touchbass-copy h3 em{letter-spacing:inherit}.touchbass-copy p{font-size:17px;color:var(--muted);line-height:1.8;max-width:530px}.touchbass-copy p:last-child{font-size:12px}.touchbass-project .work-card{padding:0}.touchbass-project .image-wrap{background:#080808;aspect-ratio:auto}.touchbass-project .image-wrap img{height:auto;max-height:80svh;object-fit:contain}
@media(max-width:760px){body{padding-top:80px}html{scroll-padding-top:100px}.touchbass-project{grid-template-columns:1fr;gap:25px;margin-top:55px;padding-top:35px}.touchbass-copy{text-align:center}.touchbass-copy p{margin-left:auto;margin-right:auto}.touchbass-copy h3{font-size:42px}}

.service-title strong{font-weight:600}.service-title em{font-weight:400}
.contact-word{display:inline-block;position:relative;white-space:nowrap}.contact-letter{display:inline-block;transform-origin:center 75%;opacity:1}
.contact-playing .contact-letter{animation:contactVaporGrow 1.05s cubic-bezier(.2,.6,.25,1) both;animation-delay:calc(var(--letter)*55ms)}
.contact-playing .contact-word:after{content:attr(data-word);position:absolute;inset:0;pointer-events:none;font:inherit;letter-spacing:inherit;opacity:0;animation:contactMist 1.7s .15s ease-out both}
@keyframes contactVaporGrow{0%{opacity:0;filter:blur(11px);transform:translateY(.12em) scale(.55)}55%{opacity:.65;filter:blur(4px)}100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@keyframes contactMist{0%{opacity:0;filter:blur(7px);transform:scale(.8) translateY(.06em)}35%{opacity:.18}100%{opacity:0;filter:blur(20px);transform:scale(1.08) translateY(-.15em)}}
@media(prefers-reduced-motion:reduce){.contact-letter{opacity:1!important;filter:none!important;transform:none!important}.contact-word:after{display:none}}