:root{--paper:#f5f7fb;--ink:#202c3c;--muted:#58677c;--line:#d2dce9;--accent:#3265a3;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.site-header,main,footer{max-width:1280px;margin:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:700 27px var(--serif);letter-spacing:-1px}.dot{color:var(--accent)}nav{display:flex;gap:38px;font-size:13px}nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.hero{padding:70px 0 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:12px}.small-line{display:block;width:30px;height:1px;background:var(--accent)}h1,h2,h3,p{margin:0}h1{font:normal clamp(64px,7.8vw,110px)/1.05 var(--serif);letter-spacing:-5px;margin:34px 0 38px}em{font-weight:normal;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:62px}.hero-bottom p{font-size:17px;color:var(--muted);line-height:1.7}.round-link{display:flex;align-items:center;gap:25px;font-size:13px}.circle{width:52px;height:52px;border:1px solid #839bb9;display:grid;place-items:center;border-radius:50%;font-size:24px;transition:background .2s}.round-link:hover .circle{background:#e2ebf7}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;font-size:9px;letter-spacing:2px;color:var(--muted)}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px}h2{font:normal 54px/1.1 var(--serif);letter-spacing:-2px;margin-top:20px}.section-heading p{color:var(--muted);font-size:13px}.filters{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:32px}.filters button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;font-size:12px;color:var(--muted)}.filters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.filters span{font-size:9px;margin-left:5px}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px 36px}.project[hidden]{display:none}.sample-button{display:block;text-align:left;width:100%;border:0;background:none;padding:0;cursor:pointer}.art{height:365px;position:relative;overflow:hidden;padding:30px;transition:filter .2s}.sample-button:hover .art{filter:brightness(.95)}.art-label,.art-foot{position:absolute;font-size:8px;letter-spacing:2px}.art-label{top:26px;left:30px}.art-foot{bottom:26px;left:30px}.art-number{position:absolute;bottom:16px;right:25px;font:italic 32px var(--serif);opacity:.6}.art-editorial{background:#dce8f6;color:#254873}.art-title{position:absolute;top:74px;left:44px;font:72px/.97 var(--serif);letter-spacing:-3px}.art-editorial:after{content:'';position:absolute;border:1px solid #829fc2;width:225px;height:290px;border-radius:50%;right:-60px;top:37px;transform:rotate(30deg)}.art-content{background:#e5edf7;color:#34516e}.type-stack{position:absolute;left:33px;top:110px;font:51px/1.05 var(--serif);letter-spacing:-2px}.type-stack:after{content:'';width:94%;position:absolute;height:1px;background:#8ba3be;left:0;bottom:-23px;transform:rotate(-4deg)}.project-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px;margin:22px 0 12px;align-items:center}.placeholder{font-size:8px;letter-spacing:1px;color:#526a86;border:1px solid #c3d2e4;padding:4px 6px;display:inline-block;line-height:1.4}h3{font:normal 25px/1.25 var(--serif);letter-spacing:-.4px}h3 span{float:right;font:22px Arial}.project p{font-size:13px;line-height:1.8;color:var(--muted);max-width:440px;margin-top:12px}.wide{grid-column:1/-1}.wide .sample-button{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.art-copy{background:#244b78;color:#eef5ff;height:280px}.copy-title{position:absolute;left:35px;top:68px;font:53px/1.03 var(--serif);letter-spacing:-1.5px}.project-info{padding:0 10px 0 0}.project-info .project-meta{margin-top:0}.text-link{display:inline-block;margin-top:30px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.text-link span{margin-left:20px}.work-note{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-top:40px;color:var(--muted);font-size:11px}.work-note>span{font-size:22px;line-height:1}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:36px}.about h2{font-size:62px}.monogram{margin-top:50px;font:100px var(--serif);color:#7896bb;display:flex;align-items:center;gap:24px}.monogram span{max-width:90px;font:8px/1.8 Arial;letter-spacing:1.5px;color:var(--muted)}.about-copy{padding-top:10px}.about-copy h3{font-size:29px;margin-top:20px}.about-copy p{color:var(--muted);margin-top:20px;font-size:14px;line-height:1.9}.detail-row{display:flex;gap:20px;border-top:1px solid var(--line);padding:13px 0;font-size:12px}.detail-row:first-of-type{margin-top:32px}.detail-row span:first-child{width:110px;flex-shrink:0;letter-spacing:1px;font-size:9px}.detail-row span:last-child{color:var(--muted)}.contact{border-top:1px solid var(--line);padding-bottom:100px}.contact-main{display:flex;justify-content:space-between;align-items:center;gap:45px}.contact h2{font-size:77px}.contact-copy{padding-top:30px;width:40%}.contact-copy p{font-size:14px;color:var(--muted)}.email-placeholder{display:block;font:26px var(--serif);border-bottom:1px solid var(--line);padding:22px 0 12px}.email-placeholder>span{float:right}.contact-note{display:block;font-size:8px;letter-spacing:1.4px;margin-top:12px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0 38px;font-size:10px;color:var(--muted)}footer .wordmark{color:var(--ink);font-size:24px}.skip{position:fixed;top:-80px;left:15px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);width:min(620px,calc(100% - 32px));padding:48px;max-height:85vh}dialog::backdrop{background:#182b46b3}dialog h2{font-size:38px;margin:20px 0}dialog p,dialog dd{font-size:14px;color:var(--muted)}dialog dt{font-size:12px;font-weight:bold;margin-top:20px}dialog dd{margin:5px 0}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px;cursor:pointer;padding:0 8px}.dialog-note{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}@media(min-width:1440px){.site-header,main,footer{max-width:1180px}}@media(max-width:1380px){.site-header,main,footer{margin-left:7%;margin-right:7%}}@media(max-width:760px){.site-header{height:88px}.wordmark{font-size:24px}nav{gap:18px;font-size:11px}.hero{padding-top:48px}h1{font-size:64px;letter-spacing:-3px}.hero-bottom{gap:25px;align-items:start;padding-bottom:45px}.hero-bottom p{font-size:14px}.round-link{gap:12px;font-size:11px}.circle{width:38px;height:38px;flex-shrink:0}.section{padding:60px 0}.section-heading{display:block}.section-heading p{margin-top:20px}h2{font-size:44px}.work-grid{grid-template-columns:1fr}.wide{grid-column:auto}.wide .sample-button{display:block}.art{height:340px}.project-info{padding:0}.project-info .project-meta{margin-top:22px}.art-copy{height:300px}.about{grid-template-columns:1fr;gap:32px}.about h2{font-size:52px}.monogram{display:none}.contact-main{display:block}.contact h2{font-size:62px}.contact-copy{width:100%;margin-top:20px}footer{gap:20px;flex-wrap:wrap}footer>span{display:none}.contact{padding-bottom:65px}}@media(max-width:430px){nav{gap:13px}nav a:last-child{font-size:0}nav a:last-child span{font-size:18px}h1{font-size:52px;letter-spacing:-2.8px}.hero-bottom{flex-direction:column}.round-link{align-self:flex-end}.art{height:300px}.art-title{font-size:66px}.type-stack{font-size:48px;top:90px}.project-meta{font-size:8px}.placeholder{font-size:7px}.filters{gap:22px}.filters button{font-size:11px}.about h2{font-size:49px}dialog{padding:35px 25px}dialog h2{font-size:31px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}