:root{--ink:#22231e;--paper:#f1eee5;--muted:#7e7d71;--orange:#e78c6b;--green:#aebd9b;--line:rgba(34,35,30,.18);--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.65;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:multiply}.topbar{height:84px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30}.wordmark{font-weight:800;letter-spacing:-.06em;font-size:21px;display:inline-flex;align-items:center;gap:9px}.mark{width:28px;height:28px;background:var(--ink);color:var(--paper);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px;letter-spacing:-.08em;position:relative}.mark span{font-size:9px;color:var(--orange);position:absolute;right:-2px;top:-3px}.dot{color:var(--orange)}nav{display:flex;align-items:center;gap:34px;font-size:12px;letter-spacing:.04em}nav a{transition:opacity .2s}nav a:hover,.text-link:hover{opacity:.58}.nav-contact{border:1px solid var(--ink);padding:9px 14px;border-radius:30px}.nav-contact span{margin-left:8px;color:var(--orange)}.menu-toggle{display:none;background:none;border:0}.hero{min-height:680px;padding:110px 7.2% 38px;display:grid;grid-template-columns:1.04fr .96fr;position:relative;align-items:center;gap:4%}.hero-copy{padding-bottom:50px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--muted);margin:0 0 24px}.pulse{display:inline-block;width:7px;height:7px;background:#91a77c;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px rgba(145,167,124,.17)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.5vw,94px);line-height:.99;letter-spacing:-.075em;margin:0 0 28px;font-weight:650}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.07em;color:#858c72}h1 em{font-size:1.03em}.hero-text{max-width:400px;color:#68685d;line-height:1.95;font-size:14px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:28px;padding:14px 19px;border-radius:3px;font-size:12px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--ink);color:var(--paper)}.button-primary span,.button-light span{font-size:17px;color:var(--orange)}.text-link{font-size:12px;font-weight:650;border-bottom:1px solid var(--line);padding-bottom:5px}.text-link span{margin-left:9px;color:var(--orange)}.hero-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(34,35,30,.18);border-radius:50%;width:400px;height:400px;transform:rotate(-24deg)}.orbit-two{width:340px;height:440px;transform:rotate(42deg);border-style:dashed;opacity:.65}.sun{width:300px;height:300px;border-radius:50%;background:#d6d9c7;position:absolute;right:11%;top:5%;opacity:.9}.cat-card{position:relative;width:290px;height:310px;background:var(--orange);border-radius:48% 48% 45% 45% / 43% 43% 38% 38%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(4deg);box-shadow:16px 19px 0 rgba(34,35,30,.07)}.cat{width:235px;position:relative;z-index:1}.cat-label{font-size:8px;letter-spacing:.18em;position:absolute;bottom:23px;font-weight:700}.salt{position:absolute;z-index:3;font-family:var(--serif);color:var(--ink)}.salt-a{font-size:44px;top:12%;left:9%;color:#858c72}.salt-b{font-size:28px;right:7%;top:24%;color:var(--orange)}.salt-c{font-size:36px;bottom:13%;left:14%}.art-caption{position:absolute;bottom:4px;left:4%;right:2%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:var(--muted)}.hero-bottom{position:absolute;bottom:26px;left:7.2%;right:7.2%;display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:.16em;color:var(--muted)}.scroll-line{height:1px;background:var(--line);flex:1}.ticker{overflow:hidden;background:var(--green);padding:16px 0;transform:rotate(-1.3deg) scale(1.02);width:102%;margin:0 0 45px}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:36px;white-space:nowrap;font-size:10px;letter-spacing:.16em;font-weight:750}.ticker b{font-size:16px;color:var(--paper)}.section{padding:105px 7.2%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px;gap:30px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:clamp(40px,5vw,65px);line-height:1.1;letter-spacing:-.065em;font-weight:600;margin:0}h2 em{font-size:1.08em}.section-intro{max-width:300px;color:#77766b;font-size:12px;line-height:1.9;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:55px 25px}.project-large{grid-row:span 2}.project-visual{height:250px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-large .project-visual{height:360px}.visual-index{position:absolute;bottom:15px;left:17px;font-size:8px;letter-spacing:.15em;opacity:.7}.visual-vn{background:#c7cbb8}.visual-window{width:72%;height:75%;border:1px solid rgba(34,35,30,.35);background:#e5e1d2;padding:10px;box-shadow:10px 10px 0 rgba(34,35,30,.08);transform:rotate(-2deg)}.window-dot{display:inline-block;width:5px;height:5px;background:#858c72;border-radius:50%;margin-right:4px}.window-scene{height:calc(100% - 18px);margin-top:8px;background:#737e70;position:relative;overflow:hidden}.window-moon{position:absolute;width:50px;height:50px;border-radius:50%;background:#e6d9b9;top:17%;right:17%;box-shadow:0 0 0 13px rgba(230,217,185,.12)}.window-hill{position:absolute;width:130%;height:65%;bottom:-25%;border-radius:50% 50% 0 0}.hill-one{background:#394c43;left:-35%;transform:rotate(-10deg)}.hill-two{background:#4f6253;right:-40%;bottom:-34%;transform:rotate(12deg)}.scene-caption{position:absolute;bottom:13px;left:14px;font-size:7px;letter-spacing:.17em;color:#f1eee5;z-index:2}.visual-lab{background:#e6bda7}.lab-circle{border-radius:50%;position:absolute;border:1px solid var(--ink)}.circle-one{width:165px;height:165px;background:#f1eee5;left:17%;top:17%}.circle-two{width:125px;height:125px;background:var(--green);right:18%;bottom:12%;mix-blend-mode:multiply}.lab-cross{font-size:62px;position:absolute;left:47%;top:32%;font-weight:200}.lab-label{position:absolute;right:12%;top:14%;font-size:10px;line-height:1.4;letter-spacing:.12em}.visual-notes{background:#e3dfd1}.note-star{font-size:110px;color:#e78c6b;position:absolute;left:14%;top:8%;line-height:1}.note-word{font-family:var(--serif);font-style:italic;font-size:34px;line-height:.92;position:absolute;left:33%;top:23%;transform:rotate(-6deg)}.note-stamp{position:absolute;right:8%;bottom:22%;font-size:8px;line-height:1.6;letter-spacing:.13em;border:1px solid var(--ink);padding:8px;transform:rotate(8deg)}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:19px}.project-type,.note-category{font-size:8px;letter-spacing:.15em;color:var(--muted);margin-bottom:7px;font-weight:700}.project h3{font-size:18px;letter-spacing:-.04em;margin:0}.status{font-size:8px;letter-spacing:.08em;color:#697b5d;display:flex;align-items:center;gap:6px;white-space:nowrap;padding-top:4px}.status i{width:5px;height:5px;border-radius:50%;background:#8fa27a}.status-idea{color:#9a705b}.status-idea i{background:#d39a7c}.project-desc{font-size:11px;color:#77766b;line-height:1.8;max-width:450px;margin:11px 0 0}.work-footnote{font-size:10px;color:var(--muted);margin:55px 0 0}.work-footnote span{color:var(--orange);font-size:18px;margin-right:8px}.manifesto{background:#24251f;color:var(--paper);padding:100px 7.2%;display:grid;grid-template-columns:.8fr 1.6fr .65fr;gap:7%;align-items:center;position:relative;overflow:hidden}.manifesto-mark{font-family:var(--serif);font-size:clamp(70px,11vw,150px);letter-spacing:-.1em;color:var(--green);transform:rotate(-8deg)}.manifesto-mark span{color:var(--orange);font-size:.55em}.manifesto-content .eyebrow{color:#a4a295}.manifesto-content h2{font-size:clamp(38px,4.4vw,58px);margin-bottom:25px}.manifesto-content h2 strong{color:var(--green);font-weight:500}.manifesto-content>p:not(.eyebrow){font-size:12px;line-height:2;color:#b9b8ac;max-width:500px}.manifesto-content .text-link{display:inline-block;margin-top:14px;border-color:#626259}.manifesto-side{border-left:1px solid #5a5b50;padding-left:22px}.side-rule{height:1px;background:var(--orange);width:30px;margin-bottom:25px}.manifesto-side p{font-size:12px;letter-spacing:.15em;line-height:1.7;font-weight:700}.manifesto-side em{font-family:var(--serif);font-size:26px;color:var(--orange);letter-spacing:0}.manifesto-side span{font-size:7px;letter-spacing:.12em;color:#a4a295}.notes-section{padding-bottom:120px}.notes-heading{margin-bottom:35px}.notes-list{border-top:1px solid var(--line)}.note-row{display:grid;grid-template-columns:60px 1fr 30px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);transition:padding .2s}.note-row:hover{padding-left:10px;padding-right:10px}.note-number{font-family:var(--serif);font-style:italic;color:#a4a295;font-size:18px}.note-row .note-category{margin:0 0 5px}.note-row h3{font-size:17px;letter-spacing:-.03em;margin:0 0 2px}.note-row p:last-child{font-size:10px;color:var(--muted);margin:0}.note-arrow{font-size:20px;color:var(--orange);text-align:right}.contact-section{background:var(--orange);padding:100px 7.2% 90px;position:relative;overflow:hidden;text-align:center}.contact-section .eyebrow{color:#6e5145}.contact-section h2{font-size:clamp(58px,8vw,100px);line-height:.96;margin-bottom:24px}.contact-section h2 em{color:#f3d7c7}.contact-section>p:not(.eyebrow){font-size:12px;color:#6e5145}.button-light{margin-top:15px;background:var(--paper);color:var(--ink)}.contact-hint{font-size:9px!important;opacity:.7;margin-top:20px}.contact-orb{position:absolute;top:16%;right:16%;font-size:70px;color:rgba(241,238,229,.45);transform:rotate(14deg)}.footer{padding:27px 7.2%;display:flex;align-items:center;gap:25px}.footer-wordmark{font-size:17px}.footer-wordmark .mark{width:23px;height:23px;font-size:15px}.footer>p{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:12px;margin:0}.footer-right{margin-left:auto;display:flex;gap:25px;font-size:8px;letter-spacing:.12em;color:var(--muted)}.footer-right a:hover{color:var(--ink)}
@media(min-width:1400px){.hero,.section,.manifesto,.contact-section{padding-left:max(7.2%,calc((100vw - 1240px)/2));padding-right:max(7.2%,calc((100vw - 1240px)/2))}.topbar,.footer{padding-left:max(7.2%,calc((100vw - 1240px)/2));padding-right:max(7.2%,calc((100vw - 1240px)/2))}}
@media(max-width:800px){.topbar{height:70px;padding:0 6%}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{width:22px;height:1px;background:var(--ink)}nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:22px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:19px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:70px 6% 60px;gap:0}.hero-copy{padding-bottom:0}.hero-art{height:400px;margin-top:20px}.sun{right:10%;width:240px;height:240px}.cat-card{width:250px;height:270px}.cat{width:205px}.orbit{width:330px;height:330px}.orbit-two{width:280px;height:380px}.hero-bottom{left:6%;right:6%}.section{padding:75px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:35px}.project-grid{grid-template-columns:1fr;gap:40px}.project-large{grid-row:auto}.project-large .project-visual{height:300px}.project-visual{height:250px}.manifesto{grid-template-columns:1fr 1.5fr;padding:75px 6%;gap:25px}.manifesto-mark{font-size:85px;align-self:start}.manifesto-side{display:none}.notes-section{padding-bottom:80px}.contact-section{padding:80px 6%}.contact-orb{right:6%;top:8%;font-size:45px}.footer{padding:24px 6%;flex-wrap:wrap}.footer-right{width:100%;margin-left:0;justify-content:space-between}.ticker-track{justify-content:flex-start}.ticker{margin-bottom:10px}}
@media(max-width:480px){h1{font-size:55px}.hero-art{height:340px}.cat-card{width:215px;height:240px}.cat{width:180px}.sun{width:205px;height:205px;right:7%}.orbit{width:275px;height:275px}.orbit-two{width:235px;height:320px}.hero-actions{gap:17px;flex-wrap:wrap}.button{gap:15px}.section{padding-top:65px;padding-bottom:65px}.project-large .project-visual{height:245px}.project-meta{flex-direction:column;gap:7px}.manifesto{grid-template-columns:1fr;padding:65px 6%;gap:15px}.manifesto-mark{font-size:70px}.manifesto-content h2{font-size:40px}.note-row{grid-template-columns:30px 1fr 20px;gap:10px}.note-row h3{font-size:15px}.note-row p:last-child{font-size:9px}.footer>p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}