:root{color-scheme:light;--ink: #143849;--ink-soft: #365f6c;--muted: #66848c;--paper: #f8fdff;--water-50: #f5fdff;--water-100: #dff7ff;--water-200: #b8ebf7;--water-500: #3db6cc;--blue-500: #378fb6;--coral-400: #ef704f;--gold-300: #ffd978;--gold-500: #b66f18;--red-700: #8c2f24;--glass: rgba(255, 255, 255, .68);--glass-strong: rgba(255, 255, 255, .9);--line: rgba(45, 157, 190, .2);--shadow: 0 24px 70px rgba(27, 112, 145, .15);--shadow-soft: 0 16px 42px rgba(31, 119, 149, .12);--radius-card: 8px;--radius-control: 8px;--max-page: 1660px;--max-content: 1280px;font-family:Avenir Next,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{min-width:320px;margin:0;overflow-x:hidden;background:radial-gradient(circle at 14% 12%,rgba(255,211,107,.18),transparent 26rem),radial-gradient(circle at 82% 12%,rgba(103,204,237,.42),transparent 34rem),radial-gradient(circle at 76% 58%,rgba(255,126,76,.16),transparent 34rem),radial-gradient(circle at 48% 88%,rgba(151,226,243,.3),transparent 32rem),linear-gradient(135deg,#f8fdff,#eaf9ff 46%,#fff9ea)}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(rgba(46,172,210,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(46,172,210,.045) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%)}body:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(ellipse at 24% 34%,rgba(255,255,255,.64),transparent 34rem),radial-gradient(ellipse at 78% 18%,rgba(193,238,252,.34),transparent 32rem),radial-gradient(ellipse at 20% 70%,rgba(255,219,120,.12),transparent 28rem),radial-gradient(ellipse at 74% 68%,rgba(239,112,79,.12),transparent 30rem)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}code{padding:.1rem .28rem;border-radius:5px;color:#31575e;background:#ffffffa6}.app{min-height:100svh}.lang-zh{font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,Avenir Next,system-ui,sans-serif}.section-shell{width:min(calc(100% - 40px),var(--max-page));margin-inline:auto}.content-section{padding:96px 0}.site-header{position:sticky;top:16px;z-index:30;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 40px),var(--max-page));min-height:66px;margin:16px auto 0;padding:.75rem .85rem .75rem 1rem;border:1px solid rgba(255,255,255,.78);border-radius:var(--radius-control);background:linear-gradient(135deg,#ffffffd1,#ecfaffb8),#ffffffad;box-shadow:0 18px 54px #1c789a24;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand-mark{display:inline-flex;align-items:center;gap:.68rem;min-height:46px;color:#183f47;font-family:Iowan Old Style,Baskerville,Libre Baskerville,Georgia,Times New Roman,Songti SC,serif;font-size:clamp(1.05rem,1vw,1.22rem);font-weight:620}.brand-koi{display:block;width:46px;height:46px;padding:2px;border:1px solid rgba(255,211,107,.38);border-radius:50%;background:#ffffff7a;object-fit:contain;overflow:visible;filter:drop-shadow(0 5px 10px rgba(173,88,55,.2));transform:translateY(0)}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:.18rem}.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:0 .56rem;border-radius:var(--radius-control);color:#22546a;font-size:.87rem;font-weight:650}.site-nav a:after{position:absolute;right:.8rem;bottom:.28rem;left:.8rem;height:2px;content:"";border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold-300),var(--coral-400),transparent);opacity:0;transform:scaleX(.3);transition:opacity .18s ease,transform .18s ease}.site-nav a:hover,.site-nav a:focus-visible{color:#143a43;background:#def8ffb8;outline:none}.site-nav a:hover:after,.site-nav a:focus-visible:after{opacity:1;transform:scaleX(1)}.language-toggle{display:inline-flex;align-items:center;gap:.32rem;min-height:38px;margin-left:.55rem;padding:0 .55rem;border:1px solid rgba(61,182,204,.2);border-radius:var(--radius-control);color:#526f77;background:#fff9;font-size:.84rem;font-weight:760}.language-toggle button{min-height:30px;padding:0 .12rem;border:0;color:inherit;background:transparent;cursor:pointer}.language-toggle button:hover,.language-toggle button:focus-visible,.language-toggle button.is-active{color:#183f47;outline:none}.language-toggle button.is-active{font-weight:850}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius-control);color:var(--ink);background:#ffffffb8}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;border-radius:2px;background:currentColor}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,.78fr);align-items:center;gap:clamp(2rem,5vw,6rem);min-height:min(690px,calc(100svh - 230px));padding:clamp(44px,6vw,84px) 0 clamp(38px,5vw,58px)}.ambient-water{position:absolute;inset:4% 0 auto auto;width:min(62vw,860px);height:min(62vw,760px);pointer-events:none;opacity:.95}.ambient-water:before{position:absolute;inset:7%;content:"";border-radius:44% 56% 63% 37%;background:radial-gradient(circle at 28% 32%,rgba(255,255,255,.82),transparent 11rem),radial-gradient(circle at 62% 38%,rgba(88,200,232,.34),transparent 19rem),radial-gradient(circle at 58% 70%,rgba(255,137,76,.18),transparent 15rem),radial-gradient(circle at 36% 76%,rgba(255,219,120,.14),transparent 13rem);filter:blur(2px);animation:slow-drift 18s ease-in-out infinite alternate}.bubble{position:absolute;display:block;border:1px solid rgba(57,175,212,.28);border-radius:999px;background:#ffffff4d;box-shadow:inset 0 0 16px #ffffffb8;animation:float-up 13s ease-in-out infinite}.bubble-one{right:18%;bottom:16%;width:22px;height:22px}.bubble-two{right:45%;bottom:6%;width:12px;height:12px;animation-delay:-5s}.bubble-three{right:8%;bottom:42%;width:16px;height:16px;animation-delay:-8s}.hero-copy{position:relative;z-index:2;max-width:760px}.hero-eyebrow{width:fit-content;max-width:100%;margin:0 0 .75rem;padding:.32rem .58rem;border:1px solid rgba(255,201,87,.34);border-radius:var(--radius-control);color:var(--red-700);background:linear-gradient(135deg,#fff6d2b8,#ffffff6b),#ffffff5c;box-shadow:0 8px 22px #d5673814;font-size:.74rem;font-weight:820;line-height:1.1;text-transform:uppercase}.lang-zh .hero-eyebrow{font-size:.82rem;font-weight:760;text-transform:none}.eyebrow{margin:0 0 .85rem;color:var(--gold-500);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:.82rem;color:#12394c;font-family:"Bodoni 72",Didot,Iowan Old Style,Baskerville,Libre Baskerville,Georgia,Times New Roman,Songti SC,serif;font-size:7.7rem;line-height:.96;font-weight:500;text-shadow:0 18px 52px rgba(46,151,191,.14),0 2px 0 rgba(255,255,255,.46)}.lang-zh h1{font-family:Songti SC,STSong,"Noto Serif CJK SC",PingFang SC,Hiragino Sans GB,serif;font-size:clamp(4rem,7.8vw,7.35rem);font-weight:620;letter-spacing:0}h2{margin-bottom:1rem;color:#173f49;font-family:Avenir Next,Segoe UI,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;font-size:clamp(2.15rem,4vw,4.4rem);line-height:1.04;font-weight:760}h3{color:#173f49;font-size:clamp(1.15rem,1.35vw,1.45rem);line-height:1.18}.hero-text{max-width:620px;margin-bottom:1.8rem;color:var(--ink-soft);font-size:clamp(1.08rem,1.4vw,1.34rem)}.hero-roles{display:grid;gap:0;margin-bottom:1.35rem}.hero-role-primary{margin-bottom:0;color:#204d60;line-height:1.2;font-size:1.55rem;font-weight:730}.hero-role-secondary{color:#355f66;font-size:1.2rem;font-weight:640}.hero-actions,.contact-actions,.resume-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.hero-actions{gap:.58rem}.hero-actions .button{min-height:46px;padding:.82rem .98rem;font-size:.95rem}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.62rem;min-height:48px;padding:.88rem 1.12rem;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-control);font-weight:780;line-height:1;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.button:after{position:absolute;inset:-80% -30%;content:"";background:radial-gradient(circle,rgba(255,255,255,.42),transparent 36%);opacity:0;transform:translate(-26%);transition:opacity .22s ease,transform .42s ease}.button:hover,.button:focus-visible{transform:translateY(-2px);outline:none}.button:hover:after,.button:focus-visible:after{opacity:1;transform:translate(18%)}.button-primary{color:#fffdf6;border-color:#ffda7873;background:linear-gradient(135deg,#8c2f24,#ef704f 46%,#ffd978 118%);box-shadow:0 16px 34px #dd5d403d}.button-secondary{color:#1f5870;border-color:#41b3d347;background:linear-gradient(135deg,#ffffffc7,#dff8ffbd),#ffffff9e;box-shadow:0 14px 30px #2c8fb41f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.button>span{position:relative;z-index:1}.icon-play,.icon-stop,.icon-grid,.icon-download,.icon-mail,.icon-link{position:relative;display:inline-block;width:17px;height:17px;flex:0 0 17px}.icon-play:before{position:absolute;top:2px;left:4px;width:0;height:0;content:"";border-top:6.5px solid transparent;border-bottom:6.5px solid transparent;border-left:10px solid currentColor}.icon-stop:before{position:absolute;inset:3px;content:"";border-radius:3px;background:currentColor}.icon-grid{border:2px solid currentColor;border-radius:4px;box-shadow:inset 7px 0 0 transparent}.icon-grid:before,.icon-grid:after{position:absolute;content:"";background:currentColor}.icon-grid:before{top:-2px;bottom:-2px;left:6px;width:2px}.icon-grid:after{right:-2px;left:-2px;top:6px;height:2px}.icon-download:before{position:absolute;top:1px;left:7px;width:2px;height:10px;content:"";border-radius:2px;background:currentColor}.icon-download:after{position:absolute;right:2px;bottom:1px;left:2px;height:7px;content:"";border:2px solid currentColor;border-top:0;border-radius:0 0 4px 4px}.icon-mail:before{position:absolute;inset:3px 1px 2px;content:"";border:1.8px solid currentColor;border-radius:4px}.icon-mail:after{position:absolute;top:5px;left:3px;width:11px;height:7px;content:"";border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:skewY(-34deg) rotate(45deg);transform-origin:50% 50%}.icon-link:before{position:absolute;inset:2px 1px 2px 5px;content:"";border:2px solid currentColor;border-left:0;border-radius:8px}.icon-link:after{position:absolute;inset:5px 5px 5px 1px;content:"";border:2px solid currentColor;border-right:0;border-radius:8px}.tag-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.65rem}.tag-row span,.pill-list span,.track-tags span{display:inline-flex;align-items:center;min-height:31px;padding:.38rem .62rem;border:1px solid rgba(61,182,204,.24);border-radius:var(--radius-control);color:#245c70;background:linear-gradient(135deg,#ffffffb8,#dff9ff94),#ffffff80;box-shadow:inset 0 1px #ffffffb8;font-size:.82rem;font-weight:720}.tag-row span:nth-child(1),.tag-row span:nth-child(2){border-color:#ffca536b;color:#7e3a25;background:linear-gradient(135deg,#fff4cac7,#ffffff9e),#ffffff8a}.hero-visual{position:relative;isolation:isolate;z-index:1;display:grid;place-items:center;aspect-ratio:1 / .95;min-height:430px;overflow:visible;border:1px solid rgba(255,255,255,.64);border-radius:50%;background:radial-gradient(circle at 48% 44%,rgba(255,255,255,.62),transparent 13rem),radial-gradient(circle at 54% 50%,rgba(96,202,234,.22),transparent 18rem),radial-gradient(circle at 36% 66%,rgba(255,126,72,.13),transparent 14rem),#f6fdff42;box-shadow:0 30px 76px #257ea026,inset 0 0 62px #ffffff70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-visual:before,.hero-visual:after{position:absolute;content:"";pointer-events:none}.hero-visual:before{z-index:0;inset:4%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.78),transparent 46%),radial-gradient(circle at 50% 50%,rgba(133,222,240,.16),transparent 66%);filter:blur(10px);opacity:.84}.hero-visual:after{z-index:1;inset:10%;border-radius:50%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.42),transparent 11rem),radial-gradient(circle at 68% 70%,rgba(255,213,126,.12),transparent 15rem);filter:blur(.5px);opacity:.56}.hero-music-particles{position:absolute;inset:-8% -10% -8% -72%;z-index:9;overflow:visible;opacity:0;pointer-events:none;transition:opacity .7s ease}.hero-music-particles.is-playing{opacity:1}.music-particle{position:absolute;display:block;color:#fffaea6b;filter:blur(.08px);opacity:0;transform:translateZ(0) scale(1);will-change:transform,opacity}.hero-music-particles.is-playing .music-particle{animation:music-drift-left var(--particle-duration, 16s) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}.particle-note{color:#ffeebc5c;font-family:Georgia,Times New Roman,serif;font-size:var(--particle-size, 1.34rem);font-weight:500;line-height:1;text-shadow:0 0 14px rgba(255,218,120,.18),0 0 24px rgba(127,220,238,.12)}.particle-clef,.particle-rest{color:#fffbee57;font-family:Georgia,Times New Roman,serif;font-size:var(--particle-size, 2.1rem);font-weight:400;line-height:.8;text-shadow:0 0 16px rgba(255,241,190,.2),0 0 30px rgba(170,231,243,.14)}.particle-staff{width:var(--particle-width, 104px);height:20px;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(#b3e9f438,#b3e9f438) 0 5px / 100% 1px no-repeat,linear-gradient(#ffe3a033,#ffe3a033) 0 10px / 100% 1px no-repeat,linear-gradient(#fff3,#fff3) 0 15px / 100% 1px no-repeat;border-radius:999px;filter:blur(.15px)}.particle-arc{width:76px;height:28px;border-top:1px solid rgba(195,238,246,.26);border-radius:50% 50% 0 0;box-shadow:0 -3px 12px #ffebb31a;transform-origin:50% 100%}.particle-ripple{width:var(--particle-size, 42px);aspect-ratio:1;border:1px solid rgba(225,249,250,.28);border-radius:50%;box-shadow:inset 0 0 18px #69c5dc1f,0 0 22px #ffda781a}.particle-dot{width:var(--particle-size, 6px);aspect-ratio:1;border-radius:50%;background:#fff5d36b;box-shadow:0 0 16px #ffda7842,0 0 26px #72cbe21f}.particle-one{top:35%;left:80%;--particle-size: 2.1rem;--particle-duration: 18s;--particle-delay: -3s;--drift-x: -390px;--drift-y: -54px;--drift-rotate: -14deg}.particle-two{top:47%;left:85%;--particle-size: 1.55rem;--particle-duration: 20s;--particle-delay: -8s;--drift-x: -430px;--drift-y: 20px;--drift-rotate: 10deg}.particle-three{top:61%;left:80%;--particle-size: 1.18rem;--particle-duration: 19s;--particle-delay: -13s;--drift-x: -365px;--drift-y: 62px;--drift-rotate: -8deg}.particle-four{top:42%;left:76%;--particle-size: 1.65rem;--particle-duration: 24s;--particle-delay: -6s;--drift-x: -450px;--drift-y: -38px;--drift-rotate: -12deg}.particle-five{top:39%;left:79%;--particle-width: 124px;--particle-duration: 25s;--particle-delay: -11s;--drift-x: -430px;--drift-y: -70px;--drift-rotate: -8deg}.particle-six{top:57%;left:84%;--particle-width: 86px;--particle-duration: 22s;--particle-delay: -15s;--drift-x: -350px;--drift-y: 46px;--drift-rotate: 7deg}.particle-seven{top:28%;left:88%;--particle-duration: 23s;--particle-delay: -9s;--drift-x: -400px;--drift-y: -44px;--drift-rotate: -10deg}.particle-eight{top:67%;left:86%;--particle-size: 54px;--particle-duration: 24s;--particle-delay: -16s;--drift-x: -350px;--drift-y: 28px;--drift-rotate: 0deg}.particle-nine{top:29%;left:84%;--particle-size: 5px;--particle-duration: 16s;--particle-delay: -5s;--drift-x: -330px;--drift-y: -58px;--drift-rotate: 0deg}.particle-ten{top:51%;left:90%;--particle-size: 7px;--particle-duration: 18s;--particle-delay: -12s;--drift-x: -300px;--drift-y: -8px;--drift-rotate: 0deg}.particle-eleven{top:72%;left:82%;--particle-size: 6px;--particle-duration: 21s;--particle-delay: -17s;--drift-x: -370px;--drift-y: 52px;--drift-rotate: 0deg}.hero-record{position:absolute;inset:5.5%;z-index:2;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.78);border-radius:50%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.92),transparent 14%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.68) 0 11%,transparent 12%),conic-gradient(from 14deg,#beefffe0,#ffd6eac2,#ffeba7c2,#c4f5e0c2,#d5cdffc2,#fff7ffd6,#beefffe0),linear-gradient(135deg,#e8fbffeb,#fff8dfcc);box-shadow:0 24px 58px #257ea02e,inset 0 0 34px #ffffffbd,inset 0 0 88px #8cdcec2e;transform-origin:center;animation:none;pointer-events:none}.hero-record.has-motion{animation:hero-record-spin 50s linear infinite;animation-play-state:paused}.hero-record.has-motion.is-spinning{animation-play-state:running}.hero-record:before,.hero-record:after{position:absolute;content:"";pointer-events:none}.hero-record:before{inset:3.5%;z-index:1;border-radius:50%;background:radial-gradient(circle,transparent 0 12%,rgba(255,255,255,.44) 12.4% 13%,transparent 13.4%),repeating-radial-gradient(circle at 50% 50%,rgba(34,142,178,.13) 0 1px,transparent 1px 11px,rgba(255,255,255,.16) 12px 13px,transparent 13px 23px);mix-blend-mode:soft-light;opacity:.95}.hero-record:after{inset:0;z-index:7;border-radius:50%;background:linear-gradient(126deg,rgba(255,255,255,.52),transparent 22% 56%,rgba(255,255,255,.24) 68%,transparent 78%),radial-gradient(circle at 28% 22%,rgba(255,255,255,.56),transparent 16%),radial-gradient(circle at 72% 78%,rgba(132,222,240,.18),transparent 25%);mix-blend-mode:screen;opacity:.72}.hero-record-hub{position:absolute;top:50%;left:50%;z-index:6;width:19%;aspect-ratio:1;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.9),transparent 36%),conic-gradient(from 40deg,#fff0b8b8,#d8f6ffbd,#ffdaedad,#e5dcffa8,#fff0b8b8);box-shadow:0 8px 20px #7e3a2514,inset 0 0 18px #ffffffad;opacity:.78;transform:translate(-50%,-50%);pointer-events:none}.hero-tonearm{position:absolute;top:8%;right:-10%;z-index:12;width:min(54%,330px);height:68%;padding:0;border:0;color:#8a3f2a;background:transparent;cursor:pointer;overflow:visible;transform:translateZ(0)}.hero-tonearm:before{position:absolute;top:8%;right:10%;width:54px;aspect-ratio:1;content:"";border:1px solid rgba(255,255,255,.72);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.86),transparent 36%),linear-gradient(135deg,#fff4cfc7,#b6e5ee8a);box-shadow:0 12px 28px #257ea021,inset 0 0 18px #ffffffa8;opacity:.78;transition:opacity .22s ease,transform .22s ease}.tonearm-base{position:absolute;top:15.5%;right:17.5%;z-index:3;width:18px;aspect-ratio:1;border:1px solid rgba(126,58,37,.18);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.86),transparent 42%),#ffeba9b3;box-shadow:0 6px 14px #7e3a251c}.tonearm-arm{position:absolute;top:18.2%;right:21%;z-index:2;display:block;width:64%;height:3px;border-radius:999px;background:linear-gradient(90deg,#fffce9e6,#b2654db8 48%,#fff4c6cc);box-shadow:0 3px 10px #7e3a251f,0 0 14px #ffffff47;transform:rotate(-18deg) translate3d(0,-9px,0);transform-origin:right center;transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,opacity .22s ease}.tonearm-arm:before{position:absolute;top:50%;right:7%;width:22%;height:2px;content:"";border-radius:inherit;background:#ffffff7a;transform:translateY(-50%)}.tonearm-head{position:absolute;top:50%;left:-7px;width:18px;height:14px;border-radius:7px 7px 9px 3px;background:linear-gradient(135deg,#fffae1e0,#da885ead),#ffffff6b;box-shadow:0 5px 12px #7e3a2524;transform:translateY(-50%) rotate(-4deg)}.tonearm-head:after{position:absolute;bottom:-8px;left:3px;width:1px;height:10px;content:"";border-radius:999px;background:#7e3a2594;transform:rotate(16deg);transform-origin:top center}.tonearm-callout{position:absolute;right:-.55rem;bottom:6%;display:grid;min-width:190px;max-width:226px;gap:.2rem;padding:.72rem .86rem;border:1px solid rgba(255,255,255,.74);border-radius:17px;color:#7e3a25;background:radial-gradient(circle at 16% 24%,rgba(255,244,196,.84),transparent 42%),linear-gradient(135deg,#fffce7db,#e8faffa8),#ffffff85;box-shadow:0 18px 36px #257ea026,0 0 0 1px #ffca5314;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(0);transition:transform .36s cubic-bezier(.22,1,.36,1),border-color .22s ease,background .22s ease,opacity .22s ease,box-shadow .22s ease}.tonearm-callout:before{position:absolute;top:50%;left:-34px;width:34px;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(177,69,53,.34),rgba(255,202,83,.36));opacity:.82;transition:opacity .22s ease}.tonearm-callout:after{position:absolute;top:50%;left:11px;width:2px;height:26px;content:"";border-radius:999px;background:#fffce7d6;box-shadow:6px 0 #ffca5357,12px 0 #ef704f3d;opacity:0;transform:translateY(-50%);transition:opacity .22s ease}.tonearm-callout-title{color:#173f4dad;font-size:.7rem;line-height:1.28;transition:opacity .18s ease,transform .18s ease}.tonearm-callout strong{color:#7e3a25;font-size:.9rem;font-weight:840;line-height:1.18;transition:opacity .18s ease,transform .18s ease}.hero-tonearm:hover:before,.hero-tonearm:focus-visible:before{opacity:.96;transform:scale(1.04)}.hero-tonearm:hover .tonearm-arm,.hero-tonearm:focus-visible .tonearm-arm{box-shadow:0 4px 14px #7e3a252e,0 0 18px #fffce070}.hero-tonearm:hover .tonearm-callout,.hero-tonearm:focus-visible .tonearm-callout{border-color:#ffca539e;background:linear-gradient(135deg,#fffce5e0,#e8faffad),#ffffff85;box-shadow:0 20px 42px #257ea02e,0 0 22px #ffca5324;transform:translateY(-2px)}.hero-tonearm:focus-visible{outline:none}.hero-tonearm:focus-visible:before{box-shadow:0 12px 28px #257ea021,0 0 0 3px #ffe49438,0 0 18px #ffca532e,inset 0 0 18px #ffffffa8}.hero-tonearm.is-needle-down .tonearm-arm{transform:rotate(-37deg) translate3d(-1px,4px,0)}.hero-tonearm.is-needle-down:not(:hover):not(:focus-within) .tonearm-callout{opacity:.82;transform:translate(calc(100% - 34px))}.hero-tonearm.is-needle-down:not(:hover):not(:focus-within) .tonearm-callout:before{opacity:0}.hero-tonearm.is-needle-down:not(:hover):not(:focus-within) .tonearm-callout:after{opacity:1}.hero-tonearm.is-needle-down:not(:hover):not(:focus-within) .tonearm-callout-title,.hero-tonearm.is-needle-down:not(:hover):not(:focus-within) .tonearm-callout strong{opacity:0;transform:translate(8px)}.hero-tonearm.is-playing .tonearm-head:after{background:#b14535b8;box-shadow:0 0 12px #ffca5370}.home-mini-record{position:fixed;top:clamp(280px,68vh,690px);right:0;z-index:24;display:flex;width:238px;min-height:78px;align-items:center;gap:.68rem;padding:.28rem .7rem .28rem .24rem;border:0;color:#265765;background:transparent;cursor:pointer;opacity:0;pointer-events:none;transform:translate(calc(100% - 52px));transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .26s ease}.home-mini-record.is-visible{opacity:.94;pointer-events:auto}.home-mini-record.is-visible:hover,.home-mini-record.is-visible:focus-visible{opacity:1;outline:none;transform:translate(-10px)}.home-mini-record-disc{position:relative;flex:0 0 72px;width:72px;aspect-ratio:1;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:conic-gradient(from 18deg,#b7ebf8f0,#ffdcebe0,#ffebaee6,#c7f2e1e0,#d3cff9e0,#b7ebf8f0);box-shadow:0 12px 30px #257ea033,inset 0 0 18px #ffffffb8}.home-mini-record-disc:before,.home-mini-record-disc:after{position:absolute;content:"";border-radius:50%;pointer-events:none}.home-mini-record-disc:before{inset:8%;z-index:2;background:repeating-radial-gradient(circle,transparent 0 5px,rgba(42,129,154,.14) 5px 6px,transparent 6px 10px);opacity:.72}.home-mini-record-disc:after{top:50%;left:50%;z-index:4;width:22%;aspect-ratio:1;border:1px solid rgba(255,255,255,.72);background:#fff7d8b8;box-shadow:0 0 12px #ffffff80;transform:translate(-50%,-50%)}.home-mini-record-surface{position:absolute;inset:0;z-index:1;display:grid;place-items:center;border-radius:inherit;transform-origin:center}.home-mini-record-surface img{width:92%;height:92%;object-fit:contain;opacity:.72}.home-mini-record.is-playing .home-mini-record-surface{animation:hero-record-spin 50s linear infinite}.home-mini-record-short{position:absolute;inset:0;z-index:5;display:grid;place-items:center;color:#7e3a25;font-size:.62rem;font-weight:820;line-height:1;text-shadow:0 1px 8px rgba(255,255,255,.88)}.home-mini-record-label{display:grid;flex:1 1 auto;min-width:0;gap:.18rem;padding:.62rem .72rem;border:1px solid rgba(255,255,255,.78);border-radius:16px;background:linear-gradient(135deg,#fffceae0,#e5f8fdd1),#ffffff9e;box-shadow:0 14px 34px #257ea026,inset 0 1px #ffffffc2;text-align:left;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-mini-record-label span{overflow:hidden;color:#173f4da8;font-size:.66rem;line-height:1.25;text-overflow:ellipsis}.home-mini-record-label strong{color:#7e3a25;font-size:.8rem;font-weight:820;line-height:1.2}.home-mini-record:focus-visible .home-mini-record-disc{box-shadow:0 12px 30px #257ea033,0 0 0 3px #ffe4943d,inset 0 0 18px #ffffffb8}.ripple-field{position:absolute;inset:8%;z-index:2}.ripple-field span{position:absolute;inset:18%;border:1px solid rgba(35,158,199,.3);border-radius:50%}.ripple-field span:nth-child(2){inset:8%}.ripple-field span:nth-child(3){inset:0}.goldfish{position:absolute;z-index:3;width:210px;height:108px;transform-origin:center}.fish-art-shell{position:absolute;inset:0;z-index:8;display:block;pointer-events:none;transform-origin:50% 52%}.hero-visual.has-art .fish-art-pair{animation:none}.fish-art-shell:before,.fish-art-shell:after{position:absolute;content:"";pointer-events:none}.fish-art-shell:before{inset:20% 7% 16% 8%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.34),transparent 58%),radial-gradient(circle at 60% 48%,rgba(239,112,79,.24),transparent 60%),radial-gradient(circle at 42% 62%,rgba(99,207,237,.22),transparent 58%);filter:blur(12px)}.fish-art-shell:after{inset:8% 0 10%;z-index:1;border-radius:50%;background:radial-gradient(circle at 48% 42%,rgba(255,255,255,.14),transparent 24%),radial-gradient(circle at 60% 58%,rgba(177,235,248,.16),transparent 48%),radial-gradient(circle at 40% 62%,rgba(255,202,125,.12),transparent 42%);mix-blend-mode:screen;opacity:.58}.goldfish-art{position:absolute;top:50%;left:50%;z-index:4;display:block;width:min(100%,670px);max-width:none;max-height:none;object-fit:contain;opacity:0;filter:saturate(1.12) contrast(1.03) drop-shadow(0 20px 28px rgba(132,59,37,.18)) drop-shadow(0 3px 12px rgba(255,255,255,.4));transform:translate3d(-50%,-48%,0) rotate(-3deg);transition:opacity .42s ease,transform .42s ease}.hero-visual.has-art .goldfish-art{opacity:1;transform:translate3d(-50%,-50%,0) rotate(-2deg)}.hero-visual.has-art .goldfish{opacity:0;visibility:hidden}.goldfish-main{top:38%;left:34%}.goldfish-small{top:19%;right:14%;width:118px;height:64px;opacity:.82;transform:rotate(-13deg);animation-duration:13s}.fish-body{position:absolute;inset:18% 18% 14% 22%;border-radius:58% 42% 50% 48%;background:radial-gradient(circle at 74% 38%,#5b2a1e 0 3px,transparent 3.8px),radial-gradient(circle at 34% 28%,rgba(255,255,255,.58),transparent 1.7rem),linear-gradient(135deg,#f7ca75,#ee9558 45%,#de604f);box-shadow:inset -18px -14px 30px #9b37242e,0 18px 34px #d370502e}.fish-tail{position:absolute;top:28%;left:4%;width:58px;height:58px;border-radius:75% 8%;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.6),transparent 1.4rem),linear-gradient(135deg,#f4cf79e6,#e65e4fad);filter:blur(.2px);transform:rotate(45deg)}.fish-fin{position:absolute;width:48px;height:24px;border-radius:80% 8% 80% 12%;background:#e78371b3;filter:blur(.2px)}.fin-top{top:12%;left:47%;transform:rotate(-22deg)}.fin-bottom{bottom:7%;left:49%;background:#f4cf79a6;transform:rotate(28deg)}.section-intro{width:min(100%,820px);margin-bottom:2.4rem}.about-section .section-intro{width:100%;margin-bottom:var(--about-grid-gap)}.about-section .section-intro h2{max-width:900px;text-wrap:balance}.section-intro p:last-child{margin-bottom:0;color:var(--ink-soft);font-size:1.05rem}.page-context{position:relative;z-index:2;display:grid;gap:.7rem;margin-bottom:clamp(1.15rem,1.8vw,1.6rem)}.breadcrumb-nav,.category-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.42rem}.breadcrumb-nav{color:#4d6368c2;font-size:.78rem;font-weight:760}.breadcrumb-nav a,.breadcrumb-nav span:last-child{color:inherit}.breadcrumb-nav a:hover,.breadcrumb-nav a:focus-visible{color:var(--red-700);outline:none}.category-nav{gap:.5rem}.category-nav a,.continue-browsing a,.additional-section-nav a{display:inline-flex;align-items:center;min-height:34px;padding:.4rem .68rem;border:1px solid rgba(61,182,204,.2);border-radius:var(--radius-control);color:#245c70;background:linear-gradient(135deg,#ffffffb3,#e1f9ff85),#ffffff73;box-shadow:inset 0 1px #ffffff94;font-size:.83rem;font-weight:780;transition:transform .18s ease,border-color .18s ease,background .18s ease}.category-nav a:hover,.category-nav a:focus-visible,.category-nav a.is-active,.continue-browsing a:hover,.continue-browsing a:focus-visible,.continue-browsing a.is-current,.additional-section-nav a:hover,.additional-section-nav a:focus-visible,.additional-section-nav a.is-active{border-color:#ef704f57;color:var(--red-700);background:linear-gradient(135deg,#fff8dbc7,#e0f9ff9e),#fff9;outline:none;transform:translateY(-1px)}.continue-browsing a.is-current{border-color:#ef704f7a;background:linear-gradient(135deg,#ffe8a0db,#fffae6ad),#ffffffa3;box-shadow:inset 0 1px #ffffffa8,0 10px 22px #dd5d401f}.continue-browsing{display:grid;gap:.65rem;margin-top:clamp(1.35rem,2vw,1.9rem);padding:1rem;border:1px solid rgba(61,182,204,.14);border-radius:var(--radius-card);background:radial-gradient(circle at 10% 10%,rgba(255,217,120,.16),transparent 10rem),linear-gradient(135deg,#ffffffa8,#e2f9ff7a)}.continue-browsing p{margin:0;color:#7f3026;font-size:.82rem;font-weight:820;text-transform:uppercase}.continue-browsing div{display:flex;flex-wrap:wrap;gap:.55rem}.works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,1.7vw,1.45rem)}.featured-work-section{position:relative}.featured-work-section .section-intro{margin-bottom:clamp(1.45rem,2vw,1.9rem)}.featured-work-layout{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(340px,.76fr);gap:clamp(1rem,1.8vw,1.55rem);align-items:stretch}.featured-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,1.6vw,1.45rem);align-items:stretch}.featured-work-side-grid{display:grid;height:100%;grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(.68rem,1vw,.85rem)}.work-card,.case-study-shell,.case-study-card,.additional-panel,.arrangement-project-card,.additional-work-card,.audio-project-card,.mockup-project-card,.timeline-step,.film-score-card,.about-highlight-card,.resume-card,.reel-panel,.reel-note{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:var(--radius-card);background:linear-gradient(140deg,#ffffffd1,#f5fefd94),#fff9;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.work-card{display:flex;flex-direction:column;min-height:420px;padding:1.35rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.featured-entry-card{min-height:460px;padding:clamp(1rem,1.45vw,1.35rem);background:radial-gradient(circle at 82% 16%,rgba(255,215,120,.18),transparent 10rem),radial-gradient(circle at 10% 92%,rgba(80,202,226,.14),transparent 13rem),linear-gradient(140deg,#ffffffd6,#f0feff9e),#ffffffa3}.featured-work-grid .work-card.is-music-design-card .work-preview-list{margin-top:auto}.featured-work-grid .work-card.is-music-design-card .work-card-cta{margin-top:clamp(.9rem,1.4vw,1.15rem)}.work-card-main{min-height:500px;padding:clamp(1.25rem,1.9vw,1.8rem);background:radial-gradient(circle at 82% 18%,rgba(255,215,120,.24),transparent 18rem),radial-gradient(circle at 16% 86%,rgba(80,202,226,.18),transparent 19rem),linear-gradient(140deg,#ffffffe0,#f0feff9e),#ffffffa8}.work-card-main .card-watermark{top:-120px;right:-112px;width:min(40vw,360px);height:min(40vw,360px);background:radial-gradient(circle,rgba(255,255,255,.82) 0 28%,transparent 29%),repeating-radial-gradient(circle,rgba(61,182,204,.13) 0 1px,transparent 1px 18px)}.work-card-compact{justify-content:center;min-height:0;padding:.95rem}.work-card-compact .pill-list{margin-top:.2rem}.work-card-compact .pill-list span{min-height:27px;padding:.26rem .48rem;font-size:.74rem}.work-card:before,.case-study-card:before,.additional-panel:before,.arrangement-project-card:before,.additional-work-card:before,.audio-project-card:before,.mockup-project-card:before,.timeline-step:before,.film-score-card:before,.about-highlight-card:before,.resume-card:before,.track-card:before{position:absolute;inset:auto -20% -72%;height:170px;content:"";border-radius:50%;background:radial-gradient(circle,rgba(78,184,190,.16),transparent 66%);opacity:0;transform:translateY(20px);transition:opacity .22s ease,transform .22s ease}.work-card:hover,.case-study-card:hover,.additional-panel:hover,.arrangement-project-card:hover,.additional-work-card:hover,.audio-project-card:hover,.mockup-project-card:hover,.timeline-step:hover,.film-score-card:hover,.about-highlight-card:hover,.resume-card:hover{border-color:#5ab0b757;box-shadow:0 26px 64px #28647129;transform:translateY(-6px)}.work-card:hover:before,.case-study-card:hover:before,.additional-panel:hover:before,.arrangement-project-card:hover:before,.additional-work-card:hover:before,.audio-project-card:hover:before,.mockup-project-card:hover:before,.timeline-step:hover:before,.film-score-card:hover:before,.about-highlight-card:hover:before,.resume-card:hover:before,.track-card:hover:before{opacity:1;transform:translateY(0)}.film-section{position:relative}.film-disclaimer{width:min(100%,840px);margin:-1.35rem 0 2rem;color:#315d66d1;font-size:.92rem;line-height:1.55}.film-score-showcase{display:grid;gap:clamp(1.35rem,2.2vw,2rem)}.film-score-block{position:relative;display:grid;gap:.95rem}.film-score-featured-block{padding:clamp(.95rem,1.6vw,1.25rem);border:1px solid rgba(61,182,204,.16);border-radius:var(--radius-card);background:radial-gradient(circle at 8% 8%,rgba(255,217,120,.18),transparent 10rem),radial-gradient(circle at 92% 18%,rgba(61,182,204,.16),transparent 14rem),linear-gradient(135deg,#ffffffa8,#e1f9ff75);box-shadow:0 16px 38px #1f779514}.film-score-more-block{padding-top:clamp(1.15rem,2vw,1.7rem);border-top:1px solid rgba(61,182,204,.18)}.film-score-block-heading h3{margin:0;color:var(--red-700);font-size:clamp(1.25rem,1.7vw,1.7rem)}.film-score-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,1.8vw,1.4rem)}.film-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.5rem)}.film-score-featured-grid .film-score-card{height:100%}.film-score-card{display:grid;gap:.82rem;min-height:0;padding:1rem;scroll-margin-top:110px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.film-video-frame{position:relative;z-index:1;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(77,148,158,.16);border-radius:var(--radius-control);background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.46),transparent 10rem),linear-gradient(135deg,#10465838,#fff8db33),#ebf8f69e;box-shadow:inset 0 0 24px #ffffff42}.film-card-badge{position:absolute;top:.62rem;left:.62rem;z-index:2;max-width:calc(100% - 1.24rem);padding:.28rem .5rem;border:1px solid rgba(255,202,83,.58);border-radius:999px;color:#7e3a25;background:linear-gradient(135deg,#fff8dbf2,#fffc),#fff8dbe0;box-shadow:0 8px 18px #7e3a251f;font-size:.72rem;font-weight:860}.film-video-frame video{display:block;width:100%;height:100%;background:#102f38;object-fit:contain}.film-score-card h3{position:relative;z-index:1;margin:0;color:var(--red-700);font-size:clamp(1.02rem,1.18vw,1.25rem);line-height:1.22}.film-score-card p{position:relative;z-index:1;margin:0;color:var(--ink-soft);font-size:.9rem;font-weight:740}.film-score-card .film-card-credit{margin-top:-.15rem;color:#315d66ad;font-size:.78rem;font-weight:620;line-height:1.45}.film-tag-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.36rem}.film-tag-list span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:auto;min-width:0;height:auto;padding:.28rem .48rem;border:1px solid rgba(61,182,204,.18);border-radius:999px;color:#24586a;background:#ffffff94;font-size:.72rem;font-weight:760;line-height:1.2;white-space:nowrap}.card-watermark{position:absolute;top:-80px;right:-90px;width:190px;height:190px;border-radius:50%;opacity:.78;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%)}.accent-aqua .card-watermark{background:radial-gradient(circle,rgba(95,203,203,.28),transparent 68%)}.accent-gold .card-watermark{background:radial-gradient(circle,rgba(244,207,121,.34),transparent 68%)}.accent-coral .card-watermark{background:radial-gradient(circle,rgba(231,131,113,.28),transparent 68%)}.accent-blue .card-watermark{background:radial-gradient(circle,rgba(80,122,171,.22),transparent 68%)}.work-type{position:relative;margin-bottom:1.2rem;color:var(--muted);font-size:.78rem;font-weight:780;text-transform:uppercase}.work-number{position:relative;z-index:1;width:fit-content;margin-bottom:1.05rem;padding:.24rem .5rem;border:1px solid rgba(255,202,83,.38);border-radius:999px;color:#7e3a25;background:#fff8db9e;font-size:.76rem;font-weight:860;letter-spacing:.04em}.work-entry-heading{position:relative;z-index:1}.work-card h3{position:relative;margin-bottom:.45rem;font-size:clamp(1.35rem,2vw,2rem)}.featured-entry-card h3{margin-bottom:.34rem;font-size:clamp(1.45rem,1.75vw,2rem);line-height:1.05}.work-main-project{margin-bottom:.9rem;color:#7f3026;font-size:.95rem;font-weight:820}.work-role{position:relative;margin-bottom:1.15rem;color:#2f6670;font-weight:780}.work-summary{position:relative;margin-bottom:1.25rem;color:var(--ink-soft)}.featured-entry-card .work-summary{z-index:1;min-height:5.2em;margin-bottom:1rem;color:#315d66;font-size:.94rem;line-height:1.46}.work-card-main h3{max-width:760px;margin-bottom:.35rem;font-size:clamp(2.05rem,3.3vw,4.1rem);line-height:.98}.work-card-main .work-type{margin-bottom:.78rem}.work-card-main .work-role{margin-bottom:.72rem;color:#7f3026;font-size:clamp(1.02rem,1.35vw,1.25rem)}.work-card-main .work-summary{max-width:760px;margin-bottom:.75rem;color:#244f58;font-size:clamp(1rem,1.14vw,1.12rem)}.work-main-heading{position:relative;z-index:1}.work-card-main .pill-list{max-width:760px;margin-top:.35rem}.work-card-compact .work-type{margin-bottom:.46rem}.work-card-compact h3{margin-bottom:.32rem;font-size:clamp(1.12rem,1.4vw,1.38rem)}.work-card-compact .work-role{margin-bottom:.46rem;font-size:.88rem;line-height:1.32}.work-card-compact .work-summary{display:none}.work-preview-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;margin:.15rem 0 .1rem}.work-preview-block{min-height:104px;padding:.78rem .82rem;border:1px solid rgba(61,182,204,.18);border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffffb3,#e5faff7a),#ffffff7a;box-shadow:inset 0 1px #ffffffb3,0 10px 24px #2a8aa814}.work-preview-block h4{margin-bottom:.36rem;color:#7f3026;font-size:.86rem;font-weight:840;line-height:1.18}.work-preview-block p{margin-bottom:0;color:#345f67;font-size:.88rem;line-height:1.42}.work-preview-list{position:relative;z-index:1;display:grid;gap:.48rem;margin-top:1rem}.work-preview-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;min-height:42px;padding:.48rem .6rem;border:1px solid rgba(61,182,204,.18);border-radius:var(--radius-control);color:#244f58;background:#ffffff8a;appearance:none;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:760;line-height:1.25;text-align:left;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.work-preview-row-media{align-items:center;min-height:68px;padding:.42rem}.work-preview-thumb{width:76px;aspect-ratio:16 / 9;flex:0 0 auto;overflow:hidden;border:1px solid rgba(61,182,204,.16);border-radius:8px;background:#102f382e;object-fit:cover}.work-preview-cover{position:relative;width:76px;aspect-ratio:16 / 9;flex:0 0 auto;overflow:hidden;border:1px solid rgba(61,182,204,.16);border-radius:8px;background:linear-gradient(145deg,#e8f9fdf5,#fff0bfb8);box-shadow:inset 0 0 24px #ffffff6b}.work-preview-cover:before,.work-preview-cover:after,.work-preview-cover-shape{position:absolute;content:"";pointer-events:none}.work-preview-cover-log-on{background:radial-gradient(circle at 76% 28%,rgba(246,103,75,.76),transparent 17%),radial-gradient(circle at 22% 76%,rgba(92,220,238,.76),transparent 30%),linear-gradient(145deg,#143660f5,#3db1cdd1 54%,#f0fafbeb)}.work-preview-cover-log-on:before{inset:14% 12%;border:1px solid rgba(237,252,255,.34);border-radius:6px;background-image:linear-gradient(rgba(245,252,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(245,252,255,.18) 1px,transparent 1px);background-size:9px 9px;box-shadow:0 0 18px #60ddec57;transform:rotate(-8deg)}.work-preview-cover-log-on:after{top:18%;left:21%;width:3px;height:3px;border-radius:50%;background:#ffde68f5;box-shadow:17px 8px #ff7652db,36px -2px #d6fbffcc,48px 21px #ffdc5fd1,10px 29px #eefbffb8}.work-preview-cover-log-on .work-preview-cover-shape-a{inset:48% -10% auto 20%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,236,158,.86),transparent);transform:rotate(-14deg)}.work-preview-cover-log-on .work-preview-cover-shape-b{right:10%;bottom:12%;width:18px;height:18px;border:1px solid rgba(255,228,137,.72);border-radius:50%;box-shadow:inset 0 0 10px #ffffff5c}.work-preview-cover-log-on .work-preview-cover-shape-c{top:14%;left:10%;width:18px;height:7px;border-radius:999px;background:#9ff1f957;filter:blur(.2px)}.work-preview-copy{display:grid;min-width:0;gap:.2rem;margin-right:auto}.work-preview-title{overflow:hidden;color:#244f58;font-weight:840;text-overflow:ellipsis;white-space:nowrap}.work-preview-tags{color:#315d66bd;font-size:.72rem;font-weight:760;line-height:1.25}.work-preview-hook{color:#315d66a8;font-size:.7rem;font-weight:650;line-height:1.25}.work-preview-play-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;color:#9b3a2a;background:transparent;transition:color .18s ease,transform .18s ease,background .18s ease}.work-preview-play-icon .icon-play{width:18px;height:18px;flex-basis:18px;margin-left:1px}.work-preview-play-icon .icon-play:before{top:2px;left:5px;border-top-width:7px;border-bottom-width:7px;border-left-width:10px}.work-preview-row:hover,.work-preview-row:focus-visible{border-color:#ef704f4d;background:#fff8dba8;outline:none;transform:translateY(-1px)}.work-preview-row:hover .work-preview-play-icon,.work-preview-row:focus-visible .work-preview-play-icon{color:#ef704f;background:#fff8db80;transform:translate(2px)}.featured-video-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(1rem,3vw,2.5rem);background:radial-gradient(circle at 22% 14%,rgba(120,220,235,.2),transparent 28%),#13303ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.featured-video-lightbox.is-open{opacity:1;pointer-events:auto;visibility:visible}.featured-video-dialog{position:relative;display:grid;gap:.8rem;width:min(1120px,94vw);transform:translateY(10px) scale(.98);transition:transform .18s ease}.featured-video-lightbox.is-open .featured-video-dialog{transform:translateY(0) scale(1)}.featured-video-frame{aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:16px;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.18),transparent 12rem),#102f38;box-shadow:0 28px 90px #0920285c}.featured-video-frame video{display:block;width:100%;height:100%;background:#102f38;object-fit:contain}.featured-video-close{position:absolute;top:-16px;right:-16px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,202,83,.5);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.96),transparent 42%),linear-gradient(135deg,#fff8dbf5,#ffb876db);box-shadow:0 16px 34px #0920283d;cursor:pointer}.featured-video-close:before,.featured-video-close:after{position:absolute;top:50%;left:50%;width:15px;height:2px;content:"";border-radius:2px;background:#7e3a25}.featured-video-close:before{transform:translate(-50%,-50%) rotate(45deg)}.featured-video-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.featured-video-close span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.featured-video-caption{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center;color:#f4fcfde6;font-size:.9rem;font-weight:720}.featured-video-caption strong{color:#fff8db;font-size:1rem}.work-card-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.5rem;width:fit-content;max-width:100%;min-height:38px;margin-top:1.15rem;padding:.5rem .7rem;border:1px solid rgba(255,202,83,.42);border-radius:var(--radius-control);color:#7e3a25;background:linear-gradient(135deg,#fff4cad6,#ffffff9e),#ffffff8a;box-shadow:0 10px 22px #d567381a;font-size:.86rem;font-weight:820;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.featured-entry-card .work-card-cta{margin-top:auto}.work-card-compact .work-card-cta{min-height:34px;margin-top:.7rem;padding:.42rem .62rem}.work-card-cta:hover,.work-card-cta:focus-visible{border-color:#ef704f6b;box-shadow:0 14px 30px #d5673829;outline:none;transform:translateY(-2px)}.work-main-cta{position:relative;z-index:1;width:fit-content;max-width:100%;margin-top:.85rem;color:#fffaf2}.work-main-cta .icon-link{border-color:#ffffffd1}.pill-list{position:relative;display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.featured-entry-card .pill-list{margin-top:0}.case-study-section{position:relative}.case-study-shell{padding:clamp(1rem,1.8vw,1.45rem);background:radial-gradient(circle at 12% 10%,rgba(255,217,120,.18),transparent 18rem),radial-gradient(circle at 88% 18%,rgba(93,203,226,.18),transparent 20rem),linear-gradient(140deg,#ffffffd1,#f1fdff9e),#ffffffa3}.case-project-header{position:relative;z-index:1;display:block;margin-bottom:1rem;padding:clamp(1rem,1.6vw,1.35rem);border:1px solid rgba(61,182,204,.16);border-radius:var(--radius-card);background:radial-gradient(circle at 12% 16%,rgba(255,217,120,.2),transparent 12rem),linear-gradient(135deg,#ffffffb8,#e0f9ff80)}.case-project-heading{display:grid;gap:.72rem;max-width:760px}.case-project-header h3{margin:0;color:var(--red-700);font-size:clamp(1.95rem,2.7vw,3rem);line-height:1}.case-project-header h3 strong{font-weight:900;font-style:inherit}.case-project-header h3 em{font-weight:inherit;font-style:italic}.case-project-title{font-style:italic;font-weight:900;font-synthesis:none}.case-project-title-link{display:inline-flex;align-items:baseline;gap:.28em;color:inherit;text-decoration:none;text-decoration-thickness:.06em;text-underline-offset:.12em;transition:color .18s ease,text-decoration-color .18s ease}.case-project-title-link span{font-size:.38em;font-style:normal;font-weight:800;line-height:1;opacity:.58;transform:translateY(-.18em);transition:opacity .18s ease,transform .18s ease}.case-project-title-link:hover,.case-project-title-link:focus-visible{color:#a73d2b;text-decoration:underline}.case-project-title-link:hover span,.case-project-title-link:focus-visible span{opacity:.82;transform:translate(.06em,-.24em)}.case-project-title-row{display:flex;flex-wrap:wrap;gap:.55rem .72rem;align-items:center}.case-project-type-badge{display:inline-flex;align-items:center;min-height:30px;padding:.32rem .62rem;border:1px solid rgba(255,202,83,.34);border-radius:999px;color:#7e3a25;background:linear-gradient(135deg,#fff8dbb8,#ffffff8f),#ffffff7a;box-shadow:0 8px 18px #7e3a250f;font-size:.8rem;font-weight:780;line-height:1;white-space:nowrap}.case-project-details{display:grid;gap:.34rem}.case-project-details p{margin:0;color:var(--ink-soft);font-size:.95rem;font-weight:650}.case-project-details span{color:#7e3a25;font-weight:840}.case-study-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.75rem}.case-study-meta span{display:inline-flex;align-items:center;min-height:34px;padding:.4rem .68rem;border:1px solid rgba(255,202,83,.38);border-radius:var(--radius-control);color:#7e3a25;background:linear-gradient(135deg,#fff5d2d1,#ffffffa3),#ffffff8c;font-size:.84rem;font-weight:820}.case-study-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.05rem}.case-study-actions .button{min-height:42px;padding:.72rem .9rem;font-size:.9rem}.case-study-actions .icon-link{border-color:currentColor}.case-main-image-placeholder{position:relative;z-index:1;display:grid;min-height:clamp(320px,38vw,560px);place-items:center;margin-bottom:clamp(.95rem,1.65vw,1.35rem);overflow:hidden;border:1px solid rgba(61,182,204,.2);border-radius:var(--radius-card);background:linear-gradient(135deg,#ffffff3d,#fff0),radial-gradient(circle at 24% 22%,rgba(255,217,120,.3),transparent 12rem),radial-gradient(circle at 72% 34%,rgba(239,112,79,.16),transparent 14rem),radial-gradient(circle at 58% 72%,rgba(61,182,204,.34),transparent 18rem),linear-gradient(145deg,#e1f9ffc7,#fff8de7a);box-shadow:inset 0 1px #ffffffc7,0 18px 44px #1f77951a}.case-main-image-placeholder.has-image{min-height:0;place-items:stretch;background:linear-gradient(135deg,#ffffff80,#e1f9ff38),#ffffff47}.case-main-image-placeholder.has-image:before,.case-main-image-placeholder.has-image:after{display:none}.case-main-image-placeholder img{display:block;width:100%;height:auto;border-radius:calc(var(--radius-card) - 1px);object-fit:contain;background:#0d272214}.case-main-image-placeholder:before{position:absolute;inset:7%;content:"";border:1px solid rgba(255,255,255,.46);border-radius:calc(var(--radius-card) - 1px);background:linear-gradient(rgba(255,255,255,.36) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.26) 1px,transparent 1px),repeating-radial-gradient(circle at 78% 46%,rgba(61,182,204,.18) 0 1px,transparent 1px 18px);background-size:44px 44px,44px 44px,auto;opacity:.9}.case-main-image-placeholder:after{position:absolute;inset:auto 7% 8%;height:42%;content:"";border-radius:50% 50% 0 0/20% 20% 0 0;background:radial-gradient(ellipse at 25% 48%,rgba(255,217,120,.24),transparent 35%),radial-gradient(ellipse at 74% 42%,rgba(239,112,79,.12),transparent 38%),linear-gradient(180deg,transparent,rgba(61,182,204,.16));filter:blur(.4px);opacity:.82}.case-main-image-placeholder span{position:relative;z-index:1;min-width:min(74%,520px);padding:.9rem 1.2rem;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-control);color:#7e3a25;background:linear-gradient(135deg,#ffffffb8,#fff8da80),#ffffff61;box-shadow:0 12px 30px #1f77951a;font-size:clamp(1rem,1.25vw,1.2rem);font-weight:860;letter-spacing:.02em;text-align:center}.case-study-video{position:relative;z-index:1;display:grid;grid-template-columns:minmax(200px,360px) minmax(0,1fr);gap:clamp(.75rem,1.3vw,1.05rem);align-items:center;margin-bottom:clamp(.95rem,1.65vw,1.35rem);padding:.82rem;border:1px solid rgba(61,182,204,.16);border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffffb3,#e5faff75),#ffffff7a;box-shadow:inset 0 1px #ffffffa8}.case-study-video.case-study-video-full{grid-template-columns:minmax(0,1fr)}.case-video-frame{aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(33,92,109,.12);border-radius:var(--radius-card);background:#11313b14}.case-video-frame video{display:block;width:100%;height:100%;object-fit:contain}.case-study-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,1.35vw,1.15rem)}.case-study-summary-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.85rem,1.35vw,1.15rem)}.case-study-card{display:flex;flex-direction:column;min-height:250px;padding:1.18rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.case-study-summary-grid .case-study-card{min-height:0;padding:clamp(1rem,1.45vw,1.2rem)}.case-study-heading{position:relative;z-index:1;display:flex;align-items:baseline;gap:.62rem;margin-bottom:.78rem}.case-study-index{position:relative;flex:0 0 auto;color:var(--gold-500);font-size:.86rem;font-weight:860}.case-study-card h3{position:relative;margin-bottom:0;font-size:clamp(1.2rem,1.55vw,1.62rem)}.case-study-card p{position:relative;margin-bottom:0;color:var(--ink-soft);line-height:1.55}.case-study-summary-grid .case-study-card p{line-height:1.52}.additional-work{position:relative}.additional-work:before{position:absolute;inset:8% auto auto 54%;width:min(42vw,620px);height:min(34vw,460px);content:"";border-radius:50%;background:radial-gradient(circle at 42% 38%,rgba(101,214,241,.2),transparent 58%),radial-gradient(circle at 64% 58%,rgba(255,217,120,.15),transparent 58%),radial-gradient(circle at 36% 68%,rgba(239,112,79,.1),transparent 54%);filter:blur(5px);pointer-events:none}.additional-work-intro{margin-bottom:1.45rem}.additional-tabs{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.2vw,1rem);margin-bottom:clamp(1.35rem,2vw,1.9rem)}.additional-tabs a{position:relative;display:grid;align-content:start;gap:.36rem;min-height:126px;padding:clamp(.9rem,1.4vw,1.08rem);overflow:hidden;border:1px solid rgba(61,182,204,.2);border-radius:var(--radius-card);color:#24586a;background:radial-gradient(circle at 18% 8%,rgba(255,217,120,.24),transparent 4.8rem),radial-gradient(circle at 92% 92%,rgba(239,112,79,.12),transparent 5.6rem),linear-gradient(135deg,#ffffffc2,#e1f9ffa3),#ffffff94;box-shadow:0 12px 28px #2e84a014;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.additional-tabs a:after{position:absolute;right:.75rem;bottom:.7rem;width:42px;height:42px;content:"";border:1px solid rgba(61,182,204,.16);border-radius:50%;background:repeating-radial-gradient(circle,rgba(61,182,204,.22) 0 1px,transparent 1px 8px);opacity:.5;pointer-events:none}.additional-tab-number{position:relative;z-index:1;width:fit-content;margin-bottom:.18rem;padding:.2rem .48rem;border:1px solid rgba(255,202,83,.34);border-radius:999px;color:#7e3a25d1;background:#fff8db80;font-size:.74rem;font-weight:840;letter-spacing:.04em}.additional-tab-title{position:relative;z-index:1;color:var(--red-700);font-size:clamp(.96rem,1.05vw,1.08rem);font-weight:880;line-height:1.2}.additional-tab-description{position:relative;z-index:1;max-width:18rem;color:var(--ink-soft);font-size:.83rem;font-weight:660;line-height:1.45}.additional-tabs a:hover,.additional-tabs a:focus-visible,.additional-tabs a.is-active{border-color:#ef704f66;background:radial-gradient(circle at 18% 8%,rgba(255,217,120,.34),transparent 4.8rem),radial-gradient(circle at 92% 92%,rgba(239,112,79,.18),transparent 5.6rem),linear-gradient(135deg,#fff9e0db,#dff8ffcc),#ffffffb8;box-shadow:0 16px 34px #2e84a01f;outline:none;transform:translateY(-2px)}.additional-section-nav{position:sticky;top:96px;z-index:7;display:flex;flex-wrap:wrap;gap:.45rem;width:fit-content;max-width:100%;margin:-.48rem 0 1.25rem;padding:.38rem;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-control);background:linear-gradient(135deg,#ffffffc2,#e2f9ffa8),#ffffffa3;box-shadow:0 14px 34px #1f77951a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.additional-section-nav a{min-height:30px;padding:.32rem .58rem;font-size:.78rem}.additional-section-nav a span{margin-right:.32rem;color:var(--gold-500);font-family:Iowan Old Style,Baskerville,Libre Baskerville,Georgia,Songti SC,serif}.additional-work-sections{position:relative;z-index:1;display:grid;gap:clamp(1rem,1.8vw,1.45rem)}.additional-panel{position:relative;scroll-margin-top:112px;padding:clamp(1.05rem,1.8vw,1.45rem);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.additional-panel-header{position:relative;z-index:1;display:flex;align-items:baseline;gap:.72rem;margin-bottom:1rem}.additional-panel-kicker{margin:0;color:var(--gold-500);font-family:Iowan Old Style,Baskerville,Libre Baskerville,Georgia,Songti SC,serif;font-size:clamp(1rem,1.4vw,1.34rem);font-weight:720}.additional-panel h3{margin:0;color:#173f4d;font-size:clamp(1.45rem,2vw,2.05rem)}.arrangement-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(300px,1.12fr) minmax(260px,.88fr);gap:.9rem;align-items:stretch}.arrangement-projects{position:relative;z-index:1;display:grid;gap:clamp(1rem,1.8vw,1.45rem)}.arrangement-project-card{padding:clamp(.95rem,1.5vw,1.25rem);scroll-margin-top:112px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.arrangement-project-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.arrangement-project-header h4{margin:0 0 .3rem;color:#173f4d;font-size:clamp(1.12rem,1.4vw,1.45rem)}.arrangement-project-header p,.score-preview-shell p,.concert-video-shell p,.arrangement-image-placeholder p{margin:0;color:var(--red-700);font-size:.82rem;font-weight:780}.arrangement-formal-title{display:grid;gap:.18rem;margin:0 0 .42rem;color:#173f4d;font-size:clamp(1.12rem,1.55vw,1.44rem);line-height:1.22}.arrangement-formal-title strong{color:var(--red-700)}.score-link{width:auto;flex:0 0 auto;white-space:nowrap}.arrangement-media-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:.9rem;align-items:stretch}.score-preview-shell,.concert-video-shell,.arrangement-image-placeholder{display:grid;gap:.55rem;min-width:0}.arrangement-image-placeholder.has-image{display:block}.score-preview-frame{width:100%;min-height:460px;border:1px solid rgba(61,182,204,.18);border-radius:var(--radius-card);background:linear-gradient(135deg,#ffffffd6,#e0f9ff9e),#ffffffb3;box-shadow:inset 0 0 0 1px #ffffff6b}.concert-video{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid rgba(61,182,204,.18);border-radius:var(--radius-card);background:radial-gradient(circle at 20% 18%,rgba(255,217,120,.2),transparent 8rem),linear-gradient(145deg,#153b4a1f,#e1f9ff73);box-shadow:0 18px 42px #246a821f;object-fit:contain}.arrangement-image-placeholder>div{position:relative;display:grid;min-height:460px;place-items:center;padding:1.2rem;overflow:hidden;border:1px dashed rgba(61,182,204,.34);border-radius:var(--radius-card);color:#2b6473;background:radial-gradient(circle at 18% 18%,rgba(255,217,120,.24),transparent 9rem),radial-gradient(circle at 82% 76%,rgba(239,112,79,.13),transparent 10rem),repeating-radial-gradient(circle at 50% 50%,rgba(61,182,204,.16) 0 1px,transparent 1px 20px),linear-gradient(135deg,#e1f9ffc2,#ffffffb3);text-align:center}.arrangement-image-placeholder span{position:relative;z-index:1;max-width:24ch;color:#2b6473;font-size:.9rem;font-weight:780;line-height:1.45}.arrangement-project-image{display:block;width:100%;min-height:460px;height:100%;border:1px solid rgba(61,182,204,.18);border-radius:var(--radius-card);background:linear-gradient(135deg,#ffffffd6,#e0f9ff9e),#ffffffb3;box-shadow:0 18px 42px #246a821f;object-fit:contain;object-position:center}.arrangement-meta,.audio-project-card,.mockup-project-card,.timeline-step{display:grid;gap:.72rem}.placeholder-field{position:relative;z-index:1;display:grid;gap:.22rem;padding:.72rem .78rem;border:1px solid rgba(61,182,204,.16);border-radius:var(--radius-control);background:#ffffff94}.placeholder-field span{color:var(--muted);font-size:.72rem;font-weight:780;letter-spacing:0}.placeholder-field strong{color:var(--ink);font-size:.95rem;font-weight:720}.media-drop-zone{position:relative;z-index:1;display:grid;min-height:160px;place-items:center;padding:1rem;border:1px dashed rgba(55,143,182,.44);border-radius:var(--radius-card);color:#2b6473;background:radial-gradient(circle at 22% 20%,rgba(255,217,120,.18),transparent 8rem),radial-gradient(circle at 78% 76%,rgba(239,112,79,.1),transparent 8rem),linear-gradient(135deg,#e0f9ffb8,#ffffffa8);box-shadow:inset 0 0 0 1px #ffffff8a;text-align:center}.media-drop-zone:after{position:absolute;inset:14px;content:"";border:1px solid rgba(255,255,255,.56);border-radius:calc(var(--radius-card) - 2px);pointer-events:none}.media-drop-zone span{position:relative;z-index:1;color:#2b6473;font-weight:780}.pdf-preview-window{min-height:300px;align-content:end;background:linear-gradient(rgba(255,255,255,.68) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.38) 1px,transparent 1px),radial-gradient(circle at 18% 20%,rgba(255,217,120,.22),transparent 8rem),linear-gradient(135deg,#def9ffe0,#fffdf1bd);background-size:100% 30px,30px 100%,auto,auto}.video-drop-zone{min-height:260px;background:radial-gradient(circle at 28% 26%,rgba(61,182,204,.26),transparent 8rem),radial-gradient(circle at 74% 72%,rgba(239,112,79,.14),transparent 8rem),linear-gradient(145deg,#14384914,#ffffffb3)}.recording-timeline{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.recording-timeline:before{position:absolute;top:31px;right:7%;left:7%;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(239,112,79,.32),rgba(61,182,204,.34),transparent)}.timeline-step{min-height:390px;padding:.9rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.timeline-index{position:relative;z-index:1;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,202,83,.52);border-radius:50%;color:var(--red-700);background:#fff8dbe0;box-shadow:0 10px 22px #b1582a1f;font-weight:820}.timeline-step h4{position:relative;z-index:1;margin:0;color:#173f4d;font-size:1.02rem}.recording-photo-carousel{position:relative;z-index:1;margin:.82rem 0}.recording-carousel-viewport{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:12px;background:radial-gradient(circle at 22% 18%,rgba(255,202,83,.2),transparent 38%),radial-gradient(circle at 78% 72%,rgba(61,182,204,.16),transparent 48%),#f8fdfbb8;box-shadow:0 14px 28px #1c596a1f;touch-action:pan-y}.recording-carousel-viewport:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 52%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.2),transparent 52%)}.recording-carousel-frame{display:block;width:100%;height:clamp(180px,18vw,242px);padding:0;border:0;background:transparent;cursor:zoom-in}.recording-carousel-frame img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .22s ease,transform .26s ease;-webkit-user-select:none;user-select:none}.recording-carousel-frame:hover img{transform:scale(1.015)}.recording-carousel-arrow,.recording-lightbox-arrow,.recording-lightbox-close{border:0;background:transparent;cursor:pointer}.recording-carousel-arrow{position:absolute;top:50%;z-index:2;display:grid;width:34px;height:52px;place-items:center;padding:0;color:#fffcede0;opacity:.06;pointer-events:none;transform:translateY(-50%);transition:opacity .18s ease,transform .18s ease,color .18s ease}.recording-carousel-arrow.is-prev{left:.25rem}.recording-carousel-arrow.is-next{right:.25rem}.recording-carousel-arrow span,.recording-lightbox-arrow span{display:block;width:12px;height:12px;border-top:2px solid currentColor;border-left:2px solid currentColor}.recording-carousel-arrow.is-prev span,.recording-lightbox-arrow.is-prev span{transform:rotate(-45deg)}.recording-carousel-arrow.is-next span,.recording-lightbox-arrow.is-next span{transform:rotate(135deg)}.recording-carousel-viewport:hover .recording-carousel-arrow,.recording-carousel-viewport:focus-within .recording-carousel-arrow,.recording-photo-carousel.is-controls-active .recording-carousel-arrow{opacity:.76;pointer-events:auto}.recording-carousel-arrow:hover,.recording-carousel-arrow:focus-visible{color:#fff9df;opacity:.96}.recording-carousel-arrow.is-prev:hover,.recording-carousel-arrow.is-prev:focus-visible{transform:translate(-2px,-50%)}.recording-carousel-arrow.is-next:hover,.recording-carousel-arrow.is-next:focus-visible{transform:translate(2px,-50%)}.recording-carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.52rem;color:#173f4d9e;font-size:.74rem}.recording-carousel-count{font-variant-numeric:tabular-nums;letter-spacing:.03em}.recording-carousel-dots{display:flex;flex:1;flex-wrap:wrap;justify-content:flex-end;gap:.28rem}.recording-carousel-dots button{width:5px;height:5px;padding:0;border:0;border-radius:999px;background:#7da9b257;cursor:pointer;transition:width .18s ease,background .18s ease,opacity .18s ease}.recording-carousel-dots button.is-active{width:16px;background:#b145358a}.recording-lightbox{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:clamp(1rem,3vw,2.6rem);background:radial-gradient(circle at 22% 18%,rgba(61,182,204,.18),transparent 34%),radial-gradient(circle at 78% 76%,rgba(255,202,83,.16),transparent 32%),#0e2936d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.recording-lightbox-figure{display:grid;max-width:min(92vw,1120px);max-height:88vh;margin:0;gap:.7rem;place-items:center}.recording-lightbox-figure img{display:block;max-width:100%;max-height:min(78vh,820px);border:1px solid rgba(255,255,255,.28);border-radius:14px;object-fit:contain;box-shadow:0 24px 70px #020f166b}.recording-lightbox-figure figcaption{color:#fffcedc7;font-size:.82rem}.recording-lightbox-close{position:absolute;top:1rem;right:1rem;z-index:2;width:42px;height:42px;color:#fffceddb;opacity:.78;transition:opacity .18s ease,transform .18s ease}.recording-lightbox-close span,.recording-lightbox-close span:after{position:absolute;top:50%;left:50%;display:block;width:18px;height:2px;content:"";border-radius:999px;background:currentColor}.recording-lightbox-close span{transform:translate(-50%,-50%) rotate(45deg)}.recording-lightbox-close span:after{transform:translate(-50%,-50%) rotate(90deg)}.recording-lightbox-close:hover,.recording-lightbox-close:focus-visible{opacity:1;transform:scale(1.04)}.recording-lightbox-arrow{position:absolute;top:50%;z-index:2;display:grid;width:46px;height:72px;place-items:center;padding:0;color:#fffcedd6;opacity:.7;transform:translateY(-50%);transition:opacity .18s ease,transform .18s ease}.recording-lightbox-arrow.is-prev{left:clamp(.6rem,2vw,1.4rem)}.recording-lightbox-arrow.is-next{right:clamp(.6rem,2vw,1.4rem)}.recording-lightbox-arrow:hover,.recording-lightbox-arrow:focus-visible{opacity:1}.recording-lightbox-arrow.is-prev:hover,.recording-lightbox-arrow.is-prev:focus-visible{transform:translate(-2px,-50%)}.recording-lightbox-arrow.is-next:hover,.recording-lightbox-arrow.is-next:focus-visible{transform:translate(2px,-50%)}@media(hover:none)and (pointer:coarse){.recording-carousel-arrow{opacity:.18;pointer-events:auto}.recording-carousel-viewport:hover .recording-carousel-arrow{opacity:.18}.recording-photo-carousel.is-controls-active .recording-carousel-arrow{opacity:.66}}@media(max-width:820px){.recording-carousel-frame{height:clamp(220px,64vw,360px)}.recording-lightbox{padding:.9rem}.recording-lightbox-arrow{width:38px;height:58px;opacity:.56}}@media(max-width:560px){.recording-carousel-frame{height:clamp(220px,72vw,330px)}.recording-carousel-arrow{width:30px;height:46px}.recording-carousel-arrow span,.recording-lightbox-arrow span{width:10px;height:10px}.recording-lightbox-figure img{max-height:74vh}}.timeline-caption,.timeline-notes{position:relative;z-index:1;margin:0;line-height:1.56}.timeline-caption{color:#173f4d;font-size:.92rem;font-weight:760}.timeline-notes{margin-top:.45rem;color:var(--muted);font-size:.82rem}.production-credit-list,.media-credit-list{position:relative;z-index:1;display:grid;gap:.36rem;padding:.62rem .68rem;border:1px solid rgba(61,182,204,.14);border-radius:var(--radius-control);background:#ffffff61;color:#405b63d1;font-size:.76rem;line-height:1.45}.production-credit-list p,.media-credit-list p{margin:0;color:#7f3026;font-size:.72rem;font-weight:840;text-transform:uppercase;letter-spacing:.04em}.production-credit-list ul,.media-credit-list ul{display:grid;gap:.18rem;margin:0;padding:0;list-style:none}.production-credit-list li,.media-credit-list li{margin:0}.media-credit-list{margin-top:.6rem;padding:.52rem .58rem;font-size:.72rem}.audio-project-grid,.mockup-project-grid{position:relative;z-index:1;display:grid;gap:.9rem}.audio-project-grid,.mockup-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.audio-project-card,.mockup-project-card{min-height:360px;padding:.95rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.audio-project-card.is-production-project{align-content:start;min-height:560px;padding:clamp(1rem,1.5vw,1.3rem);scroll-margin-top:112px}.production-project-header{position:relative;z-index:1;display:grid;gap:.32rem}.production-project-header h4{margin:0;color:var(--red-700);font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.1}.production-project-header p{margin:0;color:var(--ink-soft);font-size:.94rem;font-weight:740}.production-record-cover{position:relative;z-index:1;display:grid;width:min(100%,230px);aspect-ratio:1;place-self:center;place-items:center;padding:0;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.84);border-radius:50%;color:var(--red-700);background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.72),transparent 17%),linear-gradient(135deg,#e1f9ffe6,#fff8dfc7);box-shadow:0 26px 54px #1f779529,inset 0 0 36px #ffffffa3}.production-record-cover{cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.production-record-cover:hover,.production-record-cover:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 30px 66px #1f779533,inset 0 0 36px #ffffffad}.production-record-cover:after{position:absolute;inset:8px;z-index:2;content:"";border-radius:50%;background:conic-gradient(var(--coral-400) var(--record-progress),rgba(255,255,255,.28) 0);-webkit-mask:radial-gradient(circle,transparent 71%,#000 72%);mask:radial-gradient(circle,transparent 71%,#000 72%);opacity:.72;pointer-events:none}.production-record-disc{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:50%;transform-origin:center;pointer-events:none}.production-cover-art,.production-cover-art:before,.production-cover-art:after,.production-cover-shape{position:absolute;pointer-events:none}.production-cover-art{inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.8),transparent 22%),linear-gradient(135deg,#d9f8fffa,#fff5d3db)}.production-cover-art:before,.production-cover-art:after{content:""}.production-cover-shape{display:block}.production-record-grooves{position:absolute;inset:16px;z-index:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92) 0 13%,transparent 13.5%),radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(255,255,255,.2) 49% 49.6%,transparent 50%),repeating-linear-gradient(38deg,rgba(255,255,255,.16) 0 1px,transparent 1px 13px),repeating-radial-gradient(circle,rgba(20,56,73,.12) 0 1px,transparent 1px 12px);mix-blend-mode:soft-light;opacity:.78}.production-cover-log-on .production-cover-art{background:radial-gradient(circle at 72% 28%,rgba(255,130,87,.76),transparent 14%),radial-gradient(circle at 27% 72%,rgba(111,221,238,.7),transparent 24%),linear-gradient(145deg,#153a62f5,#41b0cac2 49%,#ecf9fbdb)}.production-cover-log-on .production-cover-art:before{inset:15%;border:1px solid rgba(178,246,255,.38);border-radius:26%;background:linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(0deg,rgba(255,255,255,.11) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(135deg,#0e325970,#87e6ee0f);box-shadow:inset 0 0 26px #87e6ee52,0 0 30px #54cde747;transform:rotate(-10deg)}.production-cover-log-on .production-cover-art:after{top:26%;left:18%;width:5px;height:5px;border-radius:1px;background:#ffac54e6;box-shadow:28px 14px #ffdd7cb8,68px -6px #84edf5bd,94px 32px #ef704fb8,42px 82px #fff4b9ad,104px 96px #72dbf2b3}.production-cover-log-on .production-cover-shape-a{right:8%;bottom:28%;width:64%;height:10px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,202,83,.78),rgba(239,112,79,.48));filter:blur(.2px);transform:rotate(-24deg)}.production-cover-log-on .production-cover-shape-b{left:14%;bottom:18%;width:38%;height:30%;border:1px solid rgba(180,247,255,.34);border-radius:16px;background:linear-gradient(145deg,#ffffff2e,#46c7e224);transform:rotate(11deg)}.production-cover-log-on .production-cover-shape-c{top:18%;right:20%;width:30%;height:2px;background:#fffcdae0;box-shadow:-24px 16px #ff8257b8,12px 34px #67ddefbd,-9px 51px #ffca53a8}.production-cover-first-flight .production-cover-art{background:radial-gradient(circle at 70% 30%,rgba(255,218,126,.72),transparent 14%),radial-gradient(circle at 28% 76%,rgba(255,255,255,.88),transparent 28%),linear-gradient(145deg,#d2f5fffa,#dccdffbd 48%,#fff5cdd6)}.production-cover-first-flight .production-cover-art:before{left:-12%;bottom:15%;width:78%;height:30%;border-radius:50%;background:radial-gradient(ellipse at 25% 52%,rgba(255,255,255,.9),transparent 55%),radial-gradient(ellipse at 70% 46%,rgba(230,251,255,.82),transparent 58%);filter:blur(8px);opacity:.9;transform:rotate(-13deg)}.production-cover-first-flight .production-cover-art:after{top:16%;right:14%;width:66%;height:66%;border:2px solid rgba(255,211,103,.52);border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;filter:drop-shadow(0 0 10px rgba(255,218,126,.34));transform:rotate(-19deg)}.production-cover-first-flight .production-cover-shape-a{top:27%;left:14%;width:70%;height:22%;border-radius:999px;background:linear-gradient(90deg,#fff3,#73cde652,#ffe79d2e);filter:blur(3px);transform:rotate(-23deg)}.production-cover-first-flight .production-cover-shape-b{right:18%;bottom:24%;width:26%;height:26%;border-radius:50%;background:radial-gradient(circle,rgba(255,247,206,.82),rgba(255,211,103,.06) 66%,transparent 68%)}.production-cover-first-flight .production-cover-shape-c{left:22%;top:20%;width:48%;height:48%;border:1px solid rgba(255,255,255,.42);border-right-color:#60b7dc2e;border-bottom-color:#ffd57b3d;border-radius:45% 55% 52% 48%;transform:rotate(21deg)}.production-cover-halluxination .production-cover-art{background:radial-gradient(circle at 24% 26%,rgba(255,255,255,.88),transparent 11%),conic-gradient(from 18deg,#ffadd6e6,#ffe77cdb,#72e2f0e0,#c4adffd1,#ff8e60d6,#ffadd6e6)}.production-cover-halluxination .production-cover-art:before{top:15%;left:15%;width:8px;height:8px;border-radius:2px;background:#ffffffe0;box-shadow:38px -4px #ffca53c7,76px 10px #ffffffc7,104px 46px #80eef4cc,16px 73px #ff88ccd1,72px 100px #fff7a4db,118px 96px #ffffffc7}.production-cover-halluxination .production-cover-art:after{left:10%;bottom:9%;width:82%;height:42%;border:8px solid rgba(255,255,255,.42);border-top-color:#ffdd70b8;border-right-color:#6cdcefa3;border-bottom-color:transparent;border-left-color:#ef704f7a;border-radius:50%;transform:rotate(-10deg)}.production-cover-halluxination .production-cover-shape-a{top:26%;left:9%;width:56%;height:12px;border-radius:3px;background:linear-gradient(90deg,rgba(128,238,244,.88) 0 18%,transparent 18% 27%,rgba(255,255,255,.86) 27% 46%,transparent 46% 55%,rgba(255,135,206,.82) 55% 77%,transparent 77% 100%);transform:rotate(21deg)}.production-cover-halluxination .production-cover-shape-b{right:17%;top:34%;width:21%;height:21%;border-radius:46% 54% 52% 48%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,231,124,.64) 46%,transparent 48%);box-shadow:-52px 52px 0 -9px #ff8fcac2,-18px 78px 0 -12px #71e0efc7}.production-cover-halluxination .production-cover-shape-c{left:36%;top:42%;width:34%;height:34%;background:#ffffffb8;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 35%);opacity:.74;transform:rotate(-13deg)}.production-record-cover.is-playing .production-record-disc{animation:record-spin 7s linear infinite}.production-tag-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.38rem}.production-tag-list span{padding:.32rem .52rem;border:1px solid rgba(61,182,204,.18);border-radius:999px;color:#24586a;background:#ffffff94;font-size:.74rem;font-weight:760}.production-audio-player{position:relative;z-index:1;width:100%;margin-top:.2rem}.production-lyrics{position:relative;z-index:6;width:100%}.production-lyrics-panel{display:grid;height:148px;padding:.72rem .78rem;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(61,182,204,.2);border-radius:var(--radius-control);background:radial-gradient(circle at 18% 8%,rgba(255,217,120,.18),transparent 4rem),#ffffff9e;box-shadow:inset 0 0 18px #ffffff70;overscroll-behavior:contain;scrollbar-width:thin}.production-lyrics-panel p{margin:0;padding:.26rem 0;color:var(--muted);font-size:.82rem;font-weight:650;line-height:1.45;opacity:.62;transition:color .16s ease,opacity .16s ease,transform .16s ease}.production-lyrics-panel p.is-active{color:#8c2f24;font-weight:860;opacity:1;transform:translate(2px)}.production-lyrics-panel.is-unavailable{align-content:center}.production-lyrics-panel p.is-unavailable{color:var(--muted);font-style:italic;opacity:.78;text-align:center}.mockup-project-card{min-height:0;display:grid;align-content:start;gap:1rem;padding:clamp(.95rem,1.35vw,1.2rem)}.mockup-project-header{position:relative;z-index:1;display:grid;gap:.35rem}.mockup-project-header h4{margin:0;color:#173f4d;font-size:clamp(1.15rem,1.5vw,1.55rem)}.mockup-project-header p{margin:0;color:var(--ink-soft)}.record-player-card{position:relative;z-index:1;display:grid;justify-items:center;gap:.85rem}.record-cover{position:relative;display:grid;width:min(100%,260px);aspect-ratio:1;place-items:center;padding:0;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.84);border-radius:50%;background:conic-gradient(from -30deg,#ef704f42,#ffd9783d,#3db6cc3d,#ef704f42),radial-gradient(circle at 34% 28%,rgba(255,255,255,.86),transparent 17%),radial-gradient(circle,rgba(255,255,255,.22) 0 18%,transparent 19%),linear-gradient(135deg,#e1f9ffdb,#fff8dfb8);box-shadow:0 26px 54px #1f779529,inset 0 0 36px #ffffffa3;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.record-disc-art{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:50%;transform-origin:center;pointer-events:none}.record-cover.has-cover{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.22),transparent 24%),linear-gradient(135deg,#e1f9ffd6,#fff8dfbd)}.record-cover-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;opacity:.92;pointer-events:none;transform:scale(1.02)}.record-abstract-cover,.record-abstract-cover:before,.record-abstract-cover:after,.record-abstract-shape{position:absolute;pointer-events:none}.record-abstract-cover{inset:0;z-index:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.76),transparent 17%),linear-gradient(135deg,#e1f9ffe0,#fff8dfbd)}.record-abstract-cover:before,.record-abstract-cover:after{content:""}.record-abstract-shape{display:block}.record-cover-matrix .record-abstract-cover{background:radial-gradient(circle at 68% 22%,rgba(91,255,164,.48),transparent 13%),radial-gradient(circle at 26% 78%,rgba(29,191,111,.36),transparent 24%),linear-gradient(145deg,#031210fa,#083624f0 48%,#28c47794)}.record-cover-matrix .record-abstract-cover:before{inset:11%;border:1px solid rgba(92,255,171,.26);border-radius:22%;background:linear-gradient(90deg,rgba(100,255,174,.18) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(0deg,rgba(100,255,174,.13) 1px,transparent 1px) 0 0 / 18px 18px,repeating-linear-gradient(90deg,transparent 0 10px,rgba(111,255,181,.16) 10px 12px,transparent 12px 24px);box-shadow:inset 0 0 28px #61ffb02e,0 0 26px #39db8638;transform:rotate(-8deg)}.record-cover-matrix .record-abstract-cover:after{top:9%;left:18%;width:4px;height:18px;border-radius:2px;background:#8effbedb;box-shadow:20px 32px 0 -1px #59ea97a3,42px 3px #a6ffcab8,68px 48px #4ddc8bb3,88px 18px 0 -1px #97ffc39e,111px 70px #5bffa494,32px 96px 0 -1px #38d282a8,78px 118px #aaffcc8f;opacity:.9}.record-cover-matrix .record-abstract-shape-a{left:5%;top:42%;width:90%;height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(94,255,173,.86),transparent);filter:blur(.4px);transform:rotate(-19deg)}.record-cover-matrix .record-abstract-shape-b{right:11%;bottom:20%;width:54%;height:4px;background:#d2ffe0b3;box-shadow:-24px -21px #56f09d8a,13px 19px #39cf809e,-44px 41px #b1ffcc75;transform:rotate(13deg)}.record-cover-matrix .record-abstract-shape-c{left:23%;top:20%;width:44%;height:58%;border:1px solid rgba(118,255,180,.22);border-radius:14px;background:linear-gradient(145deg,#ffffff0f,#53ffa41a);transform:skewY(-10deg) rotate(7deg)}.record-cover-mandalorian .record-abstract-cover{background:radial-gradient(circle at 70% 24%,rgba(255,198,98,.8),transparent 12%),radial-gradient(circle at 23% 21%,rgba(255,255,255,.82),transparent 2px),radial-gradient(circle at 36% 17%,rgba(255,255,255,.64),transparent 2px),radial-gradient(circle at 58% 14%,rgba(255,255,255,.58),transparent 1px),linear-gradient(180deg,#122d52fa,#30567ef0 38%,#e98e4ce0 61%,#e2be77f0)}.record-cover-mandalorian .record-abstract-cover:before{left:-18%;bottom:11%;width:136%;height:43%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 52% 18%,rgba(118,77,50,.36),transparent 34%),linear-gradient(180deg,#ffce7ae6,#a05c3aeb);box-shadow:inset 0 18px 28px #ffe8a438}.record-cover-mandalorian .record-abstract-cover:after{top:10%;right:9%;width:66%;height:66%;border:2px solid rgba(255,224,147,.52);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;filter:drop-shadow(0 0 10px rgba(255,188,92,.28));transform:rotate(-18deg)}.record-cover-mandalorian .record-abstract-shape-a{left:12%;bottom:34%;width:76%;height:2px;background:#30273075;box-shadow:0 9px #ffe29f47,0 18px #70443647}.record-cover-mandalorian .record-abstract-shape-b{left:43%;bottom:36%;width:14%;height:24%;border-radius:52% 52% 44% 44%;background:linear-gradient(180deg,#1a2535e6,#493934b3);box-shadow:0 8px 18px #1c233047}.record-cover-mandalorian .record-abstract-shape-c{left:24%;top:19%;width:30%;height:30%;border-radius:50%;background:radial-gradient(circle at 38% 36%,rgba(255,245,204,.82),rgba(255,162,83,.4) 42%,transparent 44%);opacity:.72}.record-cover:after{position:absolute;inset:8px;z-index:2;content:"";border-radius:50%;background:conic-gradient(var(--coral-400) var(--record-progress),rgba(255,255,255,.28) 0);-webkit-mask:radial-gradient(circle,transparent 71%,#000 72%);mask:radial-gradient(circle,transparent 71%,#000 72%);opacity:.78;pointer-events:none}.record-cover:hover,.record-cover:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 30px 66px #1f779533,inset 0 0 36px #ffffffad}.record-grooves{position:absolute;inset:16px;z-index:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92) 0 13%,transparent 13.5%),repeating-linear-gradient(38deg,rgba(255,255,255,.15) 0 2px,transparent 2px 13px),repeating-radial-gradient(circle,rgba(20,56,73,.18) 0 1px,transparent 1px 12px)}.record-cover.has-cover .record-grooves{opacity:.62;mix-blend-mode:soft-light}.record-cover.is-playing .record-disc-art{animation:record-spin 7s linear infinite}.record-center{position:absolute;top:50%;left:50%;z-index:3;display:grid;width:64px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,248,219,.58);border-radius:50%;color:#8f3a2f;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.36) 0 18%,transparent 19%),radial-gradient(circle at 35% 28%,rgba(255,255,255,.42),transparent 46%),#fff8db33;box-shadow:0 10px 22px #1f779514,inset 0 0 0 8px #ffffff1f,inset 0 0 20px #ffffff5c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.82rem;font-weight:860;transform:translate(-50%,-50%);transform-origin:center;transition:border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease,background .18s ease}.record-icon{display:block;width:20px;height:20px}.record-icon-play{width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor;filter:drop-shadow(0 1px 4px rgba(126,58,37,.16))}.record-icon-pause{position:relative}.record-icon-pause:before,.record-icon-pause:after{position:absolute;top:3px;bottom:3px;width:4px;content:"";border-radius:999px;background:currentColor;box-shadow:0 1px 4px #7e3a251f}.record-icon-pause:before{left:5px}.record-icon-pause:after{right:5px}.production-record-cover:hover .record-center,.production-record-cover:focus-visible .record-center,.record-cover:hover .record-center,.record-cover:focus-visible .record-center{border-color:#ffe489bd;color:#ef704f;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.42) 0 18%,transparent 19%),radial-gradient(circle at 35% 28%,rgba(255,255,255,.5),transparent 46%),#fff8db47;box-shadow:0 12px 26px #1f77951a,0 0 18px #ffda7e29,inset 0 0 0 8px #ffffff24,inset 0 0 22px #ffffff6b;transform:translate(-50%,-50%) scale(1.03)}.record-player-status{display:flex;justify-content:space-between;width:min(100%,300px);color:var(--muted);font-size:.78rem;font-weight:780}.record-player-status span:first-child{color:var(--red-700)}.record-player-track-label{width:min(100%,300px);margin:-.14rem 0 0;color:var(--muted);font-size:.76rem;font-weight:780;text-align:center}.record-timeline-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;width:min(100%,300px)}.record-progress{width:100%;accent-color:var(--coral-400)}.record-volume-menu{position:relative;z-index:4;display:grid;place-items:center}.record-volume-menu:before{position:absolute;right:0;bottom:100%;display:none;width:min(248px,calc(100vw - 40px));height:.58rem;content:""}.record-volume-menu.is-open:before{display:block}.record-volume-toggle{position:relative;display:grid;width:34px;height:32px;place-items:center;border:1px solid rgba(61,182,204,.2);border-radius:10px;color:var(--red-700);background:linear-gradient(135deg,#ffffffd6,#e1f9ffa8),#ffffff94;box-shadow:0 8px 18px #1f779514;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.record-volume-toggle:hover,.record-volume-toggle:focus-visible,.record-volume-menu.is-open .record-volume-toggle{border-color:#ef704f61;background:radial-gradient(circle at 28% 20%,rgba(255,217,120,.24),transparent 3.5rem),#ffffffd1;outline:none;transform:translateY(-1px);box-shadow:0 10px 22px #b1582a1f}.record-volume-icon{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.record-volume-popover{position:absolute;bottom:calc(100% + .48rem);right:0;display:grid;width:min(248px,calc(100vw - 40px));gap:.48rem;padding:.62rem .7rem;border:1px solid rgba(61,182,204,.2);border-radius:var(--radius-control);background:radial-gradient(circle at 18% 8%,rgba(255,217,120,.24),transparent 4rem),#ffffffeb;box-shadow:0 18px 38px #1f779529;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease}.record-volume-menu.is-open .record-volume-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.record-volume-popover-header{display:flex;justify-content:space-between;gap:.65rem;color:var(--muted);font-size:.72rem;font-weight:820}.record-volume-popover-header span:first-child{color:var(--red-700)}.record-volume-popover input{width:100%;accent-color:var(--gold-500)}.mockup-ab-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,300px);padding:.24rem;border:1px solid rgba(61,182,204,.18);border-radius:var(--radius-control);background:#ffffff94}.mockup-ab-switch button{min-height:38px;border:0;border-radius:calc(var(--radius-control) - 2px);color:#24586a;background:transparent;cursor:pointer;font-size:.82rem;font-weight:820}.mockup-ab-switch button.is-active,.mockup-ab-switch button:hover,.mockup-ab-switch button:focus-visible{color:var(--red-700);background:radial-gradient(circle at 30% 20%,rgba(255,217,120,.32),transparent 5rem),#fff8dbdb;outline:none}.audio-player-zone{min-height:78px;background:repeating-linear-gradient(90deg,rgba(61,182,204,.16) 0 2px,transparent 2px 12px),linear-gradient(135deg,#ffffffbd,#dff9ff9e)}.cover-drop-zone{min-height:190px;background:radial-gradient(circle at 35% 32%,rgba(255,217,120,.28),transparent 8rem),radial-gradient(circle at 68% 70%,rgba(239,112,79,.14),transparent 8rem),linear-gradient(135deg,#eafaffd1,#ffffffa8)}.reel-section{position:relative}.game-score-showcase{display:grid;gap:clamp(1.25rem,2vw,1.8rem)}.game-score-block{position:relative;display:grid;gap:.95rem}.game-score-featured-block{padding:clamp(.95rem,1.6vw,1.25rem);border:1px solid rgba(61,182,204,.16);border-radius:var(--radius-card);background:radial-gradient(circle at 8% 8%,rgba(255,217,120,.18),transparent 10rem),radial-gradient(circle at 92% 18%,rgba(61,182,204,.16),transparent 14rem),linear-gradient(135deg,#ffffffa8,#e1f9ff75);box-shadow:0 16px 38px #1f779514}.game-score-more-block{padding-top:clamp(1.15rem,2vw,1.7rem);border-top:1px solid rgba(61,182,204,.18)}.game-score-block-heading h3{margin:0;color:var(--red-700);font-size:clamp(1.25rem,1.7vw,1.7rem)}.game-score-subsection{display:grid;gap:.8rem}.game-score-subsection+.game-score-subsection{margin-top:clamp(.75rem,1.5vw,1.1rem)}.game-score-subsection-heading{margin:0;color:#245c70;font-size:clamp(1rem,1.15vw,1.16rem);font-weight:840}.game-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,1.8vw,1.4rem)}.game-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.4rem)}.game-audio-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.6vw,1.2rem)}.game-more-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.6vw,1.2rem);align-items:stretch}.game-video-card,.game-audio-record-card{position:relative;display:grid;gap:.85rem;min-width:0;padding:1rem;overflow:hidden;border:1px solid rgba(75,148,156,.14);border-radius:var(--radius-card);background:radial-gradient(circle at 18% 8%,rgba(255,217,120,.16),transparent 6rem),#ffffff8f;transition:transform .18s ease,border-color .18s ease,background .18s ease}.game-featured-grid .game-video-card,.game-featured-grid .game-audio-record-card,.game-more-work-grid .game-video-card,.game-more-work-grid .game-audio-record-card{height:100%}.game-more-work-grid .game-video-card{align-content:stretch}.game-more-work-grid .game-video-content{height:100%;align-content:stretch;grid-template-rows:auto minmax(142px,1fr)}.game-more-work-grid .game-video-frame{min-height:168px}.game-more-work-grid .game-score-card-copy{align-content:start}.game-more-work-grid .game-video-card.is-canticle-video .game-video-content{grid-template-rows:auto minmax(0,1fr)}.game-more-work-grid .game-video-card.is-canticle-video .game-score-card-copy{align-content:center;padding-block:clamp(.65rem,1.2vw,1rem)}.game-more-work-grid .game-audio-record-card{grid-template-rows:120px 160px 48px auto}.game-more-work-grid .game-record-top{height:120px}.game-more-work-grid .game-record-artwork{min-height:160px}.game-more-work-grid .game-record-button{width:min(100%,150px)}.game-video-card:hover,.game-audio-record-card:hover{border-color:#e783714d;background:radial-gradient(circle at 18% 8%,rgba(255,217,120,.22),transparent 6rem),#ffffffb8;transform:translateY(-2px)}.game-video-content{position:relative;z-index:1;display:grid;gap:.85rem;justify-items:stretch;width:100%;min-width:0;margin:0}.game-video-card.is-warhammer-video .game-video-content,.game-video-card.is-warhammer-video .game-video-frame,.game-video-card.is-warhammer-video .game-score-card-copy{width:100%;max-width:none;margin-right:0;margin-left:0;justify-self:stretch}.game-video-card.is-warhammer-video .game-score-card-copy{align-self:stretch;padding-left:0;text-align:left}.game-video-frame{position:relative;z-index:1;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(77,148,158,.16);border-radius:var(--radius-control);background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.42),transparent 10rem),linear-gradient(135deg,#1046582e,#fff8db33),#ebf8f69e}.game-video-frame video{display:block;width:100%;height:100%;background:#102f38;object-fit:contain}.game-score-card-copy{position:relative;z-index:1;display:grid;gap:.45rem;justify-items:start;min-width:0;width:100%;text-align:left}.game-score-card-copy h4{margin:0;color:var(--red-700);font-size:1.05rem;line-height:1.24}.game-score-card-copy p{margin:0;color:#315d66c2;font-size:.9rem;font-weight:740}.game-ai-note{position:relative;z-index:1;width:100%;margin:.1rem 0 0;color:#7e3a25ad;font-size:.72rem;font-weight:650;line-height:1.35}.game-audio-record-card{grid-template-rows:128px 168px 48px auto;align-content:start;justify-items:stretch;gap:.72rem;padding:.95rem}.game-record-top{position:relative;z-index:1;display:grid;align-content:start;justify-items:center;gap:.48rem;width:100%;height:128px;min-width:0;overflow:hidden}.game-record-heading{position:relative;z-index:1;display:grid;gap:.2rem;width:100%;min-width:0;text-align:center}.game-record-heading h4{margin:0;overflow:hidden;color:var(--red-700);font-size:1rem;line-height:1.24;text-overflow:ellipsis;white-space:nowrap}.game-record-heading p{margin:0;overflow:hidden;color:#315d66b3;font-size:.82rem;font-weight:740;text-overflow:ellipsis;white-space:nowrap}.game-record-tags{position:relative;z-index:1;justify-content:center;width:100%;max-width:230px;max-height:58px;overflow:hidden}.game-record-tags span{min-height:24px;padding:.2rem .46rem;border-radius:999px;font-size:.68rem;font-weight:760}.game-record-artwork{position:relative;z-index:1;display:grid;width:100%;min-height:168px;place-items:center}.game-record-button{position:relative;z-index:1;display:grid;width:min(100%,158px);aspect-ratio:1;place-items:center;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:50%;color:#8f3a2f;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.58),transparent 18%),linear-gradient(135deg,#e1f9ffe6,#fff8dfc7);box-shadow:0 20px 42px #1f779526,inset 0 0 28px #ffffff8a;cursor:pointer;isolation:isolate;transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease}.game-record-button:after{position:absolute;inset:7px;z-index:2;content:"";border-radius:50%;background:conic-gradient(var(--coral-400) var(--record-progress),rgba(255,255,255,.26) 0);-webkit-mask:radial-gradient(circle,transparent 72%,#000 73%);mask:radial-gradient(circle,transparent 72%,#000 73%);opacity:.7;pointer-events:none}.game-record-button:hover,.game-record-button:focus-visible{border-color:#ffe489a8;outline:none;box-shadow:0 24px 50px #1f77952e,0 0 22px #ffda7e1f,inset 0 0 30px #fff9;transform:translateY(-2px)}.game-record-disc{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:50%;transform-origin:center;pointer-events:none}.game-record-button.is-playing .game-record-disc{animation:record-spin 8s linear infinite}.game-record-image,.game-record-art,.game-record-grooves{position:absolute;inset:0;border-radius:50%}.game-record-image{width:100%;height:100%;object-fit:cover}.game-record-art{overflow:hidden;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.72),transparent 16%),linear-gradient(135deg,#e1f9ffe6,#fff8dfc7)}.game-record-art:before,.game-record-art:after,.game-record-shape{position:absolute;content:"";pointer-events:none}.game-record-grooves{z-index:2;background:radial-gradient(circle,rgba(255,255,255,.72) 0 12%,transparent 12.5%),repeating-radial-gradient(circle,rgba(20,56,73,.12) 0 1px,transparent 1px 10px),repeating-linear-gradient(38deg,rgba(255,255,255,.13) 0 1px,transparent 1px 12px);mix-blend-mode:soft-light;opacity:.68}.game-record-center{position:absolute;top:50%;left:50%;z-index:3;display:grid;width:48px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,248,219,.58);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.36) 0 18%,transparent 19%),#fff8db33;box-shadow:0 8px 18px #1f779514,inset 0 0 0 6px #ffffff1f,inset 0 0 16px #ffffff57;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transform:translate(-50%,-50%);transition:color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}.game-record-button:hover .game-record-center,.game-record-button:focus-visible .game-record-center{color:#ef704f;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.42) 0 18%,transparent 19%),#fff8db47;box-shadow:0 10px 22px #1f77951a,0 0 15px #ffda7e24,inset 0 0 0 6px #ffffff24,inset 0 0 18px #fff6;transform:translate(-50%,-50%) scale(1.03)}.game-record-player{position:relative;z-index:1;display:grid;align-content:start;justify-items:center;gap:.34rem;width:100%;min-height:48px}.game-record-status{display:flex;justify-content:space-between;width:min(100%,190px);color:var(--muted);font-size:.72rem;font-weight:780}.game-record-status span:first-child{color:var(--red-700)}.game-record-progress{width:min(100%,190px);accent-color:var(--coral-400)}.game-record-credits{position:relative;z-index:1;justify-self:center;width:min(100%,250px);margin:0;color:#59696ca8;font-size:.66rem;font-weight:620;line-height:1.42;text-align:center}.game-record-cover-colossus .game-record-art{background:radial-gradient(circle at 70% 28%,rgba(255,218,126,.76),transparent 12%),radial-gradient(circle at 25% 72%,rgba(97,202,218,.38),transparent 24%),linear-gradient(145deg,#364f66f5,#729a97cc 54%,#eef4e2e6)}.game-record-cover-colossus .game-record-art:before{left:18%;bottom:11%;width:34%;height:68%;border-radius:48% 48% 22% 22%;background:linear-gradient(160deg,#ffffff57,#486269b3);box-shadow:34px -11px #223d466b;transform:rotate(-12deg)}.game-record-cover-colossus .game-record-shape-a{right:8%;bottom:30%;width:70%;height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,228,137,.76),transparent);transform:rotate(-22deg)}.game-record-cover-firework .game-record-art{background:radial-gradient(circle at 50% 48%,rgba(255,248,219,.94),transparent 11%),radial-gradient(circle at 24% 27%,rgba(255,133,94,.72),transparent 18%),radial-gradient(circle at 72% 22%,rgba(99,214,234,.62),transparent 17%),linear-gradient(145deg,#205373eb,#ffcd7db8 58%,#fff6dee6)}.game-record-cover-firework .game-record-art:before{inset:16%;border:1px solid rgba(255,248,219,.42);border-radius:50%;background:conic-gradient(from 20deg,transparent,rgba(255,222,116,.72),transparent 28%),conic-gradient(from 160deg,transparent,rgba(239,112,79,.58),transparent 32%)}.game-record-cover-firework .game-record-shape-a{top:18%;left:48%;width:3px;height:62%;border-radius:999px;background:#ffffffb3;box-shadow:-32px 18px #ffb270ad,30px 9px #6fddeeb3;transform:rotate(38deg)}.game-record-cover-garden .game-record-art{background:radial-gradient(circle at 64% 28%,rgba(255,248,219,.82),transparent 14%),radial-gradient(circle at 26% 74%,rgba(129,232,220,.56),transparent 26%),linear-gradient(145deg,#daf0fcfa,#cee0f7c7 48%,#f5ecc0d6)}.game-record-cover-garden .game-record-art:before{left:-10%;bottom:10%;width:120%;height:38%;border-radius:50%;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.82),transparent 52%),radial-gradient(ellipse at 70% 46%,rgba(145,225,214,.62),transparent 58%);filter:blur(8px)}.game-record-cover-garden .game-record-shape-a{top:18%;right:18%;width:62%;height:62%;border:1px solid rgba(255,218,126,.46);border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-18deg)}.game-record-cover-elegy .game-record-art{background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.9),transparent 12%),radial-gradient(circle at 24% 76%,rgba(129,232,248,.46),transparent 23%),linear-gradient(145deg,#eefafff5,#add7ebd1 45%,#d2cdefb8)}.game-record-cover-elegy .game-record-art:before{left:-18%;top:48%;width:136%;height:34%;border-radius:50%;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.86),transparent 54%),radial-gradient(ellipse at 72% 44%,rgba(147,214,234,.58),transparent 58%);filter:blur(7px);transform:rotate(-10deg)}.game-record-cover-elegy .game-record-shape-a{left:8%;top:18%;width:78%;height:78%;border:1px solid rgba(255,255,255,.58);border-right-color:transparent;border-bottom-color:#84beda52;border-radius:50%;transform:rotate(28deg)}.game-record-cover-elegy .game-record-shape-b{left:20%;top:58%;width:62%;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),rgba(128,200,230,.48),transparent);transform:rotate(-18deg)}.game-record-cover-velvet .game-record-art{background:radial-gradient(circle at 68% 22%,rgba(255,198,139,.64),transparent 14%),radial-gradient(circle at 28% 78%,rgba(118,219,226,.42),transparent 24%),linear-gradient(145deg,#521330f5,#9f2d42c7 52%,#ffc78bc7)}.game-record-cover-velvet .game-record-art:before{inset:18% 14%;border-radius:45% 55% 50% 50%;background:radial-gradient(circle at 40% 40%,rgba(255,225,178,.58),transparent 18%),linear-gradient(145deg,#691433e0,#ef704f5c);box-shadow:0 0 28px #ff8b6c42;transform:rotate(14deg)}.game-record-cover-velvet .game-record-shape-a{left:7%;top:48%;width:88%;height:7px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,222,116,.72),transparent);transform:rotate(-16deg)}.reel-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:clamp(1rem,2vw,1.6rem)}.reel-panel{padding:1rem}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-chip{min-height:38px;padding:.45rem .72rem;border:1px solid rgba(76,146,156,.18);border-radius:var(--radius-control);color:#345f67;background:#ffffff9e;cursor:pointer;font-size:.86rem;font-weight:760;transition:background .18s ease,color .18s ease,transform .18s ease}.filter-chip:hover,.filter-chip:focus-visible,.filter-chip.is-active{color:#fffaf2;background:linear-gradient(135deg,#2f7780,#62bfc1);outline:none;transform:translateY(-1px)}.track-list{display:grid;gap:.8rem}.track-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.9rem;min-height:116px;padding:.95rem;overflow:hidden;border:1px solid rgba(75,148,156,.14);border-radius:var(--radius-card);background:#ffffff8a;transition:border-color .18s ease,background .18s ease,transform .18s ease}.track-card:hover,.track-card.is-active{border-color:#e7837157;background:linear-gradient(135deg,#fffc,#edfbf9bd),#ffffffa3;transform:translateY(-2px)}.play-button{position:relative;z-index:1;display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid rgba(51,117,126,.18);border-radius:50%;color:#fffaf2;background:linear-gradient(135deg,#235b66,#54b7bc);box-shadow:0 12px 26px #2d838b38;cursor:pointer;transition:transform .18s ease}.play-button:hover,.play-button:focus-visible{outline:none;transform:scale(1.04)}.track-content{position:relative;z-index:1;min-width:0}.track-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.3rem}.track-heading h3{margin-bottom:0;overflow-wrap:anywhere;font-size:1.08rem}.track-heading span{flex:0 0 auto;color:var(--muted);font-size:.9rem;font-weight:760}.track-card p{margin-bottom:.65rem;color:var(--ink-soft);font-size:.95rem}.track-tags{display:flex;flex-wrap:wrap;gap:.35rem}.track-tags span{min-height:26px;padding:.22rem .46rem;font-size:.74rem}.playing-indicator{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:76px;color:#c16854;font-size:.78rem;font-weight:830}.playing-indicator span{width:8px;height:8px;border-radius:50%;background:#e78371;box-shadow:0 0 #e7837157;animation:soft-ping 1.2s ease-out infinite}.reel-note{padding:1.2rem}.reel-note h3{margin-bottom:.8rem;font-size:1.4rem}.reel-note p{color:var(--ink-soft)}.todo-note{margin-bottom:0;padding-top:1rem;border-top:1px solid rgba(75,148,156,.14);font-size:.9rem}.about-section{--about-grid-gap: clamp(1.45rem, 2vw, 1.75rem)}.about-container{width:100%;max-width:var(--max-page);margin:0 auto}.about-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);grid-template-areas:"copy portrait" "project sidebar";column-gap:var(--about-grid-gap);row-gap:var(--about-grid-gap);align-items:start}.about-portrait{position:relative;grid-area:portrait;justify-self:stretch;width:100%;aspect-ratio:4 / 5;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.76);border-radius:var(--radius-card);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.86),transparent 9rem),radial-gradient(circle at 58% 55%,rgba(101,193,196,.28),transparent 14rem),radial-gradient(circle at 42% 75%,rgba(231,131,113,.18),transparent 12rem),#ffffff7a;box-shadow:0 22px 58px #1f779529,0 0 0 8px #ffffff3d}.about-portrait img{display:block;width:100%;height:100%;object-fit:cover}.portrait-ripple{position:absolute;inset:7%;border:1px solid rgba(68,149,160,.18);border-radius:50%;box-shadow:0 0 0 52px #58b8be0f,0 0 0 104px #f4cf790f;mix-blend-mode:screen;opacity:.68;animation:ripple-pulse 6.4s ease-in-out infinite;pointer-events:none}.portrait-fish{position:absolute;right:18%;bottom:22%;width:118px;height:60px;border-radius:58% 42% 52% 48%;background:radial-gradient(circle at 78% 38%,#5b2a1e 0 2px,transparent 3px),linear-gradient(135deg,#f4cf79,#e78371);box-shadow:0 18px 38px #dc694e2e;animation:fish-drift 11s ease-in-out infinite alternate}.portrait-fish:before{position:absolute;top:14px;left:-28px;width:36px;height:36px;content:"";border-radius:70% 8%;background:#e78371b8;transform:rotate(45deg)}.about-copy{grid-area:copy;width:100%;max-width:none;padding:clamp(.8rem,1.8vw,1.35rem) 0}.about-copy p{color:var(--ink-soft);font-size:clamp(1.04rem,1.35vw,1.22rem);text-align:justify;text-align-last:left;text-justify:inter-ideograph;-webkit-hyphens:auto;hyphens:auto}.about-copy p:last-child{margin-bottom:0}.about-inline-info{display:grid;gap:clamp(1.15rem,1.8vw,1.55rem);margin-top:clamp(1.55rem,2.35vw,2rem)}.about-inline-info-group{display:grid;gap:.62rem}.about-inline-info-group h3{margin:0;color:var(--red-700);font-size:clamp(1rem,1.15vw,1.16rem);font-weight:820}.about-inline-education .about-education-list{gap:.72rem}.about-inline-education .about-education-entry strong{font-size:clamp(.92rem,1vw,1.02rem)}.about-inline-education .about-education-entry small{font-size:.82rem}.about-resume-link{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.35rem}.about-resume-button{display:inline-flex;align-items:center;gap:.52rem;min-height:40px;padding:.58rem .8rem;border:1px solid rgba(65,179,211,.24);border-radius:var(--radius-control);color:#245c70;background:#ffffff75;box-shadow:inset 0 1px #ffffff94;font-size:.9rem;font-weight:760;transition:transform .18s ease,border-color .18s ease,background .18s ease}.about-resume-button:hover,.about-resume-button:focus-visible{border-color:#ef704f47;background:#fff8db8a;outline:none;transform:translateY(-1px)}.about-resume-link>span{color:var(--muted);font-size:.92rem}.about-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.about-highlight-card{min-height:0;padding:1.15rem}.about-project-card{grid-area:project;align-self:stretch;min-height:0;padding:clamp(1.55rem,2.4vw,2rem) clamp(1.25rem,2.2vw,1.8rem) clamp(.72rem,1.08vw,.92rem);background:radial-gradient(circle at 88% 12%,rgba(255,217,120,.2),transparent 12rem),radial-gradient(circle at 8% 92%,rgba(61,182,204,.16),transparent 16rem),linear-gradient(140deg,#ffffffe6,#f2feffa8),#ffffffad}.about-support-card{align-self:stretch;min-height:0;padding:clamp(.98rem,1.35vw,1.16rem)}.about-education-card{grid-area:education;border-color:#ffcf6766;background:radial-gradient(circle at 88% 10%,rgba(255,217,120,.24),transparent 8rem),radial-gradient(circle at 10% 96%,rgba(61,182,204,.14),transparent 9rem),linear-gradient(140deg,#fffcece6,#f2feffad),#ffffffb8;box-shadow:0 18px 44px #1f77951f,inset 0 1px #ffffffb8}.about-tools-card{grid-area:tools;padding:clamp(1.05rem,1.5vw,1.25rem)}.about-tools-card h3{color:#193f4c}.about-skill-badges{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;align-items:start;width:100%}.about-skill-badge{position:relative;display:grid;min-width:0;gap:.38rem;justify-items:center;padding:.08rem;text-align:center;color:#17485a;transition:transform .18s ease,color .18s ease}.about-skill-badge:hover{transform:translateY(-2px);color:var(--red-700)}.about-skill-icon{display:grid;width:2.75rem;height:2.75rem;place-items:center;overflow:hidden;border:1px solid rgba(65,151,170,.16);border-radius:.82rem;color:#17485a;background:linear-gradient(145deg,#ffffffad,#e3f9fc61),#ffffff3d;box-shadow:inset 0 1px #ffffffb8;font-size:.7rem;font-weight:780;line-height:1;transition:border-color .18s ease,box-shadow .18s ease}.about-skill-icon img{display:block;width:70%;height:70%;object-fit:contain}.about-skill-badge:hover .about-skill-icon{border-color:#ef704f4d;box-shadow:inset 0 1px #ffffffd1}.about-skill-name{max-width:100%;overflow-wrap:anywhere;font-size:clamp(.66rem,.72vw,.78rem);font-weight:740;line-height:1.2;white-space:nowrap}.about-strengths-card{grid-area:strengths}.about-dashboard-sidebar{display:grid;grid-area:sidebar;grid-template-rows:minmax(0,1fr) auto;gap:var(--about-grid-gap);min-width:0;align-self:stretch}.about-dashboard-sidebar>.about-strengths-card,.about-dashboard-sidebar>.gallery-entry{grid-area:auto}.about-dashboard-sidebar>.about-strengths-card{align-self:stretch}.about-dashboard-sidebar>.gallery-entry{align-self:end}.about-strength-groups{display:grid;gap:clamp(.9rem,1.4vw,1.15rem)}.about-strength-group h4{margin:0 0 .46rem;color:var(--red-700);font-size:.86rem;font-weight:850;letter-spacing:0}.about-strength-group ul{display:grid;gap:.44rem;margin:0;padding-left:1.05rem}.about-strength-group li{color:var(--ink-soft);font-size:.88rem;line-height:1.45}.about-highlight-card h3{margin-bottom:.85rem;font-size:1.14rem}.about-project-card h3{margin-bottom:clamp(1.38rem,1.95vw,1.72rem);color:var(--red-700);font-size:clamp(1.35rem,1.8vw,1.74rem)}.about-support-card h3{margin-bottom:.64rem;font-size:1.02rem}.about-education-card h3{color:var(--red-700);font-size:1.14rem}.about-highlight-card ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.about-project-list{gap:clamp(.58rem,.76vw,.74rem)}.about-highlight-card li{position:relative;padding-left:1rem;color:var(--ink-soft)}.about-project-list li{max-width:78ch;padding-left:1.12rem;line-height:1.48}.about-project-list strong{color:var(--red-700);font-weight:820}.about-support-card li{font-size:.92rem;line-height:1.46}.about-education-list{display:grid;gap:.9rem}.about-education-entry{display:grid;gap:.22rem}.about-education-entry strong,.about-education-entry b{color:#193f4c;font-weight:820}.about-education-entry strong{font-size:.96rem;line-height:1.28}.about-education-entry span{display:flex;flex-wrap:wrap;gap:.34rem;align-items:baseline;color:var(--ink-soft);line-height:1.36}.about-education-entry em{color:var(--gold-500);font-size:.86rem;font-style:normal;font-weight:780}.about-education-entry small{color:var(--muted);font-size:.84rem;line-height:1.45}.about-highlight-card li:before{position:absolute;top:.68em;left:0;width:5px;height:5px;content:"";border-radius:50%;background:linear-gradient(135deg,var(--water-500),var(--coral-400))}.gallery-entry{position:relative;display:grid;grid-area:gallery;gap:.42rem;width:100%;margin:0;padding:clamp(1rem,1.5vw,1.25rem);overflow:hidden;cursor:pointer;border:1px solid rgba(61,182,204,.16);border-radius:var(--radius-card);background:radial-gradient(circle at 12% 18%,rgba(255,217,120,.2),transparent 12rem),radial-gradient(circle at 86% 78%,rgba(239,112,79,.12),transparent 13rem),linear-gradient(135deg,#ffffffb3,#e1f9ff80);box-shadow:0 14px 34px #1f779514;color:inherit;font:inherit;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.gallery-entry:hover,.gallery-entry:focus-visible{border-color:#ef704f47;box-shadow:0 18px 42px #1f77951f;transform:translateY(-2px)}.gallery-entry:focus-visible{outline:2px solid rgba(255,202,83,.7);outline-offset:4px}.gallery-entry:after{position:absolute;right:1rem;bottom:.8rem;width:78px;height:78px;content:"";border-radius:50%;background:repeating-radial-gradient(circle,rgba(61,182,204,.2) 0 1px,transparent 1px 9px);opacity:.5;pointer-events:none}.gallery-entry .eyebrow,.gallery-entry h3,.gallery-entry p,.gallery-entry span{position:relative;z-index:1}.gallery-entry h3{margin:0;color:var(--red-700);font-size:clamp(1.15rem,1.5vw,1.42rem)}.gallery-entry p:not(.eyebrow){max-width:720px;margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.45}.gallery-entry span{width:fit-content;margin-top:.36rem;padding:.4rem .78rem;border:1px solid rgba(255,202,83,.34);border-radius:999px;color:#7e3a25;background:#fff8db8f;font-size:.82rem;font-weight:820}.gallery-lightbox{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:clamp(.8rem,3vw,2.6rem)}.gallery-lightbox-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(152,219,231,.2),transparent 28rem),radial-gradient(circle at 84% 78%,rgba(255,202,83,.14),transparent 24rem),#142b387a;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08)}.gallery-lightbox-shell{position:relative;z-index:1;display:grid;width:min(100%,1280px);height:min(88svh,860px);grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:clamp(.9rem,1.8vw,1.35rem);padding:clamp(.95rem,2vw,1.35rem);overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:clamp(24px,3vw,34px);background:radial-gradient(circle at 18% 16%,rgba(255,238,176,.36),transparent 18rem),radial-gradient(circle at 80% 12%,rgba(173,229,239,.3),transparent 20rem),linear-gradient(140deg,#f6fdffe6,#ddf1f8d1);box-shadow:0 32px 90px #143f4e47}.gallery-lightbox-shell:before{position:absolute;inset:0;content:"";background:repeating-linear-gradient(90deg,rgba(17,62,76,.035) 0 1px,transparent 1px 4px);mix-blend-mode:multiply;opacity:.34;pointer-events:none}.gallery-lightbox-info,.gallery-lightbox-stage,.gallery-lightbox-thumbs,.gallery-lightbox-close{position:relative;z-index:1}.gallery-lightbox-info{display:flex;min-height:0;flex-direction:column;align-self:stretch;padding:clamp(1rem,2vw,1.35rem);overflow:auto;border:1px solid rgba(255,255,255,.56);border-radius:24px;background:linear-gradient(145deg,#ffffffa8,#e5f7fc6b);box-shadow:inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gallery-lightbox-info .eyebrow{margin-bottom:.7rem;color:var(--gold-600)}.gallery-lightbox-index{margin:0 0 .75rem;color:#4f2d24a3;font-family:var(--font-display);font-size:clamp(1.45rem,4vw,2.4rem);font-style:italic;font-weight:760;line-height:1}.gallery-lightbox-info h3{margin:0;color:var(--red-700);font-size:clamp(1.35rem,2.2vw,2rem);letter-spacing:0}.gallery-lightbox-info dl{display:grid;gap:.78rem;margin:clamp(1rem,2vw,1.35rem) 0 0}.gallery-lightbox-info dl div{padding-top:.78rem;border-top:1px solid rgba(61,182,204,.16)}.gallery-lightbox-info dt{margin-bottom:.22rem;color:#7e3a25bd;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.gallery-lightbox-info dd{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.54}.gallery-lightbox-stage{display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.46);border-radius:28px;background:#0d303e33;isolation:isolate}.gallery-lightbox-stage:after{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(180deg,#ffffff2e,#0c293729),radial-gradient(circle at 50% 50%,transparent 42%,rgba(10,33,44,.26));pointer-events:none}.gallery-lightbox-bg{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(24px) saturate(.95);opacity:.46;transform:scale(1.04)}.gallery-lightbox-figure{z-index:1;display:grid;min-width:0;min-height:0;width:100%;height:100%;margin:0;padding:clamp(.7rem,1.8vw,1.2rem);overflow:visible;place-items:center}.gallery-lightbox-image{display:block;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:18px;box-shadow:0 24px 58px #0927354d;object-fit:contain;object-position:center}.gallery-lightbox-arrow{position:absolute;top:50%;z-index:2;display:grid;width:44px;height:68px;padding:0;cursor:pointer;border:0;background:transparent;opacity:.18;place-items:center;transform:translateY(-50%);transition:opacity .18s ease,transform .18s ease}.gallery-lightbox-stage:hover .gallery-lightbox-arrow,.gallery-lightbox-arrow:focus-visible{opacity:.78}.gallery-lightbox-arrow:hover{transform:translateY(-50%) scale(1.04)}.gallery-lightbox-arrow:focus-visible,.gallery-lightbox-close:focus-visible,.gallery-lightbox-thumbs button:focus-visible{outline:2px solid rgba(255,202,83,.78);outline-offset:3px}.gallery-lightbox-arrow span{display:block;width:18px;height:18px;border-top:2px solid rgba(255,252,239,.9);border-left:2px solid rgba(255,252,239,.9);filter:drop-shadow(0 2px 5px rgba(10,33,44,.35))}.gallery-lightbox-arrow-prev{left:clamp(.4rem,1vw,.75rem)}.gallery-lightbox-arrow-prev span{transform:rotate(-45deg)}.gallery-lightbox-arrow-next{right:clamp(.4rem,1vw,.75rem)}.gallery-lightbox-arrow-next span{transform:rotate(135deg)}.gallery-lightbox-close{position:absolute;top:clamp(.8rem,1.6vw,1.15rem);right:clamp(.8rem,1.6vw,1.15rem);z-index:4;display:grid;width:42px;height:42px;padding:0;cursor:pointer;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:#ffffff52;box-shadow:0 12px 24px #143f4e1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);place-items:center;transition:background .16s ease,transform .16s ease}.gallery-lightbox-close:hover{background:#fff8dba8;transform:translateY(-1px)}.gallery-lightbox-close span{position:absolute;width:17px;height:2px;border-radius:999px;background:var(--red-700)}.gallery-lightbox-close span:first-child{transform:rotate(45deg)}.gallery-lightbox-close span:last-child{transform:rotate(-45deg)}.gallery-lightbox-thumbs{display:flex;grid-column:1 / -1;gap:.58rem;overflow-x:auto;padding:.05rem .1rem .25rem;scrollbar-width:thin}.gallery-lightbox-thumbs button{width:78px;height:52px;flex:0 0 auto;padding:0;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:#ffffff4d;opacity:.56;transition:border-color .16s ease,opacity .16s ease,transform .16s ease}.gallery-lightbox-thumbs button:hover,.gallery-lightbox-thumbs button.is-active{border-color:#ef704f94;opacity:1;transform:translateY(-1px)}.gallery-lightbox-thumbs img{display:block;width:100%;height:100%;object-fit:cover}.resume-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.resume-card{min-height:220px;padding:1.2rem}.resume-card h3{margin-bottom:.85rem}.resume-card ul{display:grid;gap:.48rem;margin:0;padding:0;list-style:none}.resume-card li{position:relative;padding-left:1.05rem;color:var(--ink-soft)}.resume-card li:before{position:absolute;top:.66em;left:0;width:6px;height:6px;content:"";border-radius:50%;background:linear-gradient(135deg,var(--water-500),var(--coral-400))}.resume-actions{margin-top:1.35rem}.resume-actions p{max-width:580px;margin:0;color:var(--muted);font-size:.92rem}.contact-section{position:relative;padding:clamp(72px,9vw,120px) 0 clamp(54px,7vw,88px);overflow:visible;background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.82),transparent 24rem),radial-gradient(circle at 82% 10%,rgba(198,219,255,.34),transparent 31rem),radial-gradient(circle at 14% 90%,rgba(255,218,120,.18),transparent 24rem),linear-gradient(180deg,#e8f9ffb8,#fffcf2d1);color:var(--ink)}.contact-section:before{position:absolute;top:18%;left:max(-220px,-12vw);width:min(52vw,760px);height:min(52vw,760px);content:"";border-radius:50%;background:repeating-radial-gradient(circle,rgba(52,143,178,.09) 0 1px,transparent 1px 36px),radial-gradient(circle at 48% 48%,rgba(255,255,255,.4),transparent 46%),radial-gradient(circle at 50% 50%,rgba(168,221,239,.24),transparent 64%);opacity:.68;pointer-events:none;transform:translateY(-50%)}.contact-section:after{position:absolute;inset:0;content:"";background:radial-gradient(circle at 82% 72%,rgba(239,112,79,.1),transparent 16rem),radial-gradient(circle at 58% 28%,rgba(255,255,255,.42),transparent 16rem),linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:auto,auto,82px 82px,82px 82px;-webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.38),transparent 84%);mask-image:linear-gradient(135deg,rgba(0,0,0,.38),transparent 84%);opacity:.5;pointer-events:none}.contact-shell{position:relative;z-index:2;max-width:var(--max-page)}.contact-card{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:clamp(1.5rem,4vw,4.3rem);align-items:center;min-height:clamp(380px,34vw,500px);padding:clamp(2rem,4.4vw,4.6rem);overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:clamp(28px,3.4vw,36px);background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.82),transparent 18rem),radial-gradient(circle at 78% 18%,rgba(186,209,255,.38),transparent 21rem),radial-gradient(circle at 86% 78%,rgba(255,205,122,.22),transparent 18rem),linear-gradient(135deg,#f7feffeb,#e0f2ffcc 48%,#f7edffc7);box-shadow:0 30px 80px #27779629,inset 0 1px #ffffffdb;isolation:isolate}.contact-card:before{position:absolute;right:-12%;bottom:-34%;z-index:-1;width:min(52vw,680px);aspect-ratio:1;content:"";border-radius:50%;background:repeating-radial-gradient(circle,rgba(90,157,183,.13) 0 1px,transparent 1px 30px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.48),transparent 40%),radial-gradient(circle at 50% 50%,rgba(157,212,232,.18),transparent 62%);opacity:.76;pointer-events:none}.contact-card:after{position:absolute;inset:0;z-index:-2;content:"";background:radial-gradient(circle at 14% 82%,rgba(239,112,79,.08),transparent 12rem),radial-gradient(circle at 68% 20%,rgba(255,255,255,.52),transparent 15rem);pointer-events:none}.contact-content{display:grid;justify-items:start;max-width:820px}.contact-email-label{margin:0 0 .95rem;color:#af6727;font-size:.82rem;font-weight:860;letter-spacing:.08em;text-transform:uppercase}.contact-card h2{display:grid;gap:.16rem;max-width:880px;margin:0;color:#244e5f;font-size:clamp(1.72rem,2.35vw,2.28rem);line-height:1.12;letter-spacing:0;text-shadow:0 16px 48px rgba(101,158,180,.1)}.contact-card h2 span{display:block}.contact-section .contact-actions{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));width:min(100%,650px);gap:.88rem;margin-top:1.55rem}.contact-section .button{width:100%;min-height:54px;justify-content:center;gap:.6rem;overflow-wrap:anywhere;text-align:center;white-space:normal}.contact-actions .button-secondary{color:#245b6c;border-color:#2f8baa38;background:linear-gradient(135deg,#ffffffc2,#e3f9ffad),#ffffff94;box-shadow:0 16px 34px #2c8fb41f}.contact-section .button-primary{border-color:#ffda7875;background:linear-gradient(135deg,#8c2f24f5,#ef704feb 50%,#ffd978eb);box-shadow:0 18px 42px #dd5d4033,0 0 28px #ef704f24}.contact-section .button:hover,.contact-section .button:focus-visible{transform:translateY(-1px);box-shadow:0 20px 44px #2c8fb429,0 0 24px #ffda782e}.contact-mail-icon{position:relative;display:inline-block;width:1.08rem;height:.82rem;flex:0 0 auto;border:1.75px solid currentColor;border-radius:4px}.contact-mail-icon:before,.contact-mail-icon:after{position:absolute;top:1px;width:50%;height:50%;content:"";border-bottom:1.75px solid currentColor}.contact-mail-icon:before{left:0;transform:skewY(33deg);transform-origin:left top}.contact-mail-icon:after{right:0;transform:skewY(-33deg);transform-origin:right top}.contact-email-note{max-width:650px;margin:.82rem 0 0;color:#405b63b3;font-size:.82rem;line-height:1.6}.contact-fish-visual{position:relative;z-index:1;width:min(100%,520px);justify-self:center;opacity:.48;pointer-events:none;filter:drop-shadow(0 28px 46px rgba(255,124,72,.14)) saturate(.98);transform:rotate(-8deg)}.contact-fish-visual:before{position:absolute;inset:12% 4% 6%;z-index:-1;content:"";border-radius:50%;background:radial-gradient(circle at 42% 42%,rgba(255,255,255,.34),transparent 42%),repeating-radial-gradient(circle,rgba(69,148,176,.16) 0 1px,transparent 1px 28px);mix-blend-mode:screen}.contact-fish-visual img{display:block;width:100%;height:auto}.site-footer{width:min(calc(100% - 40px),var(--max-page));margin:0 auto 34px;padding:1rem 0 0;border-top:1px solid rgba(55,119,144,.15);color:#405b63ad;font-size:.76rem;line-height:1.72}.site-footer p{max-width:1080px;margin:0}[data-reveal]{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s ease}[data-reveal].reveal-pending{opacity:0;transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes slow-drift{0%{transform:translateZ(0) rotate(-1.4deg)}to{transform:translate3d(12px,-14px,0) rotate(1.8deg)}}@keyframes hero-disc-breathe{0%,to{box-shadow:0 28px 74px #257ea029,inset 0 0 76px #ffffff7a;filter:saturate(1);transform:scale(1)}50%{box-shadow:0 32px 82px #257ea033,inset 0 0 92px #ffffff94;filter:saturate(1.04);transform:scale(1.012)}}@keyframes hero-inner-glow{0%,to{opacity:.36;transform:scale(.985)}50%{opacity:.5;transform:scale(1.02)}}@keyframes paired-fish-float{0%{transform:translate3d(-6px,4px,0) rotate(-1.8deg)}45%{transform:translate3d(4px,-7px,0) rotate(1.4deg)}to{transform:translate3d(8px,3px,0) rotate(-.8deg)}}@keyframes paired-fish-float-mobile{0%{transform:translate3d(-3px,2px,0) rotate(-1deg)}50%{transform:translate3d(3px,-4px,0) rotate(.9deg)}to{transform:translate3d(4px,2px,0) rotate(-.5deg)}}@keyframes hero-record-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes music-drift-left{0%{opacity:0;transform:translateZ(0) scale(.72) rotate(0)}18%{opacity:.16}58%{opacity:.22}to{opacity:0;transform:translate3d(var(--drift-x),var(--drift-y),0) scale(1.08) rotate(var(--drift-rotate))}}@keyframes float-up{0%,to{opacity:.22;transform:translateY(0) scale(1)}50%{opacity:.72;transform:translateY(-42px) scale(1.12)}}@keyframes ripple-pulse{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.82;transform:scale(1.04)}}@keyframes fish-drift{0%{transform:translate3d(-6px,4px,0) rotate(-3deg)}to{transform:translate3d(8px,-6px,0) rotate(3deg)}}@keyframes record-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes soft-ping{0%{box-shadow:0 0 #e783715c}to{box-shadow:0 0 0 10px #e7837100}}@media(max-width:1180px){h1{font-size:6.35rem}.site-nav a{padding-inline:.38rem;font-size:.8rem}.language-toggle{margin-left:.25rem;padding-inline:.42rem}.hero{grid-template-columns:minmax(0,1fr);gap:2.4rem}.hero-copy{max-width:850px}.hero-visual{width:min(100%,720px);min-height:360px;justify-self:center}.hero-music-particles{inset:-6% -4% -5% -48%}.particle-one,.particle-four,.particle-six,.particle-nine{--drift-x: -210px}.particle-two,.particle-five,.particle-ten{--drift-x: -190px}.particle-three,.particle-seven,.particle-eight{--drift-x: -150px}.hero-tonearm{right:-4%;width:min(50%,290px)}.featured-work-layout{grid-template-columns:1fr}.featured-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-work-side-grid{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}.case-study-grid,.case-study-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arrangement-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.arrangement-layout .video-drop-zone{grid-column:1 / -1;min-height:220px}.recording-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-timeline:before{display:none}.additional-tabs,.works-grid,.film-score-grid,.game-more-work-grid,.game-audio-track-grid,.additional-work-grid,.about-highlight-grid,.resume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-layout{grid-template-columns:minmax(0,1fr)}.reel-note{max-width:none}}@media(max-width:820px){.section-shell,.site-header{width:min(calc(100% - 28px),var(--max-page))}.site-header{top:10px;margin-top:10px}h1{font-size:5.35rem}.hero-role-primary{font-size:1.25rem}.menu-toggle{display:inline-block}.site-nav{position:absolute;top:calc(100% + 8px);right:0;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.75rem;border:1px solid rgba(255,255,255,.74);border-radius:var(--radius-control);background:#ffffffe6;box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transform:translateY(-8px);visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility 0ms linear .18s}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition-delay:0ms}.site-nav a{justify-content:center}.language-toggle{grid-column:1 / -1;justify-content:center;margin-left:0}.hero{overflow:hidden;min-height:auto;padding-top:46px;padding-bottom:58px}.hero-copy{position:relative;z-index:2}.hero-visual{position:absolute;right:-112px;bottom:8px;z-index:0;width:360px;min-height:278px;opacity:.64;pointer-events:auto}.hero-music-particles{inset:-4% -2% -4% -22%}.hero-music-particles.is-playing{opacity:.62}.particle-four,.particle-six,.particle-nine{display:none}.particle-one,.particle-two,.particle-five,.particle-ten,.particle-eleven{--drift-x: -105px}.particle-three,.particle-seven,.particle-eight{--drift-x: -82px}.hero-record{animation-duration:50s}.hero-tonearm{top:9%;right:-2%;width:48%;height:64%}.hero-tonearm:before{width:42px}.tonearm-arm{width:62%}.tonearm-callout{right:0;bottom:-7%;min-width:146px;max-width:160px;padding:.52rem .62rem}.tonearm-callout strong{font-size:.76rem}.tonearm-callout-title{font-size:.62rem}.hero-tonearm.is-needle-down:not(:hover):not(:focus-within) .tonearm-callout{transform:translate(calc(100% - 30px))}.home-mini-record{top:auto;right:14px;bottom:18px;width:52px;min-height:52px;gap:0;padding:0;transform:translateY(8px) scale(.96)}.home-mini-record.is-visible{transform:none}.home-mini-record.is-visible:hover,.home-mini-record.is-visible:focus-visible{transform:scale(1.03)}.home-mini-record-disc{flex-basis:52px;width:52px}.home-mini-record-short{font-size:.56rem}.home-mini-record-label{display:none}.hero-actions,.contact-actions,.resume-actions{align-items:stretch}.contact-card{grid-template-columns:1fr;min-height:auto;padding:clamp(1.8rem,7vw,3rem)}.contact-section .contact-actions{grid-template-columns:minmax(0,1fr);width:min(100%,430px)}.contact-fish-visual{position:absolute;right:-170px;bottom:-82px;width:520px;opacity:.16;transform:rotate(-10deg)}.button{width:100%}.works-grid,.featured-work-grid,.featured-work-side-grid,.work-preview-grid,.case-study-video,.case-study-grid,.case-study-summary-grid,.arrangement-layout,.arrangement-media-grid,.recording-timeline,.audio-project-grid,.mockup-project-grid,.film-score-featured-grid,.film-score-grid,.game-featured-grid,.game-video-grid,.game-more-work-grid,.game-audio-track-grid,.additional-work-grid,.about-highlight-grid,.resume-grid,.about-grid{grid-template-columns:1fr}.about-section{--about-grid-gap: 1.1rem}.about-grid{grid-template-areas:"copy" "portrait" "project" "sidebar"}.about-dashboard-sidebar{grid-template-rows:auto auto;align-self:start}.about-skill-badges{grid-template-columns:repeat(3,minmax(0,1fr))}.about-skill-name{white-space:normal}.gallery-lightbox{align-items:start;padding:.65rem;overflow:auto}.gallery-lightbox-shell{width:100%;height:auto;min-height:calc(100svh - 1.3rem);grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:.85rem;padding:.8rem;border-radius:24px}.gallery-lightbox-stage{grid-row:1;width:100%;height:min(58svh,520px);border-radius:22px}.gallery-lightbox-info{grid-row:2;padding:.9rem;border-radius:20px}.gallery-lightbox-info dl{gap:.58rem;margin-top:.8rem}.gallery-lightbox-info dl div{padding-top:.58rem}.gallery-lightbox-thumbs{grid-row:3}.gallery-lightbox-arrow{width:38px;height:58px;opacity:.34}.gallery-lightbox-close{top:.7rem;right:.7rem}.work-card{min-height:auto}.work-card-main,.case-study-card:first-child,.case-study-card:nth-child(2){min-height:auto}.case-study-card:first-child{grid-column:auto}.additional-tabs a{min-height:118px}.additional-panel{scroll-margin-top:104px}.additional-panel-header{align-items:flex-start}.arrangement-project-header{display:grid}.score-link{width:100%}.score-preview-frame{min-height:360px}.pdf-preview-window,.video-drop-zone{min-height:220px}.timeline-step,.audio-project-card,.mockup-project-card{min-height:auto}.about-portrait{width:100%;max-width:none;justify-self:stretch}.about-copy{padding:1.2rem 0 0}.about-resume-button{width:100%;justify-content:center}.track-card{grid-template-columns:46px minmax(0,1fr)}.playing-indicator{grid-column:2;justify-content:flex-start}}@media(max-width:560px){:root{font-size:15px}.content-section{padding:72px 0}h1{font-size:4.85rem}h2{font-size:clamp(2rem,12vw,3rem)}.lang-en .hero-role-primary{font-size:1rem}.lang-zh .hero-role-primary{font-size:1.08rem}.hero-visual{right:-122px;bottom:0;width:330px;min-height:248px}.hero-music-particles.is-playing{opacity:.42}.particle-two,.particle-five,.particle-seven{display:none}.particle-one,.particle-three,.particle-eight,.particle-ten{--drift-x: -66px}.hero-tonearm{top:7%;right:0;width:50%;height:62%}.hero-tonearm:before{width:36px}.tonearm-base{width:14px}.tonearm-arm{height:2px;transform:rotate(-18deg) translate3d(0,-7px,0)}.hero-tonearm.is-needle-down .tonearm-arm{transform:rotate(-37deg) translate3d(-1px,3px,0)}.tonearm-head{width:15px;height:12px}.tonearm-callout{right:-2%;bottom:-12%;min-width:128px;max-width:140px;padding:.42rem .5rem}.tonearm-callout strong{font-size:.68rem}.tonearm-callout-title{font-size:.56rem}.hero-tonearm.is-needle-down:not(:hover):not(:focus-within) .tonearm-callout{transform:translate(calc(100% - 28px))}.home-mini-record{right:10px;bottom:14px;width:48px;min-height:48px}.home-mini-record-disc{flex-basis:48px;width:48px}.goldfish-main{left:24%;width:158px}.goldfish-small{right:6%}.additional-tabs{grid-template-columns:1fr}.additional-tabs a{min-height:auto}.filter-row{flex-wrap:nowrap;margin-inline:-.3rem;padding:0 .3rem .2rem;overflow-x:auto}.filter-chip{flex:0 0 auto}.track-card{align-items:start}.track-heading{display:grid;gap:.25rem}.score-preview-frame{min-height:300px}.contact-section:after{opacity:.26}.contact-section{padding-block:66px}.contact-card{padding:1.5rem;border-radius:28px}.contact-card h2{font-size:clamp(1.52rem,8.2vw,2.18rem);line-height:1.18}.contact-section .contact-actions{width:100%}.contact-section .button{min-height:50px;font-size:.9rem}.contact-email-note{max-width:280px;font-size:.78rem}.contact-fish-visual{right:-188px;bottom:-88px;width:410px;opacity:.12;transform:rotate(-10deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.hero-record.has-motion,.hero-record.has-motion.is-spinning{animation:none!important}.hero-music-particles{display:none!important}.home-mini-record.is-playing .home-mini-record-surface{animation:none!important}}