:root{--ink:#111;--muted:#70706b;--line:#d7d7d1;--paper:#f7f7f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Helvetica Neue,Yu Gothic,Hiragino Kaku Gothic ProN,Arial,sans-serif}a{text-decoration:none}a,button{color:inherit}button{font:inherit}.header{position:fixed;z-index:50;top:0;left:4vw;width:92vw;height:96px;border-bottom:1px solid rgba(17,17,17,.16);mix-blend-mode:multiply}.brand,.header{display:flex;align-items:center}.brand{gap:14px;font-size:12px;font-weight:700;letter-spacing:.1em}.brand-mark{width:26px;height:43px}.header nav{display:flex;gap:4vw;margin-left:auto;margin-right:46px}.header nav a,.menu{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#111;transition:right .4s}.header nav a:hover:after{right:0}.menu{position:relative;width:24px;height:20px;padding:0;border:0;background:transparent;cursor:pointer}.menu span{position:absolute;left:0;width:100%;height:1px;background:#111;transition:.4s}.menu span:first-child{top:6px}.menu span:last-child{top:14px;width:70%}.menu.is-open span:last-child,.menu:hover span:last-child{width:100%}.menu.is-open span:first-child{top:10px;transform:rotate(45deg)}.menu.is-open span:last-child{top:10px;transform:rotate(-45deg)}.menu-overlay{position:fixed;z-index:40;inset:0;padding:150px 8vw 60px;background:#111;color:#f4f4f0}.menu-overlay>p{color:#888;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.menu-overlay nav{display:flex;flex-direction:column;margin-top:5vh}.menu-overlay a{display:flex;align-items:baseline;gap:30px;padding:2vh 0;border-bottom:1px solid #333;font-size:clamp(42px,7vw,100px);text-transform:capitalize;letter-spacing:-.05em}.menu-overlay a span{font-size:10px;color:#777;letter-spacing:.1em}.hero{position:relative;min-height:100svh;overflow:hidden;background:#f8f8f5}.doodle-wrap{position:absolute;inset:80px -2vw -5vh 15vw;opacity:.5}.doodle{width:100%;height:100%}.doodle-line,.doodle-node{stroke:#686863;stroke-width:1.2}.doodle-node{fill:#f8f8f5}.doodle text{fill:#555;font-family:Georgia,serif;font-size:13px;font-style:italic}.formula text{font-size:11px}.hero-copy{position:absolute;z-index:2;left:8vw;top:41%;animation:hero-in 1.2s cubic-bezier(.22,1,.36,1) .15s both}.eyebrow{margin:0 0 24px;color:#60605c;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(46px,5.2vw,80px);font-weight:500;line-height:1.4;letter-spacing:.06em}.title-line{width:200px;height:1px;margin-top:28px;background:#111;transform-origin:left}.hero-mark{position:absolute;right:13vw;top:31%;width:190px;color:#4f4f4b;animation:float 7s ease-in-out infinite}.hero-mark svg{width:100%}.hero-mark span{position:absolute;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-mark span:first-of-type{left:-12px;top:49%;transform:rotate(-90deg)}.hero-mark span:nth-of-type(2){right:-4px;bottom:24%;transform:rotate(44deg)}.scroll-note{position:absolute;right:4vw;bottom:35px;display:flex;align-items:center;gap:15px;writing-mode:vertical-rl;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.scroll-note i{width:1px;height:38px;background:#111;animation:pulse 2.5s infinite}.projects{padding:30px 4vw 90px;background:#fff;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;min-height:75px;border-bottom:1px solid var(--line)}.footer-label,.section-heading p,.section-heading span{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.project-grid{display:grid;grid-template-columns:repeat(6,1fr)}.project{min-height:185px;padding:28px 20px 0;text-align:left;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;transition:background .4s}.project:first-child{padding-left:0}.project:last-child{border-right:0}.project:hover{background:#f5f5f2}.project div{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.project div span:last-child{opacity:0;transition:.3s}.project:hover div span:last-child{opacity:1}.project h2{margin:52px 0 8px;font-size:14px}.project p{margin:0;color:var(--muted);font-size:8px}.notebook{padding:15vh 7vw;background:#111;color:#f5f5f1}.notebook>.motion-div{max-width:900px}.notebook h2,.statement h2{margin:0;font-size:clamp(42px,6vw,82px);font-weight:500;line-height:1.35;letter-spacing:.025em}.notebook .eyebrow{color:#8b8b85}.notes{margin-top:14vh;border-top:1px solid #333}.note{display:grid;grid-template-columns:80px 1fr auto;align-items:center;grid-gap:20px;gap:20px;padding:35px 0;border-bottom:1px solid #333}.note a,.note span{color:#888;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.note h3{margin:0;font-size:clamp(17px,2vw,26px);font-weight:400}.note a:hover{color:#fff}.statement{display:grid;grid-template-columns:1.3fr .7fr;grid-gap:10vw;gap:10vw;align-items:end;min-height:75vh;padding:14vh 7vw}.statement-copy p{margin:0 0 46px;color:#555;font-size:13px;line-height:2.1}.statement-copy a{display:flex;justify-content:space-between;padding:18px 0;border-block:1px solid #111;font-size:10px;font-weight:700;letter-spacing:.12em}footer{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.5fr;grid-gap:50px;gap:50px;padding:72px 5vw 35px;background:#e8e8e3;border-top:1px solid var(--line)}.footer-brand svg{width:44px}.footer-brand p{font-size:14px;font-weight:700;letter-spacing:.08em}footer>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:11px}footer a,footer p{margin:0;font-size:10px}.footer-cta{align-self:start;display:flex;justify-content:space-between;padding:18px 0;width:100%;border-block:1px solid #111;font-weight:700;letter-spacing:.1em}.copyright{grid-column:1/-1;margin-top:45px!important;padding-top:18px;border-top:1px solid #c5c5bf;color:#777}.project-modal{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.project-modal article{position:relative;width:100%;min-height:62vh;padding:9vh 8vw;background:#f4f4f0}.project-modal button{position:absolute;right:8vw;top:5vh;border:0;background:transparent;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-modal small,.project-modal span{color:#777;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.project-modal h2{margin:8vh 0 20px;font-size:clamp(45px,8vw,120px);font-weight:500;letter-spacing:-.04em}.project-modal p{margin:0 0 15px;font-size:clamp(18px,2vw,30px)}.project-modal a{position:absolute;right:8vw;bottom:8vh;padding-bottom:8px;border-bottom:1px solid #111;font-size:10px;font-weight:700;letter-spacing:.1em}@keyframes hero-in{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes pulse{50%{transform:scaleY(.3);transform-origin:top}}@media(max-width:900px){.header{left:20px;width:calc(100% - 40px);height:82px}.header nav{display:none}.doodle-wrap{inset:90px -75vw 0 -35vw;opacity:.28}.hero-copy{left:24px;top:37%}.hero h1{font-size:clamp(34px,9.5vw,48px);letter-spacing:.01em;white-space:nowrap}.hero-mark{right:4vw;top:auto;bottom:6%;width:110px;opacity:.4}.scroll-note{display:none}.menu-overlay{padding:120px 24px 40px}.projects{padding:22px 20px 50px}.project-grid{grid-template-columns:repeat(2,1fr)}.project{min-height:160px;padding:24px 14px;border-bottom:1px solid var(--line)}.project:nth-child(odd){padding-left:0}.project:nth-child(2n){border-right:0}.project h2{margin-top:42px;font-size:12px}.notebook{padding:110px 24px}.notes{margin-top:80px}.note{display:block;padding:28px 0}.note h3{margin:20px 0}.statement{display:block;min-height:0;padding:110px 24px}.notebook h2,.statement h2{font-size:clamp(35px,10vw,50px)}.statement-copy{margin-top:70px}footer{grid-template-columns:1fr 1fr;padding:55px 24px 28px}.copyright,.footer-brand,.footer-cta{grid-column:1/-1}.project-modal article{min-height:70vh;padding:9vh 24px}.project-modal button{right:24px}.project-modal h2{margin-top:12vh;font-size:13vw}.project-modal a{left:24px;right:24px;bottom:7vh}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hero-subline{margin:25px 0 0;color:#666661;font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.hero-copy .hero-subline+.title-line{margin-top:18px}