#main.roky-insights-main *{box-sizing:border-box}#main.roky-insights-main{scroll-behavior:smooth}#main.roky-insights-main{margin:0;background:#fff;color:#193c34;font-family:Arial,'Microsoft JhengHei',sans-serif}#main.roky-insights-main a{color:inherit}#main.roky-insights-main button,#main.roky-insights-main input{font:inherit}#main.roky-insights-main a:focus-visible,#main.roky-insights-main button:focus-visible{outline:3px solid #008779;outline-offset:4px}#main.roky-insights-main .preview-note{padding:9px 24px;background:#193c34;color:#fff;font-size:12px;text-align:center}#main.roky-insights-main .wrap{max-width:1280px;width:calc(100% - 96px);margin:auto}#main.roky-insights-main .header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #edf0eb}#main.roky-insights-main .logo img{display:block;width:57px;height:65px;object-fit:contain}#main.roky-insights-main .nav{display:flex;gap:26px;align-items:center}#main.roky-insights-main .nav a{text-decoration:none;font-size:12px;letter-spacing:.04em;font-weight:700}#main.roky-insights-main .nav .active{padding-block:14px;border-bottom:2px solid #193c34}#main.roky-insights-main .language{border:1px solid #193c34;border-radius:5px;padding:13px 17px;white-space:nowrap}#main.roky-insights-main .primary{display:inline-flex;align-items:center;justify-content:center;width:181px;height:48px;border:1px solid #00c7b1;border-radius:5px;background:#00c7b1;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:none;white-space:nowrap}#main.roky-insights-main .primary:hover{background:#fff;color:#008779;border-color:#008779}#main.roky-insights-main .mobile-menu{display:none}#main.roky-insights-main .breadcrumb{padding-block:20px;font-size:12px;color:#708078}#main.roky-insights-main .breadcrumb a{text-decoration:none}#main.roky-insights-main .breadcrumb span{margin-inline:12px}#main.roky-insights-main .intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;padding-top:24px;padding-bottom:40px}#main.roky-insights-main .eyebrow{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#577269}#main.roky-insights-main h1{margin:0;font-size:clamp(38px,4.2vw,60px);line-height:1.07;letter-spacing:-.045em;font-weight:500;text-wrap:balance}#main.roky-insights-main h1 span{display:block}#main.roky-insights-main .intro-copy{max-width:420px;margin:0;font-size:17px;line-height:1.65;color:#596c63}#main.roky-insights-main .feature{display:grid;grid-template-columns:1.18fr 1fr;background:#f0f1eb;min-width:0}#main.roky-insights-main .feature-media{display:block;position:relative;min-width:0;height:324px;overflow:hidden}#main.roky-insights-main .feature-media img{display:block;width:100%;height:100%;object-fit:cover}#main.roky-insights-main .image-note{position:absolute;bottom:12px;left:14px;background:rgba(255,255,255,.93);color:#415b50;padding:5px 8px;font-size:10px}#main.roky-insights-main .feature-copy{padding:36px 40px;align-self:center}#main.roky-insights-main .feature-copy h2{font-size:32px;line-height:1.16;letter-spacing:-.025em;font-weight:500;margin:0 0 16px}#main.roky-insights-main .feature-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#596c63;margin:0 0 22px}#main.roky-insights-main .feature-copy a{font-size:14px;font-weight:700;text-underline-offset:5px}#main.roky-insights-main .library{padding-block:54px 64px}#main.roky-insights-main .library-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}#main.roky-insights-main .library-top h2{margin:0;font-size:30px;font-weight:500;letter-spacing:-.025em}#main.roky-insights-main .filters{display:flex;gap:8px;flex-wrap:wrap}#main.roky-insights-main .filters button{padding:10px 16px;min-height:42px;background:#fff;border:1px solid #d5ddd7;border-radius:30px;color:#536b60;font-size:13px;cursor:pointer}#main.roky-insights-main .filters button[aria-pressed=true]{background:#193c34;color:#fff;border-color:#193c34}#main.roky-insights-main .results{font-size:12px;color:#708078;margin:0 0 24px}#main.roky-insights-main .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}#main.roky-insights-main .card[hidden]{display:none}#main.roky-insights-main .card a{text-decoration:none;display:block}#main.roky-insights-main .cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef0eb}#main.roky-insights-main .cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}#main.roky-insights-main .card a:hover .cover img{transform:scale(1.025)}#main.roky-insights-main .card .eyebrow{margin-top:18px;margin-bottom:10px;font-size:10px}#main.roky-insights-main .card h3{font-size:23px;line-height:1.22;font-weight:500;letter-spacing:-.02em;margin:0 0 12px}#main.roky-insights-main .card .description{color:#596c63;font-size:14px;line-height:1.6;margin:0 0 18px}#main.roky-insights-main .read{font-size:12px;text-decoration:underline;text-underline-offset:4px;font-weight:700}#main.roky-insights-main .bridge{background:#f0f1eb;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:32px}#main.roky-insights-main .bridge h2{font-size:28px;letter-spacing:-.025em;font-weight:500;margin:0 0 12px}#main.roky-insights-main .bridge p{margin:0;color:#596c63;font-size:15px;line-height:1.6}#main.roky-insights-main .secondary{white-space:nowrap;font-size:14px;font-weight:700;text-underline-offset:5px}#main.roky-insights-main .enquiry{padding:60px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}#main.roky-insights-main .enquiry h2{font-size:30px;font-weight:500;letter-spacing:-.025em;margin:0 0 12px}#main.roky-insights-main .enquiry p{font-size:15px;line-height:1.6;color:#596c63;margin:0;max-width:570px}#main.roky-insights-main .footer{background:#202621;color:#f3f4ef;padding:40px 0 28px}#main.roky-insights-main .footer-top{display:flex;justify-content:space-between;gap:40px}#main.roky-insights-main .footer-brand{font-size:20px;letter-spacing:.06em}#main.roky-insights-main .footer p,#main.roky-insights-main .footer a{font-size:13px;line-height:1.8;color:#c6d1c8}#main.roky-insights-main .footer-links{display:flex;gap:28px;align-items:flex-start}#main.roky-insights-main .footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid #526157;display:flex;justify-content:space-between;font-size:11px;color:#a4b9aa}#main.roky-insights-main .empty{font-size:16px;padding:20px 0;color:#596c63}#main.roky-insights-main .empty[hidden]{display:none}html[lang="zh-HK"] #main.roky-insights-main h1{letter-spacing:-.02em;line-height:1.2}html[lang="zh-HK"] #main.roky-insights-main .feature-copy h2{line-height:1.3}html[lang="zh-HK"] #main.roky-insights-main .card h3{line-height:1.4}@media(prefers-reduced-motion:reduce){#main.roky-insights-main{scroll-behavior:auto}#main.roky-insights-main .cover img{transition:none}}@media(max-width:1100px){#main.roky-insights-main .nav{gap:16px}#main.roky-insights-main .nav a{font-size:11px}#main.roky-insights-main .nav .primary{display:none}#main.roky-insights-main .intro{gap:40px}#main.roky-insights-main .library-top{align-items:flex-start;flex-direction:column}#main.roky-insights-main .feature-copy{padding:28px}#main.roky-insights-main .feature-copy h2{font-size:28px}}@media(max-width:760px){#main.roky-insights-main .wrap{width:calc(100% - 40px)}#main.roky-insights-main .preview-note{padding:8px 16px;font-size:10px}#main.roky-insights-main .header{height:86px}#main.roky-insights-main .logo img{height:55px;width:48px}#main.roky-insights-main .nav>a:not(.language){display:none}#main.roky-insights-main .nav{gap:12px}#main.roky-insights-main .mobile-menu{display:block;border:1px solid #193c34;border-radius:5px;background:white;color:#193c34;padding:12px;font-size:12px}#main.roky-insights-main .nav.mobile-open{position:absolute;z-index:3;right:20px;top:92px;display:flex;align-items:flex-end;flex-direction:column;background:#fff;padding:20px;border:1px solid #d5ddd7}#main.roky-insights-main .nav.mobile-open>a:not(.primary){display:block}#main.roky-insights-main .breadcrumb{padding-block:16px;font-size:11px}#main.roky-insights-main .intro{display:block;padding-top:14px;padding-bottom:28px}#main.roky-insights-main h1{font-size:40px;max-width:420px}#main.roky-insights-main .intro-copy{margin-top:20px;font-size:16px;line-height:1.55}#main.roky-insights-main .feature{grid-template-columns:1fr}#main.roky-insights-main .feature-media{height:auto;aspect-ratio:16/9}#main.roky-insights-main .feature-copy{padding:24px}#main.roky-insights-main .feature-copy h2{font-size:28px}#main.roky-insights-main .feature-copy>p:not(.eyebrow){font-size:15px}#main.roky-insights-main .library{padding-block:36px 40px}#main.roky-insights-main .library-top{gap:18px}#main.roky-insights-main .library-top h2{font-size:27px}#main.roky-insights-main .filters{gap:8px}#main.roky-insights-main .filters button{font-size:12px;padding:9px 13px}#main.roky-insights-main .grid{grid-template-columns:1fr;gap:32px}#main.roky-insights-main .card h3{font-size:23px}#main.roky-insights-main .bridge{padding:28px;display:block}#main.roky-insights-main .bridge h2{font-size:26px}#main.roky-insights-main .bridge .secondary{display:inline-flex;margin-top:20px;min-height:44px;align-items:center}#main.roky-insights-main .enquiry{display:block;padding-block:40px}#main.roky-insights-main .enquiry h2{font-size:28px}#main.roky-insights-main .enquiry .primary{margin-top:24px;width:100%}#main.roky-insights-main .footer-top{display:block}#main.roky-insights-main .footer-links{margin-top:20px;flex-wrap:wrap;gap:12px 24px}#main.roky-insights-main .footer-bottom{gap:20px}#main.roky-insights-main .card .description{font-size:15px}}
body.insights-page{background:#fff;color:#193c34}#main.roky-insights-main{margin:0;font-family:inherit;background:#fff}#main.roky-insights-main .feature[hidden],#main.roky-insights-main .card[hidden]{display:none}#main.roky-insights-main .enquiry{display:flex;grid-template-columns:none;background:#fff;margin-inline:auto}body.insights-page .studio-header{background:#fff;color:#193c34}body.studio-page.insights-page .studio-header .header-row{height:104px}body.insights-page .studio-header .header-brief{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:181px;height:48px;min-height:48px;padding:0 12px;background:#00c7b1;border:1px solid #00c7b1;border-radius:5px;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:none}body.insights-page .studio-header .header-brief span{display:none}body.insights-page .studio-header .header-brief:is(:hover,:focus-visible){background:#fff;color:#008779;border-color:#008779}body.insights-page .studio-header a.language svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}#main.roky-insights-main #guides{scroll-margin-top:120px}@media(max-width:760px){#main.roky-insights-main .enquiry{display:block}body.studio-page.insights-page .studio-header .header-row{height:86px}body.insights-page .studio-header .header-brief{display:none}body.studio-page.insights-page .studio-header .header-row nav{top:86px;max-height:calc(100dvh - 86px)}}
body.studio-page.insights-page .studio-header .header-actions .header-brief{display:inline-flex;flex:0 0 181px;width:181px;min-width:181px;max-width:181px;height:48px;min-height:48px;padding:0 12px;border-radius:5px;font-size:14px;font-weight:700;background:#00c7b1;color:#fff;border:1px solid #00c7b1}body.studio-page.insights-page .studio-header .header-actions .header-brief:is(:hover,:focus-visible){background:#fff;color:#008779;border-color:#008779}@media(max-width:800px){body.studio-page.insights-page .studio-header .header-actions .header-brief{display:none}}
