/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * Hallmark · genre: luxury wellness editorial · macrostructure: Ecosystem Index
 * theme: studied-DNA (source: https://omluxe.com/) · enrichment: supplied photography
 * audience: wellness-minded adults · use: follow Hui-Fen / ask AI · tone: artful, personal, premium
 * contrast: pass · honest: pass · chrome: pass · tokens: pass · mobile: pass
 */
@import url("tokens.css");
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--ui);overflow-x:clip}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p,figure,blockquote{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:300;line-height:.92;letter-spacing:-.035em}h2{font-size:var(--section-title)}h2 em,blockquote em{font-weight:300;color:var(--rose-dark)}:focus-visible{outline:3px solid var(--rose-dark);outline-offset:4px}.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;padding:.7rem 1rem;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{font:600 .7rem/1.2 var(--ui);text-transform:uppercase;letter-spacing:.18em;color:var(--cocoa)}.line-link{display:inline-flex;gap:3rem;min-height:44px;align-items:center;border-bottom:1px solid currentColor;font:600 .8rem/1 var(--ui);text-transform:uppercase;letter-spacing:.12em}.script-note{font:400 var(--script-size)/1 var(--script);color:var(--rose-dark)}
.header{position:fixed;inset:0 0 auto;z-index:50;color:white;transition:background var(--base),color var(--base),border-color var(--base);border-bottom:1px solid transparent}.header.is-scrolled,.header.is-open{background:rgba(248,242,236,.96);color:var(--ink);border-color:var(--rule)}.header__nav{height:7rem;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.header__side{display:flex;align-items:center;gap:clamp(1.2rem,3vw,3rem);font:600 .68rem/1 var(--ui);letter-spacing:.15em;text-transform:uppercase}.header__side--right{justify-content:flex-end}.header__side a,.mobile-menu a{position:relative;min-height:44px;display:inline-flex;align-items:center}.header__side a::after{content:"";position:absolute;left:0;right:100%;bottom:.65rem;border-bottom:1px solid currentColor;transition:right var(--base) var(--ease-editorial)}.wordmark,.footer__mark{display:grid;justify-items:center;font:400 2rem/.7 var(--display);letter-spacing:.05em}.wordmark span+span,.footer__mark span+span{margin-left:1rem}.wordmark small,.footer__mark small{font:400 1.2rem/1 var(--script);letter-spacing:0}.menu-button{display:none;border:0;background:transparent;color:inherit;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;min-width:48px;min-height:48px}.mobile-menu{display:none}.version-links{display:flex!important;gap:1.25rem!important}
.hero{position:relative;min-height:100svh;overflow:hidden;color:white;display:grid;place-items:center;text-align:center}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 30%;transform:scale(1.035);animation:hero-settle var(--cinematic) var(--ease-editorial) forwards;filter:saturate(.75) contrast(1.04)}.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,5,3,.42) 0%,rgba(10,5,3,.12) 42%,rgba(10,5,3,.58) 100%)}.hero__copy{position:relative;z-index:1;padding:8rem var(--gutter) 4rem;max-width:90rem}.hero__script{margin-bottom:1rem;font:400 clamp(2.2rem,4.3vw,4.8rem)/1 var(--script);animation:fade-up var(--slow) .15s both}.hero h1{font-size:var(--hero);margin-bottom:1.4rem;animation:fade-up var(--slow) .27s both}.hero__line{font:400 clamp(.95rem,1.5vw,1.25rem)/1.5 var(--display);animation:fade-up var(--slow) .39s both}.hero__cue{position:absolute;z-index:2;bottom:1.5rem;left:50%;transform:translateX(-50%);display:grid;gap:.25rem;font:600 .65rem/1.2 var(--ui);letter-spacing:.18em;text-transform:uppercase}.manifesto{min-height:90svh;padding:var(--section) var(--gutter);display:grid;place-content:center;text-align:center}.manifesto h2{margin:1.6rem 0 2.5rem}.manifesto__body{max-width:52rem;margin:0 auto 2.5rem;font:300 clamp(1.3rem,2vw,1.75rem)/1.55 var(--display)}
.world{background:var(--petal);padding:var(--section) var(--gutter)}.world__head{max-width:var(--max);margin:0 auto 5rem;position:relative}.world__head h2{max-width:13ch}.world__head .script-note{position:absolute;right:3%;bottom:-1.5rem;transform:rotate(-5deg)}.world__index{max-width:var(--max);margin:auto;border-top:1px solid var(--rule)}.world__item{min-height:9rem;display:grid;grid-template-columns:7rem minmax(0,1.2fr) minmax(16rem,.8fr);gap:2rem;align-items:center;border-bottom:1px solid var(--rule);transition:transform var(--base) var(--ease-editorial),color var(--base)}.world__item span{font-size:.7rem;letter-spacing:.15em}.world__item strong{font:300 clamp(2rem,4vw,4rem)/1 var(--display)}.world__item small{color:var(--ink-soft);max-width:32ch}
.story{max-width:var(--max);margin:auto;padding:var(--section) var(--gutter);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(3rem,8vw,8rem);align-items:center;position:relative}.story__image img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.72) sepia(.08)}.story__copy p:not(.eyebrow){font:300 clamp(1.15rem,1.7vw,1.5rem)/1.55 var(--display);color:var(--ink-soft);max-width:35rem}.story__facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);margin-top:2.5rem}.story__facts span{padding:1rem 0;border-bottom:1px solid var(--rule);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.story__now{position:absolute;width:24%;left:38%;bottom:2.5rem;margin:0;background:var(--paper);padding:.7rem}.story__now img{aspect-ratio:1;object-fit:cover}.story__now figcaption{padding-top:.6rem;font-size:.68rem;color:var(--ink-soft)}
.ask{background:var(--ink);color:white;padding:var(--section) var(--gutter);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,8vw,8rem)}.ask__intro p:not(.eyebrow){color:#d8cec8;max-width:34rem}.ask .eyebrow{color:var(--rose)}.ask__panel{display:grid;grid-template-columns:minmax(12rem,.6fr) minmax(0,1.4fr);border-top:1px solid rgba(255,255,255,.28)}.ask__topics button{width:100%;min-height:4.4rem;padding:1rem 0;border:0;border-bottom:1px solid rgba(255,255,255,.2);background:transparent;color:white;text-align:left;transition:color var(--base),transform var(--base)}.ask-form{padding:2.5rem;background:var(--petal);color:var(--ink)}.ask-form label,.follow-form label{display:block;margin-bottom:.8rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em}.ask-form textarea{width:100%;min-height:13rem;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);resize:vertical;font:300 1.7rem/1.35 var(--display)}.ask-form>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.ask-form button,.follow-form button{min-height:48px;padding:0 1.4rem;border:1px solid var(--ink);background:var(--ink);color:white;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;transition:background var(--fast),transform var(--fast)}.form-status{min-height:1.5em;margin:.75rem 0 0;font-size:.75rem}.is-error{color:#a83a36}.is-success{color:#2f7153}
.talks{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:90svh;background:var(--ivory)}.talks__photo img{height:100%;object-fit:cover;filter:saturate(.7)}.talks__content{padding:var(--section) var(--gutter)}.talks__content h2{font-size:clamp(3rem,5.3vw,6rem)}.event{padding:1.7rem 0;border-top:1px solid var(--rule)}.event span{font-size:.68rem;color:var(--cocoa);text-transform:uppercase;letter-spacing:.14em}.event h3{font-size:2rem;margin:.5rem 0}.event p{color:var(--ink-soft);margin:0}.edit{padding:var(--section) var(--gutter);background:var(--clay)}.edit__head{max-width:var(--max);margin:auto;position:relative}.edit__head .script-note{position:absolute;right:6%;bottom:-1rem;transform:rotate(-6deg)}.edit__grid{max-width:var(--max);margin:6rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.edit__item{min-height:20rem;padding:1.5rem;display:flex;flex-direction:column;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);transition:background var(--base),transform var(--base)}.edit__item span{font-size:.7rem}.edit__item strong{margin:auto 0;font:300 clamp(2rem,3vw,3.6rem)/1 var(--display)}.edit__item small{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.journal{padding:var(--section) var(--gutter);background:var(--paper)}.journal__head{max-width:var(--max);margin:auto}.journal__photos{max-width:var(--max);margin:5rem auto;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,8vw,9rem);align-items:end}.journal__photos figure{margin:0}.journal__photos figure:first-child{max-width:42rem}.journal__photos figure:last-child{max-width:28rem}.journal__photos img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.78)}.journal__photos figcaption{padding-top:.8rem;font:300 1.25rem/1.3 var(--display)}.journal blockquote{margin:0 auto;max-width:70rem;text-align:center;font:300 clamp(2.8rem,5vw,5.5rem)/1.05 var(--display)}
.follow{text-align:center;padding:var(--section) var(--gutter);background:var(--petal)}.follow h2{margin:1.5rem 0 2rem}.follow>p:not(.eyebrow){max-width:42rem;margin:0 auto;color:var(--ink-soft)}.follow-form{max-width:50rem;margin:3rem auto 0;text-align:left}.follow-form>div{display:grid;grid-template-columns:1fr auto}.follow-form input{min-width:0;min-height:52px;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:0 .5rem}.footer{padding:5rem var(--gutter) 2rem;background:var(--ink);color:white;text-align:center}.footer__mark{font-size:4rem;display:inline-grid}.footer>p{font:300 1.5rem/1.4 var(--display);color:#d8cec8}.footer nav{display:flex;justify-content:center;gap:1.5rem;margin:3rem 0 1rem;font-size:.7rem;letter-spacing:.12em}.footer>small{color:#b5aaa5;font-size:.68rem}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity var(--slow) var(--ease-editorial),transform var(--slow) var(--ease-editorial)}.js .reveal.is-visible{opacity:1;transform:none}.js .world__item:nth-child(2),.js .edit__item:nth-child(2){transition-delay:.08s}.js .world__item:nth-child(3),.js .edit__item:nth-child(3){transition-delay:.16s}.js .world__item:nth-child(4),.js .edit__item:nth-child(4){transition-delay:.24s}@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hero-settle{to{transform:scale(1)}}
@media(hover:hover) and (pointer:fine){.header__side a:hover::after{right:0}.line-link:hover{color:var(--rose-dark)}.world__item:hover{transform:translateX(.5rem);color:var(--rose-dark)}.ask__topics button:hover{color:var(--rose);transform:translateX(.35rem)}.ask-form button:hover,.follow-form button:hover{background:var(--rose-dark);transform:translateY(-1px)}.edit__item:hover{background:var(--petal);transform:translateY(-.35rem)}.journal__photos img{transition:transform var(--slow) var(--ease-editorial)}.journal__photos figure:hover img{transform:scale(1.02)}}
@media(max-width:68rem){.header__side{display:none}.header__nav{height:5.3rem;grid-template-columns:1fr auto}.wordmark{justify-self:start}.menu-button{display:inline-grid;place-items:center;justify-self:end}.mobile-menu{position:absolute;top:100%;left:0;right:0;padding:1rem var(--gutter) 2rem;background:var(--paper);color:var(--ink);grid-template-columns:1fr 1fr;gap:0 1.5rem;border-bottom:1px solid var(--rule)}.header.is-open .mobile-menu{display:grid}.mobile-menu>a{border-bottom:1px solid var(--rule)}.mobile-menu .version-links{grid-column:1/-1;margin-top:1rem}.story__now{display:none}.story,.ask,.talks{grid-template-columns:1fr}.talks__photo{height:58svh}.edit__grid{grid-template-columns:1fr 1fr}.world__item{grid-template-columns:4rem 1fr}.world__item small{grid-column:2}.ask__panel{grid-template-columns:1fr}.ask__topics{display:grid;grid-template-columns:1fr 1fr}.ask__topics button:nth-child(odd){padding-right:1rem}.ask__topics button:nth-child(even){padding-left:1rem;border-left:1px solid rgba(255,255,255,.2)}}
@media(max-width:42rem){.hero{min-height:90svh}.hero__image{object-position:54% center}.hero__copy{padding-top:7rem}.hero__script{font-size:2.25rem}.manifesto{min-height:auto}.world__head .script-note,.edit__head .script-note{position:static;transform:none;margin-top:1rem}.world__item{padding:1.5rem 0;grid-template-columns:3rem 1fr;gap:.5rem 1rem}.story{grid-template-columns:1fr}.story__image{order:2}.story__facts{grid-template-columns:1fr}.ask-form{padding:1.5rem}.ask-form>div{align-items:stretch;flex-direction:column}.ask-form button{width:100%}.edit__grid{grid-template-columns:1fr}.edit__item{min-height:12rem}.journal__photos{grid-template-columns:1fr;margin:3rem auto}.journal__photos figure:last-child{margin-left:18%;max-width:none}.follow-form>div{grid-template-columns:1fr;gap:1rem}.follow-form button{width:100%}.header__nav{padding-inline:1rem}}
@media(pointer:coarse){a,button{min-height:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}