:root{--ink:#274b61;--muted:#617780;--paper:#fbf9f4;--blue:#7e9fae;--gold:#ba8d4f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}header{height:106px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #284c6012;background:#fbf9f4f5} .brand{display:flex;align-items:center;gap:12px}.brand img{width:56px;height:57px;mix-blend-mode:multiply}.brand span{font:34px/1 'Cormorant Garamond',Georgia,serif}.brand small{display:block;font:8px/2.8 'DM Sans',sans-serif;letter-spacing:2.5px}nav{display:flex;gap:36px;font-size:13px}.contact{border:1px solid #a5b9bd;border-radius:30px;padding:11px 23px;font-size:12px}.contact span{margin-left:24px}a:hover{color:#a87938}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;position:relative;overflow:hidden}.hero-copy{padding:65px 7% 32px 12%}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:#798b90}.wordmark{font:76px/1 'Cormorant Garamond',serif;letter-spacing:-3px;margin:29px 0 20px}.wordmark span{color:var(--blue)}.wordmark i{font:30px Georgia;color:var(--gold);vertical-align:top;padding-left:14px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:55px;margin:0 0 25px}h1 em,h2 em{font-weight:400;color:#849e9f} .hero-copy>p:not(.eyebrow):not(.wordmark):not(.hand){max-width:390px;color:var(--muted);font-size:14px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--blue);color:white;border-radius:40px;padding:14px 25px;font-size:12px;margin-top:18px}.button:hover{background:#587e90;color:white}.hand{font:italic 20px 'Cormorant Garamond',serif;color:#a48761;margin:25px 0 0}.hero-art{position:relative;margin:25px 24px 25px 0;overflow:hidden;border-radius:46% 46% 3px 3px}.hero-art>img{height:100%;object-position:60% center}.art-note{position:absolute;bottom:24px;left:20px;right:20px;text-align:center;font:italic 24px/1.3 'Cormorant Garamond',serif;color:white;text-shadow:0 1px 8px #1e354b;background:#29475b66;padding:15px;border-radius:3px}.ribbon{padding:25px 7%;display:flex;align-items:center;justify-content:space-between;background:#edf1ed;font-size:11px;letter-spacing:1px}.ribbon b{color:var(--gold);font-size:22px;font-weight:400}.section{padding:105px 7%}.yoga{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.photo{position:relative}.photo img{height:390px;border-radius:160px 160px 5px 5px}.photo span{position:absolute;bottom:-20px;right:-22px;background:#ede4d6;padding:10px 26px;font:italic 24px 'Cormorant Garamond',serif}h2{font-size:46px;margin:17px 0 25px}p{color:var(--muted)}.text-link{display:inline-block;border-bottom:1px solid #a3b4ba;font-size:12px;padding-bottom:8px;margin-top:15px}.text-link span{margin-left:35px}.world{background:#f0f2ef}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-head>p{font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cards article{background:var(--paper);border-radius:90px 90px 5px 5px;overflow:hidden}.cards img{height:165px}.cards article>div{padding:22px}.number{font-size:8px;letter-spacing:1px;color:#8a9894}h3{font-size:27px;margin:14px 0}.cards p{font-size:12px;line-height:1.8;margin-bottom:0}.meaning{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding-top:110px;padding-bottom:110px}.meaning-title h2{font-size:95px;letter-spacing:-3px}.meaning-title h2 span{color:var(--blue)}sup{font-size:30px;color:var(--gold);margin-left:10px}.meaning-title>p:not(.eyebrow){font:28px/1.5 'Cormorant Garamond',serif}.moon{font:140px/1 Georgia;color:#c9ac77;transform:rotate(-18deg);margin:30px 0 0 50px}.meaning-copy h3{font-size:30px}.meaning-copy p{font-size:13px;margin:0 0 18px}.meaning-copy strong{font-weight:500;color:var(--ink)}.closing{text-align:center;padding:75px 20px 70px;background:radial-gradient(ellipse at bottom,#e6ddd1,transparent 75%),#eef1ef}.closing>span{font-size:40px;color:var(--gold)}.closing h2{font-size:49px}.closing>p{font-size:13px}.closing .availability{font-size:10px;margin-top:26px}footer{display:flex;justify-content:space-between;align-items:center;padding:36px 7%;font-size:10px}.footer-brand{font:30px 'Cormorant Garamond',serif}.footer-brand span{display:block;font:9px 'DM Sans',sans-serif;color:var(--muted);margin-top:8px}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@media(min-width:1450px){body{max-width:1600px;margin:auto}}@media(max-width:850px){header{height:85px;padding:0 5%}nav{gap:18px;font-size:11px}.contact{display:none}.hero-copy{padding:40px 8%}.hero{min-height:560px}.hero-art{margin-right:15px}h1{font-size:43px}.wordmark{font-size:62px}.section{padding:65px 6%}.yoga{gap:35px}.cards{grid-template-columns:repeat(2,1fr)}.meaning{gap:40px}.ribbon{gap:12px;text-align:center;font-size:9px}h2{font-size:37px}}@media(max-width:560px){header{height:80px}.brand span{font-size:27px}.brand img{width:44px;height:46px}.brand small{font-size:6px}nav{gap:12px;font-size:9px}.hero{display:flex;flex-direction:column}.hero-copy{padding:35px 7%}.eyebrow{font-size:8px}.wordmark{margin-top:24px}h1{font-size:48px}.hero-art{margin:0 6% 25px;height:390px;border-radius:45% 45% 4px 4px}.hero-art img{object-position:50% 58%}.ribbon{flex-wrap:wrap;justify-content:center;padding:17px}.ribbon span{width:40%}.ribbon b{display:none}.yoga{grid-template-columns:1fr;gap:45px}.photo img{height:290px}.photo span{right:5px}.section-head{display:block}.cards{gap:12px}.cards img{height:125px}.cards article>div{padding:16px}.cards h3{font-size:24px}.cards p{font-size:11px}.number{font-size:6px}.meaning{grid-template-columns:1fr;gap:15px}.meaning-title h2{font-size:75px;margin-bottom:15px}.moon{display:none}.meaning-title>p:not(.eyebrow){font-size:24px}.meaning-copy h3{font-size:27px}.closing h2{font-size:37px}footer{flex-wrap:wrap;gap:20px}footer>p{margin:0}.footer-brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Readability: clear type, contrast and comfortable reading width. */
:root{--muted:#425d68;--blue:#456f83}body{font-size:18px;line-height:1.75}p{max-width:68ch}.eyebrow{font-size:12px;color:#475f68;letter-spacing:1.7px}nav{font-size:16px;gap:28px}.brand small{font-size:10px;letter-spacing:2px}.contact,.button,.text-link{font-size:16px}.hero-copy>p:not(.eyebrow):not(.wordmark):not(.hand){font-size:18px;max-width:42ch}.hero-copy{padding-top:50px}.hero{min-height:720px}.hand{font-size:23px;color:#725b38}.ribbon{font-size:14px;letter-spacing:.3px}.section-head>p,.meaning-copy p{font-size:18px}.number{font-size:11px;color:#4c6368}.cards p{font-size:16px}.cards{gap:20px}.cards article>div{padding:24px 20px}.cards h3{font-size:30px}.closing>p{font-size:18px;margin-left:auto;margin-right:auto}.closing .availability{font-size:16px}footer{font-size:14px}.footer-brand span{font-size:13px}.gallery{padding-top:75px;padding-bottom:85px}.gallery>p{font-size:18px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.gallery figure{margin:0}.gallery img{height:auto;aspect-ratio:3/2;border-radius:70px 70px 8px 8px}.gallery figcaption{padding:18px 4px;font-size:17px;color:var(--muted)}.gallery figcaption strong{display:block;color:var(--ink);font:32px/1.25 'Cormorant Garamond',Georgia,serif;margin-bottom:8px}.gallery .image-note{font-size:13px;margin-top:12px;color:#526870}
@media(max-width:850px){body{font-size:17px}.hero{min-height:650px}.hero-copy{padding:40px 8%}nav{font-size:14px;gap:18px}.hero-copy>p:not(.eyebrow):not(.wordmark):not(.hand){font-size:17px}.section-head>p,.meaning-copy p{font-size:17px}.cards p{font-size:16px}.gallery-grid{gap:18px}.gallery figcaption{font-size:16px}.gallery figcaption strong{font-size:28px}}
@media(max-width:560px){header{height:auto;min-height:115px;flex-wrap:wrap;gap:16px;padding:18px 6%}nav{width:100%;justify-content:space-between;font-size:14px;gap:12px}.brand small{font-size:9px}.hero-copy{padding:32px 7%}.eyebrow{font-size:11px;letter-spacing:1.2px}h1{font-size:48px}.hero-copy>p:not(.eyebrow):not(.wordmark):not(.hand){font-size:18px}.button,.text-link{font-size:16px}.ribbon{font-size:13px}.cards{grid-template-columns:1fr;gap:25px}.cards img{height:auto;aspect-ratio:16/9}.cards article>div{padding:24px}.cards h3{font-size:32px}.cards p{font-size:17px}.number{font-size:11px}.meaning-copy p{font-size:18px}.gallery-grid{grid-template-columns:1fr;gap:25px}.gallery figcaption{font-size:17px}.gallery figcaption strong{font-size:32px}.closing>p{font-size:18px}.closing .availability{font-size:16px}footer{font-size:14px}.footer-brand span{font-size:13px}}

/* Soft picture edges; text remains a crisp HTML overlay. */
.hero-art>img,.photo>img,.cards article>img,.gallery figure>img,.meaning-images img{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in}
.hero-art{background:var(--paper)}.hero-art>img{object-position:center}.hero-quote{position:absolute;top:10%;left:10%;width:56%;text-align:center;color:#35586b;font:italic 30px/1.35 'Cormorant Garamond',Georgia,serif;text-shadow:0 1px 10px #fff9}.hero-quote>span{display:block;font:35px/1.5 Georgia,serif;color:#99702e}.meaning-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.meaning-images figure{margin:0}.meaning-images img{aspect-ratio:4/5;height:auto;border-radius:60px 60px 5px 5px}.meaning-images figcaption{font-size:15px;line-height:1.5;margin-top:12px;color:var(--muted)}.meaning-images figcaption strong{display:block;font:32px/1.3 'Cormorant Garamond',Georgia,serif;color:var(--ink)}
@media(max-width:850px){.hero-quote{font-size:24px;top:13%;left:7%;width:60%}.meaning{gap:35px}.meaning-images{gap:12px}}@media(max-width:560px){.hero-art{height:560px}.hero-quote{font-size:27px;top:10%;left:8%;width:58%}.meaning-images{margin-bottom:25px}.meaning-images figcaption{font-size:15px}}

/* Responsive polish, reading rhythm and keyboard navigation. */
.skip-link{position:absolute;z-index:10;top:12px;left:12px;padding:12px 18px;background:var(--ink);color:#fff;border-radius:8px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.hero-art{min-width:0;align-self:stretch}.hero-art>img{height:100%;width:100%;object-fit:cover}.hero-copy{align-self:center;padding-bottom:45px}h2{max-width:23ch}.section-head{gap:35px}.section-head>p{max-width:36ch}.meaning{align-items:start;gap:65px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.meaning-copy{max-width:62ch}.meaning-copy p{margin-bottom:24px;line-height:1.85}.meaning-copy h3{font-size:36px;margin-top:10px;margin-bottom:25px}.meaning-title h2{margin-top:12px}.meaning-images{margin-top:28px}.closing h2{margin-left:auto;margin-right:auto}.closing>p{max-width:48ch}.closing .availability{max-width:50ch}.gallery-grid{align-items:start}.gallery figcaption{padding-top:15px}.gallery>p:not(.eyebrow):not(.image-note){max-width:55ch}footer{gap:24px}a.button,a.contact{min-height:48px}.text-link{min-height:44px;padding-top:6px}
@media(min-width:851px){.hero-art{aspect-ratio:2/3;max-height:850px}.hero{align-items:center}.hero-art>img{height:100%}.cards img{height:auto;aspect-ratio:3/2}}
@media(min-width:561px) and (max-width:1000px){.meaning{grid-template-columns:1fr;gap:40px}.meaning-title{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.meaning-title>.eyebrow,.meaning-title>h2,.meaning-title>p{grid-column:1}.meaning-images{grid-column:2;grid-row:1/5;margin:0;align-self:center}.meaning-copy{max-width:68ch}.gallery-grid{grid-template-columns:1fr 1fr}.gallery figure:last-child{grid-column:1/-1;max-width:65%;justify-self:center}.hero-art{min-height:600px}.hero-quote{font-size:23px;width:68%;left:7%;top:13%}}
@media(max-width:560px){.section{padding:58px 7%}.hero-copy{padding-top:30px;padding-bottom:35px}.hero-art{height:auto;aspect-ratio:2/3;min-height:0}.hero-art>img{height:100%}.hero-quote{top:15%;left:8%;width:64%;font-size:clamp(24px,6.5vw,32px)}.hero-quote>span{font-size:30px}.meaning{gap:30px;grid-template-columns:1fr}.meaning-copy h3{font-size:32px}.meaning-copy p{line-height:1.8}.meaning-images{gap:15px}.meaning-title>p:not(.eyebrow){font-size:26px}.closing{padding:55px 7%}.closing h2{font-size:36px}.closing .availability{font-size:15px}footer{padding:30px 7%}.ribbon span{width:44%}.gallery-grid{grid-template-columns:1fr}.gallery figure:last-child{max-width:none}.gallery h2{font-size:36px}}

/* Consistent proportions and calmer visual hierarchy. */
nav a{position:relative;padding:10px 0}nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s}nav a:hover::after,nav a:focus-visible::after{transform:scaleX(1)}.photo>img{width:100%;object-fit:cover}.cards article{display:flex;flex-direction:column}.cards article>div{flex:1}.gallery figcaption strong{margin-bottom:10px}.meaning-title>p:not(.eyebrow){max-width:19ch}.hero-art>img{object-position:center 62%}.hero-quote{font-size:clamp(25px,2.5vw,36px);line-height:1.4}.eyebrow{line-height:1.6}.section-head h2{margin-bottom:15px}.closing .button{margin-bottom:8px}footer>a:last-child{padding:10px 0}.brand img{object-fit:contain}
@media(min-width:851px) and (max-width:1150px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards img{aspect-ratio:16/9}.hero-copy{padding-left:10%;padding-right:7%}h1{font-size:48px}.hero-quote{font-size:27px}.yoga{gap:50px}.meaning{gap:45px}}
@media(min-width:561px) and (max-width:850px){.hero{grid-template-columns:1fr 1fr;min-height:0}.hero-art{min-height:610px;max-height:740px}.hero-copy{padding-left:10%;padding-right:5%}.wordmark{font-size:58px}h1{font-size:42px}.hero-quote{font-size:24px}.gallery-grid{row-gap:32px}.yoga{align-items:start}.photo>img{height:350px}}
@media(max-width:560px){nav a{padding:8px 0}header{gap:10px}.hero-art>img{object-position:center}.hero-quote{font-size:clamp(25px,7vw,33px)}.photo>img{height:auto;aspect-ratio:4/3}.gallery img,.meaning-images img{width:100%;height:auto}.cards article{border-radius:65px 65px 5px 5px}.ribbon{row-gap:14px}.ribbon span{line-height:1.5}.meaning-images figcaption{font-size:14px}.section-head{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){nav a::after{transition:none}}

/* Rectangular hero at every screen size. */
.hero-art{border-radius:0}

/* More prominent LunaLi brand. */
header{height:128px}.brand{gap:18px}.brand img{width:84px;height:86px}.brand span{font-size:46px}.brand small{font-size:12px;letter-spacing:2.6px;line-height:2.6}
@media(max-width:850px){header{height:115px}.brand{gap:14px}.brand img{width:72px;height:74px}.brand span{font-size:41px}.brand small{font-size:11px;letter-spacing:2px}nav{gap:15px;font-size:13px}}
@media(max-width:560px){header{height:auto;min-height:150px}.brand img{width:68px;height:70px}.brand span{font-size:39px}.brand small{font-size:10px;letter-spacing:2px}.brand{gap:14px}nav{font-size:14px}}