/* System fonts keep the site private, fast, and free of external requests. */
:root{--ink:#172b40;--accent:#a85732;--paper:#faf9f6;--stone:#f1f0ec;--body:#49525a;--line:#deddd7;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth;scroll-padding-top:25px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.07}h1{font-size:clamp(58px,6.9vw,100px);margin-bottom:28px}h2{font-size:clamp(42px,4.5vw,66px);margin-bottom:24px}h3{font-family:Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-1px;line-height:1.22}p{line-height:1.8;color:var(--body)}em{font-weight:400;color:var(--accent)}.wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid var(--line)}.logo{width:160px;display:block}.header nav{display:flex;align-items:center;gap:38px;font-size:14px;line-height:1.4}.header nav a,.text-link{padding:12px 0}.header nav a,.footer nav a{display:inline-flex;align-items:center;gap:.3em;line-height:1.4;white-space:nowrap}.header nav a>span,.footer nav a>span{line-height:1}.header nav a:hover,.footer a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-100px;padding:14px;background:var(--ink);color:white;z-index:5}.skip:focus{top:12px;left:12px}.hero{padding-top:92px;display:grid;grid-template-columns:1.45fr 1fr;align-items:center;column-gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600;color:var(--ink);margin-bottom:28px}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px}.intro{font-size:17px;max-width:480px}.actions{display:flex;gap:30px;align-items:center;margin-top:32px;font-size:13px}.button{background:var(--ink);color:#fff;padding:19px 23px;display:inline-flex;gap:30px;align-items:center;border:1px solid var(--ink);transition:background .2s,transform .2s}.button:hover{background:#29445d;transform:translateY(-2px)}.text-link{border-bottom:1px solid var(--line);display:flex;gap:20px}.landscape{position:relative;align-self:center}.landscape svg{width:100%;display:block}.landscape p{text-align:right;font-family:Georgia,serif;font-style:italic;font-size:15px;line-height:1.5;padding-right:25px;margin-top:0}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:76px;padding:23px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--body)}.small-label{font-size:10px;letter-spacing:1px;text-transform:uppercase}.section{padding-top:105px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-heading>p{max-width:320px;font-size:14px;margin-bottom:30px}.products{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product{border:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-3px);box-shadow:0 14px 30px #172b4008}.product-top{padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.product-top>img{width:130px}.status{font-size:9px;text-transform:uppercase;letter-spacing:.8px;border:1px solid #d8ddd5;border-radius:20px;padding:7px 10px;white-space:nowrap;color:#465c4e}.brand{display:inline-flex;align-items:center;gap:9px;font-size:32px;font-weight:700;letter-spacing:-1.7px;line-height:1;color:#25362f}.brand-mark{flex:none;width:36px;height:39px;display:grid;place-items:center;border-radius:10px;background:#245d46;color:#dce8b8;font-family:Georgia,serif;font-size:35px;padding-bottom:4px;letter-spacing:-3px;padding-right:5px}.brand-dot{color:#87a274}.product-art{height:275px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 12px}.invoice-art{background:#ecf0e7}.mini-invoice{width:260px;background:#fffdf8;padding:27px 25px;transform:rotate(-5deg) translateY(24px);box-shadow:0 10px 30px #24483614;color:#245d46}.invoice-row{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.invoice-rule{height:1px;background:#d9e2d5;margin:18px 0}.mini-invoice p{font-family:Georgia,serif;font-size:23px;line-height:1.2;color:#245d46}.invoice-lines{display:grid;gap:8px;margin:20px 0}.invoice-lines span{height:1px;background:#e4e8df}.invoice-total{align-items:center;font-size:7px;letter-spacing:0}.invoice-total b{font-family:Georgia,serif;font-size:25px}.sound-art{background:#e8efed;flex-direction:column;gap:22px}.sound-rings{height:118px;display:flex;gap:11px;align-items:center}.sound-rings span{border:1px solid #6b9790;border-radius:50%;width:22px;height:55px}.sound-rings span:nth-child(2),.sound-rings span:nth-child(6){height:80px}.sound-rings span:nth-child(3),.sound-rings span:nth-child(5){height:102px}.sound-rings span:nth-child(4){height:118px}.sound-art p{font-family:Georgia,serif;font-size:25px;line-height:1.2;text-align:center;color:#326c65;margin:0}.product-copy{padding:31px}.product-copy .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:17px}.product-copy h3{font-size:29px;min-height:71px;margin-bottom:15px}.product-copy>p:not(.eyebrow):not(.product-link){font-size:14px;min-height:102px}.tags{display:flex;flex-wrap:wrap;gap:9px;padding:0;list-style:none;margin:25px 0 30px}.tags li{background:var(--paper);padding:7px 9px;font-size:10px;color:#4b5a50}.product-link{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:13px;line-height:1.5;margin-bottom:0}.product-link:hover{color:var(--accent)}.coming{color:#526a65}.coming span{font-size:10px}.philosophy{background:var(--ink);color:var(--paper)}.philosophy .eyebrow{color:#bcc9d3}.philosophy em{color:#e5a480}.philosophy p{color:#c2cbd3}.philosophy-heading{display:flex;justify-content:space-between;gap:70px;align-items:end}.philosophy-heading>p{max-width:350px;font-size:14px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:57px}.principles article{border-top:1px solid #ffffff30;padding-top:25px}.number{color:#e5a480;font-family:Georgia,serif;font-size:17px;display:block;margin-bottom:26px}.principles h3{font-size:26px;margin-bottom:20px}.principles h4{font-size:12px;font-weight:400;margin-bottom:9px}.principles p{font-size:13px;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-copy{max-width:475px;padding-top:3px}.about-copy .large{font-family:Georgia,serif;font-size:28px;line-height:1.4;color:var(--ink);letter-spacing:-.7px}.about-copy p{font-size:14px}.signature{display:block;margin-top:28px;font-family:Georgia,serif;font-style:italic;color:var(--accent)}.contact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:65px 0;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:57px}.contact p{font-size:14px}.contact-action{max-width:290px}.contact-action p{font-size:13px}.contact-action .button{margin-bottom:12px}.contact-action .eyebrow{font-size:10px}.footer{padding-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer .logo{width:125px}.footer p{font-size:12px;margin-top:15px}.footer nav{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;align-self:start;justify-content:flex-end;min-height:33px;font-size:12px;line-height:1.4}.footer small{display:block;font-size:9px;color:var(--body);margin-top:8px}.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:10px;color:var(--body)}.menu{display:none}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:110px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1.4fr 1fr}.product-top{padding:22px 18px}.brand{font-size:27px}.status{font-size:8px}.product-copy{padding:24px}.philosophy-heading{gap:35px}.principles{gap:25px}.principles h3{font-size:23px}.product-copy h3{font-size:26px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;gap:20px;padding:20px 0}.logo{width:140px}.menu:not([hidden]){display:flex;gap:15px;background:transparent;border:1px solid var(--line);padding:12px;align-items:center}.header nav{width:100%;justify-content:space-between;gap:14px}.hero{padding-top:52px;grid-template-columns:1fr}.hero h1{font-size:clamp(51px,10vw,76px)}.intro{font-size:15px}.landscape{max-width:330px;margin:20px auto 0;width:90%}.landscape p{font-size:13px}.hero-bottom{margin-top:30px;font-size:11px}.small-label{display:none}.section{padding-block:65px}.section-heading{display:block}.section-heading>p{max-width:100%;margin-bottom:0}.products{grid-template-columns:1fr;gap:26px}.product-top{padding:24px}.product-copy{padding:27px}.product-copy h3{min-height:0;font-size:30px}.product-copy>p:not(.eyebrow):not(.product-link){min-height:0}.philosophy-heading{display:block}.philosophy-heading>p{max-width:100%}.principles{grid-template-columns:1fr;gap:32px;margin-top:34px}.principles article{display:grid;grid-template-columns:35px 1fr;gap:0 16px}.number{grid-row:1/4;margin:0}.principles h3,.principles h4,.principles p{grid-column:2}.principles h3{font-size:28px;margin-bottom:6px}.principles h4{margin-top:8px}.about{grid-template-columns:1fr;gap:14px}.about-copy{max-width:100%}.contact{display:block;padding-block:50px}.contact h2{font-size:48px}.contact-action{margin-top:28px;max-width:100%}.footer{grid-template-columns:1fr;gap:15px}.footer nav{justify-content:flex-start;gap:28px}.footer-bottom{flex-wrap:wrap;gap:12px;margin-top:20px}.actions{gap:20px}.button{gap:18px;padding:17px 18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.product{min-width:0}.product-top{flex-wrap:wrap}.coming{flex-wrap:wrap;gap:10px}@media(max-width:360px){.actions{flex-wrap:wrap}.product-copy{padding:22px}.sound-rings{gap:8px}.hero h1{font-size:49px}}

/* Web development and contact share the studio's existing palette and type. */
.web-services{background:var(--stone)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.service-grid article{border-top:1px solid var(--line);padding-top:24px}.service-number{color:var(--accent);font-family:Georgia,serif;font-size:18px}.service-grid h3{margin:22px 0 15px;font-size:29px}.service-grid p{font-size:14px}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:32px}.service-bottom p{font-size:13px;margin:0}.contact{align-items:start}.contact>div:first-child{flex:1}.contact-action{max-width:600px;flex:1.25;min-width:0}.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}.contact-form label{display:block;font-size:12px;color:var(--ink);line-height:1.5;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;display:block;margin-top:7px;border:1px solid #aaa99f;border-radius:0;background:#fff;color:var(--ink);font:inherit;font-size:16px;padding:12px;min-width:0}.contact-form textarea{resize:vertical}.contact-form :is(input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.contact-form .button{cursor:pointer}.contact-form fieldset:disabled{opacity:.62}.contact-form .form-note{font-size:12px}.contact-form #contact-status{margin:14px 0 0;font-size:13px}.sr-only,.form-trap{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.service-grid article{transition:transform .2s}.service-grid article:hover{transform:translateY(-3px)}
@media(max-width:760px){.service-grid{grid-template-columns:1fr;gap:20px}.service-bottom{align-items:start;flex-direction:column}.contact-action{max-width:100%}.header nav{flex-wrap:wrap}.header nav a{font-size:12px}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){.service-grid article{transition:none}.service-grid article:hover{transform:none}}

.policy-page{max-width:850px}.policy-page h1{font-size:clamp(42px,6vw,72px)}.policy-page h2{font-size:30px;margin-top:42px}.policy-page p{margin-bottom:24px}.policy-page a{text-decoration:underline;text-underline-offset:3px}