:root{--cream: #f7f4ec;--navy: #101b32;--yellow: #ffcf35;--coral: #f55e59;--blue: #376df2;--ink: #121620;--muted: #6d7078;--spatial: 0;--ease: cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;background:var(--cream);color:var(--navy);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}.display{font-family:Impact,Arial Black,Helvetica Neue Condensed,sans-serif;font-stretch:condensed;font-weight:900;line-height:.83;letter-spacing:-.047em;text-transform:uppercase}.micro{font-size:10px;font-weight:800;letter-spacing:.21em;text-transform:uppercase}.tag{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800}.arrow{display:inline-block;font-size:19px;line-height:1}.topbar{height:76px;position:absolute;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,82px);border-bottom:1px solid rgba(16,27,50,.12)}.logo{font-family:Impact,Arial Black,sans-serif;font-size:27px;letter-spacing:-.02em}.logo i{color:var(--coral);font-style:normal}.nav{display:flex;align-items:center;gap:36px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.nav a:not(.pill):hover{color:var(--coral)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1.5px solid var(--navy);background:var(--navy);color:#fff;border-radius:999px;padding:16px 21px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;transition:transform .35s var(--ease),background .2s,color .2s}.pill:hover{transform:translateY(-3px);background:var(--yellow);color:var(--ink)}.pill.light{background:none;color:var(--navy)}.pill.light:hover{background:var(--navy);color:#fff}.nav-toggle{display:none;border:0;background:none;color:var(--navy);font-size:26px}.proto-badge{position:fixed;top:92px;right:20px;z-index:100;background:#0f1626d9;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;color:#fff;padding:8px 13px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.hero{height:max(800px,100svh);min-height:700px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 25%,#fff 2%,var(--cream) 68%);isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.37;background-image:linear-gradient(rgba(16,27,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,27,50,.035) 1px,transparent 1px);background-size:85px 85px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);z-index:-1}.hero:after{content:"";position:absolute;width:380px;height:380px;border:2px solid rgba(55,109,242,.38);border-radius:100%;top:13%;right:4%;transform:rotateX(70deg) rotate(-27deg);pointer-events:none}.hero-header{position:absolute;top:142px;left:clamp(22px,5vw,82px);width:320px;z-index:4}.hero-header .top-title{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero-header p{font-size:14px;line-height:1.65;color:#51596a;margin:11px 0}.hero-word{position:absolute;top:25%;left:50%;transform:translate(-50%) scaleX(.9);width:max-content;font-size:clamp(135px,21vw,380px);letter-spacing:-.065em;line-height:.75;z-index:1;text-align:center;white-space:nowrap;text-shadow:0 0 0 var(--navy)}.hero-subject{position:absolute;z-index:2;width:auto;height:78%;max-height:810px;bottom:0;left:51%;transform:translate3d(-27%,0,0);filter:drop-shadow(23px 22px 18px rgba(16,27,50,.2));transform-origin:50% 70%;will-change:transform}.hero-handwritten{font-family:Comic Sans MS,Trebuchet MS,cursive;font-weight:900;line-height:1.2;font-style:italic;transform:rotate(-10deg);position:absolute;z-index:8}.sticker{left:clamp(20px,9vw,140px);top:52%;background:var(--yellow);padding:15px 18px;box-shadow:7px 7px #101b3212;font-size:clamp(17px,2vw,25px);text-align:center}.hero-scribble{position:absolute;z-index:3;left:25%;top:54%;width:55%;height:28%;pointer-events:none;transform:rotate(-13deg)}.hero-scribble path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 2.2s 1s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.hero-arrow{position:absolute;z-index:8;top:20%;left:57%;font-size:18px;transform:rotate(12deg)}.hero-action{position:absolute;z-index:10;bottom:10%;left:clamp(22px,5vw,82px);display:flex;align-items:center;gap:10px}.hero-action .secondary{padding:16px 20px;border-radius:999px;border:1px solid var(--navy);text-transform:uppercase;font-size:11px;font-weight:800;background:#ffffffbf;color:var(--navy)}.hero-note{position:absolute;z-index:8;right:clamp(24px,6vw,100px);bottom:14%;text-align:right;font-size:11px;line-height:1.6;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.scroll-cue{position:absolute;bottom:3%;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;letter-spacing:.22em;z-index:15;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-cue span{width:1px;height:27px;background:var(--navy);transform-origin:top;animation:cue 1.8s ease infinite}@keyframes cue{50%{transform:scaleY(.4)}}.hero-title-entrance{animation:titleIn 1.1s .08s both var(--ease)}.hero-subject{animation:portraitIn 1.35s .15s both var(--ease)}.sticker{animation:stickerIn 1s .65s both var(--ease)}@keyframes titleIn{0%{opacity:0;filter:blur(14px);transform:translate(-50%,44px) scaleX(.9)}to{opacity:1;filter:blur(0);transform:translate(-50%) scaleX(.9)}}@keyframes portraitIn{0%{opacity:0;transform:translate(-27%,70px) scale(.95)}to{opacity:1;transform:translate(-27%) scale(1)}}@keyframes stickerIn{0%{opacity:0;transform:rotate(-25deg) scale(.6)}to{opacity:1;transform:rotate(-10deg) scale(1)}}.transition{height:335svh;min-height:2000px;position:relative;background:var(--navy);color:#fff}.sticky{position:sticky;top:0;height:100svh;min-height:610px;overflow:hidden;perspective:1100px;background:radial-gradient(ellipse at center,#203258,#101b32 55%,#0b1325)}.sticky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 10%,rgba(0,0,0,.36) 89%);z-index:2;pointer-events:none}.portal{position:absolute;width:74vmin;height:74vmin;border:2px solid rgba(255,206,55,.8);border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(66deg) rotate(-35deg);box-shadow:0 0 100px #ffcf3517,inset 0 0 48px #ffcf3514;will-change:transform,opacity;opacity:1;pointer-events:none}.portal:before,.portal:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:100%;border:2px solid rgba(64,131,255,.62)}.portal:after{top:24%;right:24%;bottom:24%;left:24%;border-color:#f55e59b8}.stage-kicker{position:absolute;top:110px;left:clamp(22px,5vw,82px);z-index:6;color:#c6d0e6}.stage-title{position:absolute;left:clamp(22px,5vw,82px);top:24%;z-index:3;font-size:clamp(70px,11vw,185px);line-height:.82;color:#f8f3e7;will-change:transform,opacity;pointer-events:none}.stage-title em{font-style:normal;color:var(--yellow)}.stage-content{position:absolute;right:clamp(22px,5vw,82px);bottom:12%;z-index:7;text-align:right}.stage-content strong{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.stage-content p{font-size:13px;color:#d2dcee;max-width:270px;margin-left:auto;line-height:1.6}.stage-content .pill{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.stage-progress{position:absolute;bottom:6%;left:clamp(22px,5vw,82px);z-index:6;display:flex;gap:14px;align-items:center}.progress-track{height:2px;width:140px;background:#66718a;overflow:hidden}.progress-track div{height:100%;background:var(--yellow);width:0%;transition:width .08s linear}.stage-count{color:#e4e5e9;font-size:10px;letter-spacing:.16em}.spatial-cloud{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;pointer-events:none;z-index:4}.spatial-card{position:absolute;left:50%;top:50%;width:230px;height:145px;transform-origin:center center;box-shadow:0 13px 50px #0000007a;border:1px solid rgba(255,255,255,.26);border-radius:12px;overflow:hidden;will-change:transform,opacity;pointer-events:none}.spatial-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff29;pointer-events:none}.spatial-card .card-meta{position:absolute;bottom:7px;left:9px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-shadow:0 2px 5px #000}.grid-section{background:var(--cream);padding:clamp(80px,10vw,160px) clamp(22px,5vw,82px) 140px;position:relative}.grid-section:before{content:"PLAY / PAUSE / REPEAT";position:absolute;right:5vw;top:40px;font-size:10px;font-weight:900;letter-spacing:.2em;color:#85888b}.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;font-size:11px}.eyebrow:before{content:"";height:7px;width:7px;background:var(--coral);border-radius:50%}.section-heading{font-size:clamp(75px,12vw,183px);margin:20px 0 15px;letter-spacing:-.045em}.section-intro{max-width:540px;color:var(--muted);line-height:1.65;font-size:15px}.gallery-top{display:flex;align-items:end;justify-content:space-between;gap:30px}.gallery-counter{font-family:Impact,Arial Black,sans-serif;font-size:75px;line-height:.9;white-space:nowrap}.gallery-counter small{display:block;font-size:12px;font-family:Arial,sans-serif;letter-spacing:.1em;margin-bottom:13px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:42px 0 25px}.filter{border:1px solid #ccd0d7;color:var(--navy);border-radius:99px;background:transparent;padding:11px 18px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;transition:background .25s,color .25s,transform .2s}.filter:hover{transform:translateY(-2px)}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project{position:relative;display:block;width:100%;border:0;padding:0;text-align:left;background:none;color:var(--navy);min-width:0;transition:transform .4s var(--ease)}.project:hover{transform:translateY(-7px)}.project-art{width:100%;aspect-ratio:1.31;border-radius:12px;overflow:hidden;position:relative;background:#101b32;isolation:isolate;box-shadow:0 8px 24px #101b3217}.art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(140deg,var(--a),var(--b));isolation:isolate}.art:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle at 50% 50%,var(--glow),transparent 44%);opacity:.77;animation:glow 7s ease-in-out infinite alternate;animation-play-state:paused}.art .ring{position:absolute;left:50%;top:50%;width:55%;aspect-ratio:1;border:10px solid var(--c);border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) rotate(-25deg);box-shadow:0 0 30px var(--c),inset 0 0 28px var(--c);animation:ring 5s linear infinite;animation-play-state:paused}.art .ring:nth-child(2){width:38%;border-width:6px;filter:hue-rotate(90deg);animation-duration:4s;animation-direction:reverse}.art .art-copy{position:absolute;left:5%;bottom:9%;font-family:Impact,Arial Black,sans-serif;line-height:.9;font-size:clamp(24px,4.2vw,65px);font-style:italic;transform:rotate(-9deg);letter-spacing:-.03em;color:#ffffffd6;text-shadow:1px 4px 24px #0005;animation:copy 4s ease-in-out infinite alternate;animation-play-state:paused}.art .art-object{position:absolute;top:20%;left:34%;width:38%;aspect-ratio:1;border:2px solid rgba(255,255,255,.5);background:linear-gradient(135deg,rgba(255,255,255,.34),transparent);box-shadow:30px 25px 75px var(--glow);transform:rotate(30deg) skew(-9deg,-6deg);animation:object 8s linear infinite;animation-play-state:paused}.project:hover .art:before,.project:hover .art .ring,.project:hover .art .art-copy,.project:hover .art .art-object,.project:focus-visible .art:before,.project:focus-visible .art .ring,.project:focus-visible .art .art-copy,.project:focus-visible .art .art-object,.spatial-card .art:before,.spatial-card .art .ring,.spatial-card .art .art-copy,.spatial-card .art .art-object,.modal .art:before,.modal .art .ring,.modal .art .art-copy,.modal .art .art-object{animation-play-state:running}.project-art:after{content:"↗";position:absolute;right:14px;top:14px;z-index:3;background:#fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:23px;color:var(--navy);transform:rotate(-30deg);transition:transform .3s,background .3s}.project:hover .project-art:after{transform:rotate(0);background:var(--yellow)}.project-info{display:flex;justify-content:space-between;gap:10px;align-items:start;padding:16px 2px 10px}.project-info strong{font-family:Impact,Arial Black,sans-serif;font-size:25px;letter-spacing:.025em;text-transform:uppercase;line-height:1}.project-info small{display:block;margin-top:5px;color:#757b85;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.project-index{font-size:11px;font-weight:800;color:#8a8d92}.project.is-hidden{display:none}.project.is-hidden-animated{pointer-events:none;opacity:0;transform:scale(.8)}@keyframes glow{to{transform:translate(14%,-10%) scale(1.22)}}@keyframes ring{to{transform:translate(-50%,-50%) rotateX(65deg) rotate(335deg)}}@keyframes copy{to{transform:translate(12px,-8px) rotate(-3deg)}}@keyframes object{to{transform:rotate(390deg) skew(-9deg,-6deg)}}.break{height:240px;background:var(--yellow);display:flex;align-items:center;white-space:nowrap;overflow:hidden;color:var(--navy)}.marquee{display:flex;gap:60px;width:max-content;animation:marquee 22s linear infinite}.marquee span{font-family:Impact,Arial Black,sans-serif;font-size:clamp(85px,12vw,175px);line-height:1;letter-spacing:-.02em}.marquee span:nth-child(2n){-webkit-text-stroke:2px var(--navy);color:transparent}@keyframes marquee{to{transform:translate(-50%)}}.about{padding:130px clamp(22px,5vw,82px);background:var(--navy);color:#f5f1e6;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;overflow:hidden;position:relative}.about:before{content:"";position:absolute;height:480px;width:480px;border-radius:100%;border:1px solid #617098;right:-10%;top:-10%}.about-head{font-size:clamp(80px,11vw,164px);position:relative;z-index:2}.about-head em{color:var(--yellow);font-style:normal}.about-copy{position:relative;z-index:2;max-width:460px}.about-copy p{color:#a9b3c9;line-height:1.75;font-size:17px}.about-photo{max-width:400px;margin:0 auto;display:block;max-height:450px;object-fit:contain;filter:grayscale(1) drop-shadow(14px 18px 4px rgba(0,0,0,.3));position:relative;z-index:2}.about-photo-wrap{position:relative;overflow:visible;border-radius:18px;background:linear-gradient(130deg,#ffcd37,#ffcd37 48%,#e1b427 48%,#e1b427 54%,#fbd247 54%);margin-top:24px;isolation:isolate}.about-photo-wrap:after{content:"MORE THAN PIXELS";position:absolute;left:15px;bottom:14px;font-family:Impact,Arial Black,sans-serif;font-size:37px;color:var(--navy);z-index:3;pointer-events:none}.creative-orbit{position:absolute;top:-10%;right:-16%;bottom:-10%;left:-16%;z-index:4;pointer-events:none;perspective:700px}.orbit-curves{position:absolute;top:9%;right:4%;bottom:9%;left:4%;width:92%;height:82%;overflow:visible;transform:rotate(-12deg)}.orbit-curves ellipse{fill:none;stroke:#101b324d;stroke-width:.75;stroke-dasharray:2.5 2.8}.orbit-curves ellipse:last-of-type{stroke:#f55e597a;stroke-dasharray:1.2 4.2}.orbit-curves circle{fill:var(--coral);filter:drop-shadow(0 1px 2px rgba(16,27,50,.25))}.orbit-track{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d;transform:scaleY(.62);animation:orbit-turn 22s linear infinite}.orbit-node{position:absolute;left:50%;top:50%;width:1px;height:1px;transform-style:preserve-3d}.orbit-node-one{--node-x: 42%;--node-y: -21%;--phase: 0s}.orbit-node-two{--node-x: -42%;--node-y: 13%;--phase: -7.33s}.orbit-node-three{--node-x: 7%;--node-y: 28%;--phase: -14.66s}.orbit-upright{position:absolute;transform:translate3d(var(--node-x),var(--node-y),0);transform-style:preserve-3d;animation:orbit-depth 22s linear infinite;animation-delay:var(--phase)}.orbit-float{display:block;animation:orbit-float 3.6s ease-in-out infinite alternate;animation-delay:var(--phase)}.orbit-icon{display:grid;width:clamp(38px,4vw,52px);aspect-ratio:1;place-items:center;border:1px solid rgba(16,27,50,.2);border-radius:14px;background:linear-gradient(145deg,#fff4bc,#ffca35 58%,#e8ab17);box-shadow:0 7px 15px #101b3233,inset 0 1px #ffffffbf;color:var(--navy);pointer-events:auto;transition:box-shadow .25s ease,filter .25s ease}.orbit-icon svg{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.orbit-icon:focus-visible,.orbit-icon:hover{outline:0;filter:brightness(1.09);box-shadow:0 0 0 3px #fff4bce6,0 0 20px #ffcf35d1,0 12px 24px #101b3245}.creative-orbit:has(.orbit-icon:hover) .orbit-track,.creative-orbit:focus-within .orbit-track,.creative-orbit:has(.orbit-icon:hover) .orbit-upright,.creative-orbit:focus-within .orbit-upright{animation-play-state:paused}.creative-orbit:has(.orbit-icon:hover) .orbit-float,.creative-orbit:focus-within .orbit-float{animation-play-state:paused}.creative-orbit:has(.orbit-icon:hover) .orbit-icon,.creative-orbit:focus-within .orbit-icon{transform:scale(1.1)}@keyframes orbit-turn{to{transform:rotate(360deg) scaleY(.62)}}@keyframes orbit-depth{0%,to{transform:translate3d(var(--node-x),var(--node-y),-38px) rotate(0) scale(.85) scaleY(1.613);opacity:.55;filter:saturate(.78)}25%{transform:translate3d(var(--node-x),var(--node-y),4px) rotate(-90deg) scale(.93) scaleY(1.613);opacity:.76}50%{transform:translate3d(var(--node-x),var(--node-y),42px) rotate(-180deg) scale(1.1) scaleY(1.613);opacity:1;filter:saturate(1.08)}75%{transform:translate3d(var(--node-x),var(--node-y),4px) rotate(-270deg) scale(.93) scaleY(1.613);opacity:.76}}@keyframes orbit-float{to{transform:translateY(-4px)}}@media(max-width:700px){.creative-orbit{top:2%;right:-7%;bottom:2%;left:-7%}.orbit-node-one{--node-x: 34%;--node-y: -18%}.orbit-node-two{--node-x: -34%;--node-y: 10%}.orbit-node-three{--node-x: 5%;--node-y: 23%}.orbit-icon{border-radius:11px}}@media(prefers-reduced-motion:reduce){.orbit-track,.orbit-upright,.orbit-float{animation:none}.orbit-track{transform:none}.orbit-upright{opacity:.9;filter:none}}.contact{padding:130px clamp(22px,5vw,82px) 95px;background:var(--cream)}.contact h2{font-size:clamp(100px,16vw,235px);margin:28px 0 40px}.contact a.email{display:inline-block;font-family:Impact,Arial Black,sans-serif;font-size:clamp(20px,3.5vw,51px);border-bottom:5px solid var(--yellow);padding-bottom:8px}.footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #d1d0cb;padding-top:24px;margin-top:100px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.placeholder{background:var(--yellow);font-size:10px;padding:6px 11px;transform:rotate(-4deg);font-weight:800;display:inline-block;color:var(--navy);text-transform:uppercase;letter-spacing:.09em}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#040812ed;z-index:500;display:none;align-items:center;justify-content:center;padding:clamp(16px,4vw,56px);opacity:0;transition:opacity .3s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal.open{display:flex;opacity:1}.modal-panel{max-width:1200px;width:100%;color:#fff;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:clamp(25px,5vw,65px);align-items:center;transform:translateY(20px) scale(.98);transition:transform .6s var(--ease)}.modal.open .modal-panel{transform:translateY(0) scale(1)}.modal-art{aspect-ratio:1.3;overflow:hidden;border-radius:14px;position:relative;box-shadow:0 30px 90px #0008}.modal-art .art{animation-play-state:running}.modal-details h3{font-size:clamp(70px,8vw,130px);margin:26px 0}.modal-details p{line-height:1.6;color:#cad1e4}.modal-buttons{display:flex;gap:10px;margin-top:35px}.modal-buttons button{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:40px;padding:12px 19px;font-size:12px}.modal-buttons button:hover{background:var(--yellow);color:var(--navy)}.close{position:absolute;right:30px;top:24px;background:#fff;border:0;border-radius:100%;height:44px;width:44px;font-size:22px;z-index:2}.modal-counter{position:absolute;left:30px;top:30px;letter-spacing:.18em;font-size:11px;color:#fff8}#cursor{pointer-events:none;position:fixed;z-index:600;width:44px;height:44px;border:1px solid rgba(16,27,50,.4);border-radius:50%;top:0;left:0;transform:translate(-50%,-50%);transition:width .18s,height .18s,border-color .2s;mix-blend-mode:difference;display:none}#cursor.big{width:76px;height:76px;border-color:#fff}@media(max-width:1050px){.hero-word{top:31%;font-size:21vw}.hero-subject{height:69%;left:55%}.hero-header{top:120px}.hero-note{right:24px;bottom:16%}.stage-title{font-size:11vw}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-counter{font-size:60px}.stage-content{bottom:9%}}@media(max-width:700px){.topbar{height:66px}.nav{position:absolute;top:65px;left:0;right:0;display:none;background:var(--cream);flex-direction:column;align-items:stretch;padding:18px 23px 28px;gap:18px;border-bottom:1px solid #d9d4c8}.nav.open{display:flex}.nav-toggle{display:block}.proto-badge{top:auto;bottom:8px;right:9px;font-size:8px;padding:5px 8px}.hero{height:820px;min-height:680px;max-height:970px}.hero-header{top:100px;left:22px;width:280px}.hero-header .top-title{font-size:10px}.hero-header p{font-size:12px;max-width:235px}.hero-word{font-size:27vw;top:28%;width:100%;white-space:normal;line-height:.78;text-align:center;letter-spacing:-.05em;overflow:visible;word-break:normal}.hero-word span{display:block}.hero-subject{height:61%;left:39%;bottom:19%;transform:translate3d(-15%,0,0)!important}.sticker{top:55%;left:9%;font-size:17px;padding:10px 12px}.hero-arrow{top:22%;left:60%;font-size:13px}.hero-scribble{left:14%;top:44%;width:90%;height:32%}.hero-action{bottom:11%;left:22px;right:22px;justify-content:center}.hero-action a{flex:1;text-align:center}.hero-note{display:none}.scroll-cue{bottom:4%}.sticky{min-height:590px}.transition{height:305svh;min-height:1800px}.stage-kicker{top:95px;left:22px}.stage-title{left:22px;top:18%;font-size:13vw}.stage-content{right:20px;bottom:9%}.stage-content p{font-size:11px}.stage-progress{bottom:4%;left:22px}.spatial-card{width:120px;height:91px;border-radius:8px}.spatial-card .card-meta{font-size:8px}.spatial-card .art .art-copy{font-size:27px}.grid-section{padding:90px 20px}.grid-section:before{font-size:8px;top:30px}.section-heading{font-size:21vw}.gallery-top{align-items:start}.gallery-counter{font-size:45px}.gallery-counter small{font-size:9px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-art{border-radius:7px;aspect-ratio:.91}.project-info{padding:10px 0 17px}.project-info strong{font-size:20px}.project-info small{font-size:8px}.project-art:after{width:28px;height:28px;font-size:19px;right:8px;top:8px}.filters{gap:7px;margin:28px 0 20px}.filter{padding:10px 12px;font-size:9px}.art .art-copy{font-size:35px}.art .ring{border-width:6px}.break{height:150px}.break .marquee span{font-size:90px}.about{grid-template-columns:1fr;padding:90px 22px;gap:35px}.about-head{font-size:22vw}.about-copy p{font-size:15px}.about-photo-wrap{max-width:330px}.contact{padding:90px 22px 50px}.contact h2{font-size:22vw}.footer{margin-top:70px;flex-direction:column}.modal-panel{grid-template-columns:1fr;gap:18px}.modal-details h3{font-size:70px;margin:12px 0}.modal-art{aspect-ratio:1.35}.modal{padding:14px}.close{right:14px;top:14px}.modal-counter{left:15px;top:19px}.modal-details p{font-size:13px}.modal-buttons{margin-top:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-subject{transform:translate(-27%)!important}}.hero-word{margin:0;top:clamp(213px,26vh,275px);left:50%;width:max-content;max-width:calc(100% - 44px);font-size:clamp(90px,17.4vw,260px);line-height:.84;letter-spacing:-.06em;white-space:nowrap;z-index:6;transform:translate(-50%);text-align:center;animation:titleFitIn 1.1s .08s both var(--ease)}.hero-subject{height:clamp(310px,49vh,460px);left:56%;bottom:0;z-index:5}.hero-scribble{top:62%}.sticker{top:60%}.hero-note{bottom:22%}@keyframes titleFitIn{0%{opacity:0;filter:blur(12px);transform:translate(-50%,32px)}to{opacity:1;filter:blur(0);transform:translate(-50%)}}@media(min-width:701px)and (max-height:760px){.hero-word{top:203px;font-size:clamp(86px,16vw,218px)}.hero-subject{height:clamp(290px,43vh,360px)}}@media(max-width:700px){.hero-word{top:22%;left:50%;width:calc(100% - 40px);max-width:430px;font-size:clamp(65px,22vw,96px);line-height:.88;white-space:normal;letter-spacing:-.048em;z-index:6}.hero-word span{display:block}.hero-subject{height:clamp(270px,43%,352px);left:50%;bottom:14%;transform:translate3d(-50%,0,0)!important;z-index:5}.sticker{top:59%;left:6%;font-size:clamp(12px,3.9vw,16px)}.hero-scribble{top:52%;left:8%;width:94%;height:24%}.hero-arrow{top:44%;left:63%}.hero-action{bottom:10%}}@media(max-width:700px)and (max-height:740px){.hero-word{top:21%}.hero-subject{bottom:14%;height:41%}}@media(prefers-reduced-motion:reduce){.hero-word,.hero-subject{animation:none}}.hero-subject{animation:none!important;filter:none;isolation:isolate;overflow:visible;pointer-events:none;width:auto;aspect-ratio:367/737}.portrait-assets{position:absolute;z-index:2;top:.88%;left:-23.88%;width:148.85%;height:98.44%}.portrait-assets .subject-photo,.portrait-assets .portrait-lineart{position:absolute;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.subject-photo{z-index:2;filter:drop-shadow(15px 14px 14px rgba(16,27,50,.16));opacity:1;clip-path:inset(0 0 0 0)}.portrait-lineart{z-index:2;overflow:visible;pointer-events:none;transform:translateZ(1px)}.hero .hero-subject{z-index:2}.portrait-lineart path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.guide-path{stroke:#7e8897;stroke-width:.8;stroke-dasharray:3 4;opacity:0}.contour-path{stroke:#273447;stroke-width:1.95;stroke-dasharray:1;stroke-dashoffset:0;opacity:.22}.contour-path.whisper{stroke:#929ca9;stroke-width:1;opacity:.13}.detail-path{stroke:var(--shade, #394150);stroke-width:var(--pen, .8px);stroke-dasharray:1;stroke-dashoffset:0;opacity:.13}.hatch-path{stroke:#525968;stroke-width:.73;stroke-dasharray:1;stroke-dashoffset:0;opacity:0}.portrait-lineart .contour-path,.portrait-lineart .detail-path,.portrait-lineart .hatch-path{stroke-dasharray:1}.motion-halo{position:absolute;z-index:1;width:138%;height:109%;left:-18%;top:-4%;pointer-events:none;overflow:visible}.motion-halo path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.halo-yellow{stroke:#ffcb35;stroke-width:10;opacity:.75;filter:drop-shadow(0 3px 0 rgba(255,207,53,.2))}.halo-blue{stroke:#376df2;stroke-width:6;opacity:.7}.halo-coral{stroke:#f55e59;stroke-width:5;opacity:.9}.sketch-caption{position:absolute;z-index:6;left:-26%;top:23%;color:#5f6674;font-size:8px;letter-spacing:.17em;font-weight:800;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);opacity:0}.sketch-caption span{color:var(--coral);font-size:18px}.hero.play-intro .subject-photo{animation:sketchPhotoReveals .72s 1.72s both cubic-bezier(.55,.05,.25,1)}.hero.play-intro .portrait-assets{animation:sketchAssetsFollowReveal .72s 1.72s both cubic-bezier(.55,.05,.25,1)}.hero.play-intro .guide-path{animation:guideOn .48s var(--delay) both ease-out}.hero.play-intro .contour-path{animation:drawContour var(--dur) var(--delay) both cubic-bezier(.55,.05,.25,1),contourRemains .6s 2.21s forwards ease}.hero.play-intro .detail-path{animation:drawDetail var(--dur) var(--delay) both ease-out,detailRemains .52s 2.23s forwards ease}.hero.play-intro .hatch-path{animation:drawHatch var(--dur) var(--delay) both linear,hatchOut .7s 1.82s forwards ease}.hero.play-intro .halo-yellow{animation:haloDraw .68s 2.3s both cubic-bezier(.37,0,.29,1)}.hero.play-intro .halo-blue{animation:haloDraw .47s 2.51s both ease-out}.hero.play-intro .halo-coral{animation:haloDraw .36s 2.72s both ease-out}.hero.play-intro .sketch-caption{animation:noteIn .45s 2.66s both ease-out}.hero.play-intro .hero-word{animation:titleV3 .9s .08s both var(--ease)}.hero.play-intro .hero-header{animation:noteIn .55s 2.75s both var(--ease)}.hero.play-intro .hero-action{animation:noteIn .5s 3.03s both var(--ease)}.hero.play-intro .hero-note{animation:noteIn .5s 3.05s both var(--ease)}.hero.play-intro .hero-arrow{animation:noteIn .45s 2.68s both var(--ease)}.hero.play-intro .sticker{animation:stickerIn .6s 2.5s both var(--ease)}.hero.play-intro .hero-scribble path{animation:heroInk 1s 2.28s both ease-out}.hero.play-intro .scroll-cue{animation:noteIn .45s 3.15s both ease-out}@keyframes titleV3{0%{opacity:.1;filter:blur(7px);transform:translate(-50%,16px)}to{opacity:1;filter:blur(0);transform:translate(-50%)}}@keyframes guideOn{0%{opacity:0;stroke-dashoffset:60}28%{opacity:.45}78%{opacity:.27}to{opacity:0;stroke-dashoffset:0}}@keyframes drawContour{0%{stroke-dashoffset:1;opacity:.82}to{stroke-dashoffset:0;opacity:.76}}@keyframes contourRemains{to{opacity:.17}}@keyframes drawDetail{0%{stroke-dashoffset:1;opacity:0}25%{opacity:.5}to{stroke-dashoffset:0;opacity:.66}}@keyframes detailRemains{to{opacity:.11}}@keyframes drawHatch{0%{opacity:0;stroke-dashoffset:1}to{opacity:.37;stroke-dashoffset:0}}@keyframes hatchOut{to{opacity:0}}@keyframes sketchPhotoReveals{0%{opacity:0;clip-path:inset(100% 0 0 0)}4%{opacity:.3}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes sketchAssetsFollowReveal{0%{transform:scale(.98)}to{transform:scale(1)}}@keyframes haloDraw{0%{stroke-dashoffset:1;opacity:0}40%{opacity:.8}to{stroke-dashoffset:0}}@keyframes heroInk{0%{stroke-dashoffset:1000;opacity:0}20%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes noteIn{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}.replay-sketch{position:absolute;z-index:12;right:clamp(24px,6vw,100px);bottom:7%;background:#ffffffb3;border:1px solid rgba(16,27,50,.23);border-radius:100px;padding:10px 13px;font-size:9px;letter-spacing:.11em;font-weight:900;color:var(--navy);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .2s}.replay-sketch:hover{background:var(--yellow);transform:translateY(-2px)}@media(max-width:700px){.gallery-top{flex-direction:column;align-items:flex-start;gap:12px}.gallery-counter{font-size:38px;align-self:flex-end;max-width:100%;margin-top:-4px}.sketch-caption{font-size:6px;left:-25%;top:25%}.replay-sketch{right:20px;bottom:6%;padding:9px 11px;font-size:8px}.hero.play-intro .subject-photo{animation-duration:.63s;animation-delay:1.45s}.hero.play-intro .halo-yellow{animation-delay:2.07s}.hero.play-intro .halo-blue{animation-delay:2.29s}.hero.play-intro .halo-coral,.hero.play-intro .hero-header{animation-delay:2.45s}.hero.play-intro .hero-action{animation-delay:2.63s}.hero.play-intro .hero-note{animation-delay:2.65s}.hero.play-intro .sticker{animation-delay:2.15s}.hero.play-intro .hero-arrow{animation-delay:2.4s}.hero.play-intro .hero-scribble path{animation-delay:2.08s}.hero.play-intro .scroll-cue{animation-delay:2.75s}}@media(prefers-reduced-motion:reduce){.hero.play-intro .subject-photo,.hero.play-intro .portrait-assets{animation:none!important}.hero.play-intro .subject-photo{opacity:1!important;clip-path:none!important}.hero.play-intro .guide-path,.hero.play-intro .hatch-path{animation:none!important;opacity:0!important}.hero.play-intro .contour-path{animation:none!important;stroke-dashoffset:0!important;opacity:.17!important}.hero.play-intro .detail-path{animation:none!important;stroke-dashoffset:0!important;opacity:.11!important}.hero.play-intro .halo-yellow,.hero.play-intro .halo-blue,.hero.play-intro .halo-coral{animation:none!important;stroke-dashoffset:0!important}.hero.play-intro .hero-word,.hero.play-intro .hero-header,.hero.play-intro .hero-action,.hero.play-intro .hero-note,.hero.play-intro .hero-arrow,.hero.play-intro .sticker,.hero.play-intro .hero-scribble path,.hero.play-intro .scroll-cue,.hero.play-intro .sketch-caption{animation:none!important;opacity:1!important}.replay-sketch{display:none}}.hero-word{font-size:clamp(72px,16vw,260px);max-width:100%;margin:0;letter-spacing:-.065em}.hero-word span{display:inline}.art>img,.art>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.art.playing:before,.art.playing .ring,.art.playing .art-copy,.art.playing .art-object{animation-play-state:running}.spatial-card .art *,.spatial-card .art:before{animation-play-state:paused!important}.spatial-card{width:190px;height:123px;margin-left:-95px;margin-top:-61px}.stage-title{margin:0}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:clamp(24px,6vw,90px);background:#080e1bf5;color:#fff;overflow:auto}.viewer::backdrop{background:#080e1b}.viewer[open]{display:flex;align-items:center;justify-content:center}.viewer .modal-panel{transform:none}.modal-details h2{font-size:clamp(40px,6vw,85px);overflow-wrap:anywhere;line-height:.95}.modal-buttons{flex-wrap:wrap}.about-copy h3{font-size:clamp(55px,7vw,98px);margin:30px 0}.about{display:block;padding:clamp(48px,7vw,100px) clamp(16px,4vw,64px);background:var(--cream);color:var(--navy)}.about:before{display:none}.about-card{--about-x: 0%;--about-y: 0%;--about-rx: 0deg;--about-ry: 0deg;position:relative;isolation:isolate;overflow:hidden;min-height:630px;border-radius:33px;background:linear-gradient(120deg,#ffe884,#ffd64c 44%,#ffc42b 72%,#ffbe2f);transform:perspective(1600px) rotateX(var(--about-rx)) rotateY(var(--about-ry));transition:transform .45s cubic-bezier(.22,.8,.25,1)}.about-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background:radial-gradient(#9b7016 1px,transparent 1.5px) 0 0/21px 21px}.about-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid #091a2630;border-radius:inherit}.about-card-copy{position:relative;z-index:4;width:52%;min-height:630px;padding:86px 0 54px 76px;display:flex;flex-direction:column;align-items:flex-start}.about-head{margin:28px 0 0;font-size:clamp(62px,6.5vw,108px);line-height:.9;letter-spacing:-.055em}.about-head em{display:block;font-style:italic;color:var(--navy);background:#fff4a6;padding:3px 16px 7px;transform:skew(-8deg);box-shadow:7px 8px #0b192d1a}.about-card-copy p{max-width:430px;margin:34px 0;color:#283130;font-size:16px;line-height:1.45}.about-work-link{margin-top:auto;display:inline-flex;align-items:center;gap:28px;min-height:58px;padding:8px 10px 8px 23px;border-radius:100px;background:var(--navy);color:#fff;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.about-work-link span{display:grid;place-items:center;width:38px;aspect-ratio:1;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:22px;transition:transform .25s ease}.about-work-link:is(:hover,:focus-visible) span{transform:rotate(-35deg)}.about-card-visual{position:absolute;z-index:2;top:0;right:1%;bottom:0;width:50%;pointer-events:none}.about-halo{position:absolute;width:75%;aspect-ratio:1;top:12%;left:9%;border-radius:50%;background:radial-gradient(circle at 45% 50%,#fff5af 0 43%,#ffd43b 60%,transparent 71%);transform:translate(calc(var(--about-x) * -.05),calc(var(--about-y) * -.05))}.about-card .creative-orbit{z-index:1;top:3%;right:-8%;bottom:3%;left:-8%;opacity:.72}.about-stroke{position:absolute;z-index:1;width:92%;height:90%;left:0;top:4%;fill:none;overflow:visible}.about-stroke path{stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:740;animation:about-draw 2s .3s cubic-bezier(.22,.8,.25,1) forwards}.about-stroke path:last-child{stroke:var(--coral);stroke-width:3.4}.about-card-portrait{position:absolute;z-index:3;height:95%;width:auto;left:31%;bottom:1.5%;object-fit:contain;filter:drop-shadow(14px 18px 14px #9d5b0c30);transform:translate(calc(var(--about-x) * .06),calc(var(--about-y) * .06));transition:transform .18s linear}@keyframes about-draw{to{stroke-dashoffset:0}}@media(max-width:760px){.about{padding:34px 14px 55px}.about-card{min-height:815px;border-radius:24px;transform:none!important}.about-card-copy{width:100%;min-height:420px;padding:43px 25px 26px}.about-head{margin-top:20px;font-size:clamp(60px,11.2vw,84px)}.about-card-copy p{max-width:310px;margin:27px 0 14px;font-size:13px}.about-work-link{min-height:51px;padding-left:16px;gap:12px}.about-card-visual{top:auto;left:0;width:100%;height:420px}.about-card-portrait{height:94%;left:50%;transform:translate(-50%)!important}.about-halo{width:280px;height:280px;top:45px;left:50%;transform:translate(-50%)!important}.about-card .creative-orbit{top:2%;right:-7%;bottom:2%;left:-7%}}@media(prefers-reduced-motion:reduce){.about-card,.about-card-portrait,.about-halo{transition:none;transform:none!important}.about-stroke path{animation:none;stroke-dashoffset:0}}.about-photo{width:100%;height:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:var(--yellow);padding:14px;transform:translateY(-150%)}.skip-link:focus{transform:none}.project-info strong{overflow-wrap:anywhere}.project-info>div{min-width:0}.project-index{flex-shrink:0}.footer{flex-wrap:wrap}.hero-header{max-width:calc(100% - 44px)}@media(max-width:700px){.hero-word{top:23%;font-size:clamp(65px,22vw,96px);max-width:calc(100% - 40px)}.hero-word span{display:block}.spatial-card{width:88px;height:73px;margin-left:-44px;margin-top:-36px}.hero-action{gap:8px}.hero-action .pill,.hero-action .secondary{font-size:9px;padding:14px 10px}.viewer .modal-panel{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding-top:45px}.viewer[open]{align-items:flex-start}.modal-art{width:100%;aspect-ratio:1.3}.modal-details h2{margin:15px 0}.modal-buttons{margin-top:20px}.contact h2{font-size:clamp(65px,16vw,112px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.transition{height:auto;min-height:0}.sticky{height:600px;min-height:0}.spatial-cloud{display:none}.portal{opacity:.25}.hero-word,.hero-header,.hero-action,.sticker{opacity:1!important;filter:none!important}.hero-scribble path{stroke-dashoffset:0}.modal-panel{transform:none}}.hero-word{letter-spacing:-.015em;line-height:.95}@media(max-width:700px){.scroll-cue{bottom:2%;font-size:8px;letter-spacing:.16em}.replay-sketch{bottom:6%}.hero-word{font-size:clamp(65px,22vw,96px)}}.journey-svg{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:30;overflow:visible;opacity:.77}.journey-track,.journey-ink{fill:none;stroke-linecap:round;stroke-width:1.5}.journey-track{stroke:#7d849633;stroke-dasharray:3 9}.journey-ink{stroke:url(#journeyGradient);stroke-width:3.2;filter:drop-shadow(0 1px 4px rgba(245,94,89,.19))}.journey-node{fill:var(--cream);stroke:var(--coral);stroke-width:2.2}.hero-pointer-light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.72;background:radial-gradient(ellipse 380px 380px at var(--light-x, 62%) var(--light-y, 55%),rgba(255,207,53,.15),transparent 75%)}.hero-depth-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.35;transform:translate3d(var(--depth-x, 0px),var(--depth-y, 0px),0);transition:transform .32s ease;background:radial-gradient(circle at 77% 70%,transparent 0 125px,rgba(55,109,242,.13) 126px 127px,transparent 128px 171px,rgba(55,109,242,.1) 172px 174px,transparent 175px)}.hero-orbit-badge{position:absolute;right:9%;top:52%;width:102px;height:102px;border:1.5px solid var(--navy);border-radius:50%;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center;transform:rotate(10deg);background:#f7f4ecb3;box-shadow:8px 10px #376df214;transition:transform .24s ease-out}.hero-orbit-badge:before,.hero-orbit-badge:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px dashed rgba(55,109,242,.7)}.hero-orbit-badge:after{top:-17px;right:-17px;bottom:-17px;left:-17px;border-color:#f55e5959;border-style:solid;clip-path:inset(0 0 50% 0)}.hero-orbit-badge span{text-align:center;font-weight:900;font-size:12px;letter-spacing:.02em;line-height:1.05}.hero-motion-toggle{position:absolute;right:clamp(22px,5vw,82px);top:115px;display:inline-flex;align-items:center;gap:9px;padding:11px 13px;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(16,27,50,.22);color:var(--navy);border-radius:99px;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.1em;z-index:12;transition:transform .3s,background .3s}.hero-motion-toggle:hover{transform:translateY(-3px);background:var(--yellow)}.live-dot{display:block;width:7px;height:7px;border-radius:50%;background:#33a985;box-shadow:0 0 0 4px #33a98521}.hero-motion-toggle[aria-pressed=false] .live-dot{background:#78808a;box-shadow:none}.hero-action a{transition:transform .28s var(--ease),background .25s,color .25s}.pause-ambient .hero-depth-grid,.pause-ambient .hero-orbit-badge{transition:none!important}.pause-ambient .art:before,.pause-ambient .art .ring,.pause-ambient .art .art-copy,.pause-ambient .art .art-object{animation-play-state:paused!important}.spatial-cloud{transform:rotateY(var(--orbit-y, 0deg)) rotateX(var(--orbit-x, 0deg));transition:transform .3s ease-out;transform-style:preserve-3d;pointer-events:none}.spatial-card{border:0;padding:0;background:transparent;color:#fff;outline-offset:6px;transform-style:preserve-3d;pointer-events:none;cursor:pointer}.spatial-card.is-interactive{pointer-events:auto}.spatial-inner{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:12px;transform:perspective(720px) rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg));transform-style:preserve-3d;transition:transform .28s ease-out,box-shadow .28s,filter .28s;box-shadow:0 14px 44px #0006}.spatial-card.is-interactive:hover .spatial-inner,.spatial-card.is-interactive:focus-visible .spatial-inner{transform:perspective(720px) translateZ(44px) rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg)) scale(1.11);box-shadow:0 28px 75px #000000a6,0 0 25px #ffcf353d;filter:brightness(1.13)}.spatial-card .spatial-open{position:absolute;right:9px;top:9px;background:var(--yellow);color:var(--navy);border-radius:30px;padding:7px 8px;font-weight:900;letter-spacing:.08em;font-size:9px;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.spatial-card.is-interactive:hover .spatial-open,.spatial-card.is-interactive:focus-visible .spatial-open{opacity:1;transform:translateY(0)}.spatial-card.is-interactive:focus-visible{outline:3px solid var(--yellow)}.spatial-hint{position:absolute;top:16%;right:clamp(22px,5vw,82px);z-index:8;color:var(--yellow);font-weight:900;font-size:10px;letter-spacing:.18em;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s;pointer-events:none;text-align:right}.spatial-hint.visible{opacity:1;transform:translateY(0)}.spatial-hint .hint-touch{display:none}body.custom-pointer,body.custom-pointer a,body.custom-pointer button{cursor:none}#cursor{width:42px;height:42px;display:none;border:0;background:transparent;mix-blend-mode:difference;transition:none;align-items:center;justify-items:center;isolation:isolate}.cursor-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1.6px solid #fff;border-radius:50%;transition:transform .24s var(--ease),background .25s,border-color .25s}.cursor-dot{width:5px;height:5px;border-radius:100%;background:#fff;transition:opacity .2s}.cursor-caption{position:absolute;color:#fff;font-weight:900;font-size:9px;letter-spacing:.08em;opacity:0;transition:opacity .2s;white-space:nowrap}#cursor.active .cursor-ring{transform:scale(1.65);background:#ffffff2b}#cursor.is-label .cursor-caption{opacity:1}#cursor.is-label .cursor-dot{opacity:0}@media(max-width:700px){.journey-svg{opacity:.45}.hero-motion-toggle{top:82px;right:20px;padding:8px 10px;font-size:9px}.hero-orbit-badge{display:none}.hero-depth-grid{opacity:.12}.spatial-hint{top:25%;left:25px;right:25px;font-size:8px;text-align:center;letter-spacing:.1em}.spatial-hint .hint-desktop{display:none}.spatial-hint .hint-touch{display:inline}.spatial-card.is-interactive:focus-visible .spatial-inner{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.transition{height:100svh;min-height:610px}.hero-motion-toggle{display:none}.journey-ink{transition:none}.journey-svg{opacity:.3}.hero-pointer-light,.hero-depth-grid{display:none}.spatial-inner,.spatial-cloud,.hero-orbit-badge{transition:none!important}.spatial-hint{display:none}#cursor{display:none!important}}.hero-shell{position:relative}.spatial-card{margin:0;overflow:visible;box-shadow:none}.spatial-inner .art{display:block}.journey-svg{max-width:100%;overflow:hidden}#cursor{transform:translate(-50%,-50%)}.pause-ambient .marquee,.pause-ambient .scroll-cue span{animation-play-state:paused!important}.hero-motion-toggle:disabled{cursor:default}.hero-orbit-badge{margin-top:20px}@media(prefers-reduced-motion:reduce){.spatial-cloud{display:block}.transition{height:700px;min-height:700px}.sticky{height:700px}.spatial-inner{transition:none}.spatial-card:hover .spatial-inner{transform:none}}@media(max-width:700px){.hero-motion-toggle{top:72px}.scroll-cue{left:27%;font-size:7px;letter-spacing:.12em}}html{scrollbar-gutter:stable}.viewer .modal-art{will-change:transform;backface-visibility:hidden}.viewer .modal-panel{transition:none}.space-vfx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.depth-floor{position:absolute;left:-15%;top:57%;width:130%;height:72%;transform-origin:top center;transform:perspective(800px) rotateX(68deg) scale(1.3);background-image:linear-gradient(rgba(89,140,242,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(89,140,242,.16) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 60%,transparent 92%);mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 60%,transparent 92%);opacity:.7}.space-aura{position:absolute;width:65vmin;height:65vmin;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(58,102,214,.18),rgba(80,74,170,.08) 36%,transparent 68%);filter:blur(12px)}.depth-trails{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55}.depth-trails path{fill:none;stroke:url(#depthBeam);stroke-width:1.35;stroke-dasharray:5 13;animation:trails-drift 18s linear infinite;animation-play-state:paused}.depth-trails path:nth-of-type(2){animation-direction:reverse}.depth-trails path:nth-of-type(3){animation-duration:24s}@keyframes trails-drift{to{stroke-dashoffset:-320}}.depth-points i{position:absolute;width:3px;height:3px;background:#aabfff;border-radius:50%;box-shadow:0 0 10px 3px #5592ff40;opacity:.64;animation:star-float 8s ease-in-out infinite alternate;animation-play-state:paused}.transition.is-visible .depth-trails path,.transition.is-visible .depth-points i{animation-play-state:running}.depth-points i:nth-child(1){left:12%;top:30%}.depth-points i:nth-child(2){left:25%;top:70%;animation-delay:-3s}.depth-points i:nth-child(3){left:42%;top:18%;animation-delay:-2s}.depth-points i:nth-child(4){left:61%;top:75%;animation-delay:-4s}.depth-points i:nth-child(5){left:78%;top:29%;animation-delay:-1s}.depth-points i:nth-child(6){left:87%;top:65%;animation-delay:-5s}.depth-points i:nth-child(7){left:33%;top:46%;animation-delay:-6s}.depth-points i:nth-child(8){left:69%;top:48%;animation-delay:-2s}.depth-points i:nth-child(9){left:94%;top:16%;animation-delay:-1s}@keyframes star-float{to{opacity:.18;transform:translate3d(7px,-14px,0)}}.spatial-inner{isolation:isolate;border-color:#ddebff45;box-shadow:0 20px 42px #00000054}.spatial-inner:before,.project-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from 170deg at var(--mx, 50%) var(--my, 50%),rgba(80,155,255,.15),rgba(111,214,255,.92),rgba(255,218,128,.86),rgba(100,148,255,.08),rgba(80,155,255,.15));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .28s ease}.spatial-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;border-radius:inherit;pointer-events:none;background:radial-gradient(110px 75px at var(--mx, 50%) var(--my, 50%),rgba(176,214,255,.15),transparent 85%);opacity:0;transition:opacity .3s ease}.spatial-card.is-interactive:is(:hover,:focus-visible) .spatial-inner{transform:perspective(740px) translateZ(36px) rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg)) scale(1.045);box-shadow:0 28px 60px #00000085,0 0 16px #64a5ff3b;filter:brightness(1.08)}.spatial-card.is-interactive:is(:hover,:focus-visible) .spatial-inner:before,.spatial-card.is-interactive:is(:hover,:focus-visible) .spatial-inner:after,.project:is(:hover,:focus-visible) .project-art:before{opacity:1}.project:is(:hover,:focus-visible) .project-art{box-shadow:0 18px 38px #101b3233,0 0 20px #64a5ff40}.project-art{transition:box-shadow .3s ease}.pause-ambient .depth-trails path,.pause-ambient .depth-points i{animation-play-state:paused!important}@media(max-width:700px){.depth-floor{background-size:53px 53px;opacity:.35}.depth-trails{opacity:.28}.depth-points{opacity:.65}}@media(prefers-reduced-motion:reduce){.space-vfx{opacity:.22!important}}