.claww-introduction{scroll-margin-top:112px}.claww-welcome{display:flex;justify-content:center;align-items:center;gap:26px;margin-bottom:32px}.claww-welcome>img{width:110px;height:140px;object-fit:contain;flex:none}.claww-welcome .eyebrow{margin-bottom:10px}.claww-welcome h2{font-size:clamp(28px,3.5vw,44px);margin-bottom:12px}.claww-welcome p{margin-bottom:0}.claww-guide{padding:26px 20px 28px;border:1px solid var(--line);border-radius:24px;background:var(--cream);text-align:center}.claww-guide h3{margin-bottom:10px;font-size:28px}.claww-guide-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:28px 0}.claww-guide-steps li{min-width:0}.claww-guide-steps a{display:flex;flex-direction:column;align-items:center;height:100%;padding:10px 4px;border-radius:14px;text-decoration:none;color:var(--navy);font-size:13px;font-weight:750;line-height:1.45}.claww-guide-steps a:hover{background:#e8ecff}.claww-guide-steps img{width:100%;height:150px;object-fit:contain;margin-bottom:16px}.guide-step-label{display:block;margin-bottom:8px}.guide-step-label b{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;margin-right:3px}.guide-step-brief{display:block;font-size:12px;font-weight:450;color:var(--muted)}.claww-guide-action{display:flex;justify-content:center}.clean-search{max-width:760px;padding-block:50px 65px}.clean-search h1{font-size:clamp(32px,4.4vw,52px);margin-bottom:30px}.clean-search form{display:grid;gap:24px;padding:30px;background:var(--cream);border:1px solid var(--line);border-radius:24px}.clean-search label{display:block;font-weight:750;margin-bottom:8px}.clean-search input{display:block;width:100%;font:inherit;border:2px solid #7e869b;border-radius:12px;background:white;color:var(--navy);padding:15px;min-height:56px}.clean-search input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.clean-search button{font:inherit;font-weight:800;cursor:pointer}@media(max-width:1000px){.claww-guide-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.claww-guide-steps img{height:145px}}@media(max-width:600px){.claww-welcome{gap:14px;align-items:center}.claww-welcome>img{width:80px;height:110px}.claww-welcome .eyebrow{font-size:10px}.claww-welcome h2{font-size:27px}.claww-guide{padding:22px 12px}.claww-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.claww-guide-steps li:last-child{grid-column:1/-1;max-width:190px;justify-self:center}.claww-guide-steps img{height:150px}.claww-guide-steps a{font-size:14px}.guide-step-brief{font-size:13px}.clean-search form{padding:22px}.clean-search{padding-top:32px}}
/* Filmstrip invitation. */
.claww-welcome{flex-direction:column;gap:12px;margin-bottom:28px;text-align:center}
.claww-film-card{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--navy);text-decoration:none;max-width:100%}
.claww-film-card h2{margin:0;font-size:clamp(27px,3.2vw,38px)}
.claww-film-frame{display:block;position:relative;width:260px;max-width:100%;height:186px;padding:14px 40px;background:#eee3ce;border:4px solid var(--navy);border-radius:11px;box-shadow:0 7px 17px #101a3620;overflow:hidden}
.claww-film-frame:before,.claww-film-frame:after{content:"";position:absolute;top:0;bottom:0;width:27px;background-color:var(--navy);background-image:repeating-linear-gradient(to bottom,transparent 0 7px,#faf7f0 7px 18px,transparent 18px 26px);background-size:13px 26px;background-position:center;background-repeat:repeat-y}
.claww-film-frame:before{left:0}.claww-film-frame:after{right:0}
.claww-film-frame img{display:block;margin:0 auto;width:120px;height:150px;object-fit:contain}
.claww-film-play{position:absolute;right:43px;bottom:18px;display:grid;place-items:center;padding-left:4px;width:45px;height:45px;border:2px solid white;border-radius:50%;background:var(--blue);color:white;font-size:21px;box-shadow:0 3px 10px #101a3640}
.claww-film-card:hover .claww-film-play{background:var(--navy)}.claww-film-card:focus-visible{outline:3px solid var(--blue);outline-offset:8px;border-radius:10px}

/* User-initiated introduction film; original teddy film remains separate. */
button.claww-film-card{font:inherit;background:transparent;border:0;padding:0;cursor:pointer}
.claww-film-caption{font-size:16px;font-weight:750}.claww-welcome>h2{margin:0}
.claww-film-dialog{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--cream);color:var(--navy);overflow:auto;box-sizing:border-box}
.claww-film-dialog::backdrop{background:#101a36d9}
.claww-film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.claww-film-dialog-head h2{margin:0;font-size:clamp(22px,3vw,32px)}
.claww-film-dialog-head button{flex:none;min-height:44px;font:inherit;cursor:pointer}
.claww-film-dialog video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#101a36;border-radius:10px}
.claww-film-dialog .small-note{margin-top:14px}
@media(max-width:600px){.claww-film-dialog{padding:14px}.claww-film-dialog-head{flex-wrap:wrap}.claww-film-dialog-head button{padding:10px 14px}}