:root{--ink:#292a2d;--paper:#f5f4f0;--white:#fff;--muted:#696b70;--line:#d9d7d0;--accent:#8d5c49;--blue:#244d68;--dark:#23272b;--max:1240px;--display:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.5}button{font:inherit;color:inherit}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(245,244,240,.95);backdrop-filter:blur(12px)}.brand img{width:178px}.site-header nav{display:flex;gap:34px;font-size:13px;font-weight:700}.site-header nav a:hover,.text-link:hover,.header-cta:hover{color:var(--accent)}.header-cta{justify-self:end;font-weight:700;font-size:13px}.header-cta span{font-size:17px}.hero{min-height:calc(100vh - 82px);max-width:var(--max);margin:auto;padding:6vw 4vw 5vw;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow,.proof-label,.tag{font-size:11px;letter-spacing:.13em;font-weight:700}.eyebrow{margin:0 0 18px}.hero h1{font-family:var(--display);font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:800px}.hero h1 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--accent)}.hero-lede{font-size:20px;max-width:640px;margin:30px 0}.hero-actions{display:flex;gap:26px;align-items:center}.button{display:inline-flex;gap:20px;padding:14px 20px;font-weight:700;font-size:13px}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--blue)}.text-link{font-weight:700;font-size:13px}.hero-right{position:relative;z-index:2;justify-self:end;width:min(100%,520px)}.hero-photo-slot{position:relative;min-height:420px}.photo-frame{position:absolute;right:0;top:0;width:72%;height:84%;background:#e8e6df;border:1px solid var(--line);overflow:hidden;box-shadow:20px 20px 0 rgba(39,40,43,.055)}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.photo-card{position:absolute;left:0;bottom:5%;width:76%;background:white;border:1px solid var(--line);padding:28px 30px;transform:rotate(-2deg);box-shadow:0 20px 50px rgba(39,40,43,.1)}.photo-card img{width:100%}.mark-caption{display:flex;justify-content:center;gap:10px;margin-top:10px;font-size:10px;letter-spacing:.18em}.mark-caption b{color:var(--accent)}.hero-bg{position:absolute;inset:0;pointer-events:none}.pixel-field{position:absolute;width:55%;height:70%;right:-4%;top:5%;background-image:linear-gradient(rgba(39,40,43,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(39,40,43,.07) 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(circle at 70% 50%,black 0,transparent 72%)}.hero-gridline{position:absolute;right:43%;top:4%;height:88%;width:1px;background:var(--line)}.hero-bg img{position:absolute;width:54px;opacity:.13;filter:grayscale(1)}.hero-bg img:nth-of-type(1){right:4%;top:12%}.hero-bg img:nth-of-type(2){right:29%;top:8%;width:46px}.hero-bg img:nth-of-type(3){right:9%;bottom:14%;width:72px}.hero-bg img:nth-of-type(4){right:37%;bottom:10%;width:44px}.hero-bg img:nth-of-type(5){left:5%;bottom:8%;width:42px}.proof-grid{max-width:var(--max);margin:auto;padding:0 4vw 7vw;display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid article{padding:25px 22px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--dark);color:#f8f7f2}.proof-grid article:first-child{border-left:1px solid var(--line)}.proof-grid strong{font-family:var(--display);font-size:18px;line-height:1.2;display:block;margin:12px 0}.proof-grid p{font-size:13px;color:#b8babd;margin:0}.proof-label{color:#d39c82}.section{max-width:var(--max);margin:auto;padding:110px 4vw}.section-heading{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:end;margin-bottom:46px}.section h2{font-family:var(--display);font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.04em;margin:0}.section-intro{font-size:16px;color:var(--muted);max-width:460px;margin:0}.featured-work{display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:auto auto;gap:22px}.work-card{display:block;text-align:left;border:0;background:transparent;padding:0;cursor:pointer}.work-card-large{grid-row:span 2}.image-wrap{background:#e8e6df;overflow:hidden;aspect-ratio:4/3}.work-card-large .image-wrap{aspect-ratio:1.42/1}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover img{transform:scale(1.025)}.card-meta{display:flex;justify-content:space-between;margin-top:14px;font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--muted)}.work-card h3{font-family:var(--display);font-size:25px;line-height:1.08;margin:10px 0 7px}.work-card p,.work-row p{color:var(--muted);font-size:14px;margin:0}.card-link{display:block;font-size:12px;font-weight:700;margin-top:14px}.work-list{margin-top:55px;border-top:1px solid var(--line)}.work-row{width:100%;display:grid;grid-template-columns:55px 1fr 40px;gap:20px;text-align:left;padding:28px 0;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer}.work-row:hover h3{color:var(--accent)}.row-number{font-family:var(--display);font-size:13px;color:var(--muted)}.work-row h3{font-family:var(--display);font-size:26px;line-height:1.1;margin:7px 0}.row-arrow{justify-self:end;font-size:22px}.more-work{margin-top:100px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start}.more-work h3{font-family:var(--display);font-size:28px;line-height:1.05;margin:8px 0}.mini-work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-work-grid button{border:0;padding:0;background:none;text-align:left;cursor:pointer}.mini-work-grid img{aspect-ratio:1/1;object-fit:cover;background:#e5e3dc}.mini-work-grid span{display:block;font-size:11px;font-weight:700;margin-top:8px}.approach{background:var(--white);max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw));display:grid;grid-template-columns:1fr 1fr;gap:9vw}.approach-copy{max-width:630px}.approach-copy h2{font-size:clamp(40px,4.5vw,62px);margin-bottom:30px}.approach-copy p{font-size:17px;color:#555;max-width:590px}.approach-visual{display:flex;align-items:center;justify-content:center;position:relative;min-height:450px}.mini-process{width:100%;max-width:440px;border-top:1px solid var(--line)}.mini-process div{display:grid;grid-template-columns:55px 1fr;padding:17px 0;border-bottom:1px solid var(--line)}.mini-process span{font-size:11px;color:var(--accent);font-weight:700}.mini-process b{font-family:var(--display);font-size:22px}.approach-icon{position:absolute;width:130px;opacity:.12;right:4%;bottom:3%}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:12vw}.about-copy{max-width:700px}.about-copy .lead{font-family:var(--display);font-size:30px;line-height:1.15;margin-top:0}.about-copy p:not(.lead){color:var(--muted);font-size:17px}.about details{margin:28px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about summary{cursor:pointer;padding:16px 0;font-weight:700;font-size:14px}.story-expanded{padding:0 0 12px}.story-expanded p{margin:12px 0}.visual-proof{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#ebeae4;max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw))}.visual-proof-copy{max-width:500px}.visual-proof h2{font-size:48px;margin-bottom:22px}.visual-proof p:not(.eyebrow){color:var(--muted)}.icon-strip{display:flex;gap:14px;margin-top:35px;flex-wrap:wrap}.icon-strip img{width:38px;height:38px;opacity:.68}.system-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.system-images img{background:white;border:1px solid var(--line)}.quote-section{max-width:var(--max);padding-top:100px;padding-bottom:120px}.quote-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.quote-heading .eyebrow{margin:0}.quote-heading h2{font-family:var(--display);font-size:clamp(34px,4vw,56px);line-height:1;letter-spacing:-.04em;margin:0;text-align:right}.quote-heading h2 em{font-style:normal;color:var(--accent)}.testimonial-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:16px;align-items:stretch}.testimonial{border:1px solid var(--line);background:white;padding:34px 30px 32px;display:flex;flex-direction:column;min-height:330px}.testimonial-featured{background:var(--dark);color:#f8f7f2;border-color:var(--dark);min-height:390px}.testimonial .quote-mark{font-family:Georgia,serif;font-size:78px;line-height:.45;color:var(--accent);margin-bottom:20px}.testimonial blockquote{font-family:var(--display);font-size:clamp(24px,2.25vw,34px);line-height:1.08;letter-spacing:-.03em;margin:0 0 30px}.testimonial:not(.testimonial-featured) blockquote{font-size:clamp(21px,1.8vw,29px)}.testimonial .quote-note{color:var(--muted);font-size:12px;line-height:1.45;margin-top:auto}.testimonial-featured .quote-note{color:#b8babd}.testimonial .quote-note strong{color:inherit;font-size:13px}@media (max-width:900px){.quote-heading{display:block}.quote-heading h2{text-align:left;margin-top:22px}.testimonial-grid{grid-template-columns:1fr}.testimonial,.testimonial-featured{min-height:auto}.testimonial blockquote,.testimonial:not(.testimonial-featured) blockquote{font-size:30px}}.contact{background:var(--ink);color:white;padding:120px max(4vw,calc((100vw - var(--max))/2 + 4vw)) 30px;position:relative;overflow:hidden}.contact h2{font-family:var(--display);font-size:clamp(50px,7vw,96px);line-height:.93;letter-spacing:-.05em;margin:0 0 50px;position:relative;z-index:1}.contact .eyebrow{color:#aaa}.contact-email{font-size:20px;font-weight:600;border-bottom:1px solid #666;padding-bottom:7px;position:relative;z-index:1}.contact-footer{border-top:1px solid #4b4c4f;margin-top:110px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr auto;font-size:11px;color:#aaa;position:relative;z-index:1}.contact-footer a:hover{color:white}.contact-art{position:absolute;right:8%;top:18%;width:280px;height:280px;opacity:.15}.contact-art img{position:absolute;width:90px}.contact-art img:nth-child(1){right:0;top:0}.contact-art img:nth-child(2){left:30px;bottom:20px;width:120px}.contact-art img:nth-child(3){right:70px;bottom:0}.modal{position:fixed;inset:0;display:none;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(20,21,22,.76);backdrop-filter:blur(5px)}.modal-panel{position:absolute;inset:4vh 4vw;max-width:1160px;margin:auto;background:var(--paper);overflow:auto;padding:65px clamp(24px,5vw,72px) 80px}.modal-close{position:fixed;right:5vw;top:5vh;border:0;background:var(--ink);color:white;width:42px;height:42px;border-radius:50%;font-size:28px;cursor:pointer;z-index:3}.modal-kicker{color:var(--accent);font-size:11px;letter-spacing:.14em;font-weight:700}.modal h2{font-family:var(--display);font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.04em;margin:12px 0 20px}.modal-intro{font-size:19px;max-width:780px;color:#555}.modal-proof{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 40px}.modal-proof span{font-size:11px;font-weight:700;padding:8px 11px;background:white;border:1px solid var(--line)}.story{max-width:820px;font-size:16px}.story p{color:#4f5054}.modal-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:45px}.gallery-item{background:white}.modal-gallery img{width:100%;background:white;border:1px solid var(--line)}.modal-gallery .wide{grid-column:1/-1}.modal-caption{font-size:11px;color:var(--muted);padding:7px 9px}.doc-link{display:block;margin-top:9px;font-size:11px;font-weight:700;color:var(--accent)}.modal-next{border-top:1px solid var(--line);margin-top:55px;padding-top:20px;font-size:12px;font-weight:700}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.hero-right{justify-self:start;margin-top:45px;width:min(100%,540px)}.hero-gridline{display:none}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid article:first-child{border-left:0}.section-heading,.about,.visual-proof,.approach{grid-template-columns:1fr;gap:35px}.featured-work{grid-template-columns:1fr}.work-card-large{grid-row:auto}.mini-work-grid{grid-template-columns:1fr 1fr}.system-images{grid-template-columns:1fr}.contact-footer{grid-template-columns:1fr;gap:8px}.contact-art{right:-30px;top:8%;transform:scale(.75)}}
@media(max-width:600px){.site-header{height:70px;padding:0 20px}.brand img{width:140px}.header-cta{font-size:12px}.hero{padding:52px 20px}.hero h1{font-size:48px}.hero-lede{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-photo-slot{min-height:320px}.proof-grid{padding:0 20px 50px;grid-template-columns:1fr}.proof-grid article{border-left:0!important}.section{padding:75px 20px}.section h2{font-size:43px}.work-row{grid-template-columns:34px 1fr 20px;gap:10px}.work-row h3{font-size:22px}.more-work{grid-template-columns:1fr;gap:25px}.mini-work-grid{grid-template-columns:1fr 1fr}.modal-panel{inset:0;padding:75px 20px 50px}.modal-gallery{grid-template-columns:1fr}.modal-gallery .wide{grid-column:auto}.modal-close{right:18px;top:15px}.contact{padding:80px 20px 25px}.contact h2{font-size:52px}}