@charset "UTF-8";
:root{color-scheme:dark;--bg:#080a0c;--text:#eef1f2;--muted:#959da2;--line:#292e32;--accent:#78d8ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,video{max-width:100%;display:block}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#080a0c}.mono{font-family:Consolas,'Courier New',monospace;font-size:11px;font-weight:400;letter-spacing:.065em;line-height:1.6}.skip{position:fixed;top:-60px;z-index:100;background:var(--accent);padding:12px;color:#000}.skip:focus{top:0}.site-header{height:80px;padding:0 3.8vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}.wordmark{display:flex;gap:14px;align-items:center;font-size:12px;letter-spacing:.02em;font-weight:600}.brand-mark{font-size:37px;font-weight:700;color:var(--accent);letter-spacing:-7px;display:inline-flex;align-items:center}.brand-mark span{font-size:19px;margin-left:3px;transform:translateY(-2px)}nav{display:flex;gap:32px;align-items:center;font:11px Consolas,monospace}nav a{color:#a2a7aa}nav a:hover,nav .active{color:#fff}nav sup{color:var(--accent);font-size:9px}.contact-nav{border:1px solid #41484c;padding:12px 18px;border-radius:30px;color:#fff}.contact-nav span{padding-left:18px;color:var(--accent)}.hero{min-height:640px;height:calc(100svh - 80px);max-height:1100px;position:relative;overflow:hidden;padding:24px 3.8vw 42px;border-bottom:1px solid var(--line);isolation:isolate}.hero-top{display:flex;justify-content:space-between;color:#afb9bf;font-size:10px;position:relative;z-index:2}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px;box-shadow:0 0 14px var(--accent)}.hero-art{position:absolute;inset:0 0 0;z-index:-1;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#12304750,transparent 55%)}.hero-art img{width:min(760px,80vw);height:min(760px,80vw);object-fit:contain;margin-top:-75px;mix-blend-mode:screen;opacity:.7;mask-image:radial-gradient(ellipse,#000 30%,transparent 68%)}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s}.hero-art.ready canvas{opacity:.95}.hero-art.ready img{opacity:.07}.clean .hero-art.ready img{opacity:.65}.clean .hero-art canvas{display:none}.art-coordinate{position:absolute;right:4vw;top:38%;color:#57717f;font-size:9px;writing-mode:vertical-rl}.hero-copy{position:absolute;left:3.8vw;right:3.8vw;bottom:40px}.hero-copy>p{color:var(--accent);margin:0 0 8px}.hero h1{font-size:clamp(64px,13.3vw,230px);line-height:.92;font-weight:500;letter-spacing:-.075em;margin:0 0 28px;white-space:nowrap}.name-dot{font-size:20px;letter-spacing:0;display:inline-block;vertical-align:top;margin:8px 0 0 10px;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-bottom p{font-size:17px;color:#c4cbd0;margin:0}.hero-bottom>div{display:flex;gap:10px}.pill{display:inline-flex;align-items:center;gap:28px;justify-content:center;border:1px solid #4c555c;border-radius:40px;padding:15px 21px;font:11px Consolas,monospace;transition:background .2s,color .2s}.pill:hover{background:#263139}.pill.primary{background:var(--accent);border-color:var(--accent);color:#0b1b23}.pill.primary:hover{background:#d8f3ff}.motion-toggle{position:absolute;right:3.8vw;top:48%;color:#95aab6;background:none;border:0;font-size:9px}.section-wrap{padding-left:3.8vw;padding-right:3.8vw}.work-section{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}.eyebrow{color:var(--accent);display:block;font-size:10px;margin-bottom:24px}.section-heading h2{font-size:clamp(40px,5.3vw,85px);line-height:1;letter-spacing:-.055em;font-weight:400;margin:0}.section-heading p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 6px;max-width:360px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px 24px}.project-card{min-width:0}.card-image{aspect-ratio:16/10;position:relative;overflow:hidden;background:#141b1f}.card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .6s;filter:saturate(.8)}.project-card:hover .card-image>img{transform:scale(1.045);filter:saturate(1.05)}.card-number{position:absolute;top:16px;left:16px;color:white;background:#0005;padding:4px 7px;border:1px solid #ffffff30}.card-arrow{position:absolute;bottom:16px;right:16px;border-radius:50%;background:#e9f0f6;color:#000;width:40px;height:40px;display:grid;place-items:center;font-size:25px;transition:transform .3s}.project-card:hover .card-arrow{transform:rotate(45deg)}.card-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-top:18px}.card-meta h3{font-size:17px;font-weight:500;letter-spacing:-.015em;margin:0 0 7px}.card-meta p{font-size:13px;color:var(--muted);margin:0}.card-meta>.mono{font-size:9px;color:var(--muted);text-transform:uppercase;padding-top:3px;max-width:40%;text-align:right}.card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.project-card:hover .card-preview.playing{opacity:1}.all-work{display:flex;justify-content:space-between;align-items:center;margin-top:55px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.all-work:hover{color:var(--accent)}.all-work>.mono{color:var(--muted);font-size:10px}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:85px;padding-bottom:110px;border-top:1px solid var(--line)}.about h2{font-size:clamp(34px,4.5vw,72px);line-height:1.07;font-weight:400;letter-spacing:-.055em;margin:0 0 28px}.about h2 span{color:#74838c}.about p{max-width:620px;line-height:1.8;color:#aeb7bd;font-size:16px}.disciplines{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px;color:#c3cdd3}.disciplines span{border:1px solid #364048;padding:7px 12px;border-radius:2px;font-size:9px}footer{background:#11171c;border-top:1px solid #2d3941;padding-top:60px;padding-bottom:22px}.footer-top>a{font-size:clamp(45px,7vw,120px);line-height:1.05;letter-spacing:-.055em;display:block;padding-bottom:65px;max-width:1100px}.footer-top>a>span{color:var(--accent)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #374149;padding-top:24px;font-size:9px;color:#a2b0b9}.footer-bottom>div{display:flex;gap:25px}.footer-bottom a:hover{color:white}.filters{display:flex;gap:8px;margin:0 0 28px;flex-wrap:wrap}.filters button{background:none;border:1px solid #38434a;color:#a8b3ba;padding:10px 18px;border-radius:25px;font-size:12px}.filters .active{background:var(--accent);color:#071017;border-color:var(--accent)}[hidden]{display:none!important}.layout-list{grid-template-columns:1fr}.layout-list .card-image{aspect-ratio:21/9}.project-intro{padding-top:45px;padding-bottom:80px}.back-link{font-size:10px;color:var(--muted)}.project-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:48px 0 36px}.project-title .eyebrow{margin-bottom:14px}.project-title h1{font-size:clamp(42px,6.8vw,105px);line-height:1.02;font-weight:400;letter-spacing:-.055em;margin:0;max-width:950px}.project-role{text-transform:uppercase;text-align:right;color:var(--muted);font-size:10px;min-width:130px}.video-cover{position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;display:grid;place-items:center;background:linear-gradient(140deg,#152d3b,#0d1115);overflow:hidden;color:#fff}.video-cover>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.65);transition:filter .4s}.video-cover:hover>img{filter:brightness(.9)}.play-label{z-index:1;display:flex;align-items:center;gap:12px;font:11px Consolas,monospace;border:1px solid #ffffff70;background:#0006;backdrop-filter:blur(10px);padding:16px 24px;border-radius:30px}.play-label i{font-style:normal;color:var(--accent)}.video-cover>small{z-index:1;position:absolute;bottom:18px;font-size:10px;color:#d0dce3}.film,.embed-frame{width:100%;aspect-ratio:16/9;display:block;background:#030405;object-fit:contain;border:0}.project-main-film>img{width:100%;max-height:80vh;object-fit:cover}.project-details{display:grid;grid-template-columns:2fr 1fr;gap:70px;margin:50px 0 70px;color:#afb9bf;line-height:1.8}.project-details>p{margin:0;max-width:720px}.project-block{margin-top:60px}.block-head{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;align-items:center;margin-bottom:25px}.block-head>.mono{color:#8da0ab;font-size:10px}.block-head>h2{font-size:20px;font-weight:400;margin:0}.comparison{position:relative;width:100%;aspect-ratio:16/9;background:#0d1316;overflow:hidden}.comparison>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.compare-before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.compare-line{position:absolute;left:var(--position);top:0;bottom:0;width:1px;background:#e0f8ff;pointer-events:none}.compare-line>span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);border:1px solid white;background:#0c192bbd;backdrop-filter:blur(8px);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:23px}.comparison>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.comparison:focus-within{outline:2px solid var(--accent);outline-offset:4px}.compare-label{position:absolute;bottom:20px;font:10px Consolas,monospace;text-transform:uppercase;background:#0009;padding:9px 14px;z-index:2;pointer-events:none}.compare-label.left{left:20px}.compare-label.right{right:20px}.caption{font-size:12px;color:var(--muted);line-height:1.7}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.image-open{display:block;padding:0;border:0;width:100%;background:transparent;cursor:zoom-in}.image-open img{width:100%}.body-copy{max-width:850px;font-size:19px;line-height:1.7;color:#bec8cf}.next-project{border-top:1px solid var(--line);margin-top:100px;padding:35px 0;display:block}.next-project>span:last-child{font-size:clamp(30px,5vw,80px);letter-spacing:-.04em}.contact-page{min-height:65vh;padding-top:90px;padding-bottom:110px}.contact-page h1{font-size:clamp(50px,8vw,130px);line-height:1;letter-spacing:-.05em;font-weight:400;margin:20px 0 35px}.contact-page h1 span{color:#748590}.contact-page p{color:var(--muted)}.contact-link{display:inline-block;margin-top:35px;font-size:clamp(18px,3vw,40px);color:var(--accent);border-bottom:1px solid #568399;padding-bottom:15px;overflow-wrap:anywhere}.preview-notice{background:#ffdb84;color:#221c0d;padding:12px;font:12px Consolas,monospace}.empty-state{padding:40px 0;color:var(--muted)}dialog{background:#090d10;border:1px solid #334550;padding:0;max-width:95vw;max-height:95vh;color:white}dialog::backdrop{background:#000e}.dialog-close{position:fixed;right:3vw;top:3vh;width:44px;height:44px;background:#101e27;color:#fff;border:1px solid #6a8596;border-radius:50%;font-size:26px;z-index:2}dialog img{max-height:90vh;max-width:90vw;object-fit:contain}
.hero-art.ready img{opacity:.55}.art-coordinate{right:2vw;top:25%}.motion-toggle{right:3.8vw;top:51%}.name-dot{font-size:16px}.brand-logo{width:38px;height:42px;overflow:hidden;display:block}.brand-logo img{width:60px;height:60px;max-width:none;object-fit:cover;margin:-9px 0 0 -11px;mix-blend-mode:screen}
@media(min-width:1500px){.hero-art img{width:900px;height:900px}.hero-copy{bottom:55px}}
@media(max-width:750px){.site-header{height:68px;padding:0 20px}.wordmark>span:last-child{display:none}nav{gap:18px;font-size:10px}.contact-nav{padding:10px 12px}.contact-nav span{padding-left:7px}.hero{height:calc(88svh - 68px);min-height:560px;padding:22px 20px}.hero-top{font-size:8px;gap:25px;line-height:1.7}.hero-top>span:last-child{text-align:right;max-width:160px}.hero-art img{width:650px;height:650px;max-width:none;margin-top:-30px}.art-coordinate{display:none}.hero-copy{left:20px;right:20px;bottom:34px}.hero h1{font-size:13vw;margin:0 0 25px;letter-spacing:-.07em}.name-dot{font-size:11px;margin:2px 0 0 4px}.hero-copy>p{font-size:9px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom p{font-size:15px}.pill{font-size:10px;padding:13px 18px}.motion-toggle{right:20px;top:43%;font-size:8px}.section-wrap{padding-left:20px;padding-right:20px}.work-section{padding-top:65px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:25px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:32px}.card-meta h3{font-size:16px}.card-meta p{font-size:12px}.about{grid-template-columns:1fr;gap:18px;padding-top:55px;padding-bottom:65px}.about>.eyebrow{margin:0}.about h2{font-size:39px}.about p{font-size:15px}footer{padding-top:40px}.footer-top>a{padding-bottom:40px}.footer-bottom{flex-wrap:wrap;line-height:1.8;font-size:8px}.footer-bottom>div{gap:18px;order:3;width:100%}.project-intro{padding-top:30px}.project-title{display:block;margin-top:35px}.project-title h1{font-size:44px}.project-role{text-align:left;margin-top:22px}.project-details{grid-template-columns:1fr;gap:25px}.project-block{margin-top:38px}.block-head{align-items:flex-start}.block-head>h2{font-size:16px}.block-head>.mono{font-size:8px}.gallery{gap:10px}.compare-label{font-size:8px;padding:6px 8px;bottom:10px}.compare-label.left{left:10px}.compare-label.right{right:10px}.compare-line>span{width:34px;height:34px;font-size:20px}.contact-page{padding-top:65px;padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-art canvas{display:none}.hero-art.ready img{opacity:.7}.card-preview{display:none}}

/* Spotlight: the full photograph is a static/accessibility fallback only. */
.hero-art.ready img{opacity:.7}
.hero-art.ready canvas{opacity:0;mix-blend-mode:screen;pointer-events:none}
.hero-art.ready.spotlight-running img{opacity:0}
.hero-art.ready.spotlight-running canvas{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-art.ready.spotlight-running img{opacity:.7}.hero-art.ready.spotlight-running canvas{display:none}}

.site-icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex-shrink:0;overflow:visible}
.card-arrow .site-icon{width:22px;height:22px}.name-dot .site-icon{width:1em;height:1em}.compare-line .site-icon{width:22px;height:22px}.play-label .site-icon,.pill .icon-play{fill:currentColor;stroke:none}.dialog-close .site-icon{width:22px;height:22px}
.project-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:0;align-items:start}
.project-block-grid>.project-block{min-width:0}.project-block-grid>.project-block:only-child{grid-column:1/-1}.gallery>.image-open:only-child{grid-column:1/-1}
.project-block-grid .block-head>h2{overflow-wrap:anywhere}.project-block-grid .block-head>.mono{flex-shrink:0}
body{font-family:var(--font-body,Arial,Helvetica,sans-serif)}h1,h2,h3{font-family:var(--font-heading,inherit)}
.mono{font-family:var(--font-detail,Consolas,'Courier New',monospace)}nav,.pill,.play-label,.compare-label,.preview-notice{font-family:var(--font-detail,Consolas,monospace)}
@media(max-width:750px){.project-block-grid{grid-template-columns:minmax(0,1fr)}.name-dot .site-icon{width:11px;height:11px}.gallery{grid-template-columns:minmax(0,1fr)}}
.hero-art img.landscape-source{width:min(1400px,100vw);height:min(900px,80vw);max-width:none}@media(max-width:750px){.hero-art img.landscape-source{width:100vw;height:650px}}