:root{--ink:#27231f;--paper:#e9e2d3;--paper-deep:#d7cbb8;--clay:#9b5f43;--clay-light:#bd7c58;--bone:#f0eadf;--moss:#626451;--line:rgba(39,35,31,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.site-header{height:96px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:absolute;top:0;z-index:10;width:100%}.brand{display:flex;align-items:center;gap:13px;width:max-content;font:400 10px/1.15 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.brand-mark{width:39px;height:39px;border:1px solid;display:grid;place-items:center;font-family:Italiana,serif;font-size:14px;letter-spacing:0}.site-header nav{display:flex;gap:38px;font:400 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.09em}.site-header nav a,.footer-links a{position:relative}.site-header nav a:after,.footer-links a:after{content:"";position:absolute;height:1px;background:currentColor;bottom:-5px;left:0;width:0;transition:.3s}.site-header nav a:hover:after,.footer-links a:hover:after{width:100%}.header-enquire{justify-self:end;font:400 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid;padding:8px 0}.header-enquire span{margin-left:15px}.menu-toggle{display:none;background:none;border:0;font:10px DM Mono,monospace}.hero{min-height:930px;height:100vh;position:relative;display:grid;grid-template-columns:49% 51%;padding-top:96px;border-bottom:1px solid var(--line)}.hero-copy{padding:12vh 3vw 9vh 8vw;position:relative;z-index:2}.eyebrow,.section-index,.kicker{font:400 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.14em}.eyebrow{display:flex;gap:14px;align-items:center}.eyebrow:before{content:"";width:34px;height:1px;background:var(--ink)}h1,h2,.large-copy{font-family:Italiana,serif;font-weight:400}h1{font-size:clamp(76px,8.3vw,145px);line-height:.77;letter-spacing:-.045em;margin:15vh 0 55px;position:relative}h1 em,h2 em,.large-copy em{font-weight:400;color:var(--clay);font-style:italic}h1 em{padding-left:.55em}.hero-intro{width:min(390px,82%);font-size:14px;line-height:1.8;margin-left:25%}.hero-actions{margin:48px 0 0 25%;display:flex;align-items:center;gap:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:18px 20px;font:400 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;transition:.25s;border:1px solid}.button-dark{background:var(--ink);color:var(--bone);border-color:var(--ink)}.button-dark:hover{background:var(--clay);border-color:var(--clay)}.text-link{font:400 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid;padding-bottom:7px}.text-link span{margin-left:12px}.hero-art{position:relative;overflow:hidden;background:#bdb2a0;border-left:1px solid var(--line)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 34%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(39,35,31,.06) 90px)}.bust{position:absolute;width:83%;height:88%;left:9%;bottom:-4%;filter:drop-shadow(30px 35px 30px rgba(47,30,21,.25))}.clay-shape{fill:url(#clay)}.shadow-shape{fill:#675244;opacity:.25;transform:translate(22px,17px)}.face-line{fill:none;stroke:#422a20;stroke-width:2;opacity:.63}.measure-point{fill:var(--bone)}.annotation{position:absolute;z-index:2;font:9px/1.5 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.annotation-one{left:5%;top:13%}.annotation-two{right:5%;bottom:10%;text-align:right}.measure-line{position:absolute;height:1px;background:rgba(39,35,31,.45);transform-origin:left}.line-a{width:27%;left:4%;top:37%;transform:rotate(-12deg)}.line-a:after,.line-b:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border:1px solid;border-radius:50%}.line-b{width:24%;right:4%;top:48%;transform:rotate(13deg)}.art-caption{position:absolute;bottom:5%;left:5%;font:9px/1.6 DM Mono,monospace;text-transform:uppercase}.hero-index{position:absolute;bottom:32px;left:4vw;writing-mode:vertical-rl;font:9px DM Mono,monospace;letter-spacing:.1em}.hero-index strong{font-weight:400;margin-top:11px}.scroll-note{position:absolute;bottom:25px;left:44%;z-index:3;font:9px DM Mono,monospace;text-transform:uppercase;writing-mode:vertical-rl}.scroll-note span{margin-top:18px}.manifesto{min-height:800px;padding:110px 8vw;position:relative;overflow:hidden}.section-index{display:flex;align-items:center;gap:18px}.section-index span{width:42px;height:1px;background:currentColor;display:inline-block}.manifesto-copy{margin:12vh 0 0 14%;display:grid;grid-template-columns:2.4fr 1fr;gap:9vw;align-items:end}.large-copy{font-size:clamp(44px,5.3vw,82px);line-height:1.05;margin:0;letter-spacing:-.025em}.manifesto-notes{padding-bottom:12px}.manifesto-notes p{font-size:12px;line-height:1.9;margin-bottom:35px}.pantograph{position:absolute;width:520px;height:270px;right:-120px;bottom:-10px;opacity:.45}.arm{height:8px;background:var(--ink);position:absolute;transform-origin:left;border:1px solid #111}.a1{width:340px;left:10px;top:165px;transform:rotate(-23deg)}.a2{width:290px;left:200px;top:40px;transform:rotate(34deg)}.a3{width:245px;left:230px;top:50px;transform:rotate(95deg)}.pivot{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--paper);border:7px solid var(--ink);z-index:2}.p1{left:3px;top:151px}.p2{left:221px;top:46px}.p3{left:366px;top:194px}.tool-label{position:absolute;bottom:22px;left:12px;font:9px DM Mono,monospace}.works{background:var(--ink);color:var(--bone);padding:110px 4vw 120px}.light{color:rgba(240,234,223,.55)}.works-header{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:4vw;align-items:end;margin:0 4vw 90px}.works h2,.commissions h2{font-size:clamp(64px,8vw,124px);line-height:.85;letter-spacing:-.03em;margin:0}.works-header>p{font-size:12px;line-height:1.8;max-width:290px}.work-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:rgba(240,234,223,.22);border:1px solid rgba(240,234,223,.22)}.work-card{background:var(--ink)}.work-visual{height:520px;position:relative;overflow:hidden;background:#5b534b}.work-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 33%,rgba(255,255,255,.18),transparent 35%),linear-gradient(120deg,rgba(255,255,255,.06),transparent 40%)}.work-number,.view-cue{position:absolute;font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;z-index:2}.work-number{top:20px;left:20px}.view-cue{bottom:20px;right:20px;opacity:0;transform:translateY(8px);transition:.3s}.work-card:hover .view-cue{opacity:1;transform:none}.mini-sculpture{position:absolute;width:60%;height:70%;left:20%;bottom:-3%;background:#a06d50;border-radius:45% 55% 22% 27% / 32% 38% 10% 12%;filter:drop-shadow(18px 28px 18px rgba(0,0,0,.3));transition:.5s}.mini-sculpture:before{content:"";position:absolute;width:47%;height:47%;left:29%;top:-18%;background:inherit;border-radius:46% 54% 43% 57%;transform:rotate(-8deg)}.mini-sculpture:after{content:"";position:absolute;width:34%;height:13%;left:58%;top:5%;background:inherit;border-radius:10% 90% 70% 30%;transform:rotate(18deg)}.mini-sculpture i{position:absolute;width:12%;height:2px;background:#55392c;top:-3%;left:61%;transform:rotate(-4deg);box-shadow:-18px 34px #55392c}.work-card:hover .mini-sculpture{transform:scale(1.025)}.work-visual-2{background:#777361}.work-visual-2 .mini-sculpture{background:#b17c59;transform:rotate(4deg);width:54%}.work-visual-3{background:#474642}.work-visual-3 .mini-sculpture{background:#776554;transform:rotate(-5deg);height:66%}.work-meta{display:grid;grid-template-columns:1.5fr 1fr auto;padding:24px 18px 40px;gap:14px;border-top:1px solid rgba(240,234,223,.22)}.work-meta h3{font:400 25px Italiana,serif;margin:0}.work-meta p,.work-meta span{font:9px/1.5 DM Mono,monospace;text-transform:uppercase;color:rgba(240,234,223,.55);margin:5px 0}.works>.button{display:flex;width:max-content;margin:70px auto 0}.button-clay{background:var(--clay);border-color:var(--clay);color:var(--bone)}.button-clay:hover{background:transparent}.commissions{min-height:830px;padding:100px 8vw 130px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.commissions .section-index{align-self:flex-start}.kicker{margin:100px 0 35px}.commissions h2{font-size:clamp(66px,8.5vw,135px)}.commission-copy{font-size:13px;line-height:1.9;max-width:490px;margin:50px auto 38px}.commission-seal{position:absolute;right:7%;top:80px;width:115px;height:115px;border:1px solid;border-radius:50%;display:grid;place-items:center;font:7px DM Mono,monospace;letter-spacing:.13em}.commission-seal b{font:46px Italiana,serif}.commission-seal span{position:absolute;top:13px}.commission-seal i{position:absolute;bottom:15px;font-style:normal}.mockup-note{font:8px DM Mono,monospace;text-transform:uppercase;opacity:.55;margin-top:18px}footer{background:#171614;color:var(--bone);padding:80px 4vw 30px;display:grid;grid-template-columns:1fr 1fr 2fr;gap:5vw}.footer-brand{align-self:start}.footer-brand .brand-mark{width:50px;height:50px}footer>p{font:28px/1.2 Italiana,serif;margin:0}.footer-links{display:flex;justify-content:flex-end;align-items:flex-start;gap:28px;font:9px DM Mono,monospace;text-transform:uppercase}.footer-base{grid-column:1/-1;border-top:1px solid rgba(240,234,223,.2);padding-top:24px;margin-top:80px;display:flex;justify-content:space-between;font:8px DM Mono,monospace;text-transform:uppercase;color:rgba(240,234,223,.5)}
@media(max-width:900px){.site-header{height:75px;grid-template-columns:1fr auto}.site-header nav,.header-enquire{display:none}.menu-toggle{display:flex;align-items:center;gap:8px;color:inherit}.menu-toggle i{width:18px;height:1px;background:currentColor;display:block}.site-header.open nav{display:flex;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:30px 5vw;flex-direction:column;border-bottom:1px solid var(--line)}.hero{display:block;height:auto;min-height:0;padding-top:75px}.hero-copy{padding:55px 6vw 70px}.eyebrow{font-size:8px}h1{font-size:20vw;margin:75px 0 42px}.hero-intro{margin-left:12%;width:82%}.hero-actions{margin-left:12%;align-items:flex-start;flex-direction:column}.hero-art{height:620px;border-left:0;border-top:1px solid var(--line)}.hero-index{display:none}.scroll-note{display:none}.manifesto{padding:80px 6vw;min-height:810px}.manifesto-copy{margin:80px 0 0;display:block}.large-copy{font-size:12vw}.manifesto-notes{width:70%;margin:60px 0 0 25%}.pantograph{transform:scale(.7);transform-origin:bottom right}.works{padding:80px 5vw}.works-header{display:block;margin:0 0 60px}.works h2{margin:70px 0 35px}.works-header>p{margin-left:25%}.work-list{display:block;background:none;border:0}.work-card{border:1px solid rgba(240,234,223,.22);margin-bottom:24px}.work-visual{height:480px}.work-meta{grid-template-columns:1fr auto}.work-meta p{display:none}.commissions{padding:80px 6vw 110px}.commission-seal{position:relative;right:auto;top:auto;margin:60px auto 0;order:1}.kicker{margin-top:90px}.commissions h2{font-size:17vw}.commission-copy{width:85%}footer{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;margin-top:40px}.footer-base{gap:15px;flex-wrap:wrap;margin-top:40px}}
@media(max-width:520px){.hero-art{height:520px}.work-visual{height:400px}footer>p{font-size:21px}.footer-links{gap:20px}.footer-base span:nth-child(2){width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Photographic art direction */
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.72) contrast(.94)}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(39,35,31,.08),transparent 35%),linear-gradient(0deg,rgba(39,35,31,.2),transparent 28%);pointer-events:none}
.hero-art .annotation,.hero-art .art-caption{z-index:3;color:var(--bone);text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero-art .measure-line{z-index:3;background:rgba(240,234,223,.65);color:var(--bone)}
.manifesto{min-height:1040px;padding-bottom:360px}
.studio-photo{position:absolute;left:8vw;right:18vw;height:330px;bottom:0;margin:0;overflow:hidden}
.studio-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.58) contrast(.92)}
.studio-photo figcaption{position:absolute;left:18px;bottom:16px;background:var(--paper);padding:8px 10px;font:8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}
.pantograph{bottom:40px;z-index:2}
.work-visual:before{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.3));pointer-events:none}
.work-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(.96);transition:transform .65s ease,filter .4s}
.work-card:hover .work-visual>img{transform:scale(1.025);filter:saturate(.82) contrast(1)}
.work-visual-2>img{object-position:center 34%}
.work-visual-3>img{object-position:center 28%}
.work-number,.view-cue{z-index:2}
@media(max-width:900px){.manifesto{min-height:1080px;padding-bottom:360px}.studio-photo{left:6vw;right:6vw;height:300px}.pantograph{bottom:20px}.hero-photo{object-position:center 38%}}

/* Keep the studio photograph visually separate from the following section. */
.studio-photo{bottom:72px}
.pantograph{display:none}
@media(max-width:900px){.studio-photo{bottom:72px}}

/* Show the complete portrait-oriented studio photograph without cropping. */
.manifesto{min-height:auto;padding-bottom:110px}
.studio-photo{position:relative;left:auto;right:auto;bottom:auto;width:min(760px,70vw);height:auto;margin:110px auto 0;overflow:visible}
.studio-photo img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
@media(max-width:900px){.manifesto{min-height:auto;padding-bottom:80px}.studio-photo{left:auto;right:auto;bottom:auto;width:100%;height:auto;margin:80px auto 0}.studio-photo img{height:auto}}

/* Process-led commission imagery */
.commission-process{width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:1px;background:var(--line);margin:65px 0 55px;text-align:left}
.commission-process figure{position:relative;height:480px;margin:0;overflow:hidden;background:var(--ink)}
.commission-process img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(.96);transition:transform .65s ease,filter .4s}
.commission-process figure:first-child img{object-position:center 48%}
.commission-process figure:last-child img{object-position:center 44%}
.commission-process figure:hover img{transform:scale(1.018);filter:saturate(.82) contrast(1)}
.commission-process figcaption{position:absolute;left:18px;bottom:16px;background:var(--paper);padding:10px 12px;font:8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}
.commission-process figcaption span{margin-right:22px;color:var(--clay)}
@media(max-width:900px){.commission-process{grid-template-columns:1fr;margin:55px 0 45px}.commission-process figure{height:420px}.commission-process figure:last-child{height:350px}}

/* Sense of place: rural stable setting */
.place{padding:110px 4vw 120px;background:var(--paper-deep);border-bottom:1px solid var(--line)}
.place-media{position:relative;margin:0;overflow:hidden}
.place-media img{display:block;width:100%;height:auto;filter:saturate(.62) contrast(.94)}
.place-media figcaption{position:absolute;left:18px;bottom:16px;background:var(--paper);padding:10px 12px;font:8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}
.place-copy{display:grid;grid-template-columns:.8fr 1.55fr .65fr;gap:5vw;align-items:start;margin:80px 4vw 0}
.place-copy h2{font:400 clamp(58px,7vw,112px)/.88 Italiana,serif;letter-spacing:-.035em;margin:0}
.place-copy h2 em{color:var(--clay);font-style:italic;font-weight:400}
.place-copy>p{font-size:12px;line-height:1.9;margin:8px 0 0;max-width:300px}
@media(max-width:900px){.place{padding:70px 5vw 80px}.place-media figcaption{left:10px;bottom:10px;max-width:80%;line-height:1.5}.place-copy{display:block;margin:60px 0 0}.place-copy h2{font-size:14vw;margin:65px 0 38px}.place-copy>p{width:75%;margin-left:25%}}

/* Desktop location chapter: image and narrative share the frame. */
@media(min-width:901px){.place{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:6vw;align-items:center}.place-media img{height:auto;object-fit:contain}.place-copy{display:block;margin:0}.place-copy h2{font-size:clamp(62px,6.2vw,96px);margin:90px 0 48px}.place-copy>p{max-width:330px;margin:0 0 0 14%}}

/* Exterior and interior establish the workshop setting together. */
.place-media{display:grid;grid-template-columns:1fr;gap:14px;overflow:visible}
.place-media figure{position:relative;margin:0;overflow:hidden}
.place-media figure img{display:block;width:100%;height:auto;filter:saturate(.62) contrast(.94)}
.place-media figure figcaption{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);background:var(--paper);padding:9px 10px;font:7px/1.45 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}

/* Improve readability across all non-heading text. */
body{font-size:18px}
.brand{font-size:12px}.brand-mark{font-size:16px}
.site-header nav,.header-enquire,.menu-toggle{font-size:12px}
.eyebrow,.section-index,.kicker{font-size:12px}
.hero-intro{font-size:16px}
.button,.text-link{font-size:12px}
.annotation,.art-caption,.hero-index,.scroll-note{font-size:11px}
.manifesto-notes p,.works-header>p,.place-copy>p{font-size:14px}
.tool-label,.work-number,.view-cue,.work-meta p,.work-meta span{font-size:11px}
.commission-copy{font-size:15px}
.commission-seal{font-size:9px}
.mockup-note{font-size:10px}
footer>p{font-size:30px}
.footer-links{font-size:11px}.footer-base{font-size:10px}
.studio-photo figcaption,.commission-process figcaption{font-size:10px}
.place-media figcaption{font-size:10px}
.place-media figure figcaption{font-size:9px}
@media(max-width:900px){.eyebrow{font-size:10px}}
@media(max-width:520px){footer>p{font-size:23px}}
@media(max-width:900px){.place-media figure figcaption{left:10px;bottom:10px}}
