/* SWIN's editorial guides for international advertisers entering Korea. */
.page-advertise { background:#fffefb; color:#14283d; }
.ad-hero { padding:92px 0 105px; background:#eef4f5; }
.ad-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr); gap:9%; align-items:end; }
.ad-eyebrow,.ad-index { margin:0 0 22px; color:#246875; font-size:11px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.ad-hero h1 { max-width:830px; margin:0 0 25px; font-size:clamp(52px,5.5vw,86px); line-height:.99; letter-spacing:-.065em; overflow-wrap:normal; }
.ad-lead { max-width:690px; margin:0; color:#3c5263; font-size:clamp(18px,1.7vw,22px); line-height:1.65; }
.ad-action { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:54px; margin-top:33px; padding:13px 21px; border-radius:4px; background:#0c5c6a; color:#fff; font-size:14px; font-weight:830; transition:transform .2s ease,background .2s ease; }
.ad-action:hover { transform:translateY(-3px); background:#0b4650; }
.ad-hero-mark { position:relative; min-height:350px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; padding:28px; border:1px solid #b9ced2; border-radius:170px 170px 6px 6px; background:#e4eff1; color:#0c5c6a; }
.ad-hero-mark::before { content:""; position:absolute; width:300px; height:300px; top:35px; right:-90px; border:1px solid currentColor; border-radius:50%; opacity:.33; }
.ad-hero-mark span,.ad-hero-mark small { position:relative; font-size:11px; font-weight:900; letter-spacing:.16em; }
.ad-hero-mark b { position:absolute; top:40%; right:16%; font-size:68px; font-weight:300; transform:rotate(-30deg); }
.ad-hero-mark strong { position:relative; align-self:center; font-size:clamp(100px,13vw,180px); line-height:.8; letter-spacing:-.1em; }
.ad-variant-1 .ad-hero { background:#faf0e9; }
.ad-variant-1 .ad-hero-mark { background:#f6e3d5; border-color:#e4c4b4; border-radius:8px 150px 8px 8px; color:#9c4f38; }
.ad-variant-2 .ad-hero { background:#f0f0fa; }
.ad-variant-2 .ad-hero-mark { background:#e8e7f6; border-color:#c9c7e5; border-radius:8px 8px 150px 8px; color:#5851a3; }
.ad-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:9%; align-items:start; padding-top:95px; padding-bottom:110px; }
.ad-aside { position:sticky; top:120px; display:grid; gap:9px; border-top:2px solid #0c5c6a; padding-top:19px; font-size:13px; }
.ad-aside span { margin-bottom:10px; color:#0c5c6a; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.ad-aside a { color:#516373; }
.ad-aside a:hover { color:#0c5c6a; }
.ad-content { min-width:0; }
.ad-block { padding:0 0 75px; margin:0 0 75px; border-bottom:1px solid #d5dcdf; scroll-margin-top:120px; }
.ad-block:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.ad-block h2,.ad-related h2,.ad-contact h2 { max-width:710px; font-size:clamp(36px,3.8vw,57px); line-height:1.08; letter-spacing:-.05em; }
.ad-block > p:not(.ad-index) { max-width:800px; color:#3d5060; font-size:18px; line-height:1.75; }
.ad-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:42px; }
.ad-step { min-height:270px; padding:25px; border:1px solid #ccdadd; border-radius:6px; background:#f7faf9; }
.ad-step:nth-child(2) { background:#eef4f5; }
.ad-step span { color:#0c5c6a; font-size:12px; font-weight:900; }
.ad-step h3 { margin:43px 0 13px; font-size:24px; }
.ad-step p { margin:0; color:#465b68; font-size:15px; line-height:1.55; }
.ad-deliverables { display:grid; grid-template-columns:1fr 1.6fr; gap:45px; margin-top:75px; padding-top:24px; border-top:2px solid #122e40; }
.ad-deliverables h3 { font-size:22px; }
.ad-deliverables ul { margin:0; padding:0; list-style:none; }
.ad-deliverables li { position:relative; padding:13px 0 13px 27px; border-bottom:1px solid #d5dcdf; color:#3d5060; font-size:15px; }
.ad-deliverables li::before { content:"↗"; position:absolute; left:0; color:#0c5c6a; }
.ad-faqs { margin-top:42px; border-top:1px solid #cedadd; }
.ad-faq { border-bottom:1px solid #cedadd; }
.ad-faq summary { position:relative; padding:22px 45px 22px 0; cursor:pointer; list-style:none; font-size:19px; font-weight:780; }
.ad-faq summary::-webkit-details-marker { display:none; }
.ad-faq summary::after { content:"+"; position:absolute; right:8px; top:21px; color:#0c5c6a; font-size:23px; }
.ad-faq[open] summary::after { content:"−"; }
.ad-faq p { max-width:740px; margin:0 0 25px; color:#506170; font-size:16px; }
.ad-related { padding:90px 0; background:#edf4f5; }
.ad-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:35px; }
.ad-related-grid a { min-height:150px; display:flex; justify-content:space-between; align-items:flex-end; gap:12px; padding:24px; border:1px solid #c5d3d6; border-radius:5px; background:#fff; font-size:20px; font-weight:810; line-height:1.25; }
.ad-related-grid a:hover { border-color:#0c5c6a; }
.ad-related-grid span { color:#0c5c6a; }
.ad-contact { padding:95px 0; background:#113446; color:#fff; }
.ad-contact-grid { display:grid; grid-template-columns:1.1fr .65fr; gap:10%; }
.ad-contact .ad-index { color:#9bd9e2; }
.ad-contact h2 { margin:0; color:#fff; }
.ad-contact p:not(.ad-index) { color:#c4d9de; }
.ad-contact .ad-action { background:#fff; color:#113446; }
.ad-contact-grid > div:last-child > a:last-child { display:block; width:max-content; margin-top:17px; color:#c4d9de; font-size:13px; }
.ad-home-feature { padding:95px 0; background:#eaf2f3; }
.ad-home-feature-grid { display:grid; grid-template-columns:1fr .7fr; gap:8%; align-items:end; }
.ad-home-feature h2 { max-width:670px; margin:0 0 17px; }
.ad-home-feature p:not(.eyebrow) { max-width:630px; margin:0; color:#455969; }
.ad-home-feature-links { display:grid; border-top:2px solid #0c5c6a; }
.ad-home-feature-links a { display:flex; justify-content:space-between; gap:20px; padding:17px 0; border-bottom:1px solid #bacdd1; color:#173c4a; font-size:15px; font-weight:800; }
.ad-home-feature-links a:hover { color:#0c5c6a; }
@media(max-width:950px) { .ad-hero-grid,.ad-layout,.ad-contact-grid,.ad-home-feature-grid { grid-template-columns:1fr; gap:36px; } .ad-hero-mark { min-height:240px; border-radius:130px 130px 5px 5px; max-width:380px; } .ad-hero-mark strong { font-size:110px; } .ad-aside { position:static; display:flex; flex-wrap:wrap; gap:15px; } .ad-aside span { width:100%; } }
@media(max-width:700px) { .ad-hero { padding:55px 0 70px; } .ad-hero h1 { font-size:clamp(43px,10vw,65px); } .ad-layout,.ad-related,.ad-contact,.ad-home-feature { padding-top:65px; padding-bottom:65px; } .ad-block { padding-bottom:55px; margin-bottom:55px; } .ad-steps,.ad-deliverables,.ad-related-grid { grid-template-columns:1fr; } .ad-step { min-height:190px; } .ad-step h3 { margin-top:30px; } .ad-deliverables { gap:15px; margin-top:55px; } .ad-related-grid a { min-height:100px; } }
@media(prefers-reduced-motion:reduce) { .ad-action { transition:none; } }