/* About-only Natural Studio theme. Shared roles keep every section in the same palette. */
.about-page{--as-green:#163e30;--as-paper:#faf8f1;--as-surface:#f1eee5;--as-mist:#edf3f4;--as-gold:#806025;--as-rule:#bca66f;--as-line:#d5d8ca;--as-body:#4e5b50;--as-muted:#657067;--as-section-space:clamp(48px,5vw,72px);--as-button-fill:linear-gradient(110deg,#94712e,#806025);background:var(--as-paper)}
.about-studio{background:var(--as-paper);color:var(--as-body)}
.about-studio .container{width:min(1240px,calc(100% - 108px))}
.about-studio :is(h1,h2,h3){font-family:Georgia,"Times New Roman",serif;color:var(--as-green);font-weight:700;letter-spacing:-.025em}
.about-studio h2{font-size:clamp(1.9rem,3.3vw,3.1rem);line-height:1.12;margin-bottom:22px}
.about-studio h3{font-size:1.45rem;line-height:1.25}
.about-studio p{line-height:1.65}
.about-studio figure{margin:0}
.about-studio .as-kicker{font-size:.75rem;font-weight:650;letter-spacing:.2em;text-transform:uppercase;color:var(--as-gold);margin:0 0 14px}
.as-opening{padding:clamp(24px,2.4vw,38px) 0 clamp(24px,2.6vw,40px);background:#f3f0e6 url('images/products-palm-banner.webp') center 42%/cover no-repeat;border-bottom:1px solid var(--as-line)}
.as-opening-layout{display:grid;grid-template-columns:minmax(0,62%) minmax(0,1fr);align-items:center;gap:4.5%}
.about-studio .as-opening h1{font-size:clamp(3.2rem,6.65vw,6.2rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 5px;color:var(--as-green)}
.as-opening .as-kicker{margin-bottom:10px;letter-spacing:.22em}
.about-studio .as-opening-intro{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1rem,1.72vw,1.5rem);line-height:1.35;color:var(--as-green);margin:0}
.about-studio .as-opening-note{font-family:Georgia,"Times New Roman",serif;font-size:clamp(.875rem,1.35vw,1.15rem);line-height:1.15;color:var(--as-muted);margin:25px 0 0;max-width:245px}
.as-opening-note span,.as-small-rule{display:block;width:48px;height:1px;background:var(--as-rule);margin-top:17px}
.as-introduction{padding:var(--as-section-space) 0;background:var(--as-paper)}
.as-introduction-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.5fr);gap:clamp(30px,4.2vw,60px);align-items:center}
.as-introduction-copy{min-width:0}
.about-studio .as-script{font-family:"Great Vibes",cursive;font-size:2.05rem;line-height:1.2;margin-bottom:16px;color:var(--as-gold)}
.as-introduction-copy h2{font-size:clamp(2rem,3vw,2.9rem);margin-bottom:24px}
.as-introduction-lead p{font-size:1.0625rem;margin-bottom:18px;max-width:430px}
.as-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--as-rule);color:var(--as-green);font-size:1rem;font-weight:600;text-decoration:none;min-height:44px;padding-bottom:5px}
.as-text-link .icon{width:21px;height:21px}
.as-text-link:hover{color:var(--as-gold)}
.about-studio :is(.as-source-photo,.as-port-photo){padding:10px;background:var(--as-mist);border:1px solid var(--as-line);border-radius:4px}
.about-studio .as-port-photo{margin-top:36px}
.as-port-photo img{width:100%;height:auto;aspect-ratio:3.1;object-fit:cover;object-position:center 63%}
.as-sourcing{padding:0 0 var(--as-section-space);background:var(--as-paper)}
.as-sourcing>.container{padding-top:var(--as-section-space);border-top:1px solid var(--as-line)}
.as-sourcing-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:clamp(35px,8vw,112px);align-items:start}
.as-source-photo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.as-story-heading h2{max-width:490px;margin-bottom:0}
.as-story-heading .as-small-rule{margin-top:24px;background:var(--as-rule);width:70px;height:1px}
.as-story-copy p:not(.as-kicker){font-size:1.0625rem;line-height:1.65;margin-bottom:16px}
.as-story-copy p:last-child{margin-bottom:0}
.as-process{padding:var(--as-section-space) 0;background:var(--as-surface);border-top:1px solid var(--as-line)}
.as-section-title{display:flex;gap:30px;align-items:center;margin-bottom:34px}
.as-section-title h2{margin:0;max-width:840px}
.as-section-title>span{height:1px;background:var(--as-rule);min-width:35px;flex:1}
.as-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0}
.as-process-grid li{border-top:1px solid var(--as-rule);padding-top:20px;min-width:0}
.as-step-number{display:block;font-family:Georgia,"Times New Roman",serif;font-size:2.1rem;color:var(--as-gold);line-height:1.1;margin-bottom:20px}
.as-process-grid h3{font-size:1.375rem;min-height:2.5em;margin-bottom:12px}
.as-process-grid p{font-size:1rem;margin:0}
.as-buyer{padding:0 0 var(--as-section-space);background:var(--as-surface)}
.as-buyer>.container{padding-top:var(--as-section-space);border-top:1px solid var(--as-line)}
.as-buyer-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.3fr);gap:9%;align-items:start}
.as-buyer-intro{font-size:1.0625rem;max-width:400px;margin:0}
.as-buyer-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0}
.as-buyer-details>div{position:relative;padding:0 0 18px 38px;border-bottom:1px solid var(--as-line);min-width:0}
.as-detail-icon{position:absolute;left:0;top:1px;color:var(--as-gold)}
.as-detail-icon .icon{width:25px;height:25px}
.as-buyer-details dt{font-weight:650;color:var(--as-green);font-size:1.125rem;line-height:1.35;margin-bottom:10px}
.as-buyer-details dd{font-size:1rem;line-height:1.55;margin:0}
.about-studio .registrations{padding:var(--as-section-space) 0;background:var(--as-paper);border-top:1px solid var(--as-line)}
.about-studio .registrations .section-heading{margin-bottom:34px}
.about-studio .registrations .eyebrow{font-size:.75rem;letter-spacing:.2em;margin-bottom:13px;color:var(--as-gold)}
.about-studio .registration-card h3{font-family:"Source Sans 3",Arial,sans-serif;font-size:1.2rem;letter-spacing:0;font-weight:650}
.about-studio .registration-board-grid{margin-top:32px}
.as-closing{padding:38px 0;background:linear-gradient(90deg,#163e30e0,#163e3040),var(--as-green) url('images/products-cocopeat-background.webp') center 48%/cover no-repeat;color:var(--as-paper)}
.as-closing-layout{display:flex;align-items:center;gap:48px;min-height:120px}
.as-closing-layout>div{border-right:1px solid var(--as-rule);padding-right:40px;max-width:620px}
.about-studio .as-closing h2{font-size:clamp(1.8rem,2.6vw,2.4rem);color:#fff;margin-bottom:12px}
.as-closing p{margin:0;max-width:520px;font-size:1rem}
.as-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;padding:12px 24px;background:var(--as-button-fill);border:1px solid var(--as-rule);border-radius:4px;color:#fff;font-weight:600;font-size:1rem;text-decoration:none;white-space:nowrap;transition:background .18s}
.as-button .icon{width:20px;height:20px}
.as-button:hover{background:#71541f;color:#fff}
.about-studio :is(a,button):focus-visible{outline:3px solid var(--as-gold);outline-offset:4px}
.as-closing .as-button:focus-visible{outline-color:var(--as-paper)}
/* Match the approved Products navigation without changing other routes. */
.about-page .site-header .nav-catalogue{display:none}
.about-page .contact-strip>.container{width:min(1240px,calc(100% - 108px))}
.about-page .site-header{background:#fbfaf5;border-bottom:0}
.about-page .nav-shell{width:min(1240px,calc(100% - 108px));min-height:clamp(76px,7.7vw,108px);gap:clamp(30px,5vw,74px)}
.about-page .brand{width:clamp(170px,18vw,258px)}
.about-page .site-header .nav-quote{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--as-button-fill);border:1px solid var(--as-rule);color:#fff;border-radius:4px;font-weight:600;padding:10px 22px;min-height:44px}
.about-page .site-header .nav-quote:hover{background:#71541f}
.about-page .site-header .nav-quote .icon{width:19px;height:19px}
@media(min-width:850px){
 .about-page .nav-shell{flex-wrap:nowrap}
 .about-page .menu-toggle{display:none}
 .about-page .site-header nav,.about-page .site-header nav.open{display:flex;flex:1;flex-direction:row;align-items:center;gap:clamp(18px,2.9vw,42px);padding:0 0 0 clamp(105px,9vw,130px);width:auto;min-width:0}
 .about-page .site-header nav>a{font-size:.875rem;padding:10px 0;font-weight:600}
 .about-page .site-header nav>a[aria-current]{background:none;color:#183b2e;border-radius:0}
 .about-page .site-header nav>a[aria-current]:after{display:block;bottom:0}
 .about-page .site-header nav>.nav-quote{margin-left:auto;padding:10px 20px}
}
@media(min-width:850px) and (max-width:1040px){
 .about-page .nav-shell{gap:28px}
 .about-page .site-header nav,.about-page .site-header nav.open{gap:19px}
 .about-page .site-header nav>a{font-size:.8125rem}
 .about-page .site-header nav>.nav-quote{padding-inline:15px;gap:10px}
}
@media(max-width:1040px){
 .as-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}
 .as-process-grid h3{min-height:0}
 .as-introduction-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:30px}
 .as-sourcing-layout{grid-template-columns:1fr 1.2fr;gap:40px}
 .as-buyer-layout{gap:40px}
}
@media(max-width:849px){
 .about-studio .container{width:calc(100% - 48px)}
 .about-page .contact-strip>.container{width:calc(100% - 40px)}
 .about-page .nav-shell{width:calc(100% - 40px);min-height:80px;gap:20px}
 .about-page .brand{width:205px}
 .about-page .site-header nav{flex-basis:100%}
 .about-page .site-header nav>.nav-quote{margin-top:8px}
 .as-opening-layout{grid-template-columns:minmax(0,1fr) 175px;gap:25px}
 .about-studio .as-opening h1{font-size:clamp(3rem,7vw,4rem)}
 .about-studio .as-opening-note{font-size:.875rem}
 .as-introduction-layout{grid-template-columns:1fr;gap:30px}
 .as-introduction-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;align-items:start}
 .as-introduction-copy .as-script{grid-column:1/-1}
 .as-introduction-copy h2{margin-bottom:0}
 .as-introduction-lead p{font-size:1rem}
 .as-sourcing-layout{grid-template-columns:.9fr 1.1fr;gap:30px}
 .as-source-photo{max-width:none}
 .as-story-copy{max-width:640px}
 .as-story-heading h2{max-width:none}
 .as-buyer-layout{grid-template-columns:1fr;gap:30px}
 .as-buyer-intro{max-width:600px}
 .as-closing-layout{gap:28px}
 .as-closing-layout>div{padding-right:28px}
}
@media(max-width:599px){
 .about-studio .container{width:calc(100% - 36px)}
 .as-opening{padding:28px 0;background-position:62% center}
 .as-opening-layout{grid-template-columns:1fr;gap:18px}
 .about-studio .as-opening h1{font-size:clamp(2.7rem,10vw,3.8rem)}
 .about-studio .as-opening-note{display:none}
 .about-studio .as-opening-intro{font-size:1rem;max-width:310px}
 .as-opening .as-kicker{letter-spacing:.15em}
 .about-page{--as-section-space:42px}
 .as-introduction-copy{display:block}
 .as-introduction-copy h2{margin-bottom:20px}
 .about-studio .as-script{font-size:1.95rem}
 .as-port-photo img{aspect-ratio:2.1;object-position:center 63%}
 .as-sourcing-layout{grid-template-columns:1fr;gap:24px}
 .as-story-heading .as-small-rule{display:none}
 .about-studio .as-port-photo{margin-top:28px}
 .as-section-title{gap:18px;margin-bottom:28px}
 .as-section-title>span{display:none}
 .as-process-grid{gap:28px 24px}
 .as-step-number{font-size:1.9rem;margin-bottom:16px}
 .as-process-grid h3{font-size:1.25rem}
 .as-process-grid p{font-size:.95rem}
 .as-buyer-details{gap:24px}
 .as-buyer-details>div{padding-left:0;padding-top:36px}
 .as-closing{background:linear-gradient(90deg,#163e30ee,#163e3077),var(--as-green) url('images/products-cocopeat-background.webp') 65% center/cover}
 .as-closing-layout{flex-direction:column;align-items:start;gap:24px}
 .as-closing-layout>div{border:0;padding:0}
}
@media(max-width:380px){
 .as-process-grid,.as-buyer-details{grid-template-columns:1fr}
 .as-buyer-details>div{padding:0 0 20px 38px}
}
@media(prefers-reduced-motion:reduce){.about-studio *{scroll-behavior:auto!important;transition:none!important}}