:root{--paper:#f5f2eb;--ink:#252b2b;--muted:#62645e;--line:#cecec5;--gutter:clamp(24px,5.3vw,100px);--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b77650;outline-offset:7px}::selection{background:#c57e66;color:#fff}p{line-height:1.65}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(42px,4.8vw,78px);font-weight:400;letter-spacing:-.045em;line-height:1.08}h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}a{transition:opacity .25s}a:hover{opacity:.68}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.16em;line-height:1.5}.skip{position:fixed;left:20px;top:-80px;z-index:10;background:var(--paper);padding:14px}.skip:focus{top:20px}.hero{position:relative;isolation:isolate;min-height:740px;height:96svh;max-height:1200px;overflow:hidden;color:white;background:#182332}.colour-field{position:absolute;inset:-40%;background:url('assets/colour-field.jpg') center 53%/cover;animation:field-flow 60s ease-in-out -15s infinite alternate;will-change:transform;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,16,35,.3),rgba(7,20,32,.04) 46%,rgba(4,13,26,.72));z-index:-2}.site-header{display:flex;align-items:center;justify-content:space-between;padding:34px var(--gutter);position:relative;z-index:2}.small-brand{font-size:17px;font-weight:600;letter-spacing:-.04em}.small-brand span{font-weight:300;margin:0 5px;opacity:.65}nav{display:flex;gap:38px;font-size:12px}nav a{padding:9px 0}.wordmark{text-align:center;margin:clamp(30px,7vh,100px) auto 0;width:calc(100% - var(--gutter)*2)}.wordmark h1{font-size:clamp(54px,13.2vw,240px);font-weight:750;line-height:.9;letter-spacing:-.05em;transform:translateX(-.025em)}.wordmark p{font-size:clamp(12px,2.05vw,32px);letter-spacing:.38em;margin-top:22px;padding-left:.38em}.hero-bottom{position:absolute;bottom:90px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between}.hero-caption p{font-size:13px;margin-top:8px}.hero-bottom h2{font-size:clamp(48px,5.7vw,92px);max-width:480px}.explore{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #ffffff70;padding-bottom:12px;margin-top:48px;font-size:12px}.explore span{font-size:20px}.section-pad{padding:90px var(--gutter)}.section-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:70px}.studio{padding-top:90px;padding-bottom:100px}.studio-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:9vw}.studio-copy{max-width:480px;padding-top:5px}.studio-copy .lead{font-size:21px;line-height:1.5;letter-spacing:-.015em}.studio-copy>p+p{font-size:15px;color:var(--muted);margin-top:25px}.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:13px}.studio-copy .text-link{margin-top:30px}.practice{padding-top:95px;padding-bottom:110px}.practice-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:9vw}.practice-intro{font-size:14px;color:var(--muted);max-width:290px;margin-top:26px}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:35px 1fr 16px;align-items:center;gap:12px;padding:26px 0}summary::-webkit-details-marker{display:none}.service-no{font-size:10px;color:var(--muted)}summary h3{font-size:clamp(20px,2vw,30px);font-weight:400;letter-spacing:-.03em}.plus{position:relative;width:14px;height:14px}.plus:before,.plus:after{content:'';position:absolute;top:6px;left:0;width:14px;height:1px;background:currentColor}.plus:after{transform:rotate(90deg);transition:transform .25s}details[open] .plus:after{transform:rotate(0deg)}.service-content{padding:0 25px 30px 47px}.service-content p{color:var(--muted);font-size:14px}.service-tags{display:block;margin-top:22px;font-size:10px;line-height:1.6;color:#555d58}.contact{position:relative;isolation:isolate;background:#171b1d;color:#fff;overflow:hidden;padding-top:65px;padding-bottom:55px}.contact-texture{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,15,19,.76),rgba(9,15,19,.64)),url('assets/monochrome-field.jpg') center 55%/cover}.contact .section-top{margin-bottom:70px}.contact h2{font-size:clamp(45px,6.4vw,100px)}.email-link{font-size:clamp(18px,2vw,30px);display:inline-flex;gap:50px;padding-bottom:16px;margin-top:42px;border-bottom:1px solid #ffffff80;letter-spacing:-.02em}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:85px}.contact-bottom p{font-size:12px;color:#d6d8d5}.contact .text-link{border-color:#ffffff50}footer{padding:34px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:22px;font-weight:750;letter-spacing:-.065em}.footer-brand span{display:block;font-size:7px;letter-spacing:.32em;font-weight:400;text-align:center;margin-top:5px}.back-top,footer p{font-size:10px;color:var(--muted)}
@media(min-width:1800px){.section-pad{padding-left:max(var(--gutter),calc((100vw - 1600px)/2));padding-right:max(var(--gutter),calc((100vw - 1600px)/2))}}
@media(max-width:850px){.hero{min-height:680px;height:90svh}.wordmark{margin-top:80px}.hero-bottom{bottom:90px}.hero-bottom h2{font-size:58px}.studio-grid{gap:6vw}.studio-copy .lead{font-size:18px}.section-top{margin-bottom:45px}.practice-grid{grid-template-columns:1fr;gap:45px}.practice-intro{max-width:420px}.section-pad{padding-top:65px;padding-bottom:65px}.studio-grid h2{font-size:46px}}
@media(max-width:600px){.hero{height:92svh;min-height:650px;max-height:950px}.site-header{padding-top:22px}nav{gap:22px;font-size:11px}.small-brand{font-size:15px}.wordmark{margin-top:65px;width:calc(100% - 40px)}.wordmark h1{font-size:13.8vw}.wordmark p{font-size:12px;margin-top:18px;letter-spacing:.3em}.hero-bottom{bottom:75px;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:30px}.hero-bottom h2{font-size:58px;line-height:1.02}.hero-caption{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center}.hero-caption .eyebrow{font-size:8px}.hero-caption p{font-size:11px;grid-column:1}.explore{font-size:10px;margin-top:0;grid-row:1/3;grid-column:2;gap:14px;padding-bottom:7px}.section-top{margin-bottom:38px}.section-top>.eyebrow:last-child{max-width:150px;text-align:right;font-size:8px}.studio-grid{grid-template-columns:1fr;gap:30px}.studio-grid h2{font-size:47px}.studio-copy .lead{font-size:20px}.studio-copy>p+p{font-size:14px}.practice-grid{gap:35px}.practice h2{font-size:49px}summary{grid-template-columns:25px 1fr 14px;gap:10px;padding:24px 0}summary h3{font-size:24px}.service-content{padding-left:35px;padding-right:10px}.service-tags{font-size:9px}.contact .section-top{margin-bottom:50px}.contact h2{font-size:45px}.email-link{gap:25px;font-size:21px}.contact-bottom{margin-top:55px;align-items:flex-start;gap:32px;flex-direction:column}.contact-bottom p{font-size:12px}footer{flex-wrap:wrap;gap:24px}.footer-brand{font-size:21px}footer p{order:3;width:100%;font-size:9px}.back-top{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.colour-field{will-change:auto}}

[hidden]{display:none!important}

/* Independent colour layers make the artwork feel fluid while the type stays still. */
.colour-field::after{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(ellipse at 25% 65%,rgba(255,188,112,.62),transparent 43%),radial-gradient(ellipse at 75% 30%,rgba(49,94,174,.48),transparent 46%);mix-blend-mode:soft-light;animation:light-flow 48s ease-in-out -12s infinite alternate;will-change:transform,opacity}
@keyframes field-flow{0%{transform:translate3d(-16%,-8%,0) rotate(-5deg) scale(1.08)}50%{transform:translate3d(0%,6%,0) rotate(0deg) scale(1.14)}100%{transform:translate3d(16%,-4%,0) rotate(5deg) scale(1.08)}}
@keyframes light-flow{from{transform:translate3d(-12%,8%,0) scale(.95);opacity:.65}to{transform:translate3d(14%,-10%,0) scale(1.2);opacity:1}}
@media(prefers-reduced-motion:reduce){.colour-field,.colour-field::after{animation:none!important;will-change:auto}.colour-field{transform:scale(1.05)}}

.atmosphere{background:#e9e6de;padding-top:75px;padding-bottom:55px}
.atmosphere-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:8vw;align-items:end;margin-bottom:48px}
.atmosphere-intro h2{margin-top:25px;font-size:clamp(44px,5.2vw,80px)}
.atmosphere-intro>p{max-width:390px;justify-self:end;font-size:16px;color:var(--muted);padding-bottom:5px}
.atmosphere-photo img{display:block;width:100%;height:auto;background:#b58d6d}
.atmosphere-photo figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#62645e;font-size:10px;letter-spacing:.025em;line-height:1.5}
@media(max-width:600px){.atmosphere{padding-top:55px;padding-bottom:35px}.atmosphere-intro{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.atmosphere-intro h2{font-size:46px;margin-top:20px}.atmosphere-intro>p{font-size:14px;justify-self:start;max-width:100%}.atmosphere-photo{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}.atmosphere-photo figcaption{padding:0 var(--gutter);font-size:9px;gap:15px}}

.closing-photo{margin:0;width:100%;background:#d7d0c4}.closing-photo img{display:block;width:100%;height:auto}
.hero{height:auto;min-height:0;max-height:none;padding-bottom:clamp(100px,12vw,180px)}