:root{--bg:#fbfbfa;--paper:#fff;--ink:#0b0b0b;--muted:#6f6f6f;--soft:#d9d7d1;--line:#e5e2dc;--accent:#b9a46a;--accent-dark:#5b5136;--green:#233f35;--blue:#2f455f;--red:#6d3532;--font-display:"Didot","Bodoni 72","Bodoni 72 Smallcaps",Georgia,"Times New Roman",serif;--font-body:"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-behavior:smooth}body{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),#0b0b0b09 calc(8.333% - 1px),#0b0b0b09 8.333%),var(--bg);color:var(--ink);font-family:var(--font-body);letter-spacing:0;margin:0;line-height:1.5}a{color:inherit}button,input,textarea{font:inherit}img{max-width:100%;display:block}.site-header{z-index:20;background:#fbfbfae0;border-bottom:1px solid #e5e2dcb8;grid-template-columns:repeat(12,1fr);align-items:flex-start;padding:28px 38px 18px;display:grid;position:fixed;top:0;left:0;right:0}.brand-mark{background:var(--paper);border:1px solid var(--line);grid-column:1/3;justify-content:center;align-items:center;width:46px;height:46px;text-decoration:none;display:inline-flex;overflow:hidden}.brand-logo{object-fit:contain;width:46px;height:46px;display:block}.nav-groups{display:contents}.nav-group{flex-direction:column;gap:4px;display:flex}.nav-group:first-child{grid-column:6/8}.nav-group:last-child{grid-column:9/11}.nav-link,.nav-contact{color:#313131;font-size:1.12rem;line-height:1.12;text-decoration:none}.nav-link{position:relative}.nav-link-active:before{content:".";position:absolute;left:-14px}.nav-contact{grid-column:12/13;justify-self:end}.section{padding:118px 38px}.works-section{padding-top:164px}.section-heading{border-top:1px solid var(--line);grid-template-columns:repeat(12,1fr);padding-top:72px;display:grid}.section-label{color:var(--muted);text-transform:uppercase;margin:0 0 24px;font-size:.78rem;line-height:1}.section-heading .section-label{grid-column:1/4}.section-heading h2{font-family:var(--font-display);text-transform:uppercase;grid-column:1/11;margin:0;font-size:10rem;font-weight:400;line-height:.88}.section-caption{color:var(--muted);grid-column:9/13;align-self:end;margin:0 0 18px;font-size:1.05rem}.works-board{margin-top:76px}.filter-row{flex-wrap:wrap;gap:34px;margin-bottom:56px;display:flex}.filter-button{color:#838383;cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 8px;font-size:1.08rem}.filter-button[aria-selected=true]{border-color:var(--ink);color:var(--ink)}.works-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px;display:grid}.work-item{background:var(--paper);border:1px solid var(--line);min-width:0}.work-link{flex-direction:column;min-height:100%;padding:14px;text-decoration:none;display:flex}.project-visual{aspect-ratio:16/10;background:var(--paper);border:1px solid var(--line);position:relative;overflow:hidden}.visual-topbar{z-index:2;background:#fbfbfaf5;border-bottom:1px solid #0b0b0b1f;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex;position:relative}.visual-topbar span{background:#0b0b0b4d;border-radius:999px;flex:none;width:6px;height:6px}.visual-topbar p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 0 8px;font-size:.68rem;line-height:1;overflow:hidden}.website-preview-frame{height:calc(100% - 30px);position:relative;overflow:hidden}.website-preview-frame iframe{pointer-events:none;transform-origin:0 0;z-index:1;background:#fff;border:0;width:400%;height:400%;position:absolute;top:0;left:0;transform:scale(.25)}.preview-fallback{z-index:0;align-items:flex-end;padding:18px;display:flex;position:absolute;inset:0}.preview-fallback span{color:#0b0b0b9e;font-family:var(--font-display);text-transform:uppercase;font-size:2.3rem;line-height:.9}.visual-aviation{background:linear-gradient(135deg,#f7f5ef 0%,#d9d4ca 52%,#1e3944 52% 100%)}.visual-healthcare{background:linear-gradient(135deg,#f4f7f6 0%,#c8ddd7 55%,#2d6a4f 55% 100%)}.visual-food{background:linear-gradient(135deg,#fffaf0 0%,#dac6a4 50%,#533b2d 50% 100%)}.visual-yellow{background:linear-gradient(135deg,#fff9dc 0%,#e7c64a 56%,#292516 56% 100%)}.visual-matcha{background:linear-gradient(135deg,#f7f8ee 0%,#c9d6a6 50%,#43583a 50% 100%)}.visual-barbershop{background:linear-gradient(135deg,#f4f1ea 0%,#c7b8a0 54%,#1d1d1d 54% 100%)}.visual-smog{background:linear-gradient(135deg,#eef1ef 0%,#bdc8c1 52%,#313f38 52% 100%)}.visual-brand{background:linear-gradient(135deg,#f8f7f4 0%,#d8d0c4 50%,#4b3f53 50% 100%)}.visual-maison{background:linear-gradient(135deg,#faf8f3 0%,#d8c4ad 50%,#614236 50% 100%)}.work-meta{justify-content:space-between;align-items:start;margin-top:18px;display:flex}.work-index,.work-year,.work-subtitle,.work-summary,.tag-row{color:var(--muted)}.work-index{font-family:var(--font-display);margin:0 0 14px;font-size:1.9rem;line-height:1}.work-meta h3{font-family:var(--font-display);margin:0 0 10px;font-size:2rem;font-weight:400;line-height:1}.work-subtitle,.work-year,.work-summary{margin:0;font-size:.95rem}.work-summary{color:#303030;max-width:620px;margin-top:16px;line-height:1.7}.work-facts{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:0;margin:20px 0 0;display:grid}.work-facts div{padding:12px 0}.work-facts div+div{border-left:1px solid var(--line);padding-left:14px}.work-facts dt{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:.7rem}.work-facts dd{margin:0;font-size:.82rem}.tag-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag-row span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.78rem}.domain-section{background:var(--paper)}.domain-grid{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:78px;display:grid}.domain-item{border-top:1px solid var(--line);grid-template-columns:72px 1fr;gap:42px;min-height:328px;padding:58px 46px 52px 0;display:grid}.domain-item:nth-child(-n+2){border-top:0}.domain-item:nth-child(odd){border-right:1px solid var(--line)}.domain-item:nth-child(2n){padding-left:46px}.domain-number{font-family:var(--font-display);margin:0;font-size:3rem;line-height:1}.domain-title-line{flex-wrap:wrap;align-items:baseline;gap:18px;margin-bottom:46px;display:flex}.domain-title-line h3{font-family:var(--font-display);margin:0;font-size:3.3rem;font-weight:400;line-height:1}.domain-title-line span,.domain-item p{color:var(--muted)}.domain-title-line span{font-size:1.04rem}.domain-item h4{margin:0 0 12px;font-size:1.18rem;line-height:1.65}.domain-item p:last-child{margin:0;font-size:1rem;line-height:1.8}.about-section{background:var(--ink);color:var(--paper)}.about-grid{grid-template-columns:repeat(12,1fr);gap:44px;display:grid}.about-grid>div:first-child{grid-column:1/7}.about-copy{color:#ffffffc7;grid-column:8/13;font-size:1.15rem;line-height:1.9}.about-grid h2,.process-copy h2{font-family:var(--font-display);margin:0;font-size:5rem;font-weight:400;line-height:.98}.stack-cloud{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px;margin-top:72px;padding-top:48px;display:flex}.stack-cloud span{border:1px solid var(--ink);font-family:var(--font-display);border-radius:999px;padding:18px 24px 16px;font-size:2.4rem;line-height:1}.process-section{background:var(--paper);grid-template-columns:repeat(12,1fr);gap:72px;display:grid}.process-board{aspect-ratio:4/5;border:1px solid var(--line);background:linear-gradient(145deg,#f6f4ee 0%,#d8cfbd 52%,#253a32 52% 100%);grid-column:1/6;padding:28px;position:relative;overflow:hidden}.process-board-title{font-family:var(--font-display);text-transform:uppercase;max-width:280px;font-size:3.6rem;line-height:.9}.process-lanes{gap:10px;margin-top:46px;display:grid}.process-lanes span{color:#222;background:#ffffffc7;border:1px solid #0b0b0b14;padding:12px 14px;font-size:.86rem}.process-matrix{grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.process-matrix span{aspect-ratio:1;background:#ffffff38;border:1px solid #fff6}.process-copy{grid-column:7/13;align-self:center}.process-copy ol{border-top:1px solid var(--line);counter-reset:process;margin:48px 0 0;padding:0;list-style:none}.process-copy li{border-bottom:1px solid var(--line);counter-increment:process;padding:20px 0 20px 58px;font-size:1.08rem;line-height:1.65;position:relative}.process-copy li:before{color:var(--muted);content:counter(process,decimal-leading-zero);position:absolute;left:0}.contact-section{padding-bottom:90px}.contact-body{border-top:1px solid var(--line);grid-template-columns:repeat(12,1fr);align-items:end;gap:40px;margin-top:72px;padding-top:48px;display:grid}.contact-body p{color:#303030;grid-column:1/7;margin:0;font-size:1.3rem;line-height:1.75}.contact-button{border:1px solid var(--ink);font-family:var(--font-display);border-radius:999px;grid-column:8/13;justify-content:center;padding:26px 28px 22px;font-size:2.6rem;line-height:1;text-decoration:none;display:inline-flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:26px 38px;display:flex}.site-footer p{margin:0}.site-footer a{text-decoration:none}@media (hover:hover){.work-link:hover .project-visual{filter:contrast(1.05)}.work-link:hover .work-meta h3,.nav-link:hover,.nav-contact:hover,.site-footer a:hover{color:var(--accent-dark)}.contact-button:hover{background:var(--ink);color:var(--paper)}}@media (max-width:1200px){.section-heading h2{font-size:8rem}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-title-line h3{font-size:2.7rem}}@media (max-width:900px){.site-header{padding:20px}.brand-mark{grid-column:1/5}.brand-logo{width:46px;height:46px}.nav-group:first-child{grid-column:6/9}.nav-group:last-child{display:none}.nav-contact{grid-column:10/13}.section{padding-left:20px;padding-right:20px}.section-heading,.about-grid,.process-section,.contact-body{grid-template-columns:1fr}.section-heading .section-label,.section-heading h2,.section-caption,.about-grid>div:first-child,.about-copy,.process-board,.process-copy,.contact-body p,.contact-button{grid-column:auto}.section{padding-top:82px;padding-bottom:82px}.works-section{padding-top:136px}.section-heading{padding-top:48px}.section-heading h2{font-size:6rem}.section-caption{margin-top:16px}.works-board,.domain-grid,.stack-cloud,.contact-body{margin-top:48px}.works-grid{grid-template-columns:repeat(2,1fr)}.domain-grid{grid-template-columns:1fr}.domain-item,.domain-item:nth-child(2n){border-right:0;grid-template-columns:54px 1fr;min-height:0;padding:42px 0}.domain-item:nth-child(2){border-top:1px solid var(--line)}.domain-title-line{margin-bottom:26px}.about-grid h2,.process-copy h2{font-size:4rem}.process-section{gap:38px}.process-board{width:min(520px,100%)}.contact-button{justify-self:start}}@media (max-width:640px){body{background:var(--bg)}.site-header{align-items:center}.nav-groups{display:none}.nav-contact{grid-column:8/13;font-size:1rem}.section-heading h2{font-size:4.5rem}.filter-row{gap:18px;margin-bottom:38px}.filter-button{font-size:.95rem}.works-grid{grid-template-columns:1fr}.work-meta h3{font-size:2rem}.domain-item,.domain-item:nth-child(2n){display:block}.domain-number{margin-bottom:28px}.domain-title-line h3{font-size:2.3rem}.about-copy{font-size:1.02rem}.about-grid h2,.process-copy h2{font-size:3.2rem}.stack-cloud span{padding:12px 16px 10px;font-size:1.65rem}.contact-body p{font-size:1.05rem}.contact-button{width:100%;font-size:1.8rem}.site-footer{flex-direction:column;align-items:flex-start;gap:10px;padding:24px 20px}}@media (max-width:380px){.section-heading h2{font-size:3.8rem}.about-grid h2,.process-copy h2{font-size:2.8rem}}