@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#10110e;--fg:#f0f1e9;--muted:#96998e;--lime:#c8f47a;--line:#2b2e25;--mx:0deg;--my:0deg}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}body:before{content:"";pointer-events:none;z-index:100;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' opacity='.025' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:0 0;border:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:#10110e}header{border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;height:100px;padding:0 5%;display:flex;position:relative}.brand{letter-spacing:-5px;font-family:Space Grotesk,sans-serif;font-size:41px;font-weight:700}.brand span{vertical-align:top;letter-spacing:0;margin-left:8px;padding-top:10px;font:10px DM Sans;display:inline-block}nav{gap:40px;font-size:13px;display:flex}nav a{color:#bbbdb2;transition:color .2s}nav a:hover{color:var(--lime)}.nav-contact{border:1px solid #4c5141;border-radius:30px;align-items:center;gap:16px;padding:13px 23px;font-size:13px;display:flex}.nav-contact:hover{background:var(--lime);color:#111}.menu-toggle{display:none}.hero{isolation:isolate;height:calc(100svh - 100px);min-height:850px;max-height:1100px;padding:0 5%;position:relative;overflow:hidden}.hero:after{content:"";z-index:-2;background:radial-gradient(at 65% 48%,#2b3521aa,#0000 48%);position:absolute;inset:0}.hero-meta{letter-spacing:1.4px;color:#b6baa9;justify-content:space-between;padding:30px 0;font-size:10px;display:flex}.hero-meta>span:first-child{align-items:center;gap:10px;display:flex}.dot{background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #c8f47a66}.eyebrow{letter-spacing:2px;color:var(--lime);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:500}.hero-title{z-index:4;pointer-events:none;padding-top:95px;position:relative}.hero-title h1{letter-spacing:-8px;margin:26px 0;font-family:Space Grotesk,Arial,sans-serif;font-size:clamp(70px,8.5vw,132px);font-weight:500;line-height:.99}.hero-title h1 span{color:var(--lime)}.portrait-stage{perspective:1300px;z-index:2;pointer-events:none;width:57%;height:92%;position:absolute;top:8%;right:2%}.field{opacity:.9;width:116%;height:110%;position:absolute;inset:-7% -8%}.halo{border:1px solid #c8f47a18;border-radius:50%;width:83%;height:65%;position:absolute;top:7%;left:5%;box-shadow:0 0 80px #b7fa7310,inset 0 0 80px #b7fa7308}.portrait-depth{transform:rotateY(var(--mx)) rotateX(var(--my));transform-style:preserve-3d;transition:transform .6s ease-out;position:absolute;inset:0}.portrait-depth img{object-fit:contain;filter:contrast(1.04)saturate(.65);max-width:100%;height:92%;position:absolute;bottom:0;left:8%;-webkit-mask-image:linear-gradient(#000 74%,#0000 99%);mask-image:linear-gradient(#000 74%,#0000 99%)}.portrait-name{border-left:2px solid var(--lime);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b211bc0;padding:17px 23px;position:absolute;bottom:9%;right:15%;transform:translateZ(70px)}.portrait-name small{letter-spacing:1.6px;color:var(--lime);font-size:8px}.portrait-name>span{align-items:center;gap:35px;margin-top:8px;font-size:20px;display:flex}.float-label{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:1px;background:#1d231ad9;border:1px solid #65734b70;border-radius:10px;align-items:center;gap:13px;padding:15px;font-size:10px;animation:7s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 12px 35px #0005}.label-react{top:22%;right:6%;transform:rotate(6deg)}.label-shopify{animation-delay:-3.5s;bottom:25%;left:6%}.mini-orbit{color:var(--lime);font-size:25px}.mini-bag{color:var(--lime);border:1px solid #88ac56;border-radius:4px;padding:4px 7px;font-weight:700}.hero-bottom{z-index:5;position:absolute;bottom:110px;left:5%}.hero-bottom p{color:#b3b7a8;margin:0 0 23px;font-size:14px;line-height:1.8}.pill{border-radius:40px;align-items:center;gap:30px;padding:17px 24px;font-size:13px;font-weight:600;transition:transform .3s,background .3s;display:inline-flex}.pill:hover{transform:translateY(-4px)}.lime{background:var(--lime);color:#192110}.outline{border:1px solid #4b5540}.scroll-hint{color:#949b87;letter-spacing:1.7px;margin-top:32px;font-size:8px;display:block}.scroll-hint svg{vertical-align:middle;margin-left:18px}.hero-index{letter-spacing:1.4px;color:#8f9485;font-size:9px;position:absolute;bottom:28px}.marquee{background:var(--lime);color:#15200f;border-top:1px solid var(--lime);width:102%;margin:10px -1% 0;padding:24px 0;overflow:hidden;transform:rotate(-1.5deg)}.marquee>div{white-space:nowrap;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee span{letter-spacing:-.5px;font:500 27px Space Grotesk}.marquee i{margin:0 36px;font-size:29px;font-style:normal}.section{padding:125px 5%}.section-top{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.section-top h2,h2{letter-spacing:-2.6px;margin:25px 0 0;font:500 clamp(36px,4vw,60px)/1.12 Space Grotesk,Arial,sans-serif}h2 span{color:#8d9581}.section-top p{color:var(--muted);font-size:13px;line-height:1.8}.filters{border-bottom:1px solid var(--line);gap:8px;margin-bottom:40px;padding-bottom:27px;display:flex}.filters button{color:#b3b7a8;border:1px solid #35392e;border-radius:30px;padding:12px 17px;font-size:12px;transition:background .2s}.filters button span{opacity:.6;margin-left:14px;font-size:9px}.filters button.active,.filters button:hover{background:var(--lime);color:#1a230f;border-color:var(--lime)}.projects{grid-template-columns:1fr 1fr;gap:55px 30px;display:grid}.project{text-align:left;perspective:900px;padding:0;display:block}.project-art{aspect-ratio:1.53;background:#22291c;border-radius:4px;transition:transform .6s,box-shadow .6s;position:relative;overflow:hidden}.project:nth-child(2n){margin-top:75px}.project:hover .project-art{transform:rotateX(2deg)rotateY(-3deg)translateY(-7px);box-shadow:12px 22px 40px #0005}.project-art>img,.modal-art>img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s}.project:hover .project-art>img{transform:scale(1.04)}.project-open{background:var(--lime);color:#14200f;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .3s;display:grid;position:absolute;bottom:24px;right:24px;transform:rotate(-8deg)}.project:hover .project-open{transform:rotate(0)scale(1.12)}.project-index{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1118;border-radius:4px;padding:7px 9px;font-size:10px;position:absolute;top:18px;left:18px}.project-info{justify-content:space-between;align-items:end;gap:15px;margin-top:23px;display:flex}.project-info small{text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-size:9px}.project-info h3{letter-spacing:-.7px;margin:9px 0 0;font:500 23px Space Grotesk}.project-info>span{color:#8d9581;white-space:nowrap;padding-bottom:3px;font-size:9px}.artwork{perspective:850px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.art-label{letter-spacing:1.7px;opacity:.45;z-index:2;font-size:8px;position:absolute;top:25px;right:25px}.zeina{background:#cec3ac}.stationery{color:#564d3f;background:#f3eddd;flex-direction:column;justify-content:center;align-items:center;width:37%;height:77%;display:flex;position:absolute;box-shadow:10px 17px 25px #53462c3a}.sheet{z-index:2;top:15%;left:20%;transform:rotate(-9deg)}.sheet i{margin:25px 0;font-family:Georgia,serif;font-size:clamp(25px,3.5vw,48px);font-weight:400;line-height:1.1}.stationery small,.stationery span{letter-spacing:2px;font-size:6px}.back{background:#ece2cb;border:14px solid #eee5d4;top:5%;left:49%;transform:rotate(12deg)}.back i{font:italic 90px Georgia}.back span{font-size:8px}.events{background:#8ca8e1}.event-ticket{color:#ecf1ff;z-index:2;background:#273e7a;border-bottom:2px dashed #a9bcea;width:62%;padding:26px;transform:rotate(-8deg);box-shadow:10px 20px #1d34633b}.event-ticket>span{letter-spacing:2px;font-size:7px}.event-ticket h4{margin:25px 0;font:500 37px/.95 Space Grotesk}.ticket-bottom{justify-content:space-between;align-items:center;display:flex}.ticket-bottom b{letter-spacing:1px;font-size:8px}.qr{background:repeating-conic-gradient(#e6edff 0 25%,transparent 0 50%) 0/9px 9px;border:4px solid #e6edff;width:40px;height:40px}.ticket-orbit{aspect-ratio:1;border:1px solid #e6edff80;border-radius:50%;width:80%;position:absolute;transform:rotateX(35deg)}.exam{background:#303c27}.exam-sheet{color:#25381d;background:#e4eaca;width:70%;padding:25px 30px;transform:rotate(-6deg);box-shadow:14px 18px #93b55a42}.exam-sheet>span{letter-spacing:1px;font-size:7px}.exam-sheet h4{margin:20px 0;font:500 28px/1.1 Space Grotesk}.exam-sheet>div{align-items:center;gap:15px;margin-top:12px;display:flex}.exam-sheet b{min-width:40px;font-size:8px}.exam-sheet i{background:#6b834b;border-radius:5px;height:6px;display:block}.voice{background:radial-gradient(#694d82,#291d38)}.soundwave{align-items:center;gap:4px;display:flex}.soundwave i{background:#d2b0f6;border-radius:4px;width:5px;animation:2.5s ease-in-out infinite wave}.voice-label{letter-spacing:2px;color:#ddccec;font-size:8px;position:absolute;bottom:20%}.voice-label .dot{background:#e1beff;margin-right:10px}.scent{background:#b6ada0}.bottle{color:#e9e2d0;background:linear-gradient(105deg,#3f3a2f,#857459 50%,#463f33);border-radius:8px 8px 17px 17px;flex-direction:column;justify-content:center;align-items:center;width:27%;height:61%;margin-right:35%;display:flex;position:relative;transform:rotate(-8deg);box-shadow:15px 20px 24px #35302060}.bottle>div{background:#29291f;border-radius:3px;width:65%;height:25px;position:absolute;top:-20px}.bottle i{font:italic 50px Georgia}.bottle span{letter-spacing:2px;text-align:center;margin-top:12px;font-size:7px;line-height:1.6}.scent-word{color:#514638;font:italic 27px/1.1 Georgia;position:absolute;right:9%}.vision{background:#142f2a}.scan{color:#74d9b3;border:1px solid #4ca990;justify-content:center;align-items:center;width:65%;height:65%;display:flex;position:relative}.scan:before,.scan:after{content:"";border:2px solid #9af4d1;width:13px;height:13px;position:absolute}.scan:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.scan:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.detected{letter-spacing:1px;color:#9ae5cc;font-size:8px;position:absolute;top:-25px;left:0}.detected span{margin-left:15px}.scan-line{background:#94ffcd;width:100%;height:1px;animation:5s infinite scan;position:absolute;top:50%;box-shadow:0 0 20px #78ffc4}.more{border-bottom:1px solid var(--lime);align-items:center;gap:60px;margin:55px auto 0;padding:15px 0;font-size:12px;display:flex}.expertise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#171a13}.expertise-asterisk{color:var(--lime);font-size:125px;line-height:1;animation:40s linear infinite spin}.services{border-top:1px solid #353b2b}.service{border-bottom:1px solid #353b2b;grid-template-columns:60px 1fr 100px;gap:30px;padding:38px 0;transition:padding .4s;display:grid}.service:hover{padding-left:15px}.service-no{color:#7f8872;padding-top:8px;font-size:10px}.service h3{letter-spacing:-1px;margin:0 0 13px;font:500 29px Space Grotesk}.service p{color:var(--muted);max-width:570px;font-size:13px;line-height:1.7}.service small{color:#afbc98;letter-spacing:.3px;font-size:10px}.service-icon{color:var(--lime);place-self:center end;font:400 49px Space Grotesk}.other-tools{align-items:start;gap:50px;padding-top:45px;display:flex}.other-tools span{letter-spacing:1px;color:#aab993;min-width:150px;padding-top:6px;font-size:8px}.other-tools p{color:var(--muted);margin:0;font-size:12px;line-height:2}.about{grid-template-columns:1.1fr 1fr;gap:12%;display:grid}.about-left h2{margin-bottom:35px;font-size:clamp(36px,3.8vw,56px)}.about-left>p{color:#a3aa97;max-width:500px;font-size:14px;line-height:1.9}.education{border-left:1px solid #617443;margin:40px 0;padding:3px 0 3px 20px}.education span{letter-spacing:1.4px;color:var(--lime);font-size:8px;display:block}.education strong{margin-top:13px;font-size:16px;font-weight:500;display:block}.education p{color:var(--muted);font-size:12px}.text-link{border-bottom:1px solid #677e49;align-items:center;gap:20px;padding:9px 0;font-size:12px;display:inline-flex}.journey{padding-top:8px}.journey-item{border-bottom:1px solid var(--line);padding:34px 0}.journey-item small{letter-spacing:1px;color:var(--lime);font-size:9px}.journey-item h3{letter-spacing:-.6px;margin:14px 0 8px;font:500 23px Space Grotesk}.journey-item strong{color:#b3bba5;font-size:11px;font-weight:400}.journey-item p{color:var(--muted);max-width:380px;margin-top:15px;font-size:12px;line-height:1.8}.process{padding-top:0}.process-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:50px;margin-top:35px;padding-top:35px;display:grid}.process-grid span{color:#59654a;font:400 40px Space Grotesk}.process-grid h3{margin:22px 0 12px;font:500 25px Space Grotesk}.process-grid p{color:var(--muted);max-width:300px;font-size:13px;line-height:1.8}.contact{background:var(--lime);color:#17210e;padding-top:60px;padding-bottom:65px}.contact-top{letter-spacing:1px;justify-content:space-between;font-size:9px;display:flex}.contact-top .eyebrow{color:#344624}.contact-top .dot{box-shadow:none;background:#263c12;margin-right:10px}.contact-heading{border-bottom:1px solid #29371640;justify-content:space-between;align-items:center;padding:40px 0 50px;display:flex}.contact h2{letter-spacing:-6px;margin:0;font:500 clamp(58px,8vw,116px)/1 Space Grotesk}.contact h2 span{color:#59733b}.contact-arrow{border:1px solid #263b1950;border-radius:50%;place-items:center;width:130px;height:130px;transition:transform .4s,background .4s;display:grid}.contact-arrow svg{stroke-width:1px;width:70px;height:70px}.contact-heading:hover .contact-arrow{color:var(--lime);background:#192b17;transform:rotate(45deg)}.contact-bottom{justify-content:space-between;gap:40px;padding-top:35px;display:flex}.contact-bottom p{color:#41562d;margin-bottom:21px;font-size:13px;line-height:1.8}.email{letter-spacing:-.5px;font-size:20px}.copy{vertical-align:middle;margin-left:14px;padding:5px}.copied{font-size:9px}.socials{align-items:center;gap:25px;font-size:11px;display:flex}.socials a{align-items:center;gap:10px;display:flex}.socials a:hover{text-decoration:underline}footer{justify-content:space-between;align-items:center;gap:30px;padding:30px 5%;display:flex}footer>span{color:var(--muted);font-size:10px}footer>a:last-child{letter-spacing:1px;gap:15px;font-size:9px;display:flex}.motion-toggle{color:#a6ae99;align-items:center;gap:8px;font-size:10px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:200;background:#070b07dd;justify-content:center;align-items:center;padding:30px;animation:.3s fade;display:flex;position:fixed;inset:0}.modal{background:#1a1f16;border:1px solid #3e4c2d;border-radius:12px;grid-template-columns:1fr 1.15fr;width:min(960px,100%);max-height:90svh;display:grid;position:relative;overflow:auto;box-shadow:0 30px 100px #0008}.modal-art{height:100%;min-height:540px;overflow:hidden}.modal-art .artwork{min-height:540px}.modal-art>img{object-fit:contain;background:#0e120c}.close-modal{z-index:10;background:#131a0dda;border:1px solid #535f42;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px}.modal-body{padding:50px 35px}.modal-body h2{letter-spacing:-1.5px;margin:20px 0;font-size:35px}.modal-body h3{color:var(--lime);font-size:13px;font-weight:500;line-height:1.6}.modal-body p{color:#b0b9a1;font-size:13px;line-height:1.8}.stack{flex-wrap:wrap;gap:7px;margin:25px 0;display:flex}.stack span{border:1px solid #404e31;border-radius:20px;padding:7px 10px;font-size:9px}.modal-body ul{color:#b0b9a1;padding-left:16px;font-size:12px;line-height:1.8}.modal-body li{margin-bottom:10px}.modal-actions{flex-wrap:wrap;gap:14px;margin-top:25px;display:flex}.modal-actions .pill{gap:12px;padding:12px 15px;font-size:10px}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:none}.scroll-progress{background:var(--lime);z-index:101;transform-origin:0;width:100%;height:2px;animation:linear progress;animation-timeline:scroll();position:fixed;top:0;left:0}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float{0%,to{translate:0}50%{translate:0 -15px}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{50%{transform:scaleY(.45)}}@keyframes scan{0%,to{top:15%}50%{top:85%}}@keyframes fade{0%{opacity:0}to{opacity:1}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}html[data-motion=off] .reveal{opacity:1;transform:none}html[data-motion=off] .portrait-depth{transform:none}@media (width>=1500px){.hero-title{padding-top:125px}.hero-title h1{font-size:145px}.portrait-stage{width:52%;right:6%}.section{padding-left:max(5%,50% - 725px);padding-right:max(5%,50% - 725px)}}@media (width<=1050px){.hero{min-height:780px}.hero-title h1{letter-spacing:-5px;font-size:85px}.portrait-stage{width:63%;height:85%;top:15%;right:-8%}.hero-title{padding-top:100px}.label-shopify{bottom:20%;left:15%}.label-react{right:14%}.portrait-name{right:18%}.section{padding-top:90px;padding-bottom:90px}.project-info{flex-direction:column;align-items:start;gap:8px}.project-info>span{font-size:9px}.socials{gap:18px}.socials a{gap:6px}.contact-arrow{width:100px;height:100px}.contact h2{letter-spacing:-4px}.modal{grid-template-columns:1fr 1.3fr}.modal-body{padding:45px 25px}}@media (width<=700px){header{height:78px;padding:0 6%}.brand{font-size:35px}nav{display:none}nav.open{border-bottom:1px solid var(--line);background:#171c13;justify-content:center;gap:30px;padding:27px 6%;display:flex;position:absolute;top:77px;left:0;right:0}.menu-toggle{padding:8px;display:block}.nav-contact{margin-left:auto;margin-right:12px;padding:10px 15px;font-size:10px}.hero{height:920px;min-height:920px;max-height:none;padding:0 6%}.hero-meta{letter-spacing:1px;padding:25px 0;font-size:7px}.hero-meta>span:last-child{text-align:right;max-width:130px;line-height:1.7}.hero-title{padding-top:22px}.hero-title .eyebrow{font-size:8px}.hero-title h1{letter-spacing:-3.7px;margin-top:17px;font-size:clamp(52px,12.8vw,88px);line-height:1.02}.portrait-stage{width:110%;height:530px;top:280px;right:-5%}.portrait-depth img{max-width:83%;height:100%;left:13%}.portrait-name{padding:13px 16px;bottom:9%;right:12%}.portrait-name>span{gap:30px;font-size:17px}.portrait-name small{font-size:7px}.label-react{padding:10px;font-size:8px;top:20%;right:9%}.label-shopify{padding:10px;font-size:8px;bottom:30%;left:9%}.field{width:100%;height:100%;inset:0}.halo{width:87%;left:6%}.hero-bottom{justify-content:space-between;align-items:end;gap:20px;display:flex;bottom:45px;left:6%;right:6%}.hero-bottom p{margin:0;font-size:11px;line-height:1.7}.hero-bottom .pill{white-space:nowrap;gap:12px;padding:14px 18px;font-size:10px}.scroll-hint{display:none}.hero-index{font-size:7px;bottom:18px}.marquee{padding:18px 0}.marquee span{font-size:21px}.marquee i{margin:0 25px;font-size:21px}.section{padding:75px 6%}.section-top{margin-bottom:30px;display:block}.section-top h2,h2{letter-spacing:-1.8px;font-size:36px}.section-top p{margin-top:25px;font-size:12px}.filters{white-space:nowrap;gap:7px;margin-bottom:30px;padding-bottom:20px;overflow:auto}.filters button{padding:10px 12px;font-size:10px}.filters button span{margin-left:9px}.projects{grid-template-columns:1fr;gap:35px}.project:nth-child(2n){margin-top:0}.project-info{flex-direction:row;align-items:end;gap:15px}.project-info h3{font-size:21px}.project-info>span{white-space:normal;text-align:right;max-width:100px;font-size:8px}.project-art{aspect-ratio:1.4}.sheet i{font-size:42px}.event-ticket h4{font-size:34px}.expertise .section-top{align-items:center;gap:10px;display:flex}.expertise-asterisk{font-size:65px}.expertise .section-top h2{font-size:33px}.service{grid-template-columns:25px 1fr 30px;gap:15px;padding:30px 0}.service h3{letter-spacing:-.5px;font-size:22px}.service p{font-size:12px}.service small{font-size:8px;line-height:1.8;display:block}.service-icon{font-size:27px}.other-tools{padding-top:30px;display:block}.other-tools span{font-size:8px}.other-tools p{margin-top:14px;font-size:11px}.about{grid-template-columns:1fr;gap:60px}.about-left h2{font-size:38px}.about-left>p{font-size:13px}.journey-item h3{font-size:22px}.process{padding-top:0}.process-grid{grid-template-columns:1fr;gap:25px}.process-grid>div{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;column-gap:20px;padding-bottom:25px;display:grid}.process-grid span{grid-row:1/3;font-size:32px}.process-grid h3{margin:3px 0 10px;font-size:22px}.process-grid p{max-width:none;margin:0;font-size:12px}.contact{padding-top:35px;padding-bottom:40px}.contact-top{gap:15px;font-size:6px}.contact-top .eyebrow{letter-spacing:1px;font-size:7px}.contact-heading{padding:35px 0}.contact h2{letter-spacing:-2.5px;font-size:clamp(42px,11vw,75px)}.contact-arrow{flex-shrink:0;width:65px;height:65px}.contact-arrow svg{width:38px;height:38px}.contact-bottom{padding-top:22px;display:block}.contact-bottom p{font-size:12px}.email{font-size:18px}.socials{gap:23px;margin-top:30px;font-size:10px}.socials a{gap:6px}.socials a svg:first-child{width:15px}footer{flex-wrap:wrap;gap:20px;padding:22px 6%}footer .brand{width:25%;font-size:30px}footer>span{font-size:8px}footer .motion-toggle{font-size:9px}footer>a:last-child{margin-left:auto;font-size:8px}.modal-backdrop{padding:15px}.modal{max-height:92svh;display:block}.modal-art{height:240px;min-height:0}.modal-art .artwork{min-height:240px}.modal-body{padding:30px 24px}.modal-body h2{font-size:30px}.modal-art .stationery{height:80%}.modal-art .sheet i{font-size:35px}.modal-art .event-ticket{width:60%;padding:20px}.modal-art .event-ticket h4{margin:15px 0;font-size:28px}.modal-art .exam-sheet h4{font-size:23px}.modal-art .exam-sheet{padding:20px}.modal-art .art-label{font-size:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (width>=701px){.portrait-stage{animation:linear both hero-depart;animation-timeline:view();animation-range:exit}.project-art{animation:linear both work-arrive;animation-timeline:view();animation-range:entry entry 60%}.expertise-asterisk{animation:linear both scroll-spin;animation-timeline:view();animation-range:entry exit}}}@keyframes hero-depart{to{opacity:.1;translate:0 180px;scale:.86}}@keyframes work-arrive{0%{opacity:.3;transform:perspective(1000px)rotateX(12deg)translateY(60px)}to{opacity:1;transform:none}}@keyframes scroll-spin{to{transform:rotate(240deg)}}.portrait-depth img{filter:contrast(1.04)saturate(.85);height:100%;left:11%;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}@media (width<=700px){.portrait-depth img{max-width:80%;height:100%;left:15%}.portrait-stage{height:565px;top:260px}.portrait-name{bottom:8%}.label-shopify{bottom:32%}}.portrait-depth .portrait-video{object-fit:contain;filter:contrast(1.04)saturate(.85);opacity:0;max-width:100%;height:100%;position:absolute;bottom:0;left:11%;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}.intro-controls{z-index:8;pointer-events:auto;max-width:280px;position:absolute;bottom:20%;right:15%}.intro-buttons{align-items:center;gap:6px;display:flex}.intro-buttons button{min-width:40px;min-height:40px;color:var(--lime);background:#182013ed;border:1px solid #63794b;border-radius:24px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.intro-buttons .intro-listen{padding:10px 15px;font-size:11px}.intro-buttons button:hover{background:var(--lime);color:#182013}.intro-transcript{color:#b3b7a8;margin-top:7px;font-size:10px;position:relative}.intro-transcript summary{cursor:pointer;width:max-content;padding:5px}.intro-transcript[open]{background:#151b12f5;border:1px solid #53613e;border-radius:10px;width:280px;padding:10px;position:absolute;right:0;box-shadow:0 10px 30px #0006}.intro-transcript p{margin:8px 0;line-height:1.7}.intro-transcript small{color:var(--lime);font-size:8px}.intro-error{max-width:220px;color:var(--lime);font-size:10px;line-height:1.5;display:block}@media (width<=1050px){.intro-controls{bottom:21%;right:18%}}@media (width<=700px){.portrait-depth .portrait-video{max-width:80%;left:15%}.intro-controls{max-width:250px;bottom:23%;right:12%}.intro-buttons .intro-listen{padding:10px 13px;font-size:10px}.intro-transcript[open]{width:min(270px,75vw)}}.brand-logo{object-fit:contain;vertical-align:middle;filter:none;flex:none;width:1.22em;min-width:14px;height:1.22em;min-height:14px;display:inline-block}.brand-logo.logo-on-light{background:#fff;border-radius:4px;padding:2px}.tech-label{vertical-align:baseline;white-space:nowrap;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;align-items:center;gap:.42em;display:inline-flex}.filters button>.tech-label{font-size:inherit;opacity:1;margin-left:0}.hero-title .tech-label .brand-logo{width:18px;height:18px}.project-info>.project-stack{white-space:normal;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;max-width:45%;display:flex}.project-stack .tech-label{font-size:9px}.project-stack .brand-logo{width:17px;height:17px}.project-info small .brand-logo{width:14px;height:14px}.service-stack .tech-label{margin:5px 0}.service-stack .brand-logo{width:21px;height:21px}.service-icon>.brand-logo{width:50px;height:50px}.toolkit-logos{flex-wrap:wrap;gap:14px 22px;display:flex}.toolkit-logos .brand-logo{width:25px;height:25px}.stack>.tech-label{align-items:center;gap:8px;display:inline-flex}.stack .brand-logo{width:20px;height:20px}.about-left p .tech-label,.journey-item p .tech-label,.modal-body p .tech-label{white-space:nowrap}.socials .brand-logo{width:18px;height:18px}.marquee .marquee-set{align-items:center;gap:46px;padding-right:46px;display:flex}.marquee .tech-label{letter-spacing:-.5px;align-items:center;gap:13px;font:500 25px Space Grotesk;display:inline-flex}.marquee .brand-logo{box-sizing:content-box;background:#17200ff0;border-radius:8px;width:34px;height:34px;padding:5px}.marquee .logo-on-light{background:#fff}.marquee:hover>div{animation-play-state:paused}.text-link .tech-label{gap:7px}.tech-orbits{pointer-events:none;position:absolute;inset:0}.orbit-paths{z-index:0;width:100%;height:100%;position:absolute;inset:0}.orbit-logo{border:1px solid color-mix(in srgb,var(--brand-glow) 62%,transparent);width:58px;height:58px;box-shadow:0 0 18px color-mix(in srgb,var(--brand-glow) 27%,transparent),0 0 38px color-mix(in srgb,var(--brand-glow) 12%,transparent),inset 0 0 16px #ffffff06;will-change:transform;pointer-events:none;background:#121610f2;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.orbit-logo .brand-logo{width:32px;min-width:0;height:32px;min-height:0}.portrait-depth{z-index:2}.portrait-name{z-index:6}.halo{opacity:.4}.intro-controls{z-index:8}@media (width<=1050px){.project-info>.project-stack{justify-content:flex-start;max-width:100%}}@media (width<=700px){.orbit-logo{width:43px;height:43px}.orbit-logo .brand-logo{width:25px;height:25px}.marquee .tech-label{gap:10px;font-size:20px}.marquee .brand-logo{width:26px;height:26px}.marquee .marquee-set{gap:28px;padding-right:28px}.project-info>.project-stack{justify-content:flex-end;gap:7px;max-width:42%}.project-stack .tech-label{font-size:8px}.project-stack .brand-logo{width:15px;height:15px}.service-stack{line-height:2.2!important}.service-stack .brand-logo{width:18px;height:18px}.toolkit-logos{gap:12px 16px}.toolkit-logos .brand-logo{width:22px;height:22px}.service-icon>.brand-logo{width:30px;height:30px}.hero-title .tech-label .brand-logo{width:15px;height:15px}}.hero{height:calc(100svh - 100px);min-height:820px;max-height:1060px}.hero:after{background:radial-gradient(at 50% 48%,#2b352199,#0000 57%)}.hero-meta{z-index:7;position:relative}.hero-title{text-align:center;z-index:1;position:absolute;top:95px;left:3%;right:3%;padding:0!important}.hero-title .eyebrow{letter-spacing:2.5px;font-size:10px}.hero-title h1{letter-spacing:-.068em;color:var(--lime);white-space:nowrap;margin:22px 0 0;font-size:clamp(90px,14.5vw,218px);font-weight:700;line-height:1}.portrait-stage{z-index:2;opacity:1;width:100%;height:auto;inset:155px 0 75px;translate:none;scale:none;animation:none!important}.portrait-stage .halo{opacity:.18;width:48%;height:72%;top:12%;left:50%;transform:translate(-50%)}.portrait-depth{z-index:3;transform:rotateY(var(--mx)) rotateX(var(--my))}.portrait-depth .portrait-poster,.portrait-depth .portrait-video{object-fit:contain;object-position:bottom;filter:contrast(1.02)saturate(.9);width:auto;max-width:58%;height:100%;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 84%,#0000 100%);mask-image:linear-gradient(#000 84%,#0000 100%)}.portrait-depth .portrait-poster.hidden,.portrait-depth .portrait-video{opacity:0}.portrait-depth .portrait-video.ready{opacity:1}.tech-orbits{z-index:1}.orbit-logo{width:52px;height:52px}.orbit-logo .brand-logo{width:29px;height:29px}.orbit-paths{opacity:.6}.intro-controls{z-index:8;pointer-events:auto;justify-content:center;max-width:none;display:flex;bottom:14%;left:50%;right:auto;transform:translate(-50%)}.intro-play{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:58px;height:58px;color:var(--lime);background:#17200de8;border:1px solid #c8f47a99;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid;box-shadow:0 0 0 6px #10110e30,0 8px 28px #0006}.intro-play:hover{background:var(--lime);color:#17200d;transform:scale(1.06)}.intro-play:focus-visible{outline:2px solid var(--lime);outline-offset:7px}.intro-play>svg{margin-left:2px}.intro-play[aria-pressed=true]>svg{margin-left:0}.intro-loading{animation:1s linear infinite spin}.intro-error{text-align:center;background:#10110eed;border-radius:8px;width:230px;max-width:230px;margin-top:14px;font-size:11px;position:absolute;top:100%}.intro-error:empty{display:none}.hero-bottom{z-index:5;width:235px;display:block;bottom:125px;left:5%;right:auto}.hero-bottom p{font-size:13px;line-height:1.8}.hero-bottom .pill{gap:20px;padding:16px 21px;font-size:12px}.hero-side-note{text-align:right;z-index:5;width:220px;position:absolute;bottom:140px;right:5%}.hero-side-note .eyebrow{letter-spacing:1.5px;font-size:8px}.hero-side-note p{color:#aeb5a1;margin:16px 0;font-size:13px;line-height:1.8}.hero-side-note .text-link{gap:12px;font-size:11px}.hero-index{z-index:5}@media (width>=1500px){.hero-title{top:100px}.portrait-stage{top:170px}.hero-title h1{font-size:min(14.5vw,245px)}}@media (width>=901px) and (width<=1100px){.hero-bottom{width:190px}.hero-bottom p{font-size:11px}.hero-side-note{width:170px}.hero-side-note p{font-size:11px}.hero-side-note .eyebrow{font-size:7px}.hero-side-note .text-link{font-size:10px}.portrait-depth .portrait-poster,.portrait-depth .portrait-video{max-width:48%}.hero-title{top:105px}}@media (width<=900px){.hero{height:900px;min-height:900px;max-height:none}.hero-title{top:110px;left:3%;right:3%}.hero-title h1{letter-spacing:-.065em;margin-top:20px;font-size:14.5vw}.hero-title .eyebrow{letter-spacing:1.6px;font-size:9px}.portrait-stage{width:100%;height:530px;inset:180px 0 auto}.portrait-depth .portrait-poster,.portrait-depth .portrait-video{max-width:65%;height:100%;left:50%}.hero-bottom{width:43%;display:block;bottom:75px;left:6%;right:auto}.hero-bottom p{font-size:12px}.hero-bottom .pill{gap:14px;padding:14px 19px;font-size:11px}.hero-bottom .scroll-hint{display:none}.hero-side-note{width:37%;bottom:90px;right:6%}.hero-side-note p{font-size:12px}.hero-side-note .eyebrow{font-size:7px}.intro-controls{bottom:13%;left:50%;right:auto}.orbit-logo{width:43px;height:43px}.orbit-logo .brand-logo{width:25px;height:25px}}@media (width<=600px){.hero{height:calc(112vw + 350px);min-height:710px;max-height:800px;padding:0 5%}.hero-meta{letter-spacing:.8px;padding:23px 0;font-size:7px}.hero-meta>span:last-child{max-width:118px}.hero-title{top:103px}.hero-title .eyebrow{letter-spacing:1.2px;font-size:7px}.hero-title h1{margin-top:22px;font-size:14.5vw}.hero-title .tech-label .brand-logo{width:12px;min-width:12px;height:12px;min-height:12px}.portrait-stage{height:112vw;max-height:440px;top:130px;bottom:auto}.portrait-depth .portrait-poster,.portrait-depth .portrait-video{max-width:78%;height:100%;left:50%}.portrait-stage .halo{width:74%;height:65%;top:18%}.orbit-logo{width:34px;height:34px}.orbit-logo .brand-logo{width:20px;height:20px}.orbit-paths{opacity:.45}.intro-controls{max-width:none;bottom:14%;left:50%;right:auto}.intro-play{width:52px;height:52px}.hero-bottom{text-align:center;width:auto;bottom:64px;left:6%;right:6%}.hero-bottom p{max-width:290px;margin:0 auto 16px;font-size:12px;line-height:1.65}.hero-bottom p br{display:none}.hero-bottom .pill{min-height:46px;padding:14px 24px;font-size:12px}.hero-side-note{display:none}.hero-index{text-align:center;font-size:7px;bottom:24px;left:0;right:0}}@media (width<=360px){.hero{height:calc(112vw + 350px);min-height:710px}.portrait-stage{height:112vw}.hero-title .eyebrow{letter-spacing:1px;font-size:6px}.orbit-logo{width:30px;height:30px}.orbit-logo .brand-logo{width:18px;height:18px}.hero-bottom{bottom:59px}.hero-bottom p{font-size:11px}}.project-art.storefront-preview{background:#e8e1d3;align-items:center;padding:clamp(14px,2.5vw,32px);display:flex}.project-art.storefront-preview>img{object-fit:contain;object-position:center;border-radius:3px;height:auto;max-height:100%;box-shadow:0 14px 32px #4b39252b}.portrait-video-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.portrait-depth .portrait-canvas{object-fit:contain;object-position:bottom;filter:contrast(1.02)saturate(.9);opacity:0;pointer-events:none;width:auto;max-width:58%;height:100%;transition:opacity .3s;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 84%,#0000 100%);mask-image:linear-gradient(#000 84%,#0000 100%)}.portrait-depth .portrait-canvas.ready{opacity:1}@media (width<=900px){.portrait-depth .portrait-canvas{max-width:65%;height:100%;left:50%}}@media (width<=600px){.portrait-depth .portrait-canvas{max-width:78%;height:100%;left:50%}}