@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#18201c;
--moss:#304437;
--paper:#f4efe5;
--warm:#e6d1ac;
--rust:#a84e31;
--line:#d5ccbd;
--muted:#6a7067;
--serif:"Playfair Display",Georgia,serif;
--sans:"DM Sans",sans-serif;
--mono:"DM Mono",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;
background:var(--paper);
color:var(--ink);
font:16px/1.55 var(--sans)}
.site-header,
.hero,
.collection,
.commission,footer{width:min(1320px,calc(100% - 64px));
margin:auto}.site-header{height:106px;
display:flex;
align-items:center;
justify-content:space-between}
.brand{display:flex;
gap:11px;
align-items:center;
color:inherit;
text-decoration:none;
line-height:1}
.brand>span{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:var(--ink);
    color:#fff;
    font:18px var(--serif)}
    .brand b{
        font:600 17px var(--serif)}
        .brand small{
            display:block;
            margin-top:3px;
            font:9px var(--mono);
            letter-spacing:.12em;
            text-transform:uppercase;
            color:var(--muted)}
            .nav{
                display:flex;
                align-items:center;
                gap:30px;
                font:10px var(--mono);
                text-transform:uppercase;
                letter-spacing:.08em}
            .nav a{
                color:var(--ink);
                text-decoration:none;
                }
            .nav a:hover,.quiet-link:hover{color:var(--rust)}
            .nav-cta{border:1px solid var(--ink);padding:11px 14px}
            .menu-toggle{display:none}
            .hero{display:grid;grid-template-columns:48% 52%;min-height:690px;border-top:1px solid var(--line)}
            .hero-copy{padding:90px 6vw 60px 0;display:flex;flex-direction:column;align-items:start}
            .eyebrow{margin:0 0 19px;color:var(--rust);font:500 10px var(--mono);letter-spacing:.13em;text-transform:uppercase}
            .hero h1,.statement h2,.collection h2,.craft h2,.commission h2{margin:0;font:600 clamp(50px,6vw,86px)/.98 var(--serif);letter-spacing:-.055em}
            .hero h1 i,.craft h2 i,.commission h2 i{font-weight:500}.lede{max-width:460px;margin:29px 0 0;font-size:18px;color:#444c45}
            .hero-actions{display:flex;align-items:center;gap:25px;margin-top:36px}
            .button{
                display:inline-flex;
                align-items:center;
                justify-content:center;
                gap:25px;min-height:52px;padding:15px 20px;border:0;font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .18s}.button:hover{transform:translateY(-3px)}.button-ink{background:var(--ink);color:#fff}.button-paper{background:#fff4e2;color:var(--ink)}.quiet-link{color:inherit;text-decoration:none;font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase}.hero-facts{margin-top:auto;padding-top:50px;display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.hero-facts span+span:before{content:"/";margin-right:14px;color:var(--rust)}.hero-image{position:relative;display:grid;place-items:center;overflow:hidden;background:#e4d3b3}.hero-image:before{content:"";position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:#d19b57;top:14%;left:12%}.hero-image img{position:relative;z-index:1;width:min(82%,600px);height:610px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(20px 26px 20px #412a162b)}.hero-image p{position:absolute;z-index:2;right:30px;bottom:20px;margin:0;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.statement{padding:115px 32px 120px;background:var(--ink);color:#f8f0e3;text-align:center}.statement p{margin:0 0 16px;color:#d9b47d;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.statement h2{font-size:clamp(43px,5.2vw,76px)}.collection{display:grid;grid-template-columns:31% 1fr;gap:7vw;padding:125px 0}.collection h2{font-size:clamp(42px,4.7vw,66px)}.collection-intro>p:last-child{margin:27px 0 0;color:var(--muted);font-size:15px}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.design-card{overflow:hidden;min-height:460px;background:#e8dfcf;display:flex;flex-direction:column}.design-card:nth-child(2){margin-top:42px;background:#d7b67a}.design-card:nth-child(3){background:#bdc9bf}.design-card img{width:100%;height:300px;object-fit:cover;object-position:center;mix-blend-mode:multiply;transition:transform .5s}.design-card:hover img{transform:scale(1.04)}.design-card div{padding:20px 22px 25px;margin-top:auto}.design-card span{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.design-card h3{margin:13px 0 5px;font:600 26px/1 var(--serif);letter-spacing:-.04em}.design-card p{margin:0;color:#4e554d;font-size:13px}.craft{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#ddd2c2}.craft-image{overflow:hidden;background:#c18f58}.craft-image img{width:100%;height:100%;object-fit:cover;object-position:62% center;mix-blend-mode:multiply}.craft-copy{padding:100px 10vw 80px 8vw;background:#fffaf1}.craft h2{font-size:clamp(44px,5vw,72px)}.craft-copy>p:not(.eyebrow){margin:28px 0;color:var(--muted);max-width:430px}.craft ul{padding:0;margin:45px 0 0;list-style:none;border-top:1px solid var(--line)}.craft li{display:grid;grid-template-columns:85px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.craft li b{font:10px var(--mono);letter-spacing:.07em;color:var(--ink);text-transform:uppercase}.commission{display:grid;grid-template-columns:44% 56%;background:var(--rust);color:#fff8eb}.commission-copy{padding:80px 6vw}.commission .eyebrow{color:#ffdc9d}.commission h2{font-size:clamp(43px,5vw,68px)}.commission-copy>p:not(.eyebrow):not(.lead-time){max-width:360px;margin-top:23px}.lead-time{margin-top:55px!important;color:#ffe3bf;font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase}.build-form{padding:64px 5vw 48px;background:var(--moss);display:grid;gap:18px}.build-form label{display:grid;gap:6px;color:#f9ead6;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.build-form input,.build-form select,.build-form textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid #ffffff58;outline:0;background:transparent;color:#fff;font:15px var(--sans)}.build-form select option{color:var(--ink)}.build-form textarea{min-height:75px;resize:vertical}.build-form input::placeholder,.build-form textarea::placeholder{color:#cad0c9}.form-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:12px}.form-bottom p{margin:0}.form-bottom strong{display:block;font:500 31px/1 var(--serif)}.form-bottom small{display:block;margin-top:7px;color:#cad3cc;font:9px var(--mono);letter-spacing:.04em;text-transform:uppercase}footer{min-height:150px;display:grid;grid-template-columns:1.5fr 1.1fr 1.2fr .6fr;gap:20px;align-items:center;font:10px var(--mono);letter-spacing:.04em;text-transform:uppercase}footer p{margin:0;color:var(--muted)}footer>a:not(.brand){color:inherit;text-decoration:none}footer>a:not(.brand):hover{color:var(--rust)}.thank-you{width:min(780px,calc(100% - 40px));min-height:100vh;margin:auto;padding:20vh 0 80px}.thank-you h1{margin:0;font:600 clamp(44px,6vw,76px)/1 var(--serif);letter-spacing:-.05em}.thank-you p:not(.eyebrow){max-width:570px;margin:28px 0;color:var(--muted);font-size:18px}.thank-you .button{margin-top:10px}.admin-login{width:min(440px,calc(100% - 40px));min-height:100vh;margin:auto;padding:17vh 0}.admin-login h1{margin:0;font:600 48px var(--serif);letter-spacing:-.05em}.admin-login>p:not(.eyebrow){color:var(--muted)}.admin-login form{display:grid;gap:18px;margin-top:30px}.admin-login label{display:grid;gap:6px;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.admin-login input{border:1px solid var(--line);padding:12px;background:#fffaf1;font:15px var(--sans)}.admin-login .button{justify-self:start;margin-top:8px}.login-error{padding:10px 12px;background:#f0d5cf;color:#7e2f20}
@media(max-width:860px){.site-header,.hero,.collection,.commission,footer{width:min(100% - 36px,700px)}.site-header{height:82px}.menu-toggle{display:block;border:0;background:none;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.nav{display:none;position:absolute;z-index:5;top:72px;left:18px;right:18px;background:#fffaf1;border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:15px}.hero,.collection,.craft,.commission{grid-template-columns:1fr}.hero-copy{padding:70px 0 48px}.hero-image{min-height:490px}.hero-image img{height:480px}.hero-facts{margin-top:45px}.collection{gap:44px;padding:85px 0}.design-grid{grid-template-columns:1fr}.design-card,.design-card:nth-child(2){min-height:400px;margin:0}.design-card img{height:290px}.statement{padding:88px 24px}.craft-image{height:430px}.craft-copy{padding:75px 9vw}.commission-copy{padding:65px 9vw 44px}.build-form{padding:44px 9vw}.form-bottom{align-items:flex-start;flex-direction:column}.button-paper{width:100%}footer{padding:40px 0;grid-template-columns:1fr 1fr}footer p{display:none}}@media(max-width:480px){.hero h1{font-size:51px}.hero-facts{gap:8px}.hero-facts span+span:before{margin-right:8px}.hero-image{min-height:425px}.hero-image img{height:415px;width:100%}footer{grid-template-columns:1fr}}