:root{--paper:#f3f1ec;--ink:#161616;--stone:#8a867f;--line:#1616161f;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--gutter:clamp(20px, 4.5vw, 64px);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;margin:0}img{object-fit:cover;width:100%;height:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}em{font-family:var(--serif);font-style:italic;font-weight:400}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.label{font:500 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--stone)}.top{z-index:20;padding:22px var(--gutter);color:#fff;text-shadow:0 1px 12px #00000059;transition:background .4s var(--ease), color .4s var(--ease), padding .4s var(--ease);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.top.is-solid{color:var(--ink);text-shadow:none;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f3f1ece6;padding-top:16px;padding-bottom:16px}.name{font:500 15px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}.top nav{gap:28px;font-size:14px;display:flex}.top nav a{opacity:.85}.top nav a:hover{opacity:1}.hero{color:#fff;background:#2b3540;height:100svh;min-height:560px;position:relative;overflow:hidden}.hero__img{will-change:transform;position:absolute;inset:0;transform:scale(1.04)}.hero:after{content:"";background:linear-gradient(#0000002e 0%,#0000 30% 55%,#0000006b 100%);position:absolute;inset:0}.hero__copy{left:var(--gutter);z-index:1;position:absolute;bottom:clamp(48px,9vh,96px)}.hero .label{color:#fffc;margin-bottom:22px}.hero h1{font:400 clamp(54px, 8.4vw, 132px) / .92 var(--serif);letter-spacing:-.02em}.hero__caption{right:var(--gutter);z-index:1;opacity:.85;font-size:13px;position:absolute;bottom:clamp(48px,9vh,96px)}.hero__caption span{opacity:.6;margin-right:10px}.intro{padding:clamp(96px, 14vw, 200px) var(--gutter);justify-content:center;display:flex}.intro p{max-width:26ch;font:400 clamp(30px, 3.6vw, 52px) / 1.16 var(--serif);text-align:center;letter-spacing:-.01em}.intro em{color:var(--stone)}.work{padding:0 var(--gutter) clamp(96px, 12vw, 180px)}.work__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:40px;padding-bottom:24px;display:flex}h2{font:400 clamp(38px, 4.4vw, 64px) / 1 var(--serif);letter-spacing:-.015em}.grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:clamp(16px,2vw,28px);display:grid}.tile figcaption{justify-content:space-between;gap:12px;padding-top:14px;font-size:14px;display:flex}.tile figcaption span{font:500 22px/1 var(--serif);font-style:italic}.tile figcaption i{color:var(--stone);font-style:normal}.tile__btn{cursor:zoom-in;background:#ddd8cf;border:0;width:100%;padding:0;display:block;overflow:hidden}.tile__btn img{transition:transform 1.2s var(--ease), filter .6s}.tile__btn:hover img{transform:scale(1.035)}.tile--a{grid-column:1/span 5}.tile--a .tile__btn{aspect-ratio:4/5}.tile--b{grid-column:7/span 6;margin-top:18vh}.tile--b .tile__btn{aspect-ratio:3/2}.tile--c{grid-column:2/span 6;margin-top:6vh}.tile--c .tile__btn{aspect-ratio:3/2}.tile--d{grid-column:9/span 4;margin-top:-6vh}.tile--d .tile__btn{aspect-ratio:4/5}.tile--e{grid-column:1/span 4;margin-top:6vh}.tile--e .tile__btn{aspect-ratio:2/3}.tile--quote{grid-column:6/span 6;align-self:center}.tile--quote p{font:400 clamp(26px, 2.6vw, 40px) / 1.2 var(--serif);color:var(--stone);font-style:italic}.about{padding:clamp(96px, 12vw, 180px) var(--gutter);background:var(--ink);color:var(--paper)}.about .label{margin-bottom:32px}.about__cols{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,7vw,120px);display:grid}.about h2 em{color:var(--stone)}.about__text p{color:#cfcac2;max-width:44ch;font-size:18px}.clients{border-top:1px solid #f3f1ec29;margin:36px 0 0;padding:0;list-style:none}.clients li{font:400 22px/1.2 var(--serif);border-bottom:1px solid #f3f1ec29;padding:14px 0}.commissions{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.com{padding:clamp(40px, 5vw, 72px) var(--gutter);align-content:start;gap:14px;display:grid}.com+.com{border-left:1px solid var(--line)}.com__n{color:var(--stone);font-size:13px}.com h3{font:400 34px/1 var(--serif)}.com p{color:#55524c;max-width:34ch}.com b{letter-spacing:.14em;text-transform:uppercase;margin-top:10px;font-size:13px;font-weight:500}.contact{padding:clamp(96px, 14vw, 200px) var(--gutter);text-align:center}.contact__big{font:400 clamp(56px, 10vw, 160px) / .95 var(--serif);letter-spacing:-.03em;margin-top:28px;transition:opacity .3s;display:inline-block}.contact__big span{font-family:var(--sans);vertical-align:middle;transition:transform .5s var(--ease);font-size:.45em;display:inline-block}.contact__big:hover span{transform:translate(14px)}.contact__note{color:var(--stone);margin-top:28px;font-size:14px}.foot{padding:28px var(--gutter) 84px;border-top:1px solid var(--line);color:var(--stone);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;display:flex}.lightbox{z-index:100;opacity:0;transition:opacity .35s var(--ease);background:#101010f0;place-items:center;padding:5vh 5vw;display:grid;position:fixed;inset:0}.lightbox.is-open{opacity:1}.lightbox img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:90vh}.lightbox__close{color:#f3f1ec;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-size:14px;position:absolute;top:20px;right:24px}@media (width<=860px){.top nav{gap:18px}.top nav a:nth-child(n+2):not(:last-child),.hero__caption{display:none}.grid{grid-template-columns:1fr 1fr}.tile--a,.tile--b,.tile--c,.tile--d,.tile--e,.tile--quote{grid-column:auto;margin-top:0}.tile--b,.tile--c,.tile--quote{grid-column:1/-1}.about__cols,.commissions{grid-template-columns:1fr}.com+.com{border-left:0;border-top:1px solid var(--line)}}@media (width<=600px){.grid{grid-template-columns:1fr}.work__head{flex-direction:column;align-items:start}}