/* ITONARU 1.6.2: soft reference motifs and comfortable narrow-screen controls. */
.focus-site.fb16 .fb16-hero-copy{
 isolation:isolate;overflow:hidden;
 background:radial-gradient(ellipse 38% 42% at 105% 95%,#d8f2e580 0%,#e7f7ee40 54%,transparent 85%),linear-gradient(115deg,#fff 0%,#f6fbfd 100%);
}
.focus-site.fb16 .fb16-hero-copy::before,
.focus-site.fb16 .fb16-hero-copy::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;user-select:none;
}
.focus-site.fb16 .fb16-hero-copy::before{
 width:clamp(170px,24vw,335px);height:clamp(150px,20vw,275px);
 top:-88px;right:-58px;transform:rotate(-18deg);
 border-radius:46% 54% 38% 62% / 57% 34% 66% 43%;
 background:linear-gradient(130deg,#e2f6fd80 10%,#d5f1fc95 62%,#edfafe50);
}
.focus-site.fb16 .fb16-hero-copy::after{
 width:clamp(100px,12vw,165px);height:clamp(130px,16vw,215px);
 top:29%;right:-96px;transform:rotate(22deg);
 border-radius:56% 44% 59% 41% / 36% 53% 47% 64%;
 background:linear-gradient(130deg,#ffe6ef90,#fbddea80 65%,#fff1f550);
}
.focus-site.fb16 .fb16-script{color:#669fa8}
@media(min-width:621px) and (max-width:840px){
 .focus-site.fb16 .fb16-hero-copy::before{width:300px;height:245px;top:-105px;right:-40px}
 .focus-site.fb16 .fb16-hero-copy::after{width:160px;height:200px;right:-104px}
}
@media(max-width:620px){
 .focus-site.fb16 .sidebar{scrollbar-width:thin}
 .focus-site.fb16 .fb16-search-toggle{width:44px;height:44px;flex-basis:44px}
 .focus-site.fb16 .fb16-free-pill{min-height:44px}
 .focus-site.fb16 .fb16-hero-copy::before{width:205px;height:165px;top:-59px;right:-68px;opacity:.8}
 .focus-site.fb16 .fb16-hero-copy::after{width:110px;height:145px;top:36%;right:-83px;opacity:.7}
}
@media(forced-colors:active){
 .focus-site.fb16 .fb16-hero-copy::before,.focus-site.fb16 .fb16-hero-copy::after{display:none}
}
/* Keep the brand and category labels inside the rail when scrollbars are visible. */
.focus-site.fb16 .sidebar{scrollbar-width:thin}
@media(min-width:621px) and (max-width:840px){.focus-site.fb16 .fb16-brand{font-size:19px;letter-spacing:.06em;padding-inline:2px}}

/* Keep decorative lettering separate from the title in compact layouts. */
.focus-site.fb16 .fb16-brand{font-size:24px;letter-spacing:.06em;padding-inline:2px}
.focus-site.fb16 .fb16-side-link>span:last-child{min-width:0;overflow-wrap:anywhere}
@media(min-width:841px) and (max-width:1080px){
 .focus-site.fb16 .fb16-brand{font-size:21px;letter-spacing:.045em}
 .focus-site.fb16 .fb16-side-link{grid-template-columns:25px minmax(0,1fr);gap:7px;padding-inline:4px;font-size:12px}
}
@media(min-width:621px) and (max-width:840px){
 .focus-site.fb16 .fb16-brand{font-size:19px;letter-spacing:.06em}
}
@media(min-width:621px) and (max-width:1024px){
 .focus-site.fb16 .fb16-hero{grid-template-columns:minmax(0,1fr)}
 .focus-site.fb16 .fb16-hero-image{height:300px}
 .focus-site.fb16 .fb16-hero-copy{padding:24px 28px 28px}
 .focus-site.fb16 .fb16-hero-copy h1{font-size:30px}
}
@media(max-width:1024px){
 .focus-site.fb16 .fb16-script{position:relative;display:block;top:auto;right:auto;width:max-content;max-width:100%;margin:0 2px 14px auto;font-size:16px}
 .focus-site.fb16 .fb16-hero-copy h1{padding-top:0}
}


