:root{--ink:#17201d;--paper:#f3f0e9;--warm:#e7e0d4;--lime:#d8ff5a;--orange:#f57c51;--line:rgba(23,32,29,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.5}.grain{position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:5;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.site-header{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-family:"DM Mono",monospace;font-size:23px;font-weight:500;text-decoration:none;color:var(--ink);letter-spacing:-2px}.brand span{color:var(--orange)}nav{display:flex;gap:30px}nav a,.header-contact,footer a{color:inherit;text-decoration:none;font-size:14px}.header-contact{font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:2px}.header-contact span{color:var(--orange);margin-left:5px}.hero{min-height:calc(100vh - 82px);padding:9vw 10vw 6vw 19vw;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-meta{position:absolute;right:5.5vw;top:36px;text-transform:uppercase;letter-spacing:.08em;font:11px "DM Mono",monospace}.status-dot{display:inline-block;width:7px;height:7px;background:#83a900;border-radius:50%;margin:0 7px 1px 0}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.1em;font:11px "DM Mono",monospace}.eyebrow{margin:0 0 19px;color:#4b5751}.hero h1,h2{letter-spacing:-.065em;font-size:clamp(58px,9.4vw,145px);line-height:.91;margin:0;font-weight:600;max-width:1060px}.hero em,h2 em{font-family:"Playfair Display",serif;font-weight:600}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-top:70px;max-width:810px}.hero-bottom p{font-size:18px;line-height:1.35;max-width:390px;margin:0}.round-link{width:63px;height:63px;flex:none;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--ink);font-size:25px;transition:.25s}.round-link:hover{background:var(--lime);transform:translateY(4px)}.hero-orbit{border:1px solid var(--line);width:300px;height:300px;border-radius:50%;position:absolute;right:-115px;bottom:-155px;display:grid;place-items:center;color:#748078;font:11px "DM Mono",monospace;letter-spacing:.18em;transform:rotate(-20deg)}.hero-orbit span{transform:rotate(38deg)}.section{padding:125px 5.5vw;border-bottom:1px solid var(--line)}.section-label{color:#68736d;margin:0}.intro{display:grid;grid-template-columns:20% 1fr;gap:20px}.intro-content{display:grid;grid-template-columns:1.25fr .72fr;gap:10vw}.intro h2,.section-heading h2,.timeline h2,.notes h2{font-size:clamp(43px,5.3vw,76px);line-height:.96}.intro-copy{padding-top:10px}.intro-copy p{font-size:18px;line-height:1.5;margin:0 0 19px}.text-link{display:inline-block;color:var(--ink);font-weight:600;text-decoration:none;margin-top:13px;border-bottom:1px solid var(--ink);padding-bottom:3px}.text-link span{color:var(--orange);margin-left:8px}.skills{display:grid;grid-template-columns:20% 1fr;gap:20px;background:var(--warm)}.skill-list{display:flex;flex-wrap:wrap;align-content:start;gap:10px}.skill-list span{border:1px solid #9da199;border-radius:100px;padding:10px 16px;font:14px "DM Mono",monospace}.projects{padding-top:125px}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:60px}.section-heading h2{max-width:650px}.project-card{min-height:370px;border:1px solid var(--ink);padding:26px 30px;display:grid;grid-template-columns:1fr 1fr;position:relative;text-decoration:none;color:var(--ink);margin-top:16px;overflow:hidden;transition:transform .25s}.project-card:hover{transform:translateY(-5px)}.project-number{font:12px "DM Mono",monospace}.project-info{align-self:end;position:relative;z-index:1}.project-info p{font:12px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em;margin:0 0 9px}.project-info h3{font-size:clamp(35px,4.6vw,62px);line-height:.9;letter-spacing:-.06em;margin:0 0 16px}.project-info span{font-size:15px}.project-info b{font-size:20px;margin-left:8px;color:var(--orange)}.bakery{background:var(--orange)}.project-mark{font:clamp(120px,24vw,330px) "Playfair Display",serif;line-height:.7;justify-self:end;align-self:center;opacity:.92}.project-mark span{font-family:"DM Sans";font-size:.3em;vertical-align:top}.coming-soon{background:var(--lime)}.plus{justify-self:end;align-self:start;font-size:75px;line-height:.65}.timeline{display:grid;grid-template-columns:20% 1fr;gap:20px}.timeline h2{grid-column:2;margin:0 0 56px}.timeline-list{grid-column:2}.timeline-list article{display:grid;grid-template-columns:145px 1fr .8fr;gap:25px;border-top:1px solid var(--line);padding:23px 0 28px}.timeline-list article:last-child{border-bottom:1px solid var(--line)}.timeline-list span{font:12px "DM Mono",monospace;color:#637068}.timeline-list h3{font-size:21px;letter-spacing:-.04em;margin:0}.timeline-list p{font-size:15px;margin:3px 0 0;color:#526059}.timeline-list article>p{line-height:1.35;color:var(--ink);margin:0}.notes{background:var(--ink);color:var(--paper);padding-bottom:130px}.notes .section-label{color:#aeb8ae}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:42px 0 0 20%}.notes h2{margin:0}.note-empty{border-top:1px solid rgba(243,240,233,.3);padding-top:22px;display:flex;gap:25px}.note-empty span{font-size:28px;color:var(--lime)}.note-empty p{max-width:280px;margin:5px 0;font-size:17px}.contact{background:var(--lime);padding:12vw 10vw 11vw 19vw}.contact h2{font-size:clamp(52px,7.5vw,110px);margin:15px 0 48px}.contact a{font-size:clamp(20px,2.3vw,32px);font-weight:600;color:inherit;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:5px}.contact a span{color:var(--orange);margin-left:10px}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 5.5vw}footer p{font-size:13px;color:#69756e;margin:0}footer div{display:flex;gap:25px}footer a{font-size:13px}.fade-up{animation:up .7s both}@keyframes up{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}.hero .fade-up:nth-child(2){animation-delay:.08s}.hero .fade-up:nth-child(3){animation-delay:.15s}.hero .fade-up:nth-child(4){animation-delay:.22s}@media(max-width:760px){.site-header{height:65px;padding:0 6vw}nav{display:none}.header-contact{font-size:13px}.hero{min-height:710px;padding:31vw 6vw 12vw}.hero-meta{left:6vw;right:auto;top:28px}.hero h1{font-size:clamp(52px,14vw,83px)}.hero-bottom{margin-top:50px}.hero-bottom p{font-size:16px}.hero-orbit{width:210px;height:210px;right:-70px;bottom:-110px}.section{padding:75px 6vw}.intro,.skills,.timeline{display:block}.intro-content{display:block;margin-top:31px}.intro-copy{margin-top:30px}.intro-copy p{font-size:16px}.skills .skill-list{margin-top:28px}.section-heading{display:block;margin-bottom:38px}.section-heading h2{margin-top:28px}.project-card{min-height:305px;padding:20px;grid-template-columns:1fr 1fr}.project-mark{font-size:175px}.timeline h2{margin:29px 0 35px}.timeline-list article{grid-template-columns:104px 1fr;gap:12px;padding:20px 0}.timeline-list article>p{grid-column:2;margin-top:2px}.notes-grid{display:block;margin:35px 0 0}.note-empty{margin-top:35px}.contact{padding:25vw 6vw}.contact h2{font-size:clamp(50px,13vw,79px)}footer{padding:22px 6vw}footer p{display:none}.grain{opacity:.08}}@media(max-width:400px){.project-info h3{font-size:34px}.project-mark{font-size:145px}.round-link{width:52px;height:52px}}