/* Husband Hall extends the current cherry-blossom theme only on this page. */
.hh-page{container-type:inline-size;--hh-card-width:calc((100cqw - 72px)/4);max-width:1120px;margin:0 auto;padding:0 0 64px;color:var(--ivory)}
.hh-heading{text-align:center;padding:42px 20px 30px}
.hh-heading .hh-kicker{font:400 32px/1.1 var(--script);color:#a95176;margin:0 0 6px}
.hh-heading h1{font:500 clamp(38px,4vw,54px)/1.16 var(--serif);letter-spacing:-.035em;margin:0;color:#563254}
.hh-heading h1>span{font:400 .7em var(--sans);color:#be6988;vertical-align:middle}
.hh-heading>p:last-child{font:400 17px/1.5 Georgia,serif;color:var(--muted);margin:12px 0 0}
.hh-emperor{isolation:isolate;position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(34px,6vw,86px);padding:32px 42px;margin-bottom:48px;border:1px solid #e8c5d6;border-radius:18px;background:linear-gradient(120deg,#fffafb,#fce9f1);overflow:hidden;box-shadow:0 8px 28px #86556d08}
.hh-emperor:after{content:"";position:absolute;z-index:-1;right:-38px;top:-54px;width:200px;height:330px;background:url('/cherry-blossom-corner.webp') top left/contain no-repeat;background-image:image-set(url('/delivery/cherry-blossom-corner.avif') type('image/avif'),url('/cherry-blossom-corner.webp') type('image/webp'));transform:rotate(165deg);opacity:.5;pointer-events:none}
.hh-emperor-frame{width:var(--hh-card-width);flex:none;position:relative;outline:1px solid #dab0c4;outline-offset:7px;border-radius:8px}
.hh-portrait{aspect-ratio:1;width:100%;overflow:hidden;border-radius:8px;background:#f9edf2}
.hh-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:none}
.hh-emperor-copy{min-width:0;max-width:470px;position:relative;text-align:center}
.hh-crown{width:34px;height:29px;color:#ac6685;margin:0 auto 14px;display:block}
.hh-emperor-title{font:500 16px/1.5 var(--sans);color:#8b4768;margin:0 0 18px}
.hh-emperor-title span{display:block}
.hh-emperor h2{font:500 clamp(34px,4vw,52px)/1.15 var(--serif);letter-spacing:-.025em;margin:0;color:#563254}
.hh-chinese{font:400 20px/1.5 var(--sans);color:#79556f;margin:8px 0 0;letter-spacing:.12em}
.hh-known{font:400 17px/1.45 Georgia,serif;color:#563f57;margin:20px 0 0}
.hh-known>span{display:block;font:500 12px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#796378;margin-bottom:4px}
.hh-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 24px}
.hh-section-heading h2{font:500 clamp(25px,3vw,30px)/1.3 var(--serif);letter-spacing:-.02em;margin:0;color:#563254}
.hh-section-heading .blossom-mark{font-size:28px}
.hh-rule{height:1px;background:#e9ccdc;flex:1;margin-left:10px}
.hh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.hh-card{min-width:0;background:#fffdfd;border-radius:9px;border:0;outline:1px solid #efdae4;box-shadow:0 4px 15px #85536a06;overflow:hidden}
.hh-card .hh-portrait{border-radius:7px 7px 0 0}
.hh-card-copy{padding:18px 17px 22px}
.hh-status{font:500 14px/1.5 var(--sans);color:#914767;margin:0 0 10px;display:inline-block;background:#fbeaf1;padding:3px 10px;border-radius:14px}
.hh-card h3{font:500 23px/1.2 var(--serif);color:#563254;margin:0;overflow-wrap:anywhere}
.hh-alias{display:block;font:400 15px/1.5 var(--sans);color:#705970;margin:4px 0 0}
.hh-card .hh-chinese{font-size:18px;margin-top:7px}
.hh-card .hh-known{padding-top:14px;margin-top:16px;border-top:1px solid #f0dfe7;font-size:16px}
.hh-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.hh-observation{margin-top:48px;padding-top:30px;border-top:1px solid #ecd7e3}
.hh-card-observation{background:#fffcfe;outline-color:#eadde8;box-shadow:none}
.hh-card-observation .hh-status{background:#f3edf5;color:#716079}
@media(max-width:1168px){.hh-page{margin-inline:24px}}
@media(max-width:1040px){.hh-page{--hh-card-width:calc((100cqw - 48px)/3)}.hh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-emperor{padding:32px;gap:42px}}
@media(max-width:760px){.hh-page{--hh-card-width:calc((100cqw - 24px)/2)}.hh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-emperor{padding:26px 16px;gap:25px}.hh-emperor-frame{width:var(--hh-card-width)}.hh-emperor{flex-direction:column}.hh-emperor h2{font-size:37px}.hh-emperor-title{font-size:14px}.hh-heading{padding-top:30px}.hh-emperor:after{width:140px;right:-55px;opacity:.3}}
@media(max-width:540px){.hh-page{margin-inline:20px;--hh-card-width:min(280px,100cqw - 42px)}.hh-heading{padding-inline:0}.hh-heading h1{font-size:39px}.hh-grid{grid-template-columns:var(--hh-card-width);justify-content:center;gap:28px}.hh-emperor{flex-direction:column;padding:25px 19px 30px;gap:30px;margin-bottom:36px}.hh-emperor-frame{width:var(--hh-card-width)}.hh-emperor-copy{width:100%}.hh-emperor h2{font-size:42px}.hh-emperor-title{font-size:16px;margin-bottom:14px}.hh-emperor:after{width:170px;right:-48px}.hh-section-heading{gap:9px}.hh-section-heading h2{font-size:25px}.hh-rule{margin-left:0}.hh-card-copy{padding:20px}.hh-card h3{font-size:25px}.hh-observation{margin-top:36px}.hh-known{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.hh-page{scroll-behavior:auto}}