@font-face{font-family:Garamond;src:url('assets/garamond.ttf') format('truetype');font-display:swap;font-weight:400 800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper-warm);color:var(--ink);font-family:Arial,sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent-orange);outline-offset:6px}button{color:inherit}img{max-width:100%;display:block}h1,h2,p{margin-top:0}h1,h2{font-family:Garamond,Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:.98}h1{font-size:clamp(60px,6.7vw,110px);margin-bottom:25px}h2{font-size:clamp(44px,4.5vw,76px);margin-bottom:26px}h1 em,h2 em{font-weight:400}p{line-height:1.65}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;margin-bottom:27px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--paper-warm);position:relative;z-index:10}.wordmark{font-size:23px;color:var(--accent-orange);font-weight:700;letter-spacing:.25em}.header nav{display:flex;gap:34px;font-size:12px;align-items:center}.header a:hover,.text-link:hover{color:var(--accent-orange)}.nav-contact{border-bottom:1px solid;padding:10px 0}.menu-button{display:none}.hero{position:relative;height:calc(100svh - 88px);min-height:610px;max-height:960px;overflow:hidden;background:#dfd5c6}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,240,231,.88),rgba(244,240,231,.36) 46%,transparent 76%)}.hero-copy{position:relative;padding:clamp(70px,10vh,130px) 5% 100px;max-width:840px}.hero-description{font-size:17px;line-height:1.5;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border:1px solid var(--accent-orange);padding:19px 25px;font-size:12px;transition:background .2s,color .2s}.button.solid{background:var(--accent-orange);color:#fffaf0}.button.solid:hover{background:#963d19}.button.outline{background:transparent;color:inherit;border-color:currentColor}.button.outline:hover{background:#eee5d6;color:var(--ink)}.hero-bottom{position:absolute;left:5%;right:5%;bottom:28px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.hero-bottom button{border:0;border-bottom:1px solid #675b49;background:rgba(244,240,231,.6);padding:11px 14px;font-size:11px;letter-spacing:.04em;min-width:110px}.section{padding:100px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{margin-bottom:5px;font-size:14px}.filters{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:32px;overflow:auto}.filters button{white-space:nowrap;border:0;background:none;padding:15px 0;color:var(--ink-muted);font-size:12px;border-bottom:2px solid transparent}.filters button.active{color:var(--accent-orange);border-color:var(--accent-orange)}.filters span{font-size:9px;vertical-align:super;margin-left:6px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{padding:0;text-align:left;border:0;background:transparent;min-width:0}.card[hidden]{display:none}.card-image{display:flex;position:relative;justify-content:center;align-items:center;aspect-ratio:4/5;overflow:hidden;padding:12%}.blush{background:#e9dcd5}.sand{background:#e5dfd1}.sage{background:#dce0d4}.clay{background:#e7d9c6}.card-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(7px 12px 8px #5a4a3223);transition:transform .35s}.card:hover img{transform:translateY(-6px) rotate(-2deg)}.card-open{position:absolute;bottom:12px;right:13px;opacity:0;background:#f7f3ea;padding:8px 12px;font-size:10px;transition:opacity .2s}.card:hover .card-open,.card:focus-visible .card-open{opacity:1}.card-meta{display:flex;flex-direction:column;gap:10px;padding-top:20px}.card-meta>span{font-family:Garamond,Georgia,serif;font-size:25px}.card-meta small{font-size:9px;letter-spacing:.12em;color:var(--ink-muted)}.materials{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;background:#e9e3d6}.material-picture{position:relative;min-height:650px}.material-picture>img{width:100%;height:100%;object-fit:cover;object-position:69%}.material-picture>span{position:absolute;bottom:25px;left:25px;background:#f4f0e7dc;padding:12px;font-size:9px;letter-spacing:.08em}.material-copy{padding:25px 0}.material-copy>p:not(.eyebrow){font-size:14px;max-width:360px}.material-options{margin:32px 0}.material-options details{border-top:1px solid var(--line)}.material-options details:last-child{border-bottom:1px solid var(--line)}.material-options summary{display:flex;list-style:none;gap:20px;align-items:center;cursor:pointer;padding:19px 0;font-size:11px}.material-options summary::-webkit-details-marker{display:none}.material-options summary span:first-child{font-family:Garamond,Georgia,serif;font-size:24px;flex:1}.material-options details p{font-size:13px;margin:0 0 22px 35px;max-width:320px;color:var(--ink-muted)}.text-link{display:inline-block;border-bottom:1px solid;padding:9px 0;font-size:12px}.studio{background:var(--accent-orange);color:#fff2de;padding-top:110px;padding-bottom:85px}.studio :is(h1,h2){font-size:clamp(58px,6.8vw,110px);max-width:1050px}.studio-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #e9ad8555;padding-top:32px;margin-top:50px}.studio-bottom p{margin:0;font-size:15px}.enquiry{display:grid;grid-template-columns:1fr 1.05fr;gap:12%}.enquiry>div>p:not(.eyebrow){font-size:14px}.enquiry form{padding-top:12px}label{display:block;font-size:12px;margin-bottom:24px}input,textarea{display:block;width:100%;margin-top:10px;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:11px 0;color:var(--ink);outline-offset:4px}textarea{resize:vertical;min-height:90px}.form-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.save-button{font-size:11px;border:0;border-bottom:1px solid;background:none;padding:7px 0}.form-note{font-size:11px;color:var(--ink-muted);max-width:370px;margin-top:20px}#form-status{font-size:12px;color:var(--accent-orange);min-height:22px}.footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer p{margin:0;font-size:12px}.footer>span{font-size:9px;letter-spacing:.1em;color:var(--ink-muted)}.footer .wordmark{font-size:17px}dialog{border:0;padding:0;width:min(940px,92vw);max-height:90svh;background:var(--surface);color:var(--ink);overflow:auto}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#252017a6;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:12px;width:40px;height:40px;background:#f8f4ec;border:1px solid var(--line);border-radius:50%;font-size:25px;z-index:2}.dialog-art{padding:35px;background:#e3d7c6;display:flex;align-items:center;justify-content:center}.dialog-art img{max-height:70svh;object-fit:contain;filter:drop-shadow(5px 8px 8px #55442c22)}.dialog-copy{padding:65px 35px 40px;align-self:center}.dialog-copy h2{font-size:48px}.dialog-copy p{font-size:14px}.dialog-copy .eyebrow{font-size:9px}.dialog-copy .detail-note{font-size:11px;color:var(--ink-muted);margin:30px 0}.dialog-copy .button{gap:20px}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:15px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.section{padding-left:max(5%,calc((100vw - 1600px)/2));padding-right:max(5%,calc((100vw - 1600px)/2))}}
@media(max-width:900px){.header nav{gap:20px}.header nav a{font-size:11px}.card-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}.materials{gap:5%}.material-picture{min-height:540px}.section{padding:75px 5%}.enquiry{gap:7%}.hero-copy{max-width:650px}.hero{min-height:610px}.footer{flex-wrap:wrap}}
@media(max-width:650px){html{scroll-padding-top:20px}.header{height:72px;padding:0 6%}.wordmark{font-size:19px}.menu-button{display:flex;gap:15px;border:0;background:none;font-size:12px;padding:12px 0}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper-warm);padding:25px 6%;border-bottom:1px solid var(--line);align-items:flex-start}.header nav.open{display:flex;flex-direction:column}.header nav a{font-size:16px}.hero{height:calc(92svh - 72px);min-height:600px;max-height:850px}.hero video{object-position:61% center}.hero-wash{background:linear-gradient(90deg,#f4f0e7d9,#f4f0e76b 75%,#f4f0e742)}.hero-copy{padding:90px 6% 100px}.hero .eyebrow{font-size:8px}h1{font-size:clamp(54px,12vw,76px)}.hero-description{font-size:15px}.hero-bottom{left:6%;right:6%;font-size:8px}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:22px}.section-heading>p br{display:none}h2{font-size:52px}.filters{gap:25px}.card-grid{gap:28px 14px}.card-meta>span{font-size:21px}.card-meta small{font-size:8px}.card-image{padding:10%}.card-open{display:none}.materials{display:flex;flex-direction:column;padding-top:0}.material-picture{min-height:0;height:350px;margin:0 -6.8% 20px}.material-copy{padding:20px 0}.material-copy>p:not(.eyebrow){max-width:none}.studio :is(h1,h2){font-size:60px}.studio-bottom{display:block}.studio-bottom .button{margin-top:30px}.enquiry{display:block}.enquiry form{margin-top:36px}.footer{padding:30px 6%;align-items:start;flex-direction:column}.footer p{font-size:11px}dialog[open]{grid-template-columns:1fr}.dialog-art{padding:25px;height:40svh}.dialog-art img{height:100%}.dialog-copy{padding:30px 25px}.dialog-copy h2{font-size:40px}.dialog-copy .eyebrow{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* L1: studio contact link on its shaded paper background. */
.studio-bottom .button.outline{background:#f4f0e7}

.studio h1{color:var(--brand-green)}