:root{--ink:#19211d;--paper:#efeee8;--mint:#c7f0db;--aqua:#2adce3;--line:rgba(25,33,29,.28)}
body{background:#efeee8}.site-shell{max-width:none;border-inline:0}.topbar{height:74px;position:absolute;inset:0 0 auto;z-index:5;border:0;padding:0 2rem;color:var(--ink);grid-template-columns:1fr auto 1fr}.brand{font:700 1.1rem/.74 var(--mono);letter-spacing:-.13em;text-align:center}.brand i{font-size:1.45rem}.topbar-label{display:none}.main-nav{justify-content:flex-end;gap:1.4rem}.main-nav a{font-size:.58rem}.main-nav:before{content:'阿腩 / 作品集';position:absolute;left:2rem;font:500 .58rem var(--mono);letter-spacing:.08em}.hero{height:100svh;min-height:700px;padding:0 2rem;background:#dce8d9;color:var(--ink);isolation:isolate}.hero-motion{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#fbfbef 0 10%,transparent 36%),linear-gradient(#dfece0 0 46%,#b8ceb9 46% 52%,#718c7b 52% 100%);z-index:-1}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s}.hero-video.is-ready{opacity:1}.hero-sun{width:54vw;height:54vw;position:absolute;left:23%;top:-29vw;border-radius:50%;background:radial-gradient(circle,#ffffe6 0 28%,#edffd9 46%,transparent 69%);filter:blur(7px);opacity:.85;animation:breathe 9s ease-in-out infinite}.hero-land{position:absolute;left:-10%;width:120%;border-radius:50% 50% 0 0 / 14% 14% 0 0}.land-one{height:36%;bottom:0;background:repeating-radial-gradient(ellipse at 36% 100%,transparent 0 21px,#b1c6ab 22px 25px,transparent 26px 48px),linear-gradient(#809a83,#4f7165)}.land-two{height:22%;bottom:-7%;background:repeating-radial-gradient(ellipse at 60% 100%,transparent 0 15px,#839c80 16px 19px,transparent 20px 40px),#384f47}.hero-object{position:absolute;width:min(36vw,510px);aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:48% 52% 58% 42%/45% 44% 56% 55%;background:radial-gradient(circle at 39% 28%,#f4ffec 0 3%,#9dc6ac 4% 8%,transparent 9%),radial-gradient(ellipse at 48% 49%,#d8f1d8 0 7%,#89b49c 8% 24%,#365b51 25% 50%,#183f3b 51% 70%,#f1f8e7 71% 72%,#265348 73%);box-shadow:inset -35px -35px 55px #071a19aa,10px 30px 55px #273a3577;animation:float 7s ease-in-out infinite}.hero-object:before,.hero-object:after{content:'';position:absolute;border:18px solid #ecf8e8;border-radius:50%;filter:drop-shadow(0 9px 9px #10252177)}.hero-object:before{width:42%;height:16%;top:-8%;left:47%;transform:rotate(22deg)}.hero-object:after{width:32%;height:46%;left:-10%;top:53%;transform:rotate(-36deg)}.hero-object i{position:absolute;display:block;border-radius:50%;background:linear-gradient(135deg,#f9fff2,#598574 43%,#113e3b 50%);box-shadow:5px 8px 12px #17352c99}.hero-object i:nth-child(1){width:25%;height:12%;right:-13%;top:26%;transform:rotate(-28deg)}.hero-object i:nth-child(2){width:11%;height:11%;right:-5%;bottom:3%}.hero-object i:nth-child(3){width:17%;height:8%;left:34%;bottom:-12%;transform:rotate(20deg)}.hero-object i:nth-child(4){width:8%;height:8%;left:11%;top:4%}.hero-object i:nth-child(5){width:13%;height:6%;right:2%;top:-14%;transform:rotate(25deg)}.hero-index{top:104px;right:2rem;color:var(--ink);font-size:.56rem}.eyebrow{position:absolute;left:2rem;top:106px;margin:0;color:var(--ink);font-size:.56rem}.hero h1{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);margin:0;text-align:center;color:#f8f9f2;text-shadow:0 2px 24px #1f443788;font:400 clamp(4rem,8.5vw,10.5rem)/.76 var(--sans);letter-spacing:-.1em}.hero h1 span{display:inline}.hero h1 em{display:inline;font-family:var(--display);font-size:1.07em;letter-spacing:-.08em;margin-left:.15em}.hero-actions{position:absolute;left:50%;top:calc(50% + clamp(5rem,11vw,10rem));transform:translateX(-50%);display:flex;gap:.5rem}.pill{border:1px solid currentColor;border-radius:40px;padding:.84rem 1.15rem;color:var(--ink);font:600 .58rem var(--mono);text-decoration:none;white-space:nowrap;transition:.25s}.pill span{font-size:.9rem;margin-left:.45rem}.pill.light{background:#f6f7ec}.pill.outline{background:#18241f;color:#eef2e8;border-color:#18241f}.pill:hover{transform:translateY(-3px);background:var(--aqua);color:var(--ink);border-color:var(--aqua)}.hero-foot{bottom:2rem;left:2rem;right:2rem;font-size:.62rem;line-height:1.5}.hero-foot p{text-align:left}.hero-foot>span{font:500 .55rem var(--mono)}.intro{min-height:580px;background:#efeee8;padding:7rem 2rem;grid-template-columns:16% 1fr 27%;border-top:0}.intro h2{font-family:var(--sans);font-weight:500;line-height:.91;letter-spacing:-.08em}.intro h2 span{font-family:var(--display);color:#397764;font-style:italic}.work{background:#efeee8;padding:0 2rem 8rem}.work-heading{padding:1rem 0 3rem;grid-template-columns:16% 1fr auto}.work-heading h2{font-family:var(--sans);font-weight:500;letter-spacing:-.1em}.work-heading h2 i{font-family:var(--display);font-weight:400;color:#397764}.filters{border-color:var(--ink)}.filter{border-color:var(--ink)}.filter:hover,.filter.active{background:#17241f;color:#f5f4eb}.project-grid{gap:4.5rem 1.25rem}.frame{border-radius:2px}.manifesto{background:#c8ead6;color:#18261f;min-height:570px;padding:8rem 2rem}.manifesto span:not(.manifesto-mark){color:#397764}.manifesto-mark{color:#f8f6de}.contact{background:#17241f;color:#eff2e8;padding:1.1rem 2rem 2rem}.contact>a,.contact-details a,.copy-wechat{color:#eff2e8}.contact>a i{color:var(--aqua)}.contact-details>span{color:var(--aqua)}.copy-wechat b{border-color:#eff2e8}.contact footer{border-color:#eff2e8}.contact-details{margin-left:16%}.project-dialog{border-color:#17241f}.dialog-art{background:radial-gradient(circle at 55% 30%,#f1ffd8,transparent 12%),linear-gradient(145deg,#4b876f,#9de2c2,#1c443a)}
@keyframes float{0%,100%{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-55%) rotate(4deg)}}@keyframes breathe{50%{transform:scale(1.08);opacity:.55}}
@media(max-width:700px){.topbar{padding:0 1.1rem}.main-nav:before{left:1.1rem}.main-nav{top:74px}.hero{min-height:620px;padding:0 1.1rem}.eyebrow{left:1.1rem}.hero-index{right:1.1rem}.hero-object{width:82vw;top:49%}.hero h1{top:48%;font-size:14.5vw}.hero h1 span,.hero h1 em{display:block}.hero h1 em{margin:0}.hero-actions{top:calc(50% + 19vw)}.hero-foot{left:1.1rem;right:1.1rem;bottom:1.25rem}.hero-foot>span{display:none}.intro{padding:5rem 1.1rem}.work{padding:0 1.1rem 5rem}.manifesto{padding:6rem 1.1rem}.contact{padding-inline:1.1rem}.contact-details{margin-left:0}.contact footer{left:1.1rem;right:1.1rem}}