/*
Theme Name: Sugar Loaf Podcast Studio
Theme URI: https://sugarloafpodcaststudio.com/
Author: Sugar Loaf Podcast Studio
Description: A bold, responsive one-page theme for Sugar Loaf Podcast Studio, with an enquiry form at the bottom of the homepage.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: sugar-loaf-podcast-studio
*/
:root{--green:#073d2a;--green-deep:#062b1f;--cream:#f8f2e5;--gold:#e6ae3d;--ink:#112b20;--muted:#56645a;--line:rgba(7,61,42,.16);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}button,input,select,textarea{font:inherit}.site-header{background:var(--green-deep);color:var(--cream);position:relative;z-index:2}.header-inner{max-width:var(--wrap);padding:17px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}.brand img,.custom-logo{width:62px;height:62px;object-fit:contain;border-radius:50%;background:var(--cream)}.brand-name{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(19px,2vw,27px);line-height:1.05;letter-spacing:-.03em}.brand-tag{display:block;color:#d7c89e;font-size:10px;letter-spacing:.19em;text-transform:uppercase;margin-top:7px}.main-nav{display:flex;align-items:center;gap:clamp(15px,2.4vw,34px);font-size:14px;font-weight:700}.main-nav a{text-decoration:none;transition:color .2s}.main-nav a:hover{color:var(--gold)}.main-nav .nav-book{background:var(--gold);color:var(--green-deep);padding:11px 20px;border-radius:3px}.main-nav .nav-book:hover{background:#f2c45e;color:var(--green-deep)}.hero{position:relative;min-height:620px;background:var(--green) url('assets/images/studio-hero-logo.webp') center right/cover no-repeat;color:var(--cream);display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,44,31,.98) 0%,rgba(4,44,31,.93) 29%,rgba(4,44,31,.61) 49%,rgba(4,44,31,.04) 100%)}.hero-inner{position:relative;width:min(var(--wrap),100%);padding:65px 28px 76px;margin:auto}.hero-copy{max-width:590px}.eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--gold);margin:0 0 15px}.hero h1{font-family:var(--serif);font-size:clamp(57px,8.3vw,108px);line-height:.88;letter-spacing:-.065em;margin:0 0 22px;max-width:580px}.hero-sub{margin:0 0 28px;color:#eeddb5;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;max-width:410px}.hero-description{font-size:17px;max-width:450px;color:#f6f0e3;margin:0 0 27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--gold);color:var(--green-deep);font-weight:900;text-transform:uppercase;letter-spacing:.075em;text-decoration:none;padding:16px 24px;border-radius:3px;transition:transform .2s,background .2s}.button:hover{background:#f2c45e;transform:translateY(-2px)}.button-dark{background:var(--green);color:white}.button-dark:hover{background:var(--green-deep);color:white}.section{padding:88px 28px}.container{max-width:var(--wrap);margin:0 auto}.section-label{color:#bd8725;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:900;margin:0 0 8px}.section h2{font-family:var(--serif);font-size:clamp(38px,5.3vw,67px);line-height:.96;letter-spacing:-.055em;margin:0 0 30px;color:var(--green)}.services{background:var(--cream)}.services-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}.services-copy h2{max-width:650px}.service-list{display:grid;gap:17px;margin-top:30px}.service-item{display:grid;grid-template-columns:54px 1fr;gap:15px;align-items:center}.service-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--green);font-size:23px;font-weight:900}.service-item h3{font-size:15px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}.service-item p{margin:0;color:#46554b;font-size:14px;line-height:1.45}.piano-image{width:100%;height:550px;object-fit:cover;border-radius:4px;box-shadow:18px 18px 0 var(--gold)}.studio-section{background:#fffaf0}.section-intro{max-width:680px;color:#56645a;margin:-12px 0 32px;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:24px;border:1px solid var(--line);background:#fffdf7;min-height:165px;box-shadow:5px 5px 0 rgba(7,61,42,.12)}.feature-card h3{font-family:var(--serif);font-size:22px;line-height:1.1;margin:0 0 10px;color:var(--green)}.feature-card p{font-size:14px;color:#4a5b50;margin:0}.gear{background:#e9dfc8}.gear-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}.gear-grid li{border-bottom:0;padding:0 0 18px;font-size:15px;display:flex;flex-direction:column;gap:12px}.gear-grid li:before{display:none}.gear-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:3px;box-shadow:6px 6px 0 rgba(7,61,42,.14)}.gear-grid span{display:block;font-size:15px;font-weight:700;line-height:1.4}.pricing{background:var(--green-deep);color:var(--cream)}.pricing h2{color:var(--cream)}.pricing .section-label{color:var(--gold)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid rgba(248,242,229,.45);padding:29px 24px;min-height:335px;display:flex;flex-direction:column;align-items:center;text-align:center}.price-card.featured{background:#f0e7d4;color:var(--green-deep);border-color:var(--gold);transform:translateY(-8px)}.price-card h3{font-family:var(--serif);font-size:24px;margin:0 0 12px}.price{font-family:var(--serif);font-size:clamp(56px,6.4vw,82px);line-height:1;color:var(--gold);font-weight:700;margin:0 0 17px}.featured .price{color:var(--green);font-size:clamp(68px,7.5vw,96px)}.price small{font-size:20px}.price-card p{font-size:14px;max-width:270px;margin:0 0 22px;flex:1;color:inherit;opacity:.88}.price-card .button{font-size:12px;padding:13px 17px;width:100%}.how{background:var(--cream)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:#fffdf7;padding:25px;box-shadow:5px 5px 0 rgba(7,61,42,.12)}.step-num{color:#d59d36;font:700 31px var(--serif)}.step h3{font:700 23px var(--serif);color:var(--green);margin:4px 0 9px}.step p{margin:0;font-size:14px;color:#4a5b50}.booking{background:var(--green);color:var(--cream);padding-bottom:34px}.booking h2{color:var(--cream);text-align:center}.booking .section-label{text-align:center}.booking-intro{text-align:center;max-width:690px;margin:0 auto 28px;color:#e9dfc8}.booking-email{text-align:center;margin:0 auto 36px;color:#e9dfc8}.booking-email a{color:var(--gold);font-weight:800}.form-wrap{max-width:850px;margin:auto;background:var(--cream);color:var(--ink);padding:34px 38px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:19px 22px}.field{display:flex;flex-direction:column;gap:7px}.field-full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #b5b09f;border-radius:2px;background:#fffdf8;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.message-count{font-size:12px;text-align:right;color:var(--muted);margin-top:-3px}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:16px}.form-actions button{border:0;cursor:pointer}.form-feedback{font-size:14px;font-weight:700}.form-feedback.success{color:#196f43}.form-feedback.error{color:#9a2d23}.site-footer{background:#04281d;color:#ede4d3;padding:35px 28px}.footer-inner{max-width:var(--wrap);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand img{width:52px;height:52px;border-radius:50%;background:var(--cream)}.footer-name{font-family:var(--serif);font-size:20px;font-weight:700}.footer-details{font-size:14px;color:#d8d0c0}.footer-details a{color:var(--gold);text-decoration:none}.copyright{font-size:12px;color:#c5beae}.form-notice{grid-column:1/-1;padding:12px 15px;background:#e5f3e8;border-left:4px solid #2e8653;color:#17512f}.mobile-toggle{display:none}
@media(max-width:800px){.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{padding:13px 20px}.brand img,.custom-logo{width:50px;height:50px}.main-nav{gap:14px;font-size:12px}.hero{min-height:590px;background-position:58% center}.hero:before{background:linear-gradient(90deg,rgba(4,44,31,.97),rgba(4,44,31,.78) 54%,rgba(4,44,31,.25))}.hero-inner{padding:60px 22px}.section{padding:68px 22px}.services-grid{grid-template-columns:1fr;gap:33px}.piano-image{height:420px}.feature-grid{grid-template-columns:repeat(2,1fr)}.price-grid{gap:12px}.price-card{padding:23px 16px}.footer-inner{align-items:flex-start;flex-wrap:wrap}.copyright{width:100%}}
@media(max-width:560px){.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.gear-grid span{font-size:13px}.price{font-size:74px}.featured .price{font-size:82px}.header-inner{flex-wrap:wrap;gap:12px}.brand{gap:10px}.brand img,.custom-logo{width:45px;height:45px}.brand-name{font-size:19px}.brand-tag{font-size:9px}.main-nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}.main-nav .nav-book{padding:9px 12px}.hero{min-height:610px;background-position:60% center}.hero:before{background:linear-gradient(90deg,rgba(4,44,31,.96),rgba(4,44,31,.78) 75%,rgba(4,44,31,.55))}.hero-inner{padding:62px 20px}.hero h1{font-size:clamp(58px,17vw,86px)}.hero-description{font-size:15px}.section{padding:58px 20px}.section h2{font-size:43px}.piano-image{height:350px;box-shadow:10px 10px 0 var(--gold)}.feature-grid,.price-grid,.steps{grid-template-columns:1fr}.feature-card{min-height:auto}.price-card.featured{transform:none}.gear-grid{grid-template-columns:1fr;gap:0}.form-wrap{padding:24px 18px}.contact-form{grid-template-columns:1fr;gap:15px}.field-full,.form-actions,.form-notice{grid-column:1}.booking-intro,.booking-email{font-size:14px}.footer-inner{display:grid}.footer-brand{align-items:flex-start}.footer-details{padding-left:67px;margin-top:-19px}}

/* Equipment gallery and larger, high-contrast package prices */
.gear-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.gear-grid li{padding:0 0 18px;border-bottom:0;display:flex;flex-direction:column;gap:12px}.gear-grid li:before{display:none}.gear-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:3px;box-shadow:6px 6px 0 rgba(7,61,42,.14)}.gear-grid span{display:block;font-size:15px;font-weight:700;line-height:1.4}.price-card .price{font-size:clamp(59px,6.5vw,86px);line-height:.96;letter-spacing:-.06em}.price-card .price small{font-size:20px;letter-spacing:0}.price-card.featured .price{font-size:clamp(68px,7.5vw,96px)}
@media(max-width:800px){.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card .price{font-size:68px}}
@media(max-width:560px){.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.gear-grid span{font-size:13px}.price-card .price{font-size:74px}.price-card.featured .price{font-size:82px}}

/* Make package prices the unmistakable focal point. */
.price-card .price{font-size:clamp(82px,8.5vw,112px);line-height:.9;letter-spacing:-.075em}.price-card.featured .price{font-size:clamp(94px,9.4vw,124px)}.price-card .price small{font-size:22px;letter-spacing:0}
@media(max-width:800px){.price-card .price{font-size:82px}.price-card.featured .price{font-size:94px}}
@media(max-width:560px){.price-card .price{font-size:78px}.price-card.featured .price{font-size:88px}}

/* Blog and article layouts */
.blog-hero{background:var(--green);color:var(--cream);padding:88px 28px 74px}.blog-hero .section-label{color:var(--gold)}.blog-hero h1{font:700 clamp(52px,8vw,94px)/.95 var(--serif);letter-spacing:-.06em;margin:0;max-width:850px}.blog-intro{max-width:650px;font-size:18px;color:#e5dcc9;margin:18px 0 0}.blog-list-section{padding:66px 28px 90px;background:var(--cream)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{background:#fffdf7;border:1px solid var(--line);box-shadow:6px 6px 0 rgba(7,61,42,.12);display:flex;flex-direction:column;min-width:0}.blog-card-image{display:block;aspect-ratio:16/10;background:#e9dfc8;overflow:hidden}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card-image:hover img{transform:scale(1.04)}.blog-image-fallback{height:100%;display:grid;place-content:center;text-align:center;background:var(--green);color:var(--cream);font:700 30px/1.1 var(--serif)}.blog-card-body{padding:23px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.blog-meta,.article-meta{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#68756b;margin:0 0 11px}.blog-meta a{text-decoration:none;color:var(--green)}.blog-card h2{font:700 27px/1.08 var(--serif);letter-spacing:-.03em;color:var(--green);margin:0 0 12px}.blog-card h2 a{text-decoration:none}.blog-card h2 a:hover,.blog-read-more:hover{color:#a26c10}.blog-excerpt{font-size:15px;color:#4a5b50;margin:0 0 18px}.blog-read-more{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--green);text-decoration:none;margin-top:auto}.blog-pagination{margin-top:42px}.blog-pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:10px}.blog-pagination a,.blog-pagination .page-numbers{display:inline-block;padding:9px 13px;border:1px solid var(--line);text-decoration:none;color:var(--green)}.blog-pagination .current{background:var(--green);color:var(--cream);padding:9px 13px}.blog-empty{padding:60px 20px;text-align:center;background:#fffdf7}.blog-empty h2{font:700 34px var(--serif);color:var(--green)}.article-main{background:var(--cream);padding:48px 28px 90px}.article-container{max-width:850px;margin:auto}.article-back{display:inline-block;color:var(--green);font-weight:800;text-decoration:none;margin-bottom:26px}.article-header h1{font:700 clamp(44px,7vw,76px)/.98 var(--serif);letter-spacing:-.055em;color:var(--green);margin:0 0 18px}.article-header .section-label{margin-bottom:12px}.article-meta{margin-bottom:28px}.article-featured-image{margin:28px 0 38px}.article-featured-image img{display:block;width:100%;max-height:620px;object-fit:cover}.article-content{font-size:18px;line-height:1.8;color:#263d31}.article-content h2,.article-content h3,.article-content h4{font-family:var(--serif);color:var(--green);line-height:1.15;margin-top:1.8em}.article-content h2{font-size:36px}.article-content h3{font-size:28px}.article-content a{color:#805b14;text-decoration-thickness:1px;text-underline-offset:3px}.article-content blockquote{border-left:4px solid var(--gold);margin:28px 0;padding:5px 22px;color:#536257;font-family:var(--serif);font-size:22px}.article-content img{height:auto}.article-content figure{margin:30px 0}.article-pagination{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.article-pagination a{color:var(--green);font-weight:700;text-decoration:none}.article-pagination a:hover{color:#a26c10}
@media(max-width:800px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero{padding:70px 22px 58px}.blog-list-section{padding:54px 22px 70px}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:58px 20px 48px}.blog-hero h1{font-size:58px}.blog-intro{font-size:16px}.blog-list-section{padding:40px 20px 58px}.blog-card-body{padding:20px}.article-main{padding:35px 20px 60px}.article-content{font-size:16px}.article-content h2{font-size:30px}.article-pagination{font-size:13px}}