:root{--paper:#eeece7;--paper2:#e6e3dc;--ink:#20201e;--muted:#74736e;--line:#c9c6bf;--accent:#9b4f39;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{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);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:99;top:8px;left:8px;background:var(--ink);color:var(--paper);padding:12px 18px;transform:translateY(-140%)}.skip-link:focus{transform:none}.site-header{height:76px;padding:0 6vw;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:rgba(238,236,231,.96);backdrop-filter:blur(10px);z-index:20}.wordmark{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700;letter-spacing:.11em}.mark{font-family:var(--serif);font-size:29px;font-weight:500;letter-spacing:-.1em}.mark span,.period{color:var(--accent)}.nav-links{display:flex;gap:34px;margin-left:auto;margin-right:48px}.nav-links a,.site-footer nav a{font-size:12px;color:#55544f;transition:color .25s}.nav-links a:hover,.site-footer nav a:hover{color:var(--accent)}.availability{display:flex;align-items:center;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.availability-dot{width:7px;height:7px;border-radius:50%;background:#6b8167;box-shadow:0 0 0 3px #6b81671e}.menu-toggle{display:none}.section-shell{padding-left:10.4vw;padding-right:10.4vw;border-bottom:1px solid var(--line)}.hero{min-height:680px;height:min(800px,calc(100vh - 76px));max-height:900px;position:relative;display:grid;grid-template-columns:1.1fr .74fr;align-items:center;gap:8%;padding-top:48px;padding-bottom:80px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:.08em;color:#56554f}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{font-weight:500;letter-spacing:-.07em;font-size:clamp(50px,6.1vw,86px);line-height:.98;margin:31px 0 30px}.hero h1 em,h2 em,.project-info em,.principle em,.tools em,.about-content em,.contact em{font-family:var(--serif);font-weight:500;letter-spacing:-.06em}.hero h1 em{color:var(--accent)}.hero-foot{display:grid;grid-template-columns:minmax(190px,300px) auto;gap:36px;align-items:end}.hero-intro{font-size:14px;line-height:1.7;color:#62615b;margin:0;max-width:310px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.button{min-height:47px;padding:0 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;letter-spacing:.02em;transition:background .25s,color .25s,transform .25s}.button span,.text-link span{font-size:15px;transition:transform .25s}.button:hover{transform:translateY(-2px)}.button:hover span,.text-link:hover span{transform:translate(2px,-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--accent)}.text-link{font-size:11px;display:inline-flex;gap:15px;align-items:center;border:0;background:none;padding:0;cursor:pointer}.text-link span{color:var(--accent)}.hero-portrait{height:min(535px,70vh);min-height:390px;background:#d9d6cf;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.portrait-top,.portrait-bottom{display:flex;justify-content:space-between;padding:16px 17px;font:9px var(--mono);letter-spacing:.07em;position:relative;z-index:3;color:#4f4d47}.portrait-art{flex:1;position:relative;background:radial-gradient(ellipse at 58% 44%,#ede9e0 0,#e2dfd7 34%,#d1cec7 72%);overflow:hidden}.portrait-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff1c 1px,transparent 1px),linear-gradient(90deg,#ffffff1c 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(transparent,#000 18%,#000 84%,transparent)}.portrait-orbit{position:absolute;width:75%;aspect-ratio:1;left:14%;top:9%;border:1px solid #9b4f3930;border-radius:50%;transform:rotate(-25deg) scaleY(.76)}.portrait-sun{position:absolute;width:28%;aspect-ratio:1;border-radius:50%;background:#bb816a;opacity:.7;top:15%;right:19%}.portrait-bust{position:absolute;inset:0}.portrait-head{position:absolute;width:36%;height:40%;left:35%;top:23%;z-index:3}.portrait-face{position:absolute;width:80%;height:91%;top:7%;left:12%;border-radius:47% 46% 44% 46%;background:linear-gradient(112deg,#805c4d,#a87964 42%,#c09179 78%,#88644f);box-shadow:inset -15px -8px 15px #553f392c}.portrait-ear{position:absolute;right:0;top:42%;width:17%;height:20%;border-radius:50%;background:#966d5c}.portrait-hair{position:absolute;z-index:2;left:3%;top:0;width:83%;height:64%;border-radius:48% 48% 27% 30%;background:linear-gradient(130deg,#393532,#252421 76%);clip-path:polygon(2% 0,100% 0,99% 85%,88% 72%,83% 45%,65% 59%,47% 44%,31% 64%,9% 74%,0 65%)}.portrait-shadow{position:absolute;top:50%;left:55%;width:23%;height:2px;background:#392d2b8c;transform:rotate(3deg);z-index:3}.portrait-neck{position:absolute;top:53%;left:45%;height:27%;width:20%;z-index:2;background:#a87964}.portrait-shirt{position:absolute;bottom:-5%;left:21%;width:67%;height:47%;background:#eeeae1;clip-path:polygon(34% 0,65% 0,100% 100%,0 100%)}.portrait-jacket{position:absolute;bottom:-12%;left:14%;width:80%;height:46%;background:#3e4442;clip-path:polygon(18% 0,45% 14%,57% 0,85% 0,100% 100%,0 100%)}.portrait-caption{position:absolute;bottom:7%;right:6%;font:9px/1.5 var(--mono);letter-spacing:.08em;color:#55544f;text-align:right;z-index:4}.hero-index{position:absolute;bottom:28px;left:10.4vw;font:9px var(--mono);letter-spacing:.09em;color:#77756f}.hero-index span{color:var(--accent);padding:0 8px}
.manifesto{padding-top:125px;padding-bottom:138px}.manifesto-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:10%;margin-top:58px}.manifesto h2,.section-heading h2,.tools h2,.about-content h2{font-weight:500;letter-spacing:-.06em;font-size:clamp(42px,5.3vw,70px);line-height:1.06;margin:0}.manifesto h2 em,.section-heading h2 em,.tools h2 em,.about-content h2 em{color:var(--accent)}.manifesto-copy{padding-top:10px}.side-index{font:9px var(--mono);color:var(--accent);letter-spacing:.08em}.manifesto-copy p{font-size:14px;line-height:1.85;color:#64635d;margin:29px 0}.arrow-link{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:8px;display:inline-flex;gap:25px}.arrow-link span{color:var(--accent)}.services,.work,.process{padding-top:118px;padding-bottom:125px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:64px}.section-heading h2{margin-top:25px}.heading-note{max-width:250px;font-size:12px;line-height:1.75;color:#75736d;margin:0 0 7px}.service-list{border-top:1px solid var(--line)}.service-row{min-height:111px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 25px;gap:20px;align-items:center;transition:padding .3s,background .3s}.service-row:hover{padding:0 15px;background:#e9e6df}.service-no{align-self:start;padding-top:28px;font:10px var(--mono);color:var(--accent)}.service-row h3{font-size:18px;font-weight:500;letter-spacing:-.03em;margin:0 0 8px}.service-row p{font-size:11px;color:#74726c;margin:0;line-height:1.6}.service-sign{color:#a6a39d;font-size:17px}.service-row:hover .service-sign{color:var(--accent)}.work{background:#e8e6df}.project-feature{display:grid;grid-template-columns:1.12fr .88fr;gap:7%;align-items:center}.project-visual{background:#dcd9d1;padding:7% 7% 4%;min-height:420px;position:relative;display:flex;align-items:center}.sheet-window{width:100%;background:#f4f2ed;box-shadow:0 20px 55px #28272216;padding-bottom:18px;transform:rotate(-1deg)}.sheet-chrome{height:35px;border-bottom:1px solid #e2dfd9;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:7px var(--mono);color:#77756f;letter-spacing:.05em}.sheet-dots{display:flex;gap:4px}.sheet-dots i{width:5px;height:5px;background:#bdb9b0;border-radius:50%}.sheet-title{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 22px 17px}.sheet-title small{font:7px var(--mono);letter-spacing:.09em;color:#8a877f}.sheet-title h3{font-size:28px;font-weight:500;line-height:1.05;letter-spacing:-.05em;margin:10px 0 0}.sheet-stamp{border:1px solid var(--accent);padding:7px 10px;color:var(--accent);font:7px/1.5 var(--mono);text-align:center;letter-spacing:.08em;transform:rotate(5deg)}.sheet-grid{padding:0 17px}.sheet-row{display:grid;grid-template-columns:1.5fr 1fr .7fr .45fr;min-height:32px;align-items:center;border-top:1px solid #e4e1db;font-size:8px;color:#5c5a55;gap:4px}.sheet-row>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-header{font:7px var(--mono);color:#8a877f;letter-spacing:.04em;min-height:26px}.sheet-row .fit{color:#56715c}.sheet-note{border-top:1px solid #e4e1db;margin:11px 17px 0;padding-top:10px;display:flex;justify-content:space-between;font:6px var(--mono);color:#8a877f;letter-spacing:.04em}.visual-index{position:absolute;bottom:11px;left:7%;right:7%;font:7px var(--mono);letter-spacing:.08em;color:#66645e;display:flex;justify-content:space-between}.visual-index span{color:var(--accent)}.project-info{padding:20px 0}.project-meta,.card-top{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.07em}.status-pill{border:1px solid #a65c45;color:var(--accent);padding:6px 8px;font:7px var(--mono);letter-spacing:.06em}.project-info h3{font-size:clamp(28px,3vw,39px);letter-spacing:-.05em;line-height:1.12;font-weight:500;margin:27px 0 17px}.project-info>p{font-size:12px;line-height:1.8;color:#66645e}.project-detail{display:grid;grid-template-columns:105px 1fr;gap:14px;border-top:1px solid #cbc8c0;padding-top:13px;margin-top:14px}.project-detail span,.project-detail p{font:8px/1.6 var(--mono);letter-spacing:.035em;color:#727069;margin:0}.project-detail span{color:var(--accent)}.case-study-trigger{margin-top:23px;border-bottom:1px solid var(--line);padding-bottom:8px}.project-secondary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:55px}.project-card{border-top:1px solid var(--line);padding-top:17px}.status-muted{border-color:#b4b1a9;color:#6f6d67}.card-graphic{height:220px;background:#dedbd4;margin:22px 0;position:relative;overflow:hidden}.ops-graphic{display:flex;align-items:center;justify-content:center}.ops-center{font-family:var(--serif);font-size:44px;z-index:2;border:1px solid #aa6a55;border-radius:50%;width:92px;height:92px;display:grid;place-items:center;background:#e9e6df}.ops-center span{color:var(--accent);font:18px var(--mono);position:absolute;margin:30px 0 0 27px}.ops-note{position:absolute;font:7px var(--mono);letter-spacing:.08em;color:#68665f;border:1px solid #c3bfb6;background:#e9e6df;padding:9px 12px}.note-one{top:25%;left:13%}.note-two{top:63%;left:19%}.note-three{top:37%;right:12%}.ops-line{position:absolute;height:1px;background:#b5afa5;width:25%;transform-origin:left}.line-a{left:31%;top:37%;transform:rotate(18deg)}.line-b{left:32%;top:64%;transform:rotate(-18deg)}.line-c{left:58%;top:51%;width:18%}.flow-graphic{display:flex;align-items:center;justify-content:center;gap:10px;background-image:linear-gradient(#d1cec6 1px,transparent 1px),linear-gradient(90deg,#d1cec6 1px,transparent 1px);background-size:25px 25px}.flow-node{padding:12px 10px;background:var(--paper);border:1px solid #bab6ad;font:7px var(--mono);letter-spacing:.04em}.flow-graphic i{width:21px;height:1px;background:var(--accent);position:relative}.flow-graphic i:after{content:"";position:absolute;right:0;top:-3px;width:5px;height:5px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg)}.project-card h3{font-size:23px;letter-spacing:-.04em;font-weight:500;margin:0 0 11px}.project-card>p{max-width:430px;font-size:11px;line-height:1.8;color:#74726c;min-height:40px}.card-quiet{font:8px var(--mono);letter-spacing:.06em;color:#8a877f;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:20px}.case-flow{margin-top:95px;border-top:1px solid var(--line);padding-top:19px;display:grid;grid-template-columns:200px 1fr;gap:30px}.flow-steps{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.flow-steps span{font-size:10px}.flow-steps b{color:var(--accent);font-weight:400}