@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171817;--paper:#f4f3ee;--muted:#666963;--accent:#d2e45f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #d2e45f;outline-offset:4px}.wrap{width:min(100% - 96px,1400px);margin:auto}.header{height:78px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper)}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:0}.wordmark span{font-size:9px;vertical-align:top;margin-left:2px}.header nav{display:flex;gap:34px;font-size:13px;font-weight:600}.header nav a:hover,.header-contact:hover,.header button:hover{opacity:.55}.header-right{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.header button{border:0;background:none;cursor:pointer;padding:10px 0}.header-contact{border-bottom:1px solid;padding-bottom:5px}.hero{min-height:calc(100svh - 116px);position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#3b3d39 url('./assets/writing.jpg') center 52%/cover no-repeat;color:#fff}.hero:before{content:'';position:absolute;inset:0;background:rgba(10,13,11,.54)}.hero-content,.hero-caption{position:relative}.hero-content{padding-top:clamp(100px,17vh,200px);padding-bottom:70px}.kicker,.section-index,.product-label,.hero-caption,.product-visual figcaption{font-size:11px;font-weight:700}.kicker{margin:0 0 32px}.hero h1,.intro h2,.work h2,.product h2,.contact h2{font-family:Manrope,Arial,'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:0}.hero h1{font-size:clamp(55px,7rem,112px);line-height:.98;margin:0;font-weight:700}.hero h1 span,.product h2 span{color:var(--accent)}.hero-description{font-size:20px;max-width:410px;line-height:1.45;margin:30px 0 35px}.hero-link{display:inline-flex;align-items:center;gap:52px;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:12px;font-size:13px;font-weight:600}.hero-caption{display:flex;justify-content:space-between;padding-bottom:24px;gap:20px}.section{padding:112px 0}.section-index{display:flex;gap:30px;align-items:center}.section-index span:first-child{color:#8b8d85}.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px}.intro h2,.work h2,.contact h2{font-size:clamp(38px,4.1rem,66px);line-height:1.12;font-weight:600;margin:0}.intro h2{max-width:770px}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:72px}.intro-bottom p,.work-heading p,.product-copy>p:not(.product-label),.contact-grid p{font-size:17px;line-height:1.65;color:var(--muted);max-width:550px;margin:0}.stamp{height:74px;width:74px;border:1px solid #85877f;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none}.work{background:#e7e8e2}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:80px 0 56px}.work-heading p{max-width:300px}.work-list article{border-top:1px solid #b5b8af;display:grid;grid-template-columns:1fr 2fr 2fr;gap:30px;padding:30px 0;align-items:start}.work-list article:last-child{border-bottom:1px solid #b5b8af}.work-list .number{font-size:12px;color:#777b73}.work-list h3{font-size:21px;margin:0;font-weight:600}.work-list p{font-size:15px;line-height:1.6;color:#5c6159;margin:0;max-width:390px}.product{background:#f8f8f5}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:65px;align-items:center}.product-copy{padding:25px 0}.product-label{color:#72756e;margin:0 0 30px}.product h2{font-size:clamp(48px,5rem,80px);line-height:1.02;font-weight:700;margin:0 0 25px}.product-copy>p:not(.product-label){max-width:430px}.text-link{display:inline-flex;gap:44px;padding:14px 0;border-bottom:1px solid;margin-top:32px;font-size:14px;font-weight:700}.product-visual{margin:0;background:#111;aspect-ratio:1.16;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual img{display:block;width:80%;height:80%;object-fit:contain}.product-visual figcaption{position:absolute;bottom:20px;left:22px;color:#a2a4a0;font-size:10px}.contact{background:#d2e45f}.contact .section-index span:first-child{color:#5e6b20}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:85px}.contact h2{max-width:620px}.contact-grid p{color:#4f592e;margin-bottom:28px}.contact-grid a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #879345;padding:16px 0;font-size:16px;overflow-wrap:anywhere}footer{background:#171817;color:#f4f3ee;padding:60px 0 38px}.footer-inner{display:flex;justify-content:space-between;gap:40px}.footer-inner p{color:#a9aba5;font-size:13px;line-height:1.7;margin-top:25px}.footer-end{display:flex;flex-direction:column;align-items:end;justify-content:space-between;gap:36px;font-size:12px;color:#a9aba5}.footer-end a{color:#fff}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:68px;padding:0 20px}.wordmark{font-size:23px}.header nav{display:none}.header-right{gap:18px}.hero{min-height:calc(100svh - 100px);background-position:58% center}.hero-content{padding-top:110px;padding-bottom:70px}.hero h1{font-size:54px}.hero-description{font-size:18px;max-width:300px}.hero-caption{font-size:9px}.section{padding:76px 0}.intro{grid-template-columns:1fr;gap:45px}.intro h2,.work h2,.contact h2{font-size:37px}.intro-bottom{margin-top:36px}.stamp{height:55px;width:55px}.work-heading{display:block;margin:55px 0 36px}.work-heading p{margin-top:18px}.work-list article{grid-template-columns:45px 1fr;gap:10px 16px;padding:25px 0}.work-list h3{font-size:19px}.work-list p{grid-column:2}.product-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.product h2{font-size:53px}.product-visual{aspect-ratio:1.15}.contact-grid{grid-template-columns:1fr;gap:35px;margin-top:55px}.footer-inner{flex-direction:column}.footer-end{align-items:start;gap:20px}.intro-bottom p,.work-heading p,.product-copy>p:not(.product-label),.contact-grid p{font-size:16px}}
@media(max-width:360px){.hero h1{font-size:44px}.header-contact{display:none}.contact-grid a{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:760px){.header{height:auto;min-height:68px;flex-wrap:wrap;gap:0}.header nav{display:flex;order:3;width:100%;gap:24px;overflow-x:auto;white-space:nowrap;padding:0 0 14px}.header-right{min-height:68px}.hero{min-height:calc(100svh - 140px)}}