@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#352921;--paper:#fbf8f2;--amber:#ed8632;--gold:#ffd47d;--line:#3c2b1e2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}.grain{z-index:20;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:fixed;inset:0}.shell{max-width:1700px;margin:auto;padding-left:52px;padding-right:52px}.nav{z-index:5;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#231c1438;border:1px solid #ffffff61;border-radius:99px;justify-content:space-between;align-items:center;width:min(1600px,100% - 48px);height:68px;padding:0 17px 0 27px;display:flex;position:absolute;top:25px;left:50%;transform:translate(-50%)}.logo{color:inherit;letter-spacing:-1.6px;font-size:22px;font-weight:600;text-decoration:none}.logo i{font-family:Playfair Display;font-weight:500}.logo b{vertical-align:top;background:#ffd37c;border-radius:50%;width:7px;height:7px;margin:2px 0 0 3px;display:inline-block}.links{align-items:center;gap:34px;display:flex}.navDownload{color:#fff;background:linear-gradient(135deg,#ed8632,#e06b1f);border-radius:99px;align-items:center;gap:6px;padding:9px 18px;font:600 12px DM Sans;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.navDownload:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ed863273}.links a,.navButton{color:inherit;background:0 0;border:0;font:11px DM Mono;text-decoration:none}.navButton{cursor:pointer}.navButton span{margin-left:7px;font:19px DM Sans}.popMenu{z-index:9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#3b2719c4;border:1px solid #ffffff3d;border-radius:20px;flex-direction:column;gap:13px;padding:19px 23px;display:flex;position:fixed;top:102px;right:25px}.popMenu a{color:#fff;font:12px DM Mono;text-decoration:none}.hero{color:#fff;height:100svh;min-height:720px;position:relative;overflow:hidden}.hero>video{object-fit:cover;filter:saturate(.85)contrast(1.06);width:100%;height:100%;position:absolute;inset:0}.heroVeil{background:linear-gradient(95deg,#1a0f0bb0,#21160d24 63%,#160f0970),linear-gradient(#0000 62%,#0f0a0766);position:absolute;inset:0}.heroText{position:absolute;top:50%;left:max(52px,50% - 800px);transform:translateY(-42%)}.micro{letter-spacing:.08em;font:10px DM Mono}.hero h1,h2{letter-spacing:-.085em;margin:27px 0;font-size:clamp(60px,7vw,126px);font-weight:500;line-height:.84}.hero h1 em,h2 em{font-family:Playfair Display;font-weight:500}.heroCopy{margin-top:40px;font-size:17px;line-height:1.55}.orbit{color:#fff;border:1px solid #ffffffb3;border-radius:50%;width:132px;height:132px;padding:37px 0 0 25px;font:10px/1.25 DM Mono;text-decoration:none;transition:all .35s;position:absolute;top:35%;left:min(80vw,1100px)}.orbit:hover{color:var(--ink);background:#fff;transform:rotate(15deg)}.orbit b{font:28px Arial;position:absolute;bottom:20px;right:21px}.heroFooter{letter-spacing:.06em;justify-content:space-between;width:100%;padding:0 max(52px,50% - 800px);font:10px DM Mono;display:flex;position:absolute;bottom:30px}.intro{padding-top:150px;padding-bottom:130px}.label{color:#906343;margin:0 0 58px}.introGrid{grid-template-columns:1.5fr .6fr;align-items:end;gap:70px;display:grid}.intro h2,.work h2,.lab h2,footer h2{margin:0;font-size:clamp(45px,5.5vw,92px)}.introRight p{margin:0 0 22px;font-size:16px;line-height:1.7}.underLink{color:inherit;border-bottom:1px solid var(--ink);margin-top:16px;padding-bottom:7px;font:11px DM Mono;text-decoration:none;display:inline-block}.underLink span{margin-left:25px;font-size:18px}.numbers{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:110px;display:grid}.numbers>div{padding-top:17px}.numbers>div+div{border-left:1px solid var(--line);padding-left:28px}.numbers b{font:48px Playfair Display;display:block}.numbers span{color:#8e6b52;font:10px DM Mono}.work{background:#f1eadd;padding:130px 0 14px}.workTop{grid-template-columns:1fr 1.3fr .68fr;align-items:end;margin-bottom:68px;display:grid}.workTop .label{align-self:start}.workTop p:last-child{justify-self:end;font-size:15px;line-height:1.6}.projects{grid-template-columns:1.15fr .93fr .93fr;gap:12px;padding:0 12px;display:grid}.card{cursor:pointer;color:#fff;height:min(49vw,715px);min-height:470px;position:relative;overflow:hidden}.card video{object-fit:cover;width:100%;height:100%;transition:transform .8s}.card:hover video{transform:scale(1.06)}.cardShade{background:linear-gradient(#0000 42%,#140c08bf);position:absolute;inset:0}.cardTop{justify-content:space-between;font:10px DM Mono;display:flex;position:absolute;top:23px;left:23px;right:23px}.cardInfo{position:absolute;bottom:20px;left:23px}.cardInfo h3{letter-spacing:-.055em;margin:0 0 7px;font-size:25px;font-weight:500}.cardInfo p{color:#ebd8c4;margin:0;font:10px DM Mono}.lab{padding-top:145px;padding-bottom:145px}.labLead{justify-content:space-between;align-items:end;margin-bottom:70px;display:flex}.labLead p{margin:0;font-size:15px;line-height:1.65}.lightField{background:#2b2924 radial-gradient(circle at var(--x,50%) var(--y,50%),#ffa235eb,#ffd47d4f 18%,transparent 46%);height:520px;position:relative;overflow:hidden}.lightField:after{content:"";pointer-events:none;background:linear-gradient(130deg,#0000,#ffffff12);position:absolute;inset:0}.lightField p{z-index:1;color:#fff;letter-spacing:-.06em;text-align:right;font-size:21px;line-height:.93;position:absolute;bottom:26px;right:29px}.lightField span{color:#fff;z-index:1;font:10px DM Mono;position:absolute;top:27px;left:28px}.star{opacity:.75;border:1px solid #ffffff7a;border-radius:50%;position:absolute}.s1{width:320px;height:320px;animation:10s ease-in-out infinite float;top:17%;left:12%}.s2{width:155px;height:155px;animation:8s ease-in-out infinite reverse float;top:20%;right:23%}.s3{width:480px;height:480px;animation:13s ease-in-out infinite float;bottom:-55%;right:-7%}@keyframes float{50%{transform:translate(20px,-15px)scale(1.06)}}footer{background:var(--amber);color:#fff;padding:128px 0 35px;position:relative;overflow:hidden}.footerOrb{filter:blur(85px);opacity:.6;background:#ffde7d;border-radius:50%;width:900px;height:900px;position:absolute;bottom:-490px;right:-150px}.email{color:#fff;letter-spacing:-.075em;border-bottom:1px solid #ffffffa6;margin-top:80px;padding-bottom:15px;font-size:clamp(29px,5vw,76px);text-decoration:none;display:block;position:relative}.email span{float:right;font-family:Arial}.footerBottom{letter-spacing:.05em;justify-content:space-between;margin-top:105px;font:10px DM Mono;display:flex;position:relative}.footerBottom a{color:#fff;text-decoration:none}.modal{z-index:50;background:#140f0ae6;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.modal button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:38px;position:absolute;top:16px;right:27px}.modalFrame{color:#fff;width:min(100%,1100px)}.modalFrame video{background:#111;width:100%;max-height:78vh}.modalFrame p{font:11px DM Mono}@media (width<=720px){.shell{padding-left:22px;padding-right:22px}.nav{width:calc(100% - 26px);height:55px;padding-left:18px;top:13px}.links{display:none}.hero{min-height:680px}.heroText{left:22px}.hero h1{font-size:65px}.heroCopy{font-size:14px}.orbit{width:104px;height:104px;padding:29px 0 0 17px;top:65%;left:auto;right:22px}.orbit b{bottom:14px;right:15px}.heroFooter{padding:0 22px;font-size:8px}.heroFooter span:nth-child(2){display:none}.intro,.lab{padding-top:90px;padding-bottom:90px}.label{margin-bottom:35px}.introGrid,.workTop{display:block}.intro h2{margin-bottom:35px}.numbers{margin-top:65px}.numbers b{font-size:34px}.numbers>div+div{padding-left:12px}.work{padding-top:85px}.workTop h2{margin-bottom:25px}.workTop p:last-child{justify-self:auto}.projects{scroll-snap-type:x mandatory;padding-bottom:12px;display:flex;overflow-x:auto}.card{scroll-snap-align:start;min-width:80vw;height:112vw;min-height:410px}.labLead{display:block}.labLead h2{margin-bottom:30px}.lightField{height:370px}footer{padding-top:85px}.email{margin-top:55px;font-size:30px}.footerBottom{margin-top:70px;font-size:8px}.footerBottom span:last-child{display:none}}.galleryHero{isolation:isolate;perspective:1150px;background:#030403}.galleryHero>.cosmos{opacity:.94;background:radial-gradient(circle at 50% 18%,#34536a 0%,#101b29 11%,#0000 29%),radial-gradient(circle at 50% 2%,#a9d7e7 0 2%,#1b2840 6%,#0000 12%),linear-gradient(#010202 0 53%,#10171b 68%,#030504 100%);position:absolute;inset:0}.galleryHero>.cosmos:after{content:"";filter:blur(28px);opacity:.35;background:#bde5e7;border-radius:50%;width:300px;height:110px;position:absolute;top:1%;left:calc(50% - 150px)}.galleryBrand{z-index:2;text-align:center;color:#edf9f3;text-shadow:0 0 18px #72d1ff;font:31px/.8 Playfair Display;position:absolute;top:16%;left:50%;transform:translate(-50%)}.galleryBrand b{letter-spacing:-.06em;font-family:DM Sans;font-size:16px}.galleryBrand small{letter-spacing:.16em;margin-top:10px;font:7px DM Mono;display:block}.galleryArc{z-index:2;width:min(1180px,92vw);height:350px;transform-style:preserve-3d;position:absolute;top:31%;left:50%;transform:translate(-50%)rotateX(6deg)}.portal{transform-origin:bottom;background:#080a09;border:2px solid #253432;width:15%;height:290px;position:absolute;bottom:0;overflow:visible;box-shadow:0 0 18px #6ed6bb52}.portal small{white-space:nowrap;color:#98c9bb;letter-spacing:.08em;font:8px DM Mono;position:absolute;top:-19px;left:0}.portal video{object-fit:cover;filter:saturate(.84)contrast(1.07);width:100%;height:100%;display:block}.portal:after{content:"";border:1px solid #d2ffee40;position:absolute;inset:0;box-shadow:inset 0 0 20px #15c7ca2b}.portal0{height:252px;left:0;transform:rotateY(33deg)skewY(-5deg)}.portal1{height:274px;left:18%;transform:rotateY(17deg)skewY(-3deg)}.portal2{height:304px;left:42.5%;transform:translateZ(50px)}.portal3{height:274px;right:18%;transform:rotateY(-17deg)skewY(3deg)}.portal4{height:252px;right:0;transform:rotateY(-33deg)skewY(5deg)}.water{z-index:1;transform-origin:top;filter:blur(.3px);background:repeating-radial-gradient(at 50% 0,#4eaeb040 0 2px,#0a191b1a 4px 15px),linear-gradient(#1a40441a,#030808 70%);height:52%;position:absolute;bottom:-9%;left:-6%;right:-6%;transform:perspective(600px)rotateX(58deg)}.reflection{filter:blur(20px);opacity:.7;background:linear-gradient(90deg,#0000,#2a777c88 40%,#c5935066 50%,#2a777c88 60%,#0000);height:70%}.lightCore{z-index:3;background:#fff4b3;border-radius:50%;width:42px;height:42px;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px 6px #f2b35e,0 0 80px 24px #3a86ff88}.lightCore i,.lightCore b{border:1px solid #bcffe2;border-radius:50%;position:absolute}.lightCore i{width:78px;height:78px;animation:2.7s infinite pulse;top:-18px;left:-18px}.lightCore b{opacity:.4;width:126px;height:126px;animation:2.7s .7s infinite pulse;top:-42px;left:-42px}@keyframes pulse{70%{opacity:0;transform:scale(1.5)}to{opacity:0}}.galleryTitle{z-index:4;top:54%}.galleryHero .orbit,.galleryHero .heroFooter{z-index:4}@media (width<=720px){.galleryBrand{font-size:25px;top:18%}.galleryArc{width:112vw;height:245px;top:33%}.portal{height:184px!important}.portal small{font-size:6px;top:-14px}.portal0{left:-3%;transform:rotateY(23deg)}.portal1{left:18%}.portal2{left:42.5%;transform:translateZ(30px)}.portal3{right:18%}.portal4{right:-3%;transform:rotateY(-23deg)}.water{height:48%;bottom:-13%}.lightCore,.galleryTitle{top:60%}.galleryTitle h1{font-size:60px}}.portal5{opacity:.9;width:12%;height:150px;bottom:154px;left:63%;transform:rotateY(-12deg)rotate(3deg)}.portal5 video{filter:saturate(.75)brightness(.9)}.beian{letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:24px;font:10px DM Mono;display:flex;position:relative}.beian a{color:#fff;opacity:.82;align-items:center;gap:7px;text-decoration:none;transition:opacity .15s;display:inline-flex}.beian a:hover,.beian a:focus-visible{opacity:1;text-underline-offset:3px;text-decoration:underline}.beianBadge{flex:none;width:auto;height:15px;display:block}@media (width<=720px){.beian{gap:8px 18px;margin-top:16px;font-size:9px}.beianBadge{height:13px}}.staticBeian{background:var(--amber);color:#fff;padding:26px 0}.staticBeian .beian{margin-top:0}body.react-ready .staticBeian{display:none}
