/* A bright editorial world inside Royal's existing brand. */
.why-story{--coral:#be543f;--paper:#fcf8f1;--deep:#153f34;--read:0;background:var(--paper);color:var(--deep)}.why-story p{color:#466155}.why-story h1,.why-story h2,.why-story h3{color:var(--deep)}.why-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;transform:scaleX(var(--read));transform-origin:left;background:#e89981;z-index:100}.why-hero{display:grid;grid-template-columns:1fr 1.15fr;min-height:650px;max-width:1600px;margin:auto;overflow:hidden}.why-hero-copy{padding:38px 0 55px max(6vw,30px);z-index:1}.why-back{font-size:13px;display:inline-block;margin-bottom:50px}.why-kicker{font:600 11px/1.5 'Space Grotesk',sans-serif;letter-spacing:.19em;text-transform:uppercase;margin:0 0 22px!important;color:#5a7563!important}.why-kicker span{border:1px solid #adbeac;border-radius:50%;padding:7px;margin-left:14px}.why-story h1{font:500 clamp(56px,6.3vw,100px)/1.04 'Bodoni Moda',Georgia,serif;letter-spacing:-.055em;margin:28px 0}.why-story h1 em{font-weight:400;color:var(--coral)}.why-deck{font-size:18px;max-width:360px;line-height:1.75}.why-start{display:inline-flex;align-items:center;gap:24px;margin:15px 0 28px;border-bottom:1px solid #234e3e;padding-bottom:8px;font-size:15px}.why-start span{font-size:22px}.why-meta{font-size:10px;letter-spacing:.15em;color:#657969}.why-hero-art{position:relative;margin:0;align-self:stretch;min-width:0}.why-hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% center;mask-image:linear-gradient(90deg,transparent,#000 15%);display:block}.why-hero-art figcaption{position:absolute;right:30px;bottom:30px;padding:12px 18px;border:1px solid #fff9;border-radius:30px;background:#fff9;backdrop-filter:blur(18px);font-size:12px;color:#304e3d}.why-chapters{display:flex;justify-content:center;gap:65px;padding:23px;border-block:1px solid #244e321a;background:#f3f1e9}.why-chapters a{font-size:12px;letter-spacing:.04em}.why-section{max-width:1250px;margin:auto;padding:95px 6%;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;scroll-margin-top:140px}.why-story h2{font:500 clamp(32px,3.3vw,49px)/1.17 'Bodoni Moda',Georgia,serif;letter-spacing:-.035em;margin:0 0 22px}.why-story p{line-height:1.85}.why-section-heading>p:last-child{font-size:15px;max-width:290px}.why-switch{display:flex;padding:5px;border:1px solid #d7e1d5;border-radius:30px;gap:3px;background:#edf0e7;margin-bottom:16px}.why-switch button{border:0;background:none;border-radius:24px;padding:12px 10px;font-family:inherit;font-weight:500;font-size:12px;line-height:1.4;color:#3a5b49;flex:1;min-height:44px}.why-switch button[aria-pressed=true]{background:#164838;color:white;box-shadow:0 3px 10px #163f3422}.why-lab{border:1px solid #fff;border-radius:22px;padding:25px;background:radial-gradient(ellipse at 70% 10%,#fce9dfbb,transparent 65%),linear-gradient(130deg,#f9fffa,#e5eee5);box-shadow:0 15px 40px #244b3610,inset 0 1px #fff}.why-lab-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.why-live-dot{width:7px;height:7px;border-radius:50%;background:#709970;box-shadow:0 0 15px #82c89c}.why-flow{position:relative;height:255px;overflow:hidden}.why-track{position:absolute;top:84px;left:0;right:25px;height:22px;border-block:1px solid #8eb9a066;background:linear-gradient(90deg,#c5decd33,#8fc5aa44);border-radius:15px}.why-flow-label{position:absolute;top:42px;font-size:10px;letter-spacing:.06em;color:#52725e}.why-flow-label.start{left:0}.why-flow-label.end{right:0}.why-branch{position:absolute;left:40%;top:95px;width:2px;height:81px;background:#78ab8b;transform:rotate(-18deg);transform-origin:top}.why-enzyme{position:absolute;left:47%;top:151px;width:64px;height:64px;transform:translateX(-50%);display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#fff,#b4d6bb);border:1px solid white;border-radius:18px;box-shadow:0 8px 15px #346b3920}.why-rotor{font-size:40px;line-height:1;color:#3a825b;animation:why-turn 5s linear infinite}.why-enzyme b{position:absolute;bottom:-18px;white-space:nowrap;font-size:9px;font-weight:500;line-height:1.3;color:#52725e}.why-inhibitor{position:absolute;left:4%;top:156px;font-size:9px;color:#a44f3c;display:flex;flex-direction:column;gap:4px;align-items:center}.why-inhibitor span{font-size:27px;background:#f9ded0;border-radius:50%;width:38px;height:38px;text-align:center;border:1px solid #d68c78}.why-inhibitor:after{content:'';position:absolute;top:20px;left:100%;width:30px;border-top:2px dashed #c37c66}.why-destination{position:absolute;right:0;top:78px;border:1px solid #8ab59a;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#e6f4e8;color:#3c7a55}.why-branch-note{position:absolute;bottom:4px;left:0;right:0;font-size:11px;text-align:center;color:#53745c}.why-particle{position:absolute;top:89px;left:0;width:15px;height:10px;border-radius:9px;background:linear-gradient(90deg,#78a98d 50%,#fff 50%);border:1px solid #60947a;box-shadow:0 2px 4px #355e3530;animation:why-pass 4s linear infinite;animation-delay:calc(var(--i)*-.4s);z-index:2}.why-lab .why-particle.divert{animation-name:why-divert}.why-lab .why-particle.return{animation-name:why-return}.why-fragments{position:absolute;left:47%;top:211px;display:flex;gap:5px;transform:translateX(-50%)}.why-fragments i{width:5px;height:5px;background:#72a183;border-radius:1px;animation:why-fragment 2s ease-out infinite}.why-fragments i:nth-child(2){animation-delay:-.6s}.why-fragments i:nth-child(3){animation-delay:-1.3s}.why-lab[data-mode='1'] .why-enzyme{background:#e6d8cd;border-color:#cfb3a5;box-shadow:none}.why-lab[data-mode='1'] .why-rotor{animation:none;color:#ad9d92;opacity:.45}.why-lab[data-mode='1'] .why-enzyme:after{content:'−';position:absolute;top:-7px;right:-7px;width:23px;height:23px;border-radius:50%;background:#bd634d;color:white;text-align:center;font-size:20px;line-height:21px}.why-lab[data-mode='1'] .why-branch{background:repeating-linear-gradient(#c6b9a7 0 4px,transparent 4px 9px);opacity:.5}.why-lab[data-mode='1'] .why-fragments{display:none}.why-lab[data-mode='1'] .why-destination{background:#d1ebdb;box-shadow:0 0 0 7px #7caf8f22,0 0 22px #6aa77c44}.why-lab[data-mode='2'] .why-enzyme{top:64px;background:#f3dfd1}.why-lab[data-mode='2'] .why-rotor{animation:none;color:#b17657;font-size:32px}.why-lab[data-mode='2'] .why-branch,.why-lab[data-mode='2'] .why-fragments{display:none}.why-lab[data-mode='2'] .why-enzyme b{bottom:-20px}.why-lab[data-mode='2'] .why-destination{opacity:.55}
.why-lab-caption{border-top:1px solid #52734b20;padding-top:15px}.why-lab-caption strong,.why-lab-caption span{display:block}.why-lab-caption strong{font-size:15px;font-weight:500}.why-lab-caption span{font-size:10px;color:#607464;margin-top:7px}.why-explanation{padding:22px 4px 0;min-height:190px}.why-explanation h3{font-size:22px;margin:0 0 9px;letter-spacing:-.02em}.why-explanation p{font-size:15px;margin:0}.why-motion{font:inherit;font-size:11px;border:0;border-bottom:1px solid #b8c5b7;background:transparent;color:#4b6b56;padding:5px 0}.why-quiz-section{max-width:1250px;margin:0 auto;padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:linear-gradient(120deg,#fae9df,#f8f0e9);border-radius:26px;scroll-margin-top:140px}.why-quiz-section h2{font-size:36px}.why-quiz-section>div>p:last-child{font-size:15px}.why-answers{display:grid;gap:12px}.why-answers button{border:1px solid #dccfc3;border-radius:14px;text-align:left;padding:17px;background:#fff9;color:#284b39;font:inherit;font-size:15px;display:flex;gap:16px;align-items:center;min-height:58px}.why-answers button span{font-size:11px;border:1px solid #c7d1c3;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex:none}.why-answers button[aria-pressed=true]{background:#214b3b;color:white;border-color:#214b3b}.why-feedback{min-height:112px;padding-top:22px;font-size:14px}.why-feedback p{margin:5px 0 0}.why-takeaway{align-items:start}.why-takeaway>div>p{font-size:15px}.why-question-card{padding:26px 30px;border:1px solid #d4dfd2;background:linear-gradient(135deg,#fff,#edf0e4);border-radius:18px;margin-top:30px;box-shadow:0 10px 35px #244b3608}.why-question-card>span{font:60px/1 Georgia;color:#94aa8a}.why-question-card p{font-size:22px;line-height:1.5;margin:0 0 15px;color:#284b39}.why-question-card small{font-size:12px;color:#59765f}.why-more summary{font-size:15px}.why-more details p{font-size:14px}.why-contact{background:#173f33;border-radius:18px;padding:30px;margin-top:32px}.why-contact .why-kicker{color:#bfd0af!important;font-size:9px}.why-contact h3{color:#f1f6e8;font-size:25px}.why-contact p{color:#d2dfce;font-size:14px}.why-contact .btn{background:#e1ebc8;color:#183e30;border:0}.why-visit{display:block;color:#d3dfcc;font-size:11px;margin-top:20px}.why-sources{border-top:1px solid #d7ded1;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px 6% 55px;max-width:1250px;margin:auto}.why-sources h3{font-size:19px}.why-sources p{font-size:11px;max-width:380px}.why-sources a{display:block;font-size:12px;margin:0 0 15px;text-decoration:underline;text-underline-offset:4px}.why-story button:focus-visible,.why-story a:focus-visible{outline:3px solid #b2613d;outline-offset:5px}.why-paused .why-particle,.why-hidden .why-particle,.why-science:not(.why-in-view) .why-particle{animation-play-state:paused}
@keyframes why-travel{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}@keyframes why-breakdown{0%{left:0;opacity:0}8%,39%{opacity:1}48%,100%{left:48%;opacity:0}}
html[lang=ko] .why-story h1{font-family:'Noto Sans KR',sans-serif;font-size:clamp(44px,4.7vw,72px);font-weight:500;line-height:1.28;letter-spacing:-.065em}html[lang=ko] .why-story h2{font-family:'Noto Sans KR',sans-serif;font-weight:500;font-size:clamp(29px,2.8vw,41px);line-height:1.4}html[lang=ko] .why-story{word-break:keep-all}html[lang=ko] .why-story h1 em{font-style:normal}
@media(min-width:1600px){.why-hero-copy{padding-left:95px}}@media(max-width:1000px){.why-hero{min-height:560px}.why-section{gap:35px;padding-block:65px}.why-hero-copy{padding-left:5vw}.why-hero-copy h1{font-size:64px}.why-quiz-section{margin-inline:4%;gap:30px}.why-quiz-section h2{font-size:30px}.why-chapters{gap:35px}}
@media(max-width:700px){.why-hero{display:flex;flex-direction:column;min-height:0}.why-hero-copy{padding:25px 6% 15px}.why-back{margin-bottom:30px}.why-hero-copy h1{font-size:64px;margin:22px 0}.why-deck{font-size:16px;max-width:100%}.why-meta{font-size:9px}.why-hero-art{height:320px;margin-top:0}.why-hero-art img{object-position:center 55%;mask-image:linear-gradient(180deg,transparent,#000 14%)}.why-hero-art figcaption{right:18px;bottom:18px;font-size:10px}.why-chapters{padding:19px 4%;gap:0;justify-content:space-between}.why-chapters a{font-size:10px}.why-section{grid-template-columns:1fr;padding:55px 6%;gap:25px}.why-section-heading>p:last-child{max-width:none}.why-section h2{font-size:38px}.why-switch button{font-size:11px;padding:10px 5px}.why-explanation{min-height:185px}.why-lab{padding:20px}.why-quiz-section{grid-template-columns:1fr;padding:32px 6%;gap:15px;border-radius:18px}.why-feedback{min-height:110px}.why-question-card{margin-top:20px}.why-sources{grid-template-columns:1fr;gap:15px}.why-sources a{min-height:32px}.why-story h1{max-width:100%}html[lang=ko] .why-story h1{font-size:46px}.why-start{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.why-particle{animation:none!important;left:calc(var(--i)*12%);opacity:.7}.why-story *{scroll-behavior:auto!important}}

/* Reader-question headline: allow longer natural language without crowding. */
.why-hero-copy h1{font-size:clamp(48px,5.2vw,82px);text-wrap:balance}.why-deck{max-width:420px}html[lang=ko] .why-hero-copy h1{font-size:clamp(38px,4vw,64px)}@media(max-width:700px){.why-hero-copy h1{font-size:48px}html[lang=ko] .why-hero-copy h1{font-size:38px}}

@keyframes why-pass{0%{left:0;top:89px;opacity:0}8%,88%{opacity:1}100%{left:calc(100% - 20px);top:89px;opacity:0}}
@keyframes why-divert{0%{left:0;top:89px;opacity:0;transform:scale(1)}8%,35%{opacity:1}38%{left:40%;top:89px}65%{left:47%;top:173px;opacity:1;transform:scale(1)}80%,100%{left:47%;top:214px;opacity:0;transform:scale(.25) rotate(80deg)}}
@keyframes why-return{0%{left:0;top:89px;opacity:0}8%,35%{opacity:1}42%{left:40%;top:89px}65%{left:29%;top:137px;opacity:.6}90%,100%{left:12%;top:137px;opacity:0}}
@keyframes why-turn{to{transform:rotate(360deg)}}@keyframes why-fragment{0%{transform:translateY(-10px);opacity:0}30%{opacity:1}100%{transform:translateY(10px) rotate(90deg);opacity:0}}
.why-paused .why-flow *,.why-hidden .why-flow *,.why-science:not(.why-in-view) .why-flow *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.why-flow *{animation:none!important}.why-lab .why-particle{left:calc(var(--i)*9%);top:89px;opacity:.8}.why-lab .why-particle.divert{left:calc(43% + var(--i)*1%);top:190px;transform:scale(.55)}.why-lab .why-particle.return{left:calc(var(--i)*4%);top:137px}}