@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--paper:#f5f5f0;--ink:#101110;--blue:#2c4cff;--line:#cecec8;--muted:#62645f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--blue);color:white}.nav{padding:24px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3;background:var(--paper)}.brand{font-weight:900;font-size:25px;line-height:.9;letter-spacing:-1.5px}.brand span{color:var(--blue)}.brand small{display:block;font-size:12px;font-weight:500;letter-spacing:2px;margin-top:12px}.nav nav{display:flex;gap:35px;font-size:14px}.nav nav a{position:relative;padding:8px 0}.nav nav a:after{content:'';position:absolute;height:2px;bottom:0;left:0;width:0;background:var(--blue);transition:width .25s}.nav nav a:hover:after{width:100%}.nav-contact{font-size:14px;border:1px solid var(--ink);padding:12px 18px;transition:color .25s,background .25s}.nav-contact:hover{background:var(--ink);color:white}.nav-contact span{margin-left:25px}.hero{position:relative;padding:35px 4% 0;overflow:hidden;min-height:700px}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.hero h1{position:relative;z-index:1;font-size:clamp(52px,7.5vw,110px);font-weight:500;line-height:1.2;letter-spacing:-5px;margin:55px 0 35px}.serif{color:var(--blue)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.hero-bottom p{font-size:16px;line-height:1.9;margin:0}.round-link{width:100px;height:100px;border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;gap:7px;transition:background .3s,color .3s,transform .3s}.round-link:hover{background:var(--blue);border-color:var(--blue);color:white;transform:rotate(-8deg)}.round-link span{font-size:25px}.hero-word{font-weight:900;font-size:clamp(60px,16.8vw,270px);letter-spacing:-.065em;line-height:.9;margin:55px 0 -12px;white-space:nowrap}.intro{padding:100px 4%;display:grid;grid-template-columns:1fr 1.6fr;gap:35px;border-top:1px solid var(--ink)}.eyebrow{font-size:12px;letter-spacing:1.5px;line-height:1.8}.eyebrow span{display:block;color:var(--muted);letter-spacing:2px}.intro h2{font-size:clamp(32px,4vw,58px);font-weight:500;line-height:1.4;letter-spacing:-1.5px;margin:0}.intro h2 span{color:var(--blue)}.intro>p{grid-column:2;max-width:550px;font-size:16px;line-height:2;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;padding:25px 4%;border-top:1px solid var(--line);font-size:12px;letter-spacing:1px} @media(max-width:700px){.nav{padding:20px 6%}.brand{font-size:21px}.brand small{font-size:12px;letter-spacing:1px}.nav nav{display:none}.nav-contact{font-size:12px;padding:10px}.nav-contact span{margin-left:10px}.hero{padding:30px 6% 0;min-height:560px}.hero-top{font-size:10px;letter-spacing:1px}.hero h1{font-size:clamp(44px,10vw,70px);letter-spacing:-2px;margin:65px 0 40px}.hero-bottom p{font-size:14px}.round-link{width:80px;height:80px;font-size:12px}.hero-word{font-size:16vw;margin-top:70px}.intro{padding:65px 6%;grid-template-columns:1fr;gap:30px}.intro>p{grid-column:1}.intro h2{font-size:34px;letter-spacing:-1px}footer{padding:25px 6%;letter-spacing:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}