@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap";:root{color:#171715;font-synthesis:none;--ink:#171715;--paper:#f1f0eb;--white:#fbfaf6;--line:#1717152e;--orange:#ff583e;--lime:#d9ff71;--nav:72px;--gutter:clamp(24px,5.55vw,80px);--radius:16px;background:#f1f0eb;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:var(--nav);margin:0}body{background:var(--paper);min-width:320px;margin:0;overflow-x:hidden}body,button,a{-webkit-font-smoothing:antialiased}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:var(--orange)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{border:3px solid var(--paper);background:#aaa9a3;border-radius:999px}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.project-thread :focus-visible,.closing :focus-visible{outline-color:#fff}.wrap{width:min(calc(100% - 2 * var(--gutter)),1280px);margin-inline:auto}.site-header{z-index:50;height:var(--nav);pointer-events:none;position:fixed;inset:0 0 auto}.nav-shell{grid-template-columns:1fr auto 1fr;align-items:center;height:100%;display:grid}.nav-shell>*{pointer-events:auto}.skip-link{left:var(--gutter);background:var(--ink);color:#fff;z-index:4;padding:12px 16px;position:absolute;top:-60px}.skip-link:focus{top:12px}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:11px;width:max-content;font:600 10px/.9 DM Mono,monospace;display:inline-flex}.site-header .brand{background:#f1f0ebfa;border-radius:12px;min-height:48px;padding:7px 13px;box-shadow:0 14px 38px #17171514}.brand-mark{flex:none;width:38px;height:25px;display:inline-block;position:relative}.brand-mark i{border:2px solid;border-radius:50%;width:25px;height:25px;position:absolute}.brand-mark i:first-child{top:0;left:0}.brand-mark i:last-child{bottom:0;right:0}.nav-links{color:#fff;background:#171715f5;border-radius:12px;align-items:center;gap:2px;padding:4px;font-size:13px;display:flex;box-shadow:0 14px 38px #17171524}.nav-links a{border-radius:8px;padding:10px 18px;transition:color .18s,background .18s}.nav-links a:hover,.nav-links a.is-current{color:var(--ink);background:#fff}.nav-links a,.footer-directory nav a{text-underline-offset:6px;text-decoration-line:underline;text-decoration-color:#0000;transition:text-decoration-color .18s}.footer-directory nav a:hover{text-decoration-color:currentColor}.nav-action{background:var(--orange);border-radius:999px;justify-self:end;align-items:center;gap:11px;height:44px;padding:0 18px;font-size:14px;font-weight:500;transition:background .18s;display:inline-flex}.nav-action:hover{background:#ff725b}.site-header.on-orange .nav-action{color:#fff;background:var(--ink)}.site-header.on-orange .nav-action:hover{background:#302f2c}.menu-button{border:1px solid var(--ink);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:none}.hero{min-height:100svh;padding-top:var(--nav);overflow:hidden}.hero-shell{min-height:calc(100svh - var(--nav));flex-direction:column;padding-top:clamp(48px,7vh,76px);padding-bottom:24px;display:flex;position:relative}.hero-copy{z-index:2;width:min(760px,64%);margin-bottom:clamp(32px,5vh,56px);position:relative}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;text-wrap:balance;max-width:770px;margin-bottom:30px;font-size:clamp(54px,6.1vw,88px);font-weight:500;line-height:.96}.hero-copy>p{max-width:670px;margin-bottom:32px;font-size:clamp(17px,1.4vw,20px);line-height:1.55}.hero-actions{align-items:center;gap:28px;display:flex}.hero-mark{opacity:.1;pointer-events:none;width:min(36vw,470px);height:min(36vw,470px);position:absolute;top:46%;right:-4vw;transform:translateY(-50%)}.hero-mark .brand-mark{width:100%;height:100%}.hero-mark .brand-mark i{border-width:10px;width:78%;height:78%}.button{border-radius:999px;justify-content:center;align-items:center;gap:18px;width:max-content;min-height:48px;padding:0 23px;font-size:15px;font-weight:500;transition:transform .18s,background .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.65;transform:none}.button-primary{background:var(--orange);color:#111}.button-primary:hover{background:#ff725b}.button-light{color:#fff;background:0 0;border:1px solid #fff}.button-light:hover{color:#111;background:#fff}.text-link{border-bottom:1px solid;align-items:center;gap:12px;padding-bottom:6px;font-size:15px;display:inline-flex}.hero-products{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 32px;margin-top:auto;padding-top:20px;display:flex}.hero-products>span{letter-spacing:.08em;text-transform:uppercase;color:#77766f;font:400 11px DM Mono,monospace}.hero-products a{border-bottom:1px solid #0000;align-items:center;gap:6px;padding-bottom:3px;font-size:14px;transition:border-color .18s;display:inline-flex}.hero-products a:hover{border-color:currentColor}.hero-products .hero-products-all{margin-left:auto}.project{height:100svh;overflow:hidden}.project-thread{color:#f6f5ef;background:#0c0c0b}.project-shell{grid-template-columns:4fr 8fr;align-items:center;gap:48px;min-height:100svh;padding-block:112px 72px;display:grid}.project-copy h2,.publish-head h2,.services h2,.process h2,.studio h2,.notes h2,.closing h2{letter-spacing:-.04em;text-wrap:balance;margin-bottom:34px;font-size:clamp(46px,5.1vw,74px);font-weight:500;line-height:.98}.project-lead{color:#fff;font-size:clamp(20px,2vw,28px);line-height:1.32}.project-copy>p:not(.project-lead){color:#a5a49f;max-width:430px;margin:26px 0 40px;font-size:16px;line-height:1.65}.thread-gallery{grid-template-rows:1fr 1fr;grid-template-columns:1.04fr .96fr;gap:16px;height:min(72vh,690px);display:grid}.thread-shot{border-radius:var(--radius);background:#050505;border:1px solid #2d2d2b;min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.thread-shot img{object-fit:cover;width:100%;height:100%}.thread-shot-1{grid-row:1/3}.thread-shot-1 img{object-position:50% 0}.thread-shot-2 img{object-position:50% 12%}.thread-shot-3 img{object-position:50% 47%}.project-publish{background:#a6e56b;height:100svh;padding-block:92px 48px}.publish-head{grid-template-columns:8fr 4fr;align-items:end;gap:24px;margin-bottom:48px;display:grid}.publish-head h2{margin-bottom:14px}.publish-head>div>p{max-width:680px;margin:0;font-size:19px;line-height:1.5}.availability{grid-template-columns:10px auto;justify-self:end;gap:0 12px;margin:0;font:500 13px/1.5 DM Mono,monospace;display:grid}.availability i{background:var(--ink);border-radius:50%;width:9px;height:9px;margin-top:5px}.availability span{grid-column:2}.publish-frame{border-radius:var(--radius);background:#fff;height:min(52vh,470px);overflow:hidden;box-shadow:0 30px 80px #1717152e}.publish-frame img{width:100%}.publish-foot{width:min(580px,100%);margin:28px 0 0 auto;font-size:16px;line-height:1.55}.services{background:var(--white);height:100svh;padding-block:100px 64px;overflow:hidden}.services-shell{grid-template-columns:5fr 7fr;gap:80px;display:grid}.services-intro{align-self:start;position:sticky;top:120px}.services-intro>p{max-width:460px;font-size:17px;line-height:1.65}.service-list{border-top:1px solid var(--line)}.service-list article{border-bottom:1px solid var(--line);min-height:150px;padding:30px 60px 30px 0;position:relative}.service-list h3{letter-spacing:-.025em;margin:0 0 15px;font-size:clamp(23px,2.15vw,32px);font-weight:500;line-height:1.2}.service-list p{max-width:580px;color:var(--ink);margin:0;font-size:15px;line-height:1.55}.service-list svg{transition:transform .18s;position:absolute;top:34px;right:4px}.service-list article:hover svg{transform:translate(4px,-4px)}.process{background:var(--paper);height:100svh;padding-block:100px 64px;overflow:hidden}.process-shell{grid-template-columns:5fr 7fr;gap:80px;display:grid}.process-shell>div>p{max-width:400px;font-size:17px;line-height:1.6}.process ol{counter-reset:process;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.process li{counter-increment:process;border-bottom:1px solid var(--line);grid-template-columns:3fr 5fr;gap:24px;min-height:135px;padding:28px 0;display:grid}.process li span{letter-spacing:-.03em;font-size:clamp(25px,2.4vw,36px)}.process li span:before{content:counter(process,decimal-leading-zero) " / ";vertical-align:top;font:400 12px DM Mono,monospace}.process li p{color:var(--ink);margin:3px 0 0;font-size:15px;line-height:1.6}.studio{background:var(--orange);height:100svh;padding-block:96px 64px;overflow:hidden}.studio-shell{grid-template-columns:5fr 7fr;align-items:center;gap:80px;min-height:calc(100svh - 184px);display:grid}.studio-rings{border-right:1px solid #17171540;place-items:center;height:100%;display:grid}.studio-rings .brand-mark{width:min(24vw,300px);height:min(18vw,225px)}.studio-rings .brand-mark i{border-width:8px;width:min(18vw,230px);height:min(18vw,230px)}.studio-copy>p{max-width:700px;font-size:clamp(18px,1.7vw,24px);line-height:1.5}.studio-copy dl{grid-template-columns:repeat(3,1fr);gap:16px;margin:58px 0 0;display:grid}.studio-copy dl div{border-top:1px solid #17171547;padding-top:15px}.studio-copy dt{margin-bottom:8px;font:400 12px DM Mono,monospace}.studio-copy dd{margin:0;font-size:14px;line-height:1.45}.notes{background:var(--white);align-items:center;min-height:62svh;padding-block:86px 64px;display:flex}.notes-shell{grid-template-columns:7fr 5fr;align-items:center;gap:80px;display:grid}.notes h2{max-width:780px;font-size:clamp(46px,5.1vw,74px)}.notes-shell>div{border-top:1px solid var(--line);padding-top:24px}.notes-shell>div p{font-size:20px;line-height:1.55}.notes-shell>div span{color:var(--ink);margin-top:36px;font:400 13px/1.5 DM Mono,monospace;display:block}.closing{color:#f5f3ec;background:var(--ink);min-height:100svh}.footer-shell{grid-template-rows:1fr auto;min-height:100svh;display:grid}.footer-call{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:clamp(24px,4vh,48px);padding-top:90px;padding-bottom:60px;display:flex}.footer-call h2{max-width:1050px;font-size:clamp(64px,10vw,144px);line-height:.9}.footer-email{letter-spacing:-.03em;border-top:1px solid #3d3d39;border-bottom:1px solid #3d3d39;justify-content:space-between;align-items:center;width:100%;padding-block:18px;font-size:clamp(24px,3.5vw,50px);display:flex}.button-large{min-height:48px;padding-inline:23px;font-size:15px}.footer-directory{border-top:1px solid #3d3d39;grid-template-columns:3fr 3fr 4fr 2fr;align-items:end;gap:24px;min-height:130px;padding-block:24px;display:grid}.footer-directory nav{grid-template-columns:repeat(2,max-content);gap:10px 30px;font-size:13px;display:grid}.footer-directory p{color:#a6a59e;margin:0;font:400 12px/1.55 DM Mono,monospace}.footer-directory p:last-child{justify-self:end}.page-masthead{min-height:82svh;padding:calc(var(--nav) + 100px) 0 80px;background:var(--paper);align-items:flex-end;display:flex}.page-masthead-shell{grid-template-columns:7fr 5fr;align-items:end;gap:80px;display:grid}.page-masthead h1{max-width:920px;margin:0;font-size:clamp(72px,9vw,132px);line-height:.88}.masthead-note{border-top:1px solid var(--line);padding-top:24px}.masthead-note p{max-width:620px;margin-bottom:52px;font-size:clamp(19px,1.6vw,24px);line-height:1.5}.masthead-note span{font:400 12px/1.5 DM Mono,monospace}.masthead-orange{background:var(--orange)}.masthead-orange .masthead-note{border-color:#1717154d}.route-index{background:var(--white);padding:110px 0 120px}.route-index-shell{grid-template-columns:5fr 7fr;gap:80px;display:grid}.route-index h2,.latest-note h2,.principles h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(46px,5.1vw,74px);font-weight:500;line-height:.98}.route-list{border-top:1px solid var(--line)}.route-list a{border-bottom:1px solid var(--line);grid-template-columns:2fr 3fr auto;align-items:start;gap:32px;min-height:142px;padding:28px 0;display:grid;position:relative}.route-list strong{letter-spacing:-.03em;font-size:clamp(25px,2.4vw,36px);font-weight:500}.route-list p{max-width:470px;margin:4px 0 0;font-size:15px;line-height:1.6}.route-list svg{margin-top:8px;transition:transform .18s}.route-list a:hover svg{transform:translate(4px,-4px)}.latest-note{background:var(--paper);padding:110px 0}.latest-note-shell{grid-template-columns:5fr 7fr;align-items:start;gap:80px;display:grid}.latest-note-shell>div>p{max-width:430px;margin-top:28px;font-size:17px;line-height:1.65}.note-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:270px;padding:24px 64px 28px 0;display:block;position:relative}.note-row>div{justify-content:space-between;gap:24px;font:400 12px/1.5 DM Mono,monospace;display:flex}.note-row h3{letter-spacing:-.035em;max-width:650px;margin:55px 0 18px;font-size:clamp(30px,3.4vw,52px);font-weight:500;line-height:1.02}.note-row p{max-width:620px;margin:0;font-size:16px;line-height:1.55}.note-row>svg{transition:transform .18s;position:absolute;top:50%;right:0}.note-row:hover>svg{transform:translate(4px,-4px)}.notes-index{background:var(--white);padding:64px 0 120px}.notes-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:22px;padding-bottom:22px;display:flex}.notes-head>p{max-width:520px;margin:0;font-size:16px;line-height:1.6}.notes-head>span{color:#77766f;font:400 12px/1.5 DM Mono,monospace}.notes-count{align-items:baseline;gap:5px;font:400 12px DM Mono,monospace;display:flex}.notes-count strong{font-size:20px;font-weight:500}.notes-count span{color:#77766f}.note-grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.note-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;min-height:216px;padding:22px 22px 18px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative}.note-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 20px 45px #17171517}.note-card:first-child{grid-column:span 7}.note-card:nth-child(2){grid-column:span 5}.note-card:nth-child(3),.note-card:nth-child(4),.note-card:nth-child(5),.note-card:nth-child(6),.note-card:nth-child(7),.note-card:nth-child(8){grid-column:span 4}.note-card:nth-child(9),.note-card:nth-child(10),.note-card:nth-child(11),.note-card:nth-child(12){grid-column:span 6}.note-card.is-featured{color:#f5f3ec;background:var(--ink);border-color:var(--ink);min-height:300px}.note-card.is-featured:hover{background:#232320}.note-card-meta{letter-spacing:.04em;text-transform:uppercase;color:#77766f;justify-content:space-between;gap:16px;font:400 10.5px/1.4 DM Mono,monospace;display:flex}.note-card.is-featured .note-card-meta,.note-card.is-featured p,.note-card.is-featured .note-card-foot{color:#b9b8b1}.note-card h2{letter-spacing:-.03em;margin:32px 0 12px;font-size:clamp(20px,1.75vw,25px);font-weight:500;line-height:1.12}.note-card.is-featured h2{margin-top:auto;font-size:clamp(30px,3.1vw,42px);line-height:1.02}.note-card p{color:#55544e;max-width:48ch;margin:0 0 22px;font-size:14px;line-height:1.55}.note-card.is-featured p{max-width:56ch;font-size:15px}.note-card-foot{border-top:1px solid var(--line);color:#77766f;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:14px;font:400 11px DM Mono,monospace;display:flex}.note-card.is-featured .note-card-foot{border-color:#3d3d39}.note-card-foot svg{transition:transform .18s}.note-card:hover .note-card-foot svg{transform:translate(3px,-3px)}.note-pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:38px;padding-top:22px;display:flex}.note-pagination button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;min-height:40px;padding:0 16px;font-size:13px;transition:background .16s,color .16s,border-color .16s}.note-pagination button:hover:not(:disabled){border-color:var(--ink)}.note-pagination button:disabled{opacity:.35;cursor:default}.note-pagination>div{gap:6px;display:flex}.note-pagination>div button{width:38px;padding:0}.note-pagination button.is-current{color:#fff;background:var(--ink);border-color:var(--ink)}.page-masthead.masthead-compact{min-height:auto;padding:calc(var(--nav) + 82px) 0 52px}.masthead-compact h1{font-size:clamp(54px,7vw,100px)}.masthead-compact .masthead-note p{margin-bottom:22px}.note-header{padding:calc(var(--nav) + 110px) 0 90px;background:var(--paper)}.note-header-shell{grid-template-columns:2fr 8fr 2fr;display:grid}.back-link{border-bottom:1px solid;grid-column:1;align-self:start;align-items:center;gap:9px;width:max-content;padding-bottom:5px;font-size:14px;display:inline-flex}.note-header h1{grid-column:2;max-width:980px;margin:80px 0 38px;font-size:clamp(62px,8vw,116px);line-height:.9}.note-header>.wrap>p{grid-column:2;max-width:740px;margin-bottom:56px;font-size:clamp(20px,1.8vw,27px);line-height:1.5}.note-header-shell>div:last-child{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:2;gap:10px 28px;padding-top:18px;font:400 12px/1.5 DM Mono,monospace;display:flex}.article-shell{grid-template-columns:3fr 6fr 3fr;gap:40px;padding-block:110px 140px;display:grid}.article-shell aside{flex-direction:column;align-items:flex-start;font:400 12px/1.6 DM Mono,monospace;display:flex}.article-shell aside strong{margin-top:8px;font-family:Manrope,sans-serif;font-size:17px;font-weight:500}.article-body{grid-column:2;font-size:19px;line-height:1.75}.article-body>*{max-width:70ch}.article-body>p{margin-bottom:28px}.article-body h2{letter-spacing:-.035em;margin:80px 0 24px;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.05}.article-body ul{margin:20px 0 34px;padding-left:22px}.article-body li{margin-bottom:12px;padding-left:10px}.article-body strong{font-weight:600}.article-next{color:#f6f5ef;background:var(--ink);padding:80px 0}.article-next .wrap{justify-content:space-between;align-items:center;gap:32px;display:flex}.article-next p{letter-spacing:-.035em;max-width:750px;margin:0;font-size:clamp(30px,4vw,58px);line-height:1}.principles{background:var(--white);padding:120px 0 140px}.principles-shell{grid-template-columns:5fr 7fr;gap:80px;display:grid}.principles-shell>div{border-top:1px solid var(--line)}.principles article{border-bottom:1px solid var(--line);grid-template-columns:2fr 3fr;gap:32px;min-height:160px;padding:32px 0;display:grid}.principles h3{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:500;line-height:1.15}.principles p{margin:0;font-size:16px;line-height:1.65}.not-found{min-height:100svh;padding-top:var(--nav);align-items:center;display:flex}.not-found h1{max-width:900px}.not-found p{max-width:520px;margin-bottom:34px;font-size:19px;line-height:1.55}.contact-section{background:var(--white);padding:110px 0 140px}.contact-shell{grid-template-columns:4fr 8fr;align-items:start;gap:80px;display:grid}.contact-aside{position:sticky;top:120px}.contact-aside h2{letter-spacing:-.04em;max-width:430px;margin-bottom:28px;font-size:clamp(46px,5vw,72px);font-weight:500;line-height:.98}.contact-aside>p{max-width:420px;font-size:17px;line-height:1.65}.contact-aside>a{border-top:1px solid var(--line);margin-top:48px;padding-top:18px;font:400 12px/1.65 DM Mono,monospace;display:inline-block}.contact-aside>a strong{margin-top:6px;font:500 17px Manrope,sans-serif;display:inline-block}.contact-form{border-top:1px solid var(--line)}.contact-form>label,.form-pair label{border-bottom:1px solid var(--line);padding:28px 0 18px;font-size:14px;font-weight:500;display:block;position:relative}.contact-form label>span{float:right;color:#77766f;font:400 11px DM Mono,monospace}.contact-form input,.contact-form textarea,.contact-form select{background:0 0;border:0;border-radius:0;outline:0;width:100%;margin-top:12px;padding:0;font-size:20px;line-height:1.55}.contact-form input{height:46px}.contact-form textarea{resize:vertical;min-height:210px}.contact-form select{cursor:pointer;height:46px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#84837c;opacity:1}.contact-form label:focus-within{border-bottom-color:var(--ink)}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form select:focus-visible{outline:0}.contact-form small{color:#b42617;margin-top:8px;font:400 12px/1.5 DM Mono,monospace;display:block}.contact-form [aria-invalid=true]{color:#8c1e12}.form-pair{grid-template-columns:1fr 1fr;gap:32px;display:grid}.form-protection{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:30px 0;display:grid}.form-protection p{color:#66655f;max-width:480px;margin:0;font-size:13px;line-height:1.55}.form-submit{align-items:center;gap:30px;padding-top:32px;display:flex}.form-submit .button{cursor:pointer;border:0}.form-status{margin:0;font-size:14px;line-height:1.5}.form-status.sent{color:#2d5d18}.form-status.error{color:#8c1e12}.trap-field{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@media (width<=1023px){:root{--gutter:48px}.hero-copy{width:78%}.project-shell{grid-template-columns:1fr;align-content:start;gap:50px;padding-top:110px}.project-copy{grid-template-columns:1fr 1fr;gap:24px;display:grid}.project-copy h2{grid-column:1/-1;margin-bottom:0}.project-copy .project-lead,.project-copy>p:not(.project-lead){margin:0}.project-copy .button{grid-column:2}.thread-gallery{height:66vh}.services-shell,.process-shell{grid-template-columns:1fr}.services-intro{position:static}.studio-shell{grid-template-columns:4fr 8fr;gap:50px}.notes-shell{grid-template-columns:1fr}.footer-directory{grid-template-columns:1fr 1fr;row-gap:38px}.footer-directory p:last-child{justify-self:start}.page-masthead-shell,.route-index-shell,.latest-note-shell,.principles-shell{grid-template-columns:1fr;gap:54px}.page-masthead h1{font-size:clamp(68px,11vw,112px)}.note-header-shell{grid-template-columns:1fr 8fr}.article-shell{grid-template-columns:2fr 7fr 1fr}.contact-shell{grid-template-columns:1fr 2fr;gap:50px}}@media (width<=767px){:root{--nav:64px;--gutter:24px}.project,.project-publish,.services,.process,.studio,.notes,.closing{height:auto;min-height:100svh;overflow:visible}.nav-shell{grid-template-columns:1fr auto}.site-header{border-bottom:1px solid var(--line);background:#f1f0ebfa}.nav-action{display:none}.menu-button{display:grid}.nav-links{inset:var(--nav) 0 auto;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line);transform:translateY(calc(-100% - var(--nav)));visibility:hidden;gap:0;padding:12px 24px 22px;transition:transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;display:grid;position:fixed}.nav-links.is-open{visibility:visible;transform:none}.nav-links a{border-bottom:1px solid var(--line);padding:16px 0;font-size:18px}.nav-links a.is-current{background:0 0}.hero-shell{min-height:calc(100svh - var(--nav));padding-top:42px;padding-bottom:16px}.hero-copy{width:100%}h1{margin-bottom:22px;font-size:clamp(42px,13vw,58px)}.hero-copy>p{max-width:38ch;margin-bottom:24px;font-size:16px;line-height:1.5}.hero-actions{gap:18px}.hero-mark{display:none}.text-link{font-size:14px}.project-thread{min-height:200svh}.project-shell{grid-template-rows:auto 1fr;min-height:200svh;padding-block:92px 48px}.project-copy{display:block}.project-copy h2,.publish-head h2,.services h2,.process h2,.studio h2,.closing h2{font-size:clamp(40px,12vw,56px)}.project-copy h2{margin-bottom:24px}.project-copy .project-lead{font-size:21px}.project-copy>p:not(.project-lead){margin:24px 0 32px}.thread-gallery{grid-template-rows:600px 280px 280px;grid-template-columns:1fr;gap:16px;height:auto}.thread-shot{border-radius:16px;width:100%}.thread-shot-1{grid-row:auto}.project-publish{padding-block:92px 48px}.publish-head{grid-template-columns:1fr}.availability{justify-self:start}.publish-frame{border-radius:12px;height:50svh}.publish-frame img{width:auto;max-width:none;height:100%}.publish-foot{margin-left:0}.services,.process,.studio,.notes{padding-block:92px 48px}.services-shell,.process-shell{gap:48px}.service-list article{min-height:160px;padding-right:36px}.process li{grid-template-columns:1fr;gap:12px}.studio{min-height:140svh}.studio-shell{grid-template-columns:1fr;min-height:auto}.studio-rings{border-bottom:1px solid #17171540;border-right:0;min-height:340px}.studio-rings .brand-mark{width:220px;height:170px}.studio-rings .brand-mark i{border-width:6px;width:160px;height:160px}.studio-copy dl{grid-template-columns:1fr}.notes{min-height:auto}.notes h2{font-size:clamp(38px,11vw,46px)}.notes-shell>div span{margin-top:44px}.footer-call{padding-top:100px;padding-bottom:70px}.footer-call h2{font-size:clamp(58px,17vw,84px)}.footer-directory{grid-template-columns:1fr}.page-masthead{min-height:82svh;padding:calc(var(--nav) + 70px) 0 56px}.page-masthead-shell{gap:58px}.page-masthead h1{font-size:clamp(56px,17vw,82px)}.masthead-note p{margin-bottom:34px;font-size:18px}.route-index,.latest-note,.notes-index,.principles{padding-block:88px}.route-index h2,.latest-note h2,.principles h2{font-size:clamp(40px,12vw,54px)}.route-list a{grid-template-columns:1fr auto;gap:16px}.route-list p{grid-column:1}.route-list svg{grid-area:1/2}.latest-note-shell{gap:52px}.note-row{min-height:300px;padding-right:38px}.note-row h3{margin-top:46px;font-size:36px}.note-header{padding:calc(var(--nav) + 64px) 0 64px}.note-header-shell{display:block}.note-header h1{margin:68px 0 30px;font-size:clamp(52px,15vw,76px)}.note-header>.wrap>p{font-size:19px}.article-shell{padding-block:70px 96px;display:block}.article-shell aside{border-bottom:1px solid var(--line);margin-bottom:58px;padding-bottom:24px}.article-body{font-size:18px}.article-body h2{margin-top:64px}.article-next .wrap{flex-direction:column;align-items:flex-start}.principles article{grid-template-columns:1fr;gap:18px}.contact-section{padding-block:88px}.contact-shell{grid-template-columns:1fr;gap:60px}.contact-aside{position:static}.contact-aside h2{font-size:clamp(40px,12vw,54px)}.form-pair{grid-template-columns:1fr;gap:0}.form-protection{grid-template-columns:1fr}.form-submit{flex-direction:column;align-items:flex-start}}@media (width<=430px){.hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.button{min-height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#6b6a63;margin-bottom:18px;font:400 11px/1.4 DM Mono,monospace;display:inline-block}.section-head{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}.section-head>div{max-width:780px}.section-head h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(44px,4.6vw,68px);font-weight:500;line-height:.98}.section-head>div>p{color:#4c4b45;max-width:580px;margin:22px 0 0;font-size:17px;line-height:1.6}.section-head>.text-link{flex:none;margin-bottom:8px}.home-work{background:var(--white);padding:120px 0 130px}.home-work-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.home-work-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.home-work-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #1717151a}.home-work-media{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.home-work-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.home-work-card:hover .home-work-media img{transform:scale(1.03)}.home-work-card.is-thread .home-work-media img,.home-work-card.is-cuetest .home-work-media img,.home-work-card.is-publish .home-work-media img{object-position:50% 50%}.home-work-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-work-copy{flex-direction:column;flex:1;padding:22px 22px 24px;display:flex}.home-work-copy .index{color:#77766f;font:400 11px DM Mono,monospace}.home-work-copy .status{color:#4c4b45;font:400 10px DM Mono,monospace}.home-work-copy h3{letter-spacing:-.03em;margin:14px 0 10px;font-size:clamp(23px,2vw,30px);font-weight:500;line-height:1.1}.home-work-copy p{color:#4c4b45;margin:0 0 26px;font-size:15px;line-height:1.55}.home-work-link{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:auto;padding-top:16px;font-size:13px;display:inline-flex}.capabilities{color:#f5f3ec;background:var(--ink);padding:120px 0}.capabilities-shell{grid-template-columns:5fr 7fr;align-items:start;gap:80px;display:grid}.capabilities-intro h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(42px,4.4vw,64px);font-weight:500;line-height:.99}.capabilities-intro>p{color:#a9a8a1;max-width:440px;margin:26px 0 34px;font-size:16px;line-height:1.65}.capabilities .eyebrow{color:#8e8d86}.capabilities .text-link{font-size:14px}.capability-grid{border-top:1px solid #3d3d39;grid-template-columns:1fr 1fr;display:grid}.capability-grid article{border-bottom:1px solid #3d3d39;padding:28px 28px 36px 0}.capability-grid article:nth-child(2n){border-left:1px solid #3d3d39;padding-left:28px;padding-right:0}.capability-grid span{color:#8e8d86;font:400 11px DM Mono,monospace}.capability-grid h3{letter-spacing:-.025em;margin:26px 0 12px;font-size:clamp(20px,1.9vw,26px);font-weight:500;line-height:1.15}.capability-grid p{color:#a9a8a1;margin:0;font-size:14.5px;line-height:1.6}.home-process{background:var(--paper);padding:120px 0 130px}.home-process-list{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 64px;margin:0;padding:0;list-style:none;display:grid}.home-process-list li{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;gap:20px;padding:30px 0 34px;display:grid}.home-process-list li>span{color:#77766f;padding-top:5px;font:400 12px DM Mono,monospace}.home-process-list h3{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(22px,2vw,28px);font-weight:500}.home-process-list p{color:#55544e;max-width:380px;margin:0;font-size:15px;line-height:1.6}.home-about{background:var(--orange);padding:120px 0}.home-about-shell{grid-template-columns:4fr 8fr;align-items:center;gap:72px;display:grid}.home-about-mark{border-right:1px solid #17171540;place-items:center;min-height:360px;display:grid}.home-about-mark .brand-mark{width:180px;height:130px}.home-about-mark .brand-mark i{border-width:6px;width:140px;height:140px}.home-about-copy h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 26px;font-size:clamp(42px,4.6vw,66px);font-weight:500;line-height:.98}.home-about-copy>p{max-width:680px;font-size:16.5px;line-height:1.65}.home-about-copy .eyebrow{color:#5a211a}.home-about-facts{border-top:1px solid #17171540;grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0 40px;padding-top:18px;display:grid}.home-about-facts span{text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font:400 11px DM Mono,monospace;display:block}.home-about-facts strong{font-size:14px;font-weight:500;line-height:1.45}.latest-notes{background:var(--white);padding:120px 0 130px}.latest-notes .note-row:last-child{border-bottom:1px solid var(--line)}.faq{background:var(--paper);padding:110px 0 130px}.faq-shell{grid-template-columns:5fr 7fr;align-items:start;gap:80px;display:grid}.faq-intro h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 22px;font-size:clamp(40px,4.2vw,60px);font-weight:500;line-height:.99}.faq-intro p{color:#4c4b45;max-width:400px;font-size:16px;line-height:1.65}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:24px;padding:24px 0;font-size:17px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{flex:none;font:400 20px/1 DM Mono,monospace;transition:transform .18s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{color:#55544e;max-width:620px;margin:0;padding:0 48px 26px 0;font-size:15px;line-height:1.65}.work-facts{border-bottom:1px solid var(--line);background:var(--white);padding:30px 0}.work-facts-shell{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.work-facts-shell strong{margin-bottom:8px;font-size:16px;font-weight:500;display:block}.work-facts-shell span{color:#77766f;font:400 12px/1.5 DM Mono,monospace}.detail-section{background:var(--paper);padding:110px 0 120px}.detail-section.detail-publish{background:var(--white)}.detail-grid,.mode-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.detail-grid article,.mode-grid article{border-top:1px solid var(--line);padding:26px 0 0}.detail-grid span,.mode-grid span{color:#77766f;font:400 11px DM Mono,monospace}.detail-grid h3,.mode-grid h3{letter-spacing:-.025em;margin:22px 0 14px;font-size:clamp(21px,2vw,27px);font-weight:500;line-height:1.15}.detail-grid p,.mode-grid p{color:#55544e;margin:0;font-size:14.5px;line-height:1.62}.work-principles{background:var(--white);padding:110px 0 120px}.principles-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:50px;display:grid}.principles-grid article{border-top:1px solid var(--line);padding:26px 0 0}.principles-grid h3{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(21px,2vw,27px);font-weight:500;line-height:1.15}.principles-grid p{color:#55544e;margin:0;font-size:14.5px;line-height:1.62}.work-principles-cta{max-width:620px;margin:0;font-size:19px;line-height:1.6}.work-principles-cta a{border-bottom:1px solid}.engagement{background:var(--paper);padding:110px 0 120px}.engagement-shell{grid-template-columns:5fr 7fr;align-items:start;gap:64px 80px;display:grid}.engagement-intro h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 22px;font-size:clamp(40px,4.2vw,60px);font-weight:500;line-height:.99}.engagement-intro p{color:#4c4b45;max-width:410px;font-size:16px;line-height:1.65}.engagement-grid{border-top:1px solid var(--line)}.engagement-grid article{border-bottom:1px solid var(--line);padding:26px 0 30px}.engagement-grid span{color:#77766f;font:400 11px DM Mono,monospace}.engagement-grid h3{letter-spacing:-.025em;margin:18px 0 10px;font-size:clamp(21px,2vw,27px);font-weight:500}.engagement-grid p{color:#55544e;max-width:620px;margin:0;font-size:15px;line-height:1.6}.deliverables{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:5fr 7fr;gap:80px;padding-top:30px;display:grid}.deliverables h3{margin:0;font-size:18px;font-weight:500}.deliverables ul{grid-template-columns:1fr 1fr;gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.deliverables li{border-bottom:1px solid var(--line);padding:10px 0 10px 20px;font-size:14.5px;line-height:1.5;position:relative}.deliverables li:before{content:"+";color:#77766f;font:400 13px DM Mono,monospace;position:absolute;left:0}.profile{background:var(--white);padding:110px 0 130px}.profile-shell{grid-template-columns:6fr 5fr;align-items:start;gap:100px;display:grid}.profile-intro h2{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(44px,4.8vw,70px);font-weight:500;line-height:.96}.profile-role{color:#55544e;margin-bottom:30px;font-size:clamp(18px,1.5vw,22px)}.profile-intro>p:not(.profile-role){max-width:600px;font-size:16px;line-height:1.7}.profile-intro .button{margin-top:16px}.profile-detail{border-top:1px solid var(--line);padding-top:4px}.profile-detail dl{margin:0}.profile-detail dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:15px 0;display:flex}.profile-detail dt{text-transform:uppercase;letter-spacing:.06em;color:#77766f;font:400 11px DM Mono,monospace}.profile-detail dd{text-align:right;margin:0;font-size:14px}.profile-detail h3{letter-spacing:.08em;text-transform:uppercase;margin:38px 0 14px;font:500 12px DM Mono,monospace}.stack-list{grid-template-columns:1fr 1fr;gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.stack-list li{border-bottom:1px solid var(--line);padding:9px 0;font-size:13.5px}.profile-links{flex-wrap:wrap;gap:12px 24px;display:flex}.profile-links a{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding-bottom:3px;font-size:13.5px;display:inline-flex}.background{background:var(--paper);padding:110px 0 120px}.background-list{border-top:1px solid var(--line)}.background-list>div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr 2fr;align-items:start;gap:32px;padding:26px 0;display:grid}.background-list span{letter-spacing:.06em;text-transform:uppercase;color:#77766f;padding-top:4px;font:400 11px DM Mono,monospace}.background-list h3{letter-spacing:-.025em;margin:0;font-size:clamp(20px,1.9vw,26px);font-weight:500}.background-list p{color:#55544e;margin:0;font-size:15px;line-height:1.6}.next-steps{background:var(--paper);padding:96px 0 120px}.next-steps-list{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.next-steps-list li{border-top:1px solid var(--line);padding-top:22px}.next-steps-list li>span{color:#77766f;font:400 11px DM Mono,monospace}.next-steps-list h3{letter-spacing:-.025em;margin:20px 0 12px;font-size:clamp(21px,2vw,27px);font-weight:500}.next-steps-list p{color:#55544e;margin:0;font-size:14.5px;line-height:1.6}.project-cuetest{background:var(--white);height:auto;min-height:100svh;padding:110px 0 100px;overflow:visible}.cuetest-shell{grid-template-columns:8fr 4fr;gap:40px 64px;display:grid}.cuetest-head{grid-column:1/-1;grid-template-columns:8fr 4fr;align-items:end;gap:24px;display:grid}.cuetest-head .eyebrow{margin-bottom:22px}.cuetest-head h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 20px;font-size:clamp(44px,5vw,72px);font-weight:500;line-height:.96}.cuetest-head .project-lead{color:#55544e;max-width:760px;margin:0;font-size:clamp(18px,1.7vw,22px);line-height:1.45}.cuetest-frame{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-column:1/-1;overflow:hidden}.cuetest-frame img{width:100%}.cuetest-body{grid-column:1/-1;grid-template-columns:8fr 4fr;align-items:center;gap:64px;padding-top:38px;display:grid}.cuetest-points{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.cuetest-points article{border-top:1px solid var(--line);padding-top:20px}.cuetest-points span{color:#77766f;font:400 11px DM Mono,monospace}.cuetest-points h3{letter-spacing:-.02em;margin:16px 0 10px;font-size:19px;font-weight:500}.cuetest-points p{color:#55544e;margin:0;font-size:14px;line-height:1.6}.cuetest-actions{flex-direction:column;align-items:flex-start;gap:24px;display:flex}@media (width<=1023px){.home-work-grid{grid-template-columns:1fr 1fr}.note-grid .note-card{grid-column:span 6}.note-grid .note-card.is-featured{grid-column:span 12}.home-work-card:last-child{grid-column:1/-1}.home-work-card:last-child .home-work-media{aspect-ratio:16/9}.capabilities-shell,.faq-shell,.engagement-shell,.profile-shell{grid-template-columns:1fr;gap:54px}.home-about-shell{grid-template-columns:1fr;gap:48px}.home-about-mark{border-bottom:1px solid #17171540;border-right:0;min-height:220px;padding-bottom:32px}.section-head{flex-direction:column;align-items:flex-start;gap:24px}.section-head>.text-link{margin-bottom:0}.detail-grid,.mode-grid,.principles-grid{grid-template-columns:1fr 1fr}.deliverables{grid-template-columns:1fr;gap:24px}.background-list>div{grid-template-columns:120px 1fr 2fr}.cuetest-shell,.cuetest-head{grid-template-columns:1fr}.cuetest-body{grid-template-columns:1fr;gap:36px}.cuetest-actions{flex-flow:wrap;align-items:center;gap:28px}.work-facts-shell{grid-template-columns:1fr 1fr 1fr;gap:18px}}@media (width<=767px){.eyebrow{margin-bottom:14px}.notes-head{flex-wrap:wrap;align-items:flex-start;gap:14px 20px}.notes-count{margin-left:auto}.note-grid .note-card,.note-grid .note-card.is-featured{grid-column:1/-1}.note-card.is-featured{min-height:240px}.note-pagination{flex-wrap:wrap;gap:14px}.note-pagination>div{order:3;justify-content:center;width:100%}.notes-index{padding-block:44px 88px}.page-masthead.masthead-compact{padding:calc(var(--nav) + 48px) 0 40px}.masthead-compact h1{font-size:clamp(46px,14vw,66px)}.section-head{margin-bottom:36px}.section-head h2{font-size:clamp(36px,10vw,46px)}.section-head>div>p{font-size:16px}.home-work,.capabilities,.home-process,.home-about,.latest-notes,.faq,.detail-section,.work-principles,.engagement,.profile,.background,.next-steps{padding-block:84px 92px}.home-work-grid{grid-template-columns:1fr}.home-work-card:last-child{grid-column:auto}.home-work-card:last-child .home-work-media{aspect-ratio:16/9}.capability-grid{grid-template-columns:1fr}.capability-grid article,.capability-grid article:nth-child(2n){border-left:0;padding:26px 0 30px}.home-process-list{grid-template-columns:1fr}.home-process-list li{grid-template-columns:44px 1fr;gap:14px}.home-about-mark{min-height:170px}.home-about-mark .brand-mark{width:120px;height:90px}.home-about-mark .brand-mark i{border-width:5px;width:96px;height:96px}.home-about-facts{grid-template-columns:1fr;gap:14px}.detail-grid,.mode-grid,.principles-grid,.next-steps-list,.work-facts-shell{grid-template-columns:1fr}.faq-list summary{padding:20px 0;font-size:16px}.profile-shell{gap:48px}.profile-detail dd{text-align:left}.profile-detail dl div{flex-direction:column;gap:4px}.stack-list{grid-template-columns:1fr}.background-list>div{grid-template-columns:1fr;gap:8px}.deliverables ul{grid-template-columns:1fr}.cuetest-head h2{font-size:clamp(38px,11vw,52px)}.cuetest-points{grid-template-columns:1fr}.cuetest-body{padding-top:30px}.cuetest-frame{border-radius:12px}.cuetest-frame img{width:100%}.project-cuetest{padding-block:84px 92px}}
