
.hss-pblock{margin:2em 0;padding:1.25em;background:#faf7f2;border-radius:12px}
.hss-pblock-title{margin:0 0 .15em;font-size:1.25em;font-weight:700;color:#1f2933}
.hss-pblock-note{margin:0;font-size:.75em;color:#6b7280}
.hss-pblock-grid{display:grid;gap:14px;margin-top:.9em;grid-template-columns:repeat(3,minmax(0,1fr))}
.hss-pblock-2 .hss-pblock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hss-pcard{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e2d9;border-radius:10px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.hss-pcard:hover{box-shadow:0 6px 18px rgba(31,41,51,.12);transform:translateY(-2px)}
.hss-pcard-img{display:block;background:#fff}
.hss-pcard-img img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0}
.hss-pcard-body{display:flex;flex-direction:column;flex:1;padding:.8em .85em .9em}
.hss-pcard-name{margin:0 0 .3em;font-size:1em;font-weight:700;line-height:1.3}
.hss-pcard-name a{color:#1f2933;text-decoration:none}
.hss-pcard-name a:hover{text-decoration:underline}
.hss-pcard-why{margin:0 0 .8em;font-size:.9em;line-height:1.4;color:#4b5563}
.hss-pcard-btn{display:block;margin-top:auto;padding:.65em .5em;border-radius:7px;background:#b4532a;color:#fff!important;font-weight:700;font-size:.92em;line-height:1.2;text-align:center;text-decoration:none}
.hss-pcard-btn:hover,.hss-pcard-btn:focus{background:#93421f}
.hss-pblock-1 .hss-pcard{flex-direction:row}
.hss-pblock-1 .hss-pblock-grid{grid-template-columns:1fr}
.hss-pblock-1 .hss-pcard-img{flex:0 0 42%}
.hss-pblock-1 .hss-pcard-body{justify-content:center}
.hss-pblock-1 .hss-pcard-btn{margin-top:0}
@media (max-width:600px){
 .hss-pblock{padding:1em}
 .hss-pblock-grid,.hss-pblock-2 .hss-pblock-grid{grid-template-columns:1fr}
 .hss-pblock:not(.hss-pblock-1) .hss-pcard{flex-direction:row}
 .hss-pblock:not(.hss-pblock-1) .hss-pcard-img{flex:0 0 38%}
 .hss-pcard-img{align-self:center}
 .hss-pblock-1 .hss-pcard-img{flex:0 0 38%}
 .hss-pcard-name{font-size:.95em}
 .hss-pcard-why{font-size:.85em;margin-bottom:.6em}
 .hss-pcard-btn{font-size:.88em;margin-top:0}
}

.hss-home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:0 0 36px;padding:24px;background:#faf7f2;border-radius:12px}
.hss-home-hero img{display:block;width:100%;height:100%;max-height:300px;object-fit:cover;border-radius:10px}
.hss-home-hero h2{margin:0 0 .3em;font-size:2.1em;line-height:1.15;color:#1f2933}
.hss-home-hero p{margin:0 0 1.1em;color:#4b5563;font-size:1.1em}
.hss-home-actions{display:flex;flex-wrap:wrap;gap:10px}
.hss-home-actions a{padding:.7em 1.2em;border-radius:8px;font-weight:600;text-decoration:none}
.hss-home-primary{background:#b4532a;color:#fff}
.hss-home-primary:hover{background:#96431f;color:#fff}
.hss-home-secondary{border:1px solid #b4532a;color:#b4532a}
.hss-home-secondary:hover{background:#fff;color:#96431f}
.hss-home-pieces,.hss-home-section{margin:0 0 40px;scroll-margin-top:16px}
.hss-home-pieces h2,.hss-home-section h2{margin:0 0 .3em;font-size:1.6em;color:#1f2933}
.hss-home-piece-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:1em}
.hss-home-piece{display:flex;flex-direction:column;padding:12px;background:#fff;border:1px solid #ece6df;border-radius:10px}
.hss-home-piece-img img{display:block;width:100%;height:auto;border-radius:6px}
.hss-home-room{margin:.7em 0 .1em;font-size:.75em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}
.hss-home-piece-name{margin:0 0 .8em;font-weight:600;line-height:1.3}
.hss-home-piece-name a{color:#1f2933;text-decoration:none}
.hss-home-piece .hss-pcard-btn{margin-top:auto}
.hss-home-rooms,.hss-home-guides{display:grid;gap:18px;margin-top:1em}
.hss-home-rooms{grid-template-columns:repeat(4,minmax(0,1fr))}
.hss-home-guides{grid-template-columns:repeat(3,minmax(0,1fr))}
.hss-home-tile{display:block;color:#1f2933;font-weight:600;line-height:1.3;text-decoration:none}
.hss-home-tile:hover{color:#b4532a}
.hss-home-tile img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin-bottom:.5em}
.hss-home-tile small{display:block;font-size:.75em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}
.hss-home-more{margin:1.4em 0 0;text-align:center}
.hss-home-more a{color:#b4532a;font-weight:600}
@media (max-width:768px){
.hss-home-hero{grid-template-columns:1fr;gap:16px;padding:16px;margin-bottom:28px}
.hss-home-hero img{max-height:200px;order:-1}
.hss-home-hero h2{font-size:1.7em}
.hss-home-piece-grid,.hss-home-rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hss-home-guides{grid-template-columns:1fr 1fr;gap:12px}
.hss-home-piece{padding:8px}
}

.hh-home{max-width:1200px;margin:auto;padding:28px 24px}.hh-home>header{max-width:740px;margin-bottom:32px}.hh-home h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;margin:0 0 12px}.hh-home header p{margin:0}.hss-home-piece-why{font-size:.9em;line-height:1.45;margin:0 0 1em;color:#4b5563}.hss-home-piece-name{margin-bottom:.4em}.hss-home-tile:focus-visible,.hss-pcard a:focus-visible,.hss-home-piece a:focus-visible{outline:3px solid #93421f;outline-offset:3px}
