/* InfoHundred polish layer - loaded last on every page. */
:root{--ih-ink:#172c35;--ih-paper:#f8f7f3;--ih-blue:#235af3;--ih-blue-dark:#1a47c9;--ih-accent:#ea784b;--ih-deep:#142b34;--ih-muted:#66767b;--ih-line:#e4e3dc;--ih-radius:16px;--ih-shadow:0 18px 40px -18px rgba(20,43,52,.28)}
::selection{background:#235af3;color:#fff}
html{scrollbar-color:#9fb1b5 transparent}

/* ---------- Header ---------- */
.discovery-home .nav{background:rgba(248,247,243,.82);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(23,44,53,.07);transition:box-shadow .3s,background .3s}
.discovery-home .nav.is-scrolled{box-shadow:0 10px 30px -18px rgba(20,43,52,.35);background:rgba(248,247,243,.94)}
.discovery-home .navin{transition:min-height .3s}
.discovery-home .nav.is-scrolled .navin{min-height:68px}
.discovery-home .logo{transition:transform .25s}.discovery-home .logo:hover{transform:translateY(-1px)}
.discovery-home .navlinks a{position:relative;color:#2a3f47}
.discovery-home .navlinks a:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;border-radius:2px;background:var(--ih-blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.discovery-home .navlinks a:hover{color:var(--ih-blue)}.discovery-home .navlinks a:hover:after,.discovery-home .navlinks a.is-active:after{transform:scaleX(1)}
.discovery-home .navlinks a.is-active{color:var(--ih-blue)}
.discovery-home .search{border-radius:999px;padding-left:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2366767b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 3.5 3.5'/%3E%3C/svg%3E") no-repeat 14px 50%;transition:border-color .2s,box-shadow .2s,width .3s}
.discovery-home .search:focus{border-color:var(--ih-blue);box-shadow:0 0 0 4px rgba(35,90,243,.12);outline:none}
@media(min-width:851px){.discovery-home .search:focus{width:230px}}
.top{letter-spacing:1.5px}

/* ---------- Buttons ---------- */
.btn{transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(35,90,243,.6);background:var(--ih-blue-dark)}
.btn:active{transform:translateY(0)}
.text-link{transition:color .2s}.text-link:hover{color:var(--ih-blue)}

/* ---------- Hero ---------- */
.discovery-copy h1 em{background:linear-gradient(90deg,#235af3,#5b7cff 60%,#ea784b);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.feature-film{box-shadow:0 30px 60px -28px rgba(8,27,41,.55)}
.film-play{transition:transform .3s,background .3s}
.feature-film:hover .film-play{transform:scale(1.12);background:#ff0033cc}
@media(prefers-reduced-motion:no-preference){
 .mini-film{animation:ih-float 6s ease-in-out infinite}
 @keyframes ih-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
}

/* ---------- Topic links ---------- */
.browse-topics a{transition:background .25s,padding .25s}
.browse-topics a:hover{background:rgba(35,90,243,.04)}
.browse-topics .topic-arrow{transition:transform .25s}
.browse-topics a:hover .topic-arrow{transform:translate(3px,-3px)}
.discovery-strip a{transition:color .2s}.discovery-strip a:hover{color:var(--ih-blue)}

/* ---------- Video library ---------- */
.video-row{align-items:stretch}
.watch-card{display:flex;flex-direction:column;align-self:stretch;border-radius:14px;transition:transform .25s,box-shadow .25s,border-color .25s;background:rgba(255,255,255,.045)}
.watch-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.28);box-shadow:0 22px 40px -22px rgba(0,0,0,.7)}
.watch-card .video{position:relative;flex:1}
.watch-card .video img{transition:filter .3s;background:#22404b}
.watch-card .video:hover img{filter:brightness(.8)}
.watch-card .video:before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:16/9;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,0,51,.95) 0 26px,transparent 27px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20'%3E%3Cpath d='M2 1l15 9-15 9z' fill='white'/%3E%3C/svg%3E") no-repeat 52% 50%;opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s}
.watch-card .video:hover:before,.watch-card .video:focus-visible:before{opacity:1;transform:scale(1)}
.watch-card .video strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.4em + 24px)}
.watch-card .video small{color:#9fb7c0;letter-spacing:.3px}
.save-video{width:auto;align-self:flex-start;margin:0 18px 18px;padding:0 14px;min-height:34px;border-radius:999px;font-size:12px;transition:background .2s,color .2s,border-color .2s}
.row-controls button{transition:background .2s,color .2s,transform .2s}
.row-controls button:hover{background:#fff;color:var(--ih-deep);transform:scale(1.06)}

/* ---------- Story cards ---------- */
.cards .card{border-radius:var(--ih-radius);border-color:var(--ih-line);transition:transform .3s,box-shadow .3s,border-color .3s}
.cards .card:hover{transform:translateY(-6px);box-shadow:var(--ih-shadow);border-color:transparent}
.cards .card .thumb{transition:filter .4s}
.cards .card:hover .thumb{filter:saturate(1.15) contrast(1.05)}
.cards .card h3{transition:color .2s}.cards .card:hover h3{color:var(--ih-blue)}
.cards .tag{display:inline-block;padding:5px 10px;border-radius:999px;background:#ecf1ff;letter-spacing:1px}
.filter{transition:background .2s,color .2s,border-color .2s,transform .2s}
.filter:hover{border-color:var(--ih-blue);transform:translateY(-1px)}

/* ---------- Shorts + follow banners ---------- */
.short-banner,.newsletter{position:relative;overflow:hidden;border-radius:22px}
.short-banner:after,.newsletter:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-110px;top:-150px;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 70%);pointer-events:none}
.short-badge{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;border-radius:22px;background:#ff0033;color:#fff!important;font-size:28px!important;box-shadow:0 14px 28px -12px rgba(255,0,51,.6);transform:rotate(-6deg)}
.short-banner>*,.newsletter>*{position:relative;z-index:1}

/* ---------- Footer ---------- */
.ih-footer{background:var(--ih-deep);color:#b9c9c9;margin-top:80px;padding:64px 0 26px;position:relative;overflow:hidden}
.ih-footer:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-200px;bottom:-320px;background:radial-gradient(circle,rgba(35,90,243,.35),transparent 70%)}
.ih-footer .wrap{position:relative}
.ih-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.ih-footer .logo{color:#fff;font-size:30px}.ih-footer .logo span{color:#7d9cff}
.ih-footer p{font-size:14px;line-height:1.75;max-width:340px;margin:14px 0 0}
.ih-footer h4{font:600 13px 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:6px 0 18px}
.ih-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ih-footer li a{font-size:14px;color:#b9c9c9;transition:color .2s,padding .2s}
.ih-footer li a:hover{color:#fff;padding-left:4px}
.ih-yt{display:inline-flex;align-items:center;gap:10px;background:#ff0033;color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}
.ih-yt:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(255,0,51,.7)}
.ih-mail{display:block;margin-top:14px;font-size:14px;color:#fff;word-break:break-all}
.ih-foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;font-size:12.5px;color:#8fa4a6;flex-wrap:wrap}
@media(max-width:900px){.ih-foot-grid{grid-template-columns:1fr 1fr}.ih-foot-brand{grid-column:1/-1}}
@media(max-width:520px){.ih-foot-grid{grid-template-columns:1fr 1fr;gap:30px}.ih-foot-connect{grid-column:1/-1}.ih-footer{padding-top:48px}}

/* ---------- Back to top ---------- */
.ih-top{position:fixed;right:20px;bottom:20px;z-index:20;width:48px;height:48px;border-radius:50%;border:0;background:var(--ih-ink);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 12px 26px -10px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility .3s,background .2s}
.ih-top.show{opacity:1;visibility:visible;transform:none}.ih-top:hover{background:var(--ih-blue)}

/* ---------- Reveal on scroll (only when JS adds .ih-anim) ---------- */
@media(prefers-reduced-motion:no-preference){
 .ih-anim .ih-reveal{opacity:0;translate:0 26px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1),transform .3s,box-shadow .3s,border-color .3s,background .25s}
 .ih-anim .ih-reveal.ih-in{opacity:1;translate:none}
}
@media(prefers-reduced-motion:reduce){.watch-card,.cards .card,.btn,.ih-top{transition:none!important}.watch-card:hover,.cards .card:hover,.btn:hover{transform:none}}

/* =========================================================
   Inner pages (about, contact, story) - shared layout
   ========================================================= */
.ih-page{margin:0;background:var(--ih-paper);color:var(--ih-ink);font:16px/1.7 'DM Sans',system-ui,sans-serif}
.ih-page a{color:inherit;text-decoration:none}
.ih-page .wrap{width:min(1200px,calc(100% - 40px));margin:auto}
.ih-page .skip{position:absolute;left:-999px}.ih-page .skip:focus{left:16px;top:16px;z-index:50;background:#fff;padding:10px 14px;border-radius:8px}
.ih-head{position:sticky;top:0;z-index:30;background:rgba(248,247,243,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,44,53,.07)}
.ih-head .wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}
.ih-page .logo{font:800 28px Outfit,sans-serif;letter-spacing:-1px}.ih-page .logo span{color:var(--ih-blue)}
.ih-nav{display:flex;gap:6px;align-items:center}
.ih-nav a{font-size:14px;font-weight:700;padding:10px 14px;border-radius:999px;color:#2a3f47;transition:background .2s,color .2s}
.ih-nav a:hover{background:#ecefe9}.ih-nav a[aria-current="page"]{background:var(--ih-ink);color:#fff}
.ih-burger{display:none;background:#fff;border:1px solid var(--ih-line);border-radius:10px;width:44px;height:44px;font-size:18px;cursor:pointer}
@media(max-width:760px){.ih-burger{display:block}.ih-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--ih-paper);padding:12px 20px 20px;border-bottom:1px solid var(--ih-line)}.ih-nav.open{display:flex}.ih-nav a{padding:13px 14px}}

.ih-hero{padding:72px 0 40px;position:relative;overflow:hidden}
.ih-hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-180px;top:-300px;background:radial-gradient(circle,rgba(35,90,243,.14),transparent 65%)}
.ih-hero .wrap{position:relative}
.ih-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#49626b}
.ih-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ih-accent)}
.ih-hero h1{font:700 clamp(38px,6vw,72px)/1.04 Outfit,sans-serif;letter-spacing:-2px;margin:20px 0 18px;max-width:900px}
.ih-hero h1 em{font:italic 400 1.04em Georgia,serif;color:var(--ih-blue)}
.ih-lead{font-size:clamp(16px,1.6vw,19px);color:var(--ih-muted);max-width:640px;margin:0}

.ih-section{padding:28px 0 20px}
.ih-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ih-tile{background:#fff;border:1px solid var(--ih-line);border-radius:var(--ih-radius);padding:30px;transition:transform .3s,box-shadow .3s}
.ih-tile:hover{transform:translateY(-5px);box-shadow:var(--ih-shadow)}
.ih-tile .ih-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:18px}
.ih-tile h2,.ih-tile h3{font:600 22px/1.25 Outfit,sans-serif;margin:0 0 8px}
.ih-tile p{color:var(--ih-muted);margin:0;font-size:15px}
.ih-c1{background:#e8efff}.ih-c2{background:#fde9df}.ih-c3{background:#e3efe6}
@media(max-width:860px){.ih-grid3{grid-template-columns:1fr}}

.ih-band{background:var(--ih-deep);color:#fff;border-radius:24px;padding:clamp(28px,5vw,56px);display:flex;justify-content:space-between;align-items:center;gap:28px;position:relative;overflow:hidden;margin:36px 0 10px}
.ih-band:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-140px;bottom:-240px;background:radial-gradient(circle,rgba(35,90,243,.45),transparent 70%)}
.ih-band>*{position:relative;z-index:1}
.ih-band h2{font:600 clamp(26px,3.2vw,38px)/1.15 Outfit,sans-serif;margin:8px 0}
.ih-band p{color:#b9c9c9;margin:0;max-width:520px}
.ih-band .ih-kicker{color:#9fb7ff}
.ih-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.ih-band{flex-direction:column;align-items:flex-start}}

.ih-page .btn,.ih-page .button{display:inline-flex;align-items:center;gap:8px;background:var(--ih-blue);color:#fff!important;border:0;border-radius:999px;padding:14px 22px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.ih-page .btn:hover,.ih-page .button:hover{transform:translateY(-2px);background:var(--ih-blue-dark);box-shadow:0 12px 24px -10px rgba(35,90,243,.6)}
.ih-page .btn-ghost{background:transparent;color:inherit!important;border:1px solid currentColor}
.ih-page .btn-ghost:hover{background:rgba(255,255,255,.1);box-shadow:none}
.ih-page .btn-yt{background:#ff0033}.ih-page .btn-yt:hover{background:#d9002b;box-shadow:0 12px 24px -10px rgba(255,0,51,.6)}

/* Contact */
.ih-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.ih-mailcard{background:#fff;border:1px solid var(--ih-line);border-radius:22px;padding:clamp(26px,4vw,44px)}
.ih-mailcard .email-link{display:inline-block;font:600 clamp(20px,3vw,30px)/1.25 Outfit,sans-serif;color:var(--ih-blue);margin:14px 0 10px;overflow-wrap:anywhere;border-bottom:2px solid rgba(35,90,243,.2);transition:border-color .2s}
.ih-mailcard .email-link:hover{border-color:var(--ih-blue)}
.ih-mailcard p{color:var(--ih-muted)}
.ih-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.ih-steps li{background:#fff;border:1px solid var(--ih-line);border-radius:16px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start}
.ih-steps b{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--ih-ink);color:#fff;display:grid;place-items:center;font:600 14px Outfit,sans-serif}
.ih-steps span{color:var(--ih-muted);font-size:15px}.ih-steps strong{display:block;color:var(--ih-ink)}
@media(max-width:860px){.ih-contact{grid-template-columns:1fr}}

/* Story / article */
.ih-article{width:min(820px,calc(100% - 40px));margin:0 auto;padding:56px 0 30px}
.ih-article .chip{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--ih-blue);background:#e8efff;padding:6px 12px;border-radius:999px;margin:0 0 16px}
.ih-article h1{font:700 clamp(34px,5.5vw,58px)/1.08 Outfit,sans-serif;letter-spacing:-1.5px;margin:0 0 26px}
.ih-article img,.ih-article .thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin:6px 0 30px;box-shadow:0 30px 60px -32px rgba(8,27,41,.5);background:#dfe3dc}
.ih-article p{font-size:18px;line-height:1.85;color:#3b4d53;margin:0 0 20px}
.ih-article .button{margin-top:16px}
.ih-article>p:first-child{color:var(--ih-muted)}

/* Inner footer reuses .ih-footer */
.ih-page .ih-footer{margin-top:70px}