@font-face{font-family:Inter;src:url('fonts/inter-latin.woff2') format('woff2');font-weight:300 500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url('fonts/inter-latin-ext.woff2') format('woff2');font-weight:300 500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';src:url('fonts/playfair-display-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';src:url('fonts/playfair-display-latin-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Digital additions: UI paper/secondary/dividers only; NOCTE colors are product-scoped. */
:root{--brand-ink:#000;--brand-paper:#fff;--ui-paper:#f5f5f3;--ui-muted:#525252;--ui-line:#d5d5d1;--ui-error:#982a2a;--nocte-navy:#111e30;--nocte-deep:#0a1422;--nocte-copper:#b87333;--font-body:Inter,Arial,sans-serif;--font-display:'Playfair Display',Georgia,serif;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4.5rem;--space-7:6rem;--page-gutter:clamp(1.25rem,5vw,5rem);--content-width:1280px}
.junea-validation *,.junea-validation *::before,.junea-validation *::after{box-sizing:border-box}
html:has(.junea-validation){scroll-behavior:smooth;scroll-padding-top:2rem}
body.junea-validation{margin:0;background:var(--brand-paper);color:var(--brand-ink);font:400 1rem/1.65 var(--font-body);font-synthesis:none;-webkit-font-smoothing:antialiased}
.junea-validation h1,.junea-validation h2,.junea-validation h3,.junea-validation p,.junea-validation figure{margin:0}
.junea-validation h1,.junea-validation h2{font:400 clamp(2.4rem,4vw,4rem)/1.13 var(--font-display);letter-spacing:-.035em;text-wrap:balance}
.junea-validation h3{font:500 1.08rem/1.4 var(--font-body)}
.junea-validation a{color:inherit;text-decoration:none;text-underline-offset:5px}
.junea-validation button,.junea-validation input{font:inherit}
.junea-validation button{cursor:pointer}
.junea-validation button:disabled{cursor:wait;opacity:.65}
.junea-validation a:focus-visible,.junea-validation button:focus-visible,.junea-validation input:focus-visible,.junea-validation summary:focus-visible{outline:2px solid var(--brand-ink);outline-offset:5px}
.junea-validation [hidden]{display:none!important}
.junea-validation main:focus{outline:none}
.junea-validation img{display:block;max-width:100%;height:auto}
.section-wrap{width:min(100% - var(--page-gutter)*2,var(--content-width));margin-inline:auto}
.section-space{padding-block:var(--space-7)}
.eyebrow{font:500 .75rem/1.6 var(--font-body);letter-spacing:.1em;text-transform:uppercase}
.small{font-size:.875rem;line-height:1.65;color:var(--ui-muted)}
.skip-link{position:absolute;left:1rem;top:-8rem;z-index:10000;padding:1rem;background:#fff;color:#000}
.skip-link:focus{top:1rem}
.preview-bar{font-size:.75rem;padding:.45rem var(--page-gutter);background:#ededeb;color:#3e3e3e;text-align:center;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
.preview-bar a{text-decoration:underline}
.junea-validation [data-attribution-diagnostic]{padding:.45rem var(--page-gutter);text-align:center;background:var(--ui-paper);overflow-wrap:anywhere}
.brand-header{display:flex;align-items:center;gap:var(--space-4);padding:1.15rem var(--page-gutter);border-bottom:1px solid var(--ui-line);background:#fff}
.brand-home{display:block;flex-shrink:0}
.brand-logo{width:126px;height:auto}
.desktop-navigation{display:flex;justify-content:center;gap:clamp(1.5rem,3vw,3rem);margin-inline:auto}
.desktop-navigation a{position:relative;font-weight:500;font-size:.875rem;white-space:nowrap;padding-block:.8rem}
.desktop-navigation a::after{content:'';position:absolute;bottom:.5rem;left:0;width:100%;height:1px;background:var(--brand-ink);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.desktop-navigation a:hover::after,.desktop-navigation a:focus-visible::after,.desktop-navigation a[aria-current]::after{transform:scaleX(1)}
.header-actions{display:flex;gap:1rem;align-items:center}
.junea-validation .button{display:inline-flex;justify-content:space-between;align-items:center;gap:1.5rem;min-height:54px;border:1px solid #000;padding:.9rem 1.25rem;background:#000;color:#fff;font-weight:500;font-size:.875rem;line-height:1.4;transition:background .2s,color .2s;max-width:100%;text-align:left}
.junea-validation .button:hover{background:#292929;border-color:#292929}
.button span{font-size:1.3rem;line-height:1;flex-shrink:0}
.junea-validation .button-small{min-height:46px;padding:.8rem 1rem;font-size:.75rem}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;border:0;border-bottom:1px solid #999;padding:.5rem 0;background:none;font-weight:500;font-size:.875rem;line-height:1.5}
.text-link:hover{border-color:#000}
.icon-button{background:none;color:#000;border:0;min-width:44px;min-height:44px;font-size:2rem}
.menu-open{display:none}
.menu-open span{height:1px;width:24px;background:#000;display:block;margin:7px auto}
.mobile-navigation{margin:0 0 0 auto;width:min(100%,460px);height:100%;max-height:100dvh;max-width:100%;border:0;padding:1.5rem;overflow-y:auto}
.mobile-navigation::backdrop{background:rgb(0 0 0/.35)}
.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}
.mobile-navigation nav{display:grid;margin-bottom:3rem}
.mobile-navigation nav a{display:flex;justify-content:space-between;padding:1.1rem 0;border-bottom:1px solid var(--ui-line);font:400 1.75rem var(--font-display)}
.mobile-navigation>.small{margin-top:1.5rem}
.hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:6%;padding-block:3rem 3.5rem;align-items:center}
.hero-intro{grid-column:1;grid-row:1;align-self:end}
.hero h1{font-size:clamp(4.5rem,7.7vw,7.5rem);line-height:1.15;letter-spacing:-.04em;margin:.6rem 0}
.hero-subtitle{font:400 clamp(1.4rem,2.3vw,2rem)/1.3 var(--font-display)}
.hero-description{max-width:33rem;margin-top:1.5rem!important;color:var(--ui-muted)}
.hero-action{grid-column:1;grid-row:2;align-self:start;padding-top:1.5rem}
.hero-presentation{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:570px;background:#f2f3f3;color:var(--nocte-navy);padding:3rem 2rem 2rem;overflow:hidden}
.presentation-note{position:absolute;left:1.5rem;top:1.25rem;font-size:.7rem;letter-spacing:.12em}
.hero-presentation .nocte-image{width:205px;filter:drop-shadow(6px 16px 13px rgb(10 20 34/.15))}
.presentation-signature{font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;margin-top:1.25rem;font-weight:500}
.nocte-image{display:block;width:220px}
.nocte-image img{width:100%;height:auto;aspect-ratio:504/1200;object-fit:contain}
.offer-summary{padding-block:.25rem}
.offer-summary .eyebrow{font-size:.75rem;letter-spacing:.055em}
.junea-validation .price{font:400 1.65rem/1.3 var(--font-body);display:flex;gap:1rem;align-items:baseline;flex-wrap:wrap;margin:.5rem 0}
.price span{font:400 .8125rem/1.5 var(--font-body);color:var(--ui-muted)}
.offer-summary .small+.small{margin-top:.25rem}
.hero-action>.button{margin-top:1.25rem}
.hero-action>.text-link{display:flex;width:max-content;max-width:100%;margin-top:.6rem}
.fact-strip{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);padding-block:1.1rem;font-size:.75rem;font-weight:500;letter-spacing:.075em;text-transform:uppercase}
.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-bottom:3rem}
.split-heading h2{margin-top:1.25rem}
.prose p+p{margin-top:1.3rem}
.prose .text-link{margin-top:1.5rem}
.prose h2{font-size:2rem;margin-bottom:1.5rem}
.prose h2:not(:first-child){margin-top:3rem}
.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.ingredient-card{padding:1.5rem 0 1rem;border-top:1px solid #000}
.ingredient-card h3{font:400 1.75rem/1.3 var(--font-display);margin:1.5rem 0 .5rem}
.ingredient-card>.small{margin-bottom:1rem}
.ingredient-card>p:last-child{color:var(--ui-muted);max-width:27rem}
.inci-section{padding-block:2.5rem 5rem}
.junea-validation details{border-bottom:1px solid var(--ui-line)}
.junea-validation summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 0;font-weight:500}
.junea-validation summary::-webkit-details-marker{display:none}
.junea-validation summary span{font-size:1.4rem;flex-shrink:0;font-weight:300;transition:transform .2s}
.junea-validation details[open]>summary span{transform:rotate(45deg)}
.junea-validation details .prose{padding-bottom:2rem;max-width:60rem}
.ritual{background:var(--ui-paper)}
.ritual-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.ritual h2{margin-top:1.25rem}
.ritual-intro{margin:1.8rem 0 1rem!important;max-width:30rem}
.ritual .small{max-width:31rem}
.ritual-steps{list-style:none;padding:0;margin:0}
.ritual-steps li{display:block;padding:1.8rem 0;border-top:1px solid var(--ui-line)}
.ritual-steps li:first-child{padding-top:0;border-top:0}
.step-number{font:300 .8rem/1.65 var(--font-body);display:block;margin-bottom:1.25rem}
.ritual-steps p{color:var(--ui-muted);margin-top:.5rem}
.signup-explainer h2{margin-top:1.25rem}
.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:3rem 0 0}
.three-columns h3{margin-bottom:.8rem}
.three-columns p{color:var(--ui-muted)}
.signup-section{background:var(--ui-paper);scroll-margin-top:2rem}
.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.signup-heading h2,.signup-heading h1{margin:1.25rem 0 1.5rem}
.junea-validation #ast-scroll-top{display:none}
.signup-heading>p{max-width:29rem}
.signup-heading .offer-summary{margin-top:2rem;border-top:1px solid var(--ui-line);padding-top:1.5rem}
.signup-panel{background:#fff;padding:2rem}
.interest-form{display:grid;gap:1rem}
.interest-form>label:not(.checkbox-label){font-weight:500;margin-top:.5rem;font-size:.875rem}
.interest-form input[type=email]{display:block;width:100%;min-width:0;border:1px solid #888;background:#fff;color:#000;border-radius:0;padding:.85rem 1rem;min-height:52px}
.interest-form input::placeholder{color:#767676;opacity:1}
.interest-form input[aria-invalid=true]{border-color:var(--ui-error)}
.checkbox-label{display:flex;align-items:flex-start;gap:.8rem;font-size:.875rem;line-height:1.65;cursor:pointer;min-height:44px}
.checkbox-label input{accent-color:#000;flex:0 0 19px;width:19px;height:19px;margin:4px 0 0;border-radius:0}
.checkbox-label a,.prose a:not(.text-link),.small a{text-decoration:underline}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-status:empty{display:none}
.form-status{font-size:.875rem;padding:1rem;background:var(--ui-paper);border-left:2px solid #000;overflow-wrap:anywhere}
.form-status.is-error{border-color:var(--ui-error);color:var(--ui-error)}
.resend-button{justify-self:start;text-align:left}
.measurement-choice{min-width:0;border-top:1px solid var(--ui-line);padding-top:1rem}
.measurement-choice h4{margin:0;font:500 .875rem/1.5 var(--font-body)}
.measurement-choice .checkbox-label{margin-block:.75rem}
.measurement-choice .small+.small{margin-top:.75rem}
.measurement-choice [data-measurement-status]:empty{display:none}
.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:8%}
.faq-section h2{margin-top:1.25rem}
.faq-list details:first-child{border-top:1px solid var(--ui-line)}
.faq-list details p{padding:0 2rem 1.5rem 0;color:var(--ui-muted)}
.brand-statement{border-top:1px solid var(--ui-line);text-align:center}
.brand-statement h2{margin:1.5rem 0}
.brand-statement>p:not(.eyebrow){max-width:36rem;margin-inline:auto}
.brand-statement .text-link{margin-top:1.5rem}
.brand-footer{padding:4rem var(--page-gutter) 1.5rem;border-top:1px solid var(--ui-line)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;max-width:var(--content-width);margin:auto}
.footer-grid .brand-logo{width:150px;margin-bottom:1.5rem}
.footer-grid nav{display:grid;justify-content:start;align-content:start;gap:.75rem;font-size:.875rem}
.footer-grid nav h2{font:500 .75rem/1.5 var(--font-body);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}
.footer-grid nav a:hover{text-decoration:underline}
.footer-bottom{max-width:var(--content-width);margin:3rem auto 0;padding-top:1.5rem;border-top:1px solid var(--ui-line);display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:var(--ui-muted)}
.page-heading{margin-bottom:3.5rem;max-width:54rem}
.page-heading h1{margin:1.3rem 0 1.5rem}
.page-heading>p:not(.eyebrow){color:var(--ui-muted);font-size:1.125rem}
.collection-product{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.collection-image{display:flex;min-height:550px;flex-direction:column;align-items:center;justify-content:center;background:#f2f3f3;color:var(--nocte-navy)!important;padding:3rem 1.5rem;gap:1.5rem}
.collection-image .nocte-image{width:175px}
.collection-image>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.collection-product h2{font-size:4.5rem;margin:.7rem 0}
.collection-product .offer-summary{margin-top:2rem}
.collection-product .button{margin-top:1.5rem}
.collection-product .text-link{display:flex;width:max-content;max-width:100%;margin-top:.75rem}
.article-grid{display:grid;grid-template-columns:1fr 2fr;gap:8%}
.article-grid aside p{margin-top:1rem;color:var(--ui-muted)}
.article-grid .prose{max-width:48rem}
.source-card{display:grid;gap:1rem;padding:1.5rem;border:1px solid var(--ui-line);margin-top:2rem;text-decoration:none!important;overflow-wrap:anywhere}
.about-page h1{margin:1.5rem 0 2rem;font-size:clamp(2.5rem,5vw,5rem)}
.intro-text{font-size:1.25rem;max-width:46rem}
.about-page .three-columns{margin-block:4rem}
.about-page .three-columns h2{font-size:2rem;margin:1rem 0}
.token-page{max-width:760px;min-height:60vh}
.token-page h1,.legal-page h1{margin:1.5rem 0 2rem}
.token-panel{border-top:1px solid var(--ui-line);padding-top:1.5rem}
.token-panel>p,.token-panel>.button,.token-panel>.text-link{margin-top:1.5rem}
.token-panel fieldset{border:0;padding:0;margin:1rem 0}
.token-panel legend{margin-bottom:1rem}
.token-panel [data-intent-panel]{padding-top:2rem}
.legal-page{max-width:900px}
.draft-panel{padding:1.5rem;background:var(--ui-paper);border-left:2px solid #000;margin-bottom:3rem}
@media(min-width:1500px){.brand-header{padding-inline:max(var(--page-gutter),calc((100vw - var(--content-width))/2))}}
@media(max-width:1050px){.desktop-navigation{gap:1.3rem}.brand-header{gap:1rem}.brand-logo{width:110px}.button-small span{display:none}.hero-presentation{min-height:520px}.hero-presentation .nocte-image{width:180px}.signup-panel{padding:1.5rem}.hero{column-gap:5%}.signup-grid{gap:5%}}
@media(max-width:850px){:root{--space-7:4.5rem}.desktop-navigation{display:none}.brand-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;min-height:78px;padding:.875rem 1.25rem;gap:.5rem}.brand-home{grid-column:2;grid-row:1;justify-self:center}.header-actions{grid-column:1;grid-row:1;margin:0;gap:0}.header-actions>.button-small{display:none}.menu-open{display:block;width:44px;height:44px;padding:0}.mobile-navigation{margin:0 auto 0 0;width:85vw;max-width:420px;padding:1.5rem 1.25rem;overflow-wrap:anywhere}.mobile-navigation[open]{animation:junea-menu-in .28s cubic-bezier(.16,1,.3,1) both}.mobile-navigation[open]::backdrop{animation:junea-backdrop-in .28s ease both}.mobile-navigation[open].is-closing{animation:junea-menu-out .18s ease-in both}.mobile-navigation[open].is-closing::backdrop{animation:junea-backdrop-out .18s ease-in both}.mobile-navigation .dialog-top{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--ui-line)}.mobile-navigation .dialog-top .brand-logo{width:108px}.mobile-navigation .icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:1.4rem;line-height:1}.mobile-navigation nav{margin-bottom:2rem}.mobile-navigation nav a{font:400 18px/1.4 var(--font-body);min-height:60px;align-items:center;gap:1rem;padding:.9rem 0}.mobile-navigation>.button{display:flex;width:100%;font-size:.875rem;min-height:52px;padding:.85rem 1rem;gap:1rem}.mobile-navigation>.small{margin-top:1.25rem;line-height:1.7}@keyframes junea-menu-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes junea-menu-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes junea-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes junea-backdrop-out{from{opacity:1}to{opacity:0}}.hero-presentation{min-height:500px}.hero h1{font-size:4.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:.9375rem}.hero-action .button{gap:1rem;font-size:.8125rem}.split-heading,.ritual-grid,.signup-grid,.faq-section{gap:2.5rem}.ingredient-grid{gap:1.5rem}.three-columns{gap:1.5rem}.price span{font-size:.75rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:2rem}}
@media(max-width:650px){:root{--space-7:3.5rem;--page-gutter:1.25rem}html:has(.junea-validation){-webkit-text-size-adjust:100%;text-size-adjust:100%}.preview-bar{padding:.35rem 1rem;font-size:.625rem;gap:.3rem}.preview-bar a{display:none}.brand-logo{width:102px}.junea-validation .button-small{font-size:.75rem;min-height:44px;padding:.4rem .6rem;width:130px}.hero{padding-block:1.8rem 2rem;grid-template-columns:minmax(0,1fr) 116px;gap:1.5rem 1rem;align-items:center}.hero-intro{align-self:center}.hero .eyebrow{font-size:.625rem;letter-spacing:.05em}.hero h1{font-size:3.35rem;margin:.55rem 0}.hero-subtitle{font-size:1.35rem}.hero-description{font-size:1rem;line-height:1.55;margin-top:1rem!important}.hero-presentation{grid-column:2;grid-row:1;min-height:280px;padding:1rem .15rem;background:none;overflow:visible;align-self:start;justify-content:center}.hero-presentation .nocte-image{width:112px;filter:drop-shadow(3px 8px 6px rgb(10 20 34/.15))}.presentation-note,.presentation-signature{display:none}.hero-action{grid-column:1/-1;grid-row:2;padding:0}.hero-action>.button{display:flex;width:100%;font-size:.875rem;margin-top:1rem}.hero-action>.text-link{margin-inline:auto;margin-top:.75rem}.hero-action .offer-summary .eyebrow{font-size:.75rem}.junea-validation .price{font-size:1.65rem;gap:.75rem}.price span{font-size:.8125rem}.fact-strip{display:grid;grid-template-columns:1fr 1fr;padding-block:1.2rem;row-gap:.8rem;font-size:.625rem;text-align:center}.fact-strip span:nth-child(odd){border-right:1px solid var(--ui-line)}.split-heading,.ritual-grid,.signup-grid,.faq-section,.collection-product,.article-grid{grid-template-columns:minmax(0,1fr)}.split-heading{gap:1.5rem;padding-bottom:2rem}.ingredient-grid{grid-template-columns:1fr;gap:1.5rem}.ingredient-card{padding-top:1rem}.ingredient-card h3{margin-top:.7rem}.ingredient-card>.small{margin-bottom:.6rem}.inci-section{padding-block:1.5rem 3.5rem}.ritual-grid{gap:2rem}.three-columns{grid-template-columns:1fr;gap:2rem;margin-top:2rem}.three-columns .step-number{margin-bottom:.7rem}.signup-heading h1,.signup-heading h2{font-size:2.1rem}.signup-grid{gap:1.5rem}.signup-panel{padding:1.25rem}.signup-section .section-wrap{width:calc(100% - 2.5rem)}.checkbox-label{font-size:.8125rem}.interest-form .button{font-size:.875rem;min-height:52px;padding:.85rem 1rem;gap:1rem}.faq-section{gap:2rem}.faq-list summary{font-size:.9375rem}.faq-list details p{padding-right:0}.brand-footer{padding:3rem 1.25rem 1.5rem}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.footer-grid>div{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:.75rem;margin-top:2rem}.collection-product{gap:2rem}.collection-image{min-height:350px}.collection-image .nocte-image{width:130px}.collection-product h2{font-size:3.5rem}.collection-product .button{display:flex}.collection-product .offer-summary{margin-top:1.5rem}.article-grid aside{display:none}.page-heading{margin-bottom:2rem}.page-heading h1{font-size:2.4rem}.intro-text{font-size:1.125rem}.about-page .three-columns{margin-block:3rem}.token-page h1{font-size:2.8rem}.token-panel .button{width:100%}.legal-page h1{font-size:2.35rem}.junea-validation .section-wrap,.brand-footer{overflow-wrap:anywhere}.hero-intro,.signup-grid>*,.interest-form,.checkbox-label,.checkbox-label>span,.ritual-steps li>div,.footer-grid>*{min-width:0}.junea-validation .button{min-height:52px;padding:.85rem 1rem;font-size:.875rem;gap:1rem;overflow-wrap:anywhere}.junea-validation .text-link{min-height:44px;gap:1rem;padding-block:.65rem;overflow-wrap:anywhere}.legal-page .prose h2{font-size:1.5rem;line-height:1.3;margin-bottom:1rem}.legal-page .prose h2:not(:first-child){margin-top:2rem}.legal-page .prose p{line-height:1.75}}
@media(prefers-reduced-motion:reduce){html:has(.junea-validation){scroll-behavior:auto}.junea-validation *{transition:none!important;animation:none!important}.mobile-navigation::backdrop{animation:none!important}}
/* Authorized addition only: locally hosted official, multicolour social icons. */
.junea-validation .junea-social{margin-top:1.5rem}.junea-validation .junea-social h2{font:500 .875rem/1.5 var(--font-body);letter-spacing:0;margin:0 0 .5rem}.junea-validation .junea-social ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.junea-validation .junea-social li{margin:0;padding:0}.junea-validation .junea-social a{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;margin:0;border:1px solid transparent;border-radius:4px;transition:border-color .2s}.junea-validation .junea-social img{display:block;width:24px;height:24px;object-fit:contain;filter:none;opacity:1}.junea-validation .junea-social a:hover{border-color:var(--ui-line)}.junea-validation .junea-social a:focus-visible{outline:2px solid #000;outline-offset:3px}
/* Full final photographs; shared gallery for the products overview and NOCTE detail. */
.junea-validation .nocte-image--photo{filter:none}.nocte-image--photo img{object-fit:contain;object-position:center}
.hero-presentation:not(.hero-presentation--gallery){--single-photo-height:calc(205px * 1200 / 504)}.hero-presentation:not(.hero-presentation--gallery) .nocte-image{width:min(100%,calc(var(--single-photo-height) * .8));height:var(--single-photo-height)}.hero-presentation:not(.hero-presentation--gallery) .nocte-image img{height:100%;aspect-ratio:auto}
.nocte-gallery{width:100%;min-width:0;max-width:100%;--gallery-height:calc(205px * 1200 / 504)}
.collection-image--gallery .nocte-gallery{--gallery-height:calc(175px * 1200 / 504)}
.nocte-gallery-viewport{position:relative;width:100%;height:calc(var(--gallery-height) - 44px);min-width:0;overflow:hidden;touch-action:pan-y pinch-zoom}
.nocte-gallery-track{display:flex;width:100%;height:100%;transition:transform .28s ease}
.nocte-gallery-slide{flex:0 0 100%;min-width:0;height:100%;padding:12px}.nocte-gallery .nocte-image{width:100%;height:100%;filter:none}.nocte-gallery .nocte-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;user-select:none}
.nocte-gallery-dots{display:flex;justify-content:center;align-items:center;height:44px}.nocte-gallery-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--brand-ink)}.nocte-gallery-dots span{display:block;width:12px;height:12px;border:1.5px solid #666;border-radius:50%;background:transparent}.nocte-gallery-dots button:first-child span{transform:translateX(8px)}.nocte-gallery-dots button:last-child span{transform:translateX(-8px)}.nocte-gallery-dots [aria-pressed=true] span{border-color:var(--brand-ink);background:var(--brand-ink)}
.nocte-gallery-step{position:absolute;top:0;bottom:0;width:50%;padding:0;border:0;background:none;color:var(--brand-ink);cursor:none!important}.nocte-gallery-previous{left:0}.nocte-gallery-next{right:0}.nocte-gallery-direction{position:absolute;left:var(--gallery-pointer-x,50%);top:var(--gallery-pointer-y,50%);transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ui-line);border-radius:50%;background:var(--brand-paper);box-shadow:0 2px 8px rgb(0 0 0/.06);opacity:0;pointer-events:none;transition:opacity .15s ease}.nocte-gallery-direction.is-visible{opacity:1}.nocte-gallery-direction[data-direction=previous] svg{transform:rotate(180deg)}.junea-validation .nocte-gallery-step:focus-visible{outline-offset:-3px}
.nocte-gallery-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--ui-line);border-radius:50%;background:var(--brand-paper);color:var(--brand-ink);cursor:zoom-in!important}.junea-validation .nocte-gallery-zoom:focus-visible{outline-offset:-3px}
.nocte-lightbox{width:min(1100px,calc(100vw - 64px));max-width:calc(100vw - 64px);height:min(900px,90dvh);max-height:90dvh;margin:auto;padding:20px;border:0;background:var(--brand-paper);color:var(--brand-ink);overflow:hidden}.nocte-lightbox[open]{display:grid;grid-template-rows:44px minmax(0,1fr) 44px;gap:12px}.nocte-lightbox::backdrop{background:rgb(0 0 0/.55)}.nocte-lightbox-top{display:flex;align-items:center;justify-content:space-between}.nocte-lightbox-image{min-width:0;min-height:0}.nocte-lightbox-image img{width:100%;height:100%;object-fit:contain}.nocte-lightbox-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.nocte-lightbox .icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0}
@media(max-width:1050px){.nocte-gallery{--gallery-height:calc(180px * 1200 / 504)}.hero-presentation:not(.hero-presentation--gallery){--single-photo-height:calc(180px * 1200 / 504)}}
@media(max-width:850px),(hover:none),(pointer:coarse){.nocte-gallery-zoom,.nocte-gallery-step,.nocte-gallery-direction{display:none}}
@media(max-width:650px){.hero .hero-intro{grid-column:1/-1;grid-row:1}.hero .hero-presentation{grid-column:1/-1;grid-row:2;min-width:0;min-height:0;padding:0;align-self:stretch}.hero .hero-action{grid-column:1/-1;grid-row:3}.hero-presentation:not(.hero-presentation--gallery){display:block;aspect-ratio:1;padding:12px}.hero-presentation:not(.hero-presentation--gallery) .nocte-image{width:100%;height:100%}.collection-image--gallery{padding:1.25rem .75rem}.nocte-gallery-viewport{height:auto;aspect-ratio:1}.nocte-gallery-track{position:absolute;inset:0}.nocte-gallery-dots{margin:0}}