@import url('assets/fonts.css');
:root{color-scheme:light;--ink:#0d252d;--muted:#435e70;--cream:#f7f5ef;--line:#9aa7ae;font-family:'Manrope',sans-serif;font-synthesis:none;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}body{margin:0;position:relative;isolation:isolate;background:var(--cream)}body::before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/etereo-background.webp') center/100% 100% no-repeat;transform:translateX(-60px) scaleX(-1);pointer-events:none}body::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(247,245,239,.94) 8%,rgba(247,245,239,.94) 48%,rgba(247,245,239,.25) 68%,transparent 100%)}::selection{background:#d3ddd0;color:#16372c}h1,h2,p{margin:0}.page{width:min(calc(100% - 7rem),1160px);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:26px 0 56px}.brand-logo{display:block;width:190px;height:auto}.brand-origins{font-size:.72rem;letter-spacing:.23em;text-transform:uppercase;display:flex;gap:1.3rem;font-weight:600}.small-rule{display:block;width:44px;height:1px;background:currentColor}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:'intro form' 'phrase form';grid-template-rows:auto 1fr;column-gap:clamp(28px,4.5vw,66px);row-gap:24px;align-items:stretch}.intro-main{grid-area:intro;padding-top:30px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}h1{font-family:'Instrument Serif',serif;font-size:clamp(5rem,9.3vw,8rem);font-weight:400;line-height:.85;letter-spacing:-.045em;margin:22px 0 31px}.intro-copy{text-transform:uppercase;letter-spacing:.24em;font-size:.9rem;line-height:1.65;font-weight:500;max-width:480px}.countdown{display:flex;width:100%;margin:36px 0 0}.time-unit{flex:1;position:relative;text-align:center;min-width:0}.time-unit:first-child{text-align:left;flex:.85}.time-unit:last-child{flex:1.12}.time-unit:not(:last-child)::after{content:'';position:absolute;right:0;top:7px;height:47px;width:1px;background:var(--line)}.time-number{font-family:'Instrument Serif',serif;font-size:3.8rem;line-height:1;display:block;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.03em}.time-label{display:block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;margin-top:10px}.time-unit:first-child .time-label{padding-left:4px}.dermo-phrase{grid-area:phrase;align-self:end;font-family:'Instrument Serif',serif;font-style:normal;font-size:1.6rem;line-height:1.2;margin:0 0 8px;padding-top:28px}.dermo-phrase .small-rule{margin-top:20px}.join-card{grid-area:form;container-type:inline-size;min-width:0;border:1px solid #d1d0c9;border-radius:13px;background:rgba(249,248,244,.88);box-shadow:0 8px 35px rgba(38,45,37,.025);padding:25px 26px 24px}.join-card h2{font-family:'Instrument Serif',serif;font-size:clamp(1.25rem,2.8vw,2.5rem);font-size:clamp(1.25rem,8.5cqi,2.5rem);font-weight:400;letter-spacing:-.025em;line-height:1.1;margin:0 0 14px}.join-copy{color:var(--muted);font-size:1rem;font-weight:400;line-height:1.45}.form-wrap{width:100%;margin:16px 0 0}.form-wrap iframe{display:block;max-width:100%}.registration-notice{display:flex;align-items:flex-start;gap:13px;margin:12px 0 0;color:var(--muted)}.registration-notice svg{flex:0 0 24px;width:24px;height:30px;stroke:var(--ink);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.registration-notice p{font-size:.78rem;line-height:1.55}.benefits{border-top:1px solid #627782;margin-top:76px;padding:48px 0 0}.benefits h2{font-family:'Instrument Serif',serif;font-size:clamp(2.6rem,5vw,4rem);font-weight:400;letter-spacing:-.035em;text-align:center;line-height:1.1}.benefits h2{max-width:950px;margin-inline:auto;text-wrap:balance}.benefits-copy strong{font-weight:600}.benefits-copy{max-width:920px;margin:17px auto 0;text-align:center;font-size:1.1rem;line-height:1.55;color:var(--muted)}.benefits-grid{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;row-gap:24px}.benefits-grid li{display:flex;gap:22px;align-items:center;position:relative;min-width:0;padding:0 0 22px}.benefits-grid li:nth-child(n+4){border-top:1px solid #c9cece;padding:24px 0 0}.benefits-grid li:not(:nth-child(3n))::after{position:absolute;right:-17px;top:0;bottom:22px;width:1px;background:var(--line);content:''}.benefits-grid li:nth-child(n+4)::after{top:24px;bottom:0}.icon-circle{display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:76px;height:76px;flex-shrink:0}.icon-circle svg{width:36px;height:36px;stroke-width:1;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.benefits-grid p{font-size:1rem;line-height:1.4;color:var(--muted)}.footer{display:flex;justify-content:space-between;align-items:center;padding:96px 0 40px}.footer p{font-size:.75rem;line-height:1.7;letter-spacing:.24em;text-transform:uppercase}.footer p .small-rule{margin-bottom:15px}.social-marks{display:flex;align-items:center;gap:25px}.social-marks>.small-rule{width:55px}.social-marks a{display:grid;place-items:center;width:44px;height:44px;color:var(--ink);border-radius:50%;transition:background .2s}.social-marks a:hover{background:#e3e8dc}.social-marks a:focus-visible{outline:2px solid #345445;outline-offset:4px}.social-marks svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.7;fill:none}.launch-date{margin-bottom:24px;font-size:.875rem}
@media(min-width:1450px){.header{padding:36px 0 64px}.brand-logo{width:205px}.join-card{padding:32px}.intro-main{padding-top:40px}.intro-copy{font-size:1rem}.join-copy{font-size:1.05rem}}
@media(max-width:1100px){.page{width:calc(100% - 5rem)}.hero{column-gap:32px;row-gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.intro-copy{font-size:.83rem;letter-spacing:.18em}.desktop-break{display:none}.time-number{font-size:3.3rem}.time-label{font-size:.66rem;letter-spacing:.13em}.join-card{padding:23px}.join-copy{font-size:.94rem}.benefits-grid{column-gap:28px}.benefits-grid li{gap:14px}.benefits-grid li:not(:nth-child(3n))::after{right:-14px}.icon-circle{width:62px;height:62px}.icon-circle svg{width:31px;height:31px}.benefits-grid p{font-size:.91rem}}
@media(max-width:760px){.page{width:calc(100% - 2.5rem)}body::before{background-size:auto 100%;background-position:center;transform:translateX(-25px) scaleX(-1)}body::after{background:linear-gradient(90deg,transparent,rgba(247,245,239,.96) 6%,rgba(247,245,239,.96) 94%,transparent)}.header{padding:22px 0 42px;justify-content:center}.brand-logo{width:131.75px}.brand-origins{display:none}.hero{display:flex;flex-direction:column;gap:32px}.join-card{order:1;padding:23px 19px;border-radius:12px;background:rgba(249,248,244,.94)}.join-card h2{font-size:clamp(1.25rem,5.4vw,2.5rem);font-size:clamp(1.25rem,8.5cqi,2.5rem);margin-bottom:11px}.join-copy{font-size:.94rem;line-height:1.5}.form-wrap{margin-top:12px;height:auto!important;min-height:0!important;max-height:none;flex:none}.form-wrap iframe{height:430px!important;min-height:0!important;max-height:430px!important}.join-card{height:auto!important;min-height:0!important;flex:none}.registration-notice{gap:11px;margin-top:10px}.registration-notice p{font-size:.75rem;line-height:1.5}.intro-main{order:0;padding:3px 5px 0}h1{font-size:clamp(5.5rem,19vw,8rem);margin:22px 0 25px}.intro-copy{font-size:.82rem;letter-spacing:.18em;max-width:390px}.countdown{max-width:460px;margin:28px 0 0}.time-number{font-size:3.5rem}.time-label{font-size:.69rem;letter-spacing:.12em}.time-unit:not(:last-child)::after{height:43px;top:5px}.dermo-phrase{order:2;align-self:flex-start;font-size:1.5rem;margin:0;padding:8px 5px 0}.dermo-phrase .small-rule{margin-top:18px}.benefits{margin-top:56px;padding-top:40px}.benefits h2{font-size:clamp(2.5rem,8vw,3.5rem)}.benefits-copy{font-size:1rem;margin-top:14px;line-height:1.55}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:28px}.benefits-grid li,.benefits-grid li:nth-child(n+4){padding:22px 0;flex-direction:column;text-align:center;gap:12px;border-top:0;align-items:center}.benefits-grid li:nth-child(n+3){border-top:1px solid #c9cece}.benefits-grid li:not(:nth-child(3n))::after{display:none}.benefits-grid li:nth-child(odd)::after{display:block;content:'';position:absolute;right:-14px;top:22px;bottom:22px;background:var(--line);width:1px}.benefits-grid p{max-width:170px;font-size:.91rem;line-height:1.45}.icon-circle{width:62px;height:62px}.footer{padding:64px 0 32px;gap:20px}.footer p{font-size:.65rem;letter-spacing:.16em}.social-marks{gap:8px}.social-marks>.small-rule{width:28px}}
@media(prefers-reduced-motion:no-preference){.page{animation:reveal .5s ease-out both}@keyframes reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}