@charset "UTF-8";
:root{--bg:#f7f5ef;--ink:#242820;--muted:#73776e;--accent:#d85932;--line:#dedfd5;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:750;display:flex;align-items:center;gap:9px}.brand-icon{font-size:35px;color:var(--accent)}.brand-dot{color:var(--accent);margin-left:-6px}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{border:1px solid var(--line);border-radius:30px;padding:12px 20px}.nav-contact span{margin-left:14px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);padding:12px;background:var(--ink);color:white;z-index:10}.skip-link:focus{transform:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center;padding-block:76px 82px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#728360;border-radius:50%}h1{font-size:clamp(44px,4.8vw,65px);line-height:1.22;letter-spacing:-2px;margin-top:26px;font-weight:800}.accent{color:var(--accent)}.intro{font-size:15px;line-height:1.95;max-width:400px;color:var(--muted);margin-top:25px}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 23px;border-radius:9px;font-size:14px;font-weight:600;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:white}.primary:hover{background:#bd4521}.text-link{font-size:13px}.text-link span{margin-left:10px}.hero-note{color:var(--muted);font-size:11px;letter-spacing:1px;margin-top:34px}.hero-art{position:relative;aspect-ratio:1/1.09;border-radius:var(--radius);background:#e8ecdf;overflow:hidden;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b1bba426 1px,transparent 1px),linear-gradient(90deg,#b1bba426 1px,transparent 1px);background-size:38px 38px}.art-label{position:absolute;top:27px;left:28px;font-size:10px;letter-spacing:2px;color:#67735c}.orb{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;top:20%;left:23%;background:radial-gradient(circle at 30% 28%,#ffbd7f 0,#ef8d57 32%,#cc4d29 70%,#793321 100%);box-shadow:20px 28px 35px #73352124;z-index:2}.orbit{position:absolute;width:86%;height:32%;border:1px solid #75835e88;border-radius:50%;top:34%;left:7%;transform:rotate(-34deg);z-index:3}.orbit-two{transform:rotate(40deg);width:78%;left:11%;z-index:1}.floating-note{position:absolute;bottom:21%;left:8%;display:flex;align-items:center;gap:13px;padding:17px 20px;border-radius:13px;background:#ffffffeb;box-shadow:0 12px 28px #35472613;transform:rotate(-5deg);z-index:4}.note-icon{font-size:33px;color:var(--accent)}.floating-note strong{display:block;font-size:13px}.floating-note div span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.art-bottom{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#67735c}.art-bottom span:last-child{font-size:24px}.section{padding-block:60px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:31px}h2{font-size:32px;line-height:1.4;letter-spacing:-.8px}.section-heading h2{margin-top:12px}.section-heading>p{font-size:12px;color:var(--muted);padding-bottom:6px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{background:#fffefa;border:1px solid #e6e5dc;border-radius:15px;overflow:hidden}.card-art{height:210px;position:relative;overflow:hidden}.art-number,.art-caption{position:absolute;font-size:9px;letter-spacing:1.3px;left:20px}.art-number{top:19px}.art-caption{bottom:18px}.art-video{background:#d8dfd0;color:#536445}.video-frame{position:absolute;inset:47px 55px;border:1px solid #71825c;border-radius:12px;display:grid;place-items:center;transform:rotate(-9deg);box-shadow:13px 13px 0 #a7b39955}.video-frame span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#71825c;color:#eff3e7;padding-left:4px;font-size:20px}.art-code{background:#eae3d7;color:#7a6550}.code-symbol{font-size:83px;font-weight:300;letter-spacing:-10px;text-align:center;padding-top:40px;transform:rotate(-8deg);color:#92765a}.art-notes{background:#efd9cf;color:#93614d}.note-paper{position:absolute;width:132px;height:128px;left:calc(50% - 66px);top:43px;background:#fff8ed;border-radius:4px;transform:rotate(8deg);box-shadow:9px 10px 0 #cc9f8b44;padding:26px 20px}.note-paper>span{display:block;height:2px;background:#dfc5b3;margin-bottom:12px}.note-paper>span:nth-child(3){width:65%}.note-paper b{position:absolute;bottom:8px;right:15px;font-size:30px;color:var(--accent)}.card-copy{padding:23px}.tag{font-size:10px;color:var(--muted);letter-spacing:1px}h3{font-size:19px;margin-top:10px}.card-copy p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:11px}.card-status{display:block;font-size:10px;color:#909486;margin-top:24px}.about{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;padding-block:69px}.about h2{margin-top:17px}.about-copy p{font-size:15px;line-height:1.95;color:var(--muted);margin-bottom:16px}.interest-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.interest-tags span{font-size:11px;border:1px solid var(--line);border-radius:25px;padding:8px 14px}.contact{border-radius:var(--radius);background:#e8ecdf;display:flex;align-items:center;justify-content:space-between;padding:46px 50px;gap:35px;margin-block:16px 60px}.contact h2{margin-top:15px;font-size:37px}.contact p:last-child{font-size:12px;color:var(--muted);line-height:1.9;margin-top:15px;max-width:410px}.dark{background:var(--ink);color:#fff;white-space:nowrap}.dark:hover{background:#424b38}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:26px;font-size:11px;color:var(--muted)}.footer .accent{font-size:19px;margin-left:12px}
@media(min-width:1500px){.hero{padding-block:95px}.hero-art{max-height:520px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:35px;padding-block:55px}.hero-actions{gap:18px;flex-wrap:wrap}.project-grid{gap:15px}.card-copy{padding:18px}.card-art{height:180px}.video-frame{inset:43px 35px}.about{gap:35px}.contact{padding:35px}.section-heading{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.header{height:82px}.brand{font-size:19px}.brand-icon{font-size:28px}nav{gap:15px;font-size:12px}.nav-contact{padding:9px 12px}.nav-contact span{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-block:40px}.hero h1{font-size:53px}.intro{max-width:none}.hero-art{aspect-ratio:1.15;max-width:450px;width:100%;justify-self:center}.section{padding-block:40px}.project-grid{grid-template-columns:1fr;gap:22px}.card-art{height:220px}.video-frame{inset:47px 24%}.card-copy{padding:24px}.about{grid-template-columns:1fr;gap:25px}.contact{flex-direction:column;align-items:start;padding:30px;margin-bottom:35px}.contact h2{font-size:32px}.footer{gap:16px;align-items:start;flex-direction:column}.footer .accent{margin-left:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}