:root{--bg:#e9ede7;--ink:#172c2b;--dark:#172c2b;--light:#e9ede7;--accent:#c9ef70;--margin:clamp(20px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #a6d438;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;z-index:5}.header{padding:22px var(--margin);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.3;font-weight:600}.brand-mark{font-size:30px;line-height:1;font-weight:800;letter-spacing:-.1em}.header nav{display:flex;gap:clamp(18px,3vw,46px);font-size:15px}.header nav a:last-child{font-weight:700}.hero{padding:clamp(80px,10vw,150px) var(--margin) 74px;min-height:78vh;display:flex;flex-direction:column;justify-content:center}.hero h1{margin:0;display:flex;gap:.12em;align-items:center;white-space:nowrap;font-size:clamp(50px,8vw,126px);line-height:1.05;letter-spacing:-.07em;font-weight:700}.hero-picture{display:block;flex:1;min-width:100px;height:.83em;overflow:hidden}.hero-picture img{width:100%;height:100%;object-fit:cover;animation:shutter 1.2s ease both}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:60px}.hero-bottom p{font-size:clamp(17px,1.5vw,21px);margin:0}.button{background:var(--dark);color:var(--light);padding:16px 24px;display:inline-block;font-size:15px;transition:background .2s,color .2s}.button:hover{background:var(--accent);color:var(--ink)}.section{padding:130px var(--margin)}h2{font-size:clamp(40px,5.2vw,80px);letter-spacing:-.06em;line-height:1.12;margin:0;font-weight:700}p{margin:0 0 1em}figure{margin:0}.intro{background:var(--dark);color:var(--light);display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;align-items:center}.intro-title p{max-width:35em;margin-top:36px}.intro figure{align-self:center}.intro video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.intro figcaption,.work figcaption span{font-size:14px;margin-top:10px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px}.section-head p{margin:18px 0 0;max-width:46em}.offer-list details{padding:32px 0;background:transparent}.offer-list details+details{border-top:2px solid var(--ink)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:clamp(25px,3.3vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1.2}summary::-webkit-details-marker{display:none}summary span{font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:50em;margin:24px 0 0}.work{background:#d5ded4}.text-link{white-space:nowrap;font-weight:600;text-decoration:underline;text-underline-offset:5px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 24px}.work-grid figure{min-width:0}.work-grid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.work-grid .large{grid-row:span 2}.work-grid .large img{aspect-ratio:4/5}.work-grid .wide{grid-column:1/-1}.work-grid .wide img{aspect-ratio:2.2/1}.work figcaption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-top:12px}.work figcaption strong{font-size:24px}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw}.about-lead{font-size:clamp(25px,2.6vw,38px);line-height:1.4;letter-spacing:-.04em}.about>div>p:not(.about-lead){max-width:42em}.founder{margin-top:55px;font-size:24px;font-weight:700}.founder span{font-size:15px;font-weight:400;margin-left:20px}.contact{background:var(--dark);color:var(--light);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.contact>div{max-width:35em;padding-top:10px}.contact a{display:inline-block;margin:15px 0 30px;font-size:clamp(22px,2.8vw,42px);text-decoration:underline;text-underline-offset:8px;overflow-wrap:anywhere}.contact a:hover{color:var(--accent)}footer{background:var(--accent);color:var(--ink);padding:80px var(--margin) 28px}.footer-name{font-size:clamp(42px,7vw,105px);font-weight:700;line-height:1.1;letter-spacing:-.07em}.footer-bottom{display:flex;gap:24px;justify-content:space-between;margin-top:100px;font-size:14px}.footer-bottom a{text-decoration:underline;text-underline-offset:4px}a,summary{transition:opacity .2s}a:hover,summary:hover{opacity:.7}.reveal{animation:rise .65s ease both}@keyframes rise{from{opacity:.01;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes shutter{from{clip-path:inset(0 100% 0 0);transform:scale(1.08)}to{clip-path:inset(0);transform:scale(1)}}@media(max-width:800px){.header nav a:not(:last-child){display:none}.hero{min-height:auto;padding-top:100px}.hero h1{display:grid;grid-template-columns:1fr 1fr;font-size:clamp(47px,10vw,78px);white-space:normal}.hero-picture{grid-column:1/-1;grid-row:2;height:28vw;margin:10px 0}.hero h1 span:last-child{grid-column:1/-1}.hero-bottom{display:block;margin-top:35px}.button{margin-top:25px}.section{padding:85px var(--margin)}.intro,.about,.contact{grid-template-columns:1fr;gap:35px}.intro-title p{margin-top:25px}.section-head{display:block;margin-bottom:40px}.text-link{display:inline-block;margin-top:20px}.work-grid{gap:35px 16px}.work-grid .large{grid-row:auto;grid-column:1/-1}.work-grid .large img{aspect-ratio:16/10}.work-grid .wide img{aspect-ratio:16/10}.work figcaption{display:block}.work figcaption strong,.work figcaption span{display:block}.work figcaption strong{font-size:20px}.footer-bottom{display:grid;margin-top:70px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.brand{font-size:13px}.offer-list details{padding:48px 0}.contact>div>p:first-child{margin-bottom:45px}
.contact a{font-size:clamp(20px,1.8vw,26px)}