/* Sumopon sits within the page flow; photography and enquiries remain primary. */
.sss-sumopon-page,.sss-sumopon-banner,.sss-sumopon-note,.sss-sumopon-footer,.sss-sumopon-sighting{--sumopon-ink:#172b4d;--sumopon-red:#c73124;--sumopon-paper:#faf8f2;color:var(--sumopon-ink)}
.sss-sumopon-page{background:var(--sumopon-paper);overflow:hidden}
img.sss-sumopon-art{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.sss-sumopon-page h1,.sss-sumopon-page h2,.sss-sumopon-page h3,.sss-sumopon-page p{margin:0}
.sss-sumopon-page p{font-size:1.0625rem;line-height:1.85}
.sss-sumopon-page h2{font-size:clamp(1.65rem,2.8vw,2.65rem);line-height:1.35;letter-spacing:-.035em;text-wrap:balance}
.sss-sumopon-page h3{font-size:1.2rem;line-height:1.5;letter-spacing:-.015em}
.sss-sumopon-hero{max-width:1240px;margin:auto;padding:4.5rem 4vw 3.5rem;display:grid;grid-template-columns:1.04fr 1fr;gap:1.5rem;align-items:center;min-height:610px}
.sss-sumopon-hero h1{font-size:clamp(3rem,6.5vw,6.6rem);font-weight:850;letter-spacing:-.065em;line-height:1.1;overflow-wrap:break-word}
.sss-sumopon-page .sss-sumopon-eyebrow{font-size:.875rem;font-weight:750;letter-spacing:.1em;color:var(--sumopon-red);margin-bottom:1.25rem}
.sss-sumopon-page .sss-sumopon-pronunciation{font-size:.9375rem;margin:.75rem 0 1.7rem;color:#596477;letter-spacing:.04em}
.sss-sumopon-hero h2{font-size:clamp(1.35rem,2.15vw,2rem);margin-bottom:1rem}
.sss-sumopon-page .sss-sumopon-lead{max-width:34rem;margin-bottom:1.5rem}
.sss-sumopon-hero-art{align-self:center;min-width:0}
.sss-sumopon-text-link{color:var(--sumopon-red);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;font-size:.9375rem;line-height:1.6}
.sss-sumopon-text-link:hover{text-decoration-thickness:2px}
.sss-sumopon-page a:focus-visible,.sss-sumopon-banner a:focus-visible,.sss-sumopon-note a:focus-visible,.sss-sumopon-footer:focus-visible{outline:3px solid #c73124;outline-offset:5px;border-radius:2px}
.sss-sumopon-name{max-width:1120px;margin:0 auto;padding:3rem 0;display:grid;grid-template-columns:1fr 1.25fr;gap:4rem;border-top:1px solid #d9d8d0;border-bottom:1px solid #d9d8d0;scroll-margin-top:7rem}
.sss-sumopon-name h2{font-size:clamp(1.55rem,2.5vw,2.3rem)}
.sss-sumopon-personality{max-width:1160px;margin:auto;padding:5rem 2vw;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:4rem}
.sss-sumopon-personality h2{margin-bottom:2rem}
.sss-sumopon-trait+.sss-sumopon-trait{margin-top:1.6rem}
.sss-sumopon-trait p{margin-top:.4rem}
.sss-sumopon-features{max-width:1120px;margin:auto;padding:0 0 4.5rem}
.sss-sumopon-features>h2{margin-bottom:2rem}
.sss-sumopon-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}
.sss-sumopon-feature-grid>div{border-top:2px solid var(--sumopon-ink);padding-top:1.15rem}
.sss-sumopon-number{display:block;color:var(--sumopon-red);font-size:.875rem;letter-spacing:.07em;font-weight:750;margin-bottom:.5rem}
.sss-sumopon-feature-grid p{margin-top:.5rem}
.sss-sumopon-moments{background:#f0ede4;padding:4.5rem max(4vw,calc((100vw - 1120px)/2))}
.sss-sumopon-moments>h2{text-align:center;margin-bottom:2.5rem}
.sss-sumopon-moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.sss-sumopon-moment-grid figure{margin:0;padding:1rem 1.25rem 1.75rem;background:var(--sumopon-paper);border-radius:1rem;text-align:center;min-width:0}
.sss-sumopon-moment-grid img{max-width:260px;margin:auto}
.sss-sumopon-moment-grid h3{font-size:1.1rem}
.sss-sumopon-moment-grid p{font-size:.9375rem;line-height:1.7;margin-top:.5rem}
.sss-sumopon-next{background:var(--sumopon-ink);color:#fff;padding:4.5rem max(5vw,calc((100vw - 900px)/2));text-align:center}
.sss-sumopon-next h2{color:#fff;margin-bottom:1rem}
.sss-sumopon-next>p{max-width:42rem;margin:0 auto 1.75rem}
.sss-sumopon-button{display:inline-flex;justify-content:center;gap:.75rem;align-items:center;min-height:52px;padding:.85rem 1.5rem;border-radius:4px;background:#c73124;color:#fff;font-size:1rem;font-weight:750;text-decoration:none;line-height:1.5}
.sss-sumopon-button:hover{background:#ad291d;color:#fff}
.sss-sumopon-page .sss-sumopon-brand-copy{font-size:.9375rem;line-height:1.75;color:#dce2ed;margin:3rem auto .75rem}
.sss-sumopon-brand-link{color:#fff;font-size:.9375rem;text-underline-offset:4px}
.sss-sumopon-banner{display:flex;align-items:center;gap:1.75rem;background:var(--sumopon-paper);max-width:1120px;margin:2rem auto;padding:1.25rem 2rem;border-block:1px solid #e2dfd4}
.sss-sumopon-banner img{width:130px;flex:0 0 130px}
.sss-sumopon-banner h2{font-size:1.6rem;letter-spacing:-.035em;line-height:1.4;margin:0 0 .25rem;color:var(--sumopon-ink)}
.sss-sumopon-banner p{font-size:1rem;line-height:1.65;margin:0 0 .55rem}
.sss-sumopon-note{display:flex;align-items:center;gap:1rem;background:var(--sumopon-paper);border-radius:.75rem;padding:.65rem 1rem;margin:1.5rem auto;max-width:1120px}
.sss-sumopon-note img{width:86px;flex:0 0 86px}
.sss-sumopon-note p{margin:0 0 .25rem!important;font-size:1rem!important;line-height:1.6!important;color:var(--sumopon-ink)}
.enquiry-intro>.sss-sumopon-note{margin:0 0 1.5rem;max-width:32rem}
.sss-sumopon-footer{display:inline-flex!important;align-items:center;gap:.6rem;background:var(--sumopon-paper);border-radius:.5rem;margin-top:1.1rem!important;padding:.4rem .9rem .4rem .35rem;text-decoration:none;max-width:100%}
.sss-sumopon-footer img{width:60px;flex:0 0 60px}
.sss-sumopon-footer b{display:block;font-size:1rem;line-height:1.5;color:var(--sumopon-ink)}
.sss-sumopon-footer>span>span{font-size:.875rem;line-height:1.6;color:var(--sumopon-red)}
.sss-sumopon-mobile-link{color:var(--sumopon-red)}
@media(min-width:1500px){.sss-sumopon-hero{padding-inline:0}}
@media(max-width:1200px){.sss-sumopon-name,.sss-sumopon-features{margin-inline:5vw}.sss-sumopon-banner,.sss-sumopon-note{margin-inline:5vw}.enquiry-intro>.sss-sumopon-note{margin-inline:0}.sss-sumopon-personality{padding-inline:5vw;gap:2rem}}
@media(max-width:760px){.sss-sumopon-hero{grid-template-columns:1fr;padding:2.6rem 6vw 2rem;gap:0;min-height:0}.sss-sumopon-hero h1{font-size:clamp(3rem,12vw,5rem)}.sss-sumopon-hero-art{max-width:360px;margin:1rem auto 0;width:100%}.sss-sumopon-hero h2{font-size:1.45rem}.sss-sumopon-name{grid-template-columns:1fr;gap:1rem;padding:2rem 0;margin-inline:6vw}.sss-sumopon-personality{grid-template-columns:1fr;gap:1rem;padding:2.5rem 6vw}.sss-sumopon-personality-art{max-width:260px;margin:auto;order:2}.sss-sumopon-personality h2{margin-bottom:1.5rem}.sss-sumopon-feature-grid{grid-template-columns:1fr;gap:1.5rem}.sss-sumopon-features{padding-bottom:2.5rem;margin-inline:6vw}.sss-sumopon-moments{padding:2.5rem 6vw}.sss-sumopon-moment-grid{grid-template-columns:1fr;gap:1rem}.sss-sumopon-moment-grid figure{display:grid;grid-template-columns:120px 1fr;align-items:center;text-align:left;gap:1rem;padding:1rem}.sss-sumopon-next{padding:3rem 6vw}.sss-sumopon-banner{gap:.8rem;margin:1.5rem 5vw;padding:1rem}.sss-sumopon-banner img{width:84px;flex-basis:84px}.sss-sumopon-banner h2{font-size:1.25rem}.sss-sumopon-note{padding:.6rem .75rem;gap:.75rem}.sss-sumopon-note img{width:68px;flex-basis:68px}.sss-sumopon-note .sss-sumopon-text-link{font-size:.875rem}}
@media(max-width:380px){.sss-sumopon-banner{align-items:flex-start}.sss-sumopon-banner img{width:65px;flex-basis:65px}.sss-sumopon-moment-grid figure{grid-template-columns:88px 1fr;gap:.6rem}.sss-sumopon-footer{padding-right:.6rem}}
@media print{.sss-sumopon-banner,.sss-sumopon-note,.sss-sumopon-footer{display:none!important}.sss-sumopon-page{background:#fff}.sss-sumopon-page section{break-inside:avoid}.sss-sumopon-next{background:#fff;color:#172b4d}.sss-sumopon-next h2,.sss-sumopon-page .sss-sumopon-brand-copy{color:#172b4d}}

/* Multilingual text uses its own writing direction and keeps the artwork unchanged. */
.sss-sumopon-hero-copy,.sss-sumopon-personality-copy,.sss-sumopon-name>*,.sss-sumopon-feature-grid>*,.sss-sumopon-banner>div,.sss-sumopon-note>div,.sss-sumopon-footer>span{min-width:0;overflow-wrap:break-word}
.sss-sumopon-page h2,.sss-sumopon-page h3,.sss-sumopon-banner h2,.sss-sumopon-page .sss-sumopon-eyebrow{letter-spacing:normal}
.sss-sumopon-page h1 bdi{font:inherit;letter-spacing:inherit}
.sss-sumopon-page[dir=rtl] .sss-sumopon-hero-copy,.sss-sumopon-page[dir=rtl] .sss-sumopon-name,.sss-sumopon-page[dir=rtl] .sss-sumopon-personality-copy,.sss-sumopon-page[dir=rtl] .sss-sumopon-features{text-align:start}
.sss-sumopon-page .sss-sumopon-brand-link{direction:ltr;unicode-bidi:isolate;display:inline-block}
.sss-sumopon-banner[dir=rtl],.sss-sumopon-note[dir=rtl],.sss-sumopon-footer[dir=rtl]{text-align:start}
@media(max-width:760px){.sss-sumopon-moment-grid figure{text-align:start}.sss-sumopon-moment-grid figcaption{min-width:0;overflow-wrap:break-word}}

/* One continuous, fully visible gallery with all one hundred poses. */
.sss-sumopon-gallery{max-width:1120px;margin:auto;padding:4.5rem 0}
.sss-sumopon-gallery>h2{margin-bottom:2rem}
.sss-sumopon-pose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:.25rem 0 2rem}
.sss-sumopon-pose-grid figure{margin:0;background:var(--sumopon-paper);min-width:0;border:1px solid #e5e1d8;border-radius:.65rem;overflow:hidden}
.sss-sumopon-pose-grid figcaption{display:block;padding:.65rem .85rem 1rem;font-size:.9375rem;line-height:1.6;overflow-wrap:break-word}
.sss-sumopon-pose-number{display:block;margin-bottom:.3rem;color:var(--sumopon-red);font-size:.75rem;font-weight:750;font-variant-numeric:tabular-nums}
@media(max-width:1200px){.sss-sumopon-gallery{margin-inline:5vw}}
@media(max-width:760px){.sss-sumopon-gallery{margin-inline:6vw;padding-block:2.5rem}.sss-sumopon-pose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.sss-sumopon-pose-grid figcaption{padding:.5rem .6rem .85rem;gap:.4rem;font-size:.875rem}}
@media print{.sss-sumopon-gallery{break-inside:auto!important}.sss-sumopon-pose-grid figure{break-inside:avoid}}

/* Decorative illustrations: no card, caption, link or pointer interaction. */
.sss-sumopon-banner,.sss-sumopon-note,.sss-sumopon-sighting{display:block;background:none;border:0;border-radius:0;box-shadow:none;padding:0;min-width:0;text-align:start;pointer-events:none}
.sss-sumopon-banner,.sss-sumopon-note,.sss-sumopon-sighting{width:calc(100% - 10vw);max-width:1120px;margin:1.25rem auto}
.sss-sumopon-sighting-inset{width:100%;margin:0 auto .75rem;grid-column:1/-1}
.sss-sumopon-sighting>.sss-sumopon-art{width:108px;height:108px;max-width:100%;object-fit:contain}
.sss-sumopon-banner>.sss-sumopon-art{width:130px;height:130px}
.sss-sumopon-note>.sss-sumopon-art{width:86px;height:86px}
.enquiry-intro>.sss-sumopon-note{width:100%;margin:0 0 .75rem;max-width:none}
.sss-sumopon-footer{display:grid!important;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:1rem;width:100%;max-width:420px;margin-top:1.25rem!important;padding:1rem 0 0;border:0;border-top:1px solid #d6dad0;border-radius:0;background:none;box-shadow:none;text-align:start;pointer-events:auto}
.sss-sumopon-footer>.sss-sumopon-art{width:88px;height:88px}
.sss-sumopon-footer-copy{min-width:0;overflow-wrap:break-word;word-break:normal}
.sss-sumopon-footer-copy>strong{display:block;font-size:1rem;line-height:1.5;color:var(--sumopon-ink)}
.sss-sumopon-footer-copy>p{margin:.4rem 0 .65rem;font-size:.875rem;line-height:1.75;color:var(--sumopon-ink)}
.sss-sumopon-footer-copy>.sss-sumopon-text-link{display:inline-block;font-size:.875rem;line-height:1.6;padding-block:.25rem}
.sss-sumopon-footer a:focus-visible{outline:3px solid var(--sumopon-red);outline-offset:4px}
@media(max-width:380px){.sss-sumopon-footer{grid-template-columns:72px minmax(0,1fr);gap:.75rem}.sss-sumopon-footer>.sss-sumopon-art{width:72px;height:72px}}
.article-body>.sss-sumopon-sighting,.detail-body article>.sss-sumopon-sighting{margin-block:1rem}
@media(max-width:760px){.sss-sumopon-sighting>.sss-sumopon-art{width:84px;height:84px}.sss-sumopon-banner>.sss-sumopon-art{width:100px;height:100px}.sss-sumopon-note>.sss-sumopon-art{width:68px;height:68px}}
@media print{.sss-sumopon-sighting{display:none!important}}

/* Give translated labels their complete card width and keep names intact. */
.sss-sumopon-pose-grid figcaption>span:last-child{display:block;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
.sss-sumopon-hero h1 bdi{white-space:nowrap;overflow-wrap:normal}
.sss-sumopon-page h2,.sss-sumopon-page h3{word-break:normal;overflow-wrap:break-word;text-wrap:balance}
.sss-sumopon-page p{word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
.sss-sumopon-button{max-inline-size:100%;white-space:normal;text-align:center}
@media(min-width:761px) and (max-width:1000px){.sss-sumopon-pose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){.sss-sumopon-pose-grid{grid-template-columns:minmax(0,1fr)}.sss-sumopon-pose-grid img{max-height:260px}.sss-sumopon-moment-grid figure{grid-template-columns:minmax(0,1fr)}.sss-sumopon-moment-grid img{max-width:180px}}

/* Shared usage policy: the same wording and permissions as Sumo Man. */
.sss-sumopon-use-summary{padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-inline-start:3px solid var(--sumopon-red);background:#f0ede4}
.sss-sumopon-use-summary p{margin-bottom:.5rem}
.sss-sumopon-pose-grid .sss-sumopon-pose-label{display:block;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
.sss-sumopon-pose-download{display:inline-block;color:var(--sumopon-red);font-size:.8125rem;font-weight:700;line-height:1.6;margin-top:.6rem;padding-block:.3rem;text-underline-offset:3px;word-break:normal;overflow-wrap:break-word}
.sss-sumopon-use{max-width:1120px;margin:0 auto;padding:0 0 4.5rem;scroll-margin-top:7rem;text-align:start}
.sss-sumopon-use h2{margin-bottom:1rem}
.sss-sumopon-use .sss-sumopon-use-intro{max-width:54rem;margin-bottom:2rem}
.sss-sumopon-use-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:1.75rem}
.sss-sumopon-use-options article{min-inline-size:0;padding:1.75rem;border:1px solid #ddd8cc;border-radius:.75rem;background:#fffdf8}
.sss-sumopon-use-options article:first-child{border-block-start:3px solid var(--sumopon-red)}
.sss-sumopon-use-options article:last-child{border-block-start:3px solid var(--sumopon-ink)}
.sss-sumopon-use-options h3{margin-bottom:.6rem}
.sss-sumopon-use-options p{margin-bottom:1rem}
.sss-sumopon-use-details{padding:1.5rem 1.75rem;margin-bottom:1.75rem;border:1px solid #ddd8cc;border-radius:.75rem}
.sss-sumopon-use-details summary{font-size:1.125rem;font-weight:750;line-height:1.6;cursor:pointer;word-break:normal;overflow-wrap:break-word}
.sss-sumopon-use-details summary:focus-visible{outline:3px solid var(--sumopon-red);outline-offset:5px}
.sss-sumopon-use-details dl{margin:1.5rem 0 0}
.sss-sumopon-use-details dl>div+div{margin-top:1.35rem}
.sss-sumopon-use-details dt{font-weight:750;line-height:1.65;margin-bottom:.35rem;word-break:normal;overflow-wrap:break-word}
.sss-sumopon-use-details dd{margin:0;font-size:1.0625rem;line-height:1.85;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
.sss-sumopon-use-details .sss-sumopon-use-scope{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #ddd8cc;font-size:.9375rem}
.sss-sumopon-use .sss-sumopon-button{text-align:start}
@media(max-width:1200px){.sss-sumopon-use{margin-inline:5vw}}
@media(max-width:760px){.sss-sumopon-use{margin-inline:6vw;padding-bottom:2.5rem}.sss-sumopon-use-options{grid-template-columns:minmax(0,1fr);gap:1rem}.sss-sumopon-use-options article,.sss-sumopon-use-details{padding:1.25rem}.sss-sumopon-use-summary{padding:1rem}}
@media print{.sss-sumopon-use{break-inside:auto!important}.sss-sumopon-use-options article,.sss-sumopon-use-details dl>div{break-inside:avoid}}
