:root {
  --plum:#3e2e45; --purple:#634770; --ink:#403448; --muted:#7e7487;
  --gold:#be823a; --gold-dark:#a9702d; --white:#fff; --soft:#f6f3f7; --warm:#f7f5f2;
  --line:#e8e3eb; --shadow:0 4px 15px rgb(62 46 69 / 3%);
  --font-body:'Jost',sans-serif; --font-display:'Cormorant Garamond',Georgia,serif; --font-quote:'Caveat',cursive;
  --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-large:1.125rem;
  --title:clamp(3.5rem,6.1vw,5.3rem); --home-title:clamp(3.5rem,6vw,5.25rem);
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px; --space-5:48px; --space-6:64px; --space-7:96px;
  --content:1240px; --detail-content:1080px; --gutter:5%; --radius:5px;
  --button-height:46px; --button-letter-spacing:.16em;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font-body);font-weight:300;font-size:var(--text-base);line-height:1.5}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}p{margin:0 0 16px}h1,h2,h3{font-weight:400;margin:0}h1{font-family:var(--font-display);font-size:var(--title);line-height:1.04;letter-spacing:-.025em}h2.eyebrow,.eyebrow{font-size:var(--text-base);letter-spacing:.24em;text-transform:uppercase;font-weight:400;line-height:1.5}h3{font-size:var(--text-large);font-weight:500}.container{width:90%;max-width:var(--content);margin-inline:auto}.muted{color:var(--muted)}.button{min-height:var(--button-height);display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 25px;border:1px solid var(--gold);border-radius:2px;background:var(--gold);color:white;text-transform:uppercase;letter-spacing:var(--button-letter-spacing);font-size:var(--text-xs);font-weight:400;line-height:1.35;transition:background .15s}.button:hover{background:var(--gold-dark)}.button.outline{background:white;color:var(--plum)}.button.outline:hover{background:var(--warm)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.14em;background:none;padding:0}.text-link:hover{color:var(--gold-dark)}.center-action{display:flex;justify-content:center;margin-top:28px}.art{width:100%;height:100%;overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;background:white;padding:15px;z-index:100}.skip-link:focus{top:10px}
/* One header and footer, shared by every route. */
.site-header{height:clamp(64px,6.3vw,85px);position:relative;z-index:10;background:white}.header-inner{height:100%;display:flex;align-items:center;gap:clamp(24px,5.5vw,75px)}.brand{width:clamp(105px,12vw,160px);height:clamp(80px,9.7vw,130px);background:var(--plum);align-self:flex-start;flex-shrink:0;border-radius:0 0 2px 2px;display:flex;align-items:center;justify-content:center}.brand img{width:94%;mix-blend-mode:screen}.main-nav{display:flex;align-items:center;gap:clamp(22px,2.8vw,38px);flex:1}.main-nav a{position:relative;font-size:var(--text-xs);font-weight:400;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;padding:22px 0}.main-nav a[aria-current=page]:after{content:'';position:absolute;bottom:9px;left:0;right:0;height:2px;background:var(--gold)}.header-actions{display:flex;align-items:center;gap:28px}.icon-button{background:none;padding:8px;width:40px;height:40px}.search-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.header-actions .button{min-height:38px;padding:10px 20px;white-space:nowrap}.menu-toggle{display:none;background:none;font-size:var(--text-sm);padding:10px}.footer{background:var(--plum);color:white;padding:34px 0 36px}.footer-main{display:flex;align-items:center;gap:40px;min-height:96px}.footer-logo{width:115px;mix-blend-mode:screen}.footer-copy{border-left:1px solid #b7aeba;padding-left:40px;line-height:1.5;font-size:var(--text-sm);font-weight:300}.footer-main .button{margin-left:auto}.footer-nav{display:flex;align-items:center;gap:28px;border-top:1px solid #a398a7;padding-top:26px;margin-top:24px;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.footer-nav a+a:before{content:'|';margin-right:28px;color:#b7aeba}.footer-nav .copyright{margin-left:auto;font-size:.7rem}
/* Heroes preserve the distinct proportions of the approved pages. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--warm)}.hero-art{position:absolute;right:0;top:0;height:100%;width:64%;z-index:-1}.hero-content{position:relative;padding-block:clamp(54px,6.3vw,84px) 28px;min-height:clamp(345px,34vw,460px)}.hero-copy{width:49%}.hero .eyebrow{font-size:var(--text-sm);margin-bottom:8px;letter-spacing:.26em}.hero h1{margin-bottom:15px}.hero-copy>p{font-size:var(--text-base);max-width:560px;line-height:1.48}.hero.theme-hero{background:#faf9fa}.theme-hero .hero-art{width:49%}.theme-hero .hero-copy{width:50%}.theme-hero .hero-content{padding-top:52px}.quote{font-family:var(--font-quote);font-weight:400;font-size:clamp(1.7rem,2.7vw,2.4rem);line-height:1.12;margin:20px 0 0;border-left:1px solid var(--gold);padding:8px 0 8px 25px}.home-hero .hero-content{min-height:clamp(420px,41.2vw,565px);padding-top:60px;padding-bottom:20px}.home-hero .hero-copy{width:39%}.home-hero h1{font-family:var(--font-body);font-weight:300;font-size:var(--home-title);line-height:.95;letter-spacing:-.035em;margin:8px 0 18px}.home-hero .hero-copy>p{margin-bottom:14px}.home-hero .hero-art{width:64%}.home-hero{background:#f8f5ef}.hero-corner-quote{position:absolute;right:4%;top:9%;font-family:var(--font-quote);font-size:28px;line-height:1.18;text-align:center;transform:rotate(-5deg)}.hero-corner-quote:after{content:'';width:52px;height:1px;background:var(--plum);display:block;margin:20px auto}.az-hero .hero-copy{width:48%}.az-hero .hero-art{width:57%}.az-hero .hero-content{min-height:354px;padding-top:62px}.az-hero h1{white-space:nowrap}.hero-subtitle{font-size:22px;margin-top:-8px;margin-bottom:5px}.az-hero .quote{max-width:350px;text-align:center;margin-top:12px}
/* Search controls and thematic navigation. */
.search-band{background:var(--soft);padding:22px 0 16px}.search-form{display:flex;align-items:center;gap:20px;height:60px;padding:8px 17px 8px 25px;border-radius:40px;background:white}.search-form input{min-width:0;flex:1;border:0;background:transparent;outline:none;font-size:var(--text-base);font-weight:300}.search-form input::placeholder{color:var(--muted);opacity:1}.search-form:focus-within{box-shadow:0 0 0 1px var(--purple)}.search-form button{border-radius:25px;background:var(--purple);color:white;min-height:40px;padding:10px 25px;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.search-hint{font-size:var(--text-sm);color:var(--muted);margin:4px 0 0 74px}.home-search{display:grid;grid-template-columns:3.45fr 1fr;gap:8%;align-items:center;padding-block:20px}.home-search .search-form{border:1px solid #dcd7e1;border-radius:5px;height:48px;padding-left:18px;gap:20px}.home-search input{font-size:var(--text-sm)}.home-search .search-form button{background:none;color:var(--plum);font-size:24px;padding:0 6px}.home-search .search-tagline{border-left:1px solid var(--gold);padding-left:34px;font-size:var(--text-xs);line-height:1.85;letter-spacing:.25em}.themes{padding:0 0 24px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:18px}.theme-card{display:block;text-align:center;background:transparent;padding:0}.theme-icon{width:94px;height:94px;border-radius:50%;margin:0 auto 12px;overflow:hidden}.theme-card h3{font-size:var(--text-xs);letter-spacing:.105em;text-transform:uppercase;margin-bottom:4px;font-weight:500}.theme-card p{font-size:var(--text-sm);line-height:1.45;margin-bottom:0;color:#77707c}.theme-card .arrow{font-size:25px;line-height:1.2}.theme-card:hover h3{color:var(--gold-dark)}
/* The featured stone is a split editorial panel, not a card. */
.feature{display:grid;grid-template-columns:46.2% 53.8%;background:var(--warm);min-height:292px}.feature-photo{position:relative;min-height:292px;overflow:hidden}.feature-photo .art{position:absolute;inset:0;object-fit:cover}.feature-photo .photo-caption{position:absolute;left:10%;bottom:7%;font-family:var(--font-quote);font-size:26px;line-height:1.05;color:white;transform:rotate(-4deg)}.feature-content{padding:24px 8% 25px 9%;position:relative;display:grid;grid-template-columns:1fr 31%;gap:16px}.feature-text>.eyebrow{font-size:var(--text-xs);color:#a47b5a;white-space:nowrap}.feature h2{font-family:var(--font-body);font-size:50px;font-weight:300;letter-spacing:-.03em;line-height:1.2;margin:3px 0 9px}.keywords{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;font-weight:400}.feature-text>p:not(.keywords){font-size:var(--text-xs);line-height:1.6;margin-top:17px}.feature .button{padding:11px 18px;min-height:38px}.feature-stone{width:100%;align-self:center;min-height:225px}.popular{padding-top:20px;padding-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.mini-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.mini-card{text-align:center;display:block;background:none;padding:0;width:100%}.mini-card .stone-image{height:108px}.mini-card h3{font-size:var(--text-sm);font-weight:500;margin-top:5px}.mini-card p{font-size:var(--text-sm);color:var(--muted);margin:2px 0 0}.values{border-top:1px solid var(--line);padding:23px 0}.values-grid{display:grid;grid-template-columns:repeat(4,1fr)}.values-grid>div{padding:0 32px;border-right:1px solid #dcd6df}.values-grid>div:first-child{padding-left:20px}.values-grid>div:last-child{border:0}.values h3{font-size:var(--text-xs);letter-spacing:.13em;margin-bottom:5px}.values p{font-size:var(--text-sm);color:var(--muted);margin:0}
/* Open theme results and the separately framed A–Z cards. */
.filter-section{padding-top:29px;padding-bottom:40px}.filter-section .eyebrow{font-size:var(--text-sm);margin-bottom:14px}.filter-section .eyebrow small{font-size:.7rem;letter-spacing:.19em}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:var(--soft);border:1px solid transparent;border-radius:30px;padding:10px 17px;font-size:var(--text-sm);font-weight:400}.chip[aria-pressed=true]{background:var(--purple);color:white}.chip:hover{border-color:#c6b6cc}.results-section{padding-bottom:40px}.results-section .section-heading{align-items:flex-start;margin-bottom:20px}.results-section .section-heading p{margin:3px 0 0;color:var(--muted)}.sort-control{display:flex;align-items:center;gap:18px;font-size:var(--text-sm);color:var(--muted);white-space:nowrap}.sort-control select{border:1px solid #ded5e4;background:white;border-radius:28px;padding:8px 36px 8px 17px;font-size:var(--text-sm);max-width:180px}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6%}.result-card .stone-image{height:150px;margin-bottom:14px}.result-card h3{margin-bottom:6px}.result-card p{font-size:var(--text-base);color:var(--muted);line-height:1.48;margin-bottom:20px;min-height:108px}.result-card .text-link{margin-top:0}.results-section .center-action{margin-top:32px}.quote-banner{height:180px;display:grid;grid-template-columns:53% 47%;background:var(--soft);overflow:hidden}.quote-banner .banner-art{height:100%;overflow:hidden}.quote-banner blockquote{font-family:var(--font-quote);font-size:clamp(26px,3vw,39px);line-height:1.05;text-align:center;align-self:center;margin:0 10% 0 0}.quote-banner blockquote:after{content:'';display:block;height:2px;width:58px;background:var(--gold);margin:24px auto 0}.alphabet{display:grid;grid-template-columns:repeat(26,1fr);gap:5px;margin-top:18px;padding-bottom:8px}.alphabet button{background:white;border-radius:50%;aspect-ratio:1;padding:0;min-width:0;font-size:var(--text-base);font-weight:400}.alphabet button[aria-pressed=true]{background:var(--plum);color:white}.catalog{padding-top:26px;padding-bottom:26px}.catalog .section-heading{margin-bottom:16px}.catalog .eyebrow strong{font-size:24px}.catalog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.catalog-card{border:1px solid #eeebf0;box-shadow:var(--shadow);border-radius:6px;padding:10px 6px 15px;text-align:center;min-height:225px;display:flex;flex-direction:column;align-items:center}.catalog-card .stone-image{height:108px;width:100%}.catalog-card h3{font-size:var(--text-base);font-weight:500;margin:0 0 5px}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 7px;margin:0 0 14px}.pill{padding:2px 8px;background:#f1eef4;border-radius:8px;font-size:var(--text-xs);line-height:1.35;color:#685c73}.catalog-card .text-link{margin-top:auto;font-size:.65rem;letter-spacing:.105em;gap:7px}.catalog .center-action{margin-top:23px}.az-page .quote-banner{height:120px}.empty-state{grid-column:1/-1;text-align:center;padding:65px 15px}.empty-state p{margin-top:10px;color:var(--muted)}
/* The detail page has a deliberately narrower reading measure. */
.detail-page .container{max-width:var(--detail-content);width:78.2%}.detail-top{display:grid;grid-template-columns:36% 60%;gap:4%;padding-top:18px;padding-bottom:35px}.breadcrumb{font-size:var(--text-xs);color:var(--muted);display:flex;gap:10px;margin-bottom:25px}.detail-copy h1{font-family:var(--font-body);font-size:58px;font-weight:300;margin-bottom:5px}.detail-copy .keywords{margin-bottom:12px}.detail-copy>p:not(.keywords){font-size:var(--text-sm);line-height:1.45}.detail-copy .quote{font-size:25px;line-height:1.2;padding-left:22px;margin:16px 0 22px}.detail-copy .button{width:90%;min-height:35px;padding:9px 14px;font-size:.65rem}.gallery-main{height:245px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.gallery-main svg{width:100%;height:100%}.gallery-main img{width:100%;height:100%;object-fit:contain}.thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.thumb{background:none;padding:0;text-align:center;font-size:var(--text-xs);color:var(--muted);font-weight:300}.thumb-image{border:1px solid var(--line);height:63px;background:white;display:flex;align-items:center;justify-content:center;padding:3px;margin-bottom:4px}.thumb img{width:100%;height:100%;object-fit:contain}.thumb[aria-pressed=true] .thumb-image{border-color:var(--gold)}.when-band{background:var(--soft);padding:36px 0}.when-grid{display:grid;grid-template-columns:64% 32%;gap:4%}.when-grid h2{margin-bottom:12px}.detail-page h2.eyebrow{font-size:var(--text-base);letter-spacing:.13em}.when-grid p,.checks{font-size:var(--text-sm);color:var(--muted);line-height:1.5;margin:0}.checks{list-style:none;border-left:1px solid var(--gold);padding:0 0 0 28px}.checks li{display:flex;gap:14px;margin:3px 0}.checks li:before{content:'✓';color:var(--purple);font-size:18px;line-height:1.1}.effect-section{padding-top:28px}.timeline{margin-top:12px;padding-left:8px}.timeline-row{position:relative;display:grid;grid-template-columns:130px 1fr;gap:14px;padding:4px 0 4px 32px;border-left:1px solid #b79bbe;font-size:var(--text-sm)}.timeline-row:before{content:'';position:absolute;left:-5px;top:12px;width:9px;height:9px;border-radius:50%;background:#925a9e}.timeline-row dt{font-weight:500}.timeline-row dd{margin:0;color:var(--muted)}.related{padding-top:28px}.related>p{font-size:var(--text-sm);color:var(--muted);margin:2px 0 12px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7%}.related-grid .stone-image{height:95px}.related-grid .mini-card h3,.related-grid .mini-card p{font-size:var(--text-sm)}.meta-grid{display:grid;grid-template-columns:47% 53%;margin-top:28px;margin-bottom:38px}.facts{padding-right:25px}.fact-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin-top:5px}.fact-table tr{border-bottom:1px solid var(--line)}.fact-table th{font-weight:300;width:36%;text-align:left}.fact-table td{color:var(--muted)}.care{border-left:1px solid #dcd6e2;padding-left:25px}.care details{border-bottom:1px solid var(--line)}.care summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding-bottom:9px;font-size:var(--text-base);letter-spacing:.12em;text-transform:uppercase}.care summary::-webkit-details-marker{display:none}.care summary:after{content:'+';font-size:28px;font-weight:300;line-height:1}.care details[open] summary:after{content:'−'}.care details p{font-size:var(--text-sm);color:var(--muted);margin:6px 0 15px}.store-note{background:var(--warm);padding:22px 17px;display:flex;align-items:center;gap:14px;margin-top:17px}.store-note p{font-size:var(--text-xs);margin:0}.store-note strong{font-weight:500}.store-note .button{margin-left:auto;padding:8px 10px;min-height:32px;font-size:.6rem;white-space:nowrap}.depth{border-top:1px solid var(--line);padding-top:36px;padding-bottom:45px;margin-top:65px}.depth h2{font-size:24px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:22px}.depth h2:after{content:'';height:2px;width:66px;background:var(--gold);display:block;margin-top:5px}.depth-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.depth-grid>div+div{border-left:1px solid var(--line);padding-left:30px}.depth h3{font-size:var(--text-base);margin-bottom:3px;font-weight:500}.depth p{font-size:var(--text-sm);line-height:1.55;color:var(--muted);margin-bottom:18px}.depth p:last-child{margin:0}
dialog{border:1px solid var(--line);border-radius:4px;padding:44px;max-width:530px;width:calc(100% - 40px);box-shadow:0 20px 80px #23122b30;color:var(--plum);font-family:var(--font-body)}dialog::backdrop{background:#2f213d70}dialog h2{font-family:var(--font-display);font-size:38px;line-height:1.05;margin-bottom:18px}dialog p{color:var(--muted)}dialog .dialog-close{position:absolute;right:12px;top:6px;background:none;font-size:30px;padding:4px 10px}dialog .stone-preview{height:160px;margin-bottom:18px}.dialog-eyebrow{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:15px}
@media(min-width:1250px){.result-card .stone-image{height:190px}.result-card p{min-height:125px}.catalog-card{min-height:280px;padding:15px}.catalog-card .stone-image{height:145px}.catalog-card .text-link{font-size:var(--text-xs)}.themes{padding-bottom:32px}.theme-grid{margin-top:24px}.theme-icon{width:112px;height:112px}.feature{min-height:370px}.feature-photo{min-height:370px}.feature-content{padding-top:36px}.feature h2{font-size:62px}.feature-text>p:not(.keywords){font-size:var(--text-sm)}.feature-stone{height:270px}.mini-card .stone-image{height:145px}.popular{padding-block:28px 38px}.values{padding-block:30px}.detail-top{padding-block:25px 42px}.detail-copy h1{font-size:72px}.gallery-main{height:325px}.thumb-image{height:82px}.detail-copy>p:not(.keywords){font-size:var(--text-base)}.detail-copy .quote{font-size:31px}.when-band{padding:42px 0}.effect-section{padding-top:36px}.related-grid .stone-image{height:125px}.timeline-row,.when-grid p,.checks,.fact-table,.depth p{font-size:var(--text-base)}.depth{padding-block:46px 55px}.feature-photo .photo-caption{font-size:32px}}
@media(max-width:1000px){.header-inner{gap:34px}.main-nav{gap:22px}.header-actions{gap:16px}.header-actions .button{padding-inline:13px;font-size:.65rem}.main-nav a{font-size:.65rem}.feature-content{padding-inline:8% 4%;gap:7px}.feature h2{font-size:45px}.results-grid{gap:4%}.result-card p{min-height:132px}.chip{padding:9px 13px}.detail-page .container{width:84%}.detail-copy h1{font-size:54px}.thumbnails{gap:14px}.footer-nav{gap:18px}.footer-nav a+a:before{margin-right:18px}.hero .hero-copy{width:50%}.home-hero .hero-copy{width:40%}}
@media(max-width:760px){:root{--gutter:24px;--text-base:1rem;--title:3.4rem}.container,.detail-page .container{width:calc(100% - 48px)}.site-header{height:78px}.header-inner{gap:15px;justify-content:space-between}.brand{width:98px;height:91px}.header-actions{margin-left:auto;gap:4px}.header-actions .button{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:28px 24px 20px;box-shadow:0 10px 20px #3e2e4510;z-index:5}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{font-size:var(--text-sm);padding:12px 5px}.main-nav a[aria-current=page]:after{bottom:4px;right:auto;width:35px}.hero .hero-content{min-height:0;padding:46px 0 32px}.hero .hero-copy,.home-hero .hero-copy,.theme-hero .hero-copy,.az-hero .hero-copy{width:100%}.hero h1{font-size:var(--title)}.home-hero h1{font-size:3.7rem;max-width:350px;line-height:.98}.home-hero .hero-content{padding-top:40px}.hero .hero-copy>p{max-width:480px;font-size:var(--text-base)}.hero .hero-art{position:relative;width:100%;height:290px;z-index:0;order:2}.hero{display:flex;flex-direction:column}.hero .hero-content{order:1}.hero-corner-quote{display:none}.home-hero .hero-art{height:300px}.theme-hero .hero-art{height:275px}.az-hero .hero-art{height:260px}.az-hero h1{white-space:normal}.az-hero .quote{max-width:350px;text-align:left}.hero .quote{font-size:29px;line-height:1.12}.search-band{padding-block:20px}.search-form{gap:12px;padding:9px 10px 9px 15px;height:auto;min-height:58px;flex-wrap:wrap;border-radius:24px}.search-form .search-icon{width:21px}.search-form input{font-size:var(--text-base);width:calc(100% - 50px)}.search-form button{margin-left:auto;padding:9px 18px}.search-hint{font-size:var(--text-xs);margin:9px 12px 0;line-height:1.5}.home-search{grid-template-columns:1fr;padding-block:26px;gap:0}.home-search .search-tagline{display:none}.home-search .search-form{flex-wrap:nowrap;height:58px;padding-inline:14px;gap:12px}.home-search .search-form button{flex-shrink:0}.home-search input{font-size:var(--text-sm)}.themes{padding:7px 0 38px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px;margin-top:25px}.theme-icon{width:86px;height:86px}.theme-card h3{font-size:var(--text-xs);line-height:1.5}.theme-card p{font-size:var(--text-sm)}.feature{grid-template-columns:1fr}.feature-photo{min-height:280px}.feature-content{padding:32px 24px 38px;grid-template-columns:1fr 28%;gap:10px}.feature h2{font-size:48px}.feature-text>p:not(.keywords){font-size:var(--text-sm)}.feature .keywords{font-size:.65rem;line-height:1.8}.feature-stone{min-height:220px}.popular{padding-block:32px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}.section-heading .text-link{font-size:.7rem}.mini-grid{grid-template-columns:repeat(2,1fr);gap:26px 24px}.mini-card .stone-image{height:128px}.mini-card h3,.mini-card p{font-size:var(--text-base)}.values{padding-block:28px}.values-grid{grid-template-columns:repeat(2,1fr);gap:28px 18px}.values-grid>div,.values-grid>div:first-child{padding:0;border:0}.values-grid h3{font-size:var(--text-xs)}.values-grid p{font-size:var(--text-sm)}.filter-section{padding-top:28px;padding-bottom:35px}.filter-section .eyebrow small{display:block;margin-top:5px}.chips{gap:8px}.chip{padding:9px 13px;font-size:var(--text-sm)}.results-section .section-heading{margin-bottom:25px}.results-grid{grid-template-columns:repeat(2,1fr);gap:35px 22px}.result-card .stone-image{height:130px;margin-bottom:10px}.result-card h3{font-size:var(--text-base)}.result-card p{font-size:var(--text-base);min-height:0;line-height:1.5;margin-bottom:18px}.result-card{display:flex;flex-direction:column}.result-card .text-link{margin-top:auto;letter-spacing:.08em;font-size:.65rem}.results-section{padding-bottom:40px}.sort-control{white-space:normal}.quote-banner,.az-page .quote-banner{height:auto;min-height:235px;grid-template-columns:1fr;position:relative;background:var(--soft)}.quote-banner .banner-art{height:120px;order:2}.quote-banner blockquote{margin:24px;font-size:29px;order:1}.quote-banner blockquote:after{margin-top:16px}.alphabet{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.alphabet button{width:34px;height:34px;flex:0 0 34px}.catalog{padding-block:28px 35px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.catalog-card{min-height:245px;padding:10px 8px 15px}.catalog-card .stone-image{height:110px}.catalog-card h3{font-size:var(--text-base)}.pill{font-size:var(--text-xs);padding-inline:6px}.catalog-card .text-link{font-size:.65rem;letter-spacing:.055em;gap:5px}.catalog .eyebrow{font-size:var(--text-sm)}.footer{padding-block:30px}.footer-main{display:grid;grid-template-columns:90px 1fr;gap:25px 22px}.footer-logo{width:90px}.footer-copy{padding-left:22px;font-size:var(--text-sm)}.footer-main .button{grid-column:1/-1;margin-left:0;justify-self:start}.footer-nav{flex-wrap:wrap;gap:16px 24px;padding-top:24px;margin-top:30px;font-size:.7rem}.footer-nav a+a:before{display:none}.footer-nav .copyright{margin:8px 0 0;flex-basis:100%}.detail-top{grid-template-columns:1fr;gap:28px;padding-top:33px;padding-bottom:35px}.breadcrumb{margin-bottom:24px}.detail-copy h1{font-size:58px}.detail-copy>p:not(.keywords){font-size:var(--text-base)}.detail-copy .quote{font-size:28px;max-width:330px}.detail-copy .button{width:auto;font-size:var(--text-xs);min-height:44px;padding:12px 24px}.gallery-main{height:230px}.thumbnails{gap:10px}.thumb-image{height:59px}.thumb{font-size:.7rem;line-height:1.35}.when-grid{grid-template-columns:1fr;gap:25px}.when-band{padding:30px 0}.when-grid p,.checks{font-size:var(--text-base)}.checks{padding-left:18px}.checks li{margin:9px 0}.detail-page h2.eyebrow{font-size:var(--text-base)}.effect-section{padding-top:33px}.timeline-row{grid-template-columns:1fr;gap:3px;padding:5px 0 17px 20px;font-size:var(--text-base)}.related{padding-top:22px}.related>p{font-size:var(--text-base);margin:8px 0 20px}.related-grid{grid-template-columns:repeat(2,1fr);gap:25px 20px}.related-grid .stone-image{height:100px}.related-grid .mini-card h3,.related-grid .mini-card p{font-size:var(--text-sm)}.meta-grid{grid-template-columns:1fr;gap:34px;margin-block:35px 30px}.facts{padding:0}.fact-table{font-size:var(--text-sm)}.fact-table th,.fact-table td{padding:5px 0;vertical-align:top}.care{padding:0;border:0}.care summary{font-size:var(--text-sm)}.care details p{font-size:var(--text-base)}.store-note{flex-wrap:wrap;padding:20px}.store-note p{font-size:var(--text-sm)}.store-note .button{margin:0;font-size:var(--text-xs);min-height:38px}.depth{margin-top:70px;padding-block:35px 40px}.depth h2{font-size:23px}.depth-grid{grid-template-columns:1fr;gap:22px}.depth-grid>div+div{padding:0;border:0}.depth h3,.depth p{font-size:var(--text-base)}.depth p{line-height:1.65}}
@media(max-width:360px){.container,.detail-page .container{width:calc(100% - 36px)}.home-hero h1{font-size:3.25rem}.results-grid,.catalog-grid{grid-template-columns:1fr}.result-card .stone-image{height:185px}.catalog-card .stone-image{height:155px}.catalog-card{min-height:285px}.catalog-card .text-link{font-size:var(--text-xs)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand img,.footer-logo{height:auto}
.hero-art>.art,.feature-photo>.art,.banner-art>.art{object-fit:cover}
[hidden]{display:none!important}

/* Optical corrections after comparison at the reference width. */
.brand{overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}
.hero-art{mask-image:linear-gradient(to right,transparent 0%,black 15%)}
.az-hero .hero-copy{width:43%}.az-hero .hero-copy>p:not(.eyebrow){font-size:14px}.az-hero .hero-copy>.hero-subtitle{font-size:21px}
.az-hero .hero-content{padding-top:62px;min-height:354px}.az-hero .quote{font-size:28px}
.feature-stone{height:225px;min-height:0}.feature-content{grid-template-columns:minmax(0,1fr) 24%;padding-right:7%}.feature-photo>.art{height:100%}
.feature .keywords{font-size:10px;white-space:nowrap}.feature-text>p:not(.keywords){font-size:12px}
.home-hero .hero-content{padding-top:60px}.home-hero .hero-copy>p{font-size:15px}
.home-search p{margin-bottom:0}.themes .eyebrow{margin-top:0}
@media(min-width:1250px){.feature-stone{height:270px}.feature .keywords{font-size:12px}.feature-text>p:not(.keywords){font-size:14px}.az-hero .hero-copy>p:not(.eyebrow){font-size:16px}.az-hero .hero-copy>.hero-subtitle{font-size:25px}.az-hero .hero-content{min-height:440px}.home-hero .hero-copy>p{font-size:18px}}
@media(max-width:760px){.hero-art{mask-image:none}.az-hero .hero-copy{width:100%}.az-hero .hero-copy>p:not(.eyebrow){font-size:16px}.az-hero .hero-copy>.hero-subtitle{font-size:21px}.az-hero .hero-content{min-height:0;padding-top:46px}.home-hero .hero-content{padding-top:40px}.home-hero .hero-copy>p{font-size:16px}.feature-content{padding:32px 24px 38px;grid-template-columns:minmax(0,1fr) 27%}.feature .keywords{font-size:10px;white-space:normal}.feature-text>p:not(.keywords){font-size:14px}}

.feature-content{grid-template-columns:minmax(0,1fr) 80px 80px;gap:12px;padding-right:3%}
.feature-affirmation{font-family:var(--font-quote);font-size:20px;line-height:1.3;font-weight:400;margin:0;align-self:center;padding-top:78px;position:relative}.feature-affirmation:before{content:'';position:absolute;left:15px;top:0;height:70px;width:1px;background:var(--gold)}
@media(min-width:761px) and (max-width:1249px){.home-hero h1{font-size:60px;line-height:.94;margin-bottom:14px}.home-hero .hero-copy>p{line-height:1.45}.home-hero .hero-content{min-height:420px}.home-search .search-tagline{line-height:1.65}.themes{padding-bottom:22px}.feature-text>p:not(.keywords){font-size:11px}.feature h2{font-size:49px}}
@media(min-width:1250px){.feature-content{grid-template-columns:minmax(0,1fr) 100px 90px;gap:15px}.feature-affirmation{font-size:24px}}
@media(max-width:760px){.feature-content{grid-template-columns:minmax(0,1fr) 27%;padding:32px 24px 38px}.feature-affirmation{grid-column:1/-1;padding:0 0 0 16px;border-left:1px solid var(--gold);font-size:24px;margin-top:8px}.feature-affirmation br{display:none}.feature-affirmation:before{display:none}}

.result-card{display:flex;flex-direction:column}.result-card .text-link{margin-top:auto}.result-card .stone-image{flex-shrink:0}
.banner-art{mask-image:linear-gradient(to right,black 78%,transparent 100%)}
@media(min-width:761px){.chips{gap:9px}.chip{font-size:13px;padding:10px 14px}.theme-hero .hero-content{padding-bottom:21px}.theme-page .search-band{padding-bottom:11px}.filter-section{padding-bottom:34px}}
@media(max-width:760px){.banner-art{mask-image:none}}

@media(min-width:761px){.detail-header .container{width:78.2%;max-width:var(--detail-content)}.detail-header .brand{width:86px;height:65px}.detail-header .header-inner{gap:clamp(35px,6.7vw,68px)}.detail-header .main-nav{gap:22px}.detail-header .main-nav a{font-size:10px}.detail-header .header-actions{gap:24px}.detail-header .header-actions .button{font-size:10px;min-height:30px;padding:8px 16px}.detail-copy .breadcrumb{margin-bottom:14px}.detail-copy>p:not(.keywords){font-size:12px}.detail-copy .quote{font-size:23px}.when-grid p,.checks,.timeline-row,.fact-table,.depth p{font-size:12px}.checks li{margin:3px 0;gap:12px}.checks{padding-left:26px}.detail-page .related>p,.related-grid .mini-card h3,.related-grid .mini-card p{font-size:12px}.detail-page .store-note{padding:22px 16px}.timeline-row{grid-template-columns:100px 1fr}.when-band{padding:36px 0}}
@media(min-width:1250px){.detail-header .brand{width:110px;height:83px}.detail-header .main-nav a{font-size:12px}.detail-copy>p:not(.keywords),.when-grid p,.checks,.timeline-row,.fact-table,.depth p{font-size:16px}.detail-copy .quote{font-size:30px}.detail-page .related>p,.related-grid .mini-card h3,.related-grid .mini-card p{font-size:14px}}

@media(max-width:760px){.search-band .search-form{display:grid;grid-template-columns:24px minmax(0,1fr);padding:15px 16px;gap:14px 12px}.search-band .search-form input{width:100%}.search-band .search-form button{grid-column:1/-1;justify-self:end;margin:0;min-height:42px}.home-search .search-form{display:flex}}

@media(max-width:760px){
  .footer-nav{display:grid;grid-template-columns:repeat(5,max-content);justify-content:space-between;gap:16px 8px;letter-spacing:.06em}
  .footer-nav>a{white-space:nowrap}
  .footer-nav .copyright{grid-column:1/-1;margin:8px 0 0}
}

/* Short theme descriptions and a soft photographic transition. */
.theme-card p{max-width:200px;margin-inline:auto;text-wrap:balance}
.feature-photo{background:var(--warm)}
.feature-photo .art{mask-image:linear-gradient(to right,#000 35%,transparent 100%)}
@media(max-width:760px){.feature-photo .art{mask-image:linear-gradient(135deg,#000 28%,transparent 94%)}}

/* Over FLOW — an editorial page within the established design system. */
.about-hero{background:var(--warm);padding:64px 0 42px}
.about-hero-grid{display:grid;grid-template-columns:43% 53%;gap:4%;align-items:center}
.about-intro{padding:16px 0 32px;position:relative;z-index:1}
.about-intro>.eyebrow{font-size:var(--text-xs);letter-spacing:.22em;margin-bottom:18px}
.about-intro h1{margin-bottom:24px}
.about-intro p{max-width:470px;color:var(--muted);line-height:1.65}
.about-intro .about-lead{font-size:21px;color:var(--ink);line-height:1.45;margin-bottom:22px}
.about-photo{margin:0;min-width:0}
.about-photo img{width:100%;height:390px;object-fit:cover;object-position:56% center;mask-image:linear-gradient(to right,transparent,#000 18%);}
.about-photo figcaption{font-size:var(--text-xs);color:var(--muted);text-align:right;margin-top:12px;letter-spacing:.04em}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:80px 0 90px;max-width:1100px}
.about-story>div+div{padding-left:14%;border-left:1px solid var(--line)}
.about-story .eyebrow{font-size:var(--text-xs);letter-spacing:.2em;margin-bottom:13px}
.about-story h2{font-family:var(--font-display);font-size:42px;line-height:1.15;margin-bottom:22px}
.about-story p{color:var(--muted);line-height:1.7;max-width:470px}
.about-story .text-link{margin-top:12px}
.about-visit{border-top:1px solid var(--line);padding:36px 0 45px}
.about-visit-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.about-visit h2{font-size:var(--text-sm);margin-bottom:8px}
.about-visit p{margin:0;color:var(--muted)}
@media(min-width:1250px){.about-hero{padding-block:78px 56px}.about-photo img{height:440px}.about-story{padding-block:95px 105px}}
@media(max-width:760px){.about-hero{padding:48px 0 30px}.about-hero-grid{grid-template-columns:1fr;gap:28px}.about-intro{padding:0}.about-intro h1{font-size:56px;margin-bottom:20px}.about-intro .about-lead{font-size:20px}.about-photo img{height:280px;object-position:center;mask-image:linear-gradient(to bottom,#000 82%,transparent)}.about-photo figcaption{font-size:12px;text-align:left;margin-top:8px}.about-story{grid-template-columns:1fr;gap:38px;padding-block:46px 52px}.about-story>div+div{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.about-story h2{font-size:36px;margin-bottom:17px}.about-story p{font-size:16px}.about-visit{padding-block:28px 35px}.about-visit-inner{align-items:flex-start;flex-direction:column;gap:23px}.about-visit .button{font-size:11px;padding-inline:15px}}

/* Shared practical details for the shop and contact pages. */
.opening-hours{margin:0 0 26px;font-size:16px;color:var(--muted)}
.opening-hours>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}
.opening-hours dd{margin:0;white-space:nowrap}
.visit-details h3.eyebrow{margin-top:32px;font-size:12px;letter-spacing:.18em}
.shop-story .visit-details{padding-left:12%}
.contact-heading{padding-top:85px;padding-bottom:45px}
.contact-heading .eyebrow{font-size:12px;margin-bottom:18px}
.contact-heading h1{font-family:var(--font-display);margin-bottom:22px}
.contact-heading>p:last-child{font-size:20px;line-height:1.6;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10%;padding-bottom:95px;align-items:start}
.contact-layout h2{font-family:var(--font-display);font-size:40px;line-height:1.15;margin-bottom:20px}
.contact-layout p{color:var(--muted);line-height:1.7}
.contact-message>p{margin-bottom:30px;max-width:490px}
.contact-message p>a{text-decoration:underline;text-underline-offset:4px}
.contact-visit{background:var(--warm);padding:38px 36px 42px}
.contact-store-link{border-top:1px solid var(--line);margin-top:35px;padding-top:24px}
.contact-store-link p{font-size:15px}
#contact-form{display:grid;gap:10px}
#contact-form label{font-size:14px;margin-top:12px;letter-spacing:.025em}
#contact-form input,#contact-form textarea{width:100%;min-width:0;border:1px solid var(--line);background:white;border-radius:2px;padding:13px 15px;font:inherit;color:var(--ink);line-height:1.6}
#contact-form textarea{resize:vertical;min-height:160px}
#contact-form .form-note{font-size:14px;line-height:1.6;margin:9px 0 12px}
#contact-form .button{justify-self:start;letter-spacing:.12em}
#contact-form .form-status{font-size:14px;margin:10px 0 0}
.form-status:empty{display:none}
@media(max-width:1000px){.contact-layout{gap:6%}.contact-visit{padding:28px 24px}.opening-hours>div{gap:10px;font-size:14px}}
@media(max-width:760px){.shop-story .visit-details{padding:35px 0 0}.contact-heading{padding-top:48px;padding-bottom:26px}.contact-heading h1{font-size:56px}.contact-heading>p:last-child{font-size:18px}.contact-layout{grid-template-columns:1fr;gap:48px;padding-bottom:55px}.contact-layout h2{font-size:36px}.contact-visit{padding:30px 22px}.opening-hours>div{font-size:15px}.contact-message>p{margin-bottom:20px}#contact-form .button{font-size:11px;padding-inline:18px;max-width:100%}}

.shop-welcome{margin-top:28px;max-width:390px;border-left:1px solid var(--gold);padding-left:20px}.shop-welcome h2.eyebrow{font-size:12px;letter-spacing:.16em;margin-bottom:8px}.shop-welcome .opening-hours{margin:0;font-size:14px}.shop-welcome .opening-hours>div{border:0;padding:4px 0}

/* All four themes share their layout, controls and rhythm. */
.theme-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-block:34px 28px;border-bottom:1px solid var(--line)}
.theme-navigation a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-wrap:balance;transition:background .15s,border-color .15s}.theme-navigation a:hover{border-color:var(--gold);background:var(--warm)}
.theme-navigation a[aria-current=page]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:var(--white);color:var(--gold-dark);font-weight:500}
.additional-theme .hero-art{padding:55px 5%;mask-image:none;background:white}
.additional-theme .hero-art .art{height:100%;width:100%}
.additional-theme .hero-copy h1{font-size:clamp(48px,5.4vw,72px);line-height:1.02}
.additional-theme .hero-content{min-height:410px;padding-block:65px}
@media(max-width:760px){.theme-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding-block:30px 16px}.theme-navigation a{font-size:12px;line-height:1.5;letter-spacing:.065em;min-height:64px;padding:12px 10px}.additional-theme .hero-content{min-height:0;padding-block:40px 20px}.additional-theme .hero-copy h1{font-size:48px;overflow-wrap:normal}.additional-theme .hero-art{height:255px;padding:20px 14% 35px}}
@media(min-width:761px){.theme-navigation{padding-top:60px}.additional-theme .hero-art{mask-image:linear-gradient(to right,transparent,#000 18%)}}
.gallery-photo{width:100%;height:100%;object-fit:contain}
.martine-portrait{margin:0 0 30px;max-width:280px}.martine-portrait img{width:100%;height:auto}
.about-story:has(.martine-portrait){align-items:center}
.about-artwork{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center;padding-bottom:85px;max-width:1100px}
.about-artwork figure{margin:0}.about-artwork img{width:100%;height:auto;max-height:480px;object-fit:contain}.about-artwork figcaption{margin-top:14px;color:var(--muted);font-size:13px;letter-spacing:.04em}
@media(max-width:760px){.martine-portrait{max-width:240px;margin-bottom:28px}.about-artwork{grid-template-columns:1fr;gap:38px;padding-bottom:50px}.about-artwork img{max-height:420px}}

/* Six spacious gallery choices, without shrinking the thumbnails. */
.thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
.gallery-caption{min-height:20px;margin:5px 0 12px;font-size:12px;line-height:1.5;color:var(--muted);text-align:center}
@media(max-width:760px){.thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.thumb-image{height:74px}.thumb{font-size:12px;line-height:1.4}.gallery-caption{min-height:36px}}

/* Definitive theme photographs: equal desktop headers and 3:2 mobile images. */
.theme-page .theme-hero .hero-art{padding:0;width:49%;height:100%;background:transparent;top:0;transform:none}
.theme-header-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--header-position);filter:saturate(var(--header-saturation,.82));opacity:var(--header-opacity,.86)}
@media(max-width:760px){.theme-page .theme-hero .hero-art{width:100%;height:auto;aspect-ratio:3/2;top:auto;transform:none}.theme-header-image{object-position:var(--header-mobile-position)}}

@media(min-width:761px){.theme-page .theme-hero .hero-content{min-height:460px}}

/* Beide richtingen blijven bereikbaar, ook op telefoonformaat. */
.catalog-pagination {display:flex;justify-content:center;gap:24px;flex-wrap:wrap;}
.catalog-pagination .button {padding-inline:14px;gap:5px;letter-spacing:.1em;min-width:0;}
@media(max-width:760px){.catalog-pagination {gap:16px;} .catalog-pagination .button {padding-inline:10px;font-size:10px;letter-spacing:.06em;}}
#catalog-title {scroll-margin-top:2rem;}

/* Het uitgebreide hoofdmenu wordt op tablets dezelfde rustige menuknop. */
@media(min-width:761px) and (max-width:1100px){.header-inner,.detail-header .header-inner{gap:20px;justify-content:space-between}.header-actions{margin-left:auto}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:24px;box-shadow:0 10px 20px #3e2e4510;z-index:5}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a,.detail-header .main-nav a{font-size:14px;padding:12px 5px}}

/* Meer ademruimte rond de bestaande zoekingang op de homepage. */
.home-search{padding-block:36px 40px;}
.home-search-field{min-width:0;}
.home-search-field>label{display:block;color:var(--ink);font-size:var(--text-base);font-weight:300;margin-bottom:12px;}
.home-search .search-form{height:54px;}
.home-catalog-link{padding-inline:20px;}
@media(max-width:760px){.home-search{padding-block:30px 34px;}.home-search-field>label{font-size:16px;margin-bottom:12px;}.home-search .search-form{height:58px;}}

/* Houd de zoekingang zichtbaar op lagere laptopschermen. */
@media(min-width:761px) and (max-height:900px){
 .home-hero .hero-content{min-height:0;padding-top:48px;padding-bottom:28px;}
 .home-hero h1{font-size:clamp(44px,7vh,60px);line-height:.98;}
 .home-hero .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.45;}
}
@media(min-width:761px) and (max-height:900px){.home-hero .hero-art>.art{object-position:center top;}}

/* De volledige homecompositie schaalt mee met de lagere hero. */
@media(min-width:761px){.home-hero .hero-art{width:auto;max-width:64%;aspect-ratio:654/421;}.home-hero .hero-art>.art{object-fit:contain;}}
@media(max-width:760px){.home-hero .hero-art{height:auto;aspect-ratio:654/421;}}

/* Eén herkenbaar logo en een omlijnd zoekveld in de bestaande header. */
.header-search{display:flex;align-items:center;width:174px;border:1px solid #dcd7e1;border-radius:5px;background:white;padding:4px 6px 4px 12px;}
.header-search input{width:100%;min-width:0;border:0;background:transparent;font-size:14px;font-weight:300;}
.header-search button{background:none;padding:6px;flex-shrink:0;}
.header-search .search-icon{width:20px;height:20px;}
.header-search:focus-within{outline:1px solid var(--purple);}
@media(min-width:761px){
 .detail-header .brand{width:clamp(105px,12vw,160px);height:clamp(80px,9.7vw,130px);}
 .detail-header .container{width:90%;max-width:var(--content);}
 .header-inner,.detail-header .header-inner{gap:26px;}
 .main-nav,.detail-header .main-nav{gap:22px;}
 .header-actions,.detail-header .header-actions{gap:16px;}
 .detail-page .detail-top{padding-top:65px;}
}
@media(min-width:761px) and (max-width:1240px){
 .header-actions{margin-left:auto;}.menu-toggle{display:block;}
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:24px;box-shadow:0 10px 20px #3e2e4510;z-index:5;}
 .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;}
 .main-nav a,.detail-header .main-nav a{font-size:14px;padding:12px 5px;}
}
@media(max-width:760px){.header-search{width:140px;padding-left:9px;}.header-search input{font-size:12px;}.header-search button{padding:5px;}.header-search .search-icon{width:18px;height:18px;}}
@media(max-width:360px){.header-search{width:115px;}.header-inner{gap:8px;}.menu-toggle{padding-inline:6px;}}

/* De uitnodiging bij een steen blijft compact, net als de winkelknop bovenin. */
.detail-copy .button.stone-visit{width:auto;max-width:100%;min-height:30px;padding:8px 16px;font-size:10px;}
@media(max-width:760px){.detail-copy .button.stone-visit{min-height:44px;padding:12px 20px;font-size:var(--text-xs);}}

.mobile-search-toggle,.mobile-search-panel{display:none;}
@media(max-width:760px){
 .header-search{display:none;}
 .mobile-search-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #dcd7e1;border-radius:5px;background:white;padding:9px 10px;font-size:13px;min-height:40px;}
 .mobile-search-toggle .search-icon{width:17px;height:17px;}
 .mobile-search-panel:not([hidden]){display:block;padding:28px 24px 20px;background:white;border-bottom:1px solid var(--line);}
 .mobile-search-panel label{display:block;font-size:14px;margin-bottom:10px;}
 .mobile-search-panel form>div{display:flex;gap:8px;flex-wrap:wrap;}
 .mobile-search-panel input{width:100%;min-width:0;flex:1 1 180px;border:1px solid #dcd7e1;border-radius:5px;padding:12px;font-size:14px;}
 .mobile-search-panel button{background:var(--purple);color:white;padding:12px 14px;border-radius:5px;font-size:13px;margin-left:auto;}
}
/* Eén duidelijke focusrand en voldoende ruimte rond de mobiele zoekknop. */
@media(max-width:760px){
 .mobile-search-panel form>div{gap:14px;}
 .mobile-search-panel input{flex-basis:100%;border-color:#cfc6d4;}
 .mobile-search-panel input:focus,.mobile-search-panel input:focus-visible{outline:none;border-color:var(--gold);box-shadow:none;}
 .mobile-search-panel button{margin-top:2px;padding:12px 22px;min-height:44px;}
}
/* Focus kleurt de bestaande rand, zonder een tweede kader. */
.header-search:focus-within{outline:none;border-color:var(--gold);box-shadow:none;}
.header-search input:focus,.header-search input:focus-visible{outline:none;box-shadow:none;}
.home-search .search-form:focus-within,.search-band .search-form:focus-within{box-shadow:none;border-color:var(--gold);}
.search-band .search-form{border:1px solid var(--line);}
.search-form input:focus,.search-form input:focus-visible{outline:none;box-shadow:none;}
@media(min-width:761px){
 .az-page .search-band .search-form{width:43%;min-width:0;max-width:560px;gap:12px;padding-left:18px;}
 .az-page .search-band .search-form button{padding-inline:16px;letter-spacing:.08em;}
 .az-page .search-band .search-form input{font-size:14px;}
 .az-page .search-hint{max-width:560px;width:43%;margin-left:0;font-size:12px;}
}
@media(min-width:761px) and (max-width:1000px){
 .az-page .search-band .search-form{width:50%;}
 .az-page .search-hint{width:50%;}
}
/* Sitebrede veldfocus: uitsluitend de bestaande rand verandert van kleur. */
body input:focus,body input:focus-visible,body textarea:focus,body textarea:focus-visible,body select:focus,body select:focus-visible,
#contact-form input:focus,#contact-form textarea:focus,
.sort-control select:focus,.knowledge-tools input:focus{
 outline:none;outline-offset:0;box-shadow:none;border-color:var(--gold);
}
body .search-form:focus-within{outline:none;box-shadow:none;border-color:var(--gold);}
#physical-search:focus-within{outline:none;box-shadow:none;border-color:var(--gold);}

#contact-form .newsletter-choice{display:flex;gap:12px;align-items:flex-start;line-height:1.5;margin-top:20px;}
#contact-form .newsletter-choice input{appearance:none;flex:0 0 18px;width:18px;height:18px;padding:0;margin:3px 0 0;border:1px solid #cfc6d4;border-radius:2px;cursor:pointer;}
#contact-form .newsletter-choice input:checked{background:var(--gold);border-color:var(--gold);}
#contact-form .newsletter-choice input:checked:after{content:'✓';display:block;color:white;text-align:center;line-height:16px;font-size:14px;}
#contact-form .newsletter-choice input:focus-visible{border-color:var(--gold);outline:none;box-shadow:none;}
#contact-form .newsletter-choice span{font-size:15px;}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
.contact-privacy{font-size:14px;margin:18px 0 24px;}
.contact-privacy summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;}
.contact-privacy p{margin-top:14px;line-height:1.65;}
#contact-spam-check{margin-bottom:16px;}

/* Footer links remain readable when legal information wraps onto a second row. */
.footer-nav{flex-wrap:wrap;row-gap:16px}
.footer-nav .copyright{white-space:normal}
@media(max-width:760px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:start}.footer-nav>a{white-space:normal}}