@import "https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--flipbook-room:#101112;--flipbook-ink:#ece9e1;--flipbook-muted:#9c9b96;--flipbook-page-color:#202122;--flipbook-cover-color:#0c0d0f;--flipbook-back-cover-color:#08090a;--flipbook-page-texture:repeating-linear-gradient(2deg, transparent 0 3px, #ffffff06 4px);--flipbook-cover-texture:repeating-linear-gradient(88deg, transparent 0 5px, #ffffff08 6px);--flipbook-back-cover-texture:none;--flipbook-page-ratio:.7353;--flipbook-spread-ratio:1.4706;--flipbook-max-spread:1040px}html,body{min-width:320px;min-height:100%;margin:0}body{background:var(--flipbook-room);color:var(--flipbook-ink);font-family:Arial,sans-serif}button{font:inherit}.flipbook-room{isolation:isolate;background:radial-gradient(circle at 50% 42%,#46484c3d,#0000 35%),linear-gradient(135deg,#151617,#090a0b);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:100svh;padding:24px 32px 20px;display:grid;overflow:hidden}.flipbook-header{z-index:30;letter-spacing:.13em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;font-size:10px;display:grid;position:relative}.flipbook-header h1{margin:0;font:500 10px/1 Arial,sans-serif}.flipbook-header span:last-child{color:var(--flipbook-muted);justify-self:end}.flipbook-stage{z-index:2;perspective:1900px;place-items:center;min-height:0;display:grid;position:relative}.flipbook-click-hint{z-index:3;color:#ece9e194;letter-spacing:.16em;pointer-events:none;white-space:nowrap;margin:0;font-size:clamp(1.44rem,1.6vw,1.8rem);position:absolute;top:50%;left:clamp(3rem,27vw,34rem);transform:translate(-50%,-50%)}.photo-book-rig{z-index:4;width:min(82vw, calc((100svh - 150px) * var(--flipbook-spread-ratio)), var(--flipbook-max-spread));transform-style:preserve-3d;place-items:center;transition:transform .7s cubic-bezier(.2,.7,.1,1);display:grid;position:relative;transform:rotateX(5deg)rotate(-.18deg)}.is-turning .photo-book-rig{transform:rotateX(6.5deg)rotate(-.08deg)translateY(-.5%)}.photo-book{filter:drop-shadow(0 30px 22px #2f2a2038);transition:filter .7s}.is-turning .photo-book{filter:drop-shadow(0 36px 28px #2f2a2042)}.flipbook-ground-shadow{z-index:1;filter:blur(30px);background:#3e372b2e;border-radius:50%;width:min(78vw,960px);height:130px;transition:width .7s,filter .7s,opacity .7s;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}.is-turning .flipbook-ground-shadow{filter:blur(36px);opacity:.78;width:min(73vw,900px)}.photo-leaf.stf__item{--leaf-color:var(--flipbook-page-color);--leaf-texture:var(--flipbook-page-texture);background:linear-gradient(90deg, #4640340b, transparent 5%, transparent 94%, #46403413), var(--leaf-color);color:var(--flipbook-ink);border:1px solid #4640341f;position:absolute;overflow:hidden;box-shadow:inset 0 0 22px #4640340a}.photo-leaf.stf__item.photo-leaf--cover{--leaf-color:var(--flipbook-cover-color);--leaf-texture:var(--flipbook-cover-texture)}.photo-leaf.stf__item.photo-leaf--back-cover{--leaf-color:var(--flipbook-back-cover-color);--leaf-texture:var(--flipbook-back-cover-texture);background:var(--flipbook-back-cover-color)}.photo-leaf:after{content:"";pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:var(--leaf-texture);position:absolute;inset:0}.photo-leaf img{width:calc(100% - var(--photo-inset,0px));height:calc(100% - var(--photo-inset,0px));margin:var(--photo-padding,0px);object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.photo-leaf--fit-fill img{object-fit:fill}.photo-leaf--fit-cover img{object-fit:cover}.photo-leaf--fit-contain img{object-fit:contain}.photo-leaf__copy{z-index:2;position:absolute;inset:auto 8% 7%}.photo-leaf__copy p{margin:.4em 0 0}.photo-leaf__caption{letter-spacing:.12em;text-transform:uppercase;font-size:9px}.flipbook-controls{z-index:30;justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.flipbook-controls button{width:38px;height:38px;color:var(--flipbook-ink);cursor:pointer;background:#ffffff0f;border:1px solid #ece9e13d;border-radius:50%;place-items:center;font:24px/1 Georgia,serif;transition:transform .16s,background .16s,opacity .16s;display:grid}.flipbook-controls button:hover:not(:disabled){background:#ffffff24;transform:translateY(-2px)}.flipbook-controls button:focus-visible{outline-offset:3px;outline:2px solid #60665b}.flipbook-controls button:disabled{opacity:.25;cursor:default}.flipbook-status{min-width:170px;color:var(--flipbook-muted);text-align:center;text-transform:uppercase}.flipbook-status span{letter-spacing:.12em;font-size:9px;display:block}.flipbook-status small{letter-spacing:.09em;margin-top:5px;font-size:8px;display:block}@media (width<=720px){.flipbook-room{gap:8px;padding:18px 14px 14px}.flipbook-header{grid-template-columns:1fr 1fr}.flipbook-header h1{display:none}.photo-book-rig{width:min(92vw, calc((100svh - 135px) * var(--flipbook-page-ratio)));transform:rotateX(3deg)}.is-turning .photo-book-rig{transform:rotateX(4.5deg)translateY(-.5%)}.flipbook-ground-shadow{width:68vw;height:92px}.flipbook-click-hint{font-size:1.36rem;top:auto;bottom:2.5rem;left:50%}}@media (height<=650px){.flipbook-room{padding-block:14px 10px}.flipbook-status small{display:none}.flipbook-controls button{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.photo-book-rig,.photo-book,.flipbook-ground-shadow,.flipbook-controls button{transition-duration:.01ms}}@keyframes hero-glow-breathe{0%,to{opacity:.82}50%{opacity:1}}:root{color:#fff;background:#000;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer}.app-shell{isolation:isolate;background:#000;flex-direction:column;width:100%;min-height:100svh;display:flex;position:relative;overflow:hidden}.background-video{z-index:-2;object-fit:cover;width:100%;height:100%;position:fixed;inset:0}.video-shade{display:none}.bottom-blur{z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(24px);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 55%,#000 100%);mask-image:linear-gradient(#0000 55%,#000 100%)}.animate-blur-fade-up{opacity:0;animation:1s ease-out forwards blurFadeUp}@keyframes blurFadeUp{0%{opacity:0;filter:blur(20px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}.liquid-glass{color:#fff;background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;transition:background .25s,transform .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{border-radius:inherit;pointer-events:none;content:"";-webkit-mask-composite:xor;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquid-glass:hover{background:#ffffff1a;transform:translateY(-1px)}.navbar{z-index:50;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:relative}.brand{letter-spacing:-.06em;font-size:1.27rem;font-weight:600;text-decoration:none}.desktop-links{align-items:center;gap:clamp(1.2rem,2.4vw,2.8rem);margin-left:auto;margin-right:auto;display:none}.desktop-links a{color:#fff;font-size:.875rem;text-decoration:none;transition:color .2s}.desktop-links a:hover{color:#bdbdbd}.nav-actions{align-items:center;gap:.6rem;display:flex}.search-button{padding:.55rem 1rem;font-size:.875rem}.profile-button,.menu-button{width:2.5rem;height:2.5rem;padding:0}.menu-button{display:inline-flex}.menu-button svg{transition:transform .5s ease-out,opacity .5s ease-out;position:absolute}.icon-show{opacity:1;transform:rotate(0)scale(1)}.icon-hide{opacity:0;transform:rotate(180deg)scale(.5)}.mobile-menu{z-index:40;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#111827f2;border-top:1px solid #1f2937;border-bottom:1px solid #1f2937;width:100%;padding:.75rem 1rem 1rem;transition:transform .5s ease-out,opacity .5s ease-out;position:absolute;top:4.5rem;left:0;transform:translateY(-1rem);box-shadow:0 25px 50px #00000073}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-links{flex-direction:column;display:flex}.mobile-links a{color:#fff;opacity:0;transition:background .2s ease, opacity .45s ease var(--item-delay), transform .45s ease var(--item-delay);border-radius:.5rem;padding:.75rem;font-size:.95rem;text-decoration:none;transform:translate(-1rem)}.mobile-menu.is-open .mobile-links a{opacity:1;transform:translate(0)}.mobile-links a:hover{background:#1f293780}.mobile-actions{border-top:1px solid #374151;gap:.75rem;margin-top:.7rem;padding-top:1rem;display:flex}.mobile-search{flex:1;padding:.62rem 1rem}.hero-content{z-index:10;flex-direction:column;flex:1;justify-content:flex-end;padding:2rem 1rem;display:flex;position:relative}.hero-layout{flex-direction:column;align-items:flex-start;gap:2rem;width:100%;display:flex}.hero-copy{max-width:48rem}.metadata{flex-wrap:wrap;gap:.7rem 1.15rem;margin-bottom:1.5rem;font-size:.75rem;display:flex}.metadata span{white-space:nowrap;align-items:center;gap:.38rem;display:inline-flex}.metadata span:first-child{font-weight:500}h1{letter-spacing:-.055em;margin:0 0 1rem;font-size:clamp(2.15rem,8vw,4.5rem);font-weight:400;line-height:.98}.hero-copy p{color:#9ca3af;max-width:38rem;margin:0 0 1.75rem;font-size:1rem;line-height:1.5}.cta-row,.carousel-actions{flex-wrap:wrap;gap:.75rem;display:flex}.watch-button{color:#000;background:#fff;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.68rem 1.5rem;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.watch-button:hover{background:#e5e7eb;transform:translateY(-1px)}.learn-button,.arrow-button{padding:.68rem 1.5rem;font-weight:500}.carousel-actions{align-items:center}@media (width>=640px){.navbar{padding:1rem 1.5rem}.brand{font-size:1.45rem}.hero-content{padding:2rem 1.5rem 3rem}.metadata{gap:1.5rem;margin-bottom:2rem;font-size:.875rem}.metadata svg{width:20px;height:20px}.hero-copy p{margin-bottom:2.5rem;font-size:1.125rem}.watch-button,.learn-button,.arrow-button{padding:.75rem 2rem}.search-button{padding:.6rem 1.5rem}}@media (width>=768px){.navbar{padding:1.5rem 3rem}.hero-content{padding:2rem 3rem 4rem}.hero-layout{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:2rem}.hero-copy p{margin-bottom:3rem;font-size:1.25rem}.carousel-actions{flex-wrap:nowrap;margin-bottom:.1rem}}@media (width>=1024px){.desktop-links{display:flex}.menu-button,.mobile-menu{display:none}}@media (width<=639px){.search-button,.nav-actions>.profile-button{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.portfolio-shell{color:#fff;background:#000;font-family:Barlow,sans-serif}.hero-section{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-video{z-index:-3;object-fit:cover;object-position:center;opacity:.68;width:100%;height:100%;position:absolute;inset:0}.hero-video-tint{z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 10%,#00000059 70%,#000000bf);position:absolute;inset:0}.sound-toggle{z-index:55;padding:.55rem .8rem;font-size:.72rem;position:absolute;bottom:4.6rem;right:1.25rem}.portfolio-nav{z-index:50;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:relative}.monogram{border-radius:999px;place-items:center;width:3rem;height:3rem;font:italic 2rem Instrument Serif,serif;text-decoration:none;display:grid}.portfolio-links{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000040;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem;display:flex}.portfolio-links a,.nav-cta{color:#ffffffe0;padding:.58rem .8rem;font-size:.8rem;text-decoration:none}.nav-right{align-items:center;gap:.5rem;display:flex}.nav-cta{border-radius:999px;align-items:center;gap:.35rem;display:inline-flex}.menu-toggle{width:3rem;height:3rem;padding:0;display:none}.mobile-nav{display:none}.hero-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:5rem 1.25rem 2rem;display:flex}.hero-story-trigger{z-index:12;color:#fff;letter-spacing:.08em;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff8c;border-radius:999px;padding:1rem 1.7rem;font-size:clamp(1.05rem,2vw,1.45rem);transition:background .25s,transform .25s;position:absolute;bottom:19%;left:50%;transform:translate(-50%)}.hero-story-trigger:hover{background:#ffffff29;transform:translate(-50%,-53%)}.hero-story-overlay{z-index:12;transform-origin:50%;width:min(66vw,1360px,101.333svh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.935)}.hero-story-canvas{aspect-ratio:4/3;background:#000;border:1px solid #ffffff47;border-radius:clamp(12px,1.5vw,24px);grid-template-columns:58% 42%;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000007a,inset 0 1px #ffffff14}.hero-story-canvas.is-landscape{grid-template-rows:72% 28%;grid-template-columns:1fr}.hero-story-canvas.is-portrait{grid-template-rows:1fr;grid-template-columns:58% 42%}.hero-story-canvas.is-text-only,.hero-story-canvas.is-video{display:block}.hero-story-media{background:#080808;justify-content:flex-start;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.hero-story-canvas img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.hero-story-canvas.is-video .hero-story-media{width:100%;height:100%}.hero-story-canvas video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.hero-story-close{z-index:3;color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff4d;border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background .2s,transform .2s;display:grid;position:absolute;top:.8rem;right:.8rem}.hero-story-close:hover{background:#ffffff29;transform:scale(1.06)}.hero-story-canvas.is-landscape .hero-story-media{justify-content:center}.hero-story-canvas.is-landscape img{object-position:center}.hero-story-canvas.is-portrait .hero-story-media{justify-content:flex-start}.hero-story-canvas.is-portrait img{object-position:left center}.story-slide-enter{animation:.42s cubic-bezier(.22,.61,.36,1) story-slide-enter}@keyframes story-slide-enter{0%{opacity:0;transform:translateY(8px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-story-caption{color:#ffffffd6;letter-spacing:.02em;background:#000;flex-direction:column;justify-content:center;gap:.18rem;min-width:0;min-height:0;padding:1.2rem 1.5rem 1.35rem;font-size:clamp(.8rem,1.2vw,1.05rem);line-height:1.45;display:flex;overflow-y:auto}.hero-story-canvas.is-text-only .hero-story-caption{text-align:center;align-items:center;width:100%;height:100%;padding:2rem}.hero-story-canvas.is-text-only .hero-story-caption span:last-child{color:#fff;letter-spacing:.03em;margin-top:.8rem;font-family:Instrument Serif,serif;font-size:1.35em;font-style:italic}.hero-story-canvas.is-long .hero-story-caption{font-size:clamp(.62rem,.92vw,.88rem);line-height:1.34}.hero-story-controls{justify-content:center;align-items:center;gap:.8rem;margin-top:1.05rem;display:flex}.hero-story-arrow{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff52;border-radius:999px;place-items:center;width:2rem;height:2rem;padding:0;transition:background .2s,border-color .2s,transform .2s;display:grid}.hero-story-arrow:hover{background:#ffffff24;border-color:#ffffffb8;transform:scale(1.06)}.hero-story-dots{justify-content:center;gap:.45rem;display:flex}.hero-story-dots button{cursor:pointer;background:#ffffff52;border:0;border-radius:999px;width:.42rem;height:.42rem;padding:0;transition:width .25s,background .25s;display:block}.hero-story-dots button.is-active{background:#fff;width:.42rem}.hero-story-pip-media{height:178px;overflow:hidden}.hero-story-pip-media>div{height:100%}.availability{color:#ffffffc7;border-radius:999px;padding:.5rem .85rem;font-size:.75rem}.story-top-trigger{box-sizing:border-box;cursor:pointer;color:#fff;letter-spacing:.08em;text-align:center;justify-content:center;width:min(100%,34rem);padding:.9rem 1.6rem;font-size:clamp(1.05rem,2vw,1.45rem)}.story-work-link{box-sizing:border-box;color:#fff;letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:min(100%,34rem);margin-top:1rem;padding:.9rem 1.6rem;font-size:clamp(1.05rem,2vw,1.45rem);text-decoration:none;transition:background .25s,transform .25s;display:inline-flex}.story-work-link:hover{background:#ffffff1a;transform:translateY(-1px)}.availability span{color:#fff;font-weight:500}.display-heading,.section-title,.project-meta h3{font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.display-heading{letter-spacing:-.055em;max-width:850px;margin:1.5rem 0 1rem;font-size:clamp(3.5rem,9vw,7.8rem);line-height:.78}.chinese-heading{letter-spacing:-.08em;font-family:Instrument Serif,Songti SC,STSong,serif;font-style:normal;line-height:.92}.chinese-heading em{letter-spacing:.08em;margin-top:.35rem;font-family:Barlow,PingFang SC,sans-serif;font-size:.28em;font-style:normal;font-weight:300;display:inline-block}.display-heading em,.section-title em{color:#fff9}.hero-intro{color:#fffc;max-width:34rem;margin:0;font-size:.95rem;font-weight:300;line-height:1.3}.hero-actions{align-items:center;gap:1.4rem;margin-top:1.6rem;display:flex}.primary-button{color:#080808;background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.7rem 1rem;font-size:.85rem;text-decoration:none;display:inline-flex}.text-button{color:#fff;align-items:center;gap:.4rem;font-size:.85rem;text-decoration:none;display:inline-flex}.hero-credits{color:#ffffff9e;letter-spacing:.08em;text-align:center;flex-direction:column;align-items:center;gap:.18rem;margin:1.5rem auto .2rem;font-size:.72rem;display:flex}.hero-credits strong{color:#fff;letter-spacing:-.04em;margin:.1rem 0 .18rem;font-family:Instrument Serif,serif;font-size:clamp(2.2rem,5vw,3.8rem);font-style:italic;font-weight:400;line-height:.9}.credits-label{color:#ffffff6b;letter-spacing:.2em;font-size:.57rem}.hero-footer{color:#ffffff8c;justify-content:space-between;align-items:center;padding:1rem 1.25rem 1.3rem;font-size:.7rem;display:flex;position:relative}.scroll-hint{color:#fff;align-items:center;gap:.3rem;text-decoration:none;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.work-section{background:#050505;min-height:100svh;padding:6rem 1.25rem 2rem}.work-section>.section-heading,.work-section>.work-grid,.work-section>.stats-row{display:none}.grainy-work-carousel{z-index:2;background:#08080c;border-radius:1.2rem;width:100%;min-height:720px;margin:2.5rem 0 3rem;position:relative;overflow:hidden}.gallery-tunnel-background{z-index:0;opacity:.9;pointer-events:none;will-change:transform;position:absolute;inset:0}.gallery-tunnel-shade{z-index:1;pointer-events:none;background:radial-gradient(#03030614,#03030680 82%);position:absolute;inset:0}.flipbook-foreground{z-index:2;position:relative}.grainy-work-carousel .flipbook-room{color:#fff;background:radial-gradient(circle at 50% 42%,#0404082e,#0404088a 80%);min-height:820px;padding:28px 24px 18px}.grainy-work-carousel .photo-book-rig{width:min(94vw, calc((100svh - 115px) * var(--flipbook-spread-ratio)), var(--flipbook-max-spread))}.grainy-work-carousel>div{min-width:0!important;min-height:0!important}.grainy-work-carousel *{backface-visibility:hidden}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.eyebrow{color:#ffffff8c;letter-spacing:.03em;font-size:.75rem}.section-title{letter-spacing:-.05em;margin:.8rem 0 0;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.82}.section-description{color:#ffffff94;max-width:20rem;margin:0;font-size:.9rem;line-height:1.35}.work-grid{grid-template-columns:1.25fr 1fr 1fr;gap:1rem;display:none}.project-card{color:#fff;text-align:left;cursor:pointer;border:0;border-radius:1.2rem;flex-direction:column;min-height:360px;padding:.65rem;display:flex}.project-card:after,.project-viewer:after{z-index:3;border-radius:inherit;pointer-events:none;content:"";-webkit-mask-composite:xor;opacity:.9;filter:drop-shadow(0 0 10px #684bffcc);background:linear-gradient(115deg,#0000 15%,#7037ffe6 35%,#5dd5ffcc 48%,#0000 63%) border-box;border:1px solid #0000;animation:5s linear infinite borderPulse;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card,.project-viewer{position:relative}@keyframes borderPulse{0%{opacity:.35;transform:translate(-8%)rotate(0)}50%{opacity:1}to{opacity:.35;transform:translate(8%)rotate(0)}}.project-card:hover .project-art{transform:scale(.985)}.project-art{border-radius:.85rem;flex:1;min-height:250px;transition:transform .35s;position:relative;overflow:hidden}.art-one{background:radial-gradient(circle at 55% 45%,#dfa47e,#713c36 35%,#181313 75%)}.art-one span{color:#ffffffb3;font-size:.7rem;position:absolute;top:1rem;left:1rem}.art-orbit{border:1px solid #ffffffb3;border-radius:50%;width:45%;height:45%;position:absolute;top:30%;left:30%;transform:rotate(-28deg)skew(-18deg);box-shadow:0 0 70px #ffd2a7cc}.art-two{background:linear-gradient(135deg,#98a8aa,#27373d);place-items:center;display:grid}.art-window{color:#dce8e5;border:1px solid #ffffff59;padding:1.4rem;font:.9rem monospace;transform:rotate(-8deg)}.art-window strong{letter-spacing:-.15em;font-size:2.7rem}.project-meta{justify-content:space-between;padding:1rem .35rem .25rem;display:flex}.project-meta h3{margin:0 0 .25rem;font-size:1.8rem;line-height:.9}.project-meta p{color:#ffffff8c;margin:0;font-size:.75rem}.capabilities-card{padding:1.25rem}.capability-list{flex-direction:column;gap:1rem;margin:auto 0;display:flex}.capability-list span{color:#ffffffd1;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.contact-link{color:#fff;border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.8rem;text-decoration:none;display:flex}.stats-row{color:#ffffff80;justify-content:space-between;gap:1rem;margin-top:2rem;font-size:.75rem;display:flex}.stats-row span{align-items:center;gap:.4rem;display:inline-flex}.project-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000009e;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.project-viewer{background:#08080c;border:1px solid #ffffff26;border-radius:1.5rem;flex-direction:column;width:min(92vw,1100px);height:min(90vh,760px);padding:1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 100px #000000b3}.viewer-back,.modal-close,.viewer-controls button{color:#fff;background:#ffffff1a;border:0;place-items:center;display:grid}.viewer-back{z-index:2;border-radius:50%;width:2.8rem;height:2.8rem;position:absolute;top:1.25rem;left:1.25rem}.viewer-art{background:radial-gradient(circle at 50% 35%,#5536ae,#100e2c 46%,#04030e 85%);border-radius:1rem;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.viewer-art-northstar-1,.viewer-art-capability-1{background:radial-gradient(circle at 50% 40%,#2682a1,#121b38 45%,#05070f 85%)}.viewer-art-northstar-2,.viewer-art-atelier-2{background:radial-gradient(circle at 50% 40%,#b06d4c,#2b151b 45%,#060407 85%)}.viewer-art-atelier-0{background:radial-gradient(circle at 50% 40%,#9daeb1,#26373d 45%,#080a0c 85%)}.viewer-art-shape{aspect-ratio:1.35;border:2px solid #dac0ffbf;border-radius:50% 50% 45% 45%;width:min(58%,500px);transform:rotate(-12deg);box-shadow:0 0 70px #9b64ffd9,inset 0 0 40px #a06eff4d}.viewer-art-atelier-0 .viewer-art-shape{aspect-ratio:.7;border-radius:1rem;width:30%;transform:rotate(-8deg);box-shadow:0 0 70px #9bdcff80}.viewer-art-label{color:#fff9;letter-spacing:.16em;font-size:.65rem;position:absolute;top:1.5rem;right:1.5rem}.viewer-art img{object-fit:contain;border-radius:.8rem;width:100%;height:100%}.viewer-bottom{justify-content:space-between;align-items:end;gap:2rem;padding:1.25rem .3rem .35rem;display:flex}.viewer-bottom h2{letter-spacing:-.05em;margin:.35rem 0 .3rem;font:italic 2.5rem/.9 Instrument Serif,serif}.viewer-bottom p{color:#ffffff94;max-width:34rem;margin:0;font-size:.82rem}.viewer-controls{justify-content:center;align-items:center;gap:1rem;margin-top:.7rem;display:flex}.viewer-controls button{cursor:pointer;border-radius:50%;width:2.35rem;height:2.35rem}.slide-dots{align-items:center;gap:.35rem;display:flex}.slide-dots button{background:#ffffff59;width:.4rem;height:.4rem;padding:0}.slide-dots button.active{background:#fff;border-radius:999px;width:1.1rem}.project-modal{background:#141414cc;border-radius:1.35rem;width:min(100%,34rem);padding:2.2rem;position:relative}.project-modal h2{letter-spacing:-.05em;margin:.8rem 0 .7rem;font:italic 3.5rem/.9 Instrument Serif,serif}.project-modal p{color:#ffffffb3;max-width:28rem;margin:0 0 1.6rem;line-height:1.45}.modal-close{color:#fff;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;display:grid;position:absolute;top:1rem;right:1rem}@media (width<=800px){.portfolio-links,.nav-cta{display:none}.menu-toggle{place-items:center;display:grid}.mobile-nav{z-index:45;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#0a0a0ae6;border-radius:1rem;flex-direction:column;padding:.7rem;transition:all .3s;display:flex;position:absolute;top:4.5rem;left:1rem;right:1rem;transform:translateY(-10px)}.mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav a{color:#fff;padding:.75rem;text-decoration:none}.hero-footer span:first-child{display:none}.section-heading{display:block}.section-description{margin-top:2rem}.work-grid{grid-template-columns:1fr}.project-card{min-height:330px}.stats-row{flex-wrap:wrap}.sound-toggle{bottom:4.1rem;right:1rem}.hero-story-overlay{width:min(86vw,101.333svh)}}@media (width<=520px){.hero-story-trigger{padding:.8rem 1.1rem;font-size:.95rem}.hero-story-overlay{width:92vw}.hero-story-controls{margin-top:.8rem}}@media (width<=600px){.project-viewer{width:100%;height:88vh;padding:.75rem}.viewer-bottom{padding-top:1rem;display:block}.viewer-bottom .primary-button{margin-top:1rem}.viewer-bottom h2{font-size:2rem}.viewer-art-label{top:1rem;right:1rem}}@media (width<=800px){.grainy-work-carousel,.grainy-work-carousel .flipbook-room{min-height:610px}}@media (width>=801px){.portfolio-nav{padding:1.3rem 2rem}.hero-footer{padding:1rem 2rem 1.5rem}.work-section{padding:7rem 2rem 2rem}}