/* A welcoming, photo-led introduction; the original survey stays available below. */
.sss-survey.sss-welcome{--welcome-ink:#143252;--welcome-red:#be3627;--welcome-paper:#fbf7ee;color:var(--welcome-ink);padding-block:clamp(48px,6vw,86px);background:var(--welcome-paper);isolation:isolate}
.sss-welcome-heading{max-inline-size:930px;margin-block-end:30px}
.sss-welcome .sss-welcome-eyebrow{display:flex;align-items:center;gap:12px;color:var(--welcome-red);font-size:.92rem;font-weight:700;line-height:1.6;margin-block:0 12px;letter-spacing:normal;text-transform:none}
.sss-welcome-eyebrow svg{flex:0 0 28px;transform:rotate(12deg)}
.sss-welcome-eyebrow>span,.sss-survey-details>summary>span{min-inline-size:0}
.sss-welcome #guest-survey-title{font-size:clamp(1.9rem,3.4vw,3.2rem);font-weight:750;line-height:1.22;letter-spacing:-.025em;max-inline-size:24ch;margin:0;text-wrap:balance}
.sss-welcome .sss-welcome-intro{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.7;max-inline-size:64ch;color:#495763;margin-block:16px 0}
.sss-welcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sss-welcome-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid #eadfce;box-shadow:0 5px 0 #e8ded133;min-inline-size:0;margin:0}
.sss-welcome-photo{aspect-ratio:2.35;overflow:hidden;background:#e5d6c2}
.sss-welcome-photo img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 46%;margin:0;border:0}
.sss-welcome-women .sss-welcome-photo img{object-position:50% 45%}
.sss-welcome-card-copy{padding:25px 28px 28px;border-block-start:5px solid #e4b94e}
.sss-welcome-women .sss-welcome-card-copy{border-color:#cf6453}
.sss-welcome .sss-welcome-card h3{font-size:clamp(1.18rem,1.6vw,1.5rem);font-weight:750;line-height:1.45;letter-spacing:normal;margin-block:0 10px;color:var(--welcome-ink);text-wrap:balance}
.sss-welcome .sss-welcome-card p{line-height:1.7;font-size:1rem;margin-block:0;color:#4b5966;max-inline-size:none}
.sss-welcome-stat{display:grid;grid-template-columns:minmax(0,1fr) clamp(100px,12vw,156px);align-items:center;gap:6px;padding:26px 20px 27px 28px;background:#fff0ca;border-color:#ecce82}
.sss-welcome-beginners{background:#eaf1e8;border-color:#c8d8c6}
.sss-welcome-stat-copy{min-inline-size:0}
.sss-home-enquiry-link{padding-block:0 35px;text-align:center}
.sss-home-enquiry-link .button{border-radius:7px;min-block-size:56px;font-size:1rem;padding:16px 28px;background:#be3627;box-shadow:0 4px 0 #8e2d23;max-inline-size:100%;text-align:start}
.sss-home-enquiry-link .button:hover{background:#a92e22;box-shadow:0 3px 0 #8e2d23}
.sss-home-enquiry-link .button:focus-visible{outline:3px solid #143252;outline-offset:5px}
.sss-welcome .sss-welcome-metric{margin-block:12px 14px;display:flex;flex-direction:column;gap:5px}
.sss-welcome-metric strong{display:block;font-size:clamp(2.9rem,5.5vw,5rem);font-weight:800;letter-spacing:-.055em;line-height:1.05;color:var(--welcome-red);font-family:Arial,Helvetica,sans-serif;font-variant-numeric:lining-nums tabular-nums}
.sss-welcome-beginners .sss-welcome-metric strong{color:#28594c}
.sss-welcome-metric strong span{font-size:.46em;letter-spacing:normal;margin-inline-start:.08em}
.sss-welcome .sss-welcome-metric-label{font-size:.94rem;line-height:1.5;color:var(--welcome-ink);font-weight:600}
.sss-welcome-mascot{align-self:center;pointer-events:none;transform:rotate(5deg)}
.sss-welcome-beginners .sss-welcome-mascot{transform:rotate(-5deg)}
.sss-welcome-mascot .sss-sumopon-art{inline-size:100%;block-size:auto;max-inline-size:none;margin:0;mix-blend-mode:multiply;filter:none;border:0;border-radius:0}
.sss-welcome .sss-welcome-source{font-size:.8rem;line-height:1.6;color:#56616a;margin-block:17px 16px}
.sss-survey-details{border-block:1px solid #d9ccb9;margin:0;background:transparent;clear:both}
.sss-survey-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:18px 4px;font-size:.94rem;font-weight:650;line-height:1.6;color:var(--welcome-ink)}
.sss-survey-details>summary::-webkit-details-marker{display:none}
.sss-survey-details>summary:hover{color:var(--welcome-red)}
.sss-survey-details>summary:focus-visible{outline:3px solid var(--welcome-red);outline-offset:5px;border-radius:4px}
.sss-survey-details>summary svg{flex:0 0 24px;transition:transform .2s}
.sss-survey-details[open]>summary svg{transform:rotate(180deg)}
.sss-survey-details-body{padding:14px 4px 28px}
.sss-survey-details-body>h3{font-size:1.2rem;font-weight:700;line-height:1.5;margin:0}
.sss-survey-details .sss-survey-note{font-size:.9rem;margin-block:10px 24px}
.sss-survey-group h4{font-size:1rem;font-weight:650;line-height:1.5;margin-block:0 14px}
.sss-survey-details .sss-survey-row{font-size:.9rem}
.sss-welcome[dir=rtl] .sss-welcome-stat{padding-inline:28px 20px}
.sss-welcome:lang(ja) #guest-survey-title{letter-spacing:normal;max-inline-size:24em;line-height:1.5;text-wrap:balance}
.sss-welcome:is(:lang(zh),:lang(yue),:lang(wuu),:lang(nan),:lang(hak),:lang(ko)) #guest-survey-title{letter-spacing:normal;max-inline-size:none;line-height:1.45}
.sss-welcome:is(:lang(ar),:lang(fa),:lang(he),:lang(ur),:lang(ps),:lang(sd)) #guest-survey-title{letter-spacing:normal;line-height:1.6;max-inline-size:none}
.sss-welcome:is(:lang(th),:lang(lo),:lang(my),:lang(km)) #guest-survey-title{letter-spacing:normal;line-height:1.7;max-inline-size:none}
.sss-welcome:is(:lang(hi),:lang(bn),:lang(pa),:lang(mr),:lang(gu),:lang(kn),:lang(ta),:lang(te),:lang(ml),:lang(or),:lang(ne),:lang(si),:lang(bho),:lang(mai),:lang(am)) #guest-survey-title{letter-spacing:normal;line-height:1.6;max-inline-size:none}
.sss-welcome:is(:lang(hi),:lang(bn),:lang(pa),:lang(mr),:lang(gu),:lang(kn),:lang(ta),:lang(te),:lang(ml),:lang(or),:lang(ne),:lang(si),:lang(bho),:lang(mai),:lang(am),:lang(ar),:lang(fa),:lang(he),:lang(ur),:lang(ps),:lang(sd)) .sss-welcome-card h3{line-height:1.65}
.sss-welcome:is(:lang(th),:lang(lo),:lang(my),:lang(km)) .sss-welcome-card h3{line-height:1.8}
@media(min-width:1500px){.sss-welcome-photo{aspect-ratio:2.5}}
@media(max-width:1050px){.sss-welcome-stat{grid-template-columns:minmax(0,1fr) 96px;padding:22px}.sss-welcome-card-copy{padding:22px}.sss-welcome #guest-survey-title{max-inline-size:none}}
@media(max-width:800px){.sss-welcome-stat{grid-template-columns:minmax(0,1fr)}.sss-welcome-mascot{justify-self:end;inline-size:82px;margin-block-start:8px}.sss-welcome .sss-welcome-card p{font-size:.96rem}}
@media(max-width:680px){.sss-survey.sss-welcome{padding-inline:20px}.sss-welcome-grid{grid-template-columns:minmax(0,1fr);gap:18px}.sss-welcome-heading{margin-block-end:24px}.sss-welcome-photo{aspect-ratio:1.9}.sss-welcome-stat{grid-template-columns:minmax(0,1fr) 96px;gap:8px;padding:23px}.sss-welcome-mascot{inline-size:100%;margin:0;align-self:center}.sss-welcome-metric strong{font-size:3.6rem}.sss-welcome #guest-survey-title{font-size:1.85rem}.sss-welcome .sss-welcome-eyebrow{font-size:.83rem}.sss-welcome .sss-welcome-card h3{font-size:1.23rem}.sss-survey-details .sss-survey-row{grid-template-columns:minmax(0,1fr) minmax(5rem,.7fr)}}
@media(max-width:370px){.sss-welcome-stat{grid-template-columns:minmax(0,1fr) 70px;padding:19px}.sss-welcome-card-copy{padding:20px}.sss-welcome .sss-welcome-card h3{font-size:1.12rem}.sss-welcome-metric strong{font-size:3.1rem}}
@media(prefers-reduced-motion:reduce){.sss-survey-details>summary svg{transition:none}}
@media print{.sss-survey.sss-welcome{padding:20px;background:#fff}.sss-survey-details>*{display:block!important}.sss-welcome-grid{display:block}.sss-welcome-card{break-inside:avoid;margin-block:12px}.sss-welcome-mascot{display:none}.sss-survey-details>summary svg{display:none}}