/* Storefront palette and interaction layer. Keep product data and calculations unchanged. */
:root{--ink:#1c3049;--teal:#486480;--action:#203c5b;--paper:#faf9f6;--line:#dce2e8;--muted:#536477;--sage:#eef2f6;--cream:#f2efe9}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--paper);color:var(--ink)}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #718eae;outline-offset:4px}
.topline{background:#e7edf3;color:#465c73;border-bottom:1px solid #d9e2eb;font-size:11px}
header{background:rgba(250,249,246,.98);border-bottom:1px solid var(--line)}
header nav a{color:#475c73}
.button,.button.light{background:var(--action);color:#fff;border:1px solid var(--action);border-radius:9px;box-shadow:none;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.button:hover,.button.light:hover{background:#142c47;color:#fff}
.text-link,.catalog-link{color:var(--ink);text-underline-offset:5px}
.business-hero{background:#f2f3f5;padding-top:52px;padding-bottom:52px;gap:7%}
.business-hero .eyebrow{color:#5b7189;letter-spacing:1.5px}
.business-hero h1{color:var(--ink);font-weight:600;letter-spacing:-1.4px;line-height:1.08;max-width:660px}
.business-hero h1 em{color:#627d98;font-weight:500}
.business-hero .lead{color:#5b6776;max-width:470px;line-height:1.75}
.business-hero .actions{gap:18px;margin-top:26px;align-items:center}
.business-hero .hero-photo{border-radius:22px 22px 70px 22px;overflow:hidden;box-shadow:none}
.business-hero .photo-tag{background:rgba(250,249,246,.94);color:#3a5068;border:0;letter-spacing:1px;border-radius:7px}
.hero-trust{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:26px 0 0;font-size:12px;color:#435971}
.hero-trust li{display:flex;align-items:center;gap:7px}
.hero-trust li:before{content:'';width:5px;height:5px;border-radius:50%;background:#8da1b6}
.business-hero .hero-order-note{font-size:11px;color:var(--muted);margin-top:12px}
.linen-disclosure{background:#e9edf1;border-bottom:1px solid #dce3e9}
.linen-disclosure>summary{padding:20px 0}
.linen-thumb{border-radius:12px}.linen-disclosure .linen-catalog-actions .button{display:inline-flex}
.linen-benefit{border-color:#d2dce5}.linen-benefit>summary{color:var(--ink)}
.intro,.catalog,.story-visual,.faq{background:var(--paper)}
.filters button{color:var(--muted)}.filters button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px 0 #627f9e}
.search input{background:#f3f5f7;border:1px solid var(--line);border-radius:8px;padding:11px 14px}
.material-card{background:transparent;border:0;border-radius:0;box-shadow:none}
.material-card .material-photo{border-radius:14px;background:#e9edf2}
.material-card .material-copy{padding-top:14px;padding-bottom:0}
.material-card .material-copy h3{color:var(--ink);min-height:0;margin:0 0 7px;font-weight:500}
.material-price strong{color:var(--ink)}.material-price span,.material-price small{color:var(--muted)}
.material-detail-trigger{color:#294f74;min-height:44px;text-decoration:underline;text-decoration-color:#b1c2d3;text-underline-offset:6px}
.catalog-more{background:transparent;color:var(--ink);border-color:#b8c7d6}
.catalog-bottom{background:#edf1f5;border-radius:12px;padding:18px 22px;margin-top:24px;justify-content:space-between}
.ordering-guide{background:#eeeff1;border-color:var(--line)}
.ordering-guide ol li>span{color:var(--muted)}.ordering-guide a{color:#365d83;text-underline-offset:3px}
.calculator-section{background:var(--sage)}
.calculator-loading{background:#fafbfd;border-color:var(--line);color:var(--ink)}
.story-visual{gap:28px 7%}
.story-visual .story-image{border-radius:18px;overflow:hidden;height:290px}
.story-visual .story-copy{grid-row:1}
.story-visual .story-facts{border-color:var(--line)}
.story-visual .social-heading{grid-column:1/-1;grid-row:2;display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:20px}
.social-heading .eyebrow{margin:0 0 10px}.social-heading h3{font:500 32px/1.15 'Valent Serif',Georgia,serif;margin:0}
.social-heading .text-link{font-size:13px;white-space:nowrap}
.story-visual .workshop-gallery{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.workshop-gallery figure{margin:0;min-width:0}.workshop-gallery img{aspect-ratio:1.4;object-fit:cover;border-radius:14px}.workshop-gallery figcaption{display:block;color:var(--muted);font-size:12px;margin-top:10px}
.inquiry{background:#e8eef4;color:var(--ink);border-top:1px solid #d6e0ea;border-bottom:1px solid #d6e0ea}
.inquiry .eyebrow,.inquiry h2,.inquiry p,.inquiry summary,.inquiry label{color:var(--ink)}
/* Contact text and actions share the navy palette; legacy dark-section colors are removed. */
.inquiry>div>p:not(.eyebrow),.inquiry .form-note,.inquiry-details summary small{color:var(--muted)}
.inquiry>div>.contact-hours{color:var(--muted);font-size:13px;margin-top:14px}
.inquiry .whatsapp-primary{gap:12px;padding:15px 22px;min-height:48px}
.inquiry-details form{border-top-color:var(--line)}
.inquiry-details{background:rgba(255,255,255,.55);border:1px solid #cbd7e3;border-radius:14px;padding:0 22px;align-self:start}
.inquiry-details>summary{padding:24px 0;min-height:90px}.inquiry-details[open]>summary{border-bottom:1px solid var(--line)}
.inquiry #inquiry-form{padding-top:22px;padding-bottom:18px}
.inquiry input,.inquiry select,.inquiry textarea{background:#fffefb;color:var(--ink);border:1px solid #becbd8;border-radius:7px}
.inquiry input::placeholder,.inquiry textarea::placeholder{color:#6b7786}
.inquiry .field label span{color:var(--muted)}.inquiry .calculator-inquiry{background:#fffefb;color:var(--ink)}
#inquiry-error{color:#8f312a}
.catalog-download{background:#f1f1ef;border-color:var(--line)}
.visit{background:#eef1f4;color:var(--ink)}
footer{background:#1d334e;color:#f7f8fa;gap:20px}footer a{color:#f7f8fa}.footer-links{display:flex;gap:20px;flex-wrap:wrap}
#material-dialog,.shopping-dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:18px;box-shadow:0 16px 64px #142d4826}
dialog::backdrop{background:rgba(20,39,62,.42)}
.material-dialog-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 40px)}
.material-dialog-header{flex:none;background:var(--paper);border-color:var(--line)}
.material-dialog-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:16px}
#material-dialog-image{height:230px;max-height:26vh;border-radius:12px;object-fit:cover}
#material-dialog-title{font-size:34px;margin-top:20px;margin-bottom:7px;line-height:1.1}
#material-dialog-code{margin-bottom:12px}#material-dialog-price{margin:0 0 12px}
.material-description{font-size:14px;line-height:1.65;color:var(--muted);margin:10px 0}
.material-actions{margin:10px 0 18px}.material-actions .catalog-link{background:transparent;border:1px solid #b7c7b2;border-radius:7px;min-height:44px;display:inline-flex;align-items:center;padding:10px 16px;font-size:13px}
.material-spec-disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0}
.material-spec-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;font-size:13px;list-style:none}
.material-spec-disclosure>summary::-webkit-details-marker{display:none}
.material-spec-disclosure[open]>summary span{transform:rotate(45deg)}
.material-specs{margin:0 0 18px}.material-specs div{background:transparent;border-color:var(--line)}
.material-spec-disclosure .image-note{display:block;margin-bottom:16px}
.material-dialog-contact{flex:none;padding:14px 24px 16px;background:#eef3f8;border-top:1px solid var(--line)}
.material-dialog-contact .button{width:100%;font-size:14px}
.material-dialog-contact small{display:block;text-align:center;font-size:11px;color:#5a6f84;margin-top:8px}
.material-select button,.shopping-shortcuts button,.shopping-tabs button,.compare-chips span{border-color:#cbd7e2;background:#f0f4f8;color:var(--ink)}
.material-select button[aria-pressed=true],.shopping-tabs button[aria-pressed=true]{background:#e0e9f3;color:#29496b;border-color:#819bb5}
.selection-picker,.selection-empty{background:#edf2f7;border-color:var(--line)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
 .button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #1c365412}
 .material-photo img,.workshop-gallery img{transition:transform .45s ease}
 .material-card:hover .material-photo img{transform:scale(1.025)}
 .text-link{transition:color .18s ease}.text-link:hover{color:#527ba2}
}
@media(max-width:800px){
 html{scroll-padding-top:76px}.business-hero{padding-top:30px;padding-bottom:32px;gap:26px}
 .business-hero h1{letter-spacing:-1px}.business-hero .hero-photo{border-radius:16px 16px 44px 16px}
 .hero-trust{gap:10px 17px;margin-top:20px;font-size:11px}
 .business-hero .hero-order-note{font-size:10px}
 .story-visual .story-copy{grid-row:1}.story-visual .story-image{grid-row:2;height:240px}
 .story-visual .social-heading{grid-row:3;margin-top:12px;align-items:start;flex-direction:column;gap:12px}
 .social-heading h3{font-size:28px}.story-visual .workshop-gallery{grid-row:4;gap:10px}
 .workshop-gallery img{aspect-ratio:.8;border-radius:10px}.workshop-gallery figcaption{font-size:10px;line-height:1.5}
 .inquiry-details{padding:0 18px}.inquiry-details>summary{min-height:84px;padding:20px 0}
 .catalog-bottom{padding:16px;gap:8px}.footer-links{gap:18px}
 .mobile-contact{background:#faf9f6;border-top:1px solid #d2dde8;box-shadow:0 -3px 20px #203c5b0b;padding:9px 16px calc(9px + env(safe-area-inset-bottom));gap:8px}
 .mobile-contact>a,.mobile-contact>button{border:0;color:var(--ink);border-radius:8px;min-height:44px;background:transparent}
 .mobile-contact>a.mobile-whatsapp{background:var(--action);color:#fff;flex:1.65}
 .mobile-contact>a:first-child{flex:.8}.mobile-contact>button{flex:1}
}
@media(max-width:600px){
 header>.button{font-size:11px;padding:10px 12px;min-height:40px}
 .business-hero .actions{gap:16px;flex-wrap:wrap}.business-hero .actions .button{font-size:13px;padding:14px 16px}
 .business-hero .actions .text-link{font-size:12px}
 .material-grid{gap:24px 14px}.material-card .material-photo{border-radius:11px}.material-card .material-copy h3{font-size:19px;line-height:1.2;min-height:2.4em}
 .material-card .material-copy{padding-top:12px}.material-detail-trigger{font-size:12px}
 .material-dialog-shell{max-height:calc(100dvh - 20px)}#material-dialog{border-radius:15px;max-height:calc(100dvh - 20px)}
 #material-dialog-title{font-size:29px}#material-dialog-image{height:170px;max-height:24vh}
 .material-dialog-contact{padding:12px 18px 14px}.material-dialog-contact small{font-size:10px}.material-dialog-contact .button{font-size:13px}
 footer{padding-bottom:95px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Navy revision: restrained blue surfaces, warm white space, clear contrast. */
:root{--sage:#eef2f6}
.business-hero{background:linear-gradient(110deg,#f5f4f0 0%,#f0f3f7 100%)}
.hero-photo{background:#e2e7ec}
.eyebrow{color:#54708b}
.material-card .material-price strong,.material-price strong{color:var(--ink)}
.material-card .material-copy{gap:0}
.material-card .material-detail-trigger{margin-top:4px}
@media(max-width:600px){.material-dialog-shell{max-height:calc(100dvh - 42px)}.material-card .material-copy>.material-price{margin-bottom:4px}}