:root{--grey:#676767;--dark:#303030;--line:#b8b8b8;--field:#f2f2f2;--pink:#f4c2c7;--sans:"Manrope","Century Gothic",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--grey);font:400 15px/1.5 var(--sans)}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:1000;left:10px;top:10px;padding:9px 12px;background:var(--dark);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.gallery-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;min-height:70px;padding:12px 3vw;background:#fffffff5;border-bottom:1px solid var(--line)}.gallery-header>a{font-size:1.05rem;letter-spacing:.035em;text-decoration:none}.gallery-header nav{display:flex;gap:24px;font:300 .66rem/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase}.gallery-header nav a{text-decoration:none}.gallery-header nav a:hover,.gallery-header nav a:focus-visible,.gallery-header nav .active{border-bottom:1px solid var(--grey)}.gallery-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.85fr);gap:clamp(40px,5vw,90px);max-width:1500px;margin:auto;padding:clamp(34px,5vw,78px) 3vw 100px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-work{position:relative;margin:0;scroll-margin-top:90px}.work-number{position:absolute;z-index:2;top:13px;left:13px;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--dark);border-radius:50%;background:#fff;color:var(--dark);font:400 .57rem/1 var(--mono)}.work-field{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--field);overflow:hidden}.work-field img{width:100%;height:100%;object-fit:contain}.gallery-work figcaption{padding:8px 1px 17px;font:300 .65rem/1.3 var(--mono);letter-spacing:.045em;text-transform:uppercase}.gallery-index{position:sticky;top:112px;align-self:start;padding-right:clamp(0px,2vw,30px)}.eyebrow{font:300 .6rem/1.3 var(--mono);letter-spacing:.1em}.gallery-index h1{margin:10px 0 12px;color:var(--dark);font-size:clamp(3.8rem,7vw,7.2rem);font-weight:300;line-height:.95;letter-spacing:-.065em}.gallery-intro{max-width:420px;margin:0 0 30px;font-size:.9rem}.gallery-index ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.gallery-index li{border-bottom:1px solid var(--line)}.gallery-index li a{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:baseline;padding:12px 0;text-decoration:none}.gallery-index li span,.gallery-index li small{font:300 .56rem/1.2 var(--mono);letter-spacing:.05em}.gallery-index li strong{color:var(--dark);font-size:.82rem;font-weight:400}.gallery-index li a:hover strong,.gallery-index li a:focus-visible strong{text-decoration:underline;text-underline-offset:4px}.enquire{display:inline-block;margin-top:30px;padding-bottom:5px;border-bottom:1px solid var(--grey);font:300 .62rem/1.3 var(--mono);letter-spacing:.07em;text-decoration:none;text-transform:uppercase}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 3vw;border-top:1px solid var(--line);font:300 .55rem/1.4 var(--mono);letter-spacing:.08em}footer a{text-decoration:none}@media(max-width:900px){.gallery-layout{grid-template-columns:1fr}.gallery-index{position:static;grid-row:1}.gallery-grid{grid-row:2}.gallery-header nav{gap:14px}}@media(max-width:640px){.gallery-header{align-items:flex-start;padding:16px}.gallery-header>a{font-size:.87rem}.gallery-header nav{display:grid;grid-template-columns:repeat(2,auto);gap:7px 16px}.gallery-layout{padding:30px 16px 70px}.gallery-grid{grid-template-columns:1fr}.gallery-index h1{font-size:4.3rem}.gallery-index li a{grid-template-columns:28px 1fr}.gallery-index li small{display:none}footer{flex-direction:column;padding:22px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
