:root{--ink:#20283a;--muted:#65708a;--line:#d9e1f2;--soft:#f2f5ff;--green:#7188ee;--green-dark:#4861ba;--cream:#fbfcff}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}:lang(ko){word-break:keep-all;overflow-wrap:anywhere}body{margin:0;color:var(--ink);background:var(--cream);font-family:Manrope,'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}.container{width:min(1120px,calc(100% - 64px));margin:auto}.site-header{height:78px;padding:0 max(32px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(250,250,248,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.brand-mark{width:28px;height:28px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:14px;font-style:italic}.nav{display:flex;gap:32px}.nav a,.header-cta{font-size:13px;font-weight:700;text-decoration:none}.nav a{color:#4e555b}.nav a:hover{color:var(--green)}.header-cta{color:#fff;background:var(--ink);padding:11px 17px;border-radius:999px}.menu{display:none}.hero{background:#eaf0ff;color:var(--ink);padding:104px 0 88px}.hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:center}.kicker,.eyebrow{font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--green);margin:0 0 18px}.hero h1,.section h2,.contact h2{margin:0;font-size:clamp(42px,5.2vw,76px);line-height:1.08;letter-spacing:-.04em}.hero h1 em,.section h2 em,.contact h2 em{font-style:normal;color:var(--green)}.hero-copy{font-size:17px;line-height:1.8;color:var(--muted);margin:28px 0 34px}.hero-actions{display:flex;gap:20px;align-items:center}.button{font-size:15px;font-weight:800;text-decoration:none}.button-primary{background:var(--green);color:#fff;padding:15px 22px;border-radius:999px}.button-text{color:var(--ink)}.button-text span{margin-left:8px}.hero-frame{height:410px;background:linear-gradient(135deg,#bcc9ff,#7892f7 55%,#e1e7ff);position:relative;overflow:hidden;border-radius:2px}.hero-frame:before,.hero-frame:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.5);border-radius:50%}.hero-frame:before{width:500px;height:500px;right:-130px;top:-80px}.hero-frame:after{width:260px;height:260px;right:54px;top:42px}.hero-frame span{position:absolute;left:32px;bottom:30px;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--green);z-index:2}.hero-frame i{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--green);right:42px;bottom:50px}.hero-frame b{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 36% 34%,#dbe3ff,#6380ff 32%,transparent 66%);right:96px;bottom:90px}.section{padding:120px 0}.section-intro{display:flex;justify-content:space-between;gap:48px;align-items:end}.section-intro>p{width:min(330px,100%);font-size:17px;line-height:1.7;color:var(--muted);margin:0}.why{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:68px}.why-grid article{padding:28px 34px 10px 0;margin-right:28px;border-right:1px solid var(--line)}.why-grid article:last-child{border:0;margin:0}.why-grid span,.result-cards span{font-size:13px;font-weight:800;color:var(--green)}.why-grid h3{font-size:24px;letter-spacing:-.03em;margin:50px 0 12px}.why-grid p,.body-copy{font-size:16px;line-height:1.75;color:var(--muted);margin:0}.portfolio{background:#f7f8f6}.portfolio-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.portfolio-head>p{margin:0;font-size:15px;line-height:1.7;color:var(--muted)}.filters{display:flex;gap:10px;margin:44px 0 34px}.filter{border:1px solid var(--line);border-radius:999px;background:#fff;padding:11px 18px;font:700 14px Manrope,'Noto Sans KR',sans-serif;cursor:pointer}.filter.active{background:var(--green);border-color:var(--green);color:#fff}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.video-card{min-width:0}.video-placeholder{aspect-ratio:9/16;background:#111;position:relative;display:grid;place-items:center;overflow:hidden}.video-placeholder:before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.07),transparent 45%)}.play{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center;padding-left:3px;font-size:15px;position:relative;z-index:1}.upload-hint{position:absolute;left:14px;bottom:14px;color:rgba(255,255,255,.55);font-size:11px;font-weight:700;letter-spacing:.04em}.video-card h3{font-size:15px;margin:13px 0 4px}.video-card p{font-size:12px;color:var(--muted);margin:0;font-weight:700}.results{background:#edf2ff;color:var(--ink)}.results-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:end}.results h2{color:var(--ink)}.results .body-copy{color:var(--muted);margin-top:24px}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d9e1f2;border:1px solid #d9e1f2}.result-cards article{background:#fff;padding:30px 24px;min-height:190px}.result-cards strong{display:block;font-size:21px;margin:42px 0 8px}.result-cards p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.comparison{background:#fff}.comparison h2{margin-bottom:58px}.comparison-table{border-top:2px solid var(--ink)}.table-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-bottom:1px solid var(--line);font-size:15px}.table-row>*{padding:20px 18px}.table-row>*:first-child{padding-left:0;font-weight:700}.table-head{font-size:12px;color:var(--muted);font-weight:800}.table-row strong{color:var(--green-dark)}.pricing{background:#f7f8f6}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}.pricing-grid article{padding:30px;background:#fff;border:1px solid var(--line);min-height:360px;display:flex;flex-direction:column}.pricing-grid article.featured{border:2px solid var(--green);background:#eef1ff}.pricing-grid p{font-size:13px;font-weight:800;color:var(--green-dark);margin:0}.pricing-grid h3{font-size:28px;letter-spacing:-.035em;margin:50px 0 8px}.pricing-grid span{font-size:15px;color:var(--muted)}.pricing-grid ul{list-style:none;padding:0;margin:36px 0;display:grid;gap:12px;font-size:15px}.pricing-grid li:before{content:'✓';color:var(--green-dark);font-weight:800;margin-right:9px}.pricing-grid a{margin-top:auto;font-size:15px;font-weight:800}.faq{background:#fff}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line);padding:0}summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;gap:24px;font-size:17px;font-weight:700}summary::-webkit-details-marker{display:none}summary span{color:var(--green);font-size:24px;font-weight:400;line-height:.7}details[open] summary span{transform:rotate(45deg)}details p{margin:0 0 24px;font-size:15px;line-height:1.75;color:var(--muted)}.contact{background:#b8c7ff;padding:118px 0}.contact h2{max-width:700px}.contact h2 em{color:var(--green-dark)}.contact>div>p:not(.eyebrow){font-size:17px;line-height:1.7;margin:24px 0 36px}.contact-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contact-email{font-size:clamp(21px,3vw,38px);font-weight:700;letter-spacing:-.035em;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:9px}.contact-email span{font-size:.8em;margin-left:18px}.copy-email{border:1px solid rgba(21,21,21,.5);background:transparent;padding:10px 13px;border-radius:999px;font:700 13px Manrope,'Noto Sans KR',sans-serif;cursor:pointer}.copy-status{font-size:13px;font-weight:700}footer{background:#eef2ff;color:#5f6a83;padding:24px max(32px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;font-size:12px;font-weight:700}footer a{text-decoration:none}@media(max-width:760px){.container{width:min(100% - 40px,1120px)}.site-header{height:66px;padding:0 20px}.nav,.header-cta{display:none}.menu{display:grid;gap:6px;border:0;background:none;padding:10px 0}.menu span{display:block;width:23px;height:2px;background:var(--ink)}.nav.open{display:flex;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;gap:17px}.hero{padding:76px 0 50px}.hero-grid,.results-grid,.faq-layout{grid-template-columns:1fr;gap:42px}.hero h1,.section h2,.contact h2{font-size:clamp(39px,11vw,58px)}.hero-copy{font-size:16px}.hero-frame{height:250px}.section{padding:76px 0}.section-intro,.portfolio-head{display:block}.section-intro>p,.portfolio-head>p{margin-top:20px}.why-grid{grid-template-columns:1fr;margin-top:42px}.why-grid article{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:22px 0}.why-grid h3{margin:20px 0 8px}.video-grid{grid-template-columns:repeat(2,1fr);gap:12px}.filters{overflow:auto;padding-bottom:3px;margin:32px 0 24px}.filter{white-space:nowrap;font-size:13px}.result-cards,.pricing-grid{grid-template-columns:1fr}.result-cards article{min-height:0}.table-row{grid-template-columns:.7fr 1fr 1fr;font-size:13px}.table-row>*{padding:16px 8px}.pricing-grid{margin-top:38px}.pricing-grid h3{margin-top:28px}.faq-layout{gap:42px}.contact{padding:78px 0}.contact-email{font-size:20px;overflow-wrap:anywhere}.contact-actions{align-items:flex-start;flex-direction:column}footer{padding:20px;gap:14px;align-items:start;flex-direction:column}}

/* MZ and pricing pass */
.kicker,.eyebrow{font-size:15px}.why-grid span,.result-cards span{font-size:15px}.upload-hint,.table-head,.video-card p,footer{font-size:13px}.hero .kicker,.results .eyebrow{color:var(--green-dark)}.hero-frame span{color:#263a85}.hero-frame i{background:#2b459e}.mz-note{margin:0 0 24px;font-size:13px;font-weight:800;letter-spacing:.035em;color:#b9c6ff}.pricing-grid article{border-radius:22px;padding:34px;min-height:290px}.pricing-grid p{display:inline-flex;align-self:flex-start;background:#e9edff;border-radius:999px;padding:7px 12px;font-size:13px;letter-spacing:.02em}.pricing-grid h3{margin:28px 0 10px;font-size:23px}.pricing-copy{font-size:15px;line-height:1.7;color:var(--muted);min-height:54px}.pricing-grid .price{display:block;margin-top:auto;color:var(--muted);font-size:15px}.pricing-grid .price strong{font-size:48px;line-height:1;letter-spacing:-.05em;color:var(--ink);margin-right:7px}.pricing-grid .price b{font-size:16px;color:var(--ink);margin-right:4px}.pricing-note{margin:24px 0 0;padding:18px 22px;border-radius:16px;background:#eef1ff;color:#52619c;font-size:14px;line-height:1.65}.pricing-note:before{content:'i';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:10px;border:1px solid currentColor;border-radius:50%;font-weight:800;font-size:12px}@media(max-width:760px){.kicker,.eyebrow{font-size:14px}.mz-note{font-size:12px;line-height:1.55}.pricing-grid article{min-height:250px;padding:28px}.pricing-grid .price strong{font-size:44px}.pricing-note{font-size:13px}.why-grid span,.result-cards span{font-size:14px}}

/* Light palette scale pass */
.nav a,.header-cta{font-size:15px}.kicker,.eyebrow{font-size:18px;letter-spacing:.01em}.why-grid span,.result-cards span{font-size:18px}.upload-hint,.table-head,.video-card p,footer{font-size:15px}.pricing-grid p{font-size:16px}.hero-frame:before,.hero-frame:after{border-color:rgba(32,40,58,.3)}@media(max-width:760px){.nav a,.header-cta{font-size:15px}.kicker,.eyebrow{font-size:16px}.why-grid span,.result-cards span{font-size:16px}.upload-hint,.table-head,.video-card p,footer{font-size:14px}}


/* Layout pass: preserve the editorial desktop composition while giving tablet and phone widths their own structure. */
@media (max-width: 960px) and (min-width: 761px) {
  .site-header { padding-inline: 32px; }
  .nav, .header-cta { display: none; }
  .menu { display: grid; gap: 6px; border: 0; background: none; padding: 10px 0; }
  .menu span { display: block; width: 23px; height: 2px; background: var(--ink); }
  .nav.open { display: flex; position: absolute; top: 78px; left: 0; right: 0; background: #fff; border-bottom: 1px solid var(--line); padding: 20px 32px; flex-direction: column; gap: 18px; }
  .section-intro, .portfolio-head { display: block; }
  .section-intro > p, .portfolio-head > p { margin-top: 22px; }
  .results-grid, .faq-layout { grid-template-columns: 1fr; gap: 48px; }
  .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-grid { gap: 32px; }
  .hero-frame { height: 350px; }
}

.pricing-copy { min-height: 0; }

@media (max-width: 760px) {
  .hero-copy br, .portfolio-head > p br { display: none; }
  .filters { padding: 2px 20px 6px 2px; margin-right: -20px; }
}

@media (max-width: 540px) {
  .comparison-table { border-top-width: 1px; }
  .table-head { display: none; }
  .table-row:not(.table-head) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 17px 0; }
  .table-row:not(.table-head) > * { padding: 0 10px; }
  .table-row:not(.table-head) > :first-child { grid-column: 1 / -1; padding: 0 0 12px; font-size: 15px; }
  .table-row:not(.table-head) > :nth-child(2), .table-row:not(.table-head) > strong { display: grid; gap: 5px; font-size: 13px; line-height: 1.55; }
  .table-row:not(.table-head) > :nth-child(2)::before, .table-row:not(.table-head) > strong::before { font-size: 11px; font-weight: 800; color: var(--muted); letter-spacing: .02em; }
  .table-row:not(.table-head) > :nth-child(2)::before { content: 'ONE-OFF'; }
  .table-row:not(.table-head) > strong::before { content: 'NINEFORM'; color: var(--green-dark); }
}


/* Bolder pass: stronger editorial peaks with the existing powder-blue system. */
.header-cta { background: var(--green); }
.hero { padding: 132px 0 112px; }
.hero-grid { grid-template-columns: 1.06fr .94fr; gap: 64px; }
.hero h1 { max-width: 720px; font-size: clamp(56px, 6.1vw, 88px); }
.hero-copy { max-width: 57ch; font-size: 18px; }
.hero-frame { height: 480px; background: linear-gradient(135deg, #dce5ff 0%, #8fa5ff 48%, #c8d4ff 100%); }
.hero-frame span { left: 38px; bottom: 36px; max-width: 9ch; font-size: 22px; line-height: .94; letter-spacing: -.035em; }
.hero-frame:before { width: 560px; height: 560px; right: -155px; top: -100px; }
.hero-frame:after { width: 300px; height: 300px; right: 64px; top: 52px; }
.hero-frame b { width: 210px; height: 210px; right: 104px; bottom: 88px; }
.hero-frame i { width: 24px; height: 24px; right: 46px; bottom: 54px; }
.section h2, .contact h2 { font-size: clamp(48px, 5.8vw, 82px); }
.why-grid { margin-top: 82px; }
.why-grid article { padding-top: 34px; }
.why-grid h3 { font-size: 28px; margin-top: 58px; }
.portfolio-head h2 { max-width: 780px; }
.video-grid { gap: 18px; }
.video-placeholder { transition: transform 220ms cubic-bezier(.2,.8,.2,1), background-color 220ms ease; }
.video-card:hover .video-placeholder { transform: translateY(-7px); background-color: #20283a; }
.result-cards article { padding: 38px 28px; min-height: 220px; }
.result-cards strong { font-size: 26px; margin-top: 50px; }
.comparison h2 { max-width: 920px; }
.table-row { font-size: 16px; }
.table-row > * { padding-top: 24px; padding-bottom: 24px; }
.pricing-grid { gap: 20px; }
.pricing-grid article.featured { transform: translateY(-18px); background: #dbe4ff; }
.pricing-grid .price strong { font-size: 56px; }
.faq-list { border-top-width: 2px; }
summary { padding: 28px 0; font-size: 19px; }
.contact { padding: 144px 0; }
.contact h2 { max-width: 780px; }
.contact-email { font-size: clamp(24px, 3.3vw, 44px); }

@media (max-width: 960px) {
  .hero { padding: 104px 0 84px; }
  .hero-grid { gap: 34px; }
  .hero-frame { height: 390px; }
  .pricing-grid article.featured { transform: none; }
}

@media (max-width: 760px) {
  .hero { padding: 84px 0 60px; }
  .hero h1 { font-size: clamp(46px, 12.2vw, 64px); }
  .hero-copy { font-size: 17px; }
  .hero-frame { height: 300px; }
  .hero-frame span { left: 24px; bottom: 24px; font-size: 18px; }
  .hero-frame b { width: 150px; height: 150px; right: 68px; bottom: 54px; }
  .why-grid { margin-top: 50px; }
  .why-grid h3 { font-size: 25px; margin-top: 22px; }
  .video-grid { gap: 14px; }
  .video-card:hover .video-placeholder { transform: none; }
  .result-cards article { padding: 30px 24px; }
  .result-cards strong { margin-top: 34px; }
  .contact { padding: 92px 0; }
}


/* Summer sky pass: blue that feels open and sunlit, not electric or purple. */
:root {
  --ink: #18314f;
  --muted: #58708b;
  --line: #d4e5f1;
  --soft: #eef9ff;
  --green: #49aee8;
  --green-dark: #1679b9;
  --cream: #fbfdff;
}
.site-header { background: rgba(251, 254, 255, .94); }
.hero { background: #e5f6ff; }
.hero-frame { background: linear-gradient(135deg, #d9f5ff 0%, #76c9ed 48%, #c9efff 100%); }
.hero-frame:before, .hero-frame:after { border-color: rgba(24, 49, 79, .28); }
.hero-frame span { color: #0c6395; }
.hero-frame i { background: #1679b9; }
.hero-frame b { background: radial-gradient(circle at 36% 34%, #e5f8ff, #5fbce6 32%, transparent 66%); }
.hero .kicker, .results .eyebrow { color: #1679b9; }
.mz-note { color: #2b84ad; }
.results { background: #eaf8ff; }
.result-cards { background: #d4e5f1; border-color: #d4e5f1; }
.pricing-grid p { background: #e8f7ff; color: #1679b9; }
.pricing-grid article.featured { background: #d8f2ff; border-color: var(--green); }
.pricing-note { background: #e8f7ff; color: #39779a; }
.contact { background: #b8e7fb; }
.contact h2 em { color: #1679b9; }
footer { background: #edf9ff; color: #4d7189; }

/* FAQ uses two usable columns instead of a narrow headline strip. */
.faq-layout { grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: start; }
.faq h2 { max-width: 500px; font-size: clamp(48px, 5.1vw, 72px); }

@media (max-width: 960px) {
  .faq-layout { grid-template-columns: 1fr; gap: 48px; }
  .faq h2 { max-width: none; }
}

@media (max-width: 760px) {
  .faq h2 { font-size: clamp(42px, 11vw, 58px); }
}


/* Blue range: open sky surfaces with one calm ocean anchor. */
:root { --ocean: #1c6a92; --ocean-deep: #155878; }
.header-cta { background: var(--ocean); }
.hero-frame { background: linear-gradient(135deg, #d9f5ff 0%, #82ccea 44%, #2d88b4 100%); }
.hero-frame span { color: #0b4f70; }
.hero-frame i { background: var(--ocean-deep); }
.hero-frame b { background: radial-gradient(circle at 36% 34%, #e8faff, #44a9d8 32%, transparent 66%); }
.results { background: var(--ocean); color: #fff; }
.results h2 { color: #fff; }
.results .eyebrow { color: #b9eaff; }
.results .body-copy { color: #d8effa; }
.result-cards { background: rgba(255, 255, 255, .36); border-color: rgba(255, 255, 255, .42); }
.result-cards article { background: #f4fbff; }
.contact { background: #93d2ed; }
.contact h2 em { color: var(--ocean-deep); }
.pricing-grid article.featured { background: #c9edfc; border-color: #5bb6df; }
footer { background: #e5f6ff; }


/* Mandarin palette: warm editorial energy, not a blue-tech treatment. */
:root {
  --ink: #20252e;
  --muted: #766863;
  --line: #f0ddd4;
  --soft: #fff2ec;
  --green: #ff5a36;
  --green-dark: #d84025;
  --cream: #fff9f2;
}
.site-header { background: rgba(255, 252, 247, .94); }
.header-cta { background: var(--green); }
.hero { background: #ffebe4; }
.hero-frame { background: linear-gradient(135deg, #ffb5a0 0%, #ff633d 48%, #ffd3c5 100%); }
.hero-frame:before, .hero-frame:after { border-color: rgba(32, 37, 46, .28); }
.hero-frame span { color: #732014; }
.hero-frame i { background: #9e2b1a; }
.hero-frame b { background: radial-gradient(circle at 36% 34%, #fff3e8, #ff8669 32%, transparent 66%); }
.hero .kicker, .results .eyebrow { color: var(--green-dark); }
.mz-note { color: #b14a37; }
.portfolio { background: #fff5ef; }
.filter.active { background: var(--green); border-color: var(--green); }
.results { background: #2d292a; color: #fff9f2; }
.results h2 { color: #fff9f2; }
.results .eyebrow { color: #ffad98; }
.results .body-copy { color: #f5cfc4; }
.result-cards { background: rgba(255, 224, 211, .32); border-color: rgba(255, 224, 211, .38); }
.result-cards article { background: #fff9f2; }
.pricing { background: #fff5ef; }
.pricing-grid p, .pricing-note { background: #fff0e9; color: #a44633; }
.pricing-grid article.featured { background: #ffe2d8; border-color: #ff8e73; }
.contact { background: #ffb19d; }
.contact h2 em { color: #a52e1b; }
footer { background: #fff0e8; color: #806056; }

/* Portfolio videos use one shared, softer frame treatment. */
.video-placeholder { border-radius: 22px; }
.video-thumbnail { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transform: scale(1.035); }
.video-youtube::before { z-index: 1; }
.video-youtube .play, .video-youtube .upload-hint { z-index: 6; }
.video-youtube iframe { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; border: 0; }
.youtube-video-link { display: none; position: absolute; z-index: 5; top: 0; left: 0; right: 0; height: 64px; }
.video-youtube.is-playing .youtube-video-link { display: block; }
.video-youtube.is-playing .upload-hint { opacity: 0; pointer-events: none; }
.video-youtube.is-playing { cursor: pointer; }
.video-youtube .play { border: 0; cursor: pointer; opacity: 0; pointer-events: none; transform: scale(.92); transition: opacity .2s ease, transform .2s ease; }
.video-youtube:hover .play, .video-youtube:focus-within .play { opacity: 1; pointer-events: auto; transform: none; }
.video-youtube.is-playing .play { opacity: 0; pointer-events: none; }
@media (hover: none) { .video-youtube:not(.is-playing) .play { opacity: 1; pointer-events: auto; transform: none; } }

/* Hero cleanup: the headline leads; supporting type stays quiet and readable. */
.hero-frame span { max-width: none; white-space: nowrap; }
.hero h1 { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; }

/* The actual brand mark replaces the generic letter badge. */
.brand { gap: 5px; }
.brand-mark { width: 30px; height: 30px; display: block; border: 0; border-radius: 0; object-fit: contain; filter: none; }

/* The mascot keeps the contact invitation warm without competing with the hero. */
.contact .container { position: relative; }
.contact-mascot { position: absolute; top: 210px; right: 32px; width: min(190px, 17vw); height: auto; }
@media (max-width: 960px) { .contact-mascot { position: static; display: block; width: min(170px, 52vw); margin: 30px 0 -24px auto; } }