@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#f1eee5;--muted:#becbca;--accent:#ff704f;--border:rgba(220,238,231,.2);--green:#b9d4b0;color-scheme:dark;font-family:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif;background:#06191e;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}#fluid,.veil{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#fluid{z-index:-3;background:radial-gradient(ellipse at 30% 50%,#196b73,transparent 60%),#041418}.veil{z-index:-2;background:linear-gradient(90deg,rgba(0,10,15,.25),rgba(0,10,15,.05)),linear-gradient(180deg,#03131922,#03131911)}body:after{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;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%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 4%;position:fixed;top:0;left:0;right:0;z-index:40;transition:background .4s}header.scrolled{background:#06151b99;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0c}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--accent)}nav{display:flex;padding:7px;border:1px solid var(--border);border-radius:24px;gap:5px;background:linear-gradient(110deg,#28363ecc,#091b24e6);box-shadow:inset 0 1px #ffffff17;backdrop-filter:blur(24px)}nav a{padding:14px 27px;border-radius:18px;color:#c4cccf;font-size:14px;transition:.3s}nav a:hover{color:white;background:#ffffff0c}nav a.active{background:var(--ink);color:#222931}nav a.active:before{content:'•';margin-right:10px;color:var(--accent)}.motion-toggle{font-size:11px;letter-spacing:1px;color:var(--muted)}.motion-toggle span{display:inline-block;color:var(--accent);margin-left:6px}.section{max-width:1480px;margin:0 auto;padding:100px 5.8%}.hero{min-height:880px;height:100svh;max-height:1200px;position:relative;display:grid;grid-template-columns:.8fr 1.7fr;align-items:center;gap:6%;padding-top:140px;padding-bottom:120px}.hero-copy{z-index:2}.eyebrow{font:11px/1.6 'DM Sans',monospace;letter-spacing:3px;font-weight:500}.intro{font-size:15px;letter-spacing:4px;margin:0 0 23px}.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(80px,8.6vw,132px);font-weight:800;letter-spacing:-8px;line-height:.94;margin:0 0 35px}.hero h1 br{display:none}.hero h1 span{display:block}.hero h1 b{color:var(--accent);font-size:1.1em;position:absolute;transform:translate(3.85em,-.94em);font-weight:800}.hero h2{font-size:clamp(24px,2.4vw,36px);font-weight:500;letter-spacing:1px;margin:0 0 14px}.hero-tagline{font-size:21px;margin:0 0 20px}.hero-description{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:26px}.text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #b5c3c577;padding:0 0 9px;font-size:16px}.text-link span{color:var(--accent);font-size:26px;transition:transform .3s}.text-link:hover span{transform:translate(4px,-4px)}.identity{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:34px}.identity-en{font-size:9px;letter-spacing:2px;color:var(--muted);padding-left:14px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 14px #ff704f55}.portrait-scene{position:relative;height:420px;display:grid;place-items:center;perspective:800px;transform-style:preserve-3d}.sphere{width:285px;height:285px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#c6ded1 0%,#679e99 12%,#1b656c 30%,#0d333e 55%,#020d16 74%,#2c6870 94%);box-shadow:inset -15px -10px 24px #88b1aa33,inset 7px 5px 7px #e2fff977,0 40px 70px #0008;display:grid;place-items:center;position:relative;animation:float 8s ease-in-out infinite}.sphere span{font-family:serif;font-size:72px;line-height:1.05;font-weight:300;color:#d8dfcccf;text-shadow:1px 2px 2px #ffffff66,-3px -2px 4px #0007;transform:rotate(-10deg)}.sphere-glint{position:absolute;width:65%;height:20%;border-radius:50%;border-top:1px solid #ffffff99;top:13%;left:5%;transform:rotate(-35deg);filter:blur(1px)}.orbit{position:absolute;width:370px;height:370px;border:2px solid #91b6ae77;border-radius:50%;box-shadow:0 0 0 6px #b4d5d00a,inset 0 0 18px #80d3c81a;z-index:2;pointer-events:none}.orbit-one{transform:rotateZ(-30deg) rotateX(66deg);animation:orbit 18s linear infinite}.orbit-two{width:335px;height:335px;transform:rotateZ(35deg) rotateY(65deg);border-color:#f7c39b66}.orb-caption{position:absolute;bottom:11px;font-size:9px;letter-spacing:2.5px;color:#d2d8c2}.coordinate{position:absolute;left:-75px;top:50%;transform:rotate(-90deg);font-size:8px;letter-spacing:2px;color:#a9c2bb}.scroll-cue{position:absolute;bottom:40px;left:6%;display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:1px}.scroll-cue>span:last-child{font-size:8px;color:#bacbc8}.scroll-line{height:1px;width:65px;background:#e4e8da77;position:relative}.scroll-line:after{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;background:var(--accent);border-radius:100%;animation:scroll 3s ease-in-out infinite}.edition{position:absolute;bottom:40px;right:6%;font-size:8px;letter-spacing:2px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:20px}.section-heading h2{font-size:37px;font-weight:500;letter-spacing:1px;margin:10px 0 0}.muted{color:var(--muted);font-size:13px}.accent{color:var(--accent)}.about{padding-top:90px;padding-bottom:60px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-copy h2{font-size:40px;line-height:1.5;font-weight:500;margin:24px 0 30px}.about-copy p:not(.eyebrow){font-size:16px;color:#c6d3d2;line-height:2.2}.underline{position:relative;white-space:nowrap}.underline:after{content:'';position:absolute;bottom:-10px;left:0;right:0;height:7px;border-top:3px solid var(--accent);border-radius:50%;transform:rotate(-3deg)}.principles{display:flex;margin-top:32px;gap:35px}.principles span{padding-right:30px;border-right:1px solid var(--border);font-size:20px;color:var(--green)}.principles span:last-child{border:none}.principles small{display:block;font-size:8px;letter-spacing:2px;margin-top:9px;color:var(--muted)}.object-scene{height:470px;position:relative;display:grid;place-items:center;perspective:1000px}.giant-type{position:absolute;top:30px;left:-10px;font-family:Georgia,serif;font-size:90px;color:#d1d1b549;letter-spacing:-5px}.abstract-object{width:280px;height:280px;position:relative;transform-style:preserve-3d;animation:object-turn 24s linear infinite}.metal-ring{position:absolute;inset:10px;border:37px solid #9db6a6;border-radius:50%;box-shadow:inset 6px 8px 15px #e5dfbc,9px 12px 18px #00181daa,-8px -5px 15px #cde3c766;background:transparent}.r1{transform:rotateY(60deg)}.r2{transform:rotateY(-60deg) rotateZ(20deg);border-color:#4c8990}.r3{transform:rotateX(65deg);border-color:#c6b59b}.object-core{position:absolute;inset:90px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffb487,#ff6b4a 45%,#6b2823);box-shadow:0 0 60px #ff6b4a22}.object-label{position:absolute;bottom:0;right:10px;font-size:19px}.object-label small{font-size:9px;letter-spacing:3px;display:block;margin-top:12px;color:var(--green)}.glass{background:linear-gradient(115deg,rgba(40,58,65,.8),rgba(6,22,31,.85) 60%,rgba(31,66,72,.7));backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:inset 0 1px 0 #e7f7ff12,0 25px 80px #00000018;border-radius:28px}.tools{padding-top:70px;padding-bottom:65px}.playground{height:340px;position:relative;overflow:hidden;touch-action:pan-y}.playground>p{position:absolute;left:30px;top:20px;color:#d1dcdb;font-size:13px;z-index:1;pointer-events:none}.playground>p span{font-size:9px;color:#8fa5a7;display:block;margin-top:8px}#tool-items{position:absolute;inset:0}.tool{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:22px;width:86px;height:86px;font-size:41px;font-weight:800;letter-spacing:-4px;box-shadow:inset 0 2px 1px #ffffff55,0 10px 20px #0004;text-shadow:0 2px 0 #0002;user-select:none;touch-action:none;cursor:grab}.tool:active{cursor:grabbing}.tool small{font-size:10px;letter-spacing:0;position:absolute;bottom:8px;font-weight:500}.playground-hint{position:absolute;right:28px;top:38px;font-size:8px;letter-spacing:3px;color:#829da1;pointer-events:none}.under-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:19px}.under-caption button{font-size:12px}.work{padding-top:65px}.project-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:380px;transform-style:preserve-3d}.project-visual{position:relative;display:grid;place-items:center;min-height:380px;overflow:hidden;background:radial-gradient(ellipse at center,#34686b66,transparent 70%)}.mini-browser{width:260px;height:230px;border-radius:13px;background:linear-gradient(120deg,#1e4c53,#071e28);border:1px solid #b2d8d155;box-shadow:10px 30px 50px #0007;transform:perspective(800px) rotateY(-20deg) rotateX(12deg) rotateZ(-8deg);padding:15px 23px;z-index:2;transition:transform .6s}.project-card:hover .mini-browser{transform:perspective(800px) rotateY(-5deg) rotateX(5deg) rotateZ(-4deg)}.browser-dots{font-size:7px;letter-spacing:4px;color:#acc8c588;margin-bottom:25px}.mini-browser>span{font-size:37px;font-family:'Manrope',sans-serif;line-height:1.05;font-weight:800;letter-spacing:-2px}.mini-browser b{color:var(--accent)}.mini-browser small{display:block;font-size:6px;letter-spacing:2px;margin-top:14px}.mini-lines{width:60%;height:15px;margin-top:18px;border-top:2px solid #d8e0d544;border-bottom:2px solid #d8e0d522}.project-orbit{position:absolute;width:350px;height:350px;border:1px solid #94bab044;border-radius:50%;transform:rotateX(55deg) rotateZ(25deg)}.project-copy{padding:50px 35px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #aec5be44;border-radius:20px;padding:7px 12px;font-size:10px;color:var(--green)}.pill i{height:5px;width:5px;background:var(--green);border-radius:50%}.project-copy h3{font-size:30px;font-weight:500;margin:23px 0 15px}.project-copy p{font-size:14px;color:var(--muted);line-height:2}.tags{display:flex;gap:15px;font-size:10px;color:#a1b9b9;margin:20px 0 25px}.project-copy .text-link{font-size:13px}.photos{padding-top:30px}.photo-panel{display:grid;grid-template-columns:.9fr 1.5fr .6fr;align-items:center;padding:60px 35px;gap:35px;min-height:510px}.photo-copy h2{font-size:32px;font-weight:500;line-height:1.5;margin:28px 0 20px}.photo-copy p{color:var(--muted);font-size:13px;line-height:2;margin-bottom:26px}.photo-copy .eyebrow{font-size:9px;letter-spacing:2px}.demo-label{display:block;font-size:9px;line-height:1.8;color:#92aaac;margin-top:25px}.photo-stack{height:310px;position:relative;perspective:900px}.photo-front,.photo-back{position:absolute;inset:0;border:9px solid #e8e5da;background:#e8e5da;border-radius:8px;box-shadow:0 15px 30px #0005}.photo-back{background-image:url('assets/forest.jpg');background-size:cover;transform:rotate(-9deg) scale(.9)}.back-two{transform:rotate(9deg) scale(.9);background-image:url('assets/sea.jpg')}.photo-front{transform:rotate(-2deg);padding:0;width:100%;height:100%;display:flex;flex-direction:column;transition:transform .5s,opacity .2s;overflow:hidden}.photo-front img{width:100%;height:calc(100% - 27px);object-fit:cover}.photo-front>span{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 3px 0;color:#485552;font-size:8px;letter-spacing:1px}.photo-front b{font-weight:500}.photo-front small{font-size:7px}.photo-front.switching{transform:translateX(30px) rotate(7deg) scale(.94);opacity:0}.photo-number{font-size:32px;font-family:'Manrope',sans-serif}.photo-number>span{display:block;font-size:10px;color:var(--muted);margin:5px 0 23px;letter-spacing:3px}.circle{border:1px solid #b5c7c577;width:43px;height:43px;border-radius:50%;font-size:24px;transition:background .3s,transform .3s}.circle:hover{background:#e9f3ec22;transform:translateY(-2px)}.photo-controls>div{display:flex;gap:8px}.photo-controls>p{color:var(--muted);font-size:11px;line-height:1.9;margin-top:25px}.photo-dots{margin-top:28px;align-items:center}.photo-dots button{width:6px;height:6px;border-radius:4px;padding:0;background:#637d83;transition:.3s}.photo-dots button.selected{width:22px;background:var(--ink)}.music{padding-top:0}.music-panel{display:grid;grid-template-columns:1fr 1fr;padding:55px;gap:65px;align-items:center}.record-scene{position:relative;display:grid;place-items:center;perspective:1000px;min-height:365px}.record{width:315px;height:315px;position:relative;border-radius:50%;background:repeating-radial-gradient(circle,#0a1012 0,#161e20 1px,#070e11 2px,#111a1d 3px);box-shadow:13px 25px 38px #0007,0 0 0 1px #8b9d9e55;display:grid;place-items:center;animation:spin 14s linear infinite;animation-play-state:paused}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg,#a6c6c733 25deg,transparent 60deg,transparent 180deg,#a6c6c733 205deg,transparent 245deg);pointer-events:none}.record-label{height:125px;width:125px;border-radius:50%;background:linear-gradient(135deg,#cf845c,#994b3c);display:flex;align-items:center;justify-content:center;flex-direction:column;border:3px solid #c29c7655;color:#f9e5cb;gap:9px}.record-label:after{content:'';height:8px;width:8px;border-radius:50%;background:#061319;margin-top:4px}.record-label>span{font-family:serif;font-size:23px;letter-spacing:5px}.record-label small{font-size:6px;letter-spacing:1px}.record-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;white-space:nowrap;color:var(--muted)}.music-copy h2{font-size:44px;line-height:1.3;font-weight:500;margin:22px 0}.serif{font-family:Georgia,'Songti SC',serif;font-weight:400;font-style:italic}.music-copy>p{font-size:14px;line-height:2;color:var(--muted)}.music-copy .eyebrow{font-size:9px;letter-spacing:2px}.music-copy .status-dot{margin-right:8px}.track{display:flex;align-items:center;justify-content:space-between;margin-top:28px;border-top:1px solid var(--border);padding-top:20px}.track b{font-size:14px;font-weight:500}.track small{display:block;font-size:9px;color:var(--muted);margin-top:8px}.play-button{width:48px;height:48px;background:var(--accent);color:#08202a;border-radius:50%;font-size:18px;display:grid;place-items:center;transition:transform .2s}.play-button:hover{transform:scale(1.08)}.equalizer{display:flex;gap:5px;height:25px;align-items:center;margin-top:20px;opacity:.55}.equalizer i{width:3px;height:3px;background:#a8c6b3;border-radius:2px;transition:height .6s}.playing .equalizer i{height:12px;animation:equalize 1.2s ease-in-out infinite alternate}.equalizer i:nth-child(3n){animation-delay:-.8s}.equalizer i:nth-child(2n){animation-delay:-.3s}.playing .record{animation-play-state:running}footer{padding-top:40px;padding-bottom:50px}footer h2{font-size:70px;line-height:1.3;font-weight:500;letter-spacing:-2px;margin:30px 0 70px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:25px;gap:20px}.footer-bottom>span{font-size:11px;color:var(--muted)}.footer-bottom>a:last-child{font-size:11px}.credits{font-size:9px;color:#93a7a7;display:block;margin-top:25px}.mini-player{position:fixed;right:20px;bottom:18px;z-index:50;display:flex;align-items:center;gap:15px;padding:12px 16px;border-radius:22px;box-shadow:0 10px 40px #0006}.mini-record{width:42px;height:42px;border-radius:9px;background:linear-gradient(135deg,#ba8865,#573f35);display:grid;place-items:center;font-size:21px;color:#eed8b9}.mini-player b{font-size:12px;font-weight:500}.mini-player small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.mini-player .play-button{width:38px;height:38px;font-size:14px;margin-left:10px}#mute{font-size:21px;color:var(--muted)}dialog{border:1px solid var(--border);color:var(--ink);border-radius:20px;background:#0b2027;padding:35px;width:min(950px,92vw);max-height:90svh;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-close{position:absolute;top:9px;right:12px;border-radius:50%;background:#061219cc;width:35px;height:35px;font-size:28px;z-index:2}#gallery-image{display:block;width:100%;max-height:65svh;object-fit:contain}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;color:var(--muted)}#project-dialog{max-width:650px;padding:60px}#project-dialog h2{font-size:37px;line-height:1.5;font-weight:500}#project-dialog h3{font-size:16px;margin-top:30px;font-weight:500}#project-dialog p{font-size:14px;color:var(--muted);line-height:2.1}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.motion-off *, .motion-off *:before,.motion-off *:after{animation-play-state:paused!important}.motion-off .reveal{opacity:1;transform:none}.motion-off{scroll-behavior:auto}@keyframes float{50%{transform:translateY(-15px) rotate(4deg)}}@keyframes orbit{50%{transform:rotateZ(-15deg) rotateX(70deg)}}@keyframes object-turn{to{transform:rotateY(360deg) rotateZ(12deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes equalize{to{height:23px}}@keyframes scroll{50%{transform:translateX(60px)}}
@media(min-width:1500px){.hero h1{font-size:145px}.hero{gap:8%}.portrait-scene{transform:scale(1.1)}}
@media(max-width:1100px){nav a{padding:12px 18px}.hero{gap:5%;grid-template-columns:.8fr 1.4fr}.hero h1{font-size:96px}.sphere{width:220px;height:220px}.orbit{width:290px;height:290px}.orbit-two{width:270px;height:270px}.coordinate{left:-80px}.identity-en{display:none}.photo-panel{grid-template-columns:.8fr 1.3fr;padding:35px;gap:30px}.photo-controls{grid-column:2;display:flex;align-items:center;gap:20px}.photo-number{font-size:20px;white-space:nowrap}.photo-number>span{display:inline;font-size:10px;letter-spacing:0}.photo-controls>p{margin:0}.photo-dots{display:none!important}.photo-copy{grid-row:span 2}.photo-stack{height:280px}.about-copy h2{font-size:32px}.giant-type{font-size:70px}.abstract-object{transform:scale(.8)}.music-panel{padding:40px;gap:30px}.record{width:260px;height:260px}.record-scene{min-height:330px}.music-copy h2{font-size:37px}}
@media(max-width:760px){html{scroll-padding-top:95px}header{height:75px;padding:15px 5%}.brand{font-size:21px}nav{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);padding:5px;gap:0;box-shadow:0 5px 30px #0008;white-space:nowrap}nav a{font-size:12px;padding:12px 16px;border-radius:15px}nav a.active:before{margin-right:5px}header .motion-toggle{font-size:10px}.section{padding:65px 7%}.hero{height:auto;min-height:980px;max-height:none;display:flex;flex-direction:column;align-items:stretch;padding-top:100px;padding-bottom:100px;gap:0}.portrait-scene{height:285px;order:1;position:absolute;right:-35px;top:105px;width:200px;opacity:.72;transform:scale(.65);transform-origin:right top}.sphere{height:240px;width:240px}.coordinate,.orb-caption{display:none}.hero-copy{padding-top:25px;order:2}.intro{font-size:12px;letter-spacing:2px;margin-bottom:48px}.hero h1{font-size:clamp(82px,20vw,135px);letter-spacing:-6px;margin-bottom:40px;position:relative;max-width:390px}.hero h1 b{transform:translate(3.85em,-.94em)}.hero h2{font-size:25px}.hero-tagline{font-size:18px}.hero-description{font-size:14px;line-height:2;margin-top:25px;max-width:310px}.identity{margin-top:35px;font-size:11px}.scroll-cue{bottom:70px;left:7%}.edition{display:none}.section-heading{margin-bottom:27px;align-items:start}.section-heading h2{font-size:28px}.section-heading>.muted{font-size:11px;max-width:110px;line-height:1.8;text-align:right}.section-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.about{padding-top:10px}.about-grid{grid-template-columns:1fr;gap:25px}.object-scene{height:350px;max-width:400px;width:100%;margin:auto}.giant-type{font-size:67px;left:0;top:15px}.abstract-object{width:225px;height:225px}.metal-ring{border-width:29px}.object-core{inset:72px}.object-label{font-size:16px;bottom:0}.about-copy h2{font-size:33px}.about-copy p:not(.eyebrow){font-size:14px}.principles{gap:20px}.principles span{font-size:18px;padding-right:25px}.tools{padding-top:15px}.playground{height:340px;border-radius:20px}.playground>p{left:20px;font-size:12px}.playground-hint{display:none}.tool{width:70px;height:70px;font-size:34px;border-radius:18px}.under-caption{font-size:10px}.work{padding-top:15px}.project-card{grid-template-columns:1fr}.project-visual{min-height:310px}.project-copy{padding:0 28px 35px}.project-copy h3{font-size:26px}.photo-panel{display:flex;flex-direction:column;padding:30px 24px;border-radius:22px;gap:25px;align-items:stretch}.photo-copy h2{font-size:29px;margin-top:15px}.photo-copy h2 br{display:none}.photo-copy p{font-size:12px}.photo-copy .text-link{font-size:13px}.demo-label{font-size:8px;margin-top:16px}.demo-label br{display:none}.photo-stack{height:270px;width:100%;margin:20px 0 10px}.photo-controls{gap:16px;flex-wrap:wrap}.photo-controls>p{font-size:10px;flex:1;min-width:90px}.circle{height:38px;width:38px}.music-panel{grid-template-columns:1fr;gap:30px;padding:25px;border-radius:22px}.record-scene{min-height:310px}.record{width:265px;height:265px}.music-copy h2{font-size:38px}.music-copy h2 br{display:none}.music-copy>p{font-size:13px}.music-copy .eyebrow{font-size:8px}.mini-player{bottom:83px;right:12px;padding:9px;gap:9px;border-radius:17px}.mini-player .mini-record,.mini-player #mute{display:none}.mini-player b{font-size:10px}.mini-player small{font-size:8px}.mini-player .play-button{width:31px;height:31px;font-size:11px;margin-left:4px}footer{padding-bottom:170px!important;padding-top:10px!important}footer h2{font-size:50px;margin-bottom:50px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span{order:3;width:100%;font-size:10px}.credits{font-size:8px;line-height:1.8}#project-dialog{padding:40px 25px}#project-dialog h2{font-size:28px}dialog{padding:25px 15px}.gallery-bottom{font-size:10px;gap:10px}.gallery-bottom p{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Keep the title punctuation attached at every breakpoint. */
.hero h1 br{display:block}.hero h1 span{display:inline}.hero h1 b{position:static;display:inline;transform:none;font-size:1em;margin-left:2px}
main{overflow:clip}html,body{max-width:100%;overflow-x:clip}@media(max-width:760px){.record{width:min(265px,100%);height:auto;aspect-ratio:1}.portrait-scene{right:-5px}}

/* Let the continuous liquid shader supply its own depth and highlights. */
.veil{background:linear-gradient(90deg,rgba(0,10,15,.08),rgba(0,10,15,.015))}body:after{opacity:.008}