:root{--paper:#f4f0e8;--ink:#252323;--muted:#716c64;--coral:#e86f51;--blue:#6382a7;--green:#bac96f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}.site-shell{min-height:100vh;overflow:hidden}.site-header,.hero,.section-grid,.work{max-width:1240px;margin:0 auto;padding-left:44px;padding-right:44px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2523232b}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--paper);font:italic 14px Georgia,serif;letter-spacing:-.08em}.brand-name,.header-meta,nav{font-size:10px;font-weight:700;letter-spacing:.18em}.header-meta{opacity:.45}nav{display:flex;gap:30px}nav a{color:var(--ink);text-decoration:none;opacity:.6;transition:opacity .2s}nav a:hover{opacity:1}.hero{min-height:650px;position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:52px;padding-bottom:54px}.hero-copy{padding-bottom:25px}.eyebrow,.section-label{font-size:10px;font-weight:800;letter-spacing:.2em}.eyebrow{display:flex;align-items:center;gap:10px;color:#7c766e}.eyebrow i{display:block;width:24px;height:1px;background:var(--coral)}h1,h2,h3{font-weight:400}.hero h1{font:400 clamp(58px,8.5vw,112px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.075em;margin:33px 0 27px}.hero h1 em,.about h2 em,.contact h2 em{color:var(--coral);font-style:italic}.hero-description{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.text-link{display:inline-flex;align-items:center;gap:15px;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;margin-top:54px;padding-bottom:10px;border-bottom:1px solid var(--ink)}.text-link span{font-size:22px;line-height:11px;color:var(--coral)}.orbit{width:min(41vw,470px);height:min(41vw,470px);min-width:325px;min-height:325px;position:relative;margin-right:3vw}.orbit-ring{position:absolute;border:1px solid #25232344;border-radius:50%;inset:8%;animation:spin 22s linear infinite}.ring-small{inset:21%;border-style:dashed;animation-direction:reverse;animation-duration:18s}.orbit-core{position:absolute;inset:34%;display:grid;place-items:center;background:var(--coral);border-radius:48% 52% 47% 53%;box-shadow:22px 28px 0 #d8cdb8;transform:rotate(-12deg);animation:float 4.5s ease-in-out infinite}.orbit-core span{color:var(--paper);font:italic clamp(34px,5vw,64px) Georgia,serif;letter-spacing:-.15em;transform:rotate(12deg);margin-right:9px}.orbit-label{position:absolute;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.13em}.label-top{top:15%;right:3%;color:var(--blue)}.label-bottom{bottom:16%;left:1%;color:#737d4e}.label-bottom b{color:var(--coral);font-size:16px;margin-left:3px}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%}.dot-green{top:9%;left:28%;background:var(--green)}.dot-blue{right:9%;bottom:16%;width:8px;height:8px;background:var(--blue)}.scroll-cue{position:absolute;bottom:37px;left:44px;display:flex;align-items:center;gap:9px;color:#7b766f;font-size:9px;font-weight:800;letter-spacing:.18em}.scroll-cue span{width:1px;height:27px;background:var(--coral)}.section-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:115px;padding-bottom:130px;border-top:1px solid #2523232b}.section-label{color:#7c766e}.about-content{display:grid;grid-template-columns:1.05fr 1fr;gap:11vw}.about h2,.contact h2{font:400 clamp(42px,5vw,73px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.06em;margin:0}.about h2 em{color:var(--blue)}.about-copy{padding-top:8px}.about-copy p{font:19px/1.7 Georgia,"Times New Roman",serif;color:#57524b;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:38px}.tags span{border:1px solid #25232355;border-radius:100px;padding:8px 11px;font-size:9px;letter-spacing:.16em}.work{padding-top:38px;padding-bottom:140px}.work-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #2523232b;padding-bottom:18px;margin-bottom:16px}.work-heading p{font:15px Georgia,serif;color:var(--muted);margin:0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.work-card{min-height:310px;padding:25px;display:flex;flex-direction:column;position:relative;transition:transform .2s}.work-card:hover{transform:translateY(-5px)}.work-card.coral{background:var(--coral)}.work-card.blue{background:var(--blue);color:#faf7f0}.work-card.green{background:var(--green)}.card-number{font:italic 17px Georgia,serif}.work-card>div{margin-top:auto}.work-card small{font-size:9px;font-weight:800;letter-spacing:.18em;opacity:.72}.work-card h3{font:400 27px/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.04em;margin:13px 0 14px}.work-card p{font-size:12px;line-height:1.7;max-width:240px;opacity:.8;margin:0}.work-card>b{position:absolute;right:23px;top:22px;font-size:24px;font-weight:400}.contact{background:var(--ink);color:var(--paper);padding:32px max(44px,calc((100vw - 1152px)/2)) 26px;position:relative}.contact:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 72% 55%,#e86f5140,transparent 30%),radial-gradient(circle at 10% 0%,#6382a733,transparent 25%)}.contact>*{position:relative;z-index:1}.contact-top{display:flex;justify-content:space-between;border-bottom:1px solid #f4f0e83d;padding-bottom:20px}.contact-top .section-label{color:#cbc6bd}.contact-top>span:last-child{color:#beb9b0;font-size:9px;letter-spacing:.2em}.contact-body{display:flex;align-items:end;justify-content:space-between;padding:75px 0 100px}.contact h2{font-size:clamp(62px,8vw,110px)}.contact-button{display:flex;align-items:center;gap:21px;border:1px solid #f4f0e8aa;border-radius:100px;padding:17px 22px;color:var(--paper);font-size:12px;letter-spacing:.1em;text-decoration:none;transition:background .2s,color .2s}.contact-button:hover{background:var(--paper);color:var(--ink)}.contact-button span{color:var(--coral);font-size:21px}footer{display:flex;justify-content:space-between;border-top:1px solid #f4f0e83d;padding-top:18px;color:#aaa59c;font-size:9px;letter-spacing:.18em}footer b{color:var(--coral);font-size:14px;margin-left:5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-10px)}}
@media(max-width:720px){.site-header,.hero,.section-grid,.work{padding-left:20px;padding-right:20px}.site-header{height:72px}.brand-name{font-size:9px}.header-meta{display:none}nav{gap:15px}nav a{font-size:9px}.hero{display:block;min-height:auto;padding-top:76px;padding-bottom:90px}.hero h1{font-size:64px;margin-top:28px}.hero-description{font-size:14px}.text-link{margin-top:38px}.orbit{width:88vw;height:88vw;min-width:0;min-height:0;margin:78px auto 0}.scroll-cue{left:20px;bottom:24px}.section-grid{display:block;padding-top:78px;padding-bottom:88px}.about-content{display:block;margin-top:30px}.about h2{font-size:56px}.about-copy{padding-top:36px}.about-copy p{font-size:17px}.work{padding-bottom:90px}.work-heading{display:block}.work-heading p{margin-top:13px}.work-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}.work-card{min-height:250px}.contact{padding:25px 20px 26px}.contact-top>span:last-child{display:none}.contact-body{display:block;padding:70px 0 95px}.contact h2{font-size:69px}.contact-button{width:max-content;margin-top:42px}footer{font-size:8px}footer span:last-child{display:none}}