@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
/* Visual layer only. The source deck's markup, content and question flow stay intact. */
:root{--bi-paper:#fff;--bi-shell:#ebeae7;--bi-ink:#171310;--bi-red:#fa233b;--bi-tint:#fde8ec;--bi-rule:#e5e1db;--bi-font:'Inter Tight','Noto Sans KR',Arial,'Malgun Gothic',sans-serif}
html,body{background:var(--bi-shell)!important;color:var(--bi-ink)!important}
#dcroot{top:0!important;left:0!important;width:100%!important;height:100%!important;transform:none!important;background:var(--bi-shell)!important}
#dcroot>div:first-child{background:var(--bi-shell)!important}
#dcroot *,#boot{font-family:var(--bi-font)!important}
#dcroot ::selection{background:var(--bi-tint);color:var(--bi-ink)}
#dcroot button:focus-visible,#dcroot a:focus-visible,#dcroot [tabindex]:focus-visible{outline:2px solid var(--bi-red)!important;outline-offset:3px}
#dcroot .topbar{top:10px!important;left:10px!important;right:10px!important;border:0!important;border-radius:16px!important;background:white!important;backdrop-filter:none!important}
#dcroot .topbar>div{height:62px!important;padding:0 32px!important}
#dcroot .topbar img[alt=Siriai]{height:23px!important}
#dcroot .topbar>div>a:first-child::before{content:'';display:block;width:24px;height:24px;background:url('assets/symbol.png') center/contain no-repeat}
#dcroot .topbar>div>a:first-child>span:last-child{font-size:13px!important;letter-spacing:0!important;color:#8b8179!important}
#dcroot .topbar a[href="https://siriai.co.kr"]{border-color:var(--bi-rule)!important;background:#f5f2ec!important;font-weight:400!important}
#dcroot .topbar a:hover{opacity:1!important;color:var(--bi-red)!important}
#dcroot .home-stage{inset:82px 10px 36px!important;padding:37px 40px 23px!important;border-radius:18px!important;background:white!important;overflow:auto!important}
#dcroot .homewrap{gap:26px!important;max-width:1600px!important;min-height:100%!important}
#dcroot .home-top{align-items:center;gap:50px;flex-wrap:nowrap}
#dcroot .home-head{min-width:0}
#dcroot .home-eyebrow{font-size:11px;letter-spacing:0;font-weight:400;color:#8a7f75;margin-bottom:17px}
#dcroot .home-title{font-size:clamp(32px,3.4cqw,54px);font-weight:500;letter-spacing:-.055em;line-height:1.3;min-height:2.6em;color:var(--bi-ink)}
#dcroot .home-cursor{background:var(--bi-red)}
#dcroot .home-aside{width:310px;gap:22px}
#dcroot .home-asub{font-size:13px;line-height:1.85;color:#81766d}
#dcroot .cta-primary{background:var(--bi-red)!important;border:1px solid var(--bi-red)!important;border-radius:100px!important;color:#fff!important;padding:13px 22px!important;box-shadow:none!important;font-size:13px!important;font-weight:500!important}
#dcroot .cta-primary:hover{background:#db1830!important}
#dcroot .cta-ghost{background:#f5f2ec!important;border-color:var(--bi-rule)!important;border-radius:100px!important;padding:13px 22px!important;font-size:13px!important;font-weight:400!important}
#dcroot .home-metrics{margin:0;border-color:var(--bi-rule)}
#dcroot .home-metric{padding:20px 0}
#dcroot .home-metric+.home-metric{padding-left:30px;border-color:var(--bi-rule)}
#dcroot .home-metric-n{font-size:32px;font-weight:500;letter-spacing:-.06em;margin-bottom:8px;color:var(--bi-ink)}
#dcroot .home-metric-l{font-size:11px;font-weight:400;color:#8a8077}
#dcroot .hgrid{margin:0;gap:20px}
#dcroot .hcard{aspect-ratio:1/1.08;border:0;border-radius:0;background:white;transition:none;overflow:visible}
#dcroot .hcard:hover{transform:none;border:0}
#dcroot .pc-head{padding:0;gap:8px;align-items:center}
#dcroot .pc-name{font-size:16px;letter-spacing:-.03em;font-weight:500}
#dcroot .pc-tag{font-size:11px;color:#8a8077;padding:0;margin-top:8px}
#dcroot .pc-cta{font-size:9px;border:0;color:#81766d;background:#f5f2ec;padding:6px 8px;font-weight:400}
#dcroot .hcard:hover .pc-cta{background:var(--bi-red);color:white}
#dcroot .pc-img{margin-top:19px;border-radius:3px;background-size:cover!important;filter:none!important;transition:filter .2s}
#dcroot .hcard:hover .pc-img{filter:brightness(.94)!important}
#dcroot .hcard[data-p="0"] .pc-img{background-image:url('assets/img/hero/domestic.jpg')!important;background-position:center 44%!important}
#dcroot .hcard[data-p="1"] .pc-img{background-image:url('assets/img/hero/global.jpg')!important;background-position:center 43%!important}
#dcroot .hcard[data-p="2"] .pc-img{background-image:url('assets/img/hero/celeb.jpg')!important;background-position:64% 36%!important}
#dcroot .hcard[data-p="3"] .pc-img{background-image:url('assets/img/hero/branding.jpg')!important;background-position:center!important}
#dcroot .home-footer{margin:0;font-size:10px;color:#9a9086}
#dcroot .detailwrap{padding:82px 10px 36px!important}
#dcroot .detailwrap>div:first-child{background:none!important}
#dcroot .detailrow{gap:12px!important}
#dcroot .drail{width:235px!important;background:white;border-radius:18px;padding:23px 14px!important}
#dcroot .drail>button{padding-left:12px!important;font-size:12px!important}
#dcroot .drail>div:not(.drailgrp){letter-spacing:0!important;text-transform:none!important;padding-left:12px!important;color:#a69b90!important}
#dcroot .drailgrp button{border-radius:10px!important;padding:13px 12px!important;font-weight:400!important}
#dcroot .drailgrp button span:last-child{font-size:13px!important;font-weight:400!important}
#dcroot .drailgrp button[style*="background: rgb(20, 20, 20)"]{background:var(--bi-tint)!important;color:var(--bi-red)!important}
#dcroot .drailgrp button:hover{background:#f5f2ec!important}
#dcroot .detail-main{background:white;border-radius:18px;overflow:hidden}
#dcroot .chiprow{padding:24px 28px 16px!important;gap:8px}
#dcroot .chip{border-radius:100px!important;background:#f5f2ec!important;border:1px solid var(--bi-rule)!important;padding:8px 15px 8px 8px!important;transform:none!important}
#dcroot .chip>span:first-child{border:0!important;background-color:transparent!important;width:24px!important;height:24px!important}
#dcroot .chip>span:last-child{font-size:12px!important;color:#7d7166!important;font-weight:400!important;max-width:240px!important}
#dcroot .chip[style*="border-color: rgb(20, 20, 20)"]{border-color:var(--bi-red)!important;background:var(--bi-red)!important}
#dcroot .chip[style*="border-color: rgb(20, 20, 20)"]>span:last-child{color:white!important}
#dcroot .chip[style*="border-color: rgb(20, 20, 20)"]>span:first-child{filter:brightness(0) invert(1)}
#dcroot .chip:hover>span:last-child{background:none!important;-webkit-text-fill-color:currentColor!important;animation:none!important}
#dcroot .dmode:has(.docscroll)>div:has(>.docscroll){border:0!important;border-radius:0!important;box-shadow:none!important;background:white!important}
#dcroot .docscroll{padding:22px 36px 30px!important}
#dcroot .docscroll [style*="box-shadow"]{box-shadow:none!important}
#dcroot .docscroll [style*="background: rgb(20, 20, 20)"]{background:#141414!important}
#dcroot .docscroll [style*="background: rgb(239, 239, 236)"]{background:#f5f2ec!important;border-color:var(--bi-rule)!important}
#dcroot .docscroll [style*="border-radius: 20px"]{border-radius:12px!important}
#dcroot .detail-main button[style*="background: rgb(20, 20, 20)"]{background:var(--bi-red)!important;color:#fff!important;border-color:var(--bi-red)!important}
#dcroot .cal-day[style*="background: rgb(20, 20, 20)"]{background:var(--bi-red)!important;color:#fff!important}
#dcroot .bookcal{background:#f8f6f2!important}
#dcroot .detail-main input,#dcroot .detail-main textarea{background:white!important;border-color:var(--bi-rule)!important;border-radius:9px!important}
#dcroot .detail-main input:focus,#dcroot .detail-main textarea:focus{outline:2px solid var(--bi-red)!important;outline-offset:2px}
#dcroot .slot[style*="background: rgb(20, 20, 20)"]{background:var(--bi-red)!important;border-color:var(--bi-red)!important}
#boot{background:var(--bi-shell)!important}
@media(min-width:769px) and (max-height:850px){#dcroot .home-stage{padding-top:24px!important}#dcroot .homewrap{gap:18px!important}#dcroot .home-title{font-size:clamp(30px,3cqw,44px)}#dcroot .hcard{aspect-ratio:1/0.88}#dcroot .home-metric{padding:15px 0}#dcroot .home-metric-n{font-size:28px}}
@media(max-width:1100px) and (min-width:769px){#dcroot .home-stage{padding-left:26px!important;padding-right:26px!important}#dcroot .home-aside{width:245px}#dcroot .home-top{gap:25px}#dcroot .pc-head{display:block}#dcroot .pc-cta{display:none}#dcroot .pc-name{font-size:14px}#dcroot .drail{width:205px!important}#dcroot .drailgrp button span:last-child{font-size:11px!important}}
@media(max-width:768px){
 #dcroot .topbar{top:7px!important;left:7px!important;right:7px!important;border-radius:13px!important}
 #dcroot .topbar>div{height:53px!important;padding:0 14px!important;gap:8px!important}
 #dcroot .topbar img[alt=Siriai]{height:18px!important}
 #dcroot .topbar>div>a:first-child{gap:7px!important}
 #dcroot .topbar>div>a:first-child::before{width:18px;height:18px}
 #dcroot .topbar>div>a:first-child>span:last-child{font-size:10px!important}
 #dcroot .topbar>div>a:first-child>span:nth-child(2){display:none}
 #dcroot .topbar .pf-top{font-size:10px!important;padding:5px 6px!important;gap:3px!important}
 #dcroot .topbar a[href="https://siriai.co.kr"]{font-size:10px!important;padding:6px 8px!important;margin-left:0!important;gap:3px!important}
 #dcroot .home-stage{inset:68px 7px 35px!important;padding:28px 20px 22px!important;border-radius:15px!important}
 #dcroot .homewrap{display:flex!important;gap:27px!important}
 #dcroot .home-top{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
 #dcroot .home-title{font-size:clamp(25px,6.5vw,36px);line-height:1.38;min-height:0;letter-spacing:-.055em}
 #dcroot .home-eyebrow{font-size:10px;margin-bottom:13px}
 #dcroot .home-aside{width:100%;gap:17px}
 #dcroot .home-asub{font-size:12px}
 #dcroot .home-metrics{margin:0}
 #dcroot .home-metric{padding:18px 7px 18px 0;min-width:0}
 #dcroot .home-metric+.home-metric{padding-left:13px}
 #dcroot .home-metric-n{font-size:25px;letter-spacing:-.04em;font-weight:500}
 #dcroot .home-metric:last-child .home-metric-n{font-size:21px;overflow-wrap:anywhere}
 #dcroot .home-metric-l{font-size:9px;line-height:1.65;word-break:normal}
 #dcroot .hgrid{gap:24px 12px!important}
 #dcroot .hcard{aspect-ratio:1/1.5;border-radius:0!important}
 #dcroot .hgrid .pc-head{padding:0!important;display:block}
 #dcroot .hgrid .pc-name{font-size:13px!important;font-weight:500}
 #dcroot .hgrid .pc-tag{padding:0!important;font-size:9px!important;margin-top:6px}
 #dcroot .hgrid .pc-img{margin-top:12px!important;border-radius:3px!important}
 #dcroot .home-footer{font-size:9px;line-height:1.8}
 #dcroot .detailwrap{padding:68px 7px 35px!important}
 #dcroot .detailrow{gap:8px!important}
 #dcroot .drail{width:auto!important;border-radius:12px;padding:8px!important;min-height:50px}
 #dcroot .drailgrp button{padding:9px 13px!important;border-radius:100px!important;border:0!important;min-height:34px}
 #dcroot .drailgrp button span:last-child{font-size:11px!important}
 #dcroot .detail-main{border-radius:14px}
 #dcroot .chiprow{padding:13px 13px 10px!important;gap:7px}
 #dcroot .chip{padding:7px 11px 7px 5px!important}
 #dcroot .chip>span:last-child{font-size:11px!important}
 #dcroot .chip>span:first-child{width:20px!important;height:20px!important;background-size:16px!important}
 #dcroot .docscroll{padding:16px 18px!important}
 #dcroot .docscroll [style*="font-size: 36px"]{font-size:27px!important}
 #dcroot .bookcal{padding:22px 20px!important}
 #dcroot .bookslots{padding:22px 20px!important}
}
@media(prefers-reduced-motion:reduce){#dcroot *,#boot{animation:none!important;transition:none!important}}

@media(max-width:768px){#dcroot .dmode:not(:has(.docscroll)){padding:20px 16px!important}#dcroot .dmode:has(.bookcal)>div>div{border-radius:14px!important}}

/* Fit the original image cards to the available desktop height. */
#dcroot .home-stage{scrollbar-width:none}
#dcroot .home-stage::-webkit-scrollbar{display:none}
@media(min-width:769px){
 #dcroot .homewrap{display:grid!important;grid-template-rows:auto auto minmax(140px,1fr) auto;height:100%!important;min-height:0!important;gap:clamp(16px,2.5vh,26px)!important}
 #dcroot .hgrid{min-height:0!important;height:100%!important}
 #dcroot .hcard{aspect-ratio:auto!important;min-height:0!important;height:100%!important}
 #dcroot .pc-img{min-height:0!important}
}@media(min-width:769px){#dcroot .homewrap{width:100%!important;grid-template-columns:minmax(0,1fr)}}

#dcroot .hgrid .hcard .pc-img{background-position:center top!important;background-size:auto 122%!important}

/* Detail review: bounded reading width, intact symbols and responsive form columns. */
#dcroot .docscroll>div{max-width:1100px!important;margin-inline:0!important;width:100%;min-width:0}
#dcroot .docscroll span:has(>img[src*="siriai-mark-white"]){background:#141414!important;flex-shrink:0!important}
#dcroot .dmode:not(:has(.docscroll)){padding:30px 32px!important}
#dcroot .dmode:not(:has(.docscroll))>div{margin-inline:auto;min-width:0}
#dcroot .docscroll button{max-width:100%;white-space:normal!important;text-align:left}
#dcroot .docscroll img{max-width:100%}
@media(max-width:768px){
 #dcroot .dmode:not(:has(.docscroll)){padding:20px 16px!important}
 #dcroot .dmode:not(:has(.docscroll))>div>div>div{min-width:0!important}
 #dcroot .docscroll{padding:16px!important}
 #dcroot .docscroll [style*="white-space: nowrap"]{white-space:normal!important}
 #dcroot .docscroll [style*="gap: 15px"]{gap:10px!important}
 #dcroot .docscroll h3{overflow-wrap:anywhere}
}#dcroot #mailDraft{height:500px!important;min-height:500px!important;scrollbar-width:none;resize:vertical}#dcroot #mailDraft::-webkit-scrollbar{display:none}

/* Wide screens: editorial text / case-study split, left aligned. */
#dcroot .docscroll>div{max-width:none!important}
#dcroot .answer-body>p{max-width:76ch}
@media(min-width:1200px){
 #dcroot .answer-body:has(.rich-layout .rich-references){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px!important;row-gap:22px!important;align-items:start}
 #dcroot .answer-body:has(.rich-layout .rich-references)>.rich-heading{grid-column:1;grid-row:1}
 #dcroot .answer-body:has(.rich-layout .rich-references)>p{grid-column:1;grid-row:2}
 #dcroot .answer-body:has(.rich-layout .rich-references)>.rich-viz,#dcroot .rich-layout:has(.rich-references){display:contents!important}
 #dcroot .rich-layout:has(.rich-references)>div:first-child{grid-column:1;grid-row:3;align-self:stretch}
 #dcroot .rich-layout .rich-references{grid-column:2;grid-row:1 / span 3;gap:16px!important;min-height:100%;height:100%}
 #dcroot .rich-layout .rich-references>div{max-width:none!important}
 #dcroot .rich-layout .rich-references>div>div{min-height:380px!important}
 #dcroot .answer-body:not(:has(.rich-references)){max-width:1300px}
}
@media(min-width:1200px){
 #dcroot .docscroll>div{gap:24px!important}
 #dcroot .answer-body:has(.rich-layout .rich-references){row-gap:16px!important}
 #dcroot .rich-layout .service-offers{gap:8px!important}
 #dcroot .rich-layout .service-offers>div{padding:14px!important}
}

#dcroot .home-stage{bottom:10px!important}#dcroot .detailwrap{padding-bottom:10px!important}@media(max-width:768px){#dcroot .home-stage{bottom:7px!important}#dcroot .detailwrap{padding-bottom:7px!important}}
