@font-face{font-family:Onest;src:url('/assets/onest-cyr.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+20BD,U+2116} @font-face{font-family:Onest;src:url('/assets/onest-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#17312d;--muted:#60716b;--line:#cdd7d1;--paper:#f7f8f5;--ice:#e4f2f0;--aqua:#c7e9e8;--blue:#287bba;--accent:#d6eefa;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Onest,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}img,video{max-width:100%}img{display:block}.skip{position:absolute;left:12px;top:-60px;z-index:1000;background:#fff;padding:12px}.skip:focus{top:12px}*:focus-visible{outline:3px solid #1174ac;outline-offset:4px}
.site-header{height:82px;background:rgba(250,251,249,.93);backdrop-filter:blur(16px);border-bottom:1px solid #dce4df;position:sticky;top:0;z-index:30}.header-inner{height:100%;max-width:1800px;margin:auto;padding:0 clamp(22px,3.1vw,60px);display:flex;align-items:center;justify-content:space-between;gap:30px}.brands{display:flex;align-items:center;gap:18px;white-space:nowrap}.brands a{display:flex;align-items:center}.brands img{object-fit:contain}.kleo-mark{width:89px;height:36px}.sesderma-mark{width:163px;height:39px}.brand-cross{font-size:22px;color:#93a5a0;font-weight:300}.header-nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,46px)}.header-nav a,.header-action{font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.header-nav a:hover,.header-action:hover{color:var(--blue)}.header-action{display:inline-flex;align-items:center;gap:18px;border:1px solid var(--ink);padding:12px 17px;border-radius:50px}.header-action span{font-size:18px;line-height:1}
.hero{display:grid;grid-template-columns:52% 48%;min-height:min(750px,calc(100svh - 82px));overflow:hidden}.hero-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(50px,5.6vw,105px) clamp(26px,5vw,96px) 45px clamp(26px,5.4vw,105px);background:radial-gradient(circle at 95% 5%,#edf9fa 0,transparent 43%),#f8f9f6}.eyebrow,.tiny-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 35px;color:#517a77}.eyebrow-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3a9db4;box-shadow:0 0 0 6px #e0f2f3}.hero h1{font-size:clamp(61px,5.5vw,106px);line-height:.97;letter-spacing:-.07em;font-weight:470;margin:0;max-width:850px}.hero h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.047em;color:#5f8f8c}.hero-lead{font-size:clamp(18px,1.32vw,23px);line-height:1.49;letter-spacing:-.025em;max-width:590px;margin:35px 0 0;color:#36524d}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:41px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;text-decoration:none;border-radius:3px;font-size:15px;font-weight:600;padding:18px 22px;min-height:58px;transition:transform .25s,background .25s,color .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 24px #193d3822}.button span{font-size:22px;font-weight:300;line-height:1}.button-dark{background:#183c36;color:white}.button-dark:hover{background:#2e726b}.hero-count{font-size:12px;line-height:1.4;color:#667b76;max-width:150px}.hero-bottom{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;color:#6c8580;position:absolute;bottom:26px;left:clamp(26px,5.4vw,105px);margin:0}.hero-media{position:relative;min-height:600px;background:#d8e9f1;overflow:hidden}.hero-media video{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:center center}.hero-video-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,37,48,.1) 0%,transparent 45%,rgba(9,37,48,.35) 100%);pointer-events:none}.hero-media:after{content:"";position:absolute;top:0;bottom:0;left:-15%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-16deg);animation:light-sweep 12s linear infinite;pointer-events:none}.hero-media-label{position:absolute;top:7%;right:6%;display:flex;flex-direction:column;gap:7px;text-align:right;color:white;text-shadow:0 1px 9px #17313b70}.hero-media-label span{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}.hero-media-label strong{font-size:clamp(17px,1.5vw,27px);font-weight:450;line-height:1.15}.hero-media-bottom{position:absolute;left:5%;right:5%;bottom:5%;display:flex;align-items:center;justify-content:space-between;color:white;font-size:10px;font-weight:650;letter-spacing:.12em}.live-dot{height:10px;width:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px #ffffff45;animation:pulse 2.4s ease-in-out infinite}
.motion-strip{overflow:hidden;background:#d4ebe9;color:#447b76;border-block:1px solid #a8d2cf;height:49px;display:flex;align-items:center}.motion-track{white-space:nowrap;min-width:max-content;font-size:12px;letter-spacing:.16em;font-weight:700;animation:marquee 34s linear infinite}.motion-track span{margin:0 35px;color:#69aaa6}
.section-pad{padding:clamp(70px,7.5vw,125px) clamp(26px,5.4vw,105px)}.section-index{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#5b7873;border-top:1px solid var(--line);padding-top:16px;max-width:1750px;margin:auto}.intro{background:#f7f8f5}.intro-grid{max-width:1750px;margin:57px auto 0;display:grid;grid-template-columns:1.45fr .55fr;gap:10vw;align-items:start}.intro h2,.chooser h2,.ritual h2,.science h2,.closing h2{font-size:clamp(48px,5.3vw,94px);line-height:1.04;letter-spacing:-.065em;font-weight:450;margin:0}.intro-side{border-left:2px solid #91bfbd;padding-left:28px;max-width:445px;margin-top:8px}.intro-side p{font-size:clamp(17px,1.32vw,23px);line-height:1.55;letter-spacing:-.02em;margin:0 0 22px;color:#44625c}.intro-side p:last-child{margin-bottom:0}
.chooser{background:#e9f1ef}.chooser-heading,.ritual-heading{max-width:1750px;margin:53px auto 44px;display:flex;align-items:end;justify-content:space-between;gap:45px}.chooser-heading p,.ritual-heading p{font-size:clamp(17px,1.35vw,22px);line-height:1.5;color:#4d6b65;max-width:470px;margin:0 0 4px}.chooser-grid{max-width:1750px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.cue-card{cursor:pointer;border:1px solid #bdd2ce;background:#f6faf8;padding:24px 23px 20px;color:var(--ink);height:225px;display:flex;flex-direction:column;align-items:stretch;text-align:left;justify-content:space-between;transition:background .35s,transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.cue-card:before{content:"";position:absolute;right:-80px;top:-80px;width:200px;height:200px;border:1px solid #94c8c5;border-radius:50%;opacity:.35;transition:transform .6s,opacity .4s}.cue-card:hover:before,.cue-card.is-active:before{transform:scale(1.4);opacity:.65}.cue-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #35676017}.cue-card.is-active{background:#cce9e8;border-color:#83b8b4}.cue-no{font-size:12px;color:#4e7974;letter-spacing:.1em;font-weight:700}.cue-title{font-size:clamp(21px,1.65vw,30px);letter-spacing:-.04em;line-height:1.14;font-weight:500;position:relative}.cue-bottom{border-top:1px solid #a9c6c0;padding-top:14px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.03em;font-weight:650;position:relative}.cue-bottom>span:last-child{font-size:18px;line-height:14px;font-weight:300}.cue-panel{max-width:1750px;margin:10px auto 0;display:grid;grid-template-columns:47% 53%;min-height:585px;background:#fbfcfa;border:1px solid #bcd4cf;overflow:hidden}.cue-image-wrap{position:relative;min-height:585px;background:#d6e8e8;overflow:hidden}.cue-image-wrap:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(15,35,34,.42))}.cue-image-wrap img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 57%;transition:opacity .28s,transform 1s}.cue-image-wrap img.swap{opacity:.25;transform:scale(1.05)}.image-caption{position:absolute;bottom:24px;left:27px;color:white;z-index:1;font-size:11px;letter-spacing:.1em;font-weight:700}.cue-detail{padding:clamp(38px,5.2vw,96px);display:flex;flex-direction:column;align-items:flex-start}.detail-overline{font-size:12px;letter-spacing:.12em;color:#4a827c;text-transform:uppercase;font-weight:700}.cue-detail h3{font-size:clamp(40px,4.3vw,74px);letter-spacing:-.055em;line-height:1.07;font-weight:450;margin:33px 0 25px;max-width:750px}.detail-lead{font-size:clamp(17px,1.35vw,22px);line-height:1.54;letter-spacing:-.02em;max-width:690px;margin:0;color:#455e59}.detail-rule{height:1px;width:100%;background:#cadbd5;margin:38px 0 25px}.detail-question{font-size:15px;line-height:1.55;max-width:640px;margin:0 0 34px;color:#516e68}.detail-question strong{color:var(--ink);font-weight:650}.text-link{font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid #537f79;padding-bottom:6px;display:inline-flex;align-items:center;gap:20px;transition:gap .2s,color .2s}.text-link:hover{gap:28px;color:#1d80a3}.text-link span{font-size:20px;font-weight:300;line-height:1}.chooser-note{font-size:12px;color:#69807a;max-width:1750px;margin:21px auto 0;line-height:1.5}
.ritual{background:#fafaf8}.ritual-heading{margin-bottom:55px}.ritual-heading p{max-width:440px}.ritual-gallery{max-width:1750px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ritual-card{padding:0 0 10px;display:flex;flex-direction:column}.ritual-image{aspect-ratio:1.28;overflow:hidden;background:#e7ece8}.ritual-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.ritual-card:hover .ritual-image img{transform:scale(1.055)}.ritual-meta{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #bacdc5;padding:21px 0 17px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5d7e75;font-weight:700}.ritual-card h3{font-size:clamp(27px,2.15vw,38px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:22px 0 12px;max-width:430px}.ritual-card p{font-size:16px;line-height:1.55;color:#60746d;margin:0;max-width:430px}
.science{background:#dbe9e4;padding-bottom:0}.science-grid{max-width:1750px;margin:55px auto 0;display:grid;grid-template-columns:54% 46%;align-items:stretch;gap:0}.science-copy{padding:35px clamp(35px,6vw,110px) 90px 0;display:flex;flex-direction:column;align-items:flex-start}.tiny-label{color:#62887a;margin:0 0 37px}.science-lead{font-size:clamp(19px,1.55vw,26px);line-height:1.51;letter-spacing:-.025em;color:#385851;max-width:700px;margin:35px 0 0}.science-fact{display:flex;align-items:flex-start;gap:22px;border-block:1px solid #aacac0;margin:42px 0 30px;padding:23px 0;max-width:660px}.fact-star{color:#238b9a;font-size:37px;line-height:1}.science-fact p{font-size:17px;line-height:1.5;margin:0;color:#345951}.science-portrait{align-self:end;position:relative;min-height:645px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#f4faf2 0,#d3e8df 55%,#b8d4c8 100%)}.science-portrait:before{content:"";height:72%;aspect-ratio:1;border:1px solid #9fc9ba;border-radius:50%;position:absolute;top:5%;left:12%;opacity:.7}.science-portrait img{width:94%;max-height:650px;object-fit:contain;object-position:bottom;position:relative;filter:grayscale(.07)}.portrait-tag{position:absolute;bottom:26px;left:28px;right:28px;background:#f8f9f3df;backdrop-filter:blur(8px);padding:15px 19px;display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:650}
.closing{background:#e5f0eb;display:grid;grid-template-columns:53% 47%;min-height:650px}.closing-video{position:relative;background:#25394b;overflow:hidden}.closing-video video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.closing-copy{padding:clamp(55px,7vw,135px) clamp(35px,6vw,105px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.closing-copy p{font-size:clamp(18px,1.45vw,24px);line-height:1.5;color:#4e675d;max-width:590px;margin:35px 0}.button-light{background:#193d36;color:#fff}.button-light:hover{background:#2b7770}.site-footer{display:flex;justify-content:space-between;gap:50px;padding:45px clamp(26px,5.4vw,105px) 55px;background:#17312d;color:#e9f0ec}.site-footer>div:first-child{max-width:610px}.footer-brand{font-size:25px;letter-spacing:-.05em;font-weight:600;color:white!important;margin:0 0 16px!important}.footer-brand span{font-weight:300;color:#a1b9ad}.site-footer p{font-size:12px;line-height:1.55;color:#acbfba;margin:0}.footer-links{display:flex;align-items:flex-start;gap:35px}.footer-links a{font-size:12px;text-decoration:none;color:#d2e2dd}.footer-links a:hover{text-decoration:underline}
.reveal{transform:translateY(16px);transition:transform .7s ease}.reveal.is-visible{transform:none}
@keyframes light-sweep{from{left:-55%}to{left:145%}}@keyframes pulse{50%{box-shadow:0 0 0 10px #ffffff1c}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1180px){.header-nav{display:none}.hero{grid-template-columns:54% 46%}.hero h1{font-size:clamp(57px,6vw,80px)}.hero-copy{padding-left:5vw;padding-right:4vw}.hero-bottom{left:5vw}.hero-media{min-height:630px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-count{max-width:none}.intro-grid{gap:5vw}.cue-card{padding:20px 16px}.cue-detail{padding:50px}.cue-panel{min-height:520px}.cue-image-wrap{min-height:520px}.science-portrait{min-height:570px}.footer-links{flex-wrap:wrap;max-width:380px}}
@media(max-width:760px){.site-header{height:66px}.header-inner{padding-inline:17px}.brands{gap:10px}.kleo-mark{width:72px;height:30px}.sesderma-mark{width:125px;height:30px}.brand-cross{font-size:18px}.header-action{font-size:12px;padding:9px 12px;gap:7px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:50px 22px 72px;min-height:500px}.eyebrow{font-size:10px;margin-bottom:30px}.hero h1{font-size:clamp(58px,11vw,79px)}.hero-lead{font-size:18px;max-width:570px;margin-top:27px}.hero-actions{margin-top:30px}.hero-bottom{left:22px;bottom:22px;font-size:10px}.hero-media{height:440px;min-height:0}.hero-media video{object-position:center}.hero-media-label strong{font-size:21px}.motion-strip{height:39px}.motion-track{font-size:10px}.section-pad{padding:65px 22px}.section-index{font-size:10px}.intro-grid{margin-top:43px;display:block}.intro h2,.chooser h2,.ritual h2,.science h2,.closing h2{font-size:clamp(46px,8vw,66px)}.intro-side{max-width:none;margin-top:35px}.intro-side p{font-size:17px}.chooser-heading,.ritual-heading{display:block;margin-top:38px;margin-bottom:35px}.chooser-heading p,.ritual-heading p{font-size:17px;margin-top:25px}.chooser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cue-card{height:170px;padding:15px}.cue-title{font-size:20px}.cue-bottom{font-size:10px}.cue-panel{grid-template-columns:1fr}.cue-image-wrap{height:430px;min-height:0}.cue-detail{padding:34px 25px 40px}.cue-detail h3{font-size:46px;margin:20px 0}.detail-lead{font-size:17px}.detail-rule{margin:26px 0 20px}.chooser-note{font-size:12px}.ritual-gallery{grid-template-columns:1fr;gap:40px}.ritual-image{aspect-ratio:1.4}.ritual-card h3{font-size:29px}.ritual-card p{font-size:16px}.science{padding-bottom:0}.science-grid{grid-template-columns:1fr;margin-top:35px}.science-copy{padding:0 0 55px}.science-lead{font-size:19px}.science-fact{margin:31px 0 27px}.science-portrait{min-height:0;height:510px;margin-inline:-22px}.science-portrait img{max-height:510px}.portrait-tag{left:16px;right:16px;bottom:16px}.closing{grid-template-columns:1fr}.closing-video{height:360px}.closing-copy{padding:60px 22px 70px}.closing-copy p{font-size:18px}.site-footer{padding:38px 22px 45px;flex-direction:column;gap:32px}.footer-links{gap:17px 25px}}
@media(max-width:420px){.header-action{display:none}.hero h1{font-size:clamp(51px,12vw,62px)}.hero-copy{min-height:540px}.hero-media{height:390px}.section-pad{padding-inline:18px}.intro h2,.chooser h2,.ritual h2,.science h2,.closing h2{font-size:46px}.cue-card{height:155px;padding:13px}.cue-title{font-size:18px}.cue-image-wrap{height:360px}.cue-detail h3{font-size:40px}.science-portrait{margin-inline:-18px;height:400px}.science-portrait img{max-height:400px}.portrait-tag{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

.ritual-card p{margin-bottom:21px}.ritual-card a{margin-top:auto;align-self:flex-start;text-decoration:none;border-bottom:1px solid #799b92;padding-bottom:5px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:15px}.ritual-card a:hover{color:#1e8fa4}.ritual-card a span{font-size:18px;font-weight:300}
#choose,#ritual,#science{scroll-margin-top:82px}
.hero-media-label{color:#17312d;text-shadow:none;background:#f8fcf9d9;padding:13px 16px;backdrop-filter:blur(10px);border:1px solid #ffffffb3}
@media(max-width:760px){#choose,#ritual,#science{scroll-margin-top:66px}}
@media(max-width:420px){.ritual h2{font-size:clamp(29px,9vw,35px)}}