:root{--bg: #f6f1ea;--bg-soft: #efe4d7;--surface: rgba(255, 249, 243, .7);--surface-strong: rgba(255, 251, 247, .88);--surface-border: rgba(97, 76, 58, .13);--text: #2e261f;--text-muted: #7d6e62;--text-soft: #a29183;--accent: #8f705b;--accent-deep: #5b4538;--accent-soft: #c9ad92;--accent-apricot: #f39a31;--accent-sage: #8d9680;--accent-green: #4e8d6d;--white: #fffdf9;--shadow-soft: 0 24px 60px rgba(84, 63, 45, .08);--shadow-panel: 0 28px 70px rgba(84, 63, 45, .12);--shadow-card: 0 22px 56px rgba(91, 69, 56, .1);--font-display: "Cormorant Garamond", "Noto Serif SC", serif;--font-body: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--contact-rotate-x: 50deg;--contact-rotate-y: -8deg;--contact-depth: 0px;--contact-lift: 0px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 32%),radial-gradient(circle at 82% 18%,rgba(201,173,146,.16),transparent 28%),linear-gradient(180deg,#f8f4ee,#f4eee7 42%,#efe4d8)}a{color:inherit;text-decoration:none}button{font:inherit}#bg-floral{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/bg-floral.png) center/cover no-repeat;opacity:.2;filter:blur(.35px) saturate(1.02) contrast(1.06) brightness(1.05);pointer-events:none}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}#scroll-container{position:relative;z-index:1}.top-nav{position:fixed;top:1.2rem;left:50%;z-index:30;transform:translate(-50%);width:min(calc(100% - 8.5rem),700px)}.top-nav__pill{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.38rem;border:1px solid rgba(120,94,71,.1);border-radius:999px;background:#f4ece2bd;box-shadow:0 18px 40px #67513d14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-nav__link{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.18em;color:#2e261fb8;transition:background-color .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease}.top-nav__link:hover,.top-nav__link.is-active{color:var(--accent-deep);background:#fffcf8eb;box-shadow:0 10px 24px #7459421a;transform:translateY(-1px)}.sound-toggle{position:fixed;top:1.2rem;right:1.4rem;z-index:32;display:inline-flex;align-items:center;gap:.72rem;min-height:2.75rem;padding:.4rem .8rem .4rem .62rem;border:1px solid rgba(120,94,71,.1);border-radius:999px;color:var(--accent-deep);background:#fff8f1d6;box-shadow:0 18px 40px #67513d14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;transition:transform .35s ease,background-color .35s ease,box-shadow .35s ease,color .35s ease}.sound-toggle:hover{transform:translateY(-1px);box-shadow:0 20px 44px #67513d1a}.sound-toggle__icon{display:inline-flex;align-items:end;gap:.16rem;width:1rem;height:.95rem}.sound-toggle__icon span{width:.18rem;border-radius:999px;background:currentColor;animation:equalize 1.2s ease-in-out infinite;transform-origin:bottom}.sound-toggle__icon span:nth-child(1){height:.46rem;animation-delay:0s}.sound-toggle__icon span:nth-child(2){height:.8rem;animation-delay:.16s}.sound-toggle__icon span:nth-child(3){height:.58rem;animation-delay:.3s}.sound-toggle__label{font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.sound-toggle:not(.is-on){color:#5b45388f}.sound-toggle:not(.is-on) .sound-toggle__icon span{animation-play-state:paused;transform:scaleY(.35)}@keyframes equalize{0%,to{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:7rem 2rem 4rem}.section__inner{width:100%;max-width:1220px;margin:0 auto}.section__title{font-family:var(--font-display);font-size:clamp(2.3rem,5vw,4rem);font-weight:400;letter-spacing:.03em;margin-bottom:3rem;color:var(--accent-deep);text-shadow:0 12px 30px rgba(255,247,239,.85)}.section--hero{text-align:left}.section--hero .section__inner{position:relative;z-index:1;max-width:none;padding-left:clamp(1.25rem,8vw,8vw)}.hero__copy{width:min(100%,560px);padding:clamp(2rem,4vw,3rem);border:1px solid rgba(118,93,73,.11);border-radius:34px;background:linear-gradient(135deg,#fffbf7ad,#f7efe79e),#ffffffad;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero__greeting{font-size:clamp(.9rem,1.5vw,1.08rem);font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#5b4538ad;margin-bottom:1rem;opacity:0}.hero__name{font-family:var(--font-display);font-size:clamp(4.6rem,14vw,11rem);font-weight:400;line-height:.88;letter-spacing:-.04em;color:var(--text);opacity:0;text-shadow:0 16px 30px rgba(255,248,240,.95),0 28px 48px rgba(72,54,40,.08)}.hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1rem;margin-top:1.4rem}.hero__sub{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.45rem 1.05rem;border:1px solid rgba(143,112,91,.1);border-radius:999px;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:clamp(.92rem,1.8vw,1.15rem);font-weight:300;letter-spacing:.08em;color:#6a5648;background:#fffaf5ad;box-shadow:inset 0 1px #ffffff8c;opacity:0}.hero__role{font-size:clamp(.82rem,1.4vw,1rem);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:0}.hero__lede{max-width:26rem;margin-top:1.8rem;font-size:clamp(.98rem,1.4vw,1.06rem);font-weight:300;line-height:2.1;letter-spacing:.04em;color:#8a7c70;opacity:0}.hero__scroll-hint{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.55rem;opacity:0}.hero__scroll-hint span{font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#7d6e62cc}.hero__scroll-line{width:1px;height:44px;background:linear-gradient(180deg,#8f705bf2,#8f705b2e);transform-origin:top;animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.4);opacity:.35}}.section--skills,.section--projects{background:transparent}.skills-grid,.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7rem}.skill-card,.project-card{position:relative;overflow:hidden;border:1px solid rgba(143,112,91,.12);border-radius:30px;background:linear-gradient(145deg,#fffbf7d1,#f6ede4a3);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.skill-card{padding:2.5rem 2.2rem;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease;opacity:0;transform:translateY(40px)}.skill-card:hover{transform:translateY(-6px);border-color:#8f705b40;box-shadow:0 28px 50px #543f2d1f}.skill-card__num{font-family:var(--font-display);font-size:.95rem;color:var(--accent);letter-spacing:.12em}.skill-card__title{font-family:var(--font-display);font-size:clamp(1.55rem,2.5vw,2rem);font-weight:500;margin:.85rem 0 .7rem;color:var(--accent-deep)}.skill-card__desc{font-size:.92rem;line-height:1.85;color:var(--text-muted);font-weight:400}.projects-grid{align-items:stretch}.project-card{display:grid;grid-template-rows:minmax(160px,1fr) minmax(46px,15%);min-height:270px;border-radius:15px;transition:transform .4s ease,border-color .35s ease,box-shadow .35s ease,background-color .35s ease;opacity:0;transform:translateY(18px)}.project-card:hover{transform:translateY(-4px);border-color:#8f705b3d;box-shadow:0 14px 31px #543f2d24}.project-card__visual{position:relative;padding:.5rem .5rem 0}.project-card__badge{position:absolute;top:.725rem;left:.75rem;z-index:2;display:inline-flex;align-items:center;min-height:.95rem;padding:.1rem .375rem;border-radius:999px;background:#fffcf8c2;border:1px solid rgba(143,112,91,.12);font-size:.36rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}.project-card__canvas{position:relative;width:100%;aspect-ratio:16 / 9;height:100%;min-height:175px;border-radius:13px 13px 10px 10px;overflow:hidden}.project-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.project-card__meta{display:flex;flex-direction:column;justify-content:center;gap:.15rem;padding:.45rem .725rem .575rem;background:linear-gradient(180deg,#fff9f3d1,#fcf8f2f2)}.project-card__name{font-family:var(--font-display);font-size:clamp(.95rem,1.3vw,1.4rem);font-weight:500;color:var(--accent-deep)}.project-card__desc{font-size:.9rem;line-height:1.6;color:var(--text-muted)}.project-card__canvas--ocean{background:radial-gradient(circle at top,rgba(175,227,255,.48),transparent 36%),linear-gradient(180deg,#6fc7ef,#537bd1 36%,#4d4396)}.project-card__glow{position:absolute;top:-10%;right:-4%;width:75%;height:65%;background:repeating-linear-gradient(102deg,rgba(255,255,255,.2) 0 2px,transparent 2px 48px);opacity:.22}.project-card__wordmark{position:absolute;top:28%;left:50%;transform:translate(-50%);font-size:clamp(1.5rem,2.5vw,2.4rem);font-weight:800;letter-spacing:-.05em;color:#fffffff5;text-shadow:0 8px 18px rgba(28,53,109,.26)}.project-card__button{position:absolute;left:50%;bottom:24%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;min-height:1.55rem;border-radius:8px;background:#a9cd3b;color:#fffef3;font-size:.55rem;font-weight:600;box-shadow:0 7px 14px #35421733}.project-card__reef{position:absolute;bottom:-4%;width:15%;height:13%;border-radius:999px 999px 0 0;background:radial-gradient(circle at 40% 20%,rgba(255,255,255,.16),transparent 28%),linear-gradient(180deg,#49265c66,#251b49cc)}.project-card__reef--left{left:-2%}.project-card__reef--right{right:-2%}.project-card__fish{position:absolute;right:12%;bottom:18%;width:2rem;height:1rem;border-radius:999px;background:linear-gradient(135deg,#f5f36a,#b6ef50);filter:blur(.2px);transform:rotate(-18deg)}.project-card__fish:after{content:"";position:absolute;right:-.325rem;top:.21rem;border-top:.275rem solid transparent;border-bottom:.275rem solid transparent;border-left:.45rem solid #dbe66a}.project-card__canvas--particles{background:radial-gradient(circle at 50% 44%,rgba(66,150,115,.12),transparent 32%),linear-gradient(180deg,#02150d,#072717)}.project-card__swirl{position:absolute;top:14%;right:10%;bottom:18%;left:10%;border-radius:32%;background:radial-gradient(circle at 30% 45%,rgba(111,250,177,.36),transparent 12%),radial-gradient(circle at 70% 45%,rgba(111,250,177,.32),transparent 12%);filter:blur(.6px)}.project-card__swirl:before,.project-card__swirl:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:10px dotted rgba(116,255,181,.22);transform:rotate(18deg) scaleX(1.35) scaleY(.68)}.project-card__swirl:after{top:18%;right:10%;bottom:18%;left:10%;border-width:8px;transform:rotate(-18deg) scaleX(1.4) scaleY(.74)}.project-card__orb{position:absolute;right:18%;bottom:15%;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--accent-apricot);color:#fff;font-size:1.3rem;font-weight:700;box-shadow:0 9px 16px #f39a313d}.project-card__canvas--dex{display:block;padding:0;background:linear-gradient(180deg,#f7f9fff2,#ecf1fae6)}.project-card__mini-card{border-radius:9px;background:linear-gradient(180deg,#fffffff5,#f9fbffeb);box-shadow:0 6px 13px #a0a9bf24}.project-card__mini-card--tall{grid-column:3;grid-row:span 2}.project-card__canvas--empty{display:grid;place-items:center;border:1px dashed rgba(197,177,156,.58);background:linear-gradient(180deg,#f8f1e7d9,#f4ece2eb)}.project-card__plus{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:200;line-height:1;color:#5b45389e}.project-card--empty:hover .project-card__plus{transform:scale(1.04)}.section--contact{position:relative;overflow:hidden;padding-top:8rem;background:radial-gradient(circle at 74% 28%,rgba(255,255,255,.34),transparent 28%),linear-gradient(180deg,#fff8f124,#efe4d733)}.section--contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.46),transparent 24%),radial-gradient(circle at 80% 72%,rgba(201,173,146,.14),transparent 26%);pointer-events:none}.contact-layout{position:relative;display:grid;grid-template-columns:minmax(320px,450px) minmax(0,1fr);align-items:center;gap:2rem;min-height:78vh}.contact-copy{position:relative;z-index:2}.contact-copy__eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#5b45388a}.contact-copy__title{margin-top:1rem;max-width:7ch;font-size:clamp(3rem,6.8vw,5.4rem);line-height:.9;letter-spacing:-.06em;color:var(--text)}.contact-copy__text{max-width:24rem;margin-top:1.5rem;font-size:1rem;line-height:1.9;color:var(--text-muted)}.contact-copy__actions{margin-top:2rem}.contact-social-links{display:flex;gap:1rem}.contact-social-btn{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#e8e3da;color:#2a2a2a;transition:transform .25s ease,background .25s ease}.contact-social-btn:hover{transform:translateY(-3px);background:#ddd8ce}.contact-social-btn svg{width:1.2rem;height:1.2rem}.contact-stage{position:relative;min-height:720px;z-index:1;display:flex;align-items:center;justify-content:center}.contact-stage:before{display:none}.contact-stage:after{display:none}.contact-room{display:none}.contact-room__halo{position:absolute;left:60%;bottom:14%;width:42%;height:20%;border-radius:50%;background:radial-gradient(circle,#fff8f1d1,#fff8f100);filter:blur(26px);transform:translate(-50%) translateZ(10px)}.contact-room__floor{position:absolute;left:26%;right:2%;bottom:2%;height:42%;border-radius:72px 72px 44px 44px;background:radial-gradient(circle at 48% 28%,rgba(255,251,246,.42),transparent 24%),linear-gradient(180deg,#e6dfc552,#bfd2a942),linear-gradient(135deg,#f5f1e1bd,#c5d8ad8a);box-shadow:inset 0 1px #ffffff9e,0 28px 60px #755c4614;transform:rotateX(78deg) rotate(-2deg) translateZ(-70px);transform-origin:center}.contact-room__hill{position:absolute;border-radius:48% 52% 40% 60%/58% 44% 56% 42%;background:linear-gradient(180deg,#d4e3bdf5,#a4ba84eb);box-shadow:0 24px 50px #768a5c1f}.contact-room__hill--back{left:36%;bottom:35%;width:30%;height:10%;opacity:.46;transform:translateZ(-28px)}.contact-room__hill--mid{right:14%;bottom:24%;width:28%;height:10%;opacity:.72;transform:translateZ(12px)}.contact-room__hill--front{left:40%;bottom:13%;width:24%;height:8%;background:linear-gradient(180deg,#d7e7befa,#abc68ff5);transform:translateZ(52px)}.contact-room__meadow{position:absolute;border-radius:999px 999px 44px 44px;background:linear-gradient(180deg,#cadbacf5,#91ae71f5);box-shadow:0 18px 34px #7e946429}.contact-room__meadow--left{left:43%;bottom:10%;width:9%;height:7%;transform:rotate(-8deg) translateZ(76px)}.contact-room__meadow--right{right:4%;bottom:8%;width:24%;height:9%;transform:rotate(3deg) translateZ(82px)}.contact-room__flower,.contact-room__flower:before,.contact-room__flower:after{position:absolute}.contact-room__flower{width:1.1rem;height:5.2rem;background:linear-gradient(180deg,#659760eb,#4c7c49f5);border-radius:999px;transform-origin:bottom}.contact-room__flower:before,.contact-room__flower:after{content:"";left:50%;top:-.3rem;width:2.4rem;height:2.4rem;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 50% 50%,rgba(244,187,100,.96) 0 18%,transparent 19%),radial-gradient(circle at 50% .45rem,rgba(255,246,236,.96) 0 22%,transparent 23%),radial-gradient(circle at calc(50% + .68rem) 1rem,rgba(255,220,224,.92) 0 22%,transparent 23%),radial-gradient(circle at calc(50% - .68rem) 1rem,rgba(255,223,190,.92) 0 22%,transparent 23%),radial-gradient(circle at calc(50% + .52rem) 1.62rem,rgba(255,241,200,.92) 0 22%,transparent 23%),radial-gradient(circle at calc(50% - .52rem) 1.62rem,rgba(255,238,241,.92) 0 22%,transparent 23%)}.contact-room__flower:after{width:1.3rem;height:.8rem;top:1.9rem;border-radius:999px 0;background:#6e9d67d9;transform:translate(-140%) rotate(-28deg)}.contact-room__flower--1{left:45%;bottom:15%;transform:rotate(-4deg) translateZ(96px) scale(.62)}.contact-room__flower--2{left:51%;bottom:14%;transform:rotate(6deg) translateZ(90px) scale(.58)}.contact-room__flower--3{right:26%;bottom:14%;transform:rotate(-6deg) translateZ(102px) scale(.66)}.contact-room__flower--4{right:15%;bottom:15%;transform:rotate(5deg) translateZ(98px) scale(.6)}.contact-room__flower--5{left:58%;bottom:11%;transform:rotate(-8deg) translateZ(86px) scale(.54)}.contact-room__flower--6{right:36%;bottom:12%;transform:rotate(4deg) translateZ(88px) scale(.54)}.contact-room__grass,.contact-room__grass:before,.contact-room__grass:after{position:absolute;width:1.1rem;height:5.8rem;border-radius:999px;background:linear-gradient(180deg,#7ca967e6,#538149fa)}.contact-room__grass:before,.contact-room__grass:after{content:"";bottom:0;width:.6rem;height:4rem;background:inherit;border-radius:inherit}.contact-room__grass:before{left:-.35rem;transform:rotate(-18deg)}.contact-room__grass:after{right:-.35rem;transform:rotate(18deg)}.contact-room__grass--1{left:41%;bottom:10%;transform:rotate(-7deg) translateZ(98px) scale(.64)}.contact-room__grass--2{left:54%;bottom:9%;transform:rotate(5deg) translateZ(80px) scale(.62)}.contact-room__grass--3{right:13%;bottom:10%;transform:rotate(-3deg) translateZ(102px) scale(.64)}.contact-room__grass--4{right:32%;bottom:10%;transform:rotate(8deg) translateZ(78px) scale(.58)}.contact-room__leaf,.contact-room__stone,.contact-room__butterfly{position:absolute}.contact-room__leaf{width:3.6rem;height:2rem;border-radius:100% 0;background:linear-gradient(135deg,#7ead6eeb,#59884ef5);box-shadow:0 14px 24px #6c8a572e}.contact-room__leaf--1{left:47%;bottom:10%;transform:rotate(-14deg) translateZ(84px) scale(.62)}.contact-room__leaf--2{right:19%;bottom:10%;transform:rotate(28deg) translateZ(82px) scale(.62)}.contact-room__leaf--3{left:64%;bottom:9%;transform:rotate(8deg) translateZ(76px) scale(.56)}.contact-room__stone{background:linear-gradient(135deg,#e3d9ccfa,#c5beb4f5);border-radius:50% 46% 54% 42%;box-shadow:0 14px 22px #85776724}.contact-room__stone--1{left:48%;bottom:8%;width:4.4rem;height:2.2rem;transform:rotate(-8deg) translateZ(70px) scale(.68)}.contact-room__stone--2{right:25%;bottom:7%;width:3rem;height:1.6rem;transform:rotate(10deg) translateZ(66px) scale(.66)}.contact-room__butterfly,.contact-room__butterfly:before,.contact-room__butterfly:after{position:absolute}.contact-room__butterfly{width:1.1rem;height:.2rem;background:#7d6c5b8c;border-radius:999px}.contact-room__butterfly:before,.contact-room__butterfly:after{content:"";top:-.55rem;width:1.4rem;height:1.4rem;border-radius:100% 30%;background:linear-gradient(135deg,#fff4e6f2,#f4d2aae6);box-shadow:0 10px 18px #bc967129}.contact-room__butterfly:before{left:-1rem;transform:rotate(-20deg)}.contact-room__butterfly:after{right:-1rem;transform:scaleX(-1) rotate(-20deg)}.contact-room__butterfly--1{left:50%;bottom:40%;transform:rotate(18deg) translateZ(48px) scale(.64)}.contact-room__butterfly--2{right:18%;bottom:43%;transform:rotate(-12deg) translateZ(86px) scale(.6)}.footer{position:relative;padding:4rem 2rem 3rem;text-align:center;background:radial-gradient(circle at top center,rgba(255,255,255,.42),transparent 36%),linear-gradient(180deg,#f0e6dae0,#f7f1eafa);border-top:1px solid rgba(109,87,70,.08)}.footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 30%);pointer-events:none}.footer__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.footer__name{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:500;letter-spacing:.06em;color:var(--accent-deep)}.footer__links{margin-top:1rem;font-size:.9rem;color:var(--text-muted);letter-spacing:.12em}.footer__links a{display:inline-block;padding-bottom:.15rem;border-bottom:1px solid rgba(143,112,91,.2);transition:color .3s ease,border-color .3s ease}.footer__links a:hover{color:var(--accent-deep);border-color:#8f705b80}.footer__dot{margin:0 .5rem}.footer__copy{margin-top:1.4rem;font-size:.76rem;color:#5b45388a;letter-spacing:.14em}.footer__copy a{color:var(--text-muted);transition:color .3s ease}.footer__copy a:hover{color:var(--accent-deep)}@media(max-width:1180px){.top-nav{width:min(calc(100% - 8.5rem),620px)}.contact-layout{grid-template-columns:1fr;gap:2.5rem}.contact-stage{min-height:620px}}@media(max-width:1024px){.section--hero .section__inner{padding-left:2rem}.hero__copy{width:min(100%,500px)}.project-card{min-height:250px}}@media(max-width:768px){.top-nav{top:.8rem;left:.8rem;right:4.9rem;width:auto;transform:none}.top-nav__pill{gap:.22rem;padding:.28rem}.top-nav__link{min-height:2.5rem;font-size:.65rem;letter-spacing:.12em}.sound-toggle{top:.8rem;right:.8rem;min-width:3rem;padding:.4rem .68rem}.sound-toggle__label{display:none}.section{padding:6rem 1.2rem 3rem}.section--hero .section__inner{padding-left:0}.hero__copy{width:100%;padding:1.6rem 1.35rem 1.9rem;border-radius:28px}.hero__meta{align-items:flex-start;flex-direction:column;gap:.7rem}.hero__name{font-size:clamp(3.7rem,22vw,6.5rem)}.hero__lede{max-width:none;line-height:1.8}.skills-grid,.projects-grid{grid-template-columns:1fr;gap:1.2rem}.skill-card,.project-card{border-radius:24px}.project-card{border-radius:12px;min-height:230px;grid-template-rows:minmax(140px,1fr) minmax(42px,15%)}.project-card__visual{padding:.375rem .375rem 0}.project-card__canvas{min-height:150px;border-radius:11px 11px 9px 9px}.project-card__meta{padding:.425rem .525rem .5rem}.hero__scroll-hint{bottom:1.5rem}.contact-copy__title{font-size:clamp(3rem,18vw,4.8rem)}.contact-stage{min-height:480px}.contact-room__floor{left:0;right:0}.footer{padding:3.4rem 1.2rem 2.8rem}}@media(max-width:480px){.skill-card{padding:1.8rem 1.35rem}.project-card__name{font-size:.825rem}.project-card__desc{font-size:.82rem}.contact-stage{min-height:400px}}