/* v3.48: one coherent first screen, with the portrait at the heart of the hero. */
.w346-home .w346-permission{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.w346-home{margin-top:0;margin-bottom:22px}
.h-hero-copy,.h-hero-aside,.h-portrait{min-width:0}
.tiis-home-v3 .h-hero h1{margin-bottom:30px}
.h-hero-actions{row-gap:12px}
.w348-hero-line{display:block}
@media(min-width:1101px){
 .tiis-home-v3 .h-hero{grid-template-columns:minmax(0,35fr) minmax(0,43fr) minmax(0,22fr);padding-top:14px;min-height:0;gap:0;align-items:center}
 .h-hero-copy{align-self:start;padding:0 12px 0 0}
 .w346-home{max-width:510px;margin-bottom:24px}
 .w346-card{grid-template-columns:128px minmax(0,1fr);padding:12px 14px;gap:4px 12px}
 .w346-clock time{font-size:35px}
 .w346-clock{padding-inline-end:12px!important}
 .w346-condition{font-size:11px}.w346-label,.w346-zone{font-size:10px}
 .w346-direct,.w346-more{font-size:10px!important;min-height:30px}
 .tiis-home-v3 .h-hero h1{font-size:clamp(43px,3.8vw,74px)!important;line-height:1.16!important;letter-spacing:-.04em;font-weight:400;margin-bottom:28px}
 html:lang(en) .tiis-home-v3 .h-hero h1{font-size:clamp(39px,3.45vw,67px)!important;line-height:1.16!important;letter-spacing:-.045em}
 html:lang(ko) .tiis-home-v3 .h-hero h1{font-size:clamp(39px,3.45vw,67px)!important;line-height:1.28!important;letter-spacing:-.04em;word-break:keep-all}
 .h-hero .h-portrait{width:100%;max-width:640px;justify-self:center;align-self:center}
 .h-hero .h-person{display:block;width:100%;height:auto;max-height:calc(100svh - 120px);min-height:400px;object-fit:contain;object-position:50% 0}
 .h-hero .h-seal{width:clamp(110px,9vw,172px);height:auto;aspect-ratio:1;right:2%;bottom:12%}
 .h-hero-aside{padding:0 0 0 18px;gap:18px;align-self:center;align-items:stretch}
 .h-hero-aside .h-intro-card{width:100%;height:auto;aspect-ratio:1.5}
 .h-hero-aside .h-summary-card{width:100%;height:auto}
 .h-summary-card>p{padding:17px 18px;font-size:clamp(16px,1.3vw,23px)!important}
 .h-summary-card>div{padding:13px;gap:7px}
 .h-summary-card img{max-width:95px;width:39%}
 .h-summary-card div>span{font-size:11px}
 .h-intro-link{gap:10px;font-size:clamp(15px,1.35vw,22px)}
 .h-hero-aside .h-play{width:48px;height:48px;flex:none}
 .h-hero-actions{gap:12px;font-size:15px}
 .h-hero-actions .h-button{min-height:54px;padding:0;font-size:15px}
 .h-hero-actions .h-play{width:54px;height:54px}
}
@media(min-width:1101px) and (max-height:800px){
 .tiis-home-v3 .h-hero h1{font-size:clamp(43px,3.6vw,65px)!important}
 html:lang(en) .tiis-home-v3 .h-hero h1,html:lang(ko) .tiis-home-v3 .h-hero h1{font-size:clamp(37px,3.2vw,60px)!important}
 .h-hero .h-person{max-height:calc(100svh - 115px)}
 .w346-home{margin-bottom:18px}
}
@media(min-width:701px) and (max-width:1100px){
 .tiis-home-v3 .h-hero{padding-top:18px;gap:22px;min-height:0;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .h-hero-copy{grid-column:1/-1;text-align:center;padding:0}
 .w346-home{max-width:490px;margin:0 auto 22px}
 .tiis-home-v3 .h-hero h1{font-size:clamp(40px,5.5vw,59px)!important;line-height:1.15!important;margin-bottom:22px}
 html:lang(ko) .tiis-home-v3 .h-hero h1{line-height:1.3!important;word-break:keep-all}
 .h-hero-actions{margin-top:0;justify-content:center}
 .h-hero .h-portrait{width:100%;max-width:370px}
 .h-hero .h-seal{width:112px;height:112px;right:0;bottom:14%}
 .h-hero-aside{max-width:300px;padding:0;gap:16px;justify-self:center}
}
@media(max-width:700px){
 .tiis-home-v3 .h-hero{padding-top:14px;gap:20px;min-height:0}
 .w346-home{margin:0 auto 20px;max-width:460px}
 .w346-card{border-radius:18px;padding:12px;grid-template-columns:112px minmax(0,1fr);gap:4px 10px}
 .w346-clock time{font-size:32px}
 .w346-clock .w346-label,.w346-zone{font-size:10px}
 .w346-date{margin-top:5px}
 .w346-controls{gap:2px 9px}
 .w346-direct,.w346-more{min-height:32px;font-size:11px!important}
 .w346-home .w346-place,.w346-condition{font-size:11px;line-height:1.5}
 .tiis-home-v3 .h-hero h1{font-size:clamp(32px,8.2vw,49px)!important;line-height:1.22!important;letter-spacing:-.03em;margin-bottom:20px}
 html:lang(en) .tiis-home-v3 .h-hero h1{font-size:clamp(30px,7.7vw,46px)!important}
 html:lang(ko) .tiis-home-v3 .h-hero h1{font-size:clamp(29px,7.5vw,44px)!important;line-height:1.35!important;word-break:keep-all}
 .h-hero-actions{margin-top:0;gap:12px;justify-content:center}
 .h-hero-actions .h-button{min-height:50px;padding:0;font-size:14px}
 .h-hero-actions .h-button>span{padding:13px 17px;gap:10px}
 .h-hero-actions .h-play{width:50px;height:50px}
 .h-hero-actions .h-about-link{font-size:14px;gap:10px}
 .h-hero .h-portrait{width:88%;max-width:360px}
 .h-hero .h-seal{width:105px;height:105px;bottom:12%;right:-2%}
}
/* The weather invitation remains legible without duplicating the page overview. */
.w346-greeting [data-tino-context-copy],.w346-greeting [data-tino-context-actions]{display:none}
.tino-dock .w346-greeting{width:310px;padding:20px;right:140px;bottom:44px;max-height:min(490px,calc(100dvh - 140px))}
.w346-greeting h2{font-size:20px!important;margin-bottom:9px!important}
.w346-greet-weather{padding-bottom:4px;margin-bottom:0;border-bottom:0}
.w346-greet-weather .w346-greet-tip{font-size:13px!important}
.w346-greeting .tino-teaser-action{margin-top:10px;font-size:12px}
.tino-guide-toggle{font-size:11px}
@media(max-width:700px){.tino-dock .w346-greeting{right:0;bottom:122px;width:min(310px,calc(100vw - 28px));padding:18px;max-height:min(390px,calc(100dvh - 190px))}}
@media(prefers-reduced-motion:reduce){.w346-greeting{animation:none!important}}

@media(min-width:701px) and (max-width:1100px) and (min-aspect-ratio:6/5){
 .tiis-home-v3 .h-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px 22px}
 .h-hero-copy{grid-column:1;text-align:start;align-self:start}
 .tiis-home-v3 .h-hero h1{font-size:clamp(35px,4.1vw,45px)!important;line-height:1.2!important}
 .h-hero-actions{justify-content:flex-start;font-size:14px;gap:10px}
 .h-hero-actions .h-button{font-size:14px}
 .h-hero-actions .h-button>span{padding:13px 18px}
 .h-hero-actions .h-about-link{font-size:14px;gap:8px}
 .h-hero-actions .h-play{width:48px;height:48px}
 .h-hero .h-portrait{grid-column:2;grid-row:1;max-width:350px}
 .h-hero-aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;max-width:650px;width:100%;gap:18px}
 .h-hero-aside .h-intro-card,.h-hero-aside .h-summary-card{width:100%;height:125px}
 .h-summary-card>p{font-size:16px!important;padding:12px 16px;margin:0}
 .h-summary-card>div{padding:8px 14px}
 .h-summary-card img{max-width:90px}
}