.theme-picker{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:.78rem;font-weight:700;color:var(--brown)}.theme-picker select{min-height:38px;padding:6px 30px 6px 10px;border:1px solid #a88b76;border-radius:6px;background:#fff;color:#34251f;font:inherit}.theme-picker select:focus-visible{outline:3px solid #c48859;outline-offset:2px}html[data-theme="sign"]{--brown:#242126;--cream:#f3b928;--dark:#171619}html[data-theme="sign"] body{color:#171619;background:#f4f0e8;background-image:linear-gradient(90deg,#17161908 1px,transparent 1px),linear-gradient(#17161908 1px,transparent 1px);background-size:18px 18px}html[data-theme="sign"] header{border-bottom:6px solid #171619;background:#f3b928f2;box-shadow:none}html[data-theme="sign"] .logo{position:relative;padding:4px 11px 18px;color:#211f23;font-family:Arial Black,Impact,sans-serif;font-style:italic;font-weight:900;letter-spacing:-.09em;text-transform:uppercase}html[data-theme="sign"] .logo::after{content:"TEIXITS PER A LA LLAR";position:absolute;left:12px;bottom:2px;font:800 .48rem Arial,sans-serif;letter-spacing:.08em}html[data-theme="sign"] nav a,html[data-theme="sign"] .theme-picker{color:#171619;font-weight:800}html[data-theme="sign"] .languages{border-color:#171619}html[data-theme="sign"] .hero{min-height:min(640px,72svh);background:#f3b928;background-image:repeating-linear-gradient(-12deg,#fff0 0 42px,#1716190a 43px 45px);border-bottom:12px solid #171619}html[data-theme="sign"] .hero::after{content:"";display:block;right:8%;bottom:15%;width:min(25vw,280px);aspect-ratio:2;border:14px solid #171619;border-radius:50%;background:#f3b928;box-shadow:inset 0 0 0 8px #f3b928,inset 0 0 0 12px #171619;animation:sign-roll 8s ease-in-out infinite}html[data-theme="sign"] .hero h1{max-width:820px;color:#171619;font-family:Arial Black,Impact,sans-serif;font-style:italic;font-weight:900;letter-spacing:-.055em;text-transform:uppercase}html[data-theme="sign"] .hero p{color:#171619;font-weight:700}html[data-theme="sign"] .button{border:3px solid #171619;border-radius:0;background:#171619;box-shadow:7px 7px 0 #fff;color:#fff;text-transform:uppercase}html[data-theme="sign"] h2{font-family:Arial Black,Impact,sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:-.035em}html[data-theme="sign"] .card{border:3px solid #171619;border-radius:0;box-shadow:8px 8px 0 #f3b928}html[data-theme="sign"] .card::after{color:#f3b928;font-family:Impact,sans-serif}html[data-theme="sign"] .story{background:#171619;border-block:12px solid #f3b928}html[data-theme="sign"] .fact{border:2px solid #f3b928;border-radius:0;background:#252327}html[data-theme="sign"] .fact strong,html[data-theme="sign"] .story h2{color:#f3b928}html[data-theme="sign"] .products-list li{border:2px solid #171619;border-left:12px solid #f3b928;box-shadow:5px 5px 0 #171619}html[data-theme="sign"] .map-link{border:5px solid #171619;border-radius:0;background:#f3b928;color:#171619;box-shadow:10px 10px 0 #171619}html[data-theme="sign"] .press{background:#f3b928;border-block:5px solid #171619}html[data-theme="sign"] .instagram-widget,html[data-theme="sign"] .facebook-widget{border:3px solid #171619;border-radius:0;box-shadow:7px 7px 0 #f3b928}html[data-theme="sign"] footer{border-top:10px solid #f3b928}@keyframes sign-roll{50%{transform:rotate(7deg)}}@media(max-width:900px){.theme-picker{width:100%;justify-content:flex-end}html[data-theme="sign"] .hero::after{opacity:.18;right:-10%;width:55vw}}@media(max-width:520px){.theme-picker{justify-content:space-between}.theme-picker select{flex:1}html[data-theme="sign"] .hero h1{font-size:clamp(2rem,11vw,3.4rem)}}
/* The sign theme must remain readable without the private textile stylesheet. */
html[data-theme="sign"] .story,
html[data-theme="sign"] .story p,
html[data-theme="sign"] .story .fact{color:#f8f4ec}
html[data-theme="sign"] .story .eyebrow{color:#f3b928}
html[data-theme="sign"] .story a,
html[data-theme="sign"] .story a:visited{color:#f3b928;text-decoration:underline;text-underline-offset:.2em}
html[data-theme="sign"] .story a:hover{color:#fff}
html[data-theme="sign"] .story a:focus-visible{outline:3px solid #f3b928;outline-offset:5px}
html[data-theme="sign"] .story .fact strong{margin-bottom:.35rem}
html[data-theme="sign"] .legal h1{font:900 clamp(2rem,5vw,3.5rem)/1.1 Arial,Helvetica,sans-serif;font-style:italic;text-transform:uppercase;overflow-wrap:anywhere}
html[data-theme="sign"] .legal h2{font-size:clamp(1.2rem,3vw,1.65rem);margin-top:2rem}
html[data-theme="sign"] .legal a{color:#242126;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
html[data-theme="sign"] .legal .product-note{padding:20px;border-left:5px solid #171619;background:#f3b928;line-height:1.6}
/* Keep the design selector stable when themes change on narrow screens. */
@media(max-width:600px){body>header{display:grid;grid-template-columns:auto minmax(140px,1fr);align-items:center;gap:6px 12px;padding-top:12px;padding-bottom:12px}body>header nav{grid-column:1/-1;grid-row:2}body>header .theme-picker{width:auto;min-width:0;justify-content:flex-end}body>header .theme-picker select{min-width:0;width:min(150px,100%)}html[data-theme="sign"] body>header .logo{padding-bottom:16px}}
@media(max-width:720px){body>header nav{flex-wrap:nowrap}body>header .languages{flex:none}}
@media(max-width:600px){body>header .logo{line-height:1.05}html[data-theme="sign"] body>header .logo{line-height:1}}
/* Arial renders Spanish and Catalan accents more cleanly than Impact. */
html[data-theme="sign"] .hero h1,html[data-theme="sign"] h2,html[data-theme="sign"] .post-card h2,html[data-theme="sign"] .article-header h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:1.06;letter-spacing:-.018em}
html[data-theme="sign"] .product-page{background:transparent}html[data-theme="sign"] .catalogue-header{padding:clamp(1rem,3vw,2rem);border:5px solid #171619;background:#f3b928;box-shadow:10px 10px 0 #171619}html[data-theme="sign"] .catalogue-header h1,html[data-theme="sign"] .product-summary h1{font-family:Arial Black,Impact,Arial,sans-serif;font-style:italic;font-weight:900;letter-spacing:-.035em;text-transform:uppercase}html[data-theme="sign"] .catalogue-card,html[data-theme="sign"] .product-visual img{border:4px solid #171619;border-radius:0;box-shadow:8px 8px 0 #f3b928}html[data-theme="sign"] .catalogue-card{background:#fff}html[data-theme="sign"] .catalogue-card h2 a{color:#171619}html[data-theme="sign"] .product-status{border:3px solid #171619;border-radius:0;background:#f3b928;box-shadow:4px 4px 0 #171619;text-transform:uppercase}html[data-theme="sign"] .product-note{border-left:12px solid #171619;background:#f3b928;font-weight:700}html[data-theme="sign"] .product-specs{border-color:#171619}html[data-theme="sign"] .product-specs dt,html[data-theme="sign"] .product-specs dd{border-color:#171619}html[data-theme="sign"] .product-breadcrumbs a{color:#171619;font-weight:800}