/* Supplied RON layout; theme assets are excluded on this template only. */ body{margin:0} /* Embedded subsets derived from Noto Sans / Noto Serif. Copyright 2022 The Noto Project Authors (https://github.com/notofonts/latin-greek-cyrillic) SIL Open Font License Version 1.1 – 26 February 2007 PREAMBLE The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that the font names of derivative works are changed. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. DEFINITIONS "Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. "Reserved Font Name" refers to any names specified as such after the copyright statement(s). "Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). "Modified Version" refers to any derivative made by adding to, deleting, or substituting – in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. "Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. PERMISSION & CONDITIONS Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: 1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. 2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. 3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. 5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. TERMINATION This license becomes null and void if any of the above conditions are not met. DISCLAIMER THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. */ @font-face{font-family:RonSans;font-style:normal;font-weight:400;font-display:swap;src:url("/wp-content/plugins/ron-subpages/fonts/37308a8353c6646ebd7b6738cde742b9492ab0b619e58a685f36467c535b6f36.woff2") format("woff2")} @font-face{font-family:RonSans;font-style:normal;font-weight:700;font-display:swap;src:url("/wp-content/plugins/ron-subpages/fonts/df363e0470adad4f4cac977496d471cfe1a4056ff698a003692a828fda12d315.woff2") format("woff2")} @font-face{font-family:RonSerif;font-style:normal;font-weight:400;font-display:swap;src:url("/wp-content/plugins/ron-subpages/fonts/d1051410e2a20f24ab6350263e5f850e91e06c5e441ce23264b1c3862c3300b9.woff2") format("woff2")} @font-face{font-family:RonSerif;font-style:normal;font-weight:700;font-display:swap;src:url("/wp-content/plugins/ron-subpages/fonts/7f61139c94f36e7da423b51d308e487aa64daa767ac211bb75aa7ff659fd7aaf.woff2") format("woff2")} #ron-document{margin:0;padding:0;background:#fff}#ron-science-v3{--ron-ink:#12130f;--ron-deep:#0b1408;--ron-lime:#bddc24;--ron-cream:#f6f4ef;--ron-line:#d9d9d2;--ron-muted:#6b6d65;--ron-serif:Didot,"Bodoni MT","Bodoni 72",Baskerville,"Times New Roman",serif;--ron-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font:16px/1.75 var(--ron-sans);color:var(--ron-ink);background:#fff;width:100%;overflow:clip;text-align:left}#ron-science-v3 *{box-sizing:border-box}#ron-science-v3 [hidden]{display:none!important}#ron-science-v3 :is(h1,h2,h3,p,figure){margin:0}#ron-science-v3 :is(h1,h2,h3){font-family:var(--ron-serif);font-weight:400;text-wrap:balance;white-space:pre-line}#ron-science-v3 h1{font-size:clamp(48px,5.1vw,76px);line-height:1.1;letter-spacing:-.045em}#ron-science-v3 h2{font-size:clamp(38px,4vw,60px);line-height:1.13;letter-spacing:-.04em}#ron-science-v3 h3{font-size:30px;line-height:1.2;letter-spacing:-.025em}#ron-science-v3 p{max-width:70ch}#ron-science-v3 a{color:inherit;text-decoration:none}#ron-science-v3 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}#ron-science-v3 :is(a,button,summary):focus-visible{outline:3px solid var(--ron-lime);outline-offset:4px}#ron-science-v3 img{max-width:100%;display:block;height:auto}#ron-science-v3 svg{display:block}#ron-science-v3 .ron-wrap{width:min(100%,1600px);margin:auto;padding-inline:clamp(22px,4vw,70px)}#ron-science-v3 .ron-section{padding-block:100px;scroll-margin-top:150px}#ron-science-v3 .ron-kicker{font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.7;text-transform:uppercase;color:#4f6d0f;margin-bottom:24px}#ron-science-v3 .ron-muted{color:var(--ron-muted)}#ron-science-v3 .ron-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid var(--ron-line)}#ron-science-v3 .ron-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}#ron-science-v3 .ron-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}#ron-science-v3 .ron-brand img{width:195px;height:54px;object-fit:contain}#ron-science-v3 .ron-mainnav{display:flex;gap:28px;font-size:14px;font-weight:500}#ron-science-v3 .ron-mainnav a{padding:10px 0}#ron-science-v3 .ron-mainnav a:hover{color:#4f6d0f}#ron-science-v3 .ron-head-actions{display:flex;align-items:center;gap:18px}#ron-science-v3 .ron-country-trigger{display:flex;align-items:center;gap:10px;min-height:48px;font-size:13px;max-width:200px}#ron-science-v3 .ron-flag{width:26px;min-width:26px;height:19.5px;display:inline-block;overflow:hidden;box-shadow:0 0 0 1px #0001}#ron-science-v3 .ron-flag svg{width:100%;height:100%}#ron-science-v3 .ron-icon{width:48px;height:48px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border:1px solid var(--ron-line)}#ron-science-v3 .ron-icon:hover{background:var(--ron-lime);color:var(--ron-ink)}#ron-science-v3 .ron-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4}#ron-science-v3 .ron-menu-button{border:0}#ron-science-v3 .ron-mobile-nav{padding:20px 4vw 32px;border-top:1px solid var(--ron-line);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;font-size:18px}#ron-science-v3 .ron-mobile-nav a{padding:12px;border-bottom:1px solid var(--ron-line)}#ron-science-v3 .ron-hero{min-height:650px;min-height:min(780px,calc(100svh - 96px));position:relative;background:var(--ron-cream);display:flex;align-items:center}#ron-science-v3 .ron-hero-photo{position:absolute;inset:0 0 0 36%;overflow:hidden}#ron-science-v3 .ron-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:55% center}#ron-science-v3 .ron-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f6f4ef 0%,#f6f4efb3 15%,transparent 42%)}#ron-science-v3 .ron-hero-copy{position:relative;z-index:1;width:60%;padding-block:75px 105px}#ron-science-v3 .ron-hero-copy .ron-kicker{max-width:380px}#ron-science-v3 .ron-hero-copy h1 span{display:block}#ron-science-v3 .ron-hero-copy h1 span+span{color:#4f6d0f}#ron-science-v3 .ron-hero-copy p{margin-top:30px;max-width:480px;color:#42463d;font-size:17px;line-height:1.8}#ron-science-v3 .ron-hero-copy .ron-button{margin-top:34px}#ron-science-v3 .ron-button{min-height:50px;padding:12px 24px;background:var(--ron-deep);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:14px;line-height:1.6;border:1px solid var(--ron-deep)}#ron-science-v3 .ron-button:hover{background:var(--ron-lime);color:var(--ron-ink);border-color:var(--ron-lime)}#ron-science-v3 .ron-button-light{background:transparent;color:inherit;border-color:currentColor}#ron-science-v3 .ron-arrow{font-family:Arial,sans-serif;font-size:23px;line-height:1}#ron-science-v3 .ron-hero-foot{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.15em;color:#49513e}#ron-science-v3 .ron-index{position:sticky;top:0;z-index:20;background:#fff;border-block:1px solid var(--ron-line)}#ron-science-v3 .ron-index-inner{display:flex;gap:30px;overflow-x:auto;scrollbar-width:none;align-items:center;min-height:64px}#ron-science-v3 .ron-index a{white-space:nowrap;font-size:13px;padding:20px 0;position:relative}#ron-science-v3 .ron-index a.is-active:after{position:absolute;content:"";bottom:0;left:0;right:0;height:3px;background:var(--ron-lime)}#ron-science-v3 .ron-section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:48px}#ron-science-v3 .ron-section-head>p{color:var(--ron-muted);padding-bottom:6px}#ron-science-v3 .ron-intro-head{max-width:850px;margin:auto;text-align:center}#ron-science-v3 .ron-intro-head>p:last-child{margin:26px auto 0;color:var(--ron-muted)}#ron-science-v3 .ron-audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:65px}#ron-science-v3 .ron-audience{border-top:1px solid var(--ron-line);padding-top:24px}#ron-science-v3 .ron-num{display:block;font:14px/1 var(--ron-sans);color:#4f6d0f;margin-bottom:28px;letter-spacing:.08em}#ron-science-v3 .ron-audience p{margin-top:20px;color:var(--ron-muted);font-size:15px}#ron-science-v3 .ron-cream{background:var(--ron-cream)}#ron-science-v3 .ron-pillar-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}#ron-science-v3 .ron-image-note{margin-top:14px;font-size:12px;color:var(--ron-muted);letter-spacing:.08em}#ron-science-v3 .ron-microscope{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:40% center}#ron-science-v3 .ron-pillar{border-top:1px solid #c9cbc2}#ron-science-v3 .ron-pillar:last-child{border-bottom:1px solid #c9cbc2}#ron-science-v3 summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:90px;padding:20px 0}#ron-science-v3 summary::-webkit-details-marker{display:none}#ron-science-v3 summary:after{content:"+";font-size:25px;line-height:1;font-family:Arial,sans-serif;flex-shrink:0;font-weight:300}#ron-science-v3 details[open]>summary:after{content:"−"}#ron-science-v3 .ron-pillar summary span:last-child{flex:1}#ron-science-v3 .ron-pillar summary .ron-num{margin:0;width:24px}#ron-science-v3 .ron-pillar summary .ron-pillar-name{font-size:25px;font-family:var(--ron-serif);line-height:1.3}#ron-science-v3 details>p{padding:0 0 26px;color:var(--ron-muted);font-size:15px}#ron-science-v3 .ron-deep{background:var(--ron-deep);color:#fff}#ron-science-v3 .ron-deep .ron-kicker{color:#d8eb72}#ron-science-v3 .ron-peptide-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}#ron-science-v3 .ron-peptide-grid>div>p:not(.ron-kicker){color:#bec5b8;margin-top:26px}#ron-science-v3 .ron-peptide-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}#ron-science-v3 .ron-wordmark{font-family:var(--ron-serif);font-size:clamp(42px,7.5vw,112px);line-height:1;letter-spacing:-.045em;padding-bottom:70px;border-bottom:1px solid #ffffff2b;margin-bottom:65px;white-space:nowrap}#ron-science-v3 .ron-reading{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:60px}#ron-science-v3 .ron-reading article{border-top:1px solid #ffffff35;padding-top:24px}#ron-science-v3 .ron-reading h3{font-family:var(--ron-sans);font-size:17px;letter-spacing:0}#ron-science-v3 .ron-reading p{margin-top:12px;font-size:14px;color:#bec5b8}#ron-science-v3 .ron-reading .ron-num{color:#d8eb72;margin-bottom:22px}#ron-science-v3 .ron-peptide-link{margin-top:38px}#ron-science-v3 .ron-comparison{margin-top:60px;border-top:1px solid #ffffff35}#ron-science-v3 .ron-comparison summary{font-size:21px}#ron-science-v3 .ron-table-wrap{overflow:auto;scrollbar-width:thin}#ron-science-v3 table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;min-width:640px}#ron-science-v3 th,#ron-science-v3 td{border-bottom:1px solid #ffffff25;padding:20px 16px;vertical-align:top}#ron-science-v3 th{color:#d8eb72;font-weight:500}#ron-science-v3 td{color:#c9cec4}#ron-science-v3 .ron-ingredient-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}#ron-science-v3 .ron-ingredient-intro{position:sticky;top:110px}#ron-science-v3 .ron-ingredient-intro>p:not(.ron-kicker){color:var(--ron-muted);margin-top:28px}#ron-science-v3 .ron-ingredient-intro .ron-small-note{font-size:14px;padding-top:28px;border-top:1px solid var(--ron-line);margin-top:36px}#ron-science-v3 .ron-ingredient{border-top:1px solid var(--ron-line)}#ron-science-v3 .ron-ingredient:last-child{border-bottom:1px solid var(--ron-line)}#ron-science-v3 .ron-ingredient summary{font-size:19px;min-height:80px;line-height:1.5}#ron-science-v3 .ron-ingredient[open]{padding:0 24px;background:var(--ron-cream);border-color:transparent}#ron-science-v3 .ron-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}#ron-science-v3 .ron-product img{width:100%;height:450px;object-fit:contain;background:#eeece6}#ron-science-v3 .ron-product h3{margin-top:25px;font-size:26px}#ron-science-v3 .ron-product p{color:var(--ron-muted);margin-block:18px 24px;font-size:15px}#ron-science-v3 .ron-textlink{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding-block:10px;min-height:44px;border-bottom:1px solid currentColor;font-size:14px}#ron-science-v3 .ron-textlink:hover{color:#4f6d0f}#ron-science-v3 .ron-gallery-stage{background:#eeece6;position:relative;display:flex;align-items:center;justify-content:center;min-height:300px}#ron-science-v3 .ron-gallery-stage>img{width:100%;height:min(66vh,660px);min-height:300px;object-fit:contain}#ron-science-v3 .ron-gallery-zoom{position:absolute;right:20px;bottom:20px;background:#ffffffe8;border:0}#ron-science-v3 .ron-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--ron-line)}#ron-science-v3 .ron-gallery-caption{flex:1;font-size:16px}#ron-science-v3 .ron-gallery-count{font-size:13px;letter-spacing:.08em;color:var(--ron-muted);white-space:nowrap}#ron-science-v3 .ron-gallery-buttons{display:flex;gap:8px}#ron-science-v3 .ron-thumbs{display:flex;gap:12px;padding-top:24px;overflow:auto;scrollbar-width:thin}#ron-science-v3 .ron-thumb{width:92px;min-width:92px;height:64px;border:2px solid transparent;opacity:.55;overflow:hidden}#ron-science-v3 .ron-thumb img{width:100%;height:100%;object-fit:cover}#ron-science-v3 .ron-thumb.is-active{border-color:#4f6d0f;opacity:1}#ron-science-v3 .ron-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}#ron-science-v3 .ron-faq-item{border-top:1px solid var(--ron-line)}#ron-science-v3 .ron-faq-item:last-child{border-bottom:1px solid var(--ron-line)}#ron-science-v3 .ron-faq-item summary{font-size:17px;line-height:1.55;min-height:85px}#ron-science-v3 .ron-cta{text-align:center;padding-block:90px;background:#edf0e4}#ron-science-v3 .ron-cta p{margin:26px auto 32px;color:#616953}#ron-science-v3 .ron-cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}#ron-science-v3 .ron-footer{padding-top:76px;background:#0b1408;color:#d6dbd0}#ron-science-v3 .ron-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}#ron-science-v3 .ron-footer-title{font-size:15px;letter-spacing:.05em;color:#fff;display:block;margin-bottom:24px}#ron-science-v3 .ron-footer p{font-size:14px;color:#a8b39e;margin-top:22px}#ron-science-v3 .ron-footer-col a{display:block;font-size:14px;min-height:38px;padding-block:5px}#ron-science-v3 .ron-footer-col a:hover{color:#d8eb72}#ron-science-v3 .ron-footer-brand{display:block;width:190px;max-width:100%;padding:8px;background:#fff}#ron-science-v3 .ron-footer-brand img{width:100%;height:auto;object-fit:contain}#ron-science-v3 .ron-footer-apps{display:flex;gap:18px;flex-wrap:wrap;padding:35px 0;margin-top:40px;border-block:1px solid #ffffff25;font-size:13px}#ron-science-v3 .ron-footer-bottom{padding:25px 0 30px;font-size:12px;color:#a8b39e;display:flex;gap:20px;justify-content:space-between}#ron-science-v3 .ron-modal{position:fixed;inset:0;background:#0b140899;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:22px}#ron-science-v3 .ron-modal-card{background:#fff;width:min(760px,100%);max-height:90svh;overflow:auto;padding:34px;box-shadow:0 25px 80px #0003}#ron-science-v3 .ron-modal-top{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:26px}#ron-science-v3 .ron-modal-top h2{font-size:34px}#ron-science-v3 .ron-markets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#ron-science-v3 .ron-market{display:flex;gap:12px;align-items:center;text-align:left;padding:12px!important;min-height:68px;border:1px solid var(--ron-line)!important;font-size:14px!important;line-height:1.4!important}#ron-science-v3 .ron-market small{display:block;color:var(--ron-muted);font-size:12px;margin-top:4px}#ron-science-v3 .ron-market[aria-pressed=true]{border-color:#4f6d0f!important;background:#edf0e4}#ron-science-v3 .ron-market:hover{background:var(--ron-cream)}#ron-science-v3 .ron-auto{margin-top:20px;min-height:48px;text-decoration:underline;font-size:14px}#ron-science-v3 .ron-lightbox-card{width:min(1400px,100%);position:relative;color:#fff}#ron-science-v3 .ron-lightbox-card>img{max-height:80svh;width:100%;object-fit:contain}#ron-science-v3 .ron-lightbox-close{position:absolute;right:0;top:0;z-index:2;background:#0b1408db}#ron-science-v3 .ron-lightbox-controls{display:flex;gap:12px;justify-content:center;margin-top:12px}#ron-science-v3 .ron-lightbox-caption{text-align:center;margin:12px auto 0;font-size:14px}#ron-science-v3 .ron-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#ron-science-v3 .ron-reveal{animation:ron-entry .65s ease both}@keyframes ron-entry{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:none}}#ron-science-v3:lang(ko),#ron-science-v3:lang(zh),#ron-science-v3:lang(ja),#ron-science-v3:lang(th),#ron-science-v3:lang(km),#ron-science-v3:lang(lo){line-height:1.95}#ron-science-v3:lang(ko) :is(h1,h2,h3),#ron-science-v3:lang(zh) :is(h1,h2,h3),#ron-science-v3:lang(ja) :is(h1,h2,h3),#ron-science-v3:lang(th) :is(h1,h2,h3),#ron-science-v3:lang(km) :is(h1,h2,h3),#ron-science-v3:lang(lo) :is(h1,h2,h3){letter-spacing:-.025em;line-height:1.35}#ron-science-v3:lang(km) .ron-kicker,#ron-science-v3:lang(lo) .ron-kicker,#ron-science-v3:lang(th) .ron-kicker{letter-spacing:0} @media(max-width:1510px){#ron-science-v3 .ron-mainnav{gap:20px;font-size:13px}#ron-science-v3 .ron-header-inner{gap:20px}#ron-science-v3 .ron-brand img{width:180px}#ron-science-v3 .ron-country-trigger{font-size:12px}} @media(max-width:1180px){#ron-science-v3 .ron-mainnav{display:none}#ron-science-v3 .ron-hero-copy{width:65%}#ron-science-v3 .ron-pillar-grid,#ron-science-v3 .ron-peptide-grid{gap:40px}#ron-science-v3 .ron-reading{grid-template-columns:1fr 1fr}#ron-science-v3 .ron-section-head,#ron-science-v3 .ron-ingredient-grid,#ron-science-v3 .ron-faq-grid{gap:40px}#ron-science-v3 .ron-footer-grid{grid-template-columns:1fr 1fr}#ron-science-v3 .ron-product img{height:350px}} @media(max-width:760px){#ron-science-v3 .ron-wrap{padding-inline:18px}#ron-science-v3 .ron-section{padding-block:56px;scroll-margin-top:90px}#ron-science-v3 h1{font-size:43px;line-height:1.14}#ron-science-v3 h2{font-size:37px;line-height:1.18}#ron-science-v3 h3{font-size:26px}#ron-science-v3 .ron-kicker{font-size:11px;letter-spacing:.1em;margin-bottom:18px}#ron-science-v3 .ron-header-inner{min-height:76px;gap:12px}#ron-science-v3 .ron-brand img{width:148px;height:42px}#ron-science-v3 .ron-head-actions{gap:8px}#ron-science-v3 .ron-country-trigger{max-width:125px;font-size:11px;gap:6px;line-height:1.35}#ron-science-v3 .ron-country-trigger .ron-flag{width:22px;min-width:22px;height:16.5px}#ron-science-v3 .ron-menu-button{width:44px}#ron-science-v3 .ron-mobile-nav{grid-template-columns:1fr 1fr;font-size:15px;padding:16px 18px 24px}#ron-science-v3 .ron-hero{display:flex;flex-direction:column;min-height:0;align-items:stretch}#ron-science-v3 .ron-hero-photo{position:relative;inset:auto;order:0;height:270px;background:#eeece6}#ron-science-v3 .ron-hero-photo img{object-fit:cover;object-position:50% 42%}#ron-science-v3 .ron-hero-photo:after{display:none}#ron-science-v3 .ron-hero>.ron-wrap{order:1}#ron-science-v3 .ron-hero-copy{width:100%;padding-block:34px 40px}#ron-science-v3 .ron-hero-copy p{font-size:15px;line-height:1.8;margin-top:22px}#ron-science-v3 .ron-hero-copy .ron-button{margin-top:24px}#ron-science-v3 .ron-hero-foot{position:static;padding:0 18px 20px;order:2;font-size:10px;letter-spacing:.08em}#ron-science-v3 .ron-hero-foot span:last-child{display:none}#ron-science-v3 .ron-index-inner{gap:24px;min-height:54px}#ron-science-v3 .ron-index a{padding:16px 0;font-size:12px}#ron-science-v3 .ron-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:30px}#ron-science-v3 .ron-audiences{grid-template-columns:1fr;gap:30px;margin-top:38px}#ron-science-v3 .ron-audience{padding-top:18px}#ron-science-v3 .ron-audience .ron-num{margin-bottom:18px}#ron-science-v3 .ron-audience p{margin-top:14px}#ron-science-v3 .ron-pillar-grid,#ron-science-v3 .ron-peptide-grid,#ron-science-v3 .ron-ingredient-grid,#ron-science-v3 .ron-faq-grid{grid-template-columns:1fr;gap:30px}#ron-science-v3 .ron-microscope{aspect-ratio:4/3;object-position:center}#ron-science-v3 .ron-pillar summary{min-height:78px}#ron-science-v3 .ron-pillar summary .ron-pillar-name{font-size:24px}#ron-science-v3 .ron-wordmark{font-size:clamp(35px,9vw,65px);padding-bottom:34px;margin-bottom:36px}#ron-science-v3 .ron-peptide-grid>figure{grid-row:1}#ron-science-v3 .ron-peptide-grid img{aspect-ratio:4/3}#ron-science-v3 .ron-reading{gap:28px 22px;margin-top:36px}#ron-science-v3 .ron-reading article{padding-top:18px}#ron-science-v3 .ron-reading h3{font-size:16px}#ron-science-v3 .ron-reading p{font-size:14px}#ron-science-v3 .ron-comparison{margin-top:38px}#ron-science-v3 .ron-ingredient-intro{position:static}#ron-science-v3 .ron-ingredient-intro .ron-small-note{margin-top:22px;padding-top:22px}#ron-science-v3 .ron-ingredient summary{font-size:17px;min-height:72px}#ron-science-v3 .ron-ingredient[open]{padding-inline:16px}#ron-science-v3 .ron-product-grid{grid-template-columns:1fr;gap:40px}#ron-science-v3 .ron-product img{height:auto;max-height:400px;aspect-ratio:4/3;object-fit:contain}#ron-science-v3 .ron-product h3{font-size:26px}#ron-science-v3 .ron-gallery-stage{min-height:0}#ron-science-v3 .ron-gallery-stage>img{height:clamp(240px,43svh,390px);min-height:0}#ron-science-v3 .ron-gallery-zoom{right:8px;bottom:8px;width:44px;height:44px}#ron-science-v3 .ron-gallery-controls{gap:10px;flex-wrap:wrap;padding-block:15px}#ron-science-v3 .ron-gallery-caption{font-size:14px;flex-basis:75%}#ron-science-v3 .ron-gallery-count{margin-left:auto}#ron-science-v3 .ron-gallery-buttons{width:100%;justify-content:flex-end}#ron-science-v3 .ron-thumbs{padding-top:16px;gap:8px}#ron-science-v3 .ron-thumb{width:72px;min-width:72px;height:51px}#ron-science-v3 .ron-faq-item summary{font-size:16px;padding-block:20px}#ron-science-v3 .ron-cta{padding-block:58px}#ron-science-v3 .ron-cta-actions{display:grid;grid-template-columns:1fr}#ron-science-v3 .ron-cta-actions .ron-button{width:100%}#ron-science-v3 .ron-footer{padding-top:50px}#ron-science-v3 .ron-footer-grid{gap:32px 20px}#ron-science-v3 .ron-footer-intro{grid-column:1/-1}#ron-science-v3 .ron-footer-title{margin-bottom:18px}#ron-science-v3 .ron-footer-bottom{flex-direction:column;gap:12px;padding-bottom:30px}#ron-science-v3 .ron-modal{padding:12px}#ron-science-v3 .ron-modal-card{padding:20px;max-height:92svh}#ron-science-v3 .ron-modal-top h2{font-size:29px}#ron-science-v3 .ron-markets{grid-template-columns:1fr 1fr;gap:7px}#ron-science-v3 .ron-market{padding:10px!important;gap:9px;font-size:13px!important;min-height:68px}#ron-science-v3 .ron-market small{font-size:11px}#ron-science-v3 .ron-lightbox-card>img{max-height:74svh}#ron-science-v3 .ron-lightbox-caption{font-size:13px}} @media(max-width:420px){#ron-science-v3 h1{font-size:39px}#ron-science-v3 h2{font-size:35px}#ron-science-v3 .ron-brand img{width:129px}#ron-science-v3 .ron-head-actions{gap:2px}#ron-science-v3 .ron-country-trigger{max-width:111px;font-size:10px}#ron-science-v3 .ron-reading{grid-template-columns:1fr}#ron-science-v3 .ron-hero-photo{height:245px}#ron-science-v3 .ron-market{font-size:12px!important}} @media(prefers-reduced-motion:reduce){#ron-science-v3 *,#ron-science-v3 *:before,#ron-science-v3 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #ron-science-v3 .ron-hero-copy p.ron-kicker{font-size:12px;line-height:1.7;color:#4f6d0f;margin-top:0}#ron-science-v3 .ron-faq-item [itemprop="text"]>p{padding:0 0 24px;font-size:15px;color:var(--ron-muted)} /* Arabic / UAE: retain original logos and photographs; adapt reading direction. */ #ron-science-v3[dir="rtl"]{direction:rtl;text-align:right;line-height:1.95} #ron-science-v3[dir="rtl"] :is(h1,h2,h3){font-family:"Noto Naskh Arabic","Geeza Pro","Times New Roman",serif;letter-spacing:0;line-height:1.4} #ron-science-v3[dir="rtl"] :is(.ron-kicker,.ron-footer-title,.ron-num,.ron-gallery-count){letter-spacing:0} #ron-science-v3[dir="rtl"] :is(.ron-market,table){text-align:right} #ron-science-v3[dir="rtl"] .ron-market{line-height:1.65!important} #ron-science-v3[dir="rtl"] .ron-hero-photo{inset:0 36% 0 0} #ron-science-v3[dir="rtl"] .ron-hero-photo:after{background:linear-gradient(270deg,#f6f4ef 0%,#f6f4efb3 15%,transparent 42%)} #ron-science-v3[dir="rtl"] :is(.ron-brand,.ron-footer-brand,.ron-wordmark,.ron-thumbs,.ron-gallery-buttons,.ron-lightbox-controls,.ron-gallery-count,.ron-num){direction:ltr;unicode-bidi:isolate} #ron-science-v3[dir="rtl"] .ron-country-trigger{line-height:1.65;font-size:12px} #ron-science-v3[dir="rtl"] :is(.ron-hero-foot>span,.ron-image-note,.ron-product h3,.ron-footer-intro p:last-child,.ron-index a[href="#peptide-matrix"],.ron-footer-bottom>div){direction:ltr;unicode-bidi:isolate} #ron-science-v3[dir="rtl"] .ron-gallery-caption{direction:rtl;unicode-bidi:plaintext} #ron-science-v3[dir="rtl"] .ron-gallery-zoom{right:auto;left:20px} #ron-science-v3[dir="rtl"] .ron-lightbox-close{right:auto;left:0} #ron-science-v3[dir="rtl"] .ron-footer-apps a{direction:ltr;unicode-bidi:isolate} #ron-science-v3[dir="rtl"] .ron-arrow{transform:scaleX(-1)} #ron-science-v3[dir="rtl"] .ron-market>span:last-child{min-width:0} @media(max-width:760px){ #ron-science-v3[dir="rtl"] .ron-hero-photo{inset:auto} #ron-science-v3[dir="rtl"] h1{font-size:38px} #ron-science-v3[dir="rtl"] h2{font-size:34px} #ron-science-v3[dir="rtl"] .ron-gallery-count{margin-left:0;margin-right:auto} #ron-science-v3[dir="rtl"] .ron-gallery-zoom{left:8px} #ron-science-v3[dir="rtl"] .ron-modal-top h2{font-size:29px} } @media(max-width:420px){#ron-science-v3[dir="rtl"] h1{font-size:35px}} /* V6 · Science hero. Original four-layer artwork, integrated editorial layout. */ #ron-science-v3 .ron-science-hero{display:block;min-height:0;background:#f6f4ef;isolation:isolate;overflow:hidden;padding:0} #ron-science-v3 #ron-science-model{position:relative;width:100%;color:#12130f;padding-top:32px;padding-bottom:28px;font-family:var(--ron-sans)} #ron-science-model .ron-source-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none} #ron-science-model .ron-science-mast{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;border-bottom:1px solid #d9d9d2} #ron-science-v3 #ron-science-model .ron-science-mast .ron-kicker{margin:0;max-width:75%;font-size:11px;line-height:1.8;letter-spacing:.13em} #ron-science-model .ron-science-edition{font-size:11px;letter-spacing:.1em;white-space:nowrap;color:#6b6d65} #ron-science-model .ron-science-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.25fr);gap:clamp(24px,3vw,50px);align-items:center;padding:28px 0 22px} #ron-science-model .ron-science-copy{position:relative;z-index:2;padding:18px 0 24px;min-width:0} #ron-science-v3 #ron-science-model h1{font-family:RonSerif,"Noto Serif","Times New Roman",serif;font-size:clamp(44px,4.25vw,66px);line-height:1.23;letter-spacing:-.045em;white-space:normal;text-wrap:balance} #ron-science-model h1 span{display:block} #ron-science-model h1 span+span{color:#4f6d0f} #ron-science-v3 #ron-science-model .ron-science-intro{margin:24px 0 0;max-width:440px;color:#555b4f;font-size:16px;line-height:1.85} #ron-science-model .ron-science-cta{display:flex;align-items:center;gap:20px;margin-top:27px} #ron-science-model .ron-science-cta .ron-button{min-height:50px;gap:26px;padding:12px 25px} #ron-science-model .ron-science-tech{font-size:10px;line-height:1.8;letter-spacing:.1em;color:#626a55;max-width:145px} #ron-science-model .ron-science-explain{display:grid;grid-template-columns:3px minmax(0,1fr);gap:18px;margin-top:38px;max-width:440px;min-height:122px} #ron-science-model .ron-science-explain::before{content:"";background:#bddc24;width:3px;height:100%;min-height:78px} #ron-science-v3 #ron-science-model .ron-science-explain strong{display:block;font-size:13px;line-height:1.6;letter-spacing:.035em;font-weight:700;color:#364723} #ron-science-v3 #ron-science-model .ron-science-explain p{margin-top:8px;color:#5c6255;font-size:14px;line-height:1.8} #ron-science-model .ron-science-visual{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center} #ron-science-model .ron-science-visual-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px;color:#667255;font-size:10px;letter-spacing:.12em} #ron-science-model .ron-live{display:flex;align-items:center;gap:9px;line-height:1.6} #ron-science-model .ron-live-dot{width:6px;height:6px;background:#4f6d0f;border-radius:50%;flex-shrink:0} #ron-science-model .ron-stage{position:relative;height:clamp(420px,41vw,570px);width:100%;margin:0;perspective:1500px;touch-action:pan-y;direction:ltr} #ron-science-model .ron-atmosphere{position:absolute;inset:8% 2% 2%;background:radial-gradient(ellipse at 50% 59%,#e4e9d44d,transparent 67%);pointer-events:none} #ron-science-model .ron-orbit{position:absolute;left:9%;width:81%;top:80%;height:15%;border:1px solid #61713c25;border-radius:50%;transform:rotate(-7deg);pointer-events:none} #ron-science-model .ron-ground{position:absolute;left:14%;width:70%;top:82%;height:12%;background:radial-gradient(ellipse,#4d57342b,transparent 68%);filter:blur(8px);pointer-events:none} #ron-science-model .ron-camera{position:absolute;left:-1%;top:0;width:96%;height:100%;transform-style:preserve-3d;transform-origin:53% 55%;pointer-events:none} #ron-science-model .ron-stratum{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:53% 55%;will-change:transform,opacity;pointer-events:none} #ron-science-model .ron-stratum svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 3px #4c331b0d);pointer-events:none} #ron-science-model .ron-stratum use{pointer-events:visiblePainted;cursor:pointer} #ron-science-model .ron-dej-energy{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none} #ron-science-model .ron-energy-line{fill:none;stroke:#edf6a0;stroke-width:2;stroke-linecap:round;stroke-dasharray:35 830;opacity:.7;filter:drop-shadow(0 0 4px #bddc2480)} #ron-science-v3 #ron-science-model .ron-label{position:absolute;left:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #d7dccc;background:#f6f4ef;z-index:5;font-size:11px;line-height:1;transition:background .3s,border-color .3s;color:#657054;box-shadow:none} #ron-science-model .ron-label::before{content:"";position:absolute;left:calc(100% + 8px);width:20px;height:1px;background:#abb699;pointer-events:none} #ron-science-model .ron-label[data-layer="0"]{top:17%} #ron-science-model .ron-label[data-layer="1"]{top:32%} #ron-science-model .ron-label[data-layer="2"]{top:51%} #ron-science-model .ron-label[data-layer="3"]{top:73%} #ron-science-v3 #ron-science-model .ron-label[aria-pressed=true]{background:#bddc24;border-color:#bddc24;color:#12130f} #ron-science-model .ron-science-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:0;min-height:52px;padding-top:9px;border-top:1px solid #d9d9d2} #ron-science-v3 #ron-science-model .ron-hint{font-size:12px;line-height:1.7;color:#67705b;max-width:190px} #ron-science-model .ron-actions{display:flex;gap:3px;flex-shrink:0} #ron-science-v3 #ron-science-model .ron-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:8px 9px;font-size:12px;line-height:1.5;border:1px solid transparent;color:#4c5840} #ron-science-v3 #ron-science-model .ron-actions button:hover{background:#e9eddc;border-color:#d1dac0} #ron-science-model .ron-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} #ron-science-model .ron-layer-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid #d0d5c6} #ron-science-v3 #ron-science-model .ron-layer-option{position:relative;display:flex;gap:15px;align-items:center;text-align:start;min-width:0;min-height:87px;padding:18px 20px;border-inline-end:1px solid #d0d5c6;transition:background .3s} #ron-science-model .ron-layer-option:last-child{border-inline-end:0} #ron-science-model .ron-layer-option::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent} #ron-science-model .ron-layer-option[aria-pressed=true]{background:#eaf0dd} #ron-science-model .ron-layer-option[aria-pressed=true]::after{background:#829c29} #ron-science-model .ron-layer-option:hover{background:#eff2e6} #ron-science-model .ron-layer-number{font-family:RonSerif,"Times New Roman",serif;font-size:29px;line-height:1.2;color:#7d8b6b;flex-shrink:0} #ron-science-model .ron-layer-name{font-size:12px;line-height:1.7;letter-spacing:.04em;font-weight:700;overflow-wrap:anywhere} #ron-science-model .ron-science-footnote{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;padding-top:19px;color:#6b6d65;font-size:11px;line-height:1.7} #ron-science-model .ron-science-footnote p{max-width:75%} #ron-science-model .ron-science-footnote span{white-space:nowrap;letter-spacing:.08em} #ron-science-model .ron-progress{height:2px;background:#dfe3d5;position:absolute;bottom:0;left:0;right:0;overflow:hidden} #ron-science-model .ron-progress-fill{height:100%;background:#849d31;transform:scaleX(0);transform-origin:left;will-change:transform} #ron-science-model .ron-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} #ron-science-v3[dir=rtl] #ron-science-model{text-align:right} #ron-science-v3[dir=rtl] #ron-science-model h1{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5;font-size:clamp(38px,3.8vw,59px)} #ron-science-v3[dir=rtl] #ron-science-model .ron-science-visual-head{flex-direction:row-reverse} #ron-science-v3 #ron-science-model:lang(zh) h1,#ron-science-v3 #ron-science-model:lang(ja) h1,#ron-science-v3 #ron-science-model:lang(ko) h1{font-family:"Noto Serif CJK SC","Noto Serif CJK JP","Noto Serif CJK KR",serif;line-height:1.4;letter-spacing:-.03em} #ron-science-v3 #ron-science-model:lang(km) h1,#ron-science-v3 #ron-science-model:lang(lo) h1,#ron-science-v3 #ron-science-model:lang(th) h1{font-family:var(--ron-sans);line-height:1.6;letter-spacing:0} @media(min-width:1510px){#ron-science-model .ron-science-grid{padding-block:40px 28px}} @media(max-width:1180px){#ron-science-model .ron-science-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px}#ron-science-v3 #ron-science-model h1{font-size:clamp(39px,4.4vw,51px)}#ron-science-model .ron-stage{height:440px}#ron-science-model .ron-science-controls{align-items:flex-start;flex-direction:column;gap:4px}#ron-science-v3 #ron-science-model .ron-hint{max-width:none}#ron-science-model .ron-actions{width:100%;justify-content:flex-end}#ron-science-model .ron-science-explain{margin-top:27px}#ron-science-v3 #ron-science-model .ron-layer-option{padding:15px 13px;gap:11px}#ron-science-model .ron-layer-name{font-size:11px}} @media(max-width:760px){#ron-science-v3 #ron-science-model{padding:22px 18px 22px}#ron-science-model .ron-science-mast{gap:12px;padding-bottom:16px}#ron-science-v3 #ron-science-model .ron-science-mast .ron-kicker{font-size:9px;line-height:1.8;letter-spacing:.08em;max-width:83%}#ron-science-model .ron-science-edition{font-size:10px}#ron-science-model .ron-science-grid{display:flex;flex-direction:column;gap:0;padding:22px 0 26px}#ron-science-model .ron-science-visual{order:0;width:100%}#ron-science-model .ron-science-copy{order:1;width:100%;padding:31px 0 0}#ron-science-model .ron-stage{height:clamp(340px,96vw,580px);margin-top:6px}#ron-science-model .ron-camera{left:-3%;width:100%}#ron-science-model .ron-science-visual-head{font-size:9px;letter-spacing:.07em}#ron-science-model .ron-label::before{width:9px;left:calc(100% + 4px)}#ron-science-v3 #ron-science-model .ron-label{width:44px;height:44px;left:-4px;font-size:10px}#ron-science-model .ron-science-controls{align-items:center;gap:5px;padding-top:12px}#ron-science-model .ron-actions{justify-content:center;flex-wrap:wrap;gap:4px}#ron-science-v3 #ron-science-model .ron-actions button{font-size:12px;padding:8px 10px}#ron-science-v3 #ron-science-model .ron-hint{font-size:11px;text-align:center}#ron-science-v3 #ron-science-model h1{font-size:clamp(37px,8.5vw,54px);line-height:1.26}#ron-science-v3 #ron-science-model .ron-science-intro{font-size:15px;line-height:1.85;max-width:100%;margin-top:20px}#ron-science-model .ron-science-cta{gap:16px;margin-top:23px}#ron-science-model .ron-science-cta .ron-button{min-width:150px}#ron-science-model .ron-science-explain{margin-top:28px;min-height:104px;max-width:100%}#ron-science-model .ron-layer-rail{grid-template-columns:repeat(2,minmax(0,1fr))}#ron-science-v3 #ron-science-model .ron-layer-option{min-height:76px;padding:13px 12px;gap:13px}#ron-science-model .ron-layer-option:nth-child(2){border-inline-end:0}#ron-science-model .ron-layer-option:nth-child(-n+2){border-bottom:1px solid #d0d5c6}#ron-science-model .ron-layer-name{font-size:11px}#ron-science-model .ron-layer-number{font-size:27px}#ron-science-model .ron-science-footnote{gap:15px;font-size:10px;padding-top:18px}#ron-science-model .ron-science-footnote p{max-width:83%}#ron-science-model .ron-science-footnote span{font-size:9px}#ron-science-v3[dir=rtl] #ron-science-model h1{font-size:36px;line-height:1.6}} @media(max-width:420px){#ron-science-model .ron-stage{height:355px}#ron-science-v3 #ron-science-model .ron-actions button{font-size:11px;padding:8px}#ron-science-model .ron-science-tech{font-size:9px}#ron-science-v3 #ron-science-model h1{font-size:37px}#ron-science-model .ron-layer-name{letter-spacing:0}#ron-science-model .ron-science-footnote span{display:none}#ron-science-model .ron-science-footnote p{max-width:100%}} @media(prefers-reduced-motion:reduce){#ron-science-model .ron-label,#ron-science-model .ron-layer-option{transition:none}#ron-science-model .ron-stratum{will-change:auto}} @media print{#ron-science-model .ron-camera,#ron-science-model .ron-stratum{transform:none!important;opacity:1!important}#ron-science-model .ron-science-controls,#ron-science-model .ron-progress{display:none}} /* V7 · Four layer names and descriptions stay beside the model, as supplied. */ #ron-science-model .ron-camera{left:21%;width:79%} #ron-science-v3 #ron-science-model .ron-label{left:0;right:auto;width:23%;height:auto;min-height:56px;display:block;padding:9px 8px 9px 10px;text-align:left;white-space:normal;border:0;border-left:2px solid transparent;background:transparent;line-height:1.5;color:#12130f;box-shadow:none} #ron-science-model .ron-label::before{display:none} #ron-science-v3 #ron-science-model .ron-label strong{display:block;font-family:var(--ron-sans);font-size:clamp(12px,1.02vw,16px);font-weight:700;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere} #ron-science-v3 #ron-science-model .ron-label .ron-layer-description{display:block;margin-top:5px;font-size:clamp(11px,.85vw,13px);font-weight:400;line-height:1.6;color:#67695f;overflow-wrap:break-word} #ron-science-v3 #ron-science-model .ron-label[data-layer="1"] strong{color:#a4484a} #ron-science-v3 #ron-science-model .ron-label[aria-pressed=true]{background:#eff1e6;border-left-color:#bddc24;color:#12130f} #ron-science-model .ron-label[data-layer="0"]{top:12%} #ron-science-model .ron-label[data-layer="1"]{top:31%} #ron-science-model .ron-label[data-layer="2"]{top:53%} #ron-science-model .ron-label[data-layer="3"]{top:75%} #ron-science-v3[dir=rtl] #ron-science-model .ron-label{text-align:right;direction:rtl} @media(max-width:1180px) and (min-width:761px){#ron-science-model .ron-science-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px}#ron-science-model .ron-camera{left:25%;width:75%}#ron-science-v3 #ron-science-model .ron-label{width:28%;padding:6px 6px 6px 8px}#ron-science-v3 #ron-science-model .ron-label strong{font-size:12px}#ron-science-v3 #ron-science-model .ron-label .ron-layer-description{font-size:11px}} @media(max-width:760px){#ron-science-model .ron-stage{height:clamp(410px,84vw,580px);margin-top:8px}#ron-science-model .ron-camera{left:25%;top:0;width:77%;height:100%}#ron-science-v3 #ron-science-model .ron-label{display:block;left:0;width:29%;padding:7px 5px 7px 7px;min-height:55px}#ron-science-v3 #ron-science-model .ron-label strong{font-size:12px;line-height:1.5}#ron-science-v3 #ron-science-model .ron-label .ron-layer-description{font-size:11px;line-height:1.55;margin-top:4px}#ron-science-model .ron-label[data-layer="0"]{top:9%}#ron-science-model .ron-label[data-layer="1"]{top:30%}#ron-science-model .ron-label[data-layer="2"]{top:52%}#ron-science-model .ron-label[data-layer="3"]{top:75%}} @media(max-width:420px){#ron-science-model .ron-stage{height:410px}#ron-science-v3 #ron-science-model .ron-label strong{font-size:11px}#ron-science-v3 #ron-science-model .ron-label .ron-layer-description{font-size:10.5px;line-height:1.55}} /* V8 · Science & you — supplied living peptide artwork. */ #ron-science-v3 #y-nghia.ron-science-for-you{padding-block:64px 64px;background:radial-gradient(ellipse at 70% 38%,#fff 0%,#f9fcf8 48%,#eef4ee 100%);isolation:isolate} #ron-science-v3 #y-nghia .ron-intro-mast{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #d6dfd0;padding-bottom:18px} #ron-science-v3 #y-nghia .ron-intro-mast .ron-kicker{margin:0;font-size:11px;letter-spacing:.14em;color:#4f6d0f} #ron-science-v3 #y-nghia .ron-intro-meta{font-size:10px;letter-spacing:.13em;color:#65765b;text-align:end;line-height:1.8} #ron-science-v3 #y-nghia .ron-intro-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(24px,3vw,48px);align-items:center;padding-block:24px 14px} #ron-science-v3 #y-nghia .ron-intro-copy{position:relative;z-index:3;min-width:0;padding:28px 0 35px} #ron-science-v3 #y-nghia .ron-intro-copy h2{font-family:RonSerif,"Noto Serif","Times New Roman",serif;font-size:clamp(40px,3.9vw,59px);line-height:1.23;letter-spacing:-.045em;white-space:normal;text-wrap:balance;color:#142010} #ron-science-v3 #y-nghia .ron-intro-copy>p{max-width:410px;margin-top:24px;font-size:16px;line-height:1.9;color:#596550} #ron-science-v3 #y-nghia .ron-intro-copy .ron-button{margin-top:29px;min-height:48px;background:transparent;color:#20321a;border-color:#aab89d} #ron-science-v3 #y-nghia .ron-intro-copy .ron-button:hover{background:#bddc24;color:#12130f;border-color:#bddc24} #ron-science-v3 #y-nghia .ron-intro-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center} #ron-science-v3 #y-nghia .ron-life{--ron-ink:#183524;position:relative;width:100%;height:clamp(440px,40vw,580px);min-height:420px;overflow:hidden;isolation:isolate;background:transparent;font-family:var(--ron-sans);color:var(--ron-ink);touch-action:pan-y;direction:ltr} #ron-science-v3 #y-nghia .ron-life__aura{position:absolute;inset:5% 2%;background:radial-gradient(ellipse at 49% 62%,rgba(158,231,102,.13),transparent 49%),radial-gradient(ellipse at 63% 38%,rgba(56,225,200,.06),transparent 42%);pointer-events:none} #ron-science-v3 #y-nghia .ron-life__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;outline:none} #ron-science-v3 #y-nghia .ron-life__fallback{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:multiply;opacity:1;transition:opacity .45s;pointer-events:none} #ron-science-v3 #y-nghia .ron-life[data-renderer="webgl"] .ron-life__fallback{opacity:0} #ron-science-v3 #y-nghia .ron-life__tools{position:absolute;bottom:16px;right:6px;z-index:5;display:flex;gap:7px} #ron-science-v3 #y-nghia .ron-life__button{display:grid;place-items:center;appearance:none;width:44px;height:44px;padding:0;border:1px solid #cdd9c5;border-radius:0;background:#ffffffb3;color:#284a36;cursor:pointer;transition:background .2s,border-color .2s} #ron-science-v3 #y-nghia .ron-life__button:hover{background:#edf4dc;border-color:#83ac55} #ron-science-v3 #y-nghia .ron-life__button:focus-visible{outline:3px solid #bddc24;outline-offset:3px} #ron-science-v3 #y-nghia .ron-life__button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} #ron-science-v3 #y-nghia .ron-life__hint{position:absolute;left:5px;right:160px;bottom:25px;z-index:4;font-size:11px;line-height:1.65;letter-spacing:0;color:#587461;margin:0;pointer-events:none} #ron-science-v3 #y-nghia .ron-life__play{display:none} #ron-science-v3 #y-nghia .ron-life[data-paused="true"] .ron-life__play{display:block} #ron-science-v3 #y-nghia .ron-life[data-paused="true"] .ron-life__pause{display:none} #ron-science-v3 #y-nghia .ron-life[data-renderer="static"] .ron-life__tools,#ron-science-v3 #y-nghia .ron-life[data-renderer="static"] .ron-life__hint{display:none} #ron-science-v3 #y-nghia .ron-life:fullscreen{width:100vw;height:100dvh;max-height:none;min-height:0;background:#f5faf4} #ron-science-v3 #y-nghia .ron-life:fullscreen .ron-life__tools{right:28px;bottom:24px} #ron-science-v3 #y-nghia .ron-life:fullscreen .ron-life__hint{left:28px;bottom:36px} #ron-science-v3 #y-nghia .ron-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:18px;padding-top:26px;border-top:1px solid #cbd7c1} #ron-science-v3 #y-nghia .ron-audience{display:grid;grid-template-columns:33px minmax(0,1fr);column-gap:16px;align-content:start;border:0;padding:3px 30px 0 0;min-width:0;box-shadow:none} #ron-science-v3 #y-nghia .ron-audience+.ron-audience{border-inline-start:1px solid #d3ddcc;padding-inline:28px 22px} #ron-science-v3 #y-nghia .ron-audience:last-child{padding-inline-end:0} #ron-science-v3 #y-nghia .ron-audience .ron-num{grid-column:1;grid-row:1/3;margin:0;padding-top:5px;font-family:RonSerif,"Times New Roman",serif;font-size:24px;line-height:1.2;color:#6e825a} #ron-science-v3 #y-nghia .ron-audience h3{grid-column:2;font-family:var(--ron-sans);font-size:17px;line-height:1.65;letter-spacing:0;font-weight:600;color:#25361c;white-space:normal} #ron-science-v3 #y-nghia .ron-audience p{grid-column:2;margin-top:11px;font-size:14px;line-height:1.9;color:#606b58} #ron-science-v3[dir=rtl] #y-nghia .ron-intro-copy h2{font-family:"Noto Naskh Arabic","Geeza Pro","Times New Roman",serif;line-height:1.5;letter-spacing:0} #ron-science-v3[lang^=zh] #y-nghia .ron-intro-copy h2,#ron-science-v3[lang^=ja] #y-nghia .ron-intro-copy h2,#ron-science-v3[lang^=ko] #y-nghia .ron-intro-copy h2{font-family:serif;line-height:1.45;letter-spacing:-.03em} #ron-science-v3[lang^=th] #y-nghia .ron-intro-copy h2,#ron-science-v3[lang^=km] #y-nghia .ron-intro-copy h2,#ron-science-v3[lang^=lo] #y-nghia .ron-intro-copy h2{font-family:var(--ron-sans);line-height:1.65;letter-spacing:0} @media(max-width:1180px){#ron-science-v3 #y-nghia .ron-intro-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#ron-science-v3 #y-nghia .ron-intro-copy h2{font-size:42px}#ron-science-v3 #y-nghia .ron-life{height:460px}#ron-science-v3 #y-nghia .ron-life__hint{left:0;right:0;bottom:77px;text-align:center}#ron-science-v3 #y-nghia .ron-life__tools{left:50%;right:auto;transform:translateX(-50%)}#ron-science-v3 #y-nghia .ron-audience{padding-inline-end:18px;column-gap:12px}#ron-science-v3 #y-nghia .ron-audience+.ron-audience{padding-inline-start:18px}} @media(max-width:760px){#ron-science-v3 #y-nghia.ron-science-for-you{padding-block:40px 44px}#ron-science-v3 #y-nghia .ron-intro-mast{gap:12px;padding-bottom:16px}#ron-science-v3 #y-nghia .ron-intro-mast .ron-kicker{font-size:10px;letter-spacing:.1em}#ron-science-v3 #y-nghia .ron-intro-meta{font-size:9px;letter-spacing:.04em;max-width:45%}#ron-science-v3 #y-nghia .ron-intro-grid{display:flex;flex-direction:column;gap:0;padding-block:12px 0}#ron-science-v3 #y-nghia .ron-intro-art{order:0;width:100%}#ron-science-v3 #y-nghia .ron-intro-copy{order:1;width:100%;padding:22px 0 25px}#ron-science-v3 #y-nghia .ron-intro-copy h2{font-size:clamp(35px,8vw,45px);line-height:1.28}#ron-science-v3 #y-nghia .ron-intro-copy>p{margin-top:20px;font-size:15px;max-width:100%;line-height:1.85}#ron-science-v3 #y-nghia .ron-intro-copy .ron-button{margin-top:24px}#ron-science-v3 #y-nghia .ron-life{height:clamp(350px,91vw,535px);min-height:350px}#ron-science-v3 #y-nghia .ron-life__hint{font-size:11px;left:9px;right:9px;bottom:73px}#ron-science-v3 #y-nghia .ron-life__tools{bottom:15px}#ron-science-v3 #y-nghia .ron-audiences{grid-template-columns:1fr;gap:0;margin-top:9px;padding-top:0}#ron-science-v3 #y-nghia .ron-audience,#ron-science-v3 #y-nghia .ron-audience+.ron-audience{padding:23px 0;column-gap:17px;border:0}#ron-science-v3 #y-nghia .ron-audience+.ron-audience{border-top:1px solid #d3ddcc}#ron-science-v3 #y-nghia .ron-audience:last-child{padding-bottom:0}#ron-science-v3 #y-nghia .ron-audience h3{font-size:17px}#ron-science-v3 #y-nghia .ron-audience p{margin-top:8px;font-size:14px}#ron-science-v3[dir=rtl] #y-nghia .ron-intro-copy h2{line-height:1.6}} @media(max-width:420px){#ron-science-v3 #y-nghia .ron-life{height:350px}#ron-science-v3 #y-nghia .ron-intro-copy h2{font-size:35px}} @media(prefers-reduced-motion:reduce){#ron-science-v3 #y-nghia .ron-life *{transition:none!important}} @media print{#ron-science-v3 #y-nghia .ron-life__canvas,#ron-science-v3 #y-nghia .ron-life__tools,#ron-science-v3 #y-nghia .ron-life__hint{display:none}#ron-science-v3 #y-nghia .ron-life__fallback{opacity:1!important}} /* V9 · Updated supplied WebP logo, expanded editorial composition. */ #ron-science-v3 #y-nghia.ron-science-for-you{background:radial-gradient(ellipse at 72% 40%,#fff 0%,#f9fcf8 48%,#f1f5ee 100%);padding-block:56px 60px} #ron-science-v3 #y-nghia .ron-intro-grid{grid-template-columns:minmax(0,.65fr) minmax(0,1.5fr);gap:clamp(26px,3.2vw,52px);padding-block:18px 18px} #ron-science-v3 #y-nghia .ron-intro-copy h2{font-size:clamp(39px,3.45vw,53px);line-height:1.27} #ron-science-v3 #y-nghia .ron-intro-copy>p{font-size:15px;line-height:1.9;max-width:360px} #ron-science-v3 #y-nghia .ron-life{height:clamp(510px,44vw,665px);min-height:0;border:0;outline:0;box-shadow:none;background:transparent} #ron-science-v3 #y-nghia .ron-life__canvas{border:0;outline:0;box-shadow:none} #ron-science-v3 #y-nghia .ron-life__tools{bottom:12px;right:12px} #ron-science-v3 #y-nghia .ron-life__hint{bottom:26px;left:12px} #ron-science-v3 #y-nghia .ron-audiences{margin-top:0;padding-top:25px} @media(max-width:1180px){#ron-science-v3 #y-nghia .ron-intro-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:20px}#ron-science-v3 #y-nghia .ron-intro-copy h2{font-size:40px}#ron-science-v3 #y-nghia .ron-life{height:490px}#ron-science-v3 #y-nghia .ron-life__hint{bottom:75px;left:8px;right:8px}#ron-science-v3 #y-nghia .ron-life__tools{left:50%;right:auto;bottom:15px}} @media(max-width:760px){#ron-science-v3 #y-nghia.ron-science-for-you{padding-block:38px 42px}#ron-science-v3 #y-nghia .ron-intro-grid{display:flex;gap:0;padding-block:6px 0}#ron-science-v3 #y-nghia .ron-intro-copy{padding-block:23px 30px}#ron-science-v3 #y-nghia .ron-intro-copy h2{font-size:clamp(35px,8vw,45px);line-height:1.3}#ron-science-v3 #y-nghia .ron-intro-copy>p{max-width:100%}#ron-science-v3 #y-nghia .ron-life{height:clamp(350px,95vw,570px)}#ron-science-v3 #y-nghia .ron-life__hint{font-size:11px;bottom:76px}#ron-science-v3 #y-nghia .ron-audiences{padding-top:0}#ron-science-v3[dir=rtl] #y-nghia .ron-intro-copy h2{line-height:1.6}} @media(max-width:420px){#ron-science-v3 #y-nghia .ron-life{height:350px}#ron-science-v3 #y-nghia .ron-intro-copy h2{font-size:35px}} #ron-science-v3 #y-nghia .ron-life:fullscreen{height:100dvh;min-height:0;background:#f5faf4} #ron-science-v3 #ron-biology-gallery .rnb-gallery{width:100%;margin:auto} #ron-science-v3 #ron-biology-gallery .rnb-banner{--mx:0;--my:0;--flash:0;--entry:0;position:relative;isolation:isolate;width:100%;height:100svh;min-height:570px;max-height:1080px;overflow:hidden;background:#f6f4ef;contain:layout paint;touch-action:pan-y;perspective:1200px} #ron-science-v3 #ron-biology-gallery .rnb-banner [hidden]{display:none!important} #ron-science-v3 #ron-biology-gallery .rnb-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 66% 74%,#e2eac5 0,transparent 39%),radial-gradient(ellipse at 12% 9%,#fff 0,transparent 65%),#f6f4ef} #ron-science-v3 #ron-biology-gallery .rnb-atmosphere:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#3f4b1510 25%);opacity:.3} #ron-science-v3 #ron-biology-gallery .rnb-visual{position:absolute;inset:0 0 0 32%;z-index:-1;pointer-events:none;transform:translate3d(calc(var(--mx)*-5px),calc(var(--my)*-3px),0);transition:opacity 1.2s} #ron-science-v3 #ron-biology-gallery .rnb-photo-rig{position:absolute;width:min(100%,850px);height:auto;aspect-ratio:1122/1402;right:-1%;bottom:-10%;transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*8px),0) scale(calc(1 + var(--entry)*.045));transform-origin:65% 65%;will-change:transform} #ron-science-v3 #ron-biology-gallery .rnb-photo{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 90%)} #ron-science-v3 #ron-biology-gallery .rnb-banner-1 .rnb-photo{clip-path:polygon(65% 18%,100% 18%,100% 100%,0 100%,0 40%,65% 40%)} #ron-science-v3 #ron-biology-gallery .rnb-banner-2 .rnb-photo{clip-path:polygon(75% 0,100% 0,100% 100%,0 100%,0 39%,70% 39%,70% 19%,75% 19%)} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-photo{clip-path:polygon(0 39%,100% 39%,100% 100%,0 100%)} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-photo-rig{width:min(110%,950px);bottom:-18%} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-visual{inset:0;opacity:.42} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-photo-rig{right:0;bottom:-10%;width:100%;height:120%;aspect-ratio:auto} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-photo{object-fit:cover;clip-path:polygon(70% 0,100% 0,100% 30%,84% 25%,74% 14%,70% 0);mask-image:none} #ron-science-v3 #ron-biology-gallery .rnb-halo{position:absolute;z-index:0;pointer-events:none;inset:25% -12% -30% 34%;background:radial-gradient(ellipse at 50% 50%,#cbe76235 0,#bbde2320 24%,transparent 63%);opacity:calc(.4 + var(--flash)*.45);transform:translate(calc(var(--mx)*24px),calc(var(--my)*18px));mix-blend-mode:multiply} #ron-science-v3 #ron-biology-gallery .rnb-molecules{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none} #ron-science-v3 #ron-biology-gallery .rnb-header{position:absolute;top:clamp(22px,4vh,48px);left:clamp(24px,5vw,90px);z-index:4} #ron-science-v3 #ron-biology-gallery .rnb-logo{display:block;width:clamp(260px,25vw,440px);height:auto;background:#fff;padding:12px 15px} #ron-science-v3 #ron-biology-gallery .rnb-copy{position:absolute;z-index:3;left:clamp(24px,5vw,90px);top:33%;width:49%;pointer-events:none;transform:translate3d(0,calc(var(--entry)*20px),0);opacity:calc(1 - var(--entry));} #ron-science-v3 #ron-biology-gallery .rnb-kicker{font-size:10px;line-height:1.6;letter-spacing:.19em;margin:0 0 21px;color:#4f6d0f} #ron-science-v3 #ron-biology-gallery .rnb-kicker span{padding:0 9px;color:#7a8567} #ron-science-v3 #ron-biology-gallery .rnb-copy h3{font-family:RonSerif,Georgia,serif;font-size:clamp(46px,5.05vw,88px);font-weight:400;line-height:1.2;letter-spacing:-.055em;margin:0;text-wrap:balance} #ron-science-v3 #ron-biology-gallery .rnb-copy h3 span{display:block} #ron-science-v3 #ron-biology-gallery .rnb-rule{display:block;width:90px;height:2px;background:#b3d326;margin:29px 0 24px;transform:scaleX(calc(1 - var(--entry)));transform-origin:left} #ron-science-v3 #ron-biology-gallery .rnb-sub{max-width:430px;margin:0;font-size:clamp(14px,1.25vw,19px);line-height:1.75;color:#4c5345;text-wrap:balance} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-copy{top:26%;width:51%} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 h3{font-size:clamp(43px,4.5vw,79px)} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-copy{top:31%;width:76%;} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 h3{font-size:clamp(46px,5.5vw,94px)} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-sub{max-width:620px} #ron-science-v3 #ron-biology-gallery .rnb-scene-label{position:absolute;z-index:2;bottom:20%;left:5%;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.18em;color:#53653b} #ron-science-v3 #ron-biology-gallery .rnb-scene-label span:first-child{font-family:RonSerif,Georgia,serif;font-size:33px;letter-spacing:-.04em} #ron-science-v3 #ron-biology-gallery .rnb-scene-label i{display:inline-block;width:42px;height:1px;background:#738a54} #ron-science-v3 #ron-biology-gallery .rnb-actions{position:absolute;z-index:5;bottom:68px;right:clamp(22px,4vw,60px);display:flex;gap:6px} #ron-science-v3 #ron-biology-gallery .rnb-actions button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #7f8c6933;background:#fff9;color:#334128;cursor:pointer;border-radius:50%;backdrop-filter:blur(8px);transition:background .2s,transform .2s} #ron-science-v3 #ron-biology-gallery .rnb-actions svg{width:19px;height:19px;pointer-events:none} #ron-science-v3 #ron-biology-gallery .rnb-actions button:hover{background:#c5df73;transform:translateY(-2px)} #ron-science-v3 #ron-biology-gallery .rnb-actions button:focus-visible,#ron-science-v3 #ron-biology-gallery .rnb-switcher button:focus-visible,#ron-science-v3 #ron-biology-gallery .rnb-footer a:focus-visible{outline:3px solid #a6c528;outline-offset:4px} #ron-science-v3 #ron-biology-gallery .rnb-actions [data-action=light][aria-pressed=false]{opacity:.5} #ron-science-v3 #ron-biology-gallery .rnb-footer{position:absolute;z-index:5;left:clamp(24px,5vw,90px);right:clamp(24px,5vw,90px);bottom:21px;padding-top:13px;border-top:1px solid #536c3336;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;line-height:1.5;letter-spacing:.06em;color:#5b644f} #ron-science-v3 #ron-biology-gallery .rnb-footer a{color:inherit;text-decoration:none;letter-spacing:.14em} #ron-science-v3 #ron-biology-gallery .rnb-caption{opacity:.8} #ron-science-v3 #ron-biology-gallery .rnb-switcher{position:absolute;z-index:10;top:36px;right:4vw;display:flex;gap:5px} #ron-science-v3 #ron-biology-gallery .rnb-switcher button{border:0;border-bottom:1px solid transparent;background:transparent;padding:12px 13px 12px;color:#59624b;font:11px RonSans,Arial,sans-serif;cursor:pointer;transition:color .2s,border-color .2s} #ron-science-v3 #ron-biology-gallery .rnb-switcher button span{margin-right:8px;font-size:9px;color:#8b9877} #ron-science-v3 #ron-biology-gallery .rnb-switcher button[aria-pressed=true]{color:#14240b;border-color:#8eaa20} #ron-science-v3 #ron-biology-gallery .rnb-gallery-multi .rnb-banner:not(:first-of-type){display:none} #ron-science-v3 #ron-biology-gallery .rnb-banner.entrance .rnb-visual{opacity:0} #ron-science-v3 #ron-biology-gallery .rnb-banner.is-paused .rnb-hint:after{content:" · Đã dừng"} #ron-science-v3 #ron-biology-gallery .rnb-banner.no-gl .rnb-halo{opacity:.4} #ron-science-v3 #ron-biology-gallery .rnb-banner:fullscreen{width:100vw;height:100vh;max-height:none} #ron-science-v3 #ron-biology-gallery .rnb-banner.rnb-expanded{position:fixed;inset:0;z-index:99999;height:100svh;max-height:none} #ron-science-v3 #ron-biology-gallery .rnb-banner.quality-low .rnb-actions button{backdrop-filter:none} @media(min-width:1700px){#ron-science-v3 #ron-biology-gallery .rnb-photo-rig{width:900px;bottom:-8%} #ron-science-v3 #ron-biology-gallery .rnb-visual{left:40%} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-photo-rig{width:1100px} #ron-science-v3 #ron-biology-gallery .rnb-copy{top:35%} #ron-science-v3 #ron-biology-gallery .rnb-scene-label{bottom:18%}} @media(max-width:1100px) and (min-width:761px){#ron-science-v3 #ron-biology-gallery .rnb-switcher{top:112px;left:4vw;right:auto} #ron-science-v3 #ron-biology-gallery .rnb-copy{top:32%;width:54%} #ron-science-v3 #ron-biology-gallery .rnb-kicker{font-size:9px} #ron-science-v3 #ron-biology-gallery .rnb-photo-rig{bottom:0;width:760px;max-width:125%} #ron-science-v3 #ron-biology-gallery .rnb-visual{left:32%;opacity:.86} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-photo-rig{bottom:-2%;width:850px} #ron-science-v3 #ron-biology-gallery .rnb-scene-label{bottom:19%} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-copy{width:91%}} @media(max-width:760px){#ron-science-v3 #ron-biology-gallery .rnb-banner{height:100svh;min-height:0;max-height:1050px} #ron-science-v3 #ron-biology-gallery .rnb-header{top:18px;left:20px} #ron-science-v3 #ron-biology-gallery .rnb-logo{width:245px;padding:6px 9px} #ron-science-v3 #ron-biology-gallery .rnb-copy{left:23px;top:16.5%;width:89%;} #ron-science-v3 #ron-biology-gallery .rnb-kicker{font-size:8px;letter-spacing:.13em;margin-bottom:12px} #ron-science-v3 #ron-biology-gallery .rnb-copy h3{font-size:clamp(36px,8.9vw,60px);line-height:1.19;letter-spacing:-.05em} #ron-science-v3 #ron-biology-gallery .rnb-rule{width:58px;margin:16px 0 12px;height:1px} #ron-science-v3 #ron-biology-gallery .rnb-sub{font-size:13px;line-height:1.6;max-width:90%} #ron-science-v3 #ron-biology-gallery .rnb-visual{inset:28% -1% 0 -12%;} #ron-science-v3 #ron-biology-gallery .rnb-photo-rig{width:100%;max-width:620px;right:-7%;bottom:-12%;} #ron-science-v3 #ron-biology-gallery .rnb-banner-1 .rnb-photo{clip-path:polygon(65% 18%,100% 18%,100% 100%,0 100%,0 40%,65% 40%)} #ron-science-v3 #ron-biology-gallery .rnb-banner-2 .rnb-visual{inset:32% -6% 0 -8%} #ron-science-v3 #ron-biology-gallery .rnb-banner-2 .rnb-photo-rig{bottom:-9%;right:0} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-copy{top:16.5%;width:92%} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-copy h3{font-size:clamp(32px,8vw,57px)} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-visual{inset:30% -9% 0 -9%} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-photo-rig{width:113%;right:-2%;bottom:-15%} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-copy{top:26%;width:91%} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-copy h3{font-size:clamp(34px,8.2vw,60px)} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-copy h3 span{max-width:100%} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-sub{font-size:14px;max-width:90%} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-photo-rig{bottom:0;width:100%;height:100%} #ron-science-v3 #ron-biology-gallery .rnb-halo{inset:40% -25% -12% -15%} #ron-science-v3 #ron-biology-gallery .rnb-scene-label{display:none} #ron-science-v3 #ron-biology-gallery .rnb-actions{right:18px;bottom:55px;gap:5px} #ron-science-v3 #ron-biology-gallery .rnb-actions button{width:42px;height:42px;background:#ffffffe0} #ron-science-v3 #ron-biology-gallery .rnb-footer{left:22px;right:22px;bottom:14px;font-size:8px;gap:4px;padding-top:10px} #ron-science-v3 #ron-biology-gallery .rnb-hint{max-width:110px} #ron-science-v3 #ron-biology-gallery .rnb-caption{font-size:7px} #ron-science-v3 #ron-biology-gallery .rnb-switcher{top:87px;left:20px;right:20px;justify-content:space-between;border-bottom:1px solid #81985f22;gap:0} #ron-science-v3 #ron-biology-gallery .rnb-switcher button{font-size:9px;padding:8px 3px 11px;white-space:nowrap} #ron-science-v3 #ron-biology-gallery .rnb-switcher button span{display:none} #ron-science-v3 #ron-biology-gallery .rnb-gallery-multi .rnb-copy{top:20%} #ron-science-v3 #ron-biology-gallery .rnb-gallery-multi .rnb-banner-4 .rnb-copy{top:28%} #ron-science-v3 #ron-biology-gallery .rnb-gallery-multi .rnb-banner-3 .rnb-copy{top:20%} #ron-science-v3 #ron-biology-gallery .rnb-gallery-multi .rnb-visual{top:33%}} @media(max-width:760px) and (max-height:740px){#ron-science-v3 #ron-biology-gallery .rnb-banner{min-height:0} #ron-science-v3 #ron-biology-gallery .rnb-copy h3{font-size:34px} #ron-science-v3 #ron-biology-gallery .rnb-copy{top:19%} #ron-science-v3 #ron-biology-gallery .rnb-kicker{display:none} #ron-science-v3 #ron-biology-gallery .rnb-rule{margin:12px 0 10px} #ron-science-v3 #ron-biology-gallery .rnb-sub{font-size:12px} #ron-science-v3 #ron-biology-gallery .rnb-gallery-multi .rnb-copy{top:23%} #ron-science-v3 #ron-biology-gallery .rnb-gallery-multi .rnb-banner-3 .rnb-copy{top:23%} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-copy h3{font-size:32px} #ron-science-v3 #ron-biology-gallery .rnb-visual{top:29%} #ron-science-v3 #ron-biology-gallery .rnb-photo-rig{bottom:-23%;} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-photo-rig{bottom:-26%} #ron-science-v3 #ron-biology-gallery .rnb-actions{bottom:50px} #ron-science-v3 #ron-biology-gallery .rnb-actions button{width:40px;height:40px}} @media(prefers-reduced-motion:reduce){#ron-science-v3 #ron-biology-gallery .rnb-photo-rig,#ron-science-v3 #ron-biology-gallery .rnb-copy,#ron-science-v3 #ron-biology-gallery .rnb-halo,#ron-science-v3 #ron-biology-gallery .rnb-visual{transform:none!important;transition:none!important} #ron-science-v3 #ron-biology-gallery .rnb-copy{opacity:1} #ron-science-v3 #ron-biology-gallery .rnb-rule{transform:none}} #ron-science-v3 #ron-biology-gallery .rnb-light-ribbon{position:absolute;z-index:2;inset:0 0 0 46%;pointer-events:none;overflow:hidden;opacity:.45;mask-image:linear-gradient(transparent 20%,#000 55%,transparent 97%)} #ron-science-v3 #ron-biology-gallery .rnb-light-ribbon:before{content:"";position:absolute;width:100%;height:100px;left:0;top:20%;background:linear-gradient(180deg,transparent,rgba(185,222,89,.07) 44%,rgba(210,241,149,.65) 49.5%,rgba(239,255,221,.8) 50%,rgba(185,222,89,.04) 51%,transparent);transform:rotate(-18deg);animation:rnb-light-travel 12s ease-in-out infinite;filter:blur(.4px)} @keyframes rnb-light-travel{0%,100%{top:17%;opacity:0}18%{opacity:.15}45%{opacity:.65}72%{opacity:.35}88%{top:84%;opacity:0}} #ron-science-v3 #ron-biology-gallery .rnb-banner.is-paused .rnb-light-ribbon:before{animation-play-state:paused} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-light-ribbon{inset:45% 0 0 20%;opacity:.3} @media(max-width:760px){#ron-science-v3 #ron-biology-gallery .rnb-light-ribbon{inset:34% 0 0 0}} @media(prefers-reduced-motion:reduce){#ron-science-v3 #ron-biology-gallery .rnb-light-ribbon:before{animation:none;opacity:0}} #ron-science-v3 #ron-biology-gallery .rns-stem{--rns-ink:#111c0c;--rns-green:#4f6d0f;--rns-lime:#bddc24;position:relative;isolation:isolate;box-sizing:border-box;width:100%;height:100svh;min-height:660px;max-height:1100px;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#fff 0%,#fcfbf8 44%,#f6f4ef 100%);color:var(--rns-ink);font-family:RonSans,Arial,"Segoe UI",sans-serif} #ron-science-v3 #ron-biology-gallery .rns-stem *{box-sizing:border-box;font-synthesis:none} #ron-science-v3 #ron-biology-gallery .rns-stem button{font:inherit} #ron-science-v3 #ron-biology-gallery .rns-stem:fullscreen{height:100svh;max-height:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-field{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:pan-y} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-top{position:absolute;z-index:3;left:clamp(24px,5vw,88px);right:clamp(24px,5vw,88px);top:clamp(22px,4vh,45px);display:flex;justify-content:space-between;align-items:center;pointer-events:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-logo{width:325px;height:auto;display:block;background:#fff;padding:5px 10px;box-sizing:content-box} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-edition{font-size:12px;letter-spacing:.21em;text-transform:uppercase;color:#58614b;writing-mode:vertical-rl;line-height:1.8;align-self:flex-start;padding-top:10px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copy{position:absolute;z-index:2;left:clamp(24px,5vw,88px);top:32%;width:43%;pointer-events:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-kicker{display:flex;align-items:center;gap:15px;font-size:clamp(17px,1.6vw,25px);font-family:RonSerif,Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0 0 17px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-kicker:before{content:"";display:block;width:38px;height:1px;background:#739233} #ron-science-v3 #ron-biology-gallery .rns-stem h3{font-family:RonSerif,Georgia,"Times New Roman",serif;font-size:clamp(60px,7.75vw,132px);line-height:1.25;font-weight:400;letter-spacing:-.035em;margin:0} #ron-science-v3 #ron-biology-gallery .rns-stem h3 span{display:block} #ron-science-v3 #ron-biology-gallery .rns-stem h3 span:last-child{padding-left:.045em} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copyline{height:1px;background:linear-gradient(90deg,#90ac42,#d8ddcd 58%,transparent);margin:27px 0 19px;width:74%} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-science{font-size:12px;line-height:1.9;letter-spacing:.27em;color:#5c694d;margin:0} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-footer{position:absolute;z-index:3;bottom:26px;left:clamp(24px,5vw,88px);right:clamp(24px,5vw,88px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;font-size:11px;letter-spacing:.2em} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-signature{font-family:RonSerif,Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:.04em;white-space:nowrap} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-footer-right{justify-self:end} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tools{position:absolute;z-index:5;bottom:96px;left:clamp(24px,5vw,88px);display:flex;gap:10px;align-items:center} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tool{width:45px;height:45px;border:1px solid #cdd2c2;border-radius:50%;background:rgba(255,255,255,.76);color:#314025;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s,transform .2s} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tool[hidden]{display:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tool:hover{background:#eaf1d3;border-color:#8ba33d;transform:translateY(-2px)} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tool:focus-visible{outline:3px solid var(--rns-lime);outline-offset:4px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tool[aria-pressed="true"]{background:#e5edce;border-color:#93a556} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tool svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-hint{font-size:12px;color:#68725b;letter-spacing:.04em;margin-left:8px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-play{display:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-paused .rns-pause{display:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-paused .rns-play{display:block} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-mobile-title{display:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-end{display:none} @media(min-width:1800px){#ron-science-v3 #ron-biology-gallery .rns-stem .rns-copy{left:var(--rns-content-inset)} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-top,#ron-science-v3 #ron-biology-gallery .rns-stem .rns-footer{left:var(--rns-content-inset);right:var(--rns-content-inset)} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tools{left:var(--rns-content-inset)}} @media(max-width:1180px) and (min-width:761px){#ron-science-v3 #ron-biology-gallery .rns-stem h3{font-size:8vw} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copy{top:36%} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-logo{width:285px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-hint{max-width:100px;line-height:1.5} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-science{font-size:11px;letter-spacing:.15em}} @media(max-width:760px){#ron-science-v3 #ron-biology-gallery .rns-stem{min-height:680px;max-height:1000px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-top{left:20px;right:20px;top:24px;justify-content:center} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-logo{width:280px;padding:5px 9px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-edition{display:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copy{top:132px;left:16px;width:calc(100% - 32px);text-align:center} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-kicker{font-size:19px;justify-content:center;margin-bottom:9px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-kicker:before{display:none} #ron-science-v3 #ron-biology-gallery .rns-stem h3{font-size:clamp(43px,9.8vw,70px);letter-spacing:-.055em;line-height:1.3;white-space:nowrap} #ron-science-v3 #ron-biology-gallery .rns-stem h3 span{display:inline} #ron-science-v3 #ron-biology-gallery .rns-stem h3 span:last-child{padding-left:.17em} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copyline{width:83%;margin:15px auto 10px;background:linear-gradient(90deg,transparent,#8ba545,transparent)} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-science{font-size:10px;letter-spacing:.2em} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tools{left:0;right:0;bottom:76px;justify-content:center;gap:9px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-hint{display:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-footer{left:20px;right:20px;bottom:23px;grid-template-columns:1fr auto;gap:12px;font-size:9px;letter-spacing:.1em} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-signature{font-size:16px;grid-column:2;grid-row:1} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-footer-right{display:none} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tool{width:44px;height:44px}} @media(min-width:600px) and (max-width:760px){#ron-science-v3 #ron-biology-gallery .rns-stem .rns-copy{top:116px}} @media(max-width:420px){#ron-science-v3 #ron-biology-gallery .rns-stem .rns-logo{width:265px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copy{top:126px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-kicker{font-size:18px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-science{font-size:9px;letter-spacing:.15em}} @media(max-height:730px) and (min-width:761px){#ron-science-v3 #ron-biology-gallery .rns-stem{min-height:560px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copy{top:29%} #ron-science-v3 #ron-biology-gallery .rns-stem h3{font-size:clamp(64px,7.3vw,102px)} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tools{bottom:78px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-logo{width:270px} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copyline{margin:16px 0 12px}} @media(prefers-reduced-motion:reduce){#ron-science-v3 #ron-biology-gallery .rns-stem .rns-tool{transition:none}} /* V10 — five supplied cinematic scenes, one editorial gallery. */ #ron-science-v3 #skin-longevity{background:#f6f4ef;padding-block:82px 88px} #ron-science-v3 #skin-longevity .ron-section-head{grid-template-columns:1.15fr .85fr;gap:9%;margin-bottom:42px} #ron-science-v3 #skin-longevity .ron-section-head>p{font-size:15px;max-width:53ch;line-height:1.8} #ron-science-v3 #ron-biology-gallery{position:relative;container-type:inline-size;direction:ltr;border:1px solid #d5d9cb;background:#fbfaf6} #ron-science-v3 #ron-biology-gallery .ron-bio-stage{position:relative} #ron-science-v3 #ron-biology-gallery .ron-bio-panel{width:100%;height:clamp(570px,47vw,740px);min-height:0;max-height:none;outline-offset:-4px;color:#12130f} #ron-science-v3 #ron-biology-gallery .rnb-banner{font-family:RonSans,var(--ron-sans)} #ron-science-v3 #ron-biology-gallery .rnb-header,#ron-science-v3 #ron-biology-gallery .rns-top{top:30px;left:40px;right:40px} #ron-science-v3 #ron-biology-gallery .rnb-logo,#ron-science-v3 #ron-biology-gallery .rns-logo{width:290px;max-width:85%;height:auto;padding:6px 10px} #ron-science-v3 #ron-biology-gallery .rnb-copy{left:40px;top:28%;width:49%;text-align:start} #ron-science-v3 #ron-biology-gallery .rnb-copy h3{font-family:RonSerif,Georgia,serif;font-size:clamp(43px,5cqw,76px);line-height:1.18;font-weight:400;letter-spacing:-.045em;white-space:normal;overflow-wrap:break-word} #ron-science-v3 #ron-biology-gallery .rnb-copy h3 span{display:block} #ron-science-v3 #ron-biology-gallery .rnb-kicker{font:10px/1.6 RonSans,var(--ron-sans);letter-spacing:.13em;margin:0 0 20px} #ron-science-v3 #ron-biology-gallery .rnb-rule{margin:24px 0 20px;width:74px} #ron-science-v3 #ron-biology-gallery .rnb-sub{font-size:clamp(14px,1.35cqw,19px);line-height:1.7;max-width:34ch;margin:0} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-copy{top:24%;width:51%} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 h3{font-size:clamp(40px,4.5cqw,69px)} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-copy{width:68%;top:30%} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 h3{font-size:clamp(44px,5cqw,78px)} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-sub{max-width:46ch} #ron-science-v3 #ron-biology-gallery .rnb-photo{height:100%;max-width:none} #ron-science-v3 #ron-biology-gallery .rnb-scene-label{left:40px;bottom:16%;font-size:9px} #ron-science-v3 #ron-biology-gallery .rnb-actions{bottom:66px;right:32px} #ron-science-v3 #ron-biology-gallery .rnb-actions button{width:44px;height:44px;padding:0;background:#ffffffdc;border:1px solid #cdd2c2;color:#314025;display:grid;place-items:center;border-radius:50%} #ron-science-v3 #ron-biology-gallery .rnb-actions button:hover{background:#eaf1d3;border-color:#8ba33d} #ron-science-v3 #ron-biology-gallery .rnb-footer{bottom:21px;left:40px;right:40px;font-size:10px;letter-spacing:.04em;line-height:1.5} #ron-science-v3 #ron-biology-gallery .rnb-banner.is-paused .rnb-hint:after{content:none} #ron-science-v3 #ron-biology-gallery .rnb-hint,#ron-science-v3 #ron-biology-gallery .rnb-caption{max-width:none} #ron-science-v3 #ron-biology-gallery .rns-stem{font-family:RonSans,var(--ron-sans)} #ron-science-v3 #ron-biology-gallery .rns-copy{left:40px;top:31%;width:42%;text-align:start} #ron-science-v3 #ron-biology-gallery .rns-kicker{font:clamp(18px,1.9cqw,27px)/1.5 RonSerif,Georgia,serif;margin:0 0 13px;letter-spacing:-.025em} #ron-science-v3 #ron-biology-gallery .rns-copy h3{font:400 clamp(56px,7.1cqw,108px)/1.2 RonSerif,Georgia,serif;letter-spacing:-.04em;white-space:normal;overflow-wrap:break-word} #ron-science-v3 #ron-biology-gallery .rns-copy h3 span{display:block} #ron-science-v3 #ron-biology-gallery .rns-science{font:10px/1.9 RonSans,var(--ron-sans);letter-spacing:.18em;margin:0} #ron-science-v3 #ron-biology-gallery .rns-copyline{margin:23px 0 18px} #ron-science-v3 #ron-biology-gallery .rns-edition{font-size:9px;letter-spacing:.13em} #ron-science-v3 #ron-biology-gallery .rns-tools{left:40px;bottom:81px;gap:8px} #ron-science-v3 #ron-biology-gallery .rns-tool{width:44px;height:44px;padding:0;background:#ffffffdc;border:1px solid #cdd2c2;color:#314025;display:grid;place-items:center;border-radius:50%} #ron-science-v3 #ron-biology-gallery .rns-hint{font-size:11px;max-width:165px;line-height:1.4} #ron-science-v3 #ron-biology-gallery .rns-footer{left:40px;right:40px;bottom:23px;font-size:9px;letter-spacing:.08em;border-top:1px solid #536c3336;padding-top:14px} #ron-science-v3 #ron-biology-gallery .rns-signature{font:19px/1.3 RonSerif,Georgia,serif} #ron-science-v3 #ron-biology-gallery .rns-poster{position:absolute;width:58%;height:83%;right:0;top:8%;opacity:.9;mix-blend-mode:multiply;pointer-events:none} #ron-science-v3 #ron-biology-gallery .rns-stem[data-renderer=canvas] .rns-poster{visibility:hidden} #ron-science-v3 #ron-biology-gallery .ron-bio-navline{border-top:1px solid #d5d9cb;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px 14px;background:#fff} #ron-science-v3 #ron-biology-gallery .ron-bio-navline>p{font:12px/1.5 var(--ron-sans);color:#4f5c42;letter-spacing:.08em} #ron-science-v3 #ron-biology-gallery .ron-bio-paging{display:flex;align-items:center;gap:12px} #ron-science-v3 #ron-biology-gallery .ron-bio-count{font:11px/1.5 var(--ron-sans);letter-spacing:.12em;color:#4f5c42;min-width:45px;text-align:center} #ron-science-v3 #ron-biology-gallery .ron-bio-paging button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d5d9cb;border-radius:50%;color:#344329;background:white;padding:0} #ron-science-v3 #ron-biology-gallery .ron-bio-paging button:hover{background:#edf2e1} #ron-science-v3 #ron-biology-gallery .ron-bio-paging svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4} #ron-science-v3 #ron-biology-gallery .ron-bio-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0 24px 23px;background:#fff} #ron-science-v3 #ron-biology-gallery .ron-bio-tab{position:relative;text-align:start;min-width:0;border:1px solid #e0e4d8;background:#f8f9f5;display:flex;flex-direction:column;overflow:hidden;padding:0;color:#616955;transition:border-color .2s,background .2s} #ron-science-v3 #ron-biology-gallery .ron-bio-tab[aria-selected=true]{border-color:#708c24;background:#eef3e1;color:#263315;box-shadow:inset 0 -3px #bddc24} #ron-science-v3 #ron-biology-gallery .ron-bio-tab:hover{border-color:#94a575} #ron-science-v3 #ron-biology-gallery .ron-bio-thumb-picture{width:100%;height:100px;display:block;opacity:.75;transition:opacity .2s;background:#f6f4ef;border-bottom:1px solid #e0e4d8} #ron-science-v3 #ron-biology-gallery .ron-bio-tab[aria-selected=true] .ron-bio-thumb-picture,#ron-science-v3 #ron-biology-gallery .ron-bio-tab:hover .ron-bio-thumb-picture{opacity:1} #ron-science-v3 #ron-biology-gallery .ron-bio-tab-copy{display:flex;align-items:flex-start;gap:10px;padding:13px 12px 16px;width:100%;line-height:1.4} #ron-science-v3 #ron-biology-gallery .ron-bio-tab-copy>span:first-child{font:10px/1.7 var(--ron-sans);opacity:.6} #ron-science-v3 #ron-biology-gallery .ron-bio-tab-copy>span:last-child{font:500 13px/1.4 var(--ron-sans);overflow-wrap:anywhere} #ron-science-v3 #skin-longevity .ron-bio-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:42px} #ron-science-v3 #skin-longevity .ron-bio-pillar{border-top:1px solid #bfc8b1;padding-top:23px} #ron-science-v3 #skin-longevity .ron-bio-pillar-head{display:flex;align-items:baseline;gap:20px;margin-bottom:17px} #ron-science-v3 #skin-longevity .ron-bio-pillar-head .ron-num{margin:0;font:17px/1.3 RonSerif,Georgia,serif} #ron-science-v3 #skin-longevity .ron-bio-pillar h3{font-size:clamp(23px,2vw,30px);line-height:1.3;letter-spacing:-.025em} #ron-science-v3 #skin-longevity .ron-bio-pillar p{font:14px/1.85 var(--ron-sans);color:#656d5b} #ron-science-v3 #ron-biology-gallery .ron-bio-panel:fullscreen{width:100vw;height:100dvh;min-height:0;max-height:none;background:#fbfaf6} #ron-science-v3 #ron-biology-gallery .rnb-banner.rnb-expanded{height:100dvh;max-height:none} #ron-science-v3 #ron-biology-gallery :is(.rnb-copy,.rns-copy)[dir=rtl]{text-align:right} #ron-science-v3 #ron-biology-gallery :is(.rnb-copy,.rns-copy)[dir=rtl] h3{font-family:"Noto Naskh Arabic","Geeza Pro","Times New Roman",serif;line-height:1.5;letter-spacing:0;font-size:clamp(40px,4.8cqw,72px)} #ron-science-v3 #ron-biology-gallery :is(.rnb-copy,.rns-copy)[dir=rtl] :is(p,.rnb-kicker,.rns-kicker){letter-spacing:0} #ron-science-v3 #ron-biology-gallery [lang=ru] .rns-copy h3{font-size:clamp(44px,5cqw,78px)} #ron-science-v3 #ron-biology-gallery :is([lang=th],[lang=km],[lang=lo]) :is(.rns-copy h3,.rnb-copy h3){font-family:Tahoma,Arial,sans-serif;font-size:clamp(36px,4.4cqw,68px);letter-spacing:0;line-height:1.5} @media(min-width:761px) and (max-width:1100px){ #ron-science-v3 #ron-biology-gallery .rnb-photo-rig{width:100%;max-width:135%;bottom:-10%} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-photo-rig{width:117%;bottom:-15%} #ron-science-v3 #ron-biology-gallery .rnb-copy{width:52%} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-copy{width:77%} #ron-science-v3 #ron-biology-gallery .rns-hint{display:none} #ron-science-v3 #ron-biology-gallery .rns-copy h3{font-size:clamp(43px,6.5cqw,72px)} #ron-science-v3 #skin-longevity .ron-bio-pillars{gap:23px} } @media(max-width:760px){ #ron-science-v3 #skin-longevity{padding-block:48px 52px} #ron-science-v3 #skin-longevity .ron-section-head{grid-template-columns:1fr;gap:22px;margin-bottom:29px} #ron-science-v3 #skin-longevity .ron-section-head>p{font-size:14px} #ron-science-v3 #ron-biology-gallery .ron-bio-panel{height:clamp(680px,170vw,800px);min-height:0;max-height:none} #ron-science-v3 #ron-biology-gallery .rnb-header,#ron-science-v3 #ron-biology-gallery .rns-top{left:22px;right:22px;top:23px;justify-content:flex-start} #ron-science-v3 #ron-biology-gallery .rnb-logo,#ron-science-v3 #ron-biology-gallery .rns-logo{width:255px;max-width:100%;padding:5px 7px} #ron-science-v3 #ron-biology-gallery .rnb-copy,#ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-copy,#ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-copy{left:22px;top:126px;width:calc(100% - 44px)} #ron-science-v3 #ron-biology-gallery .rnb-copy h3,#ron-science-v3 #ron-biology-gallery .rnb-banner-3 h3,#ron-science-v3 #ron-biology-gallery .rnb-banner-4 h3{font-size:clamp(35px,8.8cqw,53px);line-height:1.22} #ron-science-v3 #ron-biology-gallery .rnb-kicker{font-size:8px;letter-spacing:.07em;margin-bottom:13px;display:block} #ron-science-v3 #ron-biology-gallery .rnb-rule{margin:18px 0 12px;height:1px;width:54px} #ron-science-v3 #ron-biology-gallery .rnb-sub{font-size:13px;line-height:1.65;max-width:95%} #ron-science-v3 #ron-biology-gallery .rnb-visual{top:32%;left:-5%;right:-7%;opacity:.8} #ron-science-v3 #ron-biology-gallery .rnb-photo-rig{bottom:-10%;right:-4%;max-width:640px;width:100%} #ron-science-v3 #ron-biology-gallery .rnb-banner-2 .rnb-visual{top:35%;left:-5%;right:-5%} #ron-science-v3 #ron-biology-gallery .rnb-banner-2 .rnb-photo-rig{bottom:-9%;right:0} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-visual{top:35%;left:-10%;right:-10%} #ron-science-v3 #ron-biology-gallery .rnb-banner-3 .rnb-photo-rig{bottom:-10%;width:113%;right:-2%} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-visual{top:0;left:0;right:0;opacity:.4} #ron-science-v3 #ron-biology-gallery .rnb-banner-4 .rnb-photo-rig{bottom:0;right:0;width:100%;height:100%} #ron-science-v3 #ron-biology-gallery .rnb-scene-label{display:none} #ron-science-v3 #ron-biology-gallery .rnb-actions{right:18px;bottom:60px;gap:6px} #ron-science-v3 #ron-biology-gallery .rnb-footer{left:20px;right:20px;bottom:18px;font-size:8px;gap:8px} #ron-science-v3 #ron-biology-gallery .rnb-footer a{display:none} #ron-science-v3 #ron-biology-gallery .rnb-caption{font-size:8px;text-align:end} #ron-science-v3 #ron-biology-gallery .rns-copy{top:118px;left:22px;width:calc(100% - 44px);text-align:center} #ron-science-v3 #ron-biology-gallery .rns-kicker{justify-content:center;font-size:20px;margin-bottom:8px} #ron-science-v3 #ron-biology-gallery .rns-copy h3{font-size:clamp(40px,10.7cqw,65px);line-height:1.2} #ron-science-v3 #ron-biology-gallery .rns-copy h3 span{display:inline} #ron-science-v3 #ron-biology-gallery .rns-copy h3 span+span{padding-left:.18em} #ron-science-v3 #ron-biology-gallery .rns-copyline{width:80%;margin:15px auto 10px} #ron-science-v3 #ron-biology-gallery .rns-science{font-size:9px;letter-spacing:.1em} #ron-science-v3 #ron-biology-gallery .rns-tools{left:0;right:0;bottom:68px;justify-content:center;gap:9px} #ron-science-v3 #ron-biology-gallery .rns-hint{display:none} #ron-science-v3 #ron-biology-gallery .rns-footer{left:20px;right:20px;bottom:20px;font-size:8px;letter-spacing:.02em;gap:10px} #ron-science-v3 #ron-biology-gallery .rns-signature{font-size:15px} #ron-science-v3 #ron-biology-gallery .rns-poster{width:100%;height:48%;top:40%;right:0} #ron-science-v3 #ron-biology-gallery .ron-bio-navline{padding:13px 14px 12px;gap:12px} #ron-science-v3 #ron-biology-gallery .ron-bio-navline>p{font-size:10px;letter-spacing:.04em} #ron-science-v3 #ron-biology-gallery .ron-bio-paging{gap:7px} #ron-science-v3 #ron-biology-gallery .ron-bio-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 14px 18px;gap:10px;scrollbar-width:thin;scrollbar-color:#9bad70 #edf0e6} #ron-science-v3 #ron-biology-gallery .ron-bio-tab{flex:0 0 128px;scroll-snap-align:center} #ron-science-v3 #ron-biology-gallery .ron-bio-thumb-picture{height:78px} #ron-science-v3 #ron-biology-gallery .ron-bio-tab-copy{gap:7px;padding:10px 9px 14px;min-height:58px} #ron-science-v3 #ron-biology-gallery .ron-bio-tab-copy>span:last-child{font-size:12px} #ron-science-v3 #skin-longevity .ron-bio-pillars{grid-template-columns:1fr;margin-top:32px;gap:26px} #ron-science-v3 #skin-longevity .ron-bio-pillar{padding-top:20px} #ron-science-v3 #skin-longevity .ron-bio-pillar-head{margin-bottom:13px;gap:18px} #ron-science-v3 #skin-longevity .ron-bio-pillar h3{font-size:26px} #ron-science-v3 #ron-biology-gallery :is(.rnb-copy,.rns-copy)[dir=rtl] h3{font-size:36px;line-height:1.45} #ron-science-v3 #ron-biology-gallery [lang=ru] .rns-copy h3{font-size:clamp(29px,8.7cqw,43px)} #ron-science-v3 #ron-biology-gallery :is([lang=th],[lang=km],[lang=lo]) :is(.rns-copy h3,.rnb-copy h3){font-size:clamp(29px,7.6cqw,42px);line-height:1.5} } @media(prefers-reduced-motion:reduce){#ron-science-v3 #ron-biology-gallery *{scroll-behavior:auto!important;transition:none!important}} /* V11: keep the stem-cell copy, logo and controls inside their own banner. The supplied 1800px viewport rule used a 1600px canvas width, which creates a negative offset when embedded in this page's 1460px content container. */ #ron-science-v3 #ron-biology-gallery .rns-stem{--rns-content-inset:clamp(22px,3vw,48px);--rns-content-inset:clamp(22px,3.2cqw,48px)} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-top, #ron-science-v3 #ron-biology-gallery .rns-stem .rns-footer{left:var(--rns-content-inset);right:var(--rns-content-inset);max-width:calc(100% - 2 * var(--rns-content-inset))} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copy{left:var(--rns-content-inset);right:auto;width:43%;max-width:calc(100% - 2 * var(--rns-content-inset))} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tools{left:var(--rns-content-inset);right:auto;max-width:calc(100% - 2 * var(--rns-content-inset))} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-logo{width:290px;max-width:100%;box-sizing:border-box;flex-shrink:1} @media(max-width:760px){ #ron-science-v3 #ron-biology-gallery .rns-stem .rns-copy{width:calc(100% - 2 * var(--rns-content-inset))} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-tools{right:var(--rns-content-inset);justify-content:center} #ron-science-v3 #ron-biology-gallery .rns-stem .rns-logo{width:265px} } #ron-science-v3 #ron-anatomy-dermis,#ron-science-v3 #ron-anatomy-dermis *{box-sizing:border-box} #ron-science-v3 #ron-anatomy-dermis{--rda-ink:#f6f4ef;--rda-muted:#aebcaf;--rda-lime:#c7e46c;--rda-line:rgba(227,237,217,.19);--rda-skin:url('https://roninternational.net/wp-content/uploads/2026/09/ron-e091447065d68aceef2c.webp');position:relative;isolation:isolate;overflow:hidden;width:100%;background:#091810;color:var(--rda-ink);font-family:RonSans,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased} #ron-science-v3 #ron-anatomy-dermis button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent} #ron-science-v3 #ron-anatomy-dermis button:focus-visible{outline:2px solid var(--rda-lime);outline-offset:5px} #ron-science-v3 #ron-anatomy-dermis button:disabled{cursor:default;opacity:.55} #ron-science-v3 #ron-anatomy-dermis svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} #ron-science-v3 #ron-anatomy-dermis .rda-hidden{display:none!important} #ron-science-v3 #ron-anatomy-dermis .rda-ambient{position:absolute;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 73% 36%,#274432 0,rgba(19,42,28,.8) 28%,transparent 63%),radial-gradient(ellipse at 65% 100%,#253c20 0,transparent 60%),linear-gradient(110deg,#091810 15%,#102016 62%,#0a180f)} #ron-science-v3 #ron-anatomy-dermis .rda-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,8,.65),transparent 60%);opacity:.7} #ron-science-v3 #ron-anatomy-dermis .rda-shell{max-width:1600px;margin:auto;padding:28px clamp(22px,4vw,70px) 20px;position:relative} #ron-science-v3 #ron-anatomy-dermis .rda-header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:8} #ron-science-v3 #ron-anatomy-dermis .rda-brand{font-family:RonSerif,Georgia,serif;font-size:clamp(17px,1.45vw,24px);letter-spacing:.16em;white-space:nowrap;font-weight:400;line-height:1.4} #ron-science-v3 #ron-anatomy-dermis .rda-brand sup{font-family:RonSans,Arial,sans-serif;font-size:10px;letter-spacing:0;vertical-align:super;margin-left:2px} #ron-science-v3 #ron-anatomy-dermis .rda-header-tools{display:flex;align-items:center;gap:27px} #ron-science-v3 #ron-anatomy-dermis .rda-edition{font-size:11px;letter-spacing:.2em;color:#b9c8b5;white-space:nowrap} #ron-science-v3 #ron-anatomy-dermis .rda-language{background:transparent;border:1px solid var(--rda-line);height:44px;min-width:48px;font-size:12px!important;letter-spacing:.06em;transition:background .2s} #ron-science-v3 #ron-anatomy-dermis .rda-language:hover{background:rgba(211,231,176,.1)} #ron-science-v3 #ron-anatomy-dermis .rda-composition{display:grid;grid-template-columns:38% 62%;align-items:center;min-height:650px;position:relative} #ron-science-v3 #ron-anatomy-dermis .rda-copy{position:relative;z-index:5;padding:30px 0 55px;pointer-events:none} #ron-science-v3 #ron-anatomy-dermis .rda-copy button{pointer-events:auto} #ron-science-v3 #ron-anatomy-dermis .rda-kicker{display:flex;align-items:center;gap:13px;margin:0 0 24px;color:var(--rda-lime);font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.8} #ron-science-v3 #ron-anatomy-dermis .rda-kicker:before{content:"";width:30px;height:1px;background:var(--rda-lime)} #ron-science-v3 #ron-anatomy-dermis .rda-title{font:400 clamp(43px,4.4vw,72px)/1.23 RonSerif,Georgia,serif;letter-spacing:-.045em;margin:0 0 26px;max-width:600px} #ron-science-v3 #ron-anatomy-dermis .rda-title span{display:block;white-space:nowrap} #ron-science-v3 #ron-anatomy-dermis .rda-title em{font-style:normal;color:#d2e6b2} #ron-science-v3 #ron-anatomy-dermis .rda-description{font-size:16px;line-height:1.9;color:#c0cbbc;margin:0 0 30px;max-width:380px} #ron-science-v3 #ron-anatomy-dermis .rda-components{display:grid;gap:0;max-width:335px;margin:0} #ron-science-v3 #ron-anatomy-dermis .rda-component{appearance:none;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;text-align:left;padding:12px 2px;border:0;border-bottom:1px solid var(--rda-line);background:none;transition:color .25s,padding .25s;min-height:53px} #ron-science-v3 #ron-anatomy-dermis .rda-component .rda-order{font-size:10px;letter-spacing:.05em;color:#8b9f85;align-self:start;padding-top:3px} #ron-science-v3 #ron-anatomy-dermis .rda-component strong{display:block;font-size:14px;line-height:1.5;font-weight:400} #ron-science-v3 #ron-anatomy-dermis .rda-component small{font-size:12px;color:#90a18c;line-height:1.6;display:block} #ron-science-v3 #ron-anatomy-dermis .rda-component svg{width:15px;height:15px;opacity:.45} #ron-science-v3 #ron-anatomy-dermis .rda-component:hover,#ron-science-v3 #ron-anatomy-dermis .rda-component[aria-pressed="true"]{color:var(--rda-lime);padding-left:7px} #ron-science-v3 #ron-anatomy-dermis .rda-component[aria-pressed="true"] small{color:#c5d9b4} #ron-science-v3 #ron-anatomy-dermis .rda-visual{height:660px;position:relative;min-width:0;touch-action:pan-y;outline:none} #ron-science-v3 #ron-anatomy-dermis .rda-visual:before{content:"";position:absolute;width:78%;height:55%;left:5%;top:25%;border-radius:50%;background:radial-gradient(ellipse,rgba(171,210,130,.16),transparent 70%);filter:blur(26px);pointer-events:none} #ron-science-v3 #ron-anatomy-dermis .rda-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} #ron-science-v3 #ron-anatomy-dermis .rda-canvas-back{z-index:0} #ron-science-v3 #ron-anatomy-dermis .rda-canvas-front{z-index:5} #ron-science-v3 #ron-anatomy-dermis .rda-camera{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 40%;pointer-events:none;z-index:2} #ron-science-v3 #ron-anatomy-dermis .rda-model-position{position:absolute;top:48%;left:44%;width:96%;max-width:780px;aspect-ratio:1;transform:translate(-50%,-50%)} #ron-science-v3 #ron-anatomy-dermis .rda-model{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(0deg) rotateY(-3deg);will-change:transform} #ron-science-v3 #ron-anatomy-dermis .rda-layer-position{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;transition:filter .65s ease} #ron-science-v3 #ron-anatomy-dermis .rda-layer{position:absolute;inset:0;background-image:var(--rda-skin);background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 14px 18px rgba(0,0,0,.24));backface-visibility:hidden;pointer-events:auto;cursor:pointer} #ron-science-v3 #ron-anatomy-dermis .rda-layer--epidermis{clip-path:polygon(6.0606% 16.0287%,9.1707% 14.5136%,13.3174% 12.9984%,17.4641% 11.4833%,21.1324% 10.4466%,24.3222% 9.4099%,26.3955% 9.0112%,28.9474% 9.1707%,31.8979% 9.4099%,34.6093% 9.5694%,37.3206% 9.3301%,40.0319% 9.0909%,42.8230% 9.0909%,45.9330% 9.4099%,48.8836% 9.5694%,51.8341% 9.4099%,54.7847% 9.3301%,57.5758% 9.4099%,60.4466% 9.5694%,63.3971% 9.6491%,66.2679% 9.6491%,69.1388% 9.7289%,71.9298% 9.6491%,74.8804% 9.5694%,77.9107% 9.4896%,80.5423% 9.6491%,83.4928% 9.7289%,86.1244% 9.8884%,88.7560% 9.9681%,91.3078% 10.1276%,93.9394% 10.4466%,93.9394% 23.6045%,93.1419% 24.2424%,92.1850% 24.6411%,91.5470% 25.7576%,90.5901% 27.2727%,89.3939% 28.2297%,88.4370% 28.4689%,87.4003% 28.3094%,86.2839% 28.5486%,85.3270% 29.5853%,84.5295% 30.7815%,83.5726% 31.7384%,82.6156% 31.9777%,81.4195% 32.0574%,80.0638% 31.7384%,78.4689% 31.0207%,76.9537% 29.9043%,75.8373% 29.6651%,74.7209% 29.9043%,73.2057% 30.7815%,71.5311% 31.4195%,70.0957% 31.5789%,68.7400% 31.1802%,67.4641% 30.6220%,66.1085% 29.9043%,64.5933% 29.6651%,62.9984% 29.9043%,61.3238% 30.6220%,59.6491% 31.2600%,57.8150% 31.5789%,56.0606% 31.4992%,54.7049% 31.1802%,52.9506% 30.3030%,51.4354% 29.5056%,50.0000% 29.1866%,48.5646% 29.1866%,47.0494% 29.5853%,45.2951% 30.3828%,43.7002% 31.1005%,42.2648% 31.4992%,40.8293% 31.5789%,39.4737% 31.3397%,38.2775% 30.7815%,37.0813% 29.9841%,35.7257% 28.9474%,34.4498% 28.2297%,33.1738% 27.9904%,31.8182% 28.2297%,30.4625% 28.7879%,28.7081% 29.9841%,27.3525% 30.5423%,25.9968% 30.6220%,24.5614% 30.2233%,23.2855% 29.5853%,21.7703% 28.7081%,20.5742% 28.5486%,19.4577% 28.7081%,18.1021% 29.5056%,16.5869% 30.0638%,15.3110% 30.1435%,13.8756% 29.7448%,12.6794% 29.0271%,11.6427% 28.2297%,10.5263% 27.9107%,9.4896% 27.9904%,8.1340% 28.6284%,6.8581% 28.7879%,6.0606% 28.4689%)} #ron-science-v3 #ron-anatomy-dermis .rda-layer--dermis{clip-path:polygon(6.0606% 28.4689%,6.8581% 28.7879%,8.1340% 28.6284%,9.4896% 27.9904%,10.5263% 27.9107%,11.6427% 28.2297%,12.6794% 29.0271%,13.8756% 29.7448%,15.3110% 30.1435%,16.5869% 30.0638%,18.1021% 29.5056%,19.4577% 28.7081%,20.5742% 28.5486%,21.7703% 28.7081%,23.2855% 29.5853%,24.5614% 30.2233%,25.9968% 30.6220%,27.3525% 30.5423%,28.7081% 29.9841%,30.4625% 28.7879%,31.8182% 28.2297%,33.1738% 27.9904%,34.4498% 28.2297%,35.7257% 28.9474%,37.0813% 29.9841%,38.2775% 30.7815%,39.4737% 31.3397%,40.8293% 31.5789%,42.2648% 31.4992%,43.7002% 31.1005%,45.2951% 30.3828%,47.0494% 29.5853%,48.5646% 29.1866%,50.0000% 29.1866%,51.4354% 29.5056%,52.9506% 30.3030%,54.7049% 31.1802%,56.0606% 31.4992%,57.8150% 31.5789%,59.6491% 31.2600%,61.3238% 30.6220%,62.9984% 29.9043%,64.5933% 29.6651%,66.1085% 29.9043%,67.4641% 30.6220%,68.7400% 31.1802%,70.0957% 31.5789%,71.5311% 31.4195%,73.2057% 30.7815%,74.7209% 29.9043%,75.8373% 29.6651%,76.9537% 29.9043%,78.4689% 31.0207%,80.0638% 31.7384%,81.4195% 32.0574%,82.6156% 31.9777%,83.5726% 31.7384%,84.5295% 30.7815%,85.3270% 29.5853%,86.2839% 28.5486%,87.4003% 28.3094%,88.4370% 28.4689%,89.3939% 28.2297%,90.5901% 27.2727%,91.5470% 25.7576%,92.1850% 24.6411%,93.1419% 24.2424%,93.9394% 23.6045%,93.9394% 73.6045%,82.5359% 83.9713%,77.3525% 83.4131%,72.5678% 82.6156%,67.3046% 81.8182%,62.0415% 81.3397%,56.8581% 80.9410%,51.7544% 80.7018%,47.1292% 80.0638%,41.4673% 79.7448%,35.7257% 79.1866%,30.1435% 78.7081%,24.4817% 78.3094%,19.0590% 77.9107%,13.9553% 77.3525%,9.7289% 77.1930%,6.0606% 76.2360%)} #ron-science-v3 #ron-anatomy-dermis .rda-layer--hypodermis{clip-path:polygon(6.0606% 76.2360%,9.7289% 77.1930%,13.9553% 77.3525%,19.0590% 77.9107%,24.4817% 78.3094%,30.1435% 78.7081%,35.7257% 79.1866%,41.4673% 79.7448%,47.1292% 80.0638%,51.7544% 80.7018%,56.8581% 80.9410%,62.0415% 81.3397%,67.3046% 81.8182%,72.5678% 82.6156%,77.3525% 83.4131%,82.5359% 83.9713%,93.9394% 73.6045%,93.9394% 85.0080%,82.5359% 95.8533%,77.1930% 95.5343%,67.2249% 94.7368%,56.6188% 93.8596%,46.5710% 92.9825%,36.3636% 92.1850%,25.9968% 91.3078%,15.7097% 90.5104%,6.0606% 89.6332%)} #ron-science-v3 #ron-anatomy-dermis .rda-skin-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #ron-science-v3 #ron-anatomy-dermis .rda-focus{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none;z-index:4} #ron-science-v3 #ron-anatomy-dermis .rda-focus:before{content:"";position:absolute;left:var(--fx,45%);top:var(--fy,50%);width:13%;aspect-ratio:1;border:1px solid rgba(218,247,170,.8);border-radius:50%;box-shadow:0 0 23px rgba(198,235,121,.38),inset 0 0 20px rgba(198,235,121,.25);transform:translate(-50%,-50%)} #ron-science-v3 #ron-anatomy-dermis .rda-focus:after{content:"";position:absolute;left:var(--fx,45%);top:var(--fy,50%);width:18%;aspect-ratio:1;border:1px solid rgba(218,247,170,.3);border-radius:50%;transform:translate(-50%,-50%)} #ron-science-v3 #ron-anatomy-dermis .rda-focus.rda-focus-visible{opacity:1} #ron-science-v3 #ron-anatomy-dermis .rda-scan{position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:polygon(6.0606% 16.0287%,9.1707% 14.5136%,13.3174% 12.9984%,17.4641% 11.4833%,21.1324% 10.4466%,24.3222% 9.4099%,26.3955% 9.0112%,28.9474% 9.1707%,31.8979% 9.4099%,34.6093% 9.5694%,37.3206% 9.3301%,40.0319% 9.0909%,42.8230% 9.0909%,45.9330% 9.4099%,48.8836% 9.5694%,51.8341% 9.4099%,54.7847% 9.3301%,57.5758% 9.4099%,60.4466% 9.5694%,63.3971% 9.6491%,66.2679% 9.6491%,69.1388% 9.7289%,71.9298% 9.6491%,74.8804% 9.5694%,77.9107% 9.4896%,80.5423% 9.6491%,83.4928% 9.7289%,86.1244% 9.8884%,88.7560% 9.9681%,91.3078% 10.1276%,93.9394% 10.4466%,93.9394% 85.0080%,82.5359% 95.8533%,77.1930% 95.5343%,67.2249% 94.7368%,56.6188% 93.8596%,46.5710% 92.9825%,36.3636% 92.1850%,25.9968% 91.3078%,15.7097% 90.5104%,6.0606% 89.6332%);opacity:.26;overflow:hidden} #ron-science-v3 #ron-anatomy-dermis .rda-scan:after{content:"";position:absolute;left:0;right:0;top:-20%;height:16%;background:linear-gradient(0deg,transparent,rgba(205,243,172,.8) 45%,rgba(247,255,229,.94) 50%,transparent);transform:skewY(-10deg);animation:rda-sweep 8.5s linear infinite} @keyframes rda-sweep{0%,10%{top:-25%;opacity:0}15%{opacity:.85}75%{opacity:.4}88%,100%{top:110%;opacity:0}} #ron-science-v3 #ron-anatomy-dermis .rda-halo-floor{position:absolute;bottom:2%;left:5%;width:74%;height:16%;background:radial-gradient(ellipse,rgba(187,222,110,.14),transparent 70%);border-radius:50%;filter:blur(10px)} #ron-science-v3 #ron-anatomy-dermis .rda-callout{position:absolute;right:0;z-index:7;text-align:left;display:flex;align-items:center;gap:10px;min-width:110px;min-height:48px;background:none;border:0;padding:8px 0 8px 15px;transition:color .3s,transform .3s;white-space:nowrap} #ron-science-v3 #ron-anatomy-dermis .rda-callout:before{content:"";position:absolute;right:calc(100% - 6px);width:38px;height:1px;background:linear-gradient(90deg,rgba(209,232,170,.22),#adbf9d)} #ron-science-v3 #ron-anatomy-dermis .rda-callout:after{content:"";width:5px;height:5px;border-radius:50%;background:#bfdb9c;position:absolute;right:calc(100% + 30px);box-shadow:0 0 10px rgba(220,251,154,.6)} #ron-science-v3 #ron-anatomy-dermis .rda-callout span{font-size:11px;letter-spacing:.07em;font-weight:700} #ron-science-v3 #ron-anatomy-dermis .rda-callout i{font-style:normal;font-size:9px;color:#91a286} #ron-science-v3 #ron-anatomy-dermis .rda-callout--epidermis{top:23%} #ron-science-v3 #ron-anatomy-dermis .rda-callout--dermis{top:50%} #ron-science-v3 #ron-anatomy-dermis .rda-callout--hypodermis{top:76%} #ron-science-v3 #ron-anatomy-dermis .rda-callout:hover,#ron-science-v3 #ron-anatomy-dermis .rda-callout[aria-pressed="true"]{color:var(--rda-lime);transform:translateX(-4px)} #ron-science-v3 #ron-anatomy-dermis .rda-callout[aria-pressed="true"]:after{box-shadow:0 0 15px #d4eea4} #ron-science-v3 #ron-anatomy-dermis .rda-scene-caption{position:absolute;top:6%;left:6%;font-size:10px;letter-spacing:.2em;color:#8da383;z-index:1} #ron-science-v3 #ron-anatomy-dermis .rda-scene-index{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.18em;color:#91a783;white-space:nowrap} #ron-science-v3 #ron-anatomy-dermis .rda-controls{position:relative;z-index:9;display:flex;align-items:center;gap:9px} #ron-science-v3 #ron-anatomy-dermis .rda-controls button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--rda-line);background:transparent;min-width:44px;height:44px;padding:0 12px;transition:background .2s,border-color .2s} #ron-science-v3 #ron-anatomy-dermis .rda-controls button:hover,#ron-science-v3 #ron-anatomy-dermis .rda-controls button[aria-pressed="true"]{background:rgba(201,228,140,.09);border-color:#9fbb77} #ron-science-v3 #ron-anatomy-dermis .rda-controls button span{font-size:12px} #ron-science-v3 #ron-anatomy-dermis .rda-control-pause svg{width:17px;height:17px} #ron-science-v3 #ron-anatomy-dermis .rda-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 0;border-top:1px solid var(--rda-line);position:relative;z-index:6} #ron-science-v3 #ron-anatomy-dermis .rda-help{display:flex;gap:12px;align-items:center;color:#a2b299;font-size:12px;margin:0} #ron-science-v3 #ron-anatomy-dermis .rda-help svg{width:18px;height:18px;flex-shrink:0;color:#c5d5b3} #ron-science-v3 #ron-anatomy-dermis .rda-signature{font-family:RonSerif,Georgia,serif;font-size:16px;letter-spacing:.02em;color:#bacda9;white-space:nowrap} #ron-science-v3 #ron-anatomy-dermis .rda-signature sup{font-size:8px;vertical-align:super} #ron-science-v3 #ron-anatomy-dermis .rda-component-caption{font-size:11px;line-height:1.7;color:#9cb090;min-height:40px;max-width:330px;margin:15px 0 0} #ron-science-v3 #ron-anatomy-dermis.rda-paused .rda-scan:after{animation-play-state:paused} #ron-science-v3 #ron-anatomy-dermis.rda-still .rda-scan{display:none} #ron-science-v3 #ron-anatomy-dermis:fullscreen{overflow:auto;display:flex;align-items:center;min-height:100vh} #ron-science-v3 #ron-anatomy-dermis:fullscreen .rda-shell{width:100%} @media(min-width:1510px){#ron-science-v3 #ron-anatomy-dermis .rda-composition{min-height:760px} #ron-science-v3 #ron-anatomy-dermis .rda-visual{height:750px} #ron-science-v3 #ron-anatomy-dermis .rda-callout{right:0} #ron-science-v3 #ron-anatomy-dermis .rda-title{font-size:70px}} @media(max-width:1180px){#ron-science-v3 #ron-anatomy-dermis .rda-shell{padding:24px 30px 20px} #ron-science-v3 #ron-anatomy-dermis .rda-composition{grid-template-columns:40% 60%;min-height:610px} #ron-science-v3 #ron-anatomy-dermis .rda-title{font-size:clamp(40px,4.5vw,58px)} #ron-science-v3 #ron-anatomy-dermis .rda-visual{height:610px} #ron-science-v3 #ron-anatomy-dermis .rda-model-position{left:41%;width:106%} #ron-science-v3 #ron-anatomy-dermis .rda-callout{right:-8px;min-width:88px} #ron-science-v3 #ron-anatomy-dermis .rda-callout:before{width:23px} #ron-science-v3 #ron-anatomy-dermis .rda-callout:after{right:calc(100% + 16px)} #ron-science-v3 #ron-anatomy-dermis .rda-callout span{font-size:10px} #ron-science-v3 #ron-anatomy-dermis .rda-scene-caption{left:8%;top:9%} #ron-science-v3 #ron-anatomy-dermis .rda-components{max-width:300px} #ron-science-v3 #ron-anatomy-dermis .rda-description{max-width:310px;font-size:15px} #ron-science-v3 #ron-anatomy-dermis .rda-header-tools{gap:18px}} @media(max-width:760px){#ron-science-v3 #ron-anatomy-dermis .rda-shell{padding:22px 20px 18px} #ron-science-v3 #ron-anatomy-dermis .rda-header{gap:12px} #ron-science-v3 #ron-anatomy-dermis .rda-brand{font-size:17px;letter-spacing:.11em} #ron-science-v3 #ron-anatomy-dermis .rda-edition{display:none} #ron-science-v3 #ron-anatomy-dermis .rda-header-tools{gap:0} #ron-science-v3 #ron-anatomy-dermis .rda-language{height:40px;min-height:44px} #ron-science-v3 #ron-anatomy-dermis .rda-composition{display:flex;flex-direction:column;min-height:0} #ron-science-v3 #ron-anatomy-dermis .rda-copy{padding:44px 0 0;align-self:stretch} #ron-science-v3 #ron-anatomy-dermis .rda-kicker{font-size:10px;letter-spacing:.16em;margin-bottom:19px} #ron-science-v3 #ron-anatomy-dermis .rda-title{font-size:clamp(39px,7.9vw,60px);line-height:1.23;margin-bottom:19px;max-width:none} #ron-science-v3 #ron-anatomy-dermis .rda-title span{white-space:normal} #ron-science-v3 #ron-anatomy-dermis .rda-title span:first-child{display:inline} #ron-science-v3 #ron-anatomy-dermis .rda-title span:last-child{display:block} #ron-science-v3 #ron-anatomy-dermis .rda-description{font-size:15px;line-height:1.8;max-width:460px;margin-bottom:22px} #ron-science-v3 #ron-anatomy-dermis .rda-components{grid-template-columns:1fr 1fr 1.45fr;max-width:none;gap:14px} #ron-science-v3 #ron-anatomy-dermis .rda-component{grid-template-columns:1fr;gap:4px;min-height:71px;padding:9px 0;text-align:left} #ron-science-v3 #ron-anatomy-dermis .rda-component .rda-order{font-size:9px;padding:0} #ron-science-v3 #ron-anatomy-dermis .rda-component svg{display:none} #ron-science-v3 #ron-anatomy-dermis .rda-component strong{font-size:12px} #ron-science-v3 #ron-anatomy-dermis .rda-component small{font-size:11px;line-height:1.65} #ron-science-v3 #ron-anatomy-dermis .rda-component:hover,#ron-science-v3 #ron-anatomy-dermis .rda-component[aria-pressed="true"]{padding-left:0} #ron-science-v3 #ron-anatomy-dermis .rda-component-caption{font-size:11px;margin:12px 0 0;min-height:28px;max-width:none} #ron-science-v3 #ron-anatomy-dermis .rda-visual{width:calc(100% + 40px);height:auto;aspect-ratio:1.12;max-height:620px;min-height:325px;align-self:center;margin-top:3px} #ron-science-v3 #ron-anatomy-dermis .rda-model-position{width:87%;max-width:none;left:45%;top:47%} #ron-science-v3 #ron-anatomy-dermis .rda-callout{right:14px;min-width:70px;min-height:44px;gap:5px;padding-left:7px} #ron-science-v3 #ron-anatomy-dermis .rda-callout span{font-size:11px;letter-spacing:0} #ron-science-v3 #ron-anatomy-dermis .rda-callout i{font-size:8px} #ron-science-v3 #ron-anatomy-dermis .rda-callout:before{width:16px} #ron-science-v3 #ron-anatomy-dermis .rda-callout:after{right:calc(100% + 10px);width:4px;height:4px} #ron-science-v3 #ron-anatomy-dermis .rda-callout--epidermis{top:20%} #ron-science-v3 #ron-anatomy-dermis .rda-callout--dermis{top:49%} #ron-science-v3 #ron-anatomy-dermis .rda-callout--hypodermis{top:77%} #ron-science-v3 #ron-anatomy-dermis .rda-scene-caption{top:1%;left:7%;font-size:8px} #ron-science-v3 #ron-anatomy-dermis .rda-scene-index{bottom:0;font-size:8px;left:47%} #ron-science-v3 #ron-anatomy-dermis .rda-bottom{flex-wrap:wrap;padding-top:19px;margin-top:15px;gap:17px} #ron-science-v3 #ron-anatomy-dermis .rda-help{font-size:10px;max-width:180px;gap:7px} #ron-science-v3 #ron-anatomy-dermis .rda-help svg{width:14px;height:14px} #ron-science-v3 #ron-anatomy-dermis .rda-signature{display:none} #ron-science-v3 #ron-anatomy-dermis .rda-controls{gap:6px} #ron-science-v3 #ron-anatomy-dermis .rda-controls button{min-width:44px;padding:0 10px} #ron-science-v3 #ron-anatomy-dermis .rda-controls button span{font-size:11px} #ron-science-v3 #ron-anatomy-dermis .rda-control-fullscreen{display:none!important}} @media(max-width:420px){#ron-science-v3 #ron-anatomy-dermis .rda-shell{padding-left:18px;padding-right:18px} #ron-science-v3 #ron-anatomy-dermis .rda-title{font-size:39px} #ron-science-v3 #ron-anatomy-dermis .rda-brand{font-size:15px} #ron-science-v3 #ron-anatomy-dermis .rda-copy{padding-top:31px} #ron-science-v3 #ron-anatomy-dermis .rda-description{font-size:14px} #ron-science-v3 #ron-anatomy-dermis .rda-components{gap:10px} #ron-science-v3 #ron-anatomy-dermis .rda-component strong{font-size:11px} #ron-science-v3 #ron-anatomy-dermis .rda-component small{font-size:11px} #ron-science-v3 #ron-anatomy-dermis .rda-visual{width:calc(100% + 36px)} #ron-science-v3 #ron-anatomy-dermis .rda-callout{right:8px} #ron-science-v3 #ron-anatomy-dermis .rda-help{max-width:144px} #ron-science-v3 #ron-anatomy-dermis .rda-controls button{padding:0 9px} #ron-science-v3 #ron-anatomy-dermis .rda-kicker{font-size:9px} #ron-science-v3 #ron-anatomy-dermis .rda-component-caption{font-size:11px}} @media(prefers-reduced-motion:reduce){#ron-science-v3 #ron-anatomy-dermis .rda-scan{display:none} #ron-science-v3 #ron-anatomy-dermis *{animation:none!important;transition:none!important} #ron-science-v3 #ron-anatomy-dermis .rda-model,#ron-science-v3 #ron-anatomy-dermis .rda-layer-position{will-change:auto}} #ron-science-v3 #ron-anatomy-overview{--rsa-ink:#0b1408;--rsa-green:#4f6d0f;--rsa-lime:#bddc24;--rsa-line:#d8dfcd;--rsa-rx:0deg;--rsa-ry:0deg;--rsa-mx:0px;--rsa-my:0px;--rsa-poster:url('https://roninternational.net/wp-content/uploads/2026/09/ron-c1ae7d36fa18347b7251.webp');box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:680px;background:radial-gradient(ellipse at 80% 34%,#eaf0d769,transparent 55%),linear-gradient(125deg,#fff 12%,#f6f4ef 88%);color:var(--rsa-ink);font-family:RonSans,Arial,sans-serif;line-height:1.6} #ron-science-v3 #ron-anatomy-overview *,#ron-science-v3 #ron-anatomy-overview *::before,#ron-science-v3 #ron-anatomy-overview *::after{box-sizing:border-box} #ron-science-v3 #ron-anatomy-overview button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent} #ron-science-v3 #ron-anatomy-overview button:focus-visible{outline:3px solid var(--rsa-lime);outline-offset:5px} #ron-science-v3 #ron-anatomy-overview .rsa-shell{max-width:1600px;margin:auto;padding:32px clamp(22px,4vw,70px) 22px;position:relative;z-index:2} #ron-science-v3 #ron-anatomy-overview .rsa-top{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--rsa-line);padding-bottom:22px} #ron-science-v3 #ron-anatomy-overview .rsa-brand{font-size:14px;font-weight:700;letter-spacing:.21em;white-space:nowrap} #ron-science-v3 #ron-anatomy-overview .rsa-brand sup{font-size:9px;vertical-align:super;letter-spacing:0} #ron-science-v3 #ron-anatomy-overview .rsa-top-note{font-size:12px;color:#66705c;letter-spacing:.14em;text-transform:uppercase} #ron-science-v3 #ron-anatomy-overview .rsa-tools{display:flex;gap:8px} #ron-science-v3 #ron-anatomy-overview .rsa-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #cdd5c0;background:#ffffff80;border-radius:50%;transition:background .2s,border-color .2s} #ron-science-v3 #ron-anatomy-overview .rsa-icon:hover{background:#e8efcf;border-color:#93a76b} #ron-science-v3 #ron-anatomy-overview svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} #ron-science-v3 #ron-anatomy-overview .rsa-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.55fr);gap:8px;min-height:540px;align-items:center} #ron-science-v3 #ron-anatomy-overview .rsa-copy{position:relative;z-index:5;padding:42px 0 28px} #ron-science-v3 #ron-anatomy-overview .rsa-eyebrow{font-size:12px;font-weight:700;letter-spacing:.19em;color:var(--rsa-green);display:flex;align-items:center;gap:12px;margin:0 0 23px} #ron-science-v3 #ron-anatomy-overview .rsa-eyebrow::before{content:"";width:30px;height:2px;background:var(--rsa-lime)} #ron-science-v3 #ron-anatomy-overview h2{font-family:RonSerif,Georgia,serif;font-size:clamp(44px,4.6vw,74px);line-height:1.17;font-weight:400;letter-spacing:-.065em;margin:0 0 24px;max-width:560px} #ron-science-v3 #ron-anatomy-overview h2 em{font-weight:400;font-style:normal;color:var(--rsa-green)} #ron-science-v3 #ron-anatomy-overview .rsa-lead{font-size:16px;line-height:1.85;max-width:320px;margin:0 0 29px;color:#62685a} #ron-science-v3 #ron-anatomy-overview .rsa-layers{display:flex;flex-direction:column;gap:0;max-width:315px;border-top:1px solid var(--rsa-line)} #ron-science-v3 #ron-anatomy-overview .rsa-layer-button{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--rsa-line);background:transparent;padding:13px 7px 13px 0;transition:padding .4s,background .4s} #ron-science-v3 #ron-anatomy-overview .rsa-layer-button:hover,#ron-science-v3 #ron-anatomy-overview .rsa-layer-button[aria-pressed="true"]{background:#eaf0da;padding-left:12px} #ron-science-v3 #ron-anatomy-overview .rsa-number{font-size:12px;color:var(--rsa-green);letter-spacing:.1em} #ron-science-v3 #ron-anatomy-overview .rsa-layer-label{font-size:15px;font-weight:700;display:block} #ron-science-v3 #ron-anatomy-overview .rsa-layer-desc{display:block;font-size:12px;line-height:1.7;color:#6b715f;font-weight:400} #ron-science-v3 #ron-anatomy-overview .rsa-layer-arrow{font-size:19px;color:#738159;font-weight:400} #ron-science-v3 #ron-anatomy-overview .rsa-scene{position:relative;min-width:0;width:100%;aspect-ratio:1.29;perspective:1100px;touch-action:pan-y;isolation:isolate;z-index:1} #ron-science-v3 #ron-anatomy-overview .rsa-scene::before{content:"";position:absolute;inset:8% -2% 7%;background-image:linear-gradient(#8b9e7420 1px,transparent 1px),linear-gradient(90deg,#8b9e7420 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse,#0008,transparent 65%);transform:perspective(600px) rotateX(59deg) rotateZ(-18deg);z-index:-3} #ron-science-v3 #ron-anatomy-overview .rsa-halo{position:absolute;width:71%;height:27%;left:16%;bottom:10%;border-radius:50%;background:radial-gradient(ellipse,#bad6472e,#eff4db20 57%,transparent 72%);box-shadow:0 22px 40px -40px #526c1a;transform:rotate(-10deg);z-index:-1} #ron-science-v3 #ron-anatomy-overview .rsa-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0} #ron-science-v3 #ron-anatomy-overview .rsa-canvas-front{z-index:3} #ron-science-v3 #ron-anatomy-overview .rsa-model-entry{position:absolute;inset:8% -1% 14%;transform-style:preserve-3d;z-index:1} #ron-science-v3 #ron-anatomy-overview .rsa-model-tilt{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1498/1050;transform-style:preserve-3d;transform:translateY(-50%) rotateX(var(--rsa-rx)) rotateY(var(--rsa-ry)) translate3d(var(--rsa-mx),var(--rsa-my),0);will-change:transform} #ron-science-v3 #ron-anatomy-overview .rsa-model-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;-webkit-user-drag:none;backface-visibility:hidden;clip-path:url(#rsa-skin-silhouette);filter:saturate(.75) contrast(.98)} #ron-science-v3 #ron-anatomy-overview .rsa-model-slice{position:absolute;inset:0;transition:transform 1.3s cubic-bezier(.19,1,.22,1),filter .7s;will-change:transform;transform-style:preserve-3d} #ron-science-v3 #ron-anatomy-overview .rsa-slice-0{clip-path:none;transform:translateZ(0)} #ron-science-v3 #ron-anatomy-overview.rsa-js .rsa-slice-0{clip-path:polygon(0% 0%,100% 0%,100% 24.7%,93.4% 24.7%,89% 26.4%,86.3% 30.2%,81.9% 30.4%,79.9% 34.2%,77.2% 34.8%,72.7% 42%,70.1% 41.4%,65.7% 42.6%,61.6% 39.4%,55.5% 40.5%,49.9% 39.1%,48.3% 36.5%,43.7% 35.6%,38.8% 36.7%,34.3% 35.9%,30.7% 34%,26.7% 34.9%,21.4% 34.5%,18.3% 31.4%,15% 32.8%,11.6% 31.9%,0% 31.9%);transform:translateZ(0)} #ron-science-v3 #ron-anatomy-overview .rsa-slice-1{clip-path:polygon(0% 31.9%,11.6% 31.9%,15% 32.8%,18.3% 31.4%,21.4% 34.5%,26.7% 34.9%,30.7% 34%,34.3% 35.9%,38.8% 36.7%,43.7% 35.6%,48.3% 36.5%,49.9% 39.1%,55.5% 40.5%,61.6% 39.4%,65.7% 42.6%,70.1% 41.4%,72.7% 42%,77.2% 34.8%,79.9% 34.2%,81.9% 30.4%,86.3% 30.2%,89% 26.4%,93.4% 24.7%,100% 24.7%,100% 61.4%,93.4% 61.4%,85.7% 65.5%,77.4% 73.9%,72.7% 81.2%,64.7% 78.7%,55% 81.1%,48.7% 77.7%,44.9% 78.8%,35% 78.3%,28.4% 73.8%,23% 75.9%,15.4% 72%,10% 74%,0% 74%);transform:translateZ(0)} #ron-science-v3 #ron-anatomy-overview .rsa-slice-2{clip-path:polygon(0% 74%,10% 74%,15.4% 72%,23% 75.9%,28.4% 73.8%,35% 78.3%,44.9% 78.8%,48.7% 77.7%,55% 81.1%,64.7% 78.7%,72.7% 81.2%,77.4% 73.9%,85.7% 65.5%,93.4% 61.4%,100% 61.4%,100% 100%,0% 100%);transform:translateZ(0)} #ron-science-v3 #ron-anatomy-overview.rsa-exploded .rsa-slice-0{transform:translate3d(0,-9%,55px)} #ron-science-v3 #ron-anatomy-overview.rsa-exploded .rsa-slice-1{transform:translate3d(0,1%,12px)} #ron-science-v3 #ron-anatomy-overview.rsa-exploded .rsa-slice-2{transform:translate3d(0,11%,-24px)} #ron-science-v3 #ron-anatomy-overview[data-layer="0"] .rsa-slice-0,#ron-science-v3 #ron-anatomy-overview[data-layer="1"] .rsa-slice-1,#ron-science-v3 #ron-anatomy-overview[data-layer="2"] .rsa-slice-2{filter:drop-shadow(0 0 9px #bad64766)} #ron-science-v3 #ron-anatomy-overview .rsa-orbit{position:absolute;left:7%;top:24%;width:87%;height:61%;border:1px solid #8ca45238;border-radius:50%;transform:rotate(-24deg) rotateX(52deg);z-index:-1} #ron-science-v3 #ron-anatomy-overview .rsa-orbit::after{content:"";position:absolute;inset:-8%;border:1px solid #9dac771c;border-radius:50%;transform:rotate(19deg)} #ron-science-v3 #ron-anatomy-overview .rsa-scene-caption{position:absolute;bottom:0;left:4%;right:0;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:6} #ron-science-v3 #ron-anatomy-overview .rsa-explore{border:1px solid #b6c59d;background:#ffffffbf;backdrop-filter:blur(8px);padding:10px 17px;display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap} #ron-science-v3 #ron-anatomy-overview .rsa-explore:hover{background:#e8efcf} #ron-science-v3 #ron-anatomy-overview .rsa-hint{font-size:12px;letter-spacing:.03em;color:#6d775d;margin:0;max-width:180px;text-align:right} #ron-science-v3 #ron-anatomy-overview .rsa-detail-strip{display:grid;grid-template-columns:.8fr 1.55fr;gap:8px;align-items:end;margin-top:10px;padding-top:21px;border-top:1px solid var(--rsa-line)} #ron-science-v3 #ron-anatomy-overview .rsa-signature{padding-right:28px;padding-bottom:8px} #ron-science-v3 #ron-anatomy-overview .rsa-signature strong{font-family:RonSerif,Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.06em;display:block;line-height:1.3} #ron-science-v3 #ron-anatomy-overview .rsa-signature small{font-size:11px;letter-spacing:.045em;color:#69715f;display:block;margin-top:9px} #ron-science-v3 #ron-anatomy-overview .rsa-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #ron-science-v3 #ron-anatomy-overview .rsa-detail{min-width:0;margin:0;transform-style:preserve-3d;perspective:600px} #ron-science-v3 #ron-anatomy-overview .rsa-macro{position:relative;width:100%;aspect-ratio:2.45;background-image:var(--rsa-poster);background-repeat:no-repeat;background-size:345.23% auto;border-radius:0;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s;transform-origin:50% 80%;overflow:hidden} #ron-science-v3 #ron-anatomy-overview .rsa-macro::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff77 48%,transparent 60%);transform:translateX(-120%);transition:transform .85s} #ron-science-v3 #ron-anatomy-overview .rsa-detail:hover .rsa-macro{transform:rotateX(6deg) translateY(-7px) scale(1.025);box-shadow:0 16px 20px -16px #16280b77} #ron-science-v3 #ron-anatomy-overview .rsa-detail:hover .rsa-macro::after{transform:translateX(120%)} #ron-science-v3 #ron-anatomy-overview .rsa-macro-0{background-position:5.39% 76%} #ron-science-v3 #ron-anatomy-overview .rsa-macro-1{background-position:49.94% 76%} #ron-science-v3 #ron-anatomy-overview .rsa-macro-2{background-position:94.48% 76%} #ron-science-v3 #ron-anatomy-overview .rsa-detail figcaption{padding-top:9px;font-size:12px;letter-spacing:.02em;font-weight:700} #ron-science-v3 #ron-anatomy-overview .rsa-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;color:#78806e;font-size:10px;letter-spacing:.03em} #ron-science-v3 #ron-anatomy-overview .rsa-footer p{margin:0} #ron-science-v3 #ron-anatomy-overview .rsa-footer a{color:inherit;text-decoration:none} #ron-science-v3 #ron-anatomy-overview .rsa-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #ron-science-v3 #ron-anatomy-overview.rsa-reveal .rsa-copy{animation:rsa-copy-in 1.5s cubic-bezier(.2,.7,.2,1) both} #ron-science-v3 #ron-anatomy-overview.rsa-reveal .rsa-model-entry{animation:rsa-model-in 2.2s cubic-bezier(.12,.6,.2,1) both} #ron-science-v3 #ron-anatomy-overview.rsa-reveal .rsa-detail{animation:rsa-detail-in 1.5s cubic-bezier(.12,.6,.2,1) both;animation-delay:1.1s} #ron-science-v3 #ron-anatomy-overview.rsa-reveal .rsa-detail:nth-child(2){animation-delay:1.35s} #ron-science-v3 #ron-anatomy-overview.rsa-reveal .rsa-detail:nth-child(3){animation-delay:1.6s} #ron-science-v3 #ron-anatomy-overview.rsa-reveal .rsa-signature{animation:rsa-copy-in 1.3s 1.5s both} #ron-science-v3 #ron-anatomy-overview.rsa-paused *,#ron-science-v3 #ron-anatomy-overview.rsa-offscreen *{animation-play-state:paused!important} @keyframes rsa-copy-in{from{opacity:0;transform:translate3d(0,25px,0)}to{opacity:1;transform:none}} @keyframes rsa-model-in{0%{opacity:0;transform:translate3d(45px,55px,-200px) rotateY(-13deg) rotateX(9deg) scale(.88)}25%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0) rotateY(0) rotateX(0) scale(1)}} @keyframes rsa-detail-in{from{opacity:0;transform:translate3d(0,24px,-65px) rotateX(14deg)}to{opacity:1;transform:none}} #ron-science-v3 #ron-anatomy-overview:fullscreen{overflow:auto;display:grid;place-items:center;min-height:100vh} #ron-science-v3 #ron-anatomy-overview:fullscreen .rsa-shell{width:100%} @media(min-width:1600px){#ron-science-v3 #ron-anatomy-overview .rsa-scene{aspect-ratio:1.5} #ron-science-v3 #ron-anatomy-overview .rsa-layout{min-height:560px}} @media(max-width:1180px){#ron-science-v3 #ron-anatomy-overview .rsa-shell{padding:24px 28px 18px} #ron-science-v3 #ron-anatomy-overview .rsa-layout{grid-template-columns:.8fr 1.2fr;min-height:500px} #ron-science-v3 #ron-anatomy-overview .rsa-scene{aspect-ratio:.98} #ron-science-v3 #ron-anatomy-overview .rsa-model-entry{inset:6% -8% 10%} #ron-science-v3 #ron-anatomy-overview .rsa-detail-strip{grid-template-columns:.8fr 1.2fr} #ron-science-v3 #ron-anatomy-overview .rsa-top-note{display:none} #ron-science-v3 #ron-anatomy-overview h2{font-size:clamp(43px,5.2vw,62px)} #ron-science-v3 #ron-anatomy-overview .rsa-hint{display:none} #ron-science-v3 #ron-anatomy-overview .rsa-scene-caption{left:10%;bottom:3%} #ron-science-v3 #ron-anatomy-overview .rsa-details{gap:10px} #ron-science-v3 #ron-anatomy-overview .rsa-detail figcaption{font-size:11px}} @media(max-width:760px){#ron-science-v3 #ron-anatomy-overview{min-height:0} #ron-science-v3 #ron-anatomy-overview .rsa-shell{padding:18px 19px 16px} #ron-science-v3 #ron-anatomy-overview .rsa-top{padding-bottom:15px;gap:12px} #ron-science-v3 #ron-anatomy-overview .rsa-brand{font-size:11px;letter-spacing:.14em} #ron-science-v3 #ron-anatomy-overview .rsa-icon{width:44px;height:44px} #ron-science-v3 #ron-anatomy-overview .rsa-tools{gap:5px} #ron-science-v3 #ron-anatomy-overview .rsa-layout{display:flex;flex-direction:column;gap:0;min-height:0} #ron-science-v3 #ron-anatomy-overview .rsa-copy{padding:26px 0 0;width:100%;text-align:center} #ron-science-v3 #ron-anatomy-overview .rsa-eyebrow{justify-content:center;margin-bottom:13px;font-size:10px} #ron-science-v3 #ron-anatomy-overview h2{max-width:none;font-size:clamp(37px,8vw,55px);margin-bottom:13px;line-height:1.19;letter-spacing:-.065em} #ron-science-v3 #ron-anatomy-overview h2 br{display:none} #ron-science-v3 #ron-anatomy-overview .rsa-lead{font-size:14px;max-width:390px;margin:0 auto 18px} #ron-science-v3 #ron-anatomy-overview .rsa-layers{max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border:0} #ron-science-v3 #ron-anatomy-overview .rsa-layer-button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--rsa-line);padding:9px 5px;text-align:center;background:#ffffff55;min-height:44px} #ron-science-v3 #ron-anatomy-overview .rsa-layer-button:hover,#ron-science-v3 #ron-anatomy-overview .rsa-layer-button[aria-pressed="true"]{padding-left:5px} #ron-science-v3 #ron-anatomy-overview .rsa-layer-label{font-size:12px} #ron-science-v3 #ron-anatomy-overview .rsa-layer-desc,#ron-science-v3 #ron-anatomy-overview .rsa-layer-arrow{display:none} #ron-science-v3 #ron-anatomy-overview .rsa-number{font-size:10px} #ron-science-v3 #ron-anatomy-overview .rsa-scene{aspect-ratio:.98;margin-top:8px} #ron-science-v3 #ron-anatomy-overview .rsa-model-entry{inset:6% -5% 20%} #ron-science-v3 #ron-anatomy-overview .rsa-scene-caption{bottom:0;left:0;right:0;justify-content:center} #ron-science-v3 #ron-anatomy-overview .rsa-explore{font-size:12px;padding:8px 13px;min-height:42px} #ron-science-v3 #ron-anatomy-overview .rsa-detail-strip{display:flex;flex-direction:column-reverse;align-items:stretch;margin-top:20px;padding-top:18px;gap:22px} #ron-science-v3 #ron-anatomy-overview .rsa-details{gap:8px} #ron-science-v3 #ron-anatomy-overview .rsa-macro{aspect-ratio:1.55;background-position-y:77.2%} #ron-science-v3 #ron-anatomy-overview .rsa-detail figcaption{font-size:10px;line-height:1.5;text-align:center} #ron-science-v3 #ron-anatomy-overview .rsa-signature{text-align:center;padding:0} #ron-science-v3 #ron-anatomy-overview .rsa-signature strong{font-size:25px} #ron-science-v3 #ron-anatomy-overview .rsa-signature small{font-size:10px;margin-top:4px} #ron-science-v3 #ron-anatomy-overview .rsa-footer{margin-top:19px;font-size:9px;gap:14px;align-items:flex-start} #ron-science-v3 #ron-anatomy-overview .rsa-footer p{max-width:260px} #ron-science-v3 #ron-anatomy-overview.rsa-exploded .rsa-slice-0{transform:translate3d(0,-8%,26px)} #ron-science-v3 #ron-anatomy-overview.rsa-exploded .rsa-slice-2{transform:translate3d(0,9%,-10px)}} @media(max-width:420px){#ron-science-v3 #ron-anatomy-overview .rsa-shell{padding-left:15px;padding-right:15px} #ron-science-v3 #ron-anatomy-overview .rsa-brand{font-size:10px;letter-spacing:.095em} #ron-science-v3 #ron-anatomy-overview .rsa-tools{gap:4px} #ron-science-v3 #ron-anatomy-overview .rsa-icon{width:44px;height:44px} #ron-science-v3 #ron-anatomy-overview .rsa-icon svg{width:15px;height:15px} #ron-science-v3 #ron-anatomy-overview h2{font-size:37px} #ron-science-v3 #ron-anatomy-overview .rsa-lead{font-size:13px}} @media(prefers-reduced-motion:reduce){#ron-science-v3 #ron-anatomy-overview *,#ron-science-v3 #ron-anatomy-overview *::before,#ron-science-v3 #ron-anatomy-overview *::after{animation:none!important;transition:none!important} #ron-science-v3 #ron-anatomy-overview .rsa-model-tilt{transform:translateY(-50%)!important}} #ron-science-v3 #ron-ingredient-art,#ron-science-v3 #ron-ingredient-art *{box-sizing:border-box} #ron-science-v3 #ron-ingredient-art{position:relative;isolation:isolate;width:100%;height:clamp(580px,56.25vw,1000px);overflow:hidden;overflow:clip;background:#f6f4ef;touch-action:pan-y;outline:none;contain:layout paint;font-family:Arial,sans-serif} #ron-science-v3 #ron-ingredient-art .ronSkinBackdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 14% 30%,#54633588,transparent 50%),radial-gradient(ellipse at 32% 8%,#a8b78455,transparent 44%),linear-gradient(109deg,#0b1408 0%,#1b2a12 25%,#6c7657 40%,#e3e2d4 62%,#f6f4ef 87%)} #ron-science-v3 #ron-ingredient-art .ronSkinBackdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% -14%,#faf9eee0,transparent 42%),radial-gradient(ellipse at 4% 104%,#070e07b0,transparent 56%);pointer-events:none} #ron-science-v3 #ron-ingredient-art .ronSkinPhoto{position:absolute;height:125%;width:auto;aspect-ratio:2/3;right:0;top:-25%;display:block;object-fit:contain;object-position:center;max-width:none;user-select:none;-webkit-user-drag:none;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%)} #ron-science-v3 #ron-ingredient-art .ronSkinCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2} #ron-science-v3 #ron-ingredient-art .ronSkinControls{position:absolute;right:20px;bottom:18px;z-index:3;display:flex;gap:7px;opacity:.58;transition:opacity .3s} #ron-science-v3 #ron-ingredient-art:hover .ronSkinControls,#ron-science-v3 #ron-ingredient-art .ronSkinControls:focus-within{opacity:1} #ron-science-v3 #ron-ingredient-art .ronSkinControl{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #38512544;background:#f6f4efdd;color:#22351a;cursor:pointer;border-radius:0;transition:background .2s,color .2s} #ron-science-v3 #ron-ingredient-art .ronSkinControl:hover{background:#bddc24;color:#12130f} #ron-science-v3 #ron-ingredient-art .ronSkinControl:focus-visible{outline:3px solid #bddc24;outline-offset:3px} #ron-science-v3 #ron-ingredient-art .ronSkinControl svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} #ron-science-v3 #ron-ingredient-art .ronSkinControl .ronSkinPlay{display:none} #ron-science-v3 #ron-ingredient-art[data-paused="true"] .ronSkinPause{display:none} #ron-science-v3 #ron-ingredient-art[data-paused="true"] .ronSkinPlay{display:block} #ron-science-v3 #ron-ingredient-art .ronSkinControls[hidden],#ron-science-v3 #ron-ingredient-art .ronSkinControl[hidden]{display:none} #ron-science-v3 #ron-ingredient-art:fullscreen{height:100vh;height:100dvh;width:100vw} #ron-science-v3 #ron-ingredient-art::selection{background:transparent} @media(max-width:760px){#ron-science-v3 #ron-ingredient-art{height:auto;aspect-ratio:2/3} #ron-science-v3 #ron-ingredient-art .ronSkinBackdrop{background:#f6f4ef} #ron-science-v3 #ron-ingredient-art .ronSkinBackdrop:after{display:none} #ron-science-v3 #ron-ingredient-art .ronSkinPhoto{height:100%;width:100%;right:0;top:0;mask-image:none;-webkit-mask-image:none} #ron-science-v3 #ron-ingredient-art .ronSkinControls{right:12px;bottom:12px;gap:5px} #ron-science-v3 #ron-ingredient-art .ronSkinControl{width:44px;height:44px;background:#f6f4efb8} #ron-science-v3 #ron-ingredient-art:fullscreen .ronSkinPhoto{object-fit:contain}} @media(prefers-reduced-motion:reduce){#ron-science-v3 #ron-ingredient-art .ronSkinControls,#ron-science-v3 #ron-ingredient-art .ronSkinControl{transition:none}} @media print{#ron-science-v3 #ron-ingredient-art .ronSkinCanvas,#ron-science-v3 #ron-ingredient-art .ronSkinControls{display:none} #ron-science-v3 #ron-ingredient-art{break-inside:avoid}} /* RON V12: supplied anatomy models and skin portrait. */ #ron-science-v3 #cau-truc-da{background:#f6f4ef;scroll-margin-top:100px} #ron-science-v3 .ron-anatomy-tabs{display:flex;gap:30px;align-items:center;min-height:82px;border-top:1px solid #d5dace;overflow:auto;scrollbar-width:thin;padding-block:16px} #ron-science-v3 .ron-anatomy-tabs button{display:flex;gap:14px;align-items:center;min-height:48px;padding:10px 0;border-bottom:2px solid transparent;font:15px/1.5 var(--ron-sans);text-align:start;flex:0 0 auto} #ron-science-v3 .ron-anatomy-tabs button>span:first-child{font-size:11px;color:#6e7b5b} #ron-science-v3 .ron-anatomy-tabs button[aria-selected=true]{border-color:#8ca62d;color:#375213} #ron-science-v3 #ron-anatomy-overview,#ron-science-v3 #ron-anatomy-dermis{direction:ltr;container-type:inline-size;min-width:0} #ron-science-v3 #ron-anatomy-overview .rsa-shell,#ron-science-v3 #ron-anatomy-dermis .rda-shell{max-width:1600px;padding-inline:clamp(22px,4vw,70px);width:100%} #ron-science-v3 #ron-anatomy-overview .rsa-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:28px} #ron-science-v3 #ron-anatomy-overview h2{font-size:clamp(40px,4.4cqw,70px);line-height:1.3;letter-spacing:-.04em;white-space:normal;overflow-wrap:break-word;margin:0 0 22px} #ron-science-v3 #ron-anatomy-overview .rsa-layer-desc{font-size:14px;line-height:1.6} #ron-science-v3 #ron-anatomy-overview .rsa-lead{font-size:16px;line-height:1.8;margin-bottom:26px} #ron-science-v3 #ron-anatomy-overview .rsa-detail figcaption{font-size:13px;line-height:1.6} #ron-science-v3 #ron-anatomy-overview .rsa-footer{font-size:12px;line-height:1.7} #ron-science-v3 #ron-anatomy-dermis .rda-composition{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:24px} #ron-science-v3 #ron-anatomy-dermis .rda-title{font-size:clamp(38px,4.1cqw,65px);line-height:1.32;white-space:normal;letter-spacing:-.03em;margin:0 0 24px} #ron-science-v3 #ron-anatomy-dermis .rda-title span{white-space:normal;overflow-wrap:break-word} #ron-science-v3 #ron-anatomy-dermis .rda-language{display:none!important} #ron-science-v3 #ron-anatomy-dermis .rda-description{font-size:16px;line-height:1.8;margin:0 0 26px} #ron-science-v3 #ron-anatomy-dermis .rda-component{padding-block:13px;min-height:62px} #ron-science-v3 #ron-anatomy-dermis .rda-component strong{font-size:16px} #ron-science-v3 #ron-anatomy-dermis .rda-component small,#ron-science-v3 #ron-anatomy-dermis .rda-component-caption{font-size:14px;line-height:1.7} #ron-science-v3 #ron-anatomy-dermis .rda-component-caption{margin-top:18px;min-height:48px} #ron-science-v3 #ron-anatomy-dermis .rda-callout{right:0;min-width:90px;max-width:32%;white-space:normal;padding-inline:8px 0} #ron-science-v3 #ron-anatomy-dermis .rda-callout span{font-size:12px;line-height:1.5;overflow-wrap:break-word} #ron-science-v3 #ron-anatomy-dermis .rda-scene-index{font-size:11px;max-width:90%;text-align:center;white-space:normal} #ron-science-v3 #ron-anatomy-overview .rsa-copy[dir=rtl],#ron-science-v3 #ron-anatomy-dermis .rda-copy[dir=rtl]{text-align:right} #ron-science-v3 #ron-anatomy-overview .rsa-copy[dir=rtl] .rsa-layer-button,#ron-science-v3 #ron-anatomy-dermis .rda-copy[dir=rtl] .rda-component{text-align:right} #ron-science-v3 #ron-anatomy-overview:lang(ar) h2,#ron-science-v3 #ron-anatomy-dermis:lang(ar) .rda-title{font-family:"Noto Naskh Arabic","Geeza Pro","Times New Roman",serif;line-height:1.6;letter-spacing:0} #ron-science-v3 #ron-anatomy-overview:is(:lang(th),:lang(km),:lang(lo)) h2,#ron-science-v3 #ron-anatomy-dermis:is(:lang(th),:lang(km),:lang(lo)) .rda-title{font-family:Tahoma,Arial,sans-serif;line-height:1.6;letter-spacing:0;font-size:clamp(32px,3.6cqw,52px)} #ron-science-v3 #hoat-chat{padding-top:0} #ron-science-v3 #hoat-chat .ron-ingredient-feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr);background:#0b1408;isolation:isolate} #ron-science-v3 #hoat-chat .ron-ingredient-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1408ed 0%,#0b1408d9 32%,#0b14087a 49%,transparent 64%);pointer-events:none;z-index:2} #ron-science-v3 #ron-ingredient-art{grid-area:1/1;min-height:680px;height:clamp(680px,50vw,820px);width:100%;z-index:1} #ron-science-v3 #ron-ingredient-art .ronSkinPhoto{height:125%;width:auto;max-width:none;top:-25%;right:0} #ron-science-v3 #ron-ingredient-art .ronSkinControl{border:1px solid #38512544;background:#f6f4efdd;color:#22351a;width:44px;height:44px} #ron-science-v3 #ron-ingredient-art .ronSkinControls{z-index:6;opacity:1} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro{grid-area:1/1;align-self:center;position:relative;top:auto;z-index:4;width:48%;max-width:700px;padding:50px clamp(22px,4vw,70px);color:#fff;pointer-events:none;overflow-wrap:break-word} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro .ron-kicker{color:#d8eb72;margin-bottom:22px} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro h2{font-size:clamp(38px,4vw,61px);line-height:1.3;color:#fff;letter-spacing:-.03em} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro>p:not(.ron-kicker){color:#e2e9dc;font-size:16px;line-height:1.8;margin-top:25px} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro .ron-small-note{border-color:#ffffff36;font-size:14px;line-height:1.8;padding-top:22px;margin-top:26px} #ron-science-v3 #hoat-chat .ron-ingredient-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;padding-top:52px} #ron-science-v3 #hoat-chat .ron-ingredient-catalog>div{min-width:0} @media(max-width:1180px){ #ron-science-v3 #ron-anatomy-overview .rsa-layout,#ron-science-v3 #ron-anatomy-dermis .rda-composition{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px} #ron-science-v3 #ron-anatomy-dermis .rda-model-position{width:94%;left:42%} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro{width:53%;padding-inline:clamp(22px,4vw,50px)} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro h2{font-size:42px} } @media(max-width:760px){ #ron-science-v3 .ron-anatomy-tabs{gap:22px;min-height:76px;padding-block:10px} #ron-science-v3 .ron-anatomy-tabs button{font-size:13px;gap:9px;max-width:210px;white-space:normal} #ron-science-v3 #ron-anatomy-overview .rsa-shell,#ron-science-v3 #ron-anatomy-dermis .rda-shell{padding:24px 22px} #ron-science-v3 #ron-anatomy-overview .rsa-top{flex-wrap:wrap;gap:12px} #ron-science-v3 #ron-anatomy-overview .rsa-brand{font-size:12px;letter-spacing:.08em} #ron-science-v3 #ron-anatomy-overview .rsa-layout,#ron-science-v3 #ron-anatomy-dermis .rda-composition{display:flex;flex-direction:column;gap:0} #ron-science-v3 #ron-anatomy-overview h2{font-size:clamp(36px,8vw,54px);line-height:1.35} #ron-science-v3 #ron-anatomy-overview .rsa-layers{grid-template-columns:1fr;gap:0;border-top:1px solid #d8dfcd} #ron-science-v3 #ron-anatomy-overview .rsa-layer-button{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;text-align:start;justify-content:start;padding:11px 8px;gap:9px;border:0;border-bottom:1px solid #d8dfcd} #ron-science-v3 #ron-anatomy-overview .rsa-layer-desc{display:block;font-size:13px} #ron-science-v3 #ron-anatomy-overview .rsa-layer-label{font-size:14px} #ron-science-v3 #ron-anatomy-overview .rsa-layer-arrow{display:block} #ron-science-v3 #ron-anatomy-overview .rsa-scene{min-height:340px;aspect-ratio:.96} #ron-science-v3 #ron-anatomy-overview .rsa-detail figcaption{font-size:12px;line-height:1.6} #ron-science-v3 #ron-anatomy-dermis .rda-title{font-size:clamp(35px,7.8vw,52px)} #ron-science-v3 #ron-anatomy-dermis .rda-description{max-width:100%} #ron-science-v3 #ron-anatomy-dermis .rda-component small{display:block;font-size:13px} #ron-science-v3 #ron-anatomy-dermis .rda-components{grid-template-columns:1fr;max-width:none} #ron-science-v3 #ron-anatomy-dermis .rda-component{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;text-align:start;padding:11px 6px;min-height:62px} #ron-science-v3 #ron-anatomy-dermis .rda-visual{width:100%;height:450px;min-height:0;margin-top:10px} #ron-science-v3 #ron-anatomy-dermis .rda-callout{max-width:32%} #ron-science-v3 #ron-anatomy-dermis .rda-bottom{flex-wrap:wrap;gap:18px} #ron-science-v3 #hoat-chat .ron-ingredient-feature{display:flex;flex-direction:column} #ron-science-v3 #hoat-chat .ron-ingredient-feature:after{display:none} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro{width:100%;max-width:none;padding:40px 22px 32px;order:0;background:#0b1408} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro h2{font-size:38px;line-height:1.35} #ron-science-v3 #hoat-chat .ron-ingredient-feature .ron-ingredient-intro>p:not(.ron-kicker){font-size:15px} #ron-science-v3 #ron-ingredient-art{height:auto;min-height:0;aspect-ratio:2/3;order:1} #ron-science-v3 #ron-ingredient-art .ronSkinPhoto{height:100%;width:100%;top:0;right:0;object-fit:contain} #ron-science-v3 #hoat-chat .ron-ingredient-catalog{grid-template-columns:1fr;gap:0;padding-top:30px} #ron-science-v3 #hoat-chat .ron-ingredient-catalog>div+div .ron-ingredient:first-child{border-top:0} } #ron-science-v3 #ron-ingredient-art:fullscreen{height:100dvh;min-height:0;aspect-ratio:auto} @media(prefers-reduced-motion:reduce){#ron-science-v3 #cau-truc-da *{scroll-behavior:auto!important}} /* V13: complete Vietnamese glyphs and safe display metrics. */ #ron-science-v3:lang(vi){ --ron-serif:RonSerif,"Noto Serif","Times New Roman",serif; --ron-sans:RonSans,"Noto Sans","Segoe UI",Arial,sans-serif; font-kerning:normal; } #ron-science-v3:lang(vi) :is(h1,h2){line-height:1.3;letter-spacing:-.025em;overflow:visible} #ron-science-v3:lang(vi) h3{line-height:1.35} #ron-science-v3:lang(vi) #ron-science-model h1, #ron-science-v3:lang(vi) #y-nghia .ron-intro-copy h2, #ron-science-v3:lang(vi) #ron-anatomy-overview h2, #ron-science-v3:lang(vi) #ron-anatomy-dermis .rda-title, #ron-science-v3:lang(vi) #hoat-chat .ron-ingredient-feature .ron-ingredient-intro h2{ line-height:1.32;letter-spacing:-.025em;overflow:visible; } #ron-science-v3:lang(vi) #ron-biology-gallery .rnb-copy h3{ line-height:1.32;letter-spacing:-.025em;overflow:visible;word-break:normal; } #ron-science-v3:lang(vi) #ron-biology-gallery .rns-stem .rns-copy h3{ font-family:RonSerif,"Noto Serif","Times New Roman",serif; font-size:clamp(52px,6.7vw,100px); font-size:clamp(52px,6.7cqw,100px); line-height:1.32;letter-spacing:-.025em; white-space:normal;word-break:normal;overflow-wrap:normal;overflow:visible; } #ron-science-v3:lang(vi) #ron-biology-gallery .rns-stem .rns-kicker{ line-height:1.65;letter-spacing:0; } #ron-science-v3:lang(vi) #ron-biology-gallery .rns-stem .rns-copy h3 span{ white-space:nowrap; } #ron-science-v3:lang(vi) #ron-biology-gallery .ron-bio-tab-copy>span:last-child, #ron-science-v3:lang(vi) .ron-anatomy-tabs button{ line-height:1.65;word-break:normal; } @media(max-width:760px){ #ron-science-v3:lang(vi) #ron-biology-gallery .rns-stem .rns-copy h3{ font-size:clamp(36px,9.5vw,62px); font-size:clamp(36px,9.5cqw,62px); line-height:1.35; } #ron-science-v3:lang(vi) #ron-biology-gallery .rns-stem .rns-copy h3 span{ display:inline-block;max-width:100%;vertical-align:baseline; } } #ron-science-v3 #ron-routine-catalog{--rpc-ink:#15200F;--rpc-muted:#5C6556;--rpc-paper:#F6F4EF;--rpc-line:#D4D9CD;--rpc-accent:#BDDC24;--rpc-serif:RonSerif,Georgia,serif;--rpc-sans:RonSans,Arial,sans-serif;position:relative;isolation:isolate;overflow:clip;padding:48px clamp(22px,4vw,70px) 35px;background:var(--rpc-paper);color:var(--rpc-ink);font:400 16px/1.65 var(--rpc-sans);-webkit-font-smoothing:antialiased;scroll-margin-top:90px} #ron-science-v3 #ron-routine-catalog,#ron-science-v3 #ron-routine-catalog *,#ron-science-v3 #ron-routine-catalog *::before,#ron-science-v3 #ron-routine-catalog *::after{box-sizing:border-box} #ron-science-v3 #ron-routine-catalog [hidden]{display:none!important} #ron-science-v3 #ron-routine-catalog button,#ron-science-v3 #ron-routine-catalog a,#ron-science-v3 #ron-routine-catalog input{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation} #ron-science-v3 #ron-routine-catalog button{cursor:pointer}#ron-science-v3 #ron-routine-catalog button:disabled{cursor:default} #ron-science-v3 #ron-routine-catalog a{color:inherit}#ron-science-v3 #ron-routine-catalog button:focus-visible,#ron-science-v3 #ron-routine-catalog a:focus-visible,#ron-science-v3 #ron-routine-catalog input:focus-visible,#ron-science-v3 #ron-routine-catalog [tabindex]:focus-visible{outline:3px solid var(--rpc-accent);outline-offset:4px} #ron-science-v3 #ron-routine-catalog .rpc-inner{max-width:1420px;margin:auto} #ron-science-v3 #ron-routine-catalog .rpc-header{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:end;margin-bottom:25px} #ron-science-v3 #ron-routine-catalog .rpc-kicker{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:600 16px/1.5 var(--rpc-sans);color:#4F6D0F} #ron-science-v3 #ron-routine-catalog .rpc-kicker::before{content:'';width:25px;height:1px;background:currentColor;flex:none} #ron-science-v3 #ron-routine-catalog .rpc-title{margin:0;font:400 clamp(36px,3.5vw,53px)/1.08 var(--rpc-serif);letter-spacing:-.028em;text-wrap:balance} #ron-science-v3 #ron-routine-catalog .rpc-title span{display:block;color:#4F6D0F} #ron-science-v3 #ron-routine-catalog .rpc-intro{justify-self:end;max-width:475px;margin:0;color:var(--rpc-muted);font-size:17px;line-height:1.7} #ron-science-v3 #ron-routine-catalog .rpc-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--rpc-line);border-bottom:1px solid var(--rpc-line);padding:10px 0;margin-bottom:25px} #ron-science-v3 #ron-routine-catalog .rpc-edition{margin:0;font-size:16px;color:var(--rpc-muted)} #ron-science-v3 #ron-routine-catalog .rpc-chapters{display:flex;align-items:center;gap:4px;flex-wrap:wrap} #ron-science-v3 #ron-routine-catalog .rpc-chapter-tab{position:relative;border:0;min-height:44px;padding:10px 13px;background:transparent;color:#65705E;font-size:16px;font-weight:600;white-space:nowrap} #ron-science-v3 #ron-routine-catalog .rpc-chapter-tab::after{content:'';position:absolute;left:13px;right:13px;bottom:1px;height:2px;background:transparent} #ron-science-v3 #ron-routine-catalog .rpc-chapter-tab[aria-current=true]{color:#223415}#ron-science-v3 #ron-routine-catalog .rpc-chapter-tab[aria-current=true]::after{background:#819D2F} #ron-science-v3 #ron-routine-catalog .rpc-stage{position:relative;touch-action:pan-y} #ron-science-v3 #ron-routine-catalog .rpc-book{position:relative;isolation:isolate;perspective:2200px;perspective-origin:50% 35%;border:5px solid #26351C;border-radius:3px;background:#fff;box-shadow:0 4px 0 #819073,0 8px 0 #D1D6C8,0 11px 0 #B8C0AD,0 22px 35px rgba(32,48,21,.12);transform:translateZ(0)} #ron-science-v3 #ron-routine-catalog .rpc-book::after{content:'';position:absolute;left:3px;right:0;bottom:-10px;height:6px;background:repeating-linear-gradient(0deg,#D9DED1 0 1px,#B6BFAB 1px 2px);z-index:-1;pointer-events:none} #ron-science-v3 #ron-routine-catalog .rpc-sheet{display:grid;grid-template-columns:1fr 1fr;position:relative;margin:0;background:#fff} #ron-science-v3 #ron-routine-catalog .rpc-photo-page{position:relative;min-width:0;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center} #ron-science-v3 #ron-routine-catalog .rpc-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none} #ron-science-v3 #ron-routine-catalog .rpc-image-tools{position:absolute;right:17px;bottom:16px;display:flex;gap:7px;z-index:3} #ron-science-v3 #ron-routine-catalog .rpc-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex:none;border:1px solid #CBD2C2;border-radius:50%;background:#fff;color:#28361F;text-decoration:none;transition:background .18s,border-color .18s,transform .18s} #ron-science-v3 #ron-routine-catalog .rpc-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none} #ron-science-v3 #ron-routine-catalog .rpc-icon:disabled{opacity:.3} #ron-science-v3 #ron-routine-catalog .rpc-image-tools .rpc-icon{box-shadow:0 2px 8px #10200810;background:rgba(255,255,255,.94)} #ron-science-v3 #ron-routine-catalog .rpc-copy-page{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:clamp(445px,35vw,540px);padding:clamp(27px,3vw,45px);background:#FCFCF8;color:var(--rpc-ink);position:relative} #ron-science-v3 #ron-routine-catalog .rpc-brand-logo{height:40px;width:auto;max-width:165px;object-fit:contain;object-position:left;align-self:flex-start;mix-blend-mode:multiply} #ron-science-v3 #ron-routine-catalog .rpc-caption-title{font:400 clamp(33px,3vw,45px)/1.08 var(--rpc-serif);letter-spacing:-.027em;margin:0;text-wrap:balance} #ron-science-v3 #ron-routine-catalog .rpc-description{font:400 17px/1.65 var(--rpc-sans);color:var(--rpc-muted);margin:0;max-width:490px} #ron-science-v3 #ron-routine-catalog .rpc-reflection{padding-top:17px;border-top:1px solid var(--rpc-line);margin:0} #ron-science-v3 #ron-routine-catalog .rpc-reflection strong{display:block;color:#293B1C;font:600 16px/1.5 var(--rpc-sans);margin:0 0 6px} #ron-science-v3 #ron-routine-catalog .rpc-reflection p{margin:0;color:var(--rpc-muted);font:400 16px/1.65 var(--rpc-sans)} #ron-science-v3 #ron-routine-catalog .rpc-page-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;color:#65705E;margin-top:2px} #ron-science-v3 #ron-routine-catalog .rpc-page-footer a{text-underline-offset:4px;text-decoration-color:#A2AD95;font-size:16px} #ron-science-v3 #ron-routine-catalog .rpc-spine{position:absolute;top:0;bottom:0;left:calc(50% - 12px);width:24px;background:linear-gradient(90deg,transparent,rgba(37,49,23,.12) 47%,rgba(37,49,23,.19) 50%,rgba(37,49,23,.07) 54%,transparent);pointer-events:none;z-index:5} #ron-science-v3 #ron-routine-catalog .rpc-turner{position:absolute;top:0;bottom:0;width:50%;z-index:10;transform-style:preserve-3d;pointer-events:none;will-change:transform} #ron-science-v3 #ron-routine-catalog .rpc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#FCFCF8;box-shadow:0 0 1px #BCC6B0} #ron-science-v3 #ron-routine-catalog .rpc-face-back{transform:rotateY(180deg)} #ron-science-v3 #ron-routine-catalog .rpc-face>*{height:100%;min-height:0!important} #ron-science-v3 #ron-routine-catalog .rpc-face::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17210c09,transparent 45%,#17210c16);pointer-events:none} #ron-science-v3 #ron-routine-catalog .rpc-face .rpc-image-tools{display:none} #ron-science-v3 #ron-routine-catalog .rpc-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-top:26px} #ron-science-v3 #ron-routine-catalog .rpc-controls-group{display:flex;gap:9px;align-items:center} #ron-science-v3 #ron-routine-catalog .rpc-counter{margin:0;min-width:110px;text-align:center;color:#3A4B2C;font:400 25px/1.2 var(--rpc-serif);font-variant-numeric:tabular-nums} #ron-science-v3 #ron-routine-catalog .rpc-contact{justify-self:end;display:flex;align-items:center;gap:10px;font:600 16px/1.4 var(--rpc-sans);text-decoration:none;min-height:44px} #ron-science-v3 #ron-routine-catalog .rpc-contact .rpc-icon{background:#17250D;color:white;border-color:#17250D} #ron-science-v3 #ron-routine-catalog .rpc-volume{display:block;width:68px;height:44px;margin:0;accent-color:#4F6D0F;cursor:pointer} #ron-science-v3 #ron-routine-catalog .rpc-sound-controls{display:flex;align-items:center;gap:8px;padding-left:13px;margin-left:3px;border-left:1px solid var(--rpc-line)} #ron-science-v3 #ron-routine-catalog .rpc-sound-cross{display:none}#ron-science-v3 #ron-routine-catalog .rpc-sound-toggle[data-muted=true] .rpc-sound-cross{display:block}#ron-science-v3 #ron-routine-catalog .rpc-sound-toggle[data-muted=true] .rpc-sound-waves{display:none} #ron-science-v3 #ron-routine-catalog[data-sound-playing=true] .rpc-sound-toggle{border-color:#819D2F;background:#EFF4DE} #ron-science-v3 #ron-routine-catalog .rpc-progress{height:2px;background:#DCE1D4;width:100%;margin-top:21px;overflow:hidden}#ron-science-v3 #ron-routine-catalog .rpc-progress-fill{height:100%;background:#819D2F;transition:width .4s} #ron-science-v3 #ron-routine-catalog .rpc-bottomline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px 24px;margin-top:15px;font-size:16px;color:#64705A} #ron-science-v3 #ron-routine-catalog .rpc-bottomline p{margin:0}#ron-science-v3 #ron-routine-catalog .rpc-bottomline a{color:inherit;text-underline-offset:4px} #ron-science-v3 #ron-routine-catalog .rpc-source{display:grid;gap:25px}#ron-science-v3 #ron-routine-catalog .rpc-source .rpc-sheet{border:1px solid var(--rpc-line)} #ron-science-v3 #ron-routine-catalog:not([data-rpc-ready]) .rpc-image-tools{display:none} #ron-science-v3 #ron-routine-catalog .rpc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #ron-science-v3 #ron-routine-catalog .rpc-dialog{position:fixed;inset:0;margin:auto;width:min(96vw,1480px);height:94svh;max-width:none;max-height:94svh;padding:0;border:1px solid #D4D9CD;background:#F6F4EF;color:#15200F;font:400 16px/1.6 var(--rpc-sans)} #ron-science-v3 #ron-routine-catalog .rpc-dialog::backdrop{background:#0B1408E6} #ron-science-v3 #ron-routine-catalog .rpc-dialog-layout{display:flex;flex-direction:column;min-height:0;height:100%} #ron-science-v3 #ron-routine-catalog .rpc-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-bottom:1px solid var(--rpc-line)} #ron-science-v3 #ron-routine-catalog .rpc-dialog-title{margin:0;font:600 16px/1.5 var(--rpc-sans)} #ron-science-v3 #ron-routine-catalog .rpc-dialog-tools{display:flex;gap:8px;align-items:center;flex:none} #ron-science-v3 #ron-routine-catalog .rpc-full-scroll{flex:1;min-height:0;padding:12px;overflow:auto;background:#E4E7DD;overscroll-behavior:contain} #ron-science-v3 #ron-routine-catalog .rpc-full-image{display:block;margin:auto;max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain} #ron-science-v3 #ron-routine-catalog .rpc-full-scroll[data-zoom=true] .rpc-full-image{width:1800px;height:auto;max-width:none;max-height:none;margin:0} #ron-science-v3 #ron-routine-catalog .rpc-zoom[aria-pressed=true]{background:#17250D;color:white;border-color:#17250D} #ron-science-v3 #ron-routine-catalog .rpc-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 18px;border-top:1px solid var(--rpc-line)} @media(hover:hover){#ron-science-v3 #ron-routine-catalog .rpc-icon:not(:disabled):hover{background:#BDDC24;border-color:#BDDC24;transform:translateY(-1px);color:#121C0D}#ron-science-v3 #ron-routine-catalog .rpc-chapter-tab:hover{color:#263E14}#ron-science-v3 #ron-routine-catalog .rpc-contact:hover .rpc-icon{background:#BDDC24;border-color:#BDDC24;color:#17250D}} @media(max-width:1099px){#ron-science-v3 #ron-routine-catalog{padding:36px clamp(22px,4vw,45px) 28px}#ron-science-v3 #ron-routine-catalog .rpc-header{grid-template-columns:1fr 1fr;gap:25px}#ron-science-v3 #ron-routine-catalog .rpc-title{font-size:39px}#ron-science-v3 #ron-routine-catalog .rpc-intro{font-size:16px}#ron-science-v3 #ron-routine-catalog .rpc-edition{display:none}#ron-science-v3 #ron-routine-catalog .rpc-bar{justify-content:center}#ron-science-v3 #ron-routine-catalog .rpc-sheet{grid-template-columns:1fr}#ron-science-v3 #ron-routine-catalog .rpc-photo-page{aspect-ratio:4/3;max-height:440px}#ron-science-v3 #ron-routine-catalog .rpc-photo{width:100%;height:100%}#ron-science-v3 #ron-routine-catalog .rpc-copy-page{min-height:0;padding:28px 30px;gap:16px}#ron-science-v3 #ron-routine-catalog .rpc-caption-title{font-size:37px}#ron-science-v3 #ron-routine-catalog .rpc-description{max-width:none}#ron-science-v3 #ron-routine-catalog .rpc-spine{left:0;width:12px;background:linear-gradient(90deg,#17250D15,transparent)}#ron-science-v3 #ron-routine-catalog .rpc-book{max-width:720px;margin:auto}#ron-science-v3 #ron-routine-catalog .rpc-controls{max-width:720px;margin:26px auto 0}#ron-science-v3 #ron-routine-catalog .rpc-progress{max-width:720px;margin-left:auto;margin-right:auto}#ron-science-v3 #ron-routine-catalog .rpc-contact span.rpc-contact-label{display:none}#ron-science-v3 #ron-routine-catalog .rpc-face>.rpc-sheet{height:100%;display:flex;flex-direction:column}#ron-science-v3 #ron-routine-catalog .rpc-face .rpc-photo-page{flex:none;height:auto;min-height:0!important}#ron-science-v3 #ron-routine-catalog .rpc-face .rpc-copy-page{flex:1;justify-content:flex-start}#ron-science-v3 #ron-routine-catalog .rpc-source .rpc-sheet{max-width:720px;width:100%;margin:auto}} @media(max-width:760px){#ron-science-v3 #ron-routine-catalog{padding:30px 22px 26px}#ron-science-v3 #ron-routine-catalog .rpc-header{grid-template-columns:1fr;gap:17px;margin-bottom:23px}#ron-science-v3 #ron-routine-catalog .rpc-intro{justify-self:start;max-width:580px}#ron-science-v3 #ron-routine-catalog .rpc-title{font-size:37px}#ron-science-v3 #ron-routine-catalog .rpc-kicker{font-size:16px}#ron-science-v3 #ron-routine-catalog .rpc-chapters{justify-content:space-between;gap:0;width:100%}#ron-science-v3 #ron-routine-catalog .rpc-chapter-tab{font-size:16px;padding:10px 6px}#ron-science-v3 #ron-routine-catalog .rpc-chapter-tab::after{left:6px;right:6px}#ron-science-v3 #ron-routine-catalog .rpc-bar{margin-bottom:21px}#ron-science-v3 #ron-routine-catalog .rpc-copy-page{padding:25px 23px;gap:17px}#ron-science-v3 #ron-routine-catalog .rpc-brand-logo{height:34px;max-width:145px}#ron-science-v3 #ron-routine-catalog .rpc-caption-title{font-size:33px}#ron-science-v3 #ron-routine-catalog .rpc-description{font-size:16px}#ron-science-v3 #ron-routine-catalog .rpc-controls{grid-template-columns:1fr auto auto;gap:15px}#ron-science-v3 #ron-routine-catalog .rpc-counter{min-width:75px;font-size:24px}#ron-science-v3 #ron-routine-catalog .rpc-volume{display:none}#ron-science-v3 #ron-routine-catalog .rpc-sound-controls{padding-left:9px;margin-left:1px}#ron-science-v3 #ron-routine-catalog .rpc-controls-group{gap:7px}#ron-science-v3 #ron-routine-catalog .rpc-image-tools{right:11px;bottom:11px}#ron-science-v3 #ron-routine-catalog .rpc-bottomline{font-size:16px;margin-top:15px}#ron-science-v3 #ron-routine-catalog .rpc-dialog{width:100vw;height:100svh;max-height:100svh;border:0}#ron-science-v3 #ron-routine-catalog .rpc-dialog-head{flex-wrap:wrap;padding:11px 13px;gap:8px}#ron-science-v3 #ron-routine-catalog .rpc-dialog-title{flex-basis:100%}#ron-science-v3 #ron-routine-catalog .rpc-dialog-tools{margin-left:auto;gap:7px}#ron-science-v3 #ron-routine-catalog .rpc-full-scroll{padding:6px}#ron-science-v3 #ron-routine-catalog .rpc-full-image{height:auto;width:100%;max-height:none}#ron-science-v3 #ron-routine-catalog .rpc-dialog-foot{padding:10px 13px}} @media(max-width:420px){#ron-science-v3 #ron-routine-catalog .rpc-title{font-size:34px}#ron-science-v3 #ron-routine-catalog .rpc-chapter-tab{font-size:16px;padding:9px 3px;letter-spacing:-.025em}#ron-science-v3 #ron-routine-catalog .rpc-chapter-tab::after{left:3px;right:3px}#ron-science-v3 #ron-routine-catalog .rpc-book{border-width:4px}#ron-science-v3 #ron-routine-catalog .rpc-copy-page{padding:24px 19px}#ron-science-v3 #ron-routine-catalog .rpc-controls{gap:9px}#ron-science-v3 #ron-routine-catalog .rpc-controls-group{gap:4px}#ron-science-v3 #ron-routine-catalog .rpc-sound-controls{padding-left:5px}#ron-science-v3 #ron-routine-catalog .rpc-counter{min-width:66px}#ron-science-v3 #ron-routine-catalog .rpc-bottomline{gap:10px}} @media(prefers-reduced-motion:reduce){#ron-science-v3 #ron-routine-catalog *{transition:none!important;scroll-behavior:auto!important}} @media print{#ron-science-v3 #ron-routine-catalog{padding:0}#ron-science-v3 #ron-routine-catalog .rpc-reader,#ron-science-v3 #ron-routine-catalog .rpc-dialog,#ron-science-v3 #ron-routine-catalog .rpc-bottomline,#ron-science-v3 #ron-routine-catalog .rpc-image-tools{display:none!important}#ron-science-v3 #ron-routine-catalog .rpc-source[hidden]{display:grid!important}#ron-science-v3 #ron-routine-catalog .rpc-source .rpc-sheet{break-inside:avoid}#ron-science-v3 #ron-routine-catalog .rpc-copy-page{min-height:0}} /* Keep the original logo artwork and optical size while excluding its white outer margin. */ #ron-science-v3 #ron-routine-catalog .rpc-logo-window{--rpc-logo-h:40px;position:relative;height:var(--rpc-logo-h);width:calc(var(--rpc-logo-h)*var(--rpc-logo-ratio));max-width:165px;flex:none;overflow:hidden;align-self:flex-start;mix-blend-mode:multiply} #ron-science-v3 #ron-routine-catalog .rpc-logo-window .rpc-brand-logo{position:absolute;display:block;width:var(--rpc-logo-w);height:auto;max-width:none;left:var(--rpc-logo-x);top:var(--rpc-logo-y);mix-blend-mode:normal} @media(max-width:760px){#ron-science-v3 #ron-routine-catalog .rpc-logo-window{--rpc-logo-h:34px;max-width:145px}} #ron-science-v3 #ron-routine-catalog .rpc-autoplay{background:#17250D;border-color:#17250D;color:#fff} #ron-science-v3 #ron-routine-catalog .rpc-autoplay .rpc-auto-play{display:none} #ron-science-v3 #ron-routine-catalog .rpc-autoplay[aria-pressed=false] .rpc-auto-play{display:block} #ron-science-v3 #ron-routine-catalog .rpc-autoplay[aria-pressed=false] .rpc-auto-pause{display:none} @media(max-width:420px){#ron-science-v3 #ron-routine-catalog .rpc-controls{grid-template-columns:1fr auto;row-gap:12px}#ron-science-v3 #ron-routine-catalog .rpc-controls-group{grid-column:1/-1;justify-content:center;gap:9px}#ron-science-v3 #ron-routine-catalog .rpc-counter{grid-column:1;text-align:left}#ron-science-v3 #ron-routine-catalog .rpc-contact{grid-column:2}} /* Official brand name and raised registration mark. */ #ron-science-v3 #ron-routine-catalog .rpc-trademark{display:inline-block;white-space:nowrap} #ron-science-v3 #ron-routine-catalog .rpc-registered{display:inline-block;position:relative;top:-.45em;vertical-align:baseline;margin-left:.08em;font-family:var(--rpc-sans);font-size:.58em;font-weight:500;line-height:0;letter-spacing:0} @media(max-width:480px){#ron-science-v3 #ron-routine-catalog .rpc-chapters{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}#ron-science-v3 #ron-routine-catalog .rpc-chapter-tab{width:100%;min-height:44px}#ron-science-v3 #ron-routine-catalog .rpc-chapter-tab:first-child{grid-column:1/-1}} /* Product catalogue: the same paper, spine and page turn, with dedicated product information. */ #ron-science-v3 #ron-routine-catalog .rpc-inner{max-width:1480px} #ron-science-v3 #ron-routine-catalog .rpc-bar{gap:16px} #ron-science-v3 #ron-routine-catalog .rpc-chapters{display:flex;gap:3px;flex-wrap:wrap;width:auto} #ron-science-v3 #ron-routine-catalog .rpc-chapter-tab{width:auto;min-height:44px;font-size:16px;padding:10px 11px} #ron-science-v3 #ron-routine-catalog .rpc-chapter-tab[aria-pressed=true]{color:#223415} #ron-science-v3 #ron-routine-catalog .rpc-chapter-tab[aria-pressed=true]::after{background:#819D2F} #ron-science-v3 #ron-routine-catalog .rpc-filter-select{display:none;width:100%;min-height:48px;border:1px solid #CBD2C2;border-radius:0;padding:10px 12px;background:#fff;color:#26351C;font:400 16px var(--rpc-sans)} #ron-science-v3 #ron-routine-catalog .rpc-photo-page{min-height:550px;background:#fff} #ron-science-v3 #ron-routine-catalog .rpc-photo{inset:12px 12px 62px;width:calc(100% - 24px);height:calc(100% - 74px)} #ron-science-v3 #ron-routine-catalog .rpc-copy-page{gap:14px;min-height:550px;padding:32px clamp(26px,3vw,48px)} #ron-science-v3 #ron-routine-catalog .rpc-product-brand{margin:0;font-size:16px;font-weight:600;letter-spacing:.04em;color:#4F6D0F} #ron-science-v3 #ron-routine-catalog .rpc-caption-title{font-size:clamp(34px,3vw,44px);line-height:1.1} #ron-science-v3 #ron-routine-catalog .rpc-product-name{margin:0;font-size:16px;line-height:1.5;color:#637057} #ron-science-v3 #ron-routine-catalog .rpc-description{font-size:16px;line-height:1.65;max-width:none} #ron-science-v3 #ron-routine-catalog .rpc-product-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #D4D9CD;padding-top:16px;margin-top:3px} #ron-science-v3 #ron-routine-catalog .rpc-price-label{display:block;font-size:16px;color:#637057} #ron-science-v3 #ron-routine-catalog .rpc-price{display:block;font:500 28px/1.4 var(--rpc-sans);font-variant-numeric:tabular-nums;letter-spacing:-.025em} #ron-science-v3 #ron-routine-catalog .rpc-product-step{max-width:180px;text-align:right;font-size:16px;color:#4F6041} #ron-science-v3 #ron-routine-catalog .rpc-stock{display:block;margin-top:5px;color:#8C492D;font-weight:600} #ron-science-v3 #ron-routine-catalog .rpc-product-actions{display:flex;align-items:center;justify-content:space-between;gap:12px} #ron-science-v3 #ron-routine-catalog .rpc-detail-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;border-bottom:1px solid #9AA98C;font-size:16px;font-weight:600} #ron-science-v3 #ron-routine-catalog .rpc-detail-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65} #ron-science-v3 #ron-routine-catalog .rpc-page-footer{border-top:1px solid #E0E4D9;padding-top:10px;font-size:16px} #ron-science-v3 #ron-routine-catalog .rpc-controls{position:relative;grid-template-columns:1fr auto 1fr} #ron-science-v3 #ron-routine-catalog .rpc-directory{position:static;flex:none} #ron-science-v3 #ron-routine-catalog .rpc-directory>summary{list-style:none;cursor:pointer} #ron-science-v3 #ron-routine-catalog .rpc-directory>summary::-webkit-details-marker{display:none} #ron-science-v3 #ron-routine-catalog .rpc-directory>summary:focus-visible,#ron-science-v3 #ron-routine-catalog .rpc-filter-select:focus-visible{outline:3px solid var(--rpc-accent);outline-offset:3px} #ron-science-v3 #ron-routine-catalog .rpc-directory[open]>summary{background:#17250D;color:#fff;border-color:#17250D} #ron-science-v3 #ron-routine-catalog .rpc-directory-panel{position:absolute;bottom:calc(100% + 14px);left:0;width:min(570px,100%);max-height:min(70svh,620px);overflow:auto;z-index:30;padding:18px;background:#FCFCF8;border:1px solid #B9C4AD;box-shadow:0 16px 40px #18240B25} #ron-science-v3 #ron-routine-catalog .rpc-directory-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px} #ron-science-v3 #ron-routine-catalog .rpc-search-label{display:block;font-size:16px;font-weight:500} #ron-science-v3 #ron-routine-catalog .rpc-search{display:block;width:100%;margin:8px 0 12px;padding:12px;min-height:48px;border:1px solid #CBD2C2;background:#fff;border-radius:0;color:#15200F;font-size:16px} #ron-science-v3 #ron-routine-catalog .rpc-directory-list{display:grid} #ron-science-v3 #ron-routine-catalog .rpc-directory-item{display:grid;grid-template-columns:23px 1fr auto;gap:10px;align-items:center;text-align:left;min-height:66px;padding:12px 2px;border:0;border-bottom:1px solid #D9DFD2;background:transparent;color:#26351C;font-size:16px;line-height:1.4} #ron-science-v3 #ron-routine-catalog .rpc-directory-item strong{display:block;font-size:16px;font-weight:600} #ron-science-v3 #ron-routine-catalog .rpc-directory-item small{display:block;font-size:16px;color:#637057;margin-top:3px} #ron-science-v3 #ron-routine-catalog .rpc-directory-item:hover{background:#EEF2E7} #ron-science-v3 #ron-routine-catalog .rpc-viewer-name{white-space:normal} #ron-science-v3 #ron-routine-catalog .rpc-full-scroll[data-zoom=true] .rpc-full-image{width:150%;min-width:900px} #ron-science-v3 #ron-routine-catalog .rpc-dialog-tools{flex-wrap:wrap} @media(max-width:1180px){#ron-science-v3 #ron-routine-catalog .rpc-edition{display:none}#ron-science-v3 #ron-routine-catalog .rpc-bar{justify-content:center}#ron-science-v3 #ron-routine-catalog .rpc-chapter-tab{padding:10px 8px}#ron-science-v3 #ron-routine-catalog .rpc-contact-label{display:none}} @media(max-width:1099px){#ron-science-v3 #ron-routine-catalog .rpc-photo-page{min-height:0;aspect-ratio:1/1;height:auto;max-height:560px}#ron-science-v3 #ron-routine-catalog .rpc-copy-page{min-height:0;padding:28px;gap:14px}#ron-science-v3 #ron-routine-catalog .rpc-book,#ron-science-v3 #ron-routine-catalog .rpc-controls,#ron-science-v3 #ron-routine-catalog .rpc-progress{max-width:620px}#ron-science-v3 #ron-routine-catalog .rpc-controls{grid-template-columns:1fr auto auto}#ron-science-v3 #ron-routine-catalog .rpc-face .rpc-photo-page{height:auto!important;aspect-ratio:1/1;flex:none}} @media(max-width:760px){#ron-science-v3 #ron-routine-catalog .rpc-chapters{display:none}#ron-science-v3 #ron-routine-catalog .rpc-filter-select{display:block}#ron-science-v3 #ron-routine-catalog .rpc-bar{border:0;padding:0;margin-bottom:20px}#ron-science-v3 #ron-routine-catalog .rpc-caption-title{font-size:34px}#ron-science-v3 #ron-routine-catalog .rpc-copy-page{padding:25px 23px}#ron-science-v3 #ron-routine-catalog .rpc-product-step{max-width:135px}#ron-science-v3 #ron-routine-catalog .rpc-controls{grid-template-columns:1fr auto;row-gap:12px}#ron-science-v3 #ron-routine-catalog .rpc-controls-group{grid-column:1/-1;justify-content:center;gap:9px}#ron-science-v3 #ron-routine-catalog .rpc-counter{grid-column:1;text-align:left}#ron-science-v3 #ron-routine-catalog .rpc-contact{grid-column:2}#ron-science-v3 #ron-routine-catalog .rpc-sound-controls{padding-left:8px;margin-left:0}#ron-science-v3 #ron-routine-catalog .rpc-bottomline{gap:10px}#ron-science-v3 #ron-routine-catalog .rpc-dialog-tools{gap:6px}#ron-science-v3 #ron-routine-catalog .rpc-full-scroll{display:flex;align-items:center}#ron-science-v3 #ron-routine-catalog .rpc-full-scroll[data-zoom=true]{display:block}#ron-science-v3 #ron-routine-catalog .rpc-full-image{width:100%;height:auto;max-height:100%;object-fit:contain}#ron-science-v3 #ron-routine-catalog .rpc-directory-item{grid-template-columns:20px 1fr}#ron-science-v3 #ron-routine-catalog .rpc-directory-item>span:last-child{grid-column:2;color:#4F6041}#ron-science-v3 #ron-routine-catalog .rpc-directory-panel{padding:14px}} @media(max-width:420px){#ron-science-v3 #ron-routine-catalog{padding-left:18px;padding-right:18px}#ron-science-v3 #ron-routine-catalog .rpc-copy-page{padding:23px 18px}#ron-science-v3 #ron-routine-catalog .rpc-caption-title{font-size:32px}#ron-science-v3 #ron-routine-catalog .rpc-price{font-size:26px}#ron-science-v3 #ron-routine-catalog .rpc-product-meta{gap:10px}#ron-science-v3 #ron-routine-catalog .rpc-controls-group{gap:7px}#ron-science-v3 #ron-routine-catalog .rpc-sound-controls{padding-left:6px}#ron-science-v3 #ron-routine-catalog .rpc-photo{inset:8px 8px 58px;width:calc(100% - 16px);height:calc(100% - 66px)}} @media print{#ron-science-v3 #ron-routine-catalog .rpc-source .rpc-sheet{display:grid;grid-template-columns:1fr 1fr;max-width:none;break-inside:avoid;page-break-inside:avoid}#ron-science-v3 #ron-routine-catalog .rpc-photo-page{min-height:360px}#ron-science-v3 #ron-routine-catalog .rpc-product-actions{display:none}#ron-science-v3 #ron-routine-catalog .rpc-description{font-size:16px}} /* Mobile reading frame: image, essentials and navigation share one viewport. */ #ron-science-v3 #ron-routine-catalog .rpc-reading-frame{display:contents} #ron-science-v3 #ron-routine-catalog .rpc-info-open{display:none} #ron-science-v3 #ron-routine-catalog .rpc-info-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100vw - 24px));max-width:none;max-height:calc(100svh - 24px);padding:0;border:1px solid #C4CCBC;background:#FCFCF8;color:#15200F;font:400 16px/1.6 var(--rpc-sans);overflow:hidden} #ron-science-v3 #ron-routine-catalog .rpc-info-dialog::backdrop{background:#0B1408BD} #ron-science-v3 #ron-routine-catalog .rpc-info-shell{display:flex;flex-direction:column;max-height:calc(100svh - 26px)} #ron-science-v3 #ron-routine-catalog .rpc-info-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:10px 16px;border-bottom:1px solid #D4D9CD;background:#F6F4EF} #ron-science-v3 #ron-routine-catalog .rpc-info-head h3{margin:0;font:600 16px/1.4 var(--rpc-sans);letter-spacing:0} #ron-science-v3 #ron-routine-catalog .rpc-info-content{overflow:auto;overscroll-behavior:contain;min-height:0;-webkit-overflow-scrolling:touch} #ron-science-v3 #ron-routine-catalog .rpc-info-content .rpc-copy-page{min-height:0;padding:22px;gap:15px;text-align:left} #ron-science-v3 #ron-routine-catalog .rpc-info-content .rpc-caption-title{font-size:30px} #ron-science-v3 #ron-routine-catalog .rpc-info-content .rpc-folio{display:none} @media screen and (max-width:760px){ #ron-science-v3 #ron-routine-catalog{padding:24px 14px;--rpc-frame-height:calc(100svh - 152px);--rpc-frame-top:76px} #ron-science-v3 #ron-routine-catalog .rpc-header{gap:10px;margin-bottom:16px} #ron-science-v3 #ron-routine-catalog .rpc-title{font-size:30px;line-height:1.12} #ron-science-v3 #ron-routine-catalog .rpc-kicker{margin-bottom:8px} #ron-science-v3 #ron-routine-catalog .rpc-intro{font-size:16px;line-height:1.5} #ron-science-v3 #ron-routine-catalog .rpc-bar{margin-bottom:12px} #ron-science-v3 #ron-routine-catalog .rpc-filter-select{min-height:44px;padding:8px 12px} #ron-science-v3 #ron-routine-catalog .rpc-reading-frame{display:grid;height:var(--rpc-frame-height);grid-template-rows:minmax(0,1fr) 56px 2px;min-width:0;max-width:620px;margin:0 auto;scroll-margin-top:var(--rpc-frame-top)} #ron-science-v3 #ron-routine-catalog .rpc-stage{height:100%;min-height:0;min-width:0} #ron-science-v3 #ron-routine-catalog .rpc-book{height:100%!important;min-height:0;max-width:none;margin:0;border-width:2px;box-shadow:0 3px 0 #B8C0AD,0 5px 10px #20301510} #ron-science-v3 #ron-routine-catalog .rpc-book::after{display:none} #ron-science-v3 #ron-routine-catalog .rpc-base{height:100%;min-height:0} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-sheet, #ron-science-v3 #ron-routine-catalog .rpc-face>.rpc-sheet{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-photo-page, #ron-science-v3 #ron-routine-catalog .rpc-face .rpc-photo-page{height:100%!important;min-height:0!important;max-height:none;aspect-ratio:auto;flex:initial} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-photo{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;object-position:center} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-image-tools{right:6px;bottom:6px;gap:4px} #ron-science-v3 #ron-routine-catalog .rpc-reader [data-rpc-action=save]{display:none} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-copy-page{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;justify-content:normal;min-height:0;padding:10px 14px 8px;gap:6px;text-align:left;border-top:1px solid #E5E8DF} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-product-brand{font-size:16px;line-height:1.25;letter-spacing:0} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-caption-title{font-size:clamp(21px,5.5vw,25px);line-height:1.12;letter-spacing:-.025em;margin:0;text-align:left;text-wrap:balance} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-product-name, #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-description, #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-page-footer{display:none} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-product-meta{gap:12px;margin:0;padding:0;border:0;min-height:36px;align-items:center} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-price-label{display:none} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-price{font-size:25px;line-height:1.25;white-space:nowrap} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-product-step{max-width:48%;font-size:16px;line-height:1.25;text-align:right} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-stock{margin-top:2px;font-size:16px;line-height:1.2} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-product-actions{gap:10px;min-height:44px} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-detail-link{display:none} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-info-open{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;border:0;border-bottom:1px solid #A2AD95;border-radius:0;padding:0;background:transparent;color:#26351C;font:600 16px/1.3 var(--rpc-sans);cursor:pointer} #ron-science-v3 #ron-routine-catalog .rpc-info-open svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7} #ron-science-v3 #ron-routine-catalog .rpc-controls{height:56px;min-height:56px;width:100%;max-width:none;margin:0;padding:6px 2px 4px;display:grid;grid-template-columns:44px minmax(44px,1fr) repeat(4,44px);grid-template-rows:44px;column-gap:2px;row-gap:0;align-items:center;background:var(--rpc-paper);position:relative;z-index:12} #ron-science-v3 #ron-routine-catalog .rpc-controls-group{display:contents} #ron-science-v3 #ron-routine-catalog .rpc-prev{grid-column:1;grid-row:1} #ron-science-v3 #ron-routine-catalog .rpc-counter{grid-column:2;grid-row:1;min-width:0;width:auto;margin:0;text-align:center;font:400 18px/1.2 var(--rpc-serif);white-space:nowrap} #ron-science-v3 #ron-routine-catalog .rpc-next{grid-column:3;grid-row:1} #ron-science-v3 #ron-routine-catalog .rpc-autoplay{grid-column:4;grid-row:1} #ron-science-v3 #ron-routine-catalog .rpc-directory{grid-column:5;grid-row:1} #ron-science-v3 #ron-routine-catalog .rpc-sound-controls{grid-column:6;grid-row:1;display:flex;gap:0;padding:0;margin:0;border:0} #ron-science-v3 #ron-routine-catalog .rpc-controls .rpc-contact{display:none} #ron-science-v3 #ron-routine-catalog .rpc-controls .rpc-volume{display:none} #ron-science-v3 #ron-routine-catalog .rpc-icon{width:44px;height:44px;min-width:44px;min-height:44px} #ron-science-v3 #ron-routine-catalog .rpc-progress{height:2px;width:100%;max-width:none;margin:0} #ron-science-v3 #ron-routine-catalog .rpc-directory-panel{bottom:calc(100% + 6px);width:100%;max-height:calc(var(--rpc-frame-height) - 66px);padding:14px} #ron-science-v3 #ron-routine-catalog .rpc-bottomline{font-size:16px;line-height:1.5;margin-top:12px} #ron-science-v3 #ron-routine-catalog .rpc-info-dialog{width:calc(100vw - 16px);max-height:calc(100svh - 16px)} #ron-science-v3 #ron-routine-catalog .rpc-info-shell{max-height:calc(100svh - 18px)} } @media screen and (max-width:360px){ #ron-science-v3 #ron-routine-catalog{padding-left:10px;padding-right:10px} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-copy-page{padding-left:11px;padding-right:11px} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-price{font-size:23px} } @media screen and (max-width:760px) and (max-height:600px){ #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-product-brand{display:none} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-copy-page{padding-top:8px;padding-bottom:5px;gap:4px} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-caption-title{font-size:21px} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-price{font-size:23px} } @media print{#ron-science-v3 #ron-routine-catalog .rpc-info-dialog,#ron-science-v3 #ron-routine-catalog .rpc-info-open{display:none!important}} /* V14: product catalogue V117-V7 inside the science-to-routine section. */ #ron-science-v3 #ron-routine-catalog{ --rpc-serif:RonSerif,"Noto Serif","Times New Roman",serif; --rpc-sans:RonSans,"Noto Sans",var(--ron-sans); padding:46px 0 0;margin-top:56px;border-top:1px solid var(--rpc-line); overflow:visible;min-width:0; } #ron-science-v3 #ron-routine-catalog .rpc-title, #ron-science-v3 #ron-routine-catalog .rpc-caption-title{line-height:1.32;letter-spacing:-.025em;white-space:normal;overflow:visible} #ron-science-v3 #ron-routine-catalog .rpc-title{font-size:clamp(30px,3vw,44px)} #ron-science-v3 #ron-routine-catalog .rpc-copy-page{min-width:0} #ron-science-v3 #ron-routine-catalog .rpc-product-name, #ron-science-v3 #ron-routine-catalog .rpc-description{overflow-wrap:break-word} #ron-science-v3 #ron-routine-catalog .rpc-directory>summary{min-height:44px;gap:0} #ron-science-v3 #ron-routine-catalog .rpc-directory>summary:after{content:none} #ron-science-v3 #ron-routine-catalog .rpc-directory-panel{min-width:0} #ron-science-v3 #ron-routine-catalog .rpc-trademark{max-width:100%;white-space:normal} #ron-science-v3 #ron-routine-catalog .rpc-product-brand{line-height:1.5} #ron-science-v3 #ron-routine-catalog .rpc-price{direction:ltr;unicode-bidi:isolate} #ron-science-v3 #ron-routine-catalog .rpc-book, #ron-science-v3 #ron-routine-catalog .rpc-controls{direction:ltr} #ron-science-v3 #ron-routine-catalog[dir=rtl]{ --rpc-serif:"Noto Naskh Arabic","Geeza Pro","Times New Roman",serif; --rpc-sans:Tahoma,Arial,sans-serif;text-align:right; } #ron-science-v3 #ron-routine-catalog[dir=rtl] :is(.rpc-copy-page,.rpc-directory-panel,.rpc-info-content){direction:rtl;text-align:right} #ron-science-v3 #ron-routine-catalog[dir=rtl] .rpc-caption-title:lang(en){font-family:RonSerif,"Times New Roman",serif;direction:ltr;text-align:right} #ron-science-v3 #ron-routine-catalog[dir=rtl] .rpc-product-step{text-align:left} #ron-science-v3 #ron-routine-catalog[dir=rtl] :is(.rpc-title,.rpc-description,.rpc-product-step,.rpc-directory-item){letter-spacing:0;line-height:1.65} #ron-science-v3 #ron-routine-catalog:is(:lang(th),:lang(km),:lang(lo)){ --rpc-serif:Tahoma,Arial,sans-serif;--rpc-sans:Tahoma,Arial,sans-serif; } #ron-science-v3 #ron-routine-catalog:is(:lang(th),:lang(km),:lang(lo)) :is(.rpc-title,.rpc-description,.rpc-product-step){letter-spacing:0;line-height:1.7} #ron-science-v3 #ron-routine-catalog .rpc-info-content .rpc-copy-page{overflow:visible} @media(max-width:760px){ #ron-science-v3 #ron-routine-catalog{padding:28px 0 0;margin-top:36px} #ron-science-v3 #ron-routine-catalog .rpc-header{gap:12px} #ron-science-v3 #ron-routine-catalog .rpc-title{font-size:30px;line-height:1.35} #ron-science-v3 #ron-routine-catalog .rpc-reader .rpc-caption-title{line-height:1.35;overflow-wrap:break-word} #ron-science-v3 #ron-routine-catalog .rpc-reader :is(.rpc-product-brand,.rpc-product-step,.rpc-stock){line-height:1.5} #ron-science-v3 #ron-routine-catalog .rpc-reading-frame{min-height:360px} #ron-science-v3 #ron-routine-catalog .rpc-info-content{min-height:0} #ron-science-v3 #ron-routine-catalog .rpc-info-content .rpc-copy-page{height:auto;max-height:none} } /* V15: readable citations, direct navigation and compact editorial attribution. */ #ron-science-v3 .ron-seo-skip{position:absolute;inset-inline-start:18px;top:8px;transform:translateY(-180%);z-index:99999;background:#0b1408;color:white;padding:12px 18px} #ron-science-v3 .ron-seo-skip:focus{transform:none} #ron-science-v3 .ron-seo-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:12px;font:13px/1.6 var(--ron-sans);color:#4f574b} #ron-science-v3 .ron-seo-breadcrumb a{text-decoration:underline;text-underline-offset:4px} #ron-science-v3 .ron-seo-byline{display:flex;flex-wrap:wrap;gap:8px 24px;padding-block:16px;font:13px/1.75 var(--ron-sans);color:#4c5348;border-bottom:1px solid #d9d9d2} #ron-science-v3 .ron-seo-byline a,#ron-science-v3 .ron-seo-references a,#ron-science-v3 .ron-seo-products a,#ron-science-v3 .ron-seo-ref-link{color:#3c560a;text-decoration:underline;text-underline-offset:4px} #ron-science-v3 .ron-seo-products{border-block:1px solid #d9d9d2;margin:24px 0 0;padding:8px 0} #ron-science-v3 .ron-seo-products summary{cursor:pointer;font:600 16px/1.7 var(--ron-sans);padding:10px 4px} #ron-science-v3 .ron-seo-products ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px;list-style:none;margin:12px 0;padding:0} #ron-science-v3 .ron-seo-products li{min-width:0} #ron-science-v3 .ron-seo-products a{display:flex;align-items:center;min-height:44px;font:14px/1.65 var(--ron-sans);padding:8px 4px;overflow-wrap:anywhere} #ron-science-v3 .ron-seo-references{background:#fff;padding-block:60px} #ron-science-v3 .ron-seo-references h2{font-size:clamp(28px,3vw,40px);line-height:1.28;margin:0 0 20px} #ron-science-v3 .ron-seo-scope{max-width:960px;font-size:16px;line-height:1.85;margin-bottom:28px} #ron-science-v3 .ron-seo-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} #ron-science-v3 .ron-seo-reference-grid article{min-width:0;border-top:1px solid #d9d9d2;padding-top:22px;scroll-margin-top:140px} #ron-science-v3 .ron-seo-reference-grid h3{font:600 18px/1.6 var(--ron-sans);letter-spacing:0;margin:0 0 12px} #ron-science-v3 .ron-seo-reference-grid p{font-size:14px;line-height:1.8} #ron-science-v3 .ron-seo-reference-grid a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;gap:6px} #ron-science-v3 .ron-seo-reference-grid small{display:block;overflow-wrap:anywhere;font-size:12px;color:#4c5348} #ron-science-v3 .ron-seo-ref-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px} #ron-science-v3 a:focus-visible,#ron-science-v3 summary:focus-visible{outline:3px solid #bddc24;outline-offset:3px} @media(max-width:760px){#ron-science-v3 .ron-seo-reference-grid{grid-template-columns:1fr;gap:24px}#ron-science-v3 .ron-seo-products ul{grid-template-columns:1fr}#ron-science-v3 .ron-seo-references{padding-block:42px}#ron-science-v3 .ron-seo-byline{gap:4px 16px}} /* V16: reference entries remain readable outside the animated catalogue. */ #ron-science-v3 .ron-seo-products li{padding-bottom:14px;border-bottom:1px solid #d9d9d2} #ron-science-v3 .ron-seo-product-description{font:14px/1.75 var(--ron-sans);margin:0 4px 10px;color:#414b3c;overflow-wrap:anywhere} #ron-science-v3 .ron-seo-products a{font-weight:600} /* V18: requested V124 Korea modules, scoped to their own root. */ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps::before{display:none!important;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep{ position:relative!important; display:block!important; width:100%!important; min-width:0!important; min-height:0!important; height:auto!important; aspect-ratio:auto!important; padding:0 0 16px!important; overflow:hidden!important; border:1px solid #d9d9d2!important; border-radius:0!important; background:#fff!important; box-shadow:none!important; text-align:left!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV81ProcessCardMedia{ position:relative!important; display:block!important; width:100%!important; height:auto!important; aspect-ratio:16/9!important; overflow:hidden!important; border-bottom:1px solid #d9d9d2!important; background:#eeece6!important; cursor:zoom-in!important; isolation:isolate!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV81ProcessCardMedia::after{ content:"XEM ẢNH LỚN"!important; position:absolute!important; right:10px!important; bottom:10px!important; z-index:3!important; display:inline-flex!important; align-items:center!important; min-height:32px!important; padding:0 10px!important; border:1px solid rgba(255,255,255,.58)!important; background:rgba(11,20,8,.82)!important; color:#fff!important; font-size:10px!important; line-height:1!important; font-weight:850!important; letter-spacing:.10em!important; pointer-events:none!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV81ProcessCardMedia img{ display:block!important; width:100%!important; max-width:100%!important; height:100%!important; min-height:0!important; aspect-ratio:16/9!important; object-fit:cover!important; object-position:center!important; transition:transform .28s ease!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV81ProcessCardMedia:hover img{transform:scale(1.015)!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV81ProcessCardMedia:focus-visible{ outline:3px solid #bddc24!important; outline-offset:3px!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepNo{ position:absolute!important; left:12px!important; top:12px!important; transform:none!important; z-index:3!important; margin:0!important; width:34px!important; height:34px!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ display:block!important; grid-column:auto!important; grid-row:auto!important; margin-left:16px!important; margin-right:16px!important; text-align:left!important; -webkit-line-clamp:unset!important; overflow:visible!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel{margin-top:12px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle{ margin-top:5px!important; font-size:clamp(21px,1.65vw,25px)!important; line-height:1.12!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ margin-top:7px!important; font-size:13.5px!important; line-height:22px!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; overflow:hidden!important; } #ron-korea-v124 #ron-v81-product-process-gallery{display:block!important;} #ron-korea-v124 .ronV86JourneyArrow, #ron-korea-v124 .ronFactoryProcessArrow{ position:absolute!important; z-index:2147483000!important; pointer-events:auto!important; touch-action:manipulation!important; cursor:pointer!important; user-select:none!important; -webkit-user-select:none!important; -webkit-tap-highlight-color:transparent!important; } #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessMedia, #ron-korea-v124 #hinh-anh-thuc-te-han-quoc .ronFactoryProcessMedia, #ron-korea-v124 #quy-trinh-nha-may .ronFactoryProcessMedia{ isolation:isolate!important; position:relative!important; } #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessSlide, #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessImage, #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessImageTag, #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessCounter, #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessDots, #ron-korea-v124 #hinh-anh-thuc-te-han-quoc .ronFactoryProcessSlide, #ron-korea-v124 #hinh-anh-thuc-te-han-quoc .ronFactoryProcessImage, #ron-korea-v124 #hinh-anh-thuc-te-han-quoc .ronFactoryProcessImageTag, #ron-korea-v124 #hinh-anh-thuc-te-han-quoc .ronFactoryProcessCounter, #ron-korea-v124 #hinh-anh-thuc-te-han-quoc .ronFactoryProcessDots, #ron-korea-v124 #quy-trinh-nha-may .ronFactoryProcessSlide, #ron-korea-v124 #quy-trinh-nha-may .ronFactoryProcessImage, #ron-korea-v124 #quy-trinh-nha-may .ronFactoryProcessImageTag, #ron-korea-v124 #quy-trinh-nha-may .ronFactoryProcessCounter, #ron-korea-v124 #quy-trinh-nha-may .ronFactoryProcessDots{ pointer-events:none!important; } #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessArrow, #ron-korea-v124 #hinh-anh-thuc-te-han-quoc .ronFactoryProcessArrow, #ron-korea-v124 #quy-trinh-nha-may .ronFactoryProcessArrow{ z-index:2147483000!important; pointer-events:auto!important; touch-action:manipulation!important; cursor:pointer!important; user-select:none!important; -webkit-user-select:none!important; -webkit-tap-highlight-color:transparent!important; } #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessStage, #ron-korea-v124 #hinh-anh-thuc-te-han-quoc .ronFactoryProcessStage, #ron-korea-v124 #quy-trinh-nha-may .ronFactoryProcessStage{ position:relative!important; z-index:20!important; pointer-events:auto!important; cursor:pointer!important; touch-action:manipulation!important; } @media(max-width:1100px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:760px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps{ grid-template-columns:minmax(0,1fr)!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep{padding-bottom:16px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepNo{left:12px!important;top:12px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ margin-left:14px!important; margin-right:14px!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle{ font-size:23px!important; line-height:1.12!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ font-size:14px!important; line-height:24px!important; } } @media(max-width:760px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep.ronProductJourneyStep{ display:block!important; height:auto!important; min-height:0!important; aspect-ratio:auto!important; padding:0 0 16px!important; overflow:hidden!important; border:1px solid #d9d9d2!important; border-radius:0!important; box-shadow:none!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepNo{ position:absolute!important; inset:12px auto auto 12px!important; transform:none!important; display:flex!important; grid-column:auto!important; grid-row:auto!important; margin:0!important; border:1px solid rgba(255,255,255,.65)!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ grid-column:auto!important; grid-row:auto!important; margin-left:14px!important; margin-right:14px!important; text-align:left!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel{margin-top:12px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle{ margin-top:5px!important; font-size:23px!important; line-height:1.12!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ margin-top:7px!important; font-size:14px!important; line-height:24px!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; overflow:hidden!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep::after{ display:none!important; content:none!important; } } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview{ position:relative!important;width:100%!important;margin:0!important;overflow:hidden!important; border:1px solid #d8ddcf!important;border-radius:18px!important;background:#f7f8f3!important; box-shadow:0 18px 48px rgba(20,32,6,.08)!important;isolation:isolate!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyViewport.ronProductJourneySteps{ position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyViewport::before{display:none!important;content:none!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep.ronProductJourneyStep{ position:relative!important;display:none!important;grid-template-columns:minmax(0,2.1fr) minmax(330px,1fr)!important; grid-template-rows:1fr auto auto auto 1fr!important;gap:0!important;width:100%!important;min-width:0!important; min-height:clamp(470px,37vw,570px)!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important; border:0!important;border-radius:0!important;background:#101c0d!important;box-shadow:none!important;text-align:left!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep.ronV86JourneyStepActive{display:grid!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronV81ProcessCardMedia{ position:relative!important;z-index:1!important;grid-column:1!important;grid-row:1/6!important;display:block!important; width:100%!important;min-width:0!important;height:100%!important;min-height:470px!important;aspect-ratio:auto!important; overflow:hidden!important;border:0!important;background:#e8ebe4!important;cursor:zoom-in!important;isolation:isolate!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronV81ProcessCardMedia::before{ content:""!important;position:absolute!important;inset:0!important;z-index:2!important;display:block!important; background:linear-gradient(90deg,transparent 70%,rgba(13,24,9,.18) 100%)!important;pointer-events:none!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronV81ProcessCardMedia::after{ content:"PHÓNG TO ẢNH"!important;position:absolute!important;inset:auto 16px 16px auto!important;z-index:4!important; display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:34px!important; min-height:34px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.68)!important;border-radius:999px!important; background:rgba(12,22,9,.76)!important;color:#fff!important;font:800 10px/1 var(--ron95-sans)!important;letter-spacing:.1em!important; white-space:nowrap!important;pointer-events:none!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronV81ProcessCardMedia img{ display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:470px!important; aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronV81ProcessCardMedia:hover img{transform:scale(1.018)!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepNo{ position:absolute!important;inset:18px auto auto 18px!important;z-index:8!important;display:flex!important;align-items:center!important; justify-content:center!important;width:46px!important;height:46px!important;margin:0!important;transform:none!important; border:1px solid rgba(255,255,255,.75)!important;border-radius:50%!important;background:#b9dc18!important;color:#142006!important; box-shadow:0 8px 24px rgba(0,0,0,.18)!important;font:900 13px/1 var(--ron95-sans)!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepLabel, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepTitle, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepText{ position:static!important;display:block!important;grid-column:2!important;margin-left:clamp(28px,2.5vw,42px)!important; margin-right:clamp(28px,2.5vw,42px)!important;transform:none!important;text-align:left!important;overflow:visible!important;-webkit-line-clamp:unset!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepLabel{ grid-row:2!important;margin-top:0!important;margin-bottom:13px!important;color:#c6eb29!important; font:850 12px/1.35 var(--ron95-sans)!important;letter-spacing:.115em!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepTitle{ grid-row:3!important;margin-top:0!important;margin-bottom:18px!important;color:#fff!important; font:400 clamp(34px,3vw,48px)/1.04 var(--ron95-display)!important;letter-spacing:-.025em!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepText{ grid-row:4!important;max-width:48ch!important;margin-top:0!important;margin-bottom:0!important;color:rgba(255,255,255,.78)!important; font:400 15px/1.75 var(--ron95-sans)!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyArrow{ position:absolute!important;top:calc((100% - 76px)/2)!important;z-index:20!important;display:inline-flex!important;align-items:center!important; justify-content:center!important;width:48px!important;height:48px!important;padding:0!important;transform:translateY(-50%)!important; border:1px solid rgba(19,32,6,.16)!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#17210b!important; box-shadow:0 10px 28px rgba(13,24,9,.18)!important;font:700 28px/1 var(--ron95-sans)!important;cursor:pointer!important;touch-action:manipulation!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyArrow:hover{background:#c6eb29!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyPrev{left:16px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyNext{right:calc(32.25% + 16px)!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyRail{ position:relative!important;z-index:10!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important; width:100%!important;min-height:76px!important;margin:0!important;padding:0!important;overflow:visible!important; border-top:1px solid #d8ddcf!important;background:#fff!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStage{ position:relative!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:9px!important; min-width:0!important;min-height:76px!important;padding:11px 12px!important;border:0!important;border-right:1px solid #e3e6de!important; border-radius:0!important;background:#fff!important;color:#1c2610!important;text-align:left!important;cursor:pointer!important;touch-action:manipulation!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStage:last-child{border-right:0!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStage::before{ content:""!important;position:absolute!important;inset:0 0 auto!important;height:3px!important;background:transparent!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStageNo{ display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important; border:1px solid #ccd2c2!important;border-radius:50%!important;background:#fff!important;color:#52603e!important;font:850 10px/1 var(--ron95-sans)!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStageName{ display:block!important;min-width:0!important;color:inherit!important;font:850 10px/1.25 var(--ron95-sans)!important;letter-spacing:.055em!important;text-transform:uppercase!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStage:hover{background:#f4f8e9!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStageActive{background:#eef6cf!important;color:#182406!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStageActive::before{background:#b7d91d!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStageActive .ronV86JourneyStageNo{border-color:#b7d91d!important;background:#b7d91d!important;color:#122006!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyArrow:focus-visible, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStage:focus-visible, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV81ProcessCardMedia:focus-visible{outline:3px solid #c6eb29!important;outline-offset:-4px!important;} @media(max-width:1100px){ #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep.ronV86JourneyStepActive{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;min-height:0!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronV81ProcessCardMedia{grid-column:1!important;grid-row:1!important;min-height:0!important;height:auto!important;aspect-ratio:16/9!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronV81ProcessCardMedia img{min-height:0!important;height:100%!important;aspect-ratio:16/9!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepLabel, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepTitle, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepText{grid-column:1!important;margin-left:clamp(22px,4vw,38px)!important;margin-right:clamp(22px,4vw,38px)!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepLabel{grid-row:2!important;margin-top:28px!important;margin-bottom:10px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepTitle{grid-row:3!important;margin-bottom:12px!important;font-size:clamp(30px,5vw,42px)!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepText{grid-row:4!important;max-width:68ch!important;margin-bottom:30px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyArrow{top:clamp(142px,28vw,290px)!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyNext{right:16px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStage{grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important;padding:10px 8px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStageNo{width:28px!important;height:28px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStageName{font-size:9px!important;letter-spacing:.035em!important;} } @media(max-width:760px){ #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview{border-radius:12px!important;box-shadow:0 12px 34px rgba(20,32,6,.08)!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep.ronProductJourneyStep{display:none!important;min-height:0!important;height:auto!important;padding:0!important;overflow:hidden!important;border:0!important;background:#101c0d!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep.ronV86JourneyStepActive{display:grid!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepNo{inset:12px auto auto 12px!important;width:38px!important;height:38px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepLabel, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepTitle, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepText{margin-left:18px!important;margin-right:18px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepLabel{margin-top:20px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepTitle{margin-top:0!important;font-size:clamp(27px,8vw,34px)!important;line-height:1.08!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronProductJourneyStepText{display:block!important;margin-top:0!important;margin-bottom:22px!important;font-size:14px!important;line-height:1.62!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStep .ronV81ProcessCardMedia::after{inset:auto 10px 10px auto!important;height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:9px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyArrow{top:clamp(90px,28vw,185px)!important;width:42px!important;height:42px!important;font-size:24px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyPrev{left:9px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyNext{right:9px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyRail{display:flex!important;min-height:70px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important;} #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview .ronV86JourneyStage{flex:0 0 154px!important;min-height:70px!important;padding:9px 10px!important;scroll-snap-align:start!important;} } @media(prefers-reduced-motion:reduce){ #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview *, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview *::before, #ron-korea-v124 #san-xuat-han-quoc .ronV86JourneyOverview *::after{scroll-behavior:auto!important;transition:none!important;} } #ron-korea-v124{ --ron-shadow: 0 18px 46px rgba(20,31,8,.10); --ron-serif: var(--ron95-display); --ron-sans: var(--ron95-sans); --ron-max: 1680px; --v50-bg: #fbfaf6; --v50-ink: #17200f; --v50-muted: #62695b; --v50-line: #dce4c7; --v50-shadow: 0 18px 52px rgba(39,55,19,.08); --v54-bg: #fbfaf6; --v54-ivory: #f7f6f1; --v54-sage: #eef2e4; --v54-ink: #17200f; --v54-text: #343a30; --v54-muted: #62695b; --v54-green: #4f6d0f; --v54-line: #dce4c7; --v54-line-strong: #cbd8ad; --v54-lime: #bddc24; --v55-ink: #17200f; --v55-muted: #62695b; --v55-ivory: #f7f6f1; --v55-sage: #eef2e4; --v55-line: #dce4c7; --v55-line2: #cbd8ad; --v55-lime: #bddc24; --v56-lime: #BDDC24; --v56-lime-bright: #D5EB61; --v56-green: #4F6D0F; --v56-deep: #132006; --v56-deep2: #071006; --v56-ink: #11170D; --v56-text: #384034; --v56-muted: #646B5E; --v56-ivory: #FAF9F4; --v56-sage: #EEF2E4; --v56-line: #DCE4C7; --v56-line2: #C7D4A8; --v56-shadow: 0 22px 58px rgba(19,32,6,.085); --v56-shadow-soft: 0 12px 30px rgba(19,32,6,.055); --v57-max: 1520px; --v57-section-y: clamp(50px,4.4vw,72px); --v58-deep: #071006; --v58-deep2: #132006; --v58-lime: #BDDC24; --v58-lime2: #D8EB72; --v58-wide: 1840px; --v58-gutter: clamp(22px,3.2vw,58px); --v58-section-y: clamp(58px,4.6vw,84px); --v60-deep: #071006; --v60-deep2: #132006; --v60-lime: #BDDC24; --v60-lime2: #D8EB72; --v60-ivory: #FAF9F4; --v60-ink: #11170D; --v60-muted: #62695B; --v60-line: #DCE4C7; --v60-line2: #C8D5AA; --v60-wide: 1840px; --v60-gutter: clamp(20px,3vw,56px); --v60-radius: 14px; --v60-shadow: 0 16px 42px rgba(19,32,6,.07); } #ron-korea-v124{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-padding-top:86px; } #ron-korea-v124, #ron-korea-v124{margin:0;padding:0;max-width:100%;background:#fff;} #ron-korea-v124.ronSiteBody{ width:100%; min-width:0; overflow-x:clip; color:var(--v56-ink); background:#fff; font-family:var(--ron95-sans); font-size:16px; line-height:30px; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-synthesis:none; font-kerning:normal; } #ron-korea-v124 *, #ron-korea-v124 *::before, #ron-korea-v124 *::after{box-sizing:border-box;} #ron-korea-v124 img{max-width:100%;} #ron-korea-v124 button{font:inherit;} #ron-korea-v124 button, #ron-korea-v124 a{touch-action:manipulation;} @media(max-width:760px){ #ron-korea-v124{scroll-padding-top:72px;} } @media(prefers-reduced-motion:reduce){ #ron-korea-v124{scroll-behavior:auto;} #ron-korea-v124 *, #ron-korea-v124 *::before, #ron-korea-v124 *::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; } } @media (max-width:760px), (pointer:coarse){ #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext, #ron-korea-v124 .ronFactoryProcessArrow{ width: 48px; height: 48px; min-width: 48px; min-height: 48px; } } @media (prefers-reduced-motion: reduce){ #ron-korea-v124 .ronFactoryProcessSlideActive{ will-change: auto; } } @media (prefers-reduced-motion: reduce){ #ron-korea-v124 .ronFactoryProcessSlideActive{ will-change: auto; } } @media (prefers-reduced-motion: reduce){ #ron-korea-v124 .ronFactoryProcessSlideActive{ will-change: auto; } } @media (prefers-reduced-motion: reduce){ #ron-korea-v124 .ronFactoryProcessSlideActive{ will-change: auto; } } @media (prefers-reduced-motion: reduce){ #ron-korea-v124 .ronFactoryProcessSlideActive{ will-change: auto; } } #ron-korea-v124 .ronProductJourney{ position: relative; width: 100%; padding: clamp(56px,5vw,82px) 22px; background: linear-gradient(180deg,#fff 0%,#FAF9F4 100%); border-top: 1px solid #DCE4C7; border-bottom: 1px solid #DCE4C7; scroll-margin-top: 92px; color: #11170D; } #ron-korea-v124 .ronProductJourney::before{ content: ""; position: absolute; left: 0; top: -1px; width: min(30vw,420px); height: 3px; background: linear-gradient(90deg,#BDDC24,rgba(189,220,36,.05)); } #ron-korea-v124 .ronProductJourneyInner{ width: min(100%,1520px); margin: 0 auto; } #ron-korea-v124 .ronProductJourneyHead{ display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: 28px 58px; align-items: end; } #ron-korea-v124 .ronProductJourneyEyebrow, #ron-korea-v124 .ronProductJourneySubEyebrow{ margin: 0 0 9px; color: #4F6D0F; font-size: 13px; line-height: 25px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; display: flex; align-items: center; gap: 11px; } #ron-korea-v124 .ronProductJourneyEyebrow::before, #ron-korea-v124 .ronProductJourneySubEyebrow::before{ content: ""; width: 38px; height: 2px; flex: 0 0 38px; background: linear-gradient(90deg,#BDDC24,#4F6D0F); } #ron-korea-v124 .ronProductJourneyTitle{ margin: 0; max-width: 920px; color: #11170D; font-family: var(--ron95-display); font-size: clamp(42px,4.15vw,64px); font-weight: 400; line-height: 1.055; letter-spacing: -.036em; text-wrap: balance; } #ron-korea-v124 .ronProductJourneyLead{ margin: 0; color: #5F675A; font-size: 17px; line-height: 32px; max-width: 680px; } #ron-korea-v124 .ronProductJourneyFacts{ margin-top: 28px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; } #ron-korea-v124 .ronProductJourneyFact{ min-width: 0; padding: 18px 17px; border: 1px solid #DCE4C7; border-top: 3px solid #BDDC24; border-radius: 14px; background: #fff; box-shadow: 0 10px 24px rgba(19,32,6,.05); } #ron-korea-v124 .ronProductJourneyFact strong{ display: block; color: #4F6D0F; font-family: var(--ron95-display); font-size: 29px; line-height: 36px; font-weight: 500; } #ron-korea-v124 .ronProductJourneyFact span{ display: block; margin-top: 4px; color: #62695B; font-size: 15px; line-height: 27px; } #ron-korea-v124 .ronProductJourneyProcessHead{ max-width: 980px; margin: 44px auto 22px; text-align: center; } #ron-korea-v124 .ronProductJourneyProcessHead .ronProductJourneySubEyebrow{ justify-content: center; } #ron-korea-v124 .ronProductJourneySubTitle{ margin: 0; color: #11170D; font-family: var(--ron95-display); font-size: clamp(32px,3vw,48px); line-height: 1.08; font-weight: 400; letter-spacing: -.025em; text-wrap: balance; } #ron-korea-v124 .ronProductJourneySubLead{ margin: 13px auto 0; max-width: 860px; color: #646B5E; font-size: 16px; line-height: 30px; } #ron-korea-v124 .ronProductJourneySteps{ position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; } #ron-korea-v124 .ronProductJourneySteps::before{ content: ""; position: absolute; left: 4%; right: 4%; top: 25px; height: 2px; background: linear-gradient(90deg,rgba(189,220,36,.22),#8FAA18 12%,#8FAA18 88%,rgba(189,220,36,.22)); z-index: 0; } #ron-korea-v124 .ronProductJourneyStep{ position: relative; z-index: 1; min-width: 0; padding: 48px 16px 18px; border: 1px solid #DCE4C7; border-radius: 14px; background: #fff; box-shadow: 0 10px 24px rgba(19,32,6,.05); } #ron-korea-v124 .ronProductJourneyStepNo{ position: absolute; left: 50%; top: 8px; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background: #BDDC24; color: #071006; border: 4px solid #fff; box-shadow: 0 4px 12px rgba(19,32,6,.12); font-size: 12px; line-height: 1; font-weight: 900; } #ron-korea-v124 .ronProductJourneyStepLabel{ margin: 0; color: #4F6D0F; font-size: 11px; line-height: 21px; font-weight: 850; letter-spacing: .08em; text-align: center; } #ron-korea-v124 .ronProductJourneyStepTitle{ margin: 6px 0 0; color: #11170D; font-family: var(--ron95-display); font-size: 21px; line-height: 27px; font-weight: 500; text-align: center; } #ron-korea-v124 .ronProductJourneyStepText{ margin: 8px 0 0; color: #62695B; font-size: 14px; line-height: 25px; text-align: center; } #ron-korea-v124 .ronProductJourneyAudience{ margin-top: 18px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; } #ron-korea-v124 .ronProductJourneyAudience article{ min-width: 0; padding: 22px; border: 1px solid #DCE4C7; border-left: 4px solid #BDDC24; background: #F7F8F2; border-radius: 12px; } #ron-korea-v124 .ronProductJourneyAudienceLabel{ margin: 0; color: #4F6D0F; font-size: 12px; line-height: 23px; font-weight: 850; letter-spacing: .11em; } #ron-korea-v124 .ronProductJourneyAudience h3{ margin: 8px 0 0; color: #11170D; font-family: var(--ron95-display); font-size: 24px; line-height: 31px; font-weight: 500; } #ron-korea-v124 .ronProductJourneyAudience p:not(.ronProductJourneyAudienceLabel){ margin: 9px 0 0; color: #62695B; font-size: 15px; line-height: 28px; } #ron-korea-v124 .ronFactoryProcessModule{ margin-top: 34px; padding: clamp(24px,2.8vw,38px); border: 1px solid #DCE4C7; border-top: 3px solid #BDDC24; border-radius: 20px; background: #fff; box-shadow: 0 16px 38px rgba(19,32,6,.055); scroll-margin-top: 92px; } #ron-korea-v124 .ronFactoryProcessHead{ display: grid; grid-template-columns: minmax(0,1.02fr) minmax(380px,.98fr); gap: 24px 52px; align-items: end; margin-bottom: 22px; } #ron-korea-v124 .ronFactoryProcessHead .ronProductJourneySubEyebrow{ justify-content: flex-start; margin-bottom: 8px; } #ron-korea-v124 .ronFactoryProcessTitle{ margin: 0; color: #11170D; font-family: var(--ron95-display); font-size: clamp(34px,3.4vw,52px); line-height: 1.06; font-weight: 400; letter-spacing: -.03em; text-wrap: balance; } #ron-korea-v124 .ronFactoryProcessLead{ margin: 0; color: #62695B; font-size: 16px; line-height: 30px; } #ron-korea-v124 .ronFactoryProcessShell{ display: grid; grid-template-columns: minmax(0,1.45fr) minmax(340px,.55fr); min-height: 560px; border: 1px solid #DCE4C7; border-radius: 18px; overflow: hidden; background: #F7F6F1; box-shadow: 0 12px 30px rgba(19,32,6,.05); outline: none; } #ron-korea-v124 .ronFactoryProcessShell:focus-visible{ outline: 3px solid #BDDC24; outline-offset: 3px; } #ron-korea-v124 .ronFactoryProcessMedia{ position: relative; min-width: 0; overflow: hidden; background: #EEF2E4; } #ron-korea-v124 .ronFactoryProcessSlide{ position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transform: scale(1.012); transition: opacity .42s ease,transform .56s ease; pointer-events: none; background: #EEF2E4; } #ron-korea-v124 .ronFactoryProcessSlideActive{ opacity: 1; visibility: visible; transform: scale(1); pointer-events: auto; z-index: 2; } #ron-korea-v124 .ronFactoryProcessImage{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; background: #EEF2E4; } #ron-korea-v124 .ronFactoryProcessImageTag{ position: absolute; left: 14px; top: 14px; display: inline-flex; align-items: center; gap: 9px; max-width: calc(100% - 110px); padding: 7px 11px; border: 1px solid rgba(255,255,255,.52); border-radius: 999px; background: rgba(7,16,6,.76); color: #fff; font-size: 12px; line-height: 21px; font-weight: 800; letter-spacing: .07em; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #ron-korea-v124 .ronFactoryProcessImageTag span{ display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 50%; background: #BDDC24; color: #071006; font-size: 11px; line-height: 1; font-weight: 900; } #ron-korea-v124 .ronFactoryProcessArrow{ position: absolute; z-index: 5; top: 50%; width: 46px; height: 46px; margin-top: -23px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; background: rgba(255,255,255,.94); color: #071006; font-family: var(--ron95-display); font-size: 30px; line-height: 1; cursor: pointer; box-shadow: 0 10px 26px rgba(7,16,6,.15); } #ron-korea-v124 .ronFactoryProcessPrev{ left: 14px; } #ron-korea-v124 .ronFactoryProcessNext{ right: 14px; } #ron-korea-v124 .ronFactoryProcessArrow:hover{ background: #BDDC24; border-color: #BDDC24; } #ron-korea-v124 .ronFactoryProcessArrow:focus-visible{ outline: 3px solid #BDDC24; outline-offset: 3px; } #ron-korea-v124 .ronFactoryProcessCounter{ position: absolute; z-index: 5; right: 14px; top: 14px; display: flex; gap: 5px; align-items: center; min-height: 38px; padding: 4px 11px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; background: rgba(7,16,6,.76); color: #fff; font-size: 13px; line-height: 25px; font-weight: 800; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #ron-korea-v124 .ronFactoryProcessCounter strong{ color: #D8EB72; } #ron-korea-v124 .ronFactoryProcessDots{ position: absolute; z-index: 5; left: 14px; right: 14px; bottom: 13px; display: flex; gap: 4px; } #ron-korea-v124 .ronFactoryProcessDot{ height: 4px; flex: 1; min-width: 4px; background: rgba(255,255,255,.42); border-radius: 99px; } #ron-korea-v124 .ronFactoryProcessDotActive{ background: #BDDC24; } #ron-korea-v124 .ronFactoryProcessInfo{ min-width: 0; padding: clamp(26px,3vw,46px); display: flex; flex-direction: column; justify-content: center; background: linear-gradient(145deg,#071006,#132006); color: #fff; } #ron-korea-v124 .ronFactoryProcessInfoEyebrow{ margin: 0; color: #D8EB72; font-size: 12px; line-height: 23px; font-weight: 850; letter-spacing: .12em; } #ron-korea-v124 .ronFactoryProcessInfoEyebrow span{ display: inline-flex; margin-right: 8px; color: #BDDC24; font-family: var(--ron95-display); font-size: 24px; line-height: 26px; letter-spacing: 0; } #ron-korea-v124 .ronFactoryProcessInfoStageName{ margin: 14px 0 0; color: #fff; font-family: var(--ron95-display); font-size: clamp(27px,2.4vw,38px); line-height: 1.08; font-weight: 400; letter-spacing: -.02em; } #ron-korea-v124 .ronFactoryProcessInfoTitle{ margin: 24px 0 0; padding-top: 22px; border-top: 1px solid rgba(213,235,97,.22); color: #D8EB72; font-size: 16px; line-height: 28px; font-weight: 800; } #ron-korea-v124 .ronFactoryProcessInfoText{ margin: 9px 0 0; color: rgba(255,255,255,.78); font-size: 16px; line-height: 30px; } #ron-korea-v124 .ronFactoryProcessReality{ margin: auto 0 0; padding-top: 26px; color: rgba(255,255,255,.52); font-size: 13px; line-height: 24px; } #ron-korea-v124 .ronFactoryProcessStageRail{ display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin-top: 10px; } #ron-korea-v124 .ronFactoryProcessStage{ min-width: 0; min-height: 68px; padding: 10px 10px; border: 1px solid #DCE4C7; border-radius: 12px; background: #FAF9F4; color: #17200F; text-align: left; cursor: pointer; display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 8px; align-items: center; transition: transform .18s ease,border-color .18s ease,background .18s ease; } #ron-korea-v124 .ronFactoryProcessStage:hover{ transform: translateY(-2px); border-color: #B8CE79; background: #fff; } #ron-korea-v124 .ronFactoryProcessStageActive{ border-color: #A8C51D; background: #EEF4D2; box-shadow: inset 0 0 0 1px rgba(189,220,36,.28); } #ron-korea-v124 .ronFactoryProcessStage:focus-visible{ outline: 3px solid #BDDC24; outline-offset: 2px; } #ron-korea-v124 .ronFactoryProcessStageNo{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; border: 1px solid #CBD8AD; color: #4F6D0F; font-size: 11px; line-height: 1; font-weight: 900; } #ron-korea-v124 .ronFactoryProcessStageActive .ronFactoryProcessStageNo{ background: #BDDC24; border-color: #BDDC24; color: #071006; } #ron-korea-v124 .ronFactoryProcessStageName{ min-width: 0; color: #2F3829; font-size: 11px; line-height: 18px; font-weight: 850; letter-spacing: .055em; } #ron-korea-v124 .ronFactoryProcessNote{ margin: 14px 0 0; color: #72796C; font-size: 13px; line-height: 25px; } #ron-korea-v124 #hinh-anh-thuc-te-han-quoc .ronFactoryProcessInfo{ background: linear-gradient(145deg,#071006,#132006); } @media (max-width:640px){ #ron-korea-v124 .ronProductJourney{ padding: 42px 12px; } #ron-korea-v124 .ronProductJourneyEyebrow, #ron-korea-v124 .ronProductJourneySubEyebrow{ font-size: 11px; line-height: 22px; gap: 8px; } #ron-korea-v124 .ronProductJourneyEyebrow::before, #ron-korea-v124 .ronProductJourneySubEyebrow::before{ width: 24px; flex-basis: 24px; } #ron-korea-v124 .ronProductJourneyTitle{ font-size: 36px; line-height: 42px; } #ron-korea-v124 .ronProductJourneyLead{ font-size: 16px; line-height: 30px; } #ron-korea-v124 .ronProductJourneyFacts{ grid-template-columns: 1fr; gap: 8px; } #ron-korea-v124 .ronProductJourneyFact{ padding: 15px; } #ron-korea-v124 .ronProductJourneyProcessHead{ margin-top: 34px; } #ron-korea-v124 .ronProductJourneySubTitle{ font-size: 31px; line-height: 38px; } #ron-korea-v124 .ronProductJourneySteps{ grid-template-columns: 1fr; gap: 8px; } #ron-korea-v124 .ronProductJourneyStep{ display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 0 11px; text-align: left; padding: 15px; } #ron-korea-v124 .ronProductJourneyStepNo{ grid-column: 1; grid-row: 1/4; margin: 0; width: 36px; height: 36px; } #ron-korea-v124 .ronProductJourneyStepLabel, #ron-korea-v124 .ronProductJourneyStepTitle, #ron-korea-v124 .ronProductJourneyStepText{ grid-column: 2; text-align: left; } #ron-korea-v124 .ronProductJourneyStepTitle{ font-size: 21px; line-height: 28px; } #ron-korea-v124 .ronProductJourneyAudience article{ padding: 18px; } #ron-korea-v124 .ronFactoryProcessModule{ margin-top: 28px; padding: 18px 12px; border-radius: 15px; } #ron-korea-v124 .ronFactoryProcessTitle{ font-size: 31px; line-height: 38px; } #ron-korea-v124 .ronFactoryProcessLead{ font-size: 15px; line-height: 28px; } #ron-korea-v124 .ronFactoryProcessMedia{ aspect-ratio: 4/3; } #ron-korea-v124 .ronFactoryProcessInfo{ min-height: 0; padding: 24px 18px; } #ron-korea-v124 .ronFactoryProcessInfoStageName{ font-size: 29px; line-height: 35px; } #ron-korea-v124 .ronFactoryProcessInfoText{ font-size: 15px; line-height: 28px; } #ron-korea-v124 .ronFactoryProcessReality{ margin-top: 22px; padding-top: 18px; } #ron-korea-v124 .ronFactoryProcessStageRail{ display: flex; overflow-x: auto; gap: 7px; padding-bottom: 5px; scroll-snap-type: x mandatory; scrollbar-width: none; } #ron-korea-v124 .ronFactoryProcessStageRail::-webkit-scrollbar{ display: none; } #ron-korea-v124 .ronFactoryProcessStage{ flex: 0 0 180px; scroll-snap-align: start; } #ron-korea-v124 .ronFactoryProcessArrow{ width: 42px; height: 42px; margin-top: -21px; } #ron-korea-v124 .ronFactoryProcessPrev{ left: 9px; } #ron-korea-v124 .ronFactoryProcessNext{ right: 9px; } #ron-korea-v124 .ronFactoryProcessImageTag{ left: 9px; top: 9px; max-width: calc(100% - 90px); font-size: 10px; line-height: 18px; padding: 6px 8px; } #ron-korea-v124 .ronFactoryProcessCounter{ right: 9px; top: 9px; } #ron-korea-v124 .ronFactoryProcessDots{ left: 9px; right: 9px; bottom: 9px; } } @media (prefers-reduced-motion:reduce){ #ron-korea-v124 .ronFactoryProcessSlide, #ron-korea-v124 .ronFactoryProcessStage{ transition: none; } #ron-korea-v124 .ronFactoryProcessStage:hover{ transform: none; } } @media (max-width:1280px){ #ron-korea-v124 .ronProductJourneySteps{ grid-template-columns: repeat(3,minmax(0,1fr)); } #ron-korea-v124 .ronProductJourneySteps::before{ display: none; } #ron-korea-v124 .ronProductJourneyStep{ padding-top: 18px; } #ron-korea-v124 .ronProductJourneyStepNo{ position: static; transform: none; margin: 0 auto 8px; } } @media (max-width:1100px){ #ron-korea-v124 .ronFactoryProcessHead{ grid-template-columns: 1fr; gap: 12px; } #ron-korea-v124 .ronFactoryProcessShell{ grid-template-columns: 1fr; min-height: 0; } #ron-korea-v124 .ronFactoryProcessMedia{ aspect-ratio: 16/9; } #ron-korea-v124 .ronFactoryProcessInfo{ min-height: 300px; } #ron-korea-v124 .ronFactoryProcessStageRail{ grid-template-columns: repeat(3,minmax(0,1fr)); } } @media (max-width:980px){ #ron-korea-v124 .ronProductJourneyHead{ grid-template-columns: 1fr; gap: 14px; align-items: start; } #ron-korea-v124 .ronProductJourneyFacts{ grid-template-columns: 1fr 1fr; } #ron-korea-v124 .ronProductJourneyAudience{ grid-template-columns: 1fr; } } @media (max-width: 420px){ #ron-korea-v124 .ronFactoryProcessStage{ min-height: 56px; } } @media (prefers-reduced-motion: reduce){ #ron-korea-v124 .ronFactoryProcessSlideActive{ will-change: auto; } } @media (max-width:760px), (pointer:coarse){ #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext, #ron-korea-v124 .ronFactoryProcessArrow{ width: 48px; height: 48px; min-width: 48px; min-height: 48px; } #ron-korea-v124 .ronFactoryProcessStage{ min-height: 68px; } } @media (max-width:760px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyInner{ width: 100% !important; max-width: none !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps{ grid-template-columns: minmax(0,1fr) !important; gap: 14px !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps::before{ display: none !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep{ width: 100%; aspect-ratio: 1 / 1; min-height: 0 !important; height: auto; padding: 18px !important; display: grid !important; grid-template-columns: 42px minmax(0,1fr); grid-template-rows: auto auto minmax(0,1fr); column-gap: 12px; row-gap: 10px; align-content: start; text-align: left !important; overflow: hidden; border-top: 3px solid #BDDC24; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepNo{ position: static !important; left: auto !important; top: auto !important; transform: none !important; grid-column: 1; grid-row: 1; width: 38px; height: 38px; margin: 0 !important; border-width: 3px; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel{ grid-column: 2; grid-row: 1; margin: 0; align-self: center; text-align: left !important; font-size: 12px; line-height: 21px; letter-spacing: .07em; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle{ grid-column: 1 / -1; grid-row: 2; margin: 0; text-align: left !important; font-size: clamp(24px,7vw,28px); line-height: 1.14; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ grid-column: 1 / -1; grid-row: 3; margin: 0; text-align: left !important; font-size: 15px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; align-self: start; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep::after{ position: absolute; right: 16px; bottom: 10px; color: rgba(79,109,15,.07); font-family: var(--ron95-display); font-size: clamp(76px,24vw,104px); line-height: .9; font-weight: 500; pointer-events: none; z-index: 0; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep:nth-child(1)::after{ content: "01"; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep:nth-child(2)::after{ content: "02"; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep:nth-child(3)::after{ content: "03"; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep:nth-child(4)::after{ content: "04"; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep:nth-child(5)::after{ content: "05"; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep:nth-child(6)::after{ content: "06"; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep > *{ position: relative; z-index: 1; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyFacts, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyAudience, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyTrainingGrid{ grid-template-columns: minmax(0,1fr) !important; } #ron-korea-v124 #san-xuat-han-quoc{ padding-left: 14px !important; padding-right: 14px !important; } } @media (max-width:390px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep{ aspect-ratio: 1 / 1; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ -webkit-line-clamp: 5; } } #ron-korea-v124 img{ image-rendering: auto; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #ron-korea-v124 .ronFactoryProcessSlideActive{ will-change: opacity, transform; } @media (prefers-reduced-motion: reduce){ #ron-korea-v124 .ronFactoryProcessSlideActive{ will-change: auto; } } @media (max-width:760px), (pointer:coarse){ #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext, #ron-korea-v124 .ronFactoryProcessArrow{ width: 48px; height: 48px; min-width: 48px; min-height: 48px; } } @media (max-width:760px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyInner{ width: 100% !important; max-width: none !important; } #ron-korea-v124 #san-xuat-han-quoc{ padding-left: 14px !important; padding-right: 14px !important; } } @media (max-width:390px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep{ aspect-ratio: 1 / 1; } } @media (max-width:760px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyInner{ width: 100% !important; max-width: none !important; } #ron-korea-v124 #san-xuat-han-quoc{ padding-left: 14px !important; padding-right: 14px !important; } } @media (max-width:390px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep{ aspect-ratio: 1 / 1; } } #ron-korea-v124 .ronProductJourneyEyebrow, #ron-korea-v124 .ronProductJourneySubEyebrow{ color: #4F6D0F; } #ron-korea-v124 .ronAlbumLightbox{ position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 18px; background: rgba(4,8,3,.94); } #ron-korea-v124 .ronAlbumLightboxBackdrop{ position: absolute; inset: 0; } #ron-korea-v124 .ronAlbumLightboxDialog{ position: relative; z-index: 2; width: min(94vw,1500px); height: min(90vh,950px); display: grid; grid-template-columns: 60px minmax(0,1fr) 60px; grid-template-rows: 48px minmax(0,1fr) auto; align-items: center; gap: 8px; } #ron-korea-v124 .ronAlbumLightboxImageWrap{ grid-column: 2; grid-row: 2; min-width: 0; min-height: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #ron-korea-v124 .ronAlbumLightboxImage{ display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } #ron-korea-v124 .ronAlbumLightboxPrev{ grid-column: 1; grid-row: 2; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; background: rgba(255,255,255,.10); color: #ffffff; font-size: 30px; line-height: 30px; cursor: pointer; } #ron-korea-v124 .ronAlbumLightboxNext{ grid-column: 3; grid-row: 2; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; background: rgba(255,255,255,.10); color: #ffffff; font-size: 30px; line-height: 30px; cursor: pointer; } #ron-korea-v124 .ronAlbumLightboxClose{ position: absolute; right: 0; top: 0; z-index: 4; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.30); border-radius: 50%; background: rgba(255,255,255,.10); color: #ffffff; font-size: 30px; line-height: 30px; cursor: pointer; } #ron-korea-v124 .ronAlbumLightboxBack{ grid-column: 1 / 4; grid-row: 1; justify-self: start; align-self: start; min-height: 46px; padding: 0 18px; border: 1px solid rgba(255,255,255,.34); border-radius: 0; background: #ffffff; color: #0B1408; font-size: 13px; line-height: 1; font-weight: 850; letter-spacing: .04em; cursor: pointer; touch-action: manipulation; } #ron-korea-v124 .ronAlbumLightboxBack:hover{ border-color: #BDDC24; background: #BDDC24; } #ron-korea-v124 .ronAlbumLightboxBack:focus-visible{ outline: 3px solid #BDDC24; outline-offset: 3px; } #ron-korea-v124 .ronAlbumLightboxCaption{ grid-column: 2; grid-row: 3; display: flex; justify-content: space-between; gap: 16px; color: #ffffff; font-size: 16px; line-height: 30px; } #ron-korea-v124 .ronAlbumLightboxTitle{ color: rgba(255,255,255,.86); } #ron-korea-v124 .ronAlbumLightboxCount{ color: #d5eb61; font-weight: 800; white-space: nowrap; } @media (max-width:640px){ #ron-korea-v124 .ronAlbumLightbox{ padding: 8px; } #ron-korea-v124 .ronAlbumLightboxDialog{ width: 100%; height: 92vh; grid-template-columns: 42px minmax(0,1fr) 42px; grid-template-rows: 46px minmax(0,1fr) auto; gap: 3px; } #ron-korea-v124 .ronAlbumLightboxPrev{ width: 38px; height: 38px; font-size: 26px; } #ron-korea-v124 .ronAlbumLightboxNext{ width: 38px; height: 38px; font-size: 26px; } #ron-korea-v124 .ronAlbumLightboxClose{ width: 40px; height: 40px; font-size: 28px; } #ron-korea-v124 .ronAlbumLightboxBack{ min-height: 42px; padding: 0 12px; font-size: 12px; } #ron-korea-v124 .ronAlbumLightboxCaption{ font-size: 16px; line-height: 30px; flex-direction: column; gap: 0; } } #ron-korea-v124 .ronAlbumLightbox[hidden]{ display: none; } #ron-korea-v124 .ronAlbumLightbox:not([hidden]){ display: flex; } #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext, #ron-korea-v124 .ronAlbumLightboxBack{ min-width: 44px; min-height: 44px; } #ron-korea-v124 .ronAlbumLightboxClose:focus-visible, #ron-korea-v124 .ronAlbumLightboxPrev:focus-visible, #ron-korea-v124 .ronAlbumLightboxNext:focus-visible, #ron-korea-v124 .ronAlbumLightboxBack:focus-visible, #ron-korea-v124 .ronFactoryProcessStage:focus-visible{ outline: 3px solid #BDDC24; outline-offset: 3px; } #ron-korea-v124 .ronAlbumLightboxBackdrop{ appearance: none; border: 0; padding: 0; margin: 0; background: transparent; } @media (max-width:760px), (pointer:coarse){ #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext, #ron-korea-v124 .ronFactoryProcessArrow{ width: 48px; height: 48px; min-width: 48px; min-height: 48px; } } @media (max-width:760px), (pointer:coarse){ #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext, #ron-korea-v124 .ronFactoryProcessArrow{ width: 48px; height: 48px; min-width: 48px; min-height: 48px; } } #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext{ min-width: 44px; min-height: 44px; } #ron-korea-v124 .ronAlbumLightboxClose:focus-visible, #ron-korea-v124 .ronAlbumLightboxPrev:focus-visible, #ron-korea-v124 .ronAlbumLightboxNext:focus-visible, #ron-korea-v124 .ronFactoryProcessStage:focus-visible{ outline: 3px solid #BDDC24; outline-offset: 3px; } #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext, #ron-korea-v124 .ronFactoryProcessArrow{ min-width: 44px; min-height: 44px; touch-action: manipulation; } #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext, #ron-korea-v124 .ronFactoryProcessArrow{ min-width: 48px; min-height: 48px; touch-action: manipulation; } @media (max-width:760px), (pointer:coarse){ #ron-korea-v124 .ronAlbumLightboxClose, #ron-korea-v124 .ronAlbumLightboxPrev, #ron-korea-v124 .ronAlbumLightboxNext, #ron-korea-v124 .ronFactoryProcessArrow{ width: 48px; height: 48px; min-width: 48px; min-height: 48px; } } #ron-korea-v124 #san-xuat-han-quoc .ronFactoryProcessShell{ min-height: 0 !important; align-items: stretch; } #ron-korea-v124 #san-xuat-han-quoc .ronFactoryProcessMedia{ width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; align-self: start !important; overflow: hidden; background: #EEF2E4; } #ron-korea-v124 #san-xuat-han-quoc .ronFactoryProcessSlide, #ron-korea-v124 #san-xuat-han-quoc .ronFactoryProcessImage{ width: 100% !important; height: 100% !important; } #ron-korea-v124 #san-xuat-han-quoc .ronFactoryProcessImage{ object-fit: cover !important; object-position: center !important; background: #EEF2E4; } @media (max-width: 760px){ #ron-korea-v124 #san-xuat-han-quoc .ronFactoryProcessMedia{ aspect-ratio: 16 / 9 !important; } #ron-korea-v124 #san-xuat-han-quoc .ronFactoryProcessInfo{ min-height: 0 !important; } } @media (max-width: 1240px){ #ron-korea-v124 #san-xuat-han-quoc .ronFactoryProcessMedia{ aspect-ratio: 16 / 9 !important; } } @media (max-width: 760px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps{ grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep:nth-child(n){ width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; padding: 16px 15px !important; display: grid !important; grid-template-columns: 42px minmax(0,1fr) !important; grid-template-rows: auto auto auto !important; column-gap: 12px !important; row-gap: 4px !important; align-items: start !important; align-content: start !important; overflow: visible !important; text-align: left !important; border-top: 3px solid #BDDC24 !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 10px 24px rgba(19,32,6,.055) !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepNo{ position: static !important; inset: auto !important; transform: none !important; grid-column: 1 !important; grid-row: 1 / 4 !important; align-self: start !important; width: 38px !important; height: 38px !important; margin: 1px 0 0 !important; border: 3px solid #fff !important; box-shadow: 0 4px 12px rgba(19,32,6,.10) !important; font-size: 11px !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel{ grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; font-size: 10.5px !important; line-height: 19px !important; letter-spacing: .07em !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle{ grid-column: 2 !important; grid-row: 2 !important; margin: 1px 0 0 !important; text-align: left !important; font-size: clamp(21px,6vw,25px) !important; line-height: 1.16 !important; display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ grid-column: 2 !important; grid-row: 3 !important; margin: 5px 0 0 !important; text-align: left !important; font-size: 14px !important; line-height: 23px !important; display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep::after{ display: none !important; content: none !important; } } @media (max-width: 390px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep:nth-child(n){ aspect-ratio: auto !important; padding: 14px 13px !important; grid-template-columns: 38px minmax(0,1fr) !important; column-gap: 10px !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepNo{ width: 34px !important; height: 34px !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle{ font-size: 20px !important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ font-size: 13.5px !important; line-height: 22px !important; } } #ron-korea-v124{ --v79-white:#fff; --v79-cream:#f6f4ef; --v79-cream2:#eeece6; --v79-ink:#12130f; --v79-muted:#6b6d65; --v79-line:#d9d9d2; --v79-lime:#BDDC24; --v79-deep:#0b1408; --v79-max:1600px; --v79-gutter:clamp(22px,4vw,70px); --v79-serif:var(--ron95-display); --v79-sans:var(--ron95-sans); } #ron-korea-v124{background:#fff;color:var(--v79-ink);font-family:var(--ron95-sans);line-height:1.7;} #ron-korea-v124 .ronProductJourney{padding:clamp(80px,7vw,118px) var(--v79-gutter);background:#fff;border-top:1px solid var(--v79-line);border-bottom:1px solid var(--v79-line);} #ron-korea-v124 .ronProductJourneyInner{width:min(100%,var(--v79-max));max-width:var(--v79-max);} #ron-korea-v124 .ronProductJourneyFact, #ron-korea-v124 .ronProductJourneyStep, #ron-korea-v124 .ronProductJourneyAudience article, #ron-korea-v124 .ronFactoryProcessModule{border:1px solid #d7d7d0;border-top:1px solid #d7d7d0;border-radius:0;box-shadow:none;} #ron-korea-v124 .ronProductJourneyStepNo{background:#111;color:#fff;border-color:#fff;} #ron-korea-v124 .ronFactoryProcessShell{border-radius:0;border-color:#d7d7d0;box-shadow:none;} #ron-korea-v124 .ronFactoryProcessInfo{background:#10170d;} @media(max-width:760px){ #ron-korea-v124 .ronProductJourney{padding:58px 14px;} #ron-korea-v124 .ronProductJourneyTitle{font-size:38px;line-height:1.06;} #ron-korea-v124 .ronProductJourneyStep{aspect-ratio:auto!important;min-height:250px!important;border-radius:0!important;} #ron-korea-v124 .ronFactoryProcessModule{padding:16px 0;border-left:0;border-right:0;} #ron-korea-v124 .ronFactoryProcessShell{border-left:0;border-right:0;} } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyProcessHead{ max-width:1040px; margin-top:clamp(52px,5vw,76px); } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps::before{display:none;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep{ display:block!important; min-height:0!important; aspect-ratio:auto!important; padding:0 0 22px!important; overflow:hidden; border:1px solid #d9d9d2!important; border-radius:0!important; background:#fff; box-shadow:none!important; text-align:left!important; } #ron-korea-v124 #san-xuat-han-quoc .ronV81ProcessCardMedia{ position:relative; display:block; aspect-ratio:16/9; overflow:hidden; border-bottom:1px solid #d9d9d2; background:#eeece6; } #ron-korea-v124 #san-xuat-han-quoc .ronV81ProcessCardMedia::after{ content:""; position:absolute; inset:auto 0 0; height:34%; background:linear-gradient(180deg,transparent,rgba(7,16,6,.26)); pointer-events:none; } #ron-korea-v124 #san-xuat-han-quoc .ronV81ProcessCardMedia img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep:hover .ronV81ProcessCardMedia img{transform:scale(1.018);} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepNo{ left:14px!important; top:14px!important; transform:none!important; width:38px; height:38px; border:1px solid rgba(255,255,255,.65); background:#bddc24; box-shadow:0 8px 20px rgba(7,16,6,.18); z-index:3; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ display:block!important; grid-column:auto!important; grid-row:auto!important; margin-left:20px; margin-right:20px; text-align:left!important; -webkit-line-clamp:unset!important; overflow:visible!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel{ margin-top:17px; color:#4f6d0f; font-size:11px; line-height:20px; letter-spacing:.1em; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle{ margin-top:7px; font-size:clamp(25px,2vw,31px); line-height:1.08; letter-spacing:-.025em; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{ margin-top:10px; color:#6b6d65; font-size:14px; line-height:25px; } #ron-korea-v124 #ron-v81-product-process-gallery{ display:block; margin-top:clamp(34px,4vw,54px); border-radius:0; box-shadow:none; } #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessShell, #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessStage, #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessStageNo{border-radius:0;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessMedia{aspect-ratio:16/9;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessDots{gap:2px;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessDot{min-width:2px;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessImageTag{border-radius:0;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessCounter{border-radius:0;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessReality{ padding-top:18px; border-top:1px solid rgba(216,235,114,.2); } @media(max-width:980px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:760px){ #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyProcessHead{margin-top:44px;text-align:left;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyProcessHead .ronProductJourneySubEyebrow{justify-content:flex-start;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySubLead{margin-left:0;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneySteps{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStep{ display:block!important; width:100%; min-height:0!important; aspect-ratio:auto!important; padding:0 0 20px!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepNo{ position:absolute!important; left:12px!important; top:12px!important; margin:0!important; } #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepLabel, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle, #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{margin-left:16px;margin-right:16px;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepTitle{font-size:27px;line-height:1.1;} #ron-korea-v124 #san-xuat-han-quoc .ronProductJourneyStepText{font-size:15px;line-height:27px;} #ron-korea-v124 #ron-v81-product-process-gallery{padding:16px 0;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessHead{padding:0 2px;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessDots{display:none;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessMedia{aspect-ratio:16/9;} #ron-korea-v124 #ron-v81-product-process-gallery .ronFactoryProcessInfo{padding:24px 18px;} } @media(prefers-reduced-motion:reduce){ #ron-korea-v124 #san-xuat-han-quoc .ronV81ProcessCardMedia img{transition:none;} } #ron-korea-v124[data-ron-lang=ar] :is(.ronHeroTitle,.ronHeroLead,.ronSectionTitle,.ronSectionLead,.rpc-copy-page,.ronja-copy-page,.ronFactoryProcessInfo,.ronFooterCol){text-align:start;} #ron-korea-v124[data-ron-lang=ar] :is(.rpc-price,.rpc-folio,.rpc-counter,.ronja-folio,.ronja-counter,.fb-counter,.ronSlideCounter,.ronAlbumCounter,.ronFactoryProcessCurrent){direction:ltr;unicode-bidi:isolate;} @media(max-width:980px){ #ron-korea-v124 .ronProductJourneyHead{grid-template-columns:minmax(0,1fr)!important;} #ron-korea-v124 .ronProductJourneyHead>div, #ron-korea-v124 .ronProductJourneyHead>p{min-width:0;max-width:100%;} } @media(max-width:420px){ #ron-korea-v124 .ronProductJourneyEyebrow{display:block;overflow-wrap:anywhere;} #ron-korea-v124 .ronProductJourneyEyebrow::before{display:none;} } #ron-korea-v124.ronV93Editorial{--ron-v93-header:78px;--ron-v93-line:#D9D9D2;--ron-v93-gutter:clamp(22px,4vw,70px);} #ron-korea-v124.ronV93Editorial :is(.ronV24BestHead,.ronProductJourneyHead,.ronV40LatestHead){text-align:start!important;} #ron-korea-v124.ronV93Editorial .ronProductJourneyFacts{border-radius:0!important;box-shadow:none!important;} @media(max-width:760px){ #ron-korea-v124.ronV93Editorial{--ron-v93-gutter:18px;} } #ron-korea-v124{ --ron95-fallback:"RON95 KR","RON95 TC","RON95 SC","RON95 JP","RON95 Arabic","RON95 Thai","RON95 Khmer","RON95 Lao","RON95 Sans",sans-serif; --ron95-sans:"RON95 Sans",var(--ron95-fallback); --ron95-display:"RON95 Serif","RON95 Sans",var(--ron95-fallback); -webkit-text-size-adjust:100%;text-size-adjust:100%; } #ron-korea-v124#ron-korea-v124.ronV97Identity{ --ron97-white:#FFFFFF;--ron97-cream:#F6F4EF;--ron97-ink:#12130F;--ron97-muted:#6B6D65; --ron97-line:#D9D9D2;--ron97-lime:#BDDC24;--ron97-green:#4F6D0F;--ron97-deep:#0B1408; --ron97-gutter:clamp(22px,4vw,70px);--ron97-space:clamp(72px,5vw,96px); background:var(--ron97-white);color:var(--ron97-ink); } #ron-korea-v124#ron-korea-v124.ronV97Identity section.ron97Section{ --ron97-surface:var(--ron97-white);--ron97-text:var(--ron97-ink);--ron97-secondary:var(--ron97-muted);--ron97-accent:var(--ron97-green); background:var(--ron97-surface)!important;color:var(--ron97-text)!important;border:0!important;border-top:1px solid var(--ron97-line)!important;border-radius:0!important;box-shadow:none!important; padding-block:var(--ron97-space)!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity section.ron97Section::before{content:none!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Inner{max-width:1600px!important;margin-inline:auto!important;box-sizing:border-box!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Heading{ font-family:var(--ron95-display)!important;font-weight:400!important;font-size:clamp(30px,2.9vw,42px)!important;line-height:1.22!important;letter-spacing:-.02em!important; color:var(--ron97-text)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;text-wrap:pretty!important;margin-block:12px 22px!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Lead{ font-family:var(--ron95-sans)!important;font-size:16px!important;font-weight:400!important;line-height:1.75!important;letter-spacing:normal!important; color:var(--ron97-secondary)!important;-webkit-text-fill-color:currentColor!important;max-width:66ch;text-shadow:none!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Eyebrow{ font-family:var(--ron95-sans)!important;font-size:13px!important;font-weight:700!important;line-height:1.65!important;letter-spacing:.1em!important; color:var(--ron97-accent)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Eyebrow::before{height:1px!important;background:var(--ron97-accent)!important;box-shadow:none!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section :is(.ron97Card,.ron97Panel){border:1px solid var(--ron97-line)!important;border-radius:0!important;box-shadow:none!important;background:#FFFFFF!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Card:hover{box-shadow:none!important;border-color:#A5AF97!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97CardTitle{font-family:var(--ron95-display)!important;font-size:clamp(23px,2vw,28px)!important;font-weight:400!important;line-height:1.28!important;letter-spacing:-.025em!important;color:var(--ron97-text)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97CardText{font-family:var(--ron95-sans)!important;font-size:16px!important;line-height:1.8!important;font-weight:400!important;letter-spacing:normal!important;color:var(--ron97-secondary)!important;-webkit-text-fill-color:currentColor!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyHead{ display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:clamp(32px,5vw,80px)!important;align-items:end!important;text-align:start!important;margin-bottom:40px!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #featured-products .ronV24BestHead .ron97Heading, #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyHead .ron97Heading, #ron-korea-v124#ron-korea-v124.ronV97Identity #latest-insights .ronV40LatestHead .ron97Heading{max-width:24ch!important;text-align:start!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity section.ron97Section .ron97Button{ display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;max-width:100%;padding:12px 20px!important; border:1px solid var(--ron97-ink)!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;text-align:center!important; font:600 14px/1.6 var(--ron95-sans)!important;letter-spacing:normal!important;white-space:normal!important;box-sizing:border-box!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity section.ron97Section .ron97Primary{background:var(--ron97-ink)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity section.ron97Section .ron97Secondary{background:transparent!important;color:var(--ron97-ink)!important;-webkit-text-fill-color:var(--ron97-ink)!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity section.ron97Section .ron97Button:hover{background:var(--ron97-lime)!important;border-color:var(--ron97-lime)!important;color:var(--ron97-ink)!important;-webkit-text-fill-color:var(--ron97-ink)!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity:is([data-ron-lang=ko],[data-ron-lang=ja],[data-ron-lang="zh-TW"],[data-ron-lang="zh-CN"]) .ron97Section :is(.ron97Heading,.ron97CardTitle){line-height:1.38!important;letter-spacing:normal!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity:is([data-ron-lang=ar],[data-ron-lang=th],[data-ron-lang=km],[data-ron-lang=lo]) .ron97Section :is(.ron97Heading,.ron97CardTitle){line-height:1.5!important;letter-spacing:normal!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity:is([data-ron-lang=ar],[data-ron-lang=th],[data-ron-lang=km],[data-ron-lang=lo],[data-ron-lang=ko],[data-ron-lang=ja],[data-ron-lang="zh-TW"],[data-ron-lang="zh-CN"]) .ron97Eyebrow{letter-spacing:normal!important;} @media(max-width:1180px){ #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyHead{grid-template-columns:1fr!important;gap:0!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity #featured-products .ronV24BestHead .ron97Heading, #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyHead .ron97Heading, #ron-korea-v124#ron-korea-v124.ronV97Identity #latest-insights .ronV40LatestHead .ron97Heading{max-width:30ch!important;} } @media(max-width:760px){ #ron-korea-v124#ron-korea-v124.ronV97Identity{--ron97-space:54px;--ron97-gutter:18px;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Heading{font-size:32px!important;line-height:1.22!important;margin-block:12px 20px!important;letter-spacing:-.03em!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Lead{font-size:16px!important;line-height:1.8!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97CardTitle{font-size:25px!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Eyebrow{font-size:13px!important;line-height:1.8!important;letter-spacing:.07em!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyHead{margin-bottom:28px!important;} } @media(max-width:420px){ #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Heading{font-size:30px!important;} } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyHead{width:100%!important;max-width:none!important;margin-inline:0!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity #featured-products .ronV24BestHead .ron97Eyebrow{text-align:start!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity section.ron97Section.ronEditorial{padding-block:0!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section.ronEditorial .ronEditorialCopy{padding-block:var(--ron97-space)!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section .ron97Inner{padding-block:0!important;} #ron-korea-v124#ron-korea-v124.ronV97Identity .ron97Section :is(.ron97Heading,.ron97CardTitle){overflow-wrap:break-word;min-width:0;} #ron-korea-v124#ron-korea-v124.ronV97Identity{ --ron99-cream-2:#EEECE6; --ron99-bright-lime:#D8EB72; --ron99-header-logo:336.666667px; } #ron-korea-v124#ron-korea-v124.ronV97Identity:is([data-ron-lang=ar],[data-ron-lang=th],[data-ron-lang=km],[data-ron-lang=lo]) :is(.ronHeroTitle,.ron97Heading,.ron97CardTitle){ line-height:1.5!important;letter-spacing:normal!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTraining{ --ron97-surface:#0B1408; --ron97-text:#FFFFFF; --ron97-secondary:#D9D9D2; --ron97-accent:#D8EB72; background:#0B1408!important; color:#FFFFFF!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTraining :is(.ronProductJourneyTrainingEyebrow,.ronProductJourneyTrainingGrid article > span){ color:#D8EB72!important; -webkit-text-fill-color:#D8EB72!important; opacity:1!important; text-shadow:none!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTrainingEyebrow::before{ background:#D8EB72!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTraining :is(.ronProductJourneyTrainingTitle,.ronProductJourneyTrainingGrid h4){ color:#FFFFFF!important; -webkit-text-fill-color:#FFFFFF!important; opacity:1!important; text-shadow:none!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTraining :is(.ronProductJourneyTrainingLead,.ronProductJourneyTrainingGrid article p){ color:#D9D9D2!important; -webkit-text-fill-color:#D9D9D2!important; opacity:1!important; text-shadow:none!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTrainingGrid article{ background:#0B1408!important; border-color:#35432F!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTraining .ron97Primary{ background:#FFFFFF!important; border-color:#FFFFFF!important; color:#12130F!important; -webkit-text-fill-color:#12130F!important; opacity:1!important; text-shadow:none!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTraining .ron97Secondary{ background:#0B1408!important; border-color:#D9D9D2!important; color:#FFFFFF!important; -webkit-text-fill-color:#FFFFFF!important; opacity:1!important; text-shadow:none!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTraining .ron97Button:is(:hover,:focus-visible,:active){ background:#BDDC24!important; border-color:#BDDC24!important; color:#12130F!important; -webkit-text-fill-color:#12130F!important; } #ron-korea-v124#ron-korea-v124.ronV97Identity #san-xuat-han-quoc .ronProductJourneyTraining .ron97Button > *{ color:inherit!important; -webkit-text-fill-color:currentColor!important; } #ron-korea-v124#ron-korea-v124#ron-korea-v124#ron-korea-v124#ron-korea-v124#ron-korea-v124#ron-korea-v124#ron-korea-v124{--ron95-serif:var(--ron95-display);--ron-v99-sans:var(--ron95-sans);--ron-v99-serif:var(--ron95-display);font-family:var(--ron95-sans)!important} #ron-korea-v124#ron-korea-v124#ron-korea-v124#ron-korea-v124{--ron-v93-header:80px;--ron-v115-chapters:44px} @media(max-width:760px){ #ron-korea-v124#ron-korea-v124#ron-korea-v124#ron-korea-v124{--ron-v93-header:120px} } /* Reuse the science page's embedded fonts and preserve the V124 module geometry. */ #ron-science-v3 #han-quoc{margin:0;padding:0;scroll-margin-top:100px} #ron-korea-v124{position:relative;width:100%;max-width:none;margin:0;padding:0;background:#fff;color:#12130f; --ron-sans:RonSans,"Noto Sans","Segoe UI",Arial,sans-serif!important;--ron-serif:RonSerif,"Noto Serif","Times New Roman",serif!important; --ron95-sans:var(--ron-sans)!important;--ron95-display:var(--ron-serif)!important; --ron95-fallback:var(--ron-sans)!important;--v79-max:1600px;--v79-gutter:clamp(22px,4vw,70px); font-family:var(--ron-sans);line-height:1.7;isolation:auto} #ron-korea-v124,#ron-korea-v124 *,#ron-korea-v124 *::before,#ron-korea-v124 *::after{box-sizing:border-box} #ron-korea-v124 :is(h2,h3,h4,h5){overflow-wrap:break-word} #ron-korea-v124 :is(button,a):focus-visible{outline:3px solid #bddc24;outline-offset:3px} #ron-korea-v124 .ronV18GalleryPreview{display:block;position:absolute;inset:0;color:inherit} #ron-korea-v124 .ronV18GalleryPreview img{display:block;width:100%;height:100%;object-fit:cover} #ron-korea-v124 .ronFactoryProcessSlide{pointer-events:auto!important} #ron-korea-v124 .ronFactoryProcessSlide:not(.ronFactoryProcessSlideActive){pointer-events:none!important} #ron-korea-v124 .ronFactoryProcessImageTag{pointer-events:none!important} #ron-korea-v124 .ronAlbumLightbox{z-index:100000} #ron-korea-v124 .ronAlbumLightbox[hidden]{display:none!important} #ron-korea-v124 .ronAlbumLightboxImage{width:auto!important;height:auto!important;max-width:100%;max-height:76svh;object-fit:contain} #ron-korea-v124 .ronAlbumLightboxImageWrap{min-width:0;min-height:0} #ron-korea-v124 .ronV18Download{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid currentColor;color:inherit;text-decoration:none;font:inherit;white-space:nowrap} #ron-korea-v124 .ronAlbumLightboxCaption{flex-wrap:wrap;gap:12px} #ron-korea-v124 .ronAlbumLightboxCount{direction:ltr;unicode-bidi:isolate} /* A failed or disabled script still leaves the six steps and all image links usable. */ #ron-korea-v124:not([data-ron-korea-ready]) .ronV86JourneyStep{display:grid!important;position:relative!important;opacity:1!important;visibility:visible!important;transform:none!important} #ron-korea-v124:not([data-ron-korea-ready]) .ronFactoryProcessMedia{height:auto!important;aspect-ratio:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #ron-korea-v124:not([data-ron-korea-ready]) .ronFactoryProcessSlide{position:relative!important;inset:auto!important;display:block!important;opacity:1!important;visibility:visible!important;aspect-ratio:16/9;pointer-events:auto!important} #ron-korea-v124:not([data-ron-korea-ready]) :is(.ronV86JourneyArrow,.ronV86JourneyRail,.ronFactoryProcessArrow,.ronFactoryProcessCounter,.ronFactoryProcessDots,.ronFactoryProcessStageRail){display:none!important} @media(max-width:760px){ #ron-korea-v124 .ronAlbumLightboxImage{max-height:68svh} #ron-korea-v124:not([data-ron-korea-ready]) .ronFactoryProcessMedia{grid-template-columns:minmax(0,1fr)} } @media(prefers-reduced-motion:reduce){#ron-korea-v124 *,#ron-korea-v124 *::before,#ron-korea-v124 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* V20: original WebP science photographs. Existing 3D layers remain intact. */ .ron-science-webp-atmosphere{position:absolute;inset:0;display:block;pointer-events:none;opacity:.15;overflow:hidden} .ron-science-webp-atmosphere-image{display:block;width:100%;height:100%;object-fit:cover} .ron-science-hero{position:relative;isolation:isolate} .ron-science-longevity-photo{grid-area:1/1;display:block;align-self:center;overflow:hidden;margin:0;border:0} .ron-science-longevity-photo-image{display:block;width:100%;height:auto;aspect-ratio:12/5;object-fit:contain} .ron-science-peptide-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain} /* V21: independent centering; resilient to the existing figure margin reset. */ .ron-science-equipment-frame{display:flex;justify-content:center;width:100%;box-sizing:border-box;padding:32px 24px;background:#f6f4ef} .ron-science-equipment{flex:0 1 800px;min-width:0;width:100%;max-width:800px;margin:0;padding:0} .ron-science-equipment-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain} .ron-science-equipment-caption{margin:12px 0 0;font-size:14px;line-height:1.6;color:#566049} @media(max-width:767px){.ron-science-longevity-photo-image{aspect-ratio:4/5}.ron-science-equipment-frame{padding:24px 16px}} /* V22: readable HTML copy in the photo's reserved space; stack on mobile. */ .ron-longevity-feature{display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate;direction:ltr;background:#f6f4ef;margin-bottom:32px} .ron-longevity-copy{grid-area:1/1;align-self:center;justify-self:start;z-index:1;box-sizing:border-box;width:54%;min-width:0;padding:40px 48px;color:#12130f;text-align:start;overflow-wrap:break-word} /* Scoped legacy h2 sizes have higher specificity; only local type size is overridden. */ .ron-longevity-title{font-size:52px!important;padding-top:18px} .ron-longevity-intro{padding-top:22px;max-width:46ch;font-size:15px;line-height:1.8;color:#525c48} .ron-peptide-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding:48px;direction:ltr;isolation:isolate;background:#f6f4ef;color:#12130f} .ron-peptide-feature-copy{min-width:0;overflow-wrap:break-word;text-align:start} .ron-peptide-feature-kicker{font-size:12px;line-height:1.6;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;color:#536c14} .ron-peptide-feature-title{font-size:50px!important;padding-top:20px} .ron-peptide-feature-intro{padding-top:24px;font-size:16px;line-height:1.8;color:#525c48} .ron-peptide-feature-link{padding-top:28px} .ron-peptide-feature-visual{min-width:0;align-self:center} .ron-science-peptide-photo{mix-blend-mode:multiply} @media(max-width:1100px){ .ron-longevity-copy{padding:28px 30px} .ron-longevity-title{font-size:40px!important} .ron-longevity-intro{padding-top:16px;font-size:14px} .ron-peptide-feature{padding:32px;gap:24px} .ron-peptide-feature-title{font-size:40px!important} } @media(max-width:767px){ .ron-longevity-feature{grid-template-rows:auto auto;margin-bottom:24px} .ron-longevity-copy{grid-area:1/1;width:100%;padding:24px 20px 18px} .ron-longevity-title{font-size:36px!important;padding-top:14px} .ron-longevity-intro{max-width:none} .ron-science-longevity-photo{grid-area:2/1} .ron-peptide-feature{grid-template-columns:minmax(0,1fr);padding:28px 20px 12px;gap:24px} .ron-peptide-feature-title{font-size:36px!important;padding-top:16px} .ron-peptide-feature-intro{padding-top:18px;font-size:15px} .ron-peptide-feature-link{padding-top:22px} }