/*
Theme Name: Thread & Petal Botanical
Author: Thread & Petal
Description: A lightweight craft storefront with native WooCommerce support. Original illustrated pre-launch collection.
Version: 1.3.1
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: thread-petal
*/
:root{--paper:#faf7ef;--ink:#253c31;--muted:#637367;--lime:#d9e788;--rose:#efbca8;--line:#d8ddcf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #af623e;outline-offset:5px}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;line-height:1.06;letter-spacing:-.04em}h1{font-size:clamp(48px,6.2vw,88px)}h2{font-size:clamp(36px,4vw,58px)}h3{font-size:23px;line-height:1.25;font-weight:500}.wrap{width:min(1280px,90%);margin:auto}.topnote{background:var(--ink);color:var(--paper);text-align:center;padding:8px 16px;font-size:12px;letter-spacing:.13em}.sitehead{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:29px;letter-spacing:-1px}.brand span{font-style:italic}.sitehead nav{display:flex;gap:26px;font-size:14px}.headshop{border:1px solid var(--ink);border-radius:30px;padding:8px 18px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:65px 0 75px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:650;letter-spacing:.18em;margin-bottom:22px}.hero h1 em{font-weight:400;color:#9b553f}.hero p{max-width:450px;color:var(--muted)}.heroart{position:relative;background:#e9edda;border-radius:48% 48% 4px 4px;overflow:hidden}.heroart img{display:block;width:100%}.artcaption{position:absolute;bottom:14px;left:24px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;background:var(--ink);color:white;border:0;border-radius:40px;padding:14px 24px;font-size:14px;font-weight:500;cursor:pointer}.button:hover{background:#405b49;text-decoration:none}.herolink{display:inline-block;margin:16px 0 0 22px;font-size:14px;text-decoration:underline}.strip{display:flex;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.section{padding:80px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.sectionhead h2{margin-bottom:0}.sectionhead p{max-width:340px;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.craftcard .visual{height:270px;border-radius:8px;position:relative;display:grid;place-items:center;overflow:hidden}.craftcard h3{margin:18px 0 8px}.craftcard p{font-size:14px;color:var(--muted)}.craftcard small{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.craftcard .visual img{width:100%;height:100%;object-fit:cover}.visual.rose{background:#eed4c7}.visual.green{background:#dfe6c8}.visual.blue{background:#dce8e9}.hoop{border:12px solid #ac8152;border-radius:50%;width:180px;height:180px;background:#fff9e9;box-shadow:inset 0 0 0 4px #d4b88c,0 15px 20px #253c3115;display:grid;place-items:center}.flower{font-size:110px;color:#ac654f;line-height:1}.tuft{width:185px;height:180px;border-radius:45% 55% 40% 60%;background:repeating-linear-gradient(95deg,#e7b295 0 3px,#dca285 3px 6px);transform:rotate(-12deg);border:16px solid #718560;box-shadow:0 14px 22px #253c3118}.tuft:after{content:'';display:block;width:60px;height:60px;border-radius:50%;background:#e9ce75;margin:42px}.yarn{width:130px;height:130px;border-radius:50%;background:repeating-linear-gradient(40deg,#b46b52 0 5px,#d2967e 5px 9px);box-shadow:70px 35px 0 -10px #e0c875,-55px 40px 0 -15px #7a9076;transform:rotate(12deg)}.story{background:var(--ink);color:var(--paper);padding:65px;border-radius:8px;display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}.story p{color:#d7dece}.story h2{margin-bottom:22px}.story .button{background:var(--lime);color:var(--ink)}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{counter-increment:step;border-bottom:1px solid #ffffff30;padding:20px 0}.steps li:before{content:'0' counter(step);font-size:11px;color:var(--lime);margin-right:20px}.steps strong{font-weight:500;font-size:19px}.steps p{font-size:13px;margin:8px 0 0 40px}.faq{max-width:850px;margin:auto}.faq h2{text-align:center;margin-bottom:36px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:17px;cursor:pointer}.faq details p{font-size:14px;color:var(--muted);padding-top:18px;max-width:700px}.sitefoot{border-top:1px solid var(--line);padding:36px 0}.footrow{display:flex;justify-content:space-between;align-items:center;gap:30px}.sitefoot p{font-size:12px;color:var(--muted);margin:15px 0 0}.sitefoot nav{display:flex;gap:20px;font-size:13px}.content{min-height:55vh;padding:60px 0}.content h1{font-size:50px}.entry{max-width:850px}.woocommerce div.product .product_title{font-size:42px}.woocommerce .woocommerce-breadcrumb{font-size:13px}.woocommerce ul.products li.product h2{font-family:inherit;letter-spacing:0;line-height:1.4}.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--ink)}.woocommerce input,.woocommerce select,.woocommerce textarea{padding:12px;border:1px solid var(--line);border-radius:4px;max-width:100%}.woocommerce .woocommerce-info{border-top-color:var(--ink)}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:15px;top:15px;background:white;padding:15px;z-index:1000}@media(max-width:760px){.sitehead{flex-wrap:wrap;padding:18px 0;gap:14px}.brand{font-size:25px}.sitehead nav{order:3;width:100%;gap:22px}.hero{grid-template-columns:1fr;padding:40px 0;gap:35px}.heroart{max-width:480px;width:100%;margin:auto}.hero h1{max-width:520px}.herolink{margin-left:15px}.strip{flex-wrap:wrap;justify-content:center;font-size:11px}.cards{grid-template-columns:1fr;gap:32px}.craftcard .visual{height:290px}.section{padding:50px 0}.sectionhead{display:block}.sectionhead p{margin-top:20px}.story{grid-template-columns:1fr;padding:30px;gap:20px}.footrow{display:block}.sitefoot nav{margin-top:20px}.content h1{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Botanical landing page v1.1 */
figure{margin:0}.heroart figcaption{font-size:11px;line-height:1.5;padding:10px 22px 18px;color:#526247;text-align:center}.hero-copy h1{font-size:clamp(43px,5.8vw,78px);max-width:630px}.hero-copy .launch-note{font-size:12px;margin-top:16px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.detail-art{height:480px;background:#eee0d1;border-radius:6px;overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:cover;transform:scale(1.34) rotate(7deg)}.pill{font-size:10px;letter-spacing:.1em;border:1px solid var(--line);border-radius:20px;padding:8px 12px;display:inline-block}.project-copy h3{font-family:Georgia,serif;font-size:40px;letter-spacing:-.03em;margin:22px 0}.project-copy>p{color:var(--muted)}.project-notes{list-style:none;padding:0;margin:22px 0}.project-notes li{padding:13px 0;border-bottom:1px solid var(--line)}.project-notes strong,.project-notes span{display:block}.project-notes strong{font-size:14px;font-weight:600}.project-notes span{font-size:13px;color:var(--muted);margin-top:4px}.text-link{display:inline-block;text-decoration:underline;padding:10px 0}.materials-band{background:#eeeddf}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.material-grid article{border-top:1px solid #b9c2ab;padding-top:20px}.material-number{font:italic 30px Georgia,serif;color:#8d674c}.material-grid h3{font-size:20px;margin:16px 0 12px}.material-grid p{font-size:14px;color:var(--muted)}.process-note{display:block;font-size:12px;color:#d7dece}.gentle-pause{text-align:center;padding:40px 0 0}.gentle-pause h2{font-size:clamp(32px,4vw,54px)}.gentle-pause p{color:var(--muted);max-width:490px;margin:auto}.closing-note{text-align:center;background:#e5e9d7;border-radius:8px;padding:45px 25px;margin-bottom:65px}.closing-note h2{font-size:clamp(30px,3.5vw,45px);margin:16px 0}.closing-note p{color:var(--muted);font-size:14px}.faq summary{min-height:44px;display:list-item;padding-right:20px}.sitehead a{min-height:44px;display:inline-flex;align-items:center}.sitehead .brand{white-space:nowrap}.button{min-height:48px}.hero .button{margin-top:8px}@media(max-width:760px){.hero{padding-top:28px;gap:20px}.hero-copy .eyebrow{font-size:10px;margin-bottom:16px}.hero-copy p{font-size:15px}.hero-copy h1{margin-bottom:20px}.heroart{border-radius:45% 45% 6px 6px;max-width:380px}.heroart img{max-height:350px;object-fit:contain}.sitehead nav{font-size:12px;justify-content:space-between;gap:10px}.sitehead .headshop{display:none}.sitehead{gap:2px;padding-bottom:10px}.strip{gap:12px;font-size:9px}.project-grid{grid-template-columns:1fr;gap:25px}.detail-art{height:300px}.project-copy h3{font-size:33px}.material-grid{grid-template-columns:repeat(2,1fr);gap:24px 18px}.material-grid h3{font-size:18px}.material-grid p{font-size:13px}.gentle-pause{padding-top:10px}.closing-note{margin-bottom:40px}.faq summary{font-size:16px}.story .steps li:first-child{padding-top:0}}@media(max-width:360px){.material-grid{grid-template-columns:1fr}.hero-copy h1{font-size:39px}}

/* v1.2: usable WordPress menus, customer links and commerce layouts. */
.sitehead nav,.sitefoot nav{min-width:0}
.nav-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;list-style:none;margin:0;padding:0}
.nav-list li{max-width:100%;position:relative}
.nav-list a{overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center;line-height:1.4}
.nav-list .current-menu-item>a,.nav-list .current-menu-ancestor>a{text-decoration:underline;text-underline-offset:5px}
.nav-list .sub-menu{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid var(--line)}
.nav-list .sub-menu a{font-size:12px}
.sitefoot .footrow{align-items:flex-start}
.sitefoot nav{max-width:70%}
.sitefoot .nav-list{justify-content:flex-end}
.sitehead.store-header .headshop{display:inline-flex}
#site-content{scroll-margin-top:16px}
.entry a:not(.button):not(.wp-element-button):not(.wc-block-components-button),.woocommerce-info a,.woocommerce-message a,.woocommerce-privacy-policy-text a,.woocommerce-terms-and-conditions-wrapper a{text-decoration:underline;text-underline-offset:3px}
.entry.commerce-entry{max-width:none;width:100%}
.content,.entry,.woocommerce div.product{min-width:0;overflow-wrap:anywhere}
.catalog-intro{max-width:680px;margin-bottom:64px}
.catalog-intro h1{font-size:clamp(40px,6vw,72px)}
.catalog-intro p{color:var(--muted)}
.catalog-products h2{font-size:clamp(30px,4vw,46px);margin-bottom:30px}
.catalog-products:after{content:'';display:block;clear:both}
.catalog-products>.text-link{clear:both}
.entry article+article{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.entry .entry-title{font-size:clamp(25px,4vw,36px);line-height:1.2}
.entry .search-form{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.entry .search-form label{flex:1;min-width:0}
.entry .search-field{padding:12px;border:1px solid var(--line);border-radius:4px;font:inherit;width:100%;min-height:48px}
.entry .search-submit{border:0;border-radius:24px;background:var(--ink);color:#fff;padding:12px 22px;font:inherit;cursor:pointer;min-height:48px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #af623e;outline-offset:3px}
.entry .nav-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:32px}
@media(max-width:760px){
 .sitehead .nav-list{gap:4px 18px;justify-content:flex-start}
 .sitehead.store-header{justify-content:space-between;gap:8px}
 .sitehead.store-header .headshop{min-height:44px}
 .sitefoot nav{max-width:100%}
 .sitefoot .nav-list{justify-content:flex-start;gap:4px 18px}
 .catalog-intro{margin-bottom:42px}
 .content{padding:36px 0}
}
@media(max-width:360px){.sitehead .brand{font-size:23px}.sitehead.store-header .headshop{padding:8px 14px}}
.entry-summary h2{font-size:clamp(25px,4vw,36px);line-height:1.2;letter-spacing:-.02em}

/* v1.3: a quiet botanical identity, local type and responsive editorial details. */
:root{--paper:#faf7ef;--ink:#253c31;--muted:#5c6d61;--terracotta:#9b553f;--line:#d8ddcf;--soft-paper:#f2eee3}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
p{ text-wrap:pretty }
.wrap{width:min(1240px,calc(100% - 64px))}
.sitehead{padding:22px 0;gap:24px}
.brand{font-size:30px;line-height:1.2;letter-spacing:-1.1px}
.topnote{font-size:12px;letter-spacing:.1em;line-height:1.6;padding:10px 20px}
.sitehead nav{font-size:14px}
.sitehead .nav-list{gap:6px 24px}
.sitehead a:hover,.sitefoot a:hover{text-underline-offset:5px}
.hero{padding:68px 0 70px;gap:7%;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr)}
.hero-copy,.project-copy,.sectionhead>*,.material-grid article{min-width:0}
.hero-copy h1{font-size:clamp(48px,5.5vw,78px);line-height:1.06;letter-spacing:-.045em;margin-bottom:27px}
.hero-copy>p{font-size:17px;line-height:1.8;max-width:440px;margin-bottom:26px}
.eyebrow{font-size:12px;letter-spacing:.15em;line-height:1.7;margin-bottom:18px}
.hero-copy .eyebrow{max-width:380px;color:var(--terracotta)}
.hero-copy .launch-note{font-size:13px;line-height:1.7;margin:20px 0 0;max-width:390px}
.heroart{border-radius:49% 49% 8px 8px;background:#e8eddb;border:1px solid #dce2cb}
.heroart figcaption{font-size:12px;padding:10px 24px 22px;line-height:1.6;color:#526247}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
.hero-actions .button,.hero .hero-actions .button{margin:0}
.hero-actions .herolink{margin:0;padding:12px 0}
.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{font-size:15px;line-height:1.5;padding:14px 25px;min-height:50px;transition:background-color .18s ease,color .18s ease}
.button span[aria-hidden]{margin-left:12px}
.herolink,.text-link{font-size:15px;text-decoration-thickness:1px;text-underline-offset:5px}
.text-link{padding:12px 0;min-height:48px}
.strip{justify-content:space-around;align-items:center;padding:22px 10px;font-size:12px;letter-spacing:.09em;line-height:1.6}
.strip span{text-align:center}
.section{padding:88px 0}
.sectionhead{margin-bottom:40px;gap:40px}
.sectionhead h2{font-size:clamp(38px,4.3vw,60px)}
.sectionhead p{font-size:15px;line-height:1.8;margin-bottom:0;max-width:350px}
.section-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;margin-right:12px;border:1px solid var(--line);border-radius:50%;font:italic 16px/1 Georgia,serif;color:var(--terracotta);letter-spacing:0;vertical-align:middle}
.project-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8%}
.detail-art{height:480px;border-radius:8px;background:#eee4d5;border:1px solid #e6dccb}
.pill{font-size:11px;line-height:1.5;letter-spacing:.08em;padding:8px 13px;background:#f5f2e8}
.project-copy h3{font-size:42px;line-height:1.12;margin:22px 0}
.project-copy>p{font-size:16px;line-height:1.8}
.project-notes{margin:22px 0 14px}
.project-notes li{padding:15px 0}
.project-notes strong{font-size:15px}
.project-notes span{font-size:14px;line-height:1.7}
.collection-note{font-size:13px;line-height:1.75;color:var(--muted);border-left:2px solid #b67c61;padding:2px 0 2px 16px;margin:24px 0 0;max-width:660px}
.materials-band{background:#eeeee2;border-top:1px solid #e2e3d5;border-bottom:1px solid #e2e3d5}
.material-grid{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.material-grid article{padding:24px 22px 22px;border:1px solid #d7ddcb;border-radius:6px;background:#faf8f0}
.material-number{font-size:27px;color:var(--terracotta)}
.material-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;color:#647957;margin:0 0 0 12px;vertical-align:middle}
.material-icon svg,.material-icon img{display:block;width:100%;height:100%}
.material-grid h3{font-size:20px;line-height:1.3;margin:20px 0 12px}
.material-grid p{font-size:14px;line-height:1.8;margin-bottom:0}
.story{padding:60px;gap:9%;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative}
.story .eyebrow{color:#d9e788}
.story h2{font-size:clamp(38px,4.1vw,58px);line-height:1.1}
.story p{line-height:1.8;font-size:15px}
.process-note{font-size:13px;line-height:1.75;border-top:1px solid #ffffff30;margin-top:24px;padding-top:20px}
.steps li{position:relative;padding:24px 0 24px 40px}
.steps li:before{position:absolute;left:0;top:27px;margin:0;font-size:12px;letter-spacing:.05em}
.steps li:last-child{border-bottom:0}
.steps strong{font-size:20px;line-height:1.4}
.steps p{font-size:14px;margin:10px 0 0}
.gentle-pause{position:relative;padding-top:26px}
.editorial-label{display:block;color:var(--terracotta);font:italic 22px/1.5 Georgia,serif;margin-bottom:18px}
.gentle-pause h2{max-width:790px;margin:0 auto 22px;line-height:1.13}
.gentle-pause p{font-size:16px;line-height:1.8}
.faq{max-width:840px}
.faq-heading{text-align:center;margin-bottom:38px}
.faq-heading h2{margin-bottom:16px}
.faq-heading p{max-width:500px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.8}
.faq details{padding:0;border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:22px;list-style:none;padding:24px 0;min-height:72px;font-size:17px;font-weight:500;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:23px;font-weight:400;color:var(--terracotta);line-height:1;flex:0 0 24px;text-align:center}
.faq details[open] summary::after{content:'−'}
.faq details[open] summary{padding-bottom:12px}
.faq details p{font-size:15px;line-height:1.85;padding:0 36px 0 0;margin:0 0 25px;max-width:760px}
.closing-note{padding:52px 30px;margin-bottom:72px;border:1px solid #d7deca;background:#e7ebda}
.closing-note .eyebrow{display:block}
.closing-note p{font-size:15px;line-height:1.8;max-width:540px;margin:0 auto 24px}
.sitefoot{padding:38px 0 28px}
.sitefoot p{font-size:13px;line-height:1.7}
.sitefoot nav{font-size:13px}
@media(min-width:981px) and (max-width:1150px){.sitehead .nav-list{gap:5px 15px}.material-grid article{padding:22px 16px}.story{padding:44px;gap:7%}.hero-copy h1{font-size:58px}}
@media(max-width:980px){
 .sitehead{flex-wrap:wrap;gap:12px 24px}
 .sitehead nav{order:3;width:100%}
 .sitehead .nav-list{justify-content:flex-start}
 .hero{grid-template-columns:minmax(0,1fr);gap:36px;padding:44px 0 48px}
 .hero-copy{max-width:660px}
 .hero-copy h1{font-size:clamp(46px,7.4vw,68px);max-width:650px}
 .hero-copy>p{max-width:580px}
 .heroart{max-width:530px;width:100%;margin:auto}
 .section{padding:66px 0}
 .project-grid{gap:5%}
 .detail-art{height:400px}
 .project-copy h3{font-size:36px}
 .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .story{padding:38px;gap:28px;grid-template-columns:minmax(0,1fr)}
 .story>div{max-width:620px}
 .steps li:first-child{padding-top:20px}
 .steps li:first-child:before{top:23px}
 .footrow{flex-wrap:wrap}
 .sitefoot nav{max-width:100%}
 .sitefoot .nav-list{justify-content:flex-start}
}
@media(max-width:760px){
 .wrap{width:calc(100% - 40px)}
 .topnote{font-size:11px;letter-spacing:.07em;padding:10px 16px}
 .sitehead{padding:18px 0 12px;gap:8px}
 .sitehead .brand{font-size:28px}
 .sitehead nav{font-size:13px}
 .sitehead .nav-list{gap:4px 18px}
 .hero{padding:36px 0 40px;gap:32px}
 .hero-copy .eyebrow{font-size:11px;letter-spacing:.12em;max-width:320px}
 .hero-copy h1{font-size:clamp(43px,8.5vw,60px);margin-bottom:22px}
 .hero-copy>p{font-size:16px;line-height:1.75}
 .hero-actions{gap:8px 20px;margin-top:24px}
 .hero-copy .launch-note{font-size:13px}
 .heroart{max-width:420px}
 .heroart img{max-height:none}
 .heroart figcaption{font-size:11px;padding:10px 20px 18px}
 .strip{gap:8px 16px;font-size:11px;padding:18px 0;letter-spacing:.06em}
 .section{padding:54px 0}
 .sectionhead{display:block;margin-bottom:28px}
 .sectionhead h2{font-size:39px}
 .sectionhead p{font-size:15px;max-width:520px;margin:18px 0 0}
 .project-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .detail-art{height:350px}
 .project-copy h3{font-size:37px}
 .material-grid{gap:16px}
 .material-grid article{padding:21px 17px}
 .material-grid h3{font-size:19px;margin-top:16px}
 .material-grid p{font-size:14px}
 .story{padding:28px 24px;gap:24px}
 .story h2{font-size:40px}
 .steps strong{font-size:19px}
 .steps li{padding-left:34px}
 .gentle-pause{padding-top:12px}
 .gentle-pause h2{font-size:37px}
 .gentle-pause p{font-size:15px}
 .faq summary{font-size:16px;padding:22px 0;gap:16px}
 .faq details p{font-size:14px;padding-right:18px}
 .closing-note{padding:36px 22px;margin-bottom:46px}
 .closing-note h2{font-size:35px;line-height:1.12}
 .sitefoot .brand{font-size:27px}
 .sitefoot nav{margin-top:18px}
}
@media(max-width:390px){
 .wrap{width:calc(100% - 36px)}
 .hero-copy h1{font-size:43px}
 .hero-actions{gap:6px 18px}
 .hero-actions .button{padding:14px 20px}
 .material-grid{grid-template-columns:minmax(0,1fr)}
 .material-grid article{padding:24px}
 .detail-art{height:320px}
 .story{padding:26px 21px}
 .story h2,.sectionhead h2{font-size:36px}
 .sitehead .brand{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{transition:none}}
.detail-art.material-study{height:auto;aspect-ratio:auto;display:block;background:#eee4d5}
.detail-art.material-study img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;transform:none}
.detail-art.material-study figcaption{padding:0 20px 18px;font-size:10px;line-height:1.7;letter-spacing:.08em;text-align:center;color:#665d50}
.faq-heading{text-align:center}
.faq-heading>p{color:var(--muted);margin-bottom:32px}

/* Keep native Cart Block content and totals inside narrow phone screens. */
@media(max-width:480px){
 body.woocommerce-cart .wc-block-cart table.wc-block-cart-items{width:100%;table-layout:fixed}
 body.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row{grid-template-columns:56px minmax(0,1fr);column-gap:12px}
 body.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-item__image{grid-column:1;grid-row:1 / span 2;width:56px;padding:0}
 body.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-item__product{grid-column:2;grid-row:1;min-width:0}
 body.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-item__total{grid-column:2;grid-row:2;justify-content:flex-start;margin-top:12px;min-width:0}
}