/* Andy Knappe · walnut, clay, moss, brass. Locally served assets only. */
:root{--bg:#302a23;--ink:#f0e2ce;--muted:#c9bca8;--accent:#d5ac7c;--line:#655849;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3,blockquote{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(42px,4.3vw,72px)}h3{font:32px/1.2 var(--serif);letter-spacing:-.025em}em{font-weight:400;color:var(--accent)}p+p{margin-top:18px}.wrap{width:calc(100% - 112px);max-width:var(--max);margin-inline:auto}.section{padding-block:100px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.18em;font-weight:600;line-height:1.6;color:var(--accent);margin-bottom:24px}.icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:54px;border:1px solid var(--accent);border-radius:999px;padding:13px 25px;color:#302317;background:var(--accent);font-size:13px;font-weight:400;line-height:1.5;transition:background .2s,color .2s}.button:hover{background:#ebc899;border-color:#ebc899}.outline{background:transparent;color:var(--ink);border-color:#ac9272}.outline:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}.small{min-height:44px;padding:10px 21px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;line-height:1.6;padding-block:7px}.text-link:hover{color:#f4c990}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px}.link-pair{display:flex;flex-wrap:wrap;gap:22px}a:focus-visible,button:focus-visible,audio:focus-visible,summary:focus-visible{outline:3px solid #f8c47f;outline-offset:5px}.skip{position:fixed;z-index:100;left:15px;top:12px;background:var(--ink);color:var(--bg);padding:10px 20px;transform:translateY(-160%)}.skip:focus{transform:none}figcaption{font-size:10px;letter-spacing:.035em;color:var(--muted);margin-top:12px}.site-header{position:sticky;z-index:30;top:0;background:rgba(48,42,35,.98);border-bottom:1px solid #5e514244;transition:transform .25s}.site-header.is-hidden{transform:translateY(-101%)}.header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:block;width:240px;flex-shrink:0}.brand img{width:100%}.main-nav{display:flex;align-items:center;gap:30px;font-size:12px}.main-nav>a:not(.button){padding-block:14px;position:relative}.main-nav>a:not(.button):after{content:'';position:absolute;left:0;right:100%;bottom:8px;background:var(--accent);height:1px;transition:right .2s}.main-nav>a:hover:after,.main-nav>a[aria-current='location']:after{right:0}.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;align-items:center;justify-content:center}.hero{background:#3e352b}.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center;padding-block:60px 55px}.hero-copy{padding-block:10px}.hero h1{font-size:clamp(54px,5.05vw,84px)}.intro{font-size:17px;line-height:1.8;margin-top:28px;color:#e6d7c0}.hero-text{max-width:430px;font-size:14px;color:var(--muted);margin-top:17px}.hero .actions{margin-top:30px;align-items:flex-start;flex-direction:column;gap:14px}.hero-signature{display:block;margin-top:44px;font:italic 21px/1.4 var(--serif);color:var(--accent)}.hero-photo{position:relative;align-self:stretch;min-height:555px}.hero-photo img{width:100%;height:100%;max-height:690px;object-fit:cover;object-position:55% 45%}.hero-photo figcaption{position:absolute;bottom:20px;left:25px;right:20px;color:#f7e6ce;text-shadow:0 1px 8px #000;background:#241b14bb;width:fit-content;padding:5px 12px;margin:0}.wayfinder{display:grid;grid-template-columns:repeat(3,1fr);padding-block:28px 32px;gap:42px}.wayfinder a{display:block}.wayfinder span{display:block;color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.wayfinder strong{display:flex;justify-content:space-between;align-items:center;font-weight:400;font:22px/1.4 var(--serif);margin-top:6px}.wayfinder .icon{width:17px;height:17px}.wayfinder a:hover strong{color:var(--accent)}.gallery{background:#3c4032}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:44px}.section-head>p{font-size:15px;color:#d7ceba;max-width:440px;padding-bottom:5px}.gallery-photo img{width:100%;max-height:630px;aspect-ratio:2.3;object-fit:cover;object-position:50% 52%}.gallery-photo figcaption{color:#d3c9b4}.gallery-bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;margin-top:55px}.gallery-intro h3{font-size:38px}.gallery-intro>p:not(.eyebrow){font-size:14px;color:#d7ceba;max-width:385px;margin-block:20px 27px}.gallery .domain{display:block;color:#d7ceba;font-size:10px;letter-spacing:.07em;margin-top:10px}.offer-list article{display:flex;gap:24px;padding-block:26px;border-top:1px solid #7d8069}.offer-list article:first-child{padding-top:22px}.offer-list article>span{font-size:10px;color:var(--accent);padding-top:4px}.offer-list h3{font-size:29px;margin-bottom:14px}.offer-list p{color:#d7ceba;font-size:14px;margin-bottom:14px}.music{background:#28251f}.music-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:100px;align-items:center}.music-photo img{width:100%;aspect-ratio:.88;object-fit:cover;object-position:33% center}.music-grid h2{font-size:clamp(44px,4.2vw,67px);margin-bottom:27px}.music-grid p:not(.eyebrow){font-size:14px;color:var(--muted)}blockquote{font:italic 24px/1.55 var(--serif);color:#dfc5a2;border-left:1px solid #b18c64;padding-left:25px;margin-block:30px}.music-grid .button{margin-top:28px}.listening{margin-top:100px;scroll-margin-top:20px}.listening-heading{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:37px}.listening-heading h2{font-size:53px}.listening-heading>p{font-size:13px;color:var(--muted);max-width:350px}.audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.audio-track{padding:23px 0 27px;border-top:1px solid var(--line);min-width:0}.track-heading{display:flex;gap:17px;align-items:center;margin-bottom:14px}.track-heading>span:first-child{font-size:10px;color:var(--accent)}.track-heading h3{font-size:23px}.track-heading>span:last-child{margin-left:auto;font-size:10px;color:var(--muted)}audio{display:block;width:100%;height:44px;color-scheme:dark;border-radius:999px}.audio-note{font-size:11px;color:var(--muted);margin-top:26px}.audio-error{font-size:12px;color:#f3c696;margin-top:12px}.band{background:#654631}.band-heading{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:40px}.band-heading h2{font-size:clamp(44px,4.4vw,70px)}.band-heading>p{font-size:13px;color:#efdbc4}.band-photo img{width:100%;aspect-ratio:2.15;object-fit:cover;object-position:center 40%}.band-photo figcaption{color:#e6cbb0}.band-bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;margin-top:44px}.band-bottom h3{font-size:43px}.band-bottom p{font-size:14px;color:#efdbc4}.band-bottom .actions{margin-top:27px}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.contact-grid h2{font-size:clamp(43px,4vw,65px)}.contact-grid>div>p:last-child{font-size:14px;color:var(--muted);max-width:410px;margin-top:27px}address{font-style:normal;min-width:0}address>a{display:flex;gap:16px;align-items:center;padding-block:23px;border-top:1px solid var(--line)}address>a:last-child{border-bottom:1px solid var(--line)}address>a>span{flex:1;min-width:0;font-size:10px;color:var(--muted)}address strong{display:block;font-size:15px;font-weight:400;color:var(--ink);overflow-wrap:anywhere}address>a>.icon{color:var(--accent)}address a:hover strong{color:var(--accent)}.site-footer{background:#211e19;padding-block:35px 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:30px}.footer-main>p{font:italic 21px/1.4 var(--serif)}.footer-main nav{display:flex;gap:24px;font-size:11px}.footer-main a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer-bottom .icon{width:14px;height:14px;transform:rotate(-90deg)}.legal{max-width:860px;padding-block:70px 100px}.legal h1{font-size:clamp(44px,6vw,76px);margin-bottom:38px;overflow-wrap:anywhere}.legal h2{font:30px/1.3 var(--serif);letter-spacing:-.025em;margin-block:34px 15px}.legal p,.legal address,.legal li{font-size:14px;color:var(--muted)}.legal a:not(.button){text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.legal .button{margin-top:35px}.legal ul{padding-left:20px}.legal .eyebrow{color:var(--accent)}
@media(min-width:2000px){:root{--max:1680px}.hero-layout{gap:110px;padding-block:75px}.hero h1{font-size:100px}.hero-photo{min-height:680px}.hero-photo img{max-height:760px}.hero-copy .intro{font-size:19px}.hero-text{font-size:16px;max-width:500px}.section{padding-block:120px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header-inner{gap:22px}.brand{width:210px}.main-nav{gap:20px}.hero-layout{gap:35px}.hero h1{font-size:57px}.hero-photo{min-height:540px}.intro{font-size:15px}.section-head,.gallery-bottom,.music-grid,.band-bottom,.contact-grid{gap:50px}.section{padding-block:80px}.offer-list h3{font-size:25px}.footer-main>p{font-size:18px}.footer-main{gap:22px}.footer-main nav{gap:15px}}
@media(max-width:820px){.wrap{width:calc(100% - 44px)}.header-inner{min-height:88px}.brand{width:205px}.menu-toggle{display:flex}.main-nav{position:absolute;top:100%;left:0;right:0;display:none;background:#302a23;padding:15px 22px 26px;border-bottom:1px solid var(--line);max-height:calc(100dvh - 88px);overflow:auto}.main-nav.is-open{display:flex;flex-direction:column;gap:0;align-items:stretch}.main-nav>a:not(.button){padding:17px 10px;border-bottom:1px solid var(--line)}.main-nav>a:after{display:none}.main-nav .button{margin-top:20px}.hero-layout{gap:28px;padding-block:40px;grid-template-columns:1fr 1fr}.hero h1{font-size:49px}.hero-photo{min-height:490px}.hero-photo img{object-position:57% center}.hero .eyebrow{font-size:9px}.desktop-break{display:none}.hero-signature{font-size:18px;margin-top:30px}.wayfinder{gap:25px}.wayfinder strong{font-size:19px}.section-head{gap:30px}.section-head>p{font-size:13px}.gallery-bottom{gap:35px}.gallery-intro h3{font-size:33px}.music-grid{gap:35px}.music-grid h2{font-size:44px}blockquote{font-size:21px;padding-left:18px}.band-heading,.listening-heading{gap:25px}.band-bottom{gap:40px}.contact-grid{gap:35px}.contact-grid h2{font-size:43px}address strong{font-size:13px}.footer-main{flex-wrap:wrap}.footer-main>p{margin-left:auto}.footer-main nav{width:100%;justify-content:flex-end}}
@media(max-width:640px){html{scroll-padding-top:105px}.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.hero-layout{display:flex;flex-direction:column;padding-top:35px;padding-bottom:30px;gap:32px;align-items:stretch}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,10.5vw,64px)}.hero .eyebrow{font-size:10px;margin-bottom:20px}.intro{font-size:16px;margin-top:23px}.hero-text{font-size:13px;max-width:100%}.hero .actions{gap:13px;margin-top:26px;align-items:stretch}.button{width:100%;font-size:12px;padding-inline:18px;gap:15px}.actions{flex-direction:column;align-items:stretch;gap:15px}.actions .text-link{justify-content:center}.hero-signature{font-size:20px;margin-top:23px}.hero-photo{min-height:0}.hero-photo img{height:auto;aspect-ratio:1.15;object-fit:cover;object-position:50% 43%}.hero-photo figcaption{font-size:9px;bottom:14px;left:14px}.wayfinder{grid-template-columns:1fr;padding-block:10px 19px;gap:0}.wayfinder a{padding-block:18px;border-bottom:1px solid var(--line)}.wayfinder a:last-child{border:0}.wayfinder strong{font-size:24px}.wayfinder span{font-size:9px}.section-head{grid-template-columns:1fr;gap:27px;margin-bottom:30px}.section-head>p{max-width:none;font-size:14px}.section-head h2{font-size:46px}.eyebrow{font-size:9px;margin-bottom:20px}.gallery-photo img{aspect-ratio:1.12;object-position:60% center}.gallery-bottom{grid-template-columns:1fr;gap:38px;margin-top:33px}.gallery-intro h3{font-size:36px}.gallery-intro>p:not(.eyebrow){max-width:none}.gallery .domain{text-align:center}.offer-list h3{font-size:28px}.offer-list article{gap:19px}.music-grid{display:flex;flex-direction:column;gap:38px}.music-photo{width:100%}.music-photo img{aspect-ratio:1.05;object-position:30% center}.music-grid h2{font-size:48px}.music-grid h2 br:last-child{display:none}blockquote{font-size:23px}.music-grid .button{margin-top:25px}.listening{margin-top:65px}.listening-heading{display:block;margin-bottom:25px}.listening-heading h2{font-size:44px}.listening-heading>p{margin-top:22px}.audio-grid{grid-template-columns:1fr}.audio-track{padding-block:22px}.track-heading h3{font-size:24px}.audio-note{font-size:11px}.band-heading{display:block;margin-bottom:30px}.band-heading h2{font-size:49px}.band-heading>p{margin-top:24px;font-size:14px}.band-photo img{aspect-ratio:1.05;object-position:50% center}.band-bottom{grid-template-columns:1fr;gap:27px;margin-top:34px}.band-bottom h3{font-size:38px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-grid h2{font-size:44px}.contact-grid>div>p:last-child{max-width:none}address strong{font-size:14px}address>a{gap:12px}address>a>.icon:last-child{width:16px;flex-basis:16px}.footer-main{display:flex;align-items:flex-start;flex-direction:column;gap:23px}.footer-main .brand{width:210px}.footer-main>p{margin:0;font-size:20px}.footer-main nav{justify-content:flex-start;gap:28px}.footer-bottom{flex-direction:column;gap:12px}.legal{padding-block:45px 65px}.legal h1{font-size:46px}.legal h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Local SVG audio controls; keyboard-accessible native range input. */
[hidden]{display:none!important}.custom-audio{display:flex;align-items:center;gap:16px;min-height:63px}.custom-audio button{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:46px;height:46px;background:transparent;color:var(--accent);border:1px solid #a88a65;border-radius:50%}.custom-audio .audio-play:hover{background:var(--accent);color:var(--bg)}.audio-play .icon{width:20px;height:20px}.custom-audio .audio-mute{width:42px;height:42px;border-color:transparent}.audio-mute:hover{border-color:var(--line)}.audio-progress{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.audio-seek{width:100%;accent-color:var(--accent);cursor:pointer;margin:0;min-height:28px}.audio-seek:disabled{cursor:default;opacity:.55}.audio-seek:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.audio-time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.custom-audio button:focus-visible{outline:3px solid #f8c47f;outline-offset:4px}
@media(max-width:820px){html:not(.js) .main-nav{display:flex;position:static;flex-wrap:wrap;max-height:none;width:100%;padding:0 0 20px;gap:15px}html:not(.js) .header-inner{flex-wrap:wrap}html:not(.js) .menu-toggle{display:none}html:not(.js) .main-nav>a{flex:1;white-space:nowrap}html:not(.js) .main-nav .button{margin-top:0}}

/* Full-width atelier hero. Desktop and mobile use the user's retouched photo. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#3e352b}
.hero-backdrop{position:absolute;inset:0;z-index:-3;display:block}
.hero-backdrop img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:70% 24%}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(31,26,21,.91) 0%,rgba(36,29,22,.80) 28%,rgba(36,29,22,.49) 46%,rgba(36,29,22,.05) 64%,transparent 78%)}
.hero-layout{position:relative;display:flex;align-items:center;min-height:650px;padding-block:48px;gap:0}
.hero-copy{width:56%;max-width:740px;padding-block:0;text-shadow:0 2px 16px rgba(20,13,8,.22)}
.hero .eyebrow{color:#e8bc88;margin-bottom:21px}
.hero .intro{color:#f0e2ce;margin-top:23px}
.hero .hero-text{color:#e3d3bf;margin-top:14px}
.hero .actions{margin-top:25px;gap:12px}
.hero .hero-signature{margin-top:25px;color:#e8bc88}
.hero .text-link{color:#f2e4cf}
@media(min-width:2000px){.hero-layout{min-height:clamp(720px,28vw,1000px);padding-block:65px}.hero-copy{width:56%;max-width:850px}.hero-backdrop img{object-position:70% 24%}}
@media(min-width:821px) and (max-width:1100px){.hero-layout{min-height:640px}.hero-copy{width:60%}.hero h1{font-size:56px}.hero-shade{background:linear-gradient(90deg,rgba(31,26,21,.93),rgba(36,29,22,.76) 43%,rgba(36,29,22,.15) 66%,transparent)}.hero-backdrop img{object-position:75% 24%}}
@media(max-width:820px){.hero-backdrop{bottom:auto;height:min(125vw,650px)}.hero-backdrop img{object-position:center 18%}.hero-shade{z-index:-1;background:linear-gradient(to bottom,transparent 0%,transparent calc(min(125vw,650px) - 100px),#3e352b min(125vw,650px))}.hero-layout{display:block;min-height:0;padding-top:calc(min(125vw,650px) + 12px);padding-bottom:42px}.hero-copy{width:100%;max-width:600px;text-shadow:none}.hero h1{font-size:clamp(48px,7.8vw,64px)}.hero .hero-text{max-width:480px}.hero .intro{font-size:17px}.hero .actions{align-items:flex-start}.hero .hero-signature{margin-top:24px}}
@media(max-width:640px){.hero-layout{padding-top:calc(min(125vw,650px) + 8px);padding-bottom:35px}.hero h1{font-size:clamp(43px,10.5vw,64px)}.hero-copy{width:100%;padding:0}.hero .intro{font-size:16px}.hero .hero-text{font-size:13px}.hero .actions{align-items:stretch;gap:13px}.hero .eyebrow{font-size:10px;margin-bottom:20px}}