@font-face{font-family:Anton;src:url('assets/fonts/Anton-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#151a2c;--panel:#20263b;--fg:#eeeef8;--muted:#b6bed2;--accent:#edcfbd;--line:#c6c9ee26;--display:Anton,'Arial Narrow',Impact,sans-serif}
body{background:radial-gradient(ellipse at 8% 5%,#67385c65,transparent 45%),radial-gradient(ellipse at 95% 17%,#304d835e,transparent 43%),radial-gradient(ellipse at 90% 70%,#6c386146,transparent 50%),radial-gradient(ellipse at 0% 85%,#22577445,transparent 45%),#131827;background-attachment:fixed}
body:before{opacity:.25}
body.light{--bg:#ebe9ee;--panel:#f5f1f2;--fg:#29273d;--muted:#65647b;--accent:#dac0ac;background:radial-gradient(ellipse at 5% 5%,#eac4cd,transparent 44%),radial-gradient(ellipse at 90% 20%,#cbd5ef,transparent 45%),radial-gradient(ellipse at 0% 70%,#b9d9db88,transparent 45%),#ebe9ee}
.wrap{max-width:1430px;padding-inline:6.5%}
.site-header{position:relative;z-index:20;max-width:1240px;padding:18px 25px;margin:22px auto 0;width:calc(100% - 13%);border:1px solid var(--line);border-radius:16px;background:#ffffff03;backdrop-filter:blur(18px)}
.logo{font-size:28px;letter-spacing:-2px}.logo small{max-width:140px;font-size:7px;font-weight:500;letter-spacing:1.8px}.logo>span{color:#e3b6ac}nav{gap:32px;font-size:11px}nav a{padding:6px 0}.theme{width:28px;height:28px;font-size:14px}.nav-contact{border:0;color:var(--accent)}
.studio-hero{display:block;min-height:0;padding:60px 0 0;isolation:isolate;position:relative}
.studio-hero:before{content:'';position:absolute;inset:5% 15% 25%;z-index:-1;background:radial-gradient(ellipse,#a884b121,transparent 66%);filter:blur(20px);animation:nebula 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes nebula{to{translate:30px 25px;scale:1.15;opacity:.6}}
.hero-copy{max-width:none;text-align:center;z-index:4}.hero-copy .eyebrow{justify-content:center;font-size:9px;letter-spacing:2.5px}.hero-greeting{font-size:29px;line-height:1.4;letter-spacing:-1.1px;margin:27px 0 26px}.hero-greeting span{color:var(--muted)}
.studio-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(60px,8.6vw,125px);line-height:1.03;letter-spacing:-.015em;margin:0 auto 24px;max-width:1100px}
h1>.chrome{display:block}
.chrome{font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:-.015em;background:linear-gradient(178deg,#fff2e6 5%,#e2bfb4 45%,#ab8c9d 78%,#7c7794 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 #080d1920)}
.chrome.lavender{background-image:linear-gradient(178deg,#e6eaff 2%,#bfc4e5 45%,#8d8fb6 77%,#747a9b 100%)}
.hero-intro{font-size:15px;line-height:1.75;color:var(--muted);max-width:520px;margin:0 auto 21px;letter-spacing:.1px}
.hero-ai{font-size:11px;line-height:1.9;color:var(--muted);max-width:570px;margin:0 auto 22px;padding:11px 18px;border:1px solid var(--line);background:#f0c7bb07;border-radius:10px}.hero-ai>span{font-size:15px;color:var(--accent);margin-right:7px}.hero-ai strong{font-weight:400;color:var(--fg)}.hero-ai a{color:var(--accent);border-bottom:1px solid var(--line);white-space:nowrap;margin-left:6px}.hero-copy .actions{justify-content:center;gap:28px}.primary{background:#f1e1d4;color:#292737;font-size:11px;border-radius:30px;padding:15px 23px;box-shadow:0 2px 0 #ffffff15 inset,0 5px 20px #0001}.primary:hover{box-shadow:0 8px 30px #e5bbd522}.underlink{font-size:11px}.hero-copy .underlink{color:var(--muted)}
.hero .art{width:min(880px,88%);max-width:none;height:330px;margin:36px auto 0;border-radius:0;background:none;isolation:isolate;--mx:0px;--my:0px;--scroll-drift:0px}
.art .orb{position:absolute;width:166px;height:166px;top:62px;left:calc(50% - 83px);z-index:3;box-shadow:0 0 70px #8cbbdd30,0 20px 45px #0003}
.planet-surface{background:radial-gradient(circle at var(--light-x,30%) var(--light-y,25%),#fff3c8 0%,#dab1ca 20%,#9b90c5 39%,#588aa6 59%,#3d4e80 78%,#202a55 100%)}
.planet-surface span{font:100px var(--serif);color:#fff1dfdd;text-shadow:2px 4px 7px #27314b80}.orb:before{box-shadow:inset -25px -8px 30px #19254875,inset 10px 5px 25px #fff0df30}.planet-surface:before{background:repeating-linear-gradient(155deg,transparent 0 17px,#e8d9ff19 20px 27px,transparent 40px)}
.art .ring{width:265px;height:116px;top:90px;left:calc(50% - 132.5px);z-index:2;border-color:#a7a9d864}.art .ring.two{width:242px;height:160px;top:68px;left:calc(50% - 121px);border-color:#e8bdb64a}.art .satellite{top:13px;left:40px;width:7px;height:7px}.art .ring.two .satellite{top:7px;left:65px}
.collage-card{position:absolute;width:286px;padding:8px;border:1px solid #d6c8e23d;border-radius:13px;background:linear-gradient(145deg,#393e52,#202638);box-shadow:0 25px 45px #040a164a,0 2px 0 #ffffff17 inset;z-index:5;will-change:transform;transition:transform .6s cubic-bezier(.16,.7,.3,1),box-shadow .3s}
.collage-leak{left:0;top:13px;transform:perspective(900px) translate3d(var(--mx),calc(var(--my) + var(--scroll-drift)),0) rotateY(10deg) rotate(-10deg)}
.collage-game{right:0;top:50px;transform:perspective(900px) translate3d(calc(var(--mx)*-.8),calc(var(--my)*-.7 + var(--scroll-drift)*-.6),0) rotateY(-10deg) rotate(10deg)}
.collage-card:hover{box-shadow:0 30px 55px #050b175c,0 0 0 1px #f2c8d085}.collage-card img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:6px;pointer-events:none}.collage-leak img{object-fit:contain;background:#e8eff1}.collage-caption{font:italic 13px var(--serif);padding:3px 6px 9px;display:flex;align-items:center;justify-content:space-between;color:#eee8f1}.collage-caption b{font:16px Arial;font-weight:400;color:#e7bdb1}.collage-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 5px 4px;font-size:7px;letter-spacing:1.1px;color:#d3d6e6}.collage-bottom i{font:italic 11px var(--serif);letter-spacing:0;color:#c4b6ca}
.art .pacman{left:-82px;top:-300px;width:92px;height:92px}.pac-body{width:64px;height:64px;background:radial-gradient(circle at 32% 25%,#fff0a7,#ffd45b 40%,#d4963a 90%);box-shadow:inset -6px -7px 12px #a9672650}.pac-body:before{width:7px;height:9px;top:12px;left:35px;box-shadow:1px 1px 1px #fff8}.art .ghost{right:-70px;top:-165px;bottom:auto;width:84px;height:94px}.ghost-body{width:58px;height:68px;padding-top:19px;gap:7px;background:radial-gradient(circle at 30% 25%,#ead3ff,#ac8bcc 50%,#675c9c);box-shadow:inset -5px -9px 18px #2c306149}.ghost-eye{width:13px;height:19px}.ghost-eye:after{width:7px;height:10px;right:1px;top:5px}.art .ufo{left:auto;right:-85px;top:124px;bottom:auto;width:100px;height:80px;rotate:12deg}.ufo-dome{width:44px;height:29px;left:28px;top:8px;background:radial-gradient(circle at 35% 25%,#e1fff2,#8ed3cf 65%,#46949a)}.ufo-disc{width:90px;height:22px;left:5px;top:30px;background:linear-gradient(#e5e6ff,#a6afcf 55%,#5f7592);border-bottom:5px solid #4e637f;gap:10px}.ufo-disc i{width:6px;height:5px;background:#ffe7ab;box-shadow:0 0 8px #ffe7ab66}.ufo:after{top:52px;width:50px;height:38px}
.curious-stamp{position:absolute;top:224px;left:115px;z-index:6;width:105px;height:105px;display:grid;place-content:center;background:linear-gradient(135deg,#e0eab1,#b9ce85 70%);color:#35412e;font:22px/1 var(--display);text-align:center;transform:rotate(-15deg);clip-path:polygon(50% 0,61% 7%,74% 4%,80% 17%,94% 20%,93% 35%,100% 47%,93% 59%,96% 74%,81% 80%,77% 94%,62% 92%,50% 100%,38% 93%,23% 96%,18% 81%,4% 76%,7% 62%,0 50%,7% 38%,4% 23%,19% 18%,23% 4%,38% 7%)}.curious-stamp i{font:17px Arial;display:block;margin-top:6px}.planet-note{right:80px;top:241px;font-size:15px;transform:rotate(6deg);color:#e3c2b1}.orbit-toggle{left:50%;transform:translateX(-50%);bottom:30px;font-size:8px;background:#151b2caa;padding:6px 9px}.art-hint{bottom:0;font-size:8px;color:var(--muted)}
.hero-end{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 0;border-bottom:1px solid var(--line);margin-top:20px;font-size:8px;letter-spacing:1.2px;color:var(--muted)}.hero-end a{font-size:8px;color:var(--accent)}.hero-end b{font-size:19px;font-weight:400;margin-left:13px}.hero-end i{font-size:7px;font-style:normal;letter-spacing:0}
.work-section{padding:90px 0 80px}.section-head{align-items:center;margin-bottom:40px}.section-head h2,.about h2{font-family:var(--display);font-size:76px;line-height:1.02;letter-spacing:-1px;margin-top:20px}.section-head .eyebrow{font-size:8px;letter-spacing:1.8px}.section-aside{max-width:300px;font-size:14px;line-height:1.8}.journey-instruction{font-size:8px;letter-spacing:1.4px;color:var(--accent)}
.journey-window{border-radius:18px}.project{--fg:#f1eff6;--muted:#bdc6dc;--accent:#e9d4c5;min-height:530px;background:linear-gradient(130deg,#192936,#1a2333 56%,#20283b);color:var(--fg);border:1px solid #b9c1df26;grid-template-columns:1.3fr 1fr;border-radius:18px;isolation:isolate}.project-visual{padding:65px 34px 48px;background:transparent;overflow:hidden;perspective:1000px}.project-visual:before{content:'';position:absolute;inset:8%;background:radial-gradient(#83d8dd3d,transparent 65%);filter:blur(25px);z-index:-1;pointer-events:none}.project-art-link{position:relative;display:block;width:100%;padding:8px;border:1px solid #c8dae05e;border-radius:12px;background:#576d7d47;color:var(--fg);box-shadow:16px 25px 0 -12px #9abcd41a,0 30px 40px #0004;transform:perspective(850px) rotateX(var(--rx,3deg)) rotateY(var(--ry,-6deg)) rotate(-3deg);transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .35s;will-change:transform}.project .project-art-link img{display:block;width:100%;height:auto;aspect-ratio:1.62;object-fit:contain;border-radius:5px;box-shadow:none;transform:none!important}.project-art-link:hover{box-shadow:16px 25px 0 -12px #9abcd42a,0 30px 45px #0005}.view-tag{position:absolute;right:17px;bottom:17px;font-size:9px;font-weight:700;color:#26253a;padding:10px 14px;background:#f3e4d7;border-radius:25px;box-shadow:0 3px 20px #151c3644;opacity:0;translate:0 5px;transition:opacity .2s,translate .2s}.project-art-link:hover .view-tag,.project-art-link:focus-visible .view-tag{opacity:1;translate:0 0}.visual-label{font-size:8px;letter-spacing:1.7px;top:28px;left:30px;opacity:.6;color:#e3eaf9}.visual-caption{margin-top:32px;position:relative;color:#d2daed;font-size:9px;opacity:.7;padding-inline:5px}.visual-caption span{font-size:7px}
.project-copy{padding:35px 34px 33px 20px;position:relative}.project-number{font:22px var(--display);color:#949daf;position:absolute;right:33px;top:28px}.project-type{font-size:7px;letter-spacing:1.1px;padding-right:35px;margin-top:2px;color:#d7d8e7;opacity:.6}.project h3{font-family:var(--display);font-size:45px;font-weight:400;line-height:1.08;text-transform:uppercase;letter-spacing:-.3px;color:#f1dfd4;margin:29px 0 18px}.project-deck{font:italic 20px/1.35 var(--serif);color:#c6bedb}.project-copy>p:not(.project-deck){font-size:12px;line-height:1.8;opacity:1;color:#b5c1d4}.tags{margin:3px 0 22px;gap:6px}.tags span{font-size:7px;letter-spacing:.3px;padding:6px 8px;border-color:#b8c2dd25;border-radius:3px;color:#c3cee2}.project-copy .project-status{font-size:9px!important;opacity:1!important;color:#96a8bd;margin-top:auto;margin-bottom:18px;line-height:1.6}.project-actions{gap:15px}.project-actions .primary{background:#dfdedb;color:#212839;font-size:9px;padding:12px 16px}.detail-button{font-size:10px;color:#d9d4e4;border-color:#adb9d64d}.project-game{background:linear-gradient(130deg,#30223f,#222239 56%,#25263b)}.project-game .project-visual,.project-maths .project-visual,.project-energy .project-visual{background:transparent}.project-game .project-visual:before{background:radial-gradient(#cd91d54a,transparent 65%)}.project-game .primary{background:#dec6ef;color:#372a47}.project-game .project-art-link{transform:perspective(850px) rotateX(var(--rx,3deg)) rotateY(var(--ry,6deg)) rotate(3deg);background:#8d6d9a47}.project-maths{background:linear-gradient(130deg,#253e3b,#202a30 56%,#253339)}.project-maths .project-visual:before{background:radial-gradient(#afcb9150,transparent 65%)}.project-maths .primary{background:#cdddb6;color:#35432d}.project-energy{background:linear-gradient(130deg,#493439,#312833 56%,#392e38)}.project-energy .project-visual:before{background:radial-gradient(#dcb18f40,transparent 65%)}.project-energy .primary{background:#e8c5ac;color:#4d3529}.journey-navigation{font-size:10px;margin-top:22px}.journey-status{color:var(--accent)}.journey-dots i.active{background:#e3bcb6}
.ai-note{display:grid;grid-template-columns:160px 1fr;gap:50px;align-items:center;padding:55px 45px;margin:20px 0 0;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 5% 90%,#bf83b315,transparent 60%),#ffffff02;scroll-margin-top:30px}.ai-symbol{font-size:135px;color:#dcc0c1;line-height:1;text-align:center;transform:rotate(-10deg);text-shadow:3px 4px #8e6b8a30}.ai-note .eyebrow{font-size:8px;letter-spacing:1.5px}.ai-note h2{font-size:32px;font-weight:400;letter-spacing:-1px;line-height:1.2;margin:18px 0 22px}.ai-note h2 span{color:var(--muted)}.ai-note p{font-size:13px;color:var(--muted);line-height:1.9;max-width:760px;margin-bottom:13px}.ai-note strong{font-weight:400;color:var(--fg)}.ai-note .ai-note-end{font:italic 16px var(--serif);color:var(--accent);margin:0}
.about{border-top:0;padding:100px 0 90px;gap:75px}.about h2{font-size:65px}.about-mark{background:radial-gradient(circle at 35% 30%,#d9bfd22e,#566aaf0f 70%);color:#d4bbcd;font-size:88px;width:115px;height:115px}.about-mark span{color:#dbbca9;background:var(--bg);font-size:25px}.about-content .about-copy{font-size:28px;line-height:1.45;max-width:500px}.about-content p{font-size:13px;line-height:1.9}.education-year{color:#d3bbc5}.about .eyebrow{font-size:8px;letter-spacing:1.4px}
.learning{padding-top:80px}.learning-column h3{font:27px/1.2 var(--display);letter-spacing:.1px}.learning-grid{margin-top:50px}.skill-threads{gap:10px}.skill-threads span{font-size:9px;color:var(--muted)}.column-number{font-family:var(--display);font-size:17px}.training .tiny{color:#c6d2ac}.contact h2{font-family:var(--display);font-size:clamp(58px,7.1vw,102px);line-height:1.04;letter-spacing:-1px;margin:33px 0}.contact .eyebrow{font-size:9px}.email-link{font-size:22px;letter-spacing:-.4px}.socials{gap:30px}.contact>p{font-size:12px}.contact{padding:95px 0 65px}
footer{padding:27px 0 85px;font-size:8px;line-height:1.7;gap:15px}footer>span:nth-child(3){font-size:8px;max-width:330px;text-align:center;color:var(--muted)}.cosmic-controls{background:#1e2438db;backdrop-filter:blur(12px);border-color:#ffffff28}.cosmic-switch{background:#d6bbce;color:#302339}.progress{background:linear-gradient(90deg,#eec0a9,#a5b1ed,#7abec7)}
.reveal-ready{translate:0 35px;transition:opacity .9s,translate .9s cubic-bezier(.2,.7,.2,1)}.reveal-ready.revealed{translate:0 0}
.light .site-header{background:#ffffff20}.light .chrome{background-image:linear-gradient(178deg,#876172,#4b4d6a)}.light .chrome.lavender{background-image:linear-gradient(178deg,#777a9f,#4a526c)}.light .hero-end a,.light .hero-ai a{color:#785369}.light .primary{background:#3d3553;color:#f1ecf4}.light .project .primary{background:#e1ccdf;color:#352b42}.light .orbit-toggle{color:#d0cad8}.light .planet-note{color:#8b5e70}.light .ai-symbol{color:#9d6b87}.light .ai-note-end{color:#8c5b76}.light .about-mark{color:#8b6c8a}.light .education-year{color:#8c5d78}
body.calm .studio-hero:before{animation:none}body.calm .collage-card,body.calm .project-art-link{transition:none;--mx:0px!important;--my:0px!important;--scroll-drift:0px!important;--rx:0deg!important;--ry:0deg!important}
@media(min-width:1550px){.studio-hero h1{font-size:137px}.hero .art{height:355px;margin-top:50px}.hero .orb{width:166px;height:166px}.hero .planet-surface span{font-size:100px}.hero .ring{width:265px;height:116px}.hero .ring.two{width:242px;height:160px}}
@media(max-width:1100px){.site-header{width:calc(100% - 10%)}.wrap{padding-inline:5%}.studio-hero{padding-top:50px}.studio-hero h1{font-size:9.4vw}.hero .art{width:78%;height:310px}.collage-card{width:250px}.collage-leak{left:-20px}.collage-game{right:-20px}.art .pacman{left:-65px;top:-270px;scale:.9}.art .ghost{right:-65px;top:-160px;scale:.9}.art .ufo{right:-65px;top:145px;scale:.85}.curious-stamp{left:45px;top:216px;scale:.85}.planet-note{right:25px;top:235px;font-size:14px}.project{grid-template-columns:1.15fr 1fr;min-height:505px}.project-visual{padding:65px 25px 45px}.project-copy{padding:32px 27px 30px 12px}.project h3{font-size:37px}.project-deck{font-size:18px}.project-copy>p:not(.project-deck){font-size:11px}.project-actions .primary{font-size:8px;padding:12px}.project-actions{gap:12px}.detail-button{font-size:9px}.project-number{right:27px}.section-head h2{font-size:69px}.about{gap:45px}.about h2{font-size:58px}.about-content .about-copy{font-size:25px}.ai-note{grid-template-columns:115px 1fr;gap:35px;padding:40px 35px}.ai-symbol{font-size:105px}.learning-column h3{font-size:23px}.hero-end{font-size:7px}.hero-end a{font-size:7px}}
@media(max-width:800px){.site-header{padding:15px 18px;margin-top:16px}nav{gap:23px;font-size:11px}.hero-copy{max-width:none}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-greeting{font-size:26px;margin:25px 0 23px}.studio-hero h1{font-size:9.6vw;letter-spacing:-1px}.hero-intro{font-size:14px;max-width:450px}.hero-ai{max-width:520px;font-size:10px}.hero .art{width:90%;height:310px;margin-top:35px}.collage-card{width:37%}.collage-leak{left:-12px;top:30px}.collage-game{right:-12px;top:70px}.collage-caption{font-size:11px}.collage-bottom{font-size:6px;letter-spacing:.4px}.collage-bottom i{font-size:9px}.art .orb{width:142px;height:142px;top:52px;left:calc(50% - 71px)}.planet-surface span{font-size:87px}.art .ring{width:225px;height:100px;left:calc(50% - 112.5px);top:73px}.art .ring.two{width:204px;height:136px;left:calc(50% - 102px);top:55px}.art .pacman{left:-18px;top:-236px;scale:.72}.art .ghost{right:-15px;top:-150px;scale:.72}.art .ufo{right:-5px;top:215px;scale:.7}.curious-stamp{left:20px;top:208px;scale:.75}.planet-note{display:none}.orbit-toggle{bottom:40px}.art-hint{bottom:13px}.hero-end{margin-top:0;gap:15px;font-size:6px}.hero-end a{font-size:6px;letter-spacing:1px}.hero-end b{margin-left:5px}.hero-end>span:last-child{display:none}.work-section{padding:65px 0}.section-head h2{font-size:61px}.section-aside{font-size:12px;max-width:235px}.section-head{margin-bottom:30px}.project{grid-template-columns:1fr;min-height:0}.project-visual{padding:50px 50px 30px;min-height:0}.project-art-link{max-width:500px;margin:auto}.project .project-art-link img{aspect-ratio:1.9;max-height:280px}.visual-label{font-size:7px;top:20px;left:30px}.visual-caption{margin-top:25px;font-size:8px;max-width:500px;margin-inline:auto}.visual-caption span{font-size:6px}.project-copy{padding:24px 35px 30px}.project h3{font-size:40px;margin:20px 0 16px}.project-deck{font-size:19px;margin-bottom:14px}.project-copy>p:not(.project-deck){font-size:12px}.project-copy .project-status{margin-top:0;font-size:8px!important}.project-type{font-size:7px}.project-number{right:35px;top:15px}.project-actions .primary{font-size:10px;padding:13px 17px}.detail-button{font-size:11px}.project-actions{gap:20px}.ai-note{grid-template-columns:75px 1fr;padding:35px 25px;gap:25px}.ai-symbol{font-size:77px}.ai-note h2{font-size:27px}.ai-note p{font-size:12px}.ai-note .eyebrow{font-size:7px}.about{padding:70px 0;gap:35px;grid-template-columns:1fr}.about h2{font-size:60px}.about-mark{display:none}.about-label .underlink{margin-top:28px}.about-content .about-copy{font-size:27px}.learning{padding:65px 0}.learning-grid{margin-top:30px;gap:30px}.learning-column h3{font-size:27px}.learning-column{padding-top:25px!important}.learning-column p{max-width:none}.contact{padding:70px 0 55px}.contact h2{font-size:9.7vw}.email-link{font-size:21px}footer>span:nth-child(3){display:block!important;flex:0 0 100%;max-width:none;order:4;text-align:left;font-size:8px}footer{padding-bottom:90px}}
@media(max-width:480px){.site-header{width:calc(100% - 32px);padding:13px 15px;border-radius:13px}.logo{font-size:25px}nav{gap:16px;font-size:10px}.nav-contact{font-size:9px}.theme{width:26px;height:26px}.wrap{padding-inline:6%}.studio-hero{padding-top:35px}.hero-copy .eyebrow{font-size:6.5px;letter-spacing:1.2px}.hero-greeting{font-size:20px;line-height:1.5;letter-spacing:-.6px;margin:23px 0 20px}.hero-greeting span{display:block}.studio-hero h1{font-size:9.7vw;line-height:1.12;letter-spacing:-.5px;margin-bottom:22px}.hero-intro{font-size:12px;max-width:305px;margin-bottom:19px}.hero-ai{font-size:9px;line-height:1.85;padding:10px 13px;margin-bottom:20px}.hero-ai a{display:inline-block;margin-left:4px}.hero-copy .actions{gap:18px}.hero-copy .primary{font-size:10px;padding:13px 17px;gap:15px}.hero-copy .underlink{font-size:9px}.hero .art{width:100%;height:260px;margin-top:40px}.art .orb{width:100px;height:100px;top:4px;left:calc(50% - 50px)}.planet-surface span{font-size:64px}.art .ring{width:160px;height:70px;top:20px;left:calc(50% - 80px)}.art .ring.two{width:147px;height:96px;top:7px;left:calc(50% - 73.5px)}.art .satellite{width:5px;height:5px;top:6px;left:24px}.art .ring.two .satellite{top:5px;left:35px}.collage-card{width:44%;padding:5px;border-radius:8px}.collage-leak{left:0;top:75px;transform:perspective(900px) translate3d(var(--mx),calc(var(--my) + var(--scroll-drift)),0) rotate(-9deg)}.collage-game{right:0;top:87px;transform:perspective(900px) translate3d(calc(var(--mx)*-.8),calc(var(--my)*-.7 + var(--scroll-drift)*-.6),0) rotate(9deg)}.collage-card img{aspect-ratio:1.55;border-radius:4px}.collage-caption{font-size:8px;padding:3px 3px 6px}.collage-caption b{font-size:11px}.collage-bottom{font-size:5px;padding:8px 2px 3px}.collage-bottom i{font-size:7px}.art .pacman{left:5px;top:-38px;scale:.63;width:80px;height:80px}.art .ghost{right:0;top:-38px;scale:.6}.art .ufo{left:calc(50% - 50px);right:auto;top:173px;scale:.57}.curious-stamp{display:none}.orbit-toggle{left:auto;right:0;transform:none;bottom:5px;font-size:7px;padding:5px 7px}.art-hint{left:0;bottom:7px;font-size:6.5px;letter-spacing:0;max-width:190px}.hero-end{font-size:5.8px;letter-spacing:.5px;padding:19px 0}.hero-end a{font-size:5.8px;letter-spacing:.5px}.hero-end b{font-size:14px}.section-head{display:block}.section-head h2,.about h2{font-size:56px;line-height:1.03}.section-head .eyebrow,.about .eyebrow{font-size:6.5px;letter-spacing:1.2px}.section-aside{font-size:12px;margin-top:23px;max-width:none}.section-aside p{margin-bottom:15px}.section-aside p br{display:initial}.journey-instruction{font-size:7px}.work-section{padding-top:55px}.project-visual{padding:47px 24px 25px}.project-art-link{padding:5px;border-radius:8px}.project .project-art-link img{aspect-ratio:1.65;max-height:250px}.visual-label{left:21px;top:18px;font-size:6px;letter-spacing:1.4px}.visual-caption{font-size:6px;margin-top:23px}.visual-caption span{font-size:5.5px;letter-spacing:.7px}.project-copy{padding:23px}.project-number{right:23px;top:15px;font-size:20px}.project h3{font-size:35px;margin:19px 0 14px}.project-type{font-size:6px;letter-spacing:.7px}.project-deck{font-size:17px;line-height:1.4}.project-copy>p:not(.project-deck){font-size:11px}.tags span{font-size:6px;padding:6px}.project-copy .project-status{font-size:7px!important;line-height:1.8}.project-actions{gap:14px}.project-actions .primary{font-size:9px;padding:12px 14px}.detail-button{font-size:9px}.view-tag{font-size:7px;padding:8px 10px;right:10px;bottom:10px}.journey-navigation{gap:12px}.journey-status{font-size:10px}.current-project{font-size:7px;padding-left:10px}.journey-dots{gap:4px}.ai-note{display:block;padding:28px 23px;margin-top:5px}.ai-symbol{font-size:55px;text-align:left;margin-bottom:22px;line-height:1;transform:none}.ai-note h2{font-size:25px}.ai-note p{font-size:11px;line-height:1.9}.ai-note .ai-note-end{font-size:14px}.about{padding-top:65px}.about-content .about-copy{font-size:24px}.about-content p{font-size:12px}.education{gap:18px}.learning-column h3{font-size:26px}.learning-column p{font-size:12px}.contact h2{font-size:9.7vw;letter-spacing:-.5px}.contact .eyebrow{font-size:7px}.contact>p{font-size:11px;max-width:280px;margin-inline:auto}.email-link{font-size:15px;gap:10px;letter-spacing:0}.socials{font-size:10px;gap:24px}.socials .copy-email{font-size:10px}.contact{padding-top:65px}.cosmic-controls{bottom:12px;right:12px}.cosmic-switch{font-size:8px;padding:7px 10px}}
@media(pointer:coarse){.view-tag{opacity:1;translate:none}.collage-card,.project-art-link{will-change:auto}}
@media(prefers-reduced-motion:reduce){.studio-hero:before{animation:none}.collage-card,.project-art-link{transition:none;will-change:auto}.reveal-ready{translate:none;opacity:1;transition:none}.view-tag{transition:none}.chrome{filter:none}}
/* Keep the authorship note readable, including on small phones. */
.hero-ai{font-size:12px}
.mascot.roaming.pacman{width:92px;height:92px}.mascot.roaming.ghost{width:84px;height:94px}.mascot.roaming.ufo{width:100px;height:80px}
@media(max-width:480px){.hero-ai{font-size:11px;line-height:1.75}.hero .art{height:280px}.orbit-toggle{left:50%;right:auto;bottom:5px;transform:translateX(-50%)}.art-hint{bottom:-12px;left:50%;transform:translateX(-50%);width:max-content;max-width:100%;text-align:center}}
/* Expressive hero lettering; project titles retain the established display face. */
@font-face{font-family:Syne;src:url('assets/fonts/Syne.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fonts/Fraunces-Italic.ttf') format('truetype');font-style:italic;font-weight:100 900;font-display:swap}
.studio-hero h1{font-size:clamp(58px,8.3vw,120px);line-height:1.09;letter-spacing:-.065em;margin-bottom:28px}
.studio-hero h1>.chrome{font-family:Syne,Arial,sans-serif;font-weight:750;letter-spacing:-.065em;line-height:1.09}
.studio-hero h1>.chrome.lavender{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:550;font-size:1.03em;letter-spacing:-.055em;line-height:1.13;font-variation-settings:'SOFT' 60,'WONK' 1,'opsz' 96}
@media(max-width:800px){.studio-hero h1{font-size:9.2vw}}
@media(max-width:480px){.studio-hero h1{font-size:9.5vw;line-height:1.14;margin-bottom:23px}.studio-hero h1>.chrome{line-height:1.14}.studio-hero h1>.chrome.lavender{line-height:1.22;font-size:1.03em}}