:root{--paper:#f5f5f2;--ink:#263735;--muted:#7b8580;--line:#d9ded8;--sage:#dfe7df;--sage-deep:#a9bcb0;--clay:#c97d69;--white:#fffefa;--serif:Georgia,"Times New Roman",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}.site-shell{max-width:1600px;margin:0 auto;padding:0 7.1%}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:21px;font-weight:700;letter-spacing:-.06em}.brand-period{color:var(--clay)}.brand-mark{display:grid;place-items:center;width:34px;height:34px}.brand-mark svg{width:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav{display:flex;align-items:center;gap:38px}.nav a,.text-link,.back-top{font-size:12px;letter-spacing:.04em;text-decoration:none;color:var(--ink);transition:opacity .2s}.nav a:hover,.text-link:hover,.back-top:hover{opacity:.58}.nav .nav-contact{border:1px solid #c7cec7;padding:9px 16px;border-radius:30px}.menu-toggle{display:none;background:none;border:0;font-size:22px;color:var(--ink)}.hero{min-height:640px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;padding:70px 0 86px}.hero-copy{position:relative;z-index:2;padding-bottom:20px}.eyebrow,.project-type,.section-kicker,.art-label,.hero-index,.note-top,.note-status,.contact-side{font-size:9px;letter-spacing:.16em;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px;color:#6b7973}.status-dot{width:7px;height:7px;background:#91a997;border-radius:50%;box-shadow:0 0 0 4px #e6ebe4}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,82px);line-height:1.15;letter-spacing:-.075em;font-weight:650;margin:30px 0 24px}h1 .serif,h2 em{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.055em}h1 .wordmark{color:#7e9989;font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.07em}.hero-lede{color:#6d7973;line-height:2;font-size:14px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:24px;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.03em;padding:14px 19px;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:17px;line-height:1}.button-dark{background:var(--ink);color:white}.text-link{border-bottom:1px solid #aab5ac;padding:7px 0}.text-link span{margin-left:7px}.hero-footnote{display:flex;align-items:center;gap:12px;color:#8b948e;font-size:10px;margin-top:55px}.tiny-line{width:24px;height:1px;background:#aab5ac}.hero-art{height:450px;position:relative;display:grid;place-items:center}.cat-card{position:relative;z-index:1;width:min(100%,390px);height:370px;background:#e8ece5;border-radius:48% 48% 45% 45% / 45% 45% 40% 40%;display:grid;place-items:center;transform:rotate(2deg);box-shadow:0 25px 55px #293a380c}.cat-illustration{width:82%;max-height:330px;overflow:visible}.cat-fill{fill:#f8f8f3;stroke:#344744;stroke-width:2.4;stroke-linejoin:round}.cat-line{fill:none;stroke:#344744;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.cat-inner{fill:none;stroke:#c97d69;stroke-width:2.8;stroke-linecap:round}.orbit{position:absolute;border:1px solid #d5ddd4;border-radius:50%;width:430px;height:430px}.orbit-two{width:500px;height:340px;transform:rotate(-28deg);border-color:#e1e5df}.art-label{position:absolute;color:#87938a;font-size:8px}.label-top{top:20px;right:5px}.label-bottom{bottom:15px;left:0}.label-bottom span{color:var(--clay);font-size:15px;margin-left:8px}.spark{position:absolute;color:var(--clay);font-size:24px}.spark-a{right:15px;top:75px}.spark-b{left:35px;bottom:70px;color:#9bb1a0}.hero-index{position:absolute;bottom:28px;left:0;display:flex;align-items:center;gap:13px;color:#8b948e;font-size:8px}.hero-index span:first-child{color:var(--clay)}.index-rule{width:43px;height:1px;background:#c9d0c8}.section{padding:100px 0;border-top:1px solid var(--line)}.section-kicker{display:flex;align-items:center;gap:15px;color:#78867d;white-space:nowrap}.kicker-line{height:1px;background:var(--line);flex:1}.kicker-note{font-weight:400;letter-spacing:.04em}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-top:62px}.section h2{font-size:clamp(34px,4.2vw,55px);line-height:1.35;letter-spacing:-.065em;font-weight:600;margin-bottom:0}.section h2 em{color:#7e9989}.intro-body{max-width:460px;padding-top:5px}.intro-body p,.notes-lede{font-size:13px;line-height:2.15;color:#6c7872;margin-bottom:20px}.signature{margin-top:32px;font-family:var(--serif);font-size:21px;font-style:italic}.signature span{display:block;font:600 8px var(--sans);letter-spacing:.15em;color:#9aa49d;margin-top:5px}.projects{padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:54px 0 26px}.heading-count{font-size:10px;letter-spacing:.15em;color:#9ba59e}.project-list{border-top:1px solid var(--line)}.project-card{display:grid;grid-template-columns:60px minmax(0,1fr) 150px;gap:20px;align-items:center;padding:31px 12px 31px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.project-card:hover{padding-left:12px;background:#eff1ec}.project-number{font-family:var(--serif);font-size:15px;color:#9ba59e;align-self:start;padding-top:5px}.project-type{color:#8b998f;font-size:8px}.project-content h3{font-size:21px;letter-spacing:-.04em;margin:7px 0 6px;font-weight:600}.project-content p{font-size:12px;color:#7a857f;max-width:560px;margin-bottom:13px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:9px;color:#708077;background:#e8ece6;border-radius:2px;padding:3px 8px}.project-symbol{height:100px;width:120px;background:#e8ece5;position:relative;display:grid;place-items:center;overflow:hidden}.symbol-web{background:#e7ece7}.symbol-web>span{position:absolute;right:12px;top:5px;color:#7d9a89;font-size:18px}.mini-window{width:70px;height:52px;border:1px solid #9caf9f;background:#f8f8f3;padding:8px;display:flex;gap:3px;flex-wrap:wrap;align-content:flex-start}.mini-window i{width:4px;height:4px;border-radius:50%;background:#c97d69}.mini-window b{display:block;width:100%;height:3px;background:#d9e1d9;margin-top:3px}.symbol-story{background:#f0e7e0}.symbol-story>span{position:absolute;font-size:20px;color:#c97d69;right:12px;top:4px}.story-shape{width:52px;height:52px;border:1px solid #cda596;border-radius:50% 50% 46% 46%;position:relative}.story-shape:before,.story-shape:after{content:"";position:absolute;width:20px;height:20px;border:1px solid #cda596;top:-8px;transform:rotate(45deg);background:#f0e7e0}.story-shape:before{left:0}.story-shape:after{right:0}.symbol-notes{background:#e6e9e1}.note-lines{width:56px;height:58px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 10px,#c2ccc1 11px,#c2ccc1 12px);border-left:1px solid #a9b8ab;border-right:1px solid #a9b8ab;transform:rotate(-5deg)}.symbol-notes>span{position:absolute;right:13px;bottom:4px;color:#8ba091;font-size:26px}.coming-note{margin:26px 0 0;color:#8b968e;font-size:11px}.coming-note span{color:var(--clay);margin-right:8px}.notes{padding-bottom:110px}.notes-layout{display:grid;grid-template-columns:1fr .75fr;gap:12%;padding-top:55px;align-items:center}.notes-lede{max-width:390px;margin-top:24px}.note-preview{background:#e8ece5;padding:28px 30px 27px;min-height:235px;position:relative}.note-top{display:flex;justify-content:space-between;color:#8a968d;font-size:8px}.note-icon{position:absolute;right:27px;top:63px;font-size:22px;color:#b2c4b5}.note-preview h3{font-size:21px;margin:37px 0 8px;letter-spacing:-.04em}.note-preview p{font-size:12px;line-height:1.9;color:#738078;max-width:300px}.note-status{display:flex;align-items:center;gap:8px;color:#8c9b90;font-size:8px;margin-top:22px}.note-status span{width:5px;height:5px;border-radius:50%;background:#91a997}.contact{background:#344744;color:#f6f6f0;margin:0 calc(-1 * 7.1%);padding:82px 7.1%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;border:0}.contact-content{position:relative;z-index:1}.contact .project-type{color:#b8c8bc}.contact h2{font-size:clamp(42px,5vw,65px);margin:17px 0 14px}.contact h2 em{color:#c5d4c6}.contact-content p{color:#c2ccc5;font-size:12px;margin-bottom:25px}.button-light{background:#f4f5ef;color:#344744}.contact-decoration{position:absolute;right:22%;top:-95px;font-size:360px;line-height:1;color:#3d524e;font-family:var(--serif)}.contact-side{position:relative;z-index:1;color:#a5b6aa;font-size:8px;line-height:2.2;letter-spacing:.14em;text-align:right}.footer{height:100px;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:28px;height:28px}.footer-copy{font-size:10px;color:#8b968e}.back-top{font-size:10px}
@media(min-width:1400px){.site-shell{padding-left:9%;padding-right:9%}.contact{margin-left:-9%;margin-right:-9%;padding-left:9%;padding-right:9%}.hero{min-height:720px}}
@media(max-width:900px){.site-shell{padding:0 5%}.hero{min-height:560px;grid-template-columns:1fr .8fr}.hero-art{transform:scale(.88);transform-origin:center}.hero h1{font-size:clamp(46px,7vw,65px)}.section{padding:78px 0}.contact{margin:0 -5%;padding:70px 5%}.intro-grid{gap:7%}.notes-layout{gap:7%}}
@media(max-width:680px){.site-shell{padding:0 22px}.topbar{height:74px}.brand{font-size:19px}.menu-toggle{display:block;cursor:pointer}.nav{display:none;position:absolute;top:73px;left:-22px;right:-22px;padding:18px 22px 24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px}.nav.open{display:flex}.nav .nav-contact{padding:7px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:72px 0 70px;min-height:0}.hero-copy{padding-bottom:0}.hero h1{font-size:56px;margin-top:25px}.hero-lede{font-size:13px}.desktop-break{display:none}.hero-actions{gap:18px;flex-wrap:wrap}.button{padding:13px 15px;gap:17px}.hero-footnote{margin-top:34px}.hero-art{height:340px;margin:10px 0 0;transform:none}.cat-card{width:265px;height:275px}.cat-illustration{width:90%;max-height:260px}.orbit{width:310px;height:310px}.orbit-two{width:350px;height:240px}.label-top{right:4px;top:8px}.label-bottom{bottom:1px}.spark-a{right:13px;top:48px}.spark-b{left:20px;bottom:50px}.hero-index{bottom:15px}.section{padding:66px 0}.section-kicker{font-size:8px;gap:10px}.kicker-note{display:none}.intro-grid,.notes-layout{grid-template-columns:1fr;gap:28px;padding-top:37px}.section h2{font-size:39px}.intro-body p,.notes-lede{font-size:12px}.section-heading{padding:38px 0 20px}.heading-count{font-size:8px}.project-card{grid-template-columns:30px minmax(0,1fr) 66px;gap:10px;padding:23px 0}.project-card:hover{padding-left:5px}.project-symbol{width:64px;height:72px}.project-content h3{font-size:18px}.project-content p{font-size:11px;line-height:1.8}.tags span{font-size:8px}.mini-window{transform:scale(.75)}.story-shape{transform:scale(.75)}.note-lines{transform:scale(.75) rotate(-5deg)}.coming-note{font-size:10px}.notes-layout{gap:28px}.note-preview{padding:23px;min-height:220px}.contact{margin:0 -22px;padding:65px 22px;display:block}.contact h2{font-size:48px}.contact-decoration{font-size:240px;right:-8%;top:0}.contact-side{margin-top:42px;text-align:left}.footer{height:auto;min-height:110px;gap:12px;flex-wrap:wrap;padding:23px 0}.footer-copy{order:3;width:100%;font-size:9px}.back-top{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}