@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#111d3f;--deep:#101a37;--blue:#111d3f;--blue-light:#1c3059;--forest:#153c35;--forest-deep:#102e29;--cream:#f4eddc;--paper:#eee5d1;--gold:#d5a650;--white:#f6f2e8;--muted:#d0d5d4;--line:rgba(213,166,80,.25);--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--deep);color:var(--white);font-family:var(--sans);font-size:15px;line-height:1.75}a{color:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08}h1{font-size:clamp(48px,5.3vw,79px);letter-spacing:-1.5px}h2{font-size:clamp(36px,3.6vw,52px);letter-spacing:-.8px}h3{font-size:28px}p+p{margin-top:16px}.wrap{width:min(1180px,86%);margin:auto}.header{position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:112px}.brand{display:inline-flex;flex-shrink:0}.brand img{width:275px;height:auto;display:block}.nav{display:flex;gap:29px;align-items:center}.nav a{text-decoration:none;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;padding:14px 0;position:relative}.nav a:hover:after,.nav a.active:after{content:'';position:absolute;bottom:5px;left:0;width:24px;height:2px;background:var(--gold)}.menu-button{display:none;border:1px solid var(--line);background:var(--deep);color:var(--white);padding:8px 14px;font:inherit}.hero{min-height:700px;height:min(810px,93vh);display:flex;align-items:center;position:relative;isolation:isolate;background:var(--ink)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,20,.85),rgba(3,13,20,.34) 48%,rgba(3,13,20,.1)),linear-gradient(0deg,rgba(3,13,20,.25),transparent 40%),url('landscape.png') center 51%/cover;z-index:-1}.hero-copy{padding:140px 0 65px;max-width:650px}.eyebrow{font-size:10px;letter-spacing:2.8px;text-transform:uppercase;color:var(--gold);margin-bottom:22px;font-weight:600}.hero h1 em{font-weight:400;color:#e0b164}.hero .intro{max-width:430px;margin:28px 0 27px;font-size:15px;line-height:1.85;color:#e2e3df}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 27px;border:1px solid var(--gold);background:linear-gradient(115deg,#e0b76b,#cfa04e);color:#17202a;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.5px;line-height:1.5;cursor:pointer;border-radius:2px;transition:filter .2s,transform .2s;min-height:45px}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.button.outline{background:transparent;color:var(--gold)}.delivery{font-size:11px;color:#c8ccc9;margin-top:18px}.intro-section{padding:70px 0;background:linear-gradient(110deg,#081c29,#06121b)}.intro-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:85px;align-items:center}.intro-section p{max-width:380px;color:var(--muted);font-size:14px}.rule{display:block;width:55px;height:2px;background:var(--gold);margin:22px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.symbol-card{background:linear-gradient(115deg,#f2e4bd,#d9c18c 100%);border:1px solid #c4a971;border-radius:7px;padding:14px 12px 18px;color:#251e13;box-shadow:inset 0 0 0 4px #e5d2a7,inset 0 0 0 6px #bfa36c,0 10px 30px #0002;position:relative}.symbol-card .number{font:22px var(--serif);position:absolute;top:12px;left:15px}.symbol-card svg{width:100%;height:138px;display:block;color:#63563c;margin-top:13px}.symbol-card h3{font-size:25px;text-align:center;margin:3px 0 9px}.symbol-card p{color:#3d3528;font-size:10px;line-height:1.5;text-align:center;margin:auto}.readings{background:var(--cream);color:var(--ink);padding:75px 0 66px}.section-head{margin-bottom:32px}.section-head p{margin-top:13px;color:#645f55;font-family:var(--serif);font-size:21px}.reading{display:grid;grid-template-columns:1.05fr 1.8fr .56fr .6fr;gap:28px;padding:28px 0;border-top:1px solid #d9cfba;align-items:start}.reading h3{font-size:26px;line-height:1.14}.reading-description{font-size:13px;line-height:1.75;color:#575950}.reading-price{text-align:right;font:25px var(--serif);white-space:nowrap;padding-top:2px}.reading-price small{display:block;font:10px/1.6 var(--sans);color:#656258;margin-top:4px}.reading .button{padding:11px 14px;margin-top:0;font-size:9px;white-space:nowrap}.reading details{margin-top:9px}.reading summary{font-size:11px;color:#74613b;cursor:pointer;list-style:none;display:inline-block;border-bottom:1px solid #b7a16c}.reading summary:after{content:' +';margin-left:5px}.reading details[open] summary:after{content:' −'}.detail-copy{padding:15px 0 0;font-size:12px}.detail-copy p{margin-bottom:10px}.reading-note{font-size:11px;color:#756e61;padding-top:22px;border-top:1px solid #d9cfba}.reading-note a{text-underline-offset:3px}.promises{padding:65px 0 70px;background:#081924}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px;text-align:center}.promise svg{height:37px;width:42px;fill:none;stroke:var(--gold);stroke-width:1.2;margin-bottom:15px}.promise h3{font-size:26px;margin-bottom:12px}.promise p{font-size:12px;color:#bdc6ca;max-width:270px;margin:auto}.reviews{padding:60px 0 65px;background:var(--cream);color:var(--ink)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px}.review{padding:0 28px;border-left:1px solid #d8cdb6}.review:first-child{border:0;padding-left:0}.review blockquote{font:italic 21px/1.5 var(--serif);margin:0 0 15px}.review cite{font-style:normal;font-size:10px;color:#756e62;letter-spacing:1px}.about{padding:65px 0;background:#071722}.about-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:90px}.about p{font-size:14px;color:var(--muted)}.about a{display:inline-block;color:var(--gold);text-underline-offset:5px;font-size:12px;margin-top:20px}.contact{position:relative;isolation:isolate;padding:72px 0;background:var(--deep)}.contact:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,23,.3),#06141e 65%),url('landscape.png') center 67%/cover;z-index:-1;opacity:.75}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;margin-left:24%}.contact h2{font-size:38px}.contact p{color:#c4cbce;font-size:13px;margin:18px 0 23px;max-width:440px}.contact-links{border-left:1px solid var(--line);padding-left:35px}.contact-links a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--line);display:block;padding:13px 0;font-size:12px}.footer{padding:25px 0;border-top:1px solid #ffffff13;font-size:10px;color:#aab4b8}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:22px}.footer a{text-decoration:none}.footer a:hover{color:var(--gold)}.page-header{position:relative;background:#071722;padding:175px 0 55px}.page-header .eyebrow{margin-bottom:12px}.page-header p{max-width:620px;color:var(--muted);margin-top:20px;font-size:14px}.document{background:var(--cream);color:var(--ink);padding:55px 0 75px}.document .narrow{width:min(800px,86%);margin:auto}.faq-item{border-bottom:1px solid #d5cbb7;padding:22px 0}.faq-item:first-child{border-top:1px solid #d5cbb7}.faq-item summary{font:500 27px/1.2 var(--serif);cursor:pointer;display:flex;justify-content:space-between;gap:30px;list-style:none}.faq-item summary:after{content:'+';color:#8b7348;font-size:25px}.faq-item[open] summary:after{content:'−'}.faq-answer{font-size:14px;color:#55584f;padding-top:24px;line-height:1.9}.faq-answer a{color:#675126;text-underline-offset:3px}.policy-section{margin-bottom:45px}.policy-section h2{font-size:35px;margin-bottom:23px}.policy-section p{font-size:14px;color:#53564e;line-height:1.9;margin:0 0 17px}.policy-section .policy-item{padding:12px 0;border-bottom:1px solid #dfd5c1}.page-cta{background:#081924;padding:45px 0;text-align:center}.page-cta h2{font-size:32px;margin-bottom:20px}.back-top{font-size:11px;text-decoration:none;color:var(--gold);display:block;margin-top:30px;text-align:right}::selection{background:#d5a650;color:#06121a}@media(min-width:1600px){.hero{height:830px}.hero:before{background-position:center 50%}}@media(max-width:1000px){.brand img{width:225px}.nav{gap:19px}.intro-grid{gap:35px;grid-template-columns:.9fr 1.25fr}.reading{gap:20px;grid-template-columns:1.05fr 1.6fr .65fr .65fr}.reading h3{font-size:23px}.reading-price{font-size:23px}.symbol-card{padding:12px 9px 15px}.symbol-card svg{height:115px}.symbol-card h3{font-size:22px}.contact-grid{margin-left:15%;gap:45px}}@media(max-width:760px){.wrap{width:88%}.header-inner{min-height:86px}.brand img{width:215px}.menu-button{display:block;font-size:11px}.nav{display:none;position:absolute;top:85px;left:0;right:0;background:#06141ef5;padding:20px 6%;border-bottom:1px solid var(--line);flex-direction:column;gap:8px;align-items:stretch}.nav.open{display:flex}.nav a{font-size:12px;padding:10px}.hero{height:auto;min-height:690px}.hero-copy{padding:160px 0 65px;max-width:100%}.hero:before{background-position:61% center;background-image:linear-gradient(90deg,rgba(3,13,20,.84),rgba(3,13,20,.4)),linear-gradient(0deg,rgba(3,13,20,.4),transparent),url('landscape.png')}.hero h1{font-size:58px}.hero .intro{font-size:14px;max-width:350px}.intro-section{padding:48px 0}.intro-grid{grid-template-columns:1fr;gap:32px}.intro-section h2 br{display:none}.intro-section p{max-width:100%}.cards{max-width:480px;gap:11px}.symbol-card svg{height:115px}.symbol-card p{font-size:9px}.symbol-card h3{font-size:24px}.readings{padding:50px 0}.reading{grid-template-columns:1fr auto;gap:15px 22px;padding:25px 0}.reading h3{font-size:27px;grid-column:1;grid-row:1}.reading-description{grid-column:1/-1;grid-row:2;font-size:13px}.reading-price{grid-column:2;grid-row:1;font-size:25px}.reading .button{grid-column:1/-1;grid-row:3;justify-self:start;min-width:150px}.section-head p{font-size:20px}.promises{padding:45px 0 50px}.promise-grid{grid-template-columns:1fr;gap:30px;margin-top:28px;text-align:left}.promise{position:relative;padding-left:65px}.promise svg{position:absolute;left:0;top:0}.promise h3{font-size:27px;margin-bottom:8px}.promise p{margin:0;max-width:none;font-size:13px}.review-grid{grid-template-columns:1fr;gap:25px}.review,.review:first-child{padding:0 0 24px;border:0;border-bottom:1px solid #d8cdb6}.review:last-child{border:0;padding-bottom:0}.review blockquote{font-size:23px;margin-bottom:10px}.reviews{padding:45px 0}.about{padding:45px 0}.about-grid{grid-template-columns:1fr;gap:24px}.contact{padding:50px 0}.contact-grid{grid-template-columns:1fr;margin:0;gap:15px}.contact-links{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.contact:before{background-image:linear-gradient(90deg,rgba(4,15,23,.75),#06141ee6),url('landscape.png')}.footer-inner{flex-direction:column;align-items:flex-start;gap:12px}.footer-links{flex-wrap:wrap;gap:15px}.page-header{padding:135px 0 40px}.faq-item summary{font-size:25px}.document{padding:30px 0 45px}.eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Combined hero and reader introduction */
.hero{height:auto;min-height:820px}.hero-copy{padding:165px 0 65px;max-width:680px}.hero .intro{max-width:515px;font-size:14px;line-height:1.8;margin:25px 0 27px}.hero .intro p+p{margin-top:14px}@media(max-width:760px){.hero{min-height:0}.hero-copy{padding:140px 0 55px}.hero .intro{max-width:440px;font-size:14px}.hero h1{font-size:clamp(43px,9.5vw,58px)}}

/* Original introduction: title, welcome heading, then personal copy. */
.hero h1{font-size:clamp(48px,5vw,74px);line-height:1.08}.hero-subtitle{font-family:var(--serif);font-size:clamp(27px,2.7vw,36px);line-height:1.2;margin-top:22px;max-width:600px;letter-spacing:-.25px}.hero .intro{margin-top:24px}.hero .intro a{color:#e0b164;text-underline-offset:4px;text-decoration-thickness:1px}.hero .intro a:hover{color:var(--white)}@media(max-width:760px){.hero h1{font-size:clamp(46px,10vw,66px)}.hero-subtitle{font-size:29px;max-width:420px;margin-top:20px}}

/* Medium rounded buttons and upright hero title. */
.button,button{border-radius:8px}.hero-title-accent{color:#e0b164;font-style:normal;font-weight:400}

/* Seamless navigation over hero artwork. */
.header{border-bottom:0}.hero h1{color:var(--white)}

/* Gold title and improved reading and button legibility. */
.hero h1{color:#e0b164}.hero .intro{font-size:16px;line-height:1.8}.intro-section p,.reading-description,.contact p,.faq-answer,.policy-section p{font-size:15px}.detail-copy{font-size:14px}.promise p{font-size:14px}.button{font-size:12px;font-weight:800;letter-spacing:1px;gap:10px}.reading .button{font-size:11px;font-weight:800;letter-spacing:.7px;padding:12px;gap:8px}.menu-button{font-weight:700}

/* Larger, clearer navigation across desktop and mobile. */
.nav a{font-size:13px;font-weight:600;letter-spacing:1.2px;color:var(--white)}@media(min-width:761px) and (max-width:1000px){.header-inner{gap:20px}.brand img{width:200px}.nav{gap:14px}.nav a{font-size:12px;letter-spacing:.8px}}@media(max-width:760px){.nav a{font-size:14px;font-weight:600;letter-spacing:1px;padding:12px 10px}.menu-button{font-size:13px;padding:9px 15px}}

.hero-subtitle{font-style:italic;color:#e0b164}

/* Client words take the place of the former assurances section. */
.reviews{background:#081924;color:var(--white);padding:65px 0 70px}.review{border-color:var(--line)}.review blockquote{color:var(--white)}.review cite{color:var(--gold)}@media(max-width:760px){.reviews{padding:45px 0 50px}.review,.review:first-child{border-bottom-color:var(--line)}}

/* Spacious editorial testimonials, with restrained gold accents. */
.reviews{padding:88px 0 92px;border-top:1px solid rgba(213,166,80,.22);border-bottom:1px solid rgba(213,166,80,.16)}
.reviews h2{text-align:center;font-size:clamp(39px,4.2vw,58px)}
.reviews>.wrap>.rule{margin:26px auto 0;width:64px}
.review-grid{margin-top:48px}
.review,.review:first-child{display:flex;flex-direction:column;padding:0 36px;border-left:1px solid rgba(213,166,80,.24);border-bottom:0}
.review:first-child{padding-left:0;border-left:0}.review:last-child{padding-right:0}
.review::before{content:'“';display:block;font-family:var(--serif);font-size:80px;font-style:normal;line-height:.85;height:60px;color:var(--gold);opacity:.8}
.review blockquote{font-size:28px;line-height:1.45;margin:0 0 28px;color:var(--white)}
.review cite{font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.6;letter-spacing:.5px;color:#e0b164;margin-top:auto;display:flex;align-items:center;gap:12px}
.review cite::before{content:'';display:block;width:24px;height:1px;background:var(--gold);flex-shrink:0}
@media(min-width:761px) and (max-width:1000px){.review,.review:first-child{padding-right:22px;padding-left:22px}.review:first-child{padding-left:0}.review:last-child{padding-right:0}.review blockquote{font-size:25px}}
@media(max-width:760px){.reviews{padding:58px 0 62px}.review-grid{margin-top:34px;gap:0}.review,.review:first-child,.review:last-child{padding:28px 0 30px;border-left:0;border-bottom:1px solid rgba(213,166,80,.24)}.review:first-child{padding-top:0}.review:last-child{border-bottom:0;padding-bottom:0}.review::before{font-size:70px;height:48px}.review blockquote{font-size:27px;line-height:1.45;margin-bottom:21px}.review cite{font-size:16px}}

/* One-at-a-time client review carousel. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.review-carousel{position:relative;background:radial-gradient(ellipse at 50% 50%,#102b3c 0%,#081924 70%);padding:82px 0 64px;overflow:hidden}
.review-carousel:before,.review-carousel:after{content:'';position:absolute;pointer-events:none;top:38px;bottom:38px;width:45px;border-top:1px solid #d5a65055;border-bottom:1px solid #d5a65055}
.review-carousel:before{left:3%;border-left:1px solid #d5a65055}.review-carousel:after{right:3%;border-right:1px solid #d5a65055}
.review-carousel .eyebrow{text-align:center;margin-bottom:14px;font-size:10px;letter-spacing:3px}
.review-carousel h2{font-size:clamp(38px,4vw,55px)}
.carousel-quote{text-align:center;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:100px;line-height:1;height:70px;margin-top:35px;color:var(--gold);opacity:1}
.carousel-viewport{width:min(920px,100%);margin:0 auto;overflow:hidden;touch-action:pan-y}
.carousel-track{width:100%}
.testimonial-slide{margin:0;text-align:center;padding:0 12px 28px}
.testimonial-slide blockquote{margin:0;color:var(--white);font:italic 500 clamp(27px,2.7vw,37px)/1.42 var(--serif);letter-spacing:-.15px}
.testimonial-slide figcaption{font:600 17px/1.6 var(--sans);letter-spacing:1px;color:#e0b164;margin-top:28px;display:flex;align-items:center;justify-content:center;gap:16px}
.testimonial-slide figcaption:before,.testimonial-slide figcaption:after{content:'';height:1px;width:27px;background:#d5a65080}
.is-enhanced .carousel-track{display:flex;align-items:stretch;transition:transform .85s cubic-bezier(.25,.8,.25,1);will-change:transform}
.is-enhanced .testimonial-slide{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.carousel-controls,.carousel-bottom{display:none}
.is-enhanced .carousel-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:24px}
.carousel-arrow{height:46px;width:46px;border:1px solid #d5a65065;background:transparent;color:#e0b164;font-size:24px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
.carousel-arrow:hover{background:#d5a65018;border-color:var(--gold)}
.carousel-dots{display:flex;gap:0;align-items:center;justify-content:center}
.carousel-dot{width:35px;min-height:44px;background:transparent;border:0;cursor:pointer;padding:0;display:grid;place-items:center}
.carousel-dot:after{content:'';width:7px;height:7px;border:1px solid #d5a650aa;border-radius:8px;transition:width .3s,background .3s}
.carousel-dot[aria-current="true"]:after{width:24px;background:var(--gold);border-color:var(--gold)}
.carousel-dot:hover:after{background:#d5a65099}
.is-enhanced .carousel-bottom{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:18px}
.carousel-count{font:500 11px/1.4 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:2px;color:#bbc5cb;min-width:57px}
.carousel-progress{height:2px;width:92px;background:#d5a65030;overflow:hidden}
.carousel-progress span{height:100%;width:100%;display:block;background:var(--gold);transform:scaleX(0);transform-origin:left}
.is-playing .carousel-progress span{animation:review-progress 14s linear forwards}
.carousel-toggle{font:600 11px/1.4 var(--sans);letter-spacing:1px;color:#e0b164;background:transparent;border:1px solid #d5a65040;padding:8px 13px;min-height:38px;cursor:pointer}
.carousel-toggle:hover{background:#d5a65012;border-color:var(--gold)}
@keyframes review-progress{to{transform:scaleX(1)}}
@media(max-width:760px){.review-carousel{padding:58px 0 45px}.review-carousel:before,.review-carousel:after{top:20px;bottom:20px;width:22px}.review-carousel:before{left:3%}.review-carousel:after{right:3%}.review-carousel>.wrap{width:84%}.carousel-quote{font-size:82px;height:58px;margin-top:26px}.testimonial-slide{padding:0 3px 18px}.testimonial-slide blockquote{font-size:27px;line-height:1.4}.testimonial-slide figcaption{font-size:17px;margin-top:25px}.is-enhanced .carousel-controls{gap:10px;margin-top:18px}.carousel-arrow{height:44px;width:44px;flex-shrink:0}.carousel-dot{width:30px}.carousel-dot[aria-current="true"]:after{width:21px}.carousel-bottom{gap:13px}}
@media(max-width:360px){.carousel-dot{width:25px}.is-enhanced .carousel-controls{gap:7px}.testimonial-slide blockquote{font-size:25px}}
@media(prefers-reduced-motion:reduce){.is-enhanced .carousel-track{transition:none}.carousel-dot:after,.carousel-arrow{transition:none}.is-playing .carousel-progress span{animation:none}}

/* Smaller review copy and a botanical frame. */
.review-carousel h2{color:#e0b164}
.testimonial-slide blockquote{font-size:clamp(23px,2.1vw,29px);line-height:1.55;letter-spacing:0}
.carousel-viewport{width:min(850px,100%)}
.carousel-quote{font-size:82px;height:58px;margin-top:28px}
.review-carousel:before,.review-carousel:after{top:50%;bottom:auto;width:65px;height:230px;border:0;background:url('olive-branch.svg') center/contain no-repeat;opacity:.65;transform:translateY(-28%) rotate(-8deg)}
.review-carousel:after{transform:translateY(-28%) scaleX(-1) rotate(-8deg)}
.review-carousel{padding-bottom:72px}
@media(max-width:760px){.testimonial-slide blockquote{font-size:23px;line-height:1.5}.review-carousel:before,.review-carousel:after{width:22px;height:170px;opacity:.45}.review-carousel:before{left:1.5%}.review-carousel:after{right:1.5%}.carousel-quote{font-size:72px;height:48px}.review-carousel{padding-bottom:48px}}

/* Simple contact form over the existing landscape artwork. */
.contact{padding:80px 0 85px}.contact-grid{grid-template-columns:minmax(0,1.6fr) minmax(220px,.85fr);margin:0 auto;max-width:1030px;gap:85px;align-items:center}
.contact h2{font-size:48px;color:#e0b164}.contact-main>p{margin:0 0 28px}.contact-form{max-width:650px}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-field{margin-bottom:22px;min-width:0}
.contact-field label{display:block;font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--white);margin-bottom:8px}
.contact-field input,.contact-field textarea{display:block;width:100%;border:1px solid #d5a65065;border-radius:8px;background:#05131dc4;color:var(--white);font:400 16px/1.6 var(--sans);padding:11px 13px;box-shadow:none;transition:border-color .2s,background .2s}
.contact-field textarea{resize:vertical;min-height:145px}.contact-field input:focus,.contact-field textarea:focus{outline:2px solid var(--gold);outline-offset:2px;background:#06141e}
.contact-form .button{padding:14px 28px}.contact-honeypot{display:none!important}
.contact-main>.contact-email{font-size:12px;margin:18px 0 0;color:#bac4ca}.contact-email a{color:var(--white);text-underline-offset:4px;overflow-wrap:anywhere}
.contact-links{padding-left:34px}.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:15px;line-height:1.6;padding:19px 0;color:var(--white);transition:color .2s}.contact-links a span{color:var(--gold)}.contact-links a:hover{color:var(--gold)}
.thanks-page{min-height:85vh;display:flex;align-items:center;padding:165px 0 75px;background:linear-gradient(90deg,#06141ef2,#06141e99),url('landscape.png') center/cover}.thanks-page h1{font-size:clamp(44px,5vw,70px);color:#e0b164}.thanks-page p:not(.eyebrow){max-width:500px;color:var(--muted);margin:25px 0}.thanks-page .button{margin-top:8px}
@media(max-width:1000px){.contact-grid{gap:45px;grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr)}.contact-links{padding-left:25px}}
@media(max-width:760px){.contact{padding:52px 0 56px}.contact h2{font-size:40px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-field-row{grid-template-columns:1fr;gap:0}.contact-links{padding:10px 0 0;border-left:0;border-top:1px solid var(--line)}.contact-links a{font-size:15px;padding:17px 0}.contact-main>.contact-email{font-size:13px}}

/* Quiet information links, without arrows or dividers. */
.contact-links{border:0;padding-left:34px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.contact-links a{display:inline-block;border:0;padding:9px 0;font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.4;letter-spacing:.1px;color:#c5c4b9;text-decoration:none;transition:color .2s}
.contact-links a:hover,.contact-links a:focus-visible{color:#e0b164}
@media(max-width:1000px){.contact-links{padding-left:20px}.contact-links a{font-size:22px}}
@media(max-width:760px){.contact-grid{gap:28px}.contact-links{border:0;padding:0;gap:2px}.contact-links a{font-size:22px;padding:8px 0}}

/* Readable, simplified footer across all pages. */
.footer{font-size:14px;line-height:1.7;color:#d0d5d8;padding:28px 0}.footer-inner{gap:25px}.footer-inner>span:last-child{text-align:right;max-width:560px}@media(max-width:760px){.footer{font-size:14px;padding:25px 0}.footer-inner{gap:12px}.footer-inner>span:last-child{text-align:left;max-width:100%}}

/* Compact service information banner below the landing hero. */
.reading-banner{background:#111d3f;color:var(--white);padding:21px 0 23px}
.reading-banner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start;text-align:center}
.reading-banner dt{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.25;color:#e0b164;margin:0 0 3px}
.reading-banner dd{font-family:var(--sans);font-size:13px;line-height:1.5;margin:0;color:#f6f2e8}
@media(max-width:760px){.reading-banner{padding:22px 0 24px}.reading-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.reading-banner dt{font-size:23px}.reading-banner dd{font-size:12px}}

/* Banner-led palette: midnight blue, forest green, warm cream and antique gold. */
body{background:var(--blue)}
.hero{background:var(--blue)}
.hero:before{background-image:linear-gradient(90deg,rgba(17,29,63,.9),rgba(17,29,63,.42) 50%,rgba(17,29,63,.12)),linear-gradient(0deg,rgba(17,29,63,.3),transparent 45%),url('landscape.png')}
.reading-banner{background:var(--blue)}
.intro-section{background:linear-gradient(115deg,var(--forest),var(--forest-deep))}
.intro-grid>div:first-child>p{color:#d3dad3}
.readings{background:var(--cream);color:var(--blue)}
.readings .section-head h2{color:var(--forest)}
.reading-description,.faq-answer,.policy-section p{color:#46534d}
.reading-price,.reading h3{color:var(--blue)}
.button{color:var(--blue)}
.review-carousel{background:radial-gradient(ellipse at 50% 48%,var(--blue-light),var(--blue) 75%)}
.carousel-count{color:var(--muted)}
.contact{background:var(--forest-deep)}
.contact:before{background-image:linear-gradient(90deg,rgba(17,29,63,.76),rgba(16,46,41,.95) 80%),url('landscape.png');opacity:1}
.contact p{color:#d3dad3}
.contact-field input,.contact-field textarea{background:rgba(17,29,63,.65);border-color:rgba(213,166,80,.45)}
.contact-field input:focus,.contact-field textarea:focus{background:var(--blue)}
.contact-links a{color:#d3d8c9}
.contact-links a:hover,.contact-links a:focus-visible{color:#e0b164}
.footer{background:var(--blue);color:#d4d8df;border-top-color:rgba(213,166,80,.16)}
.page-header{background:linear-gradient(115deg,var(--blue),#192a50)}
.page-header h1{color:#e0b164}.page-header p{color:var(--muted)}
.document{background:var(--cream);color:var(--blue)}
.policy-section h2{color:var(--forest)}
.page-cta{background:var(--forest)}
.page-cta h2{color:var(--white)}
.menu-button{background:var(--blue);border-color:rgba(213,166,80,.45)}
.thanks-page{background-image:linear-gradient(90deg,rgba(17,29,63,.94),rgba(21,60,53,.65)),url('landscape.png')}
::selection{background:var(--gold);color:var(--blue)}
@media(max-width:760px){.nav{background:rgba(17,29,63,.98)}.hero:before{background-image:linear-gradient(90deg,rgba(17,29,63,.91),rgba(17,29,63,.57)),linear-gradient(0deg,rgba(17,29,63,.35),transparent),url('landscape.png')}}

/* Neutral image shading preserves the landscape's natural colors. */
.hero,.contact{background-color:#151713}
.hero:before{background-image:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.34) 50%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.22),transparent 45%),url('landscape.png')}
.contact:before{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.82) 80%),url('landscape.png');opacity:1}
.contact-field input,.contact-field textarea{background:rgba(17,20,17,.82)}
.contact-field input:focus,.contact-field textarea:focus{background:#151a16}
@media(max-width:760px){.hero:before{background-image:linear-gradient(90deg,rgba(0,0,0,.79),rgba(0,0,0,.43)),linear-gradient(0deg,rgba(0,0,0,.25),transparent),url('landscape.png')}}

/* Quiet near-black contact backdrop, with a restrained warm glow. */
.contact{background:radial-gradient(ellipse at 22% 18%,rgba(213,166,80,.055),transparent 62%),linear-gradient(115deg,#151510,#0c0e0d 70%)}
.contact:before{display:none;background:none}
.contact-field input,.contact-field textarea{background:#111411;border-color:rgba(213,166,80,.36)}
.contact-field input:focus,.contact-field textarea:focus{background:#181b16;border-color:var(--gold)}
.contact p{color:#cecfc7}
.contact-links a{color:#d0cdc2}.contact-links a:hover,.contact-links a:focus-visible{color:#e0b164}

/* Forest-green contact section, coordinated with the site's palette. */
.contact{background:radial-gradient(ellipse at 22% 20%,rgba(213,166,80,.035),transparent 65%),linear-gradient(115deg,var(--forest),var(--forest-deep))}
.contact:before{display:none;background:none}
.contact h2{color:#e0b164}.contact p{color:#d3dad3}
.contact-field label{color:var(--white)}
.contact-field input,.contact-field textarea{background:#0f2b25;border-color:rgba(213,166,80,.4);color:var(--white)}
.contact-field input:focus,.contact-field textarea:focus{background:#123229;border-color:var(--gold)}
.contact-links a{color:#e3e0d3}.contact-links a:hover,.contact-links a:focus-visible{color:#e0b164}

/* Reading Room heading inspired by the supplied editorial reference. */
.review-carousel{background:#24364b}
.review-carousel #reviews-heading{color:var(--cream);font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.6px}
.review-kicker{display:block;font-family:var(--sans);font-size:11px;font-weight:600;line-height:1.5;letter-spacing:4px;text-transform:uppercase;color:#e0b164;margin-bottom:17px}
.review-room-title{display:block;font-size:clamp(38px,4.3vw,58px);font-style:normal;color:var(--cream)}
.review-carousel .carousel-quote{margin-top:32px}
@media(max-width:760px){.review-kicker{font-size:10px;letter-spacing:3.3px;margin-bottom:14px}.review-room-title{font-size:clamp(34px,8.2vw,43px);line-height:1.13;max-width:460px;margin:0 auto}.review-carousel .carousel-quote{margin-top:26px}}

/* Warm cream creates a gentle transition from the slate-blue Reading Room. */
.contact{background:var(--cream);color:var(--blue)}
.contact:before{display:none;background:none}
.contact h2{color:var(--blue)}
.contact p{color:#4a545a}
.contact-field label{color:var(--blue)}
.contact-field input,.contact-field textarea{background:#fcf9f1;border-color:#91836b;color:var(--blue);caret-color:var(--blue)}
.contact-field input:focus,.contact-field textarea:focus{background:#fffdf7;border-color:#80602f;outline-color:#80602f}
.contact-links a{color:#33465a}
.contact-links a:hover,.contact-links a:focus-visible{color:#745628}

/* Rustic museum-style landscape, with neutral shading for the landing copy. */
.hero:before{background-image:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.34) 50%,rgba(0,0,0,.06)),linear-gradient(0deg,rgba(0,0,0,.20),transparent 45%),url('hero-rustic-v3.png');background-position:center center}
@media(max-width:760px){.hero:before{background-image:linear-gradient(90deg,rgba(0,0,0,.79),rgba(0,0,0,.43)),linear-gradient(0deg,rgba(0,0,0,.25),transparent),url('hero-rustic-v3.png');background-position:68% center}}

/* Localized neutral shading keeps the landing copy clear without blurring the painting. */
.hero:before{background-image:linear-gradient(180deg,rgba(0,0,0,.52),transparent 25%),linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.84) 35%,rgba(0,0,0,.62) 50%,rgba(0,0,0,.18) 73%,rgba(0,0,0,.06) 100%),url('hero-rustic-v3.png');background-position:center center}
.hero h1,.hero-subtitle{text-shadow:0 2px 12px rgba(0,0,0,.65)}
.hero .intro{color:#f4f0e6;text-shadow:0 1px 4px rgba(0,0,0,.85)}
.hero .delivery{color:#e2dfd5;text-shadow:0 1px 4px rgba(0,0,0,.85)}
.hero .intro a{color:#f0c77c;text-decoration-thickness:1.5px}
.hero .intro a:hover{color:#fff4d7}
@media(max-width:760px){.hero:before{background-image:linear-gradient(180deg,rgba(0,0,0,.48),transparent 22%),linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.76) 55%,rgba(0,0,0,.65)),url('hero-rustic-v3.png');background-position:68% center}}

/* Deeper slate blue for the Reading Room. */
.review-carousel{background:#1b2b3d}

/* Upright text for every client review. */
.testimonial-slide blockquote{font-style:normal}

/* Midnight navy palette from the approved reference; hero artwork and layout retained. */
:root{--ink:#071722;--deep:#06121b;--blue:#071722;--blue-light:#0d2433;--muted:#c7d0d1}
body{background:#071722}
.reading-banner{background:#102936}
.intro-section{background:linear-gradient(115deg,#0b2130,#071722)}
.reading-banner dt{color:#e0b164}.reading-banner dd{color:var(--white)}
.review-carousel{background:#081b28}
.footer{background:#06121b}
.page-header{background:linear-gradient(115deg,#071722,#0d2433)}
.page-cta{background:#0b2130}
.menu-button{background:#071722}
.contact{background:#071722;color:var(--white)}
.contact:before{display:block;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(7,23,34,.88) 68%,#071722),url('contact-rustic-v1.png') left center/cover no-repeat;opacity:1}
.contact h2{color:#e0b164}.contact p{color:#d3dad8}
.contact-field label{color:var(--white)}
.contact-field input,.contact-field textarea{background:rgba(5,18,27,.83);color:var(--white);border-color:rgba(213,166,80,.5);caret-color:var(--white)}
.contact-field input:focus,.contact-field textarea:focus{background:#0b2130;border-color:#e0b164;outline-color:#e0b164}
.contact-links a{color:#dddccf}.contact-links a:hover,.contact-links a:focus-visible{color:#e0b164}
@media(max-width:760px){.nav{background:rgba(7,23,34,.98)}.contact:before{background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(7,23,34,.88)),url('contact-rustic-v1.png') 25% center/cover no-repeat}}

/* Clearer button labels and consistent 12px corners. */
.button,button{border-radius:12px}
.button{font-size:14px;font-weight:800;letter-spacing:.8px;padding:14px 27px}
.reading .button{font-size:13px;font-weight:800;letter-spacing:.4px;padding:12px 16px}
.carousel-arrow{width:auto;min-width:64px;height:44px;padding:9px 13px;font-family:var(--sans);font-size:13px;font-weight:600;line-height:1.4}
@media(max-width:760px){.is-enhanced .carousel-controls{gap:9px}.carousel-arrow{font-size:12px;min-width:0;padding:9px 10px}.carousel-dot{width:20px}.carousel-dot[aria-current="true"]:after{width:17px}}
@media(max-width:360px){.is-enhanced .carousel-controls{gap:7px}.carousel-dot{width:18px}}

/* Slightly darker reading introduction; existing weight retained. */
.readings .section-head p{color:#48473f}

/* Slightly smaller contact submit button. */
.contact-form .button{font-size:13px;padding:11px 21px;min-height:44px}

.readings .section-head p a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}

/* Petit Lenormand three-card game. */
.lenormand-draw{padding:68px 0 45px;background:radial-gradient(ellipse at 50% 45%,#102d3e,#071722 76%);color:var(--white)}
.draw-heading{max-width:720px;margin:auto;text-align:center}
.draw-heading h2{font-size:clamp(35px,3.8vw,52px);color:var(--white)}
.draw-heading .rule{margin:23px auto}
.draw-heading>p{color:#d3dad8;font-size:15px;line-height:1.8;max-width:650px;margin:auto}
.draw-status{text-align:center;color:#bdc8cb;font-size:12px;letter-spacing:.3px;margin:27px 0 20px;min-height:22px}
.draw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:720px;margin:0 auto}
.lenormand-card{position:relative;display:block;width:100%;height:330px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;perspective:1000px;touch-action:manipulation;color:inherit;text-transform:none;font-family:inherit}
.draw-flipper{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.25,.75,.25,1)}
.is-turned .draw-flipper{transform:rotateY(180deg)}
.draw-back,.draw-front{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.draw-back{padding:12px;background:linear-gradient(135deg,#152f40,#081b29);border:1px solid #d5a650a0;box-shadow:0 12px 24px #0003,inset 0 0 0 5px #0b2130,inset 0 0 0 6px #d5a65040}
.draw-back-frame{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d5a65055;border-radius:8px;padding:15px 8px;background:repeating-linear-gradient(45deg,transparent,transparent 14px,#d5a65005 14px,#d5a65005 15px)}
.draw-back-mark{font:italic 500 49px/1 var(--serif);letter-spacing:2px;color:#e0b164;border:1px solid #d5a65088;border-radius:50%;width:96px;height:116px;display:flex;align-items:center;justify-content:center;margin-bottom:23px}
.draw-back-label{font:500 9px/1.5 var(--sans);letter-spacing:2.2px;color:#d8bd87}
.draw-turn-label{font:500 12px/1.5 var(--sans);color:var(--white);margin-top:23px}
.lenormand-card:not(.is-turned):hover .draw-back{border-color:#edc77e;background:linear-gradient(135deg,#1c3b4f,#0b2130)}
.draw-front{transform:rotateY(180deg);padding:27px 18px 22px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 30% 25%,#f5ecd7,#e5d4b1);color:#282c27;border:1px solid #d3b77d;box-shadow:inset 0 0 0 5px #f1e4c7,inset 0 0 0 6px #bda16a,0 12px 24px #0003}
.draw-number{position:absolute;top:13px;left:17px;font:500 25px/1 var(--serif);color:#4f442e}
.draw-front svg{width:135px;max-width:88%;height:145px;flex-shrink:0;margin:13px 0 12px;fill:none;stroke:#695633;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.draw-card-name{font:600 30px/1.12 var(--serif);display:block;text-align:center;max-width:100%;margin-bottom:11px}
.draw-card-meaning{font:400 13px/1.5 var(--sans);text-align:center;display:block;max-width:180px;color:#4c483d}
.draw-controls{display:none;align-items:center;justify-content:center;gap:15px;margin:28px 0 0}
.draw-ready .draw-controls{display:flex}
.draw-controls .button{min-width:145px;font-size:12px;padding:12px 20px}
.draw-controls .button:disabled{opacity:.4;cursor:default;transform:none;filter:none}
.draw-result{max-width:760px;margin:30px auto 0;padding:26px 30px;text-align:center;border-top:1px solid #d5a65055;border-bottom:1px solid #d5a65033}
.draw-result[hidden]{display:none}
.draw-result-label{font:600 10px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase;color:#e0b164}
.draw-chain{font:500 23px/1.4 var(--serif);color:var(--cream);margin-top:12px}
.draw-sentence{font:500 27px/1.4 var(--serif);color:var(--white);margin-top:12px}
.draw-result .draw-example-note{font-size:11px;line-height:1.7;color:#b7c4c8;margin-top:17px}
.draw-disclaimer{font-size:11px;line-height:1.8;color:#c1caca;text-align:center;max-width:800px;margin:31px auto 0}
.draw-disclaimer strong{color:#e7dec9;font-weight:600}.draw-nojs{text-align:center;font-size:14px}
@media(max-width:760px){.lenormand-draw{padding:48px 0 35px}.draw-heading>p{font-size:14px}.draw-status{font-size:11px;margin-top:23px}.draw-cards{gap:10px;max-width:490px}.lenormand-card{height:270px}.draw-back{padding:7px}.draw-back-frame{padding:10px 3px}.draw-back-mark{font-size:32px;width:62px;height:80px;margin-bottom:17px}.draw-back-label{font-size:7px;letter-spacing:.5px}.draw-turn-label{font-size:11px;margin-top:20px}.draw-front{padding:27px 9px 17px}.draw-number{font-size:20px;top:12px;left:12px}.draw-front svg{height:100px;max-width:94%;margin:10px 0 17px}.draw-card-name{font-size:clamp(16px,4vw,24px);margin-bottom:9px;overflow-wrap:anywhere}.draw-card-meaning{font-size:11px;line-height:1.5}.draw-controls{gap:12px;margin-top:23px}.draw-controls .button{min-width:0;font-size:11px;padding:12px 18px}.draw-result{padding:23px 8px;margin-top:25px}.draw-chain{font-size:21px}.draw-sentence{font-size:24px}.draw-disclaimer{font-size:11px;text-align:left;margin-top:26px}}
@media(max-width:360px){.draw-cards{gap:7px}.lenormand-card{height:258px}.draw-front{padding:27px 7px 12px}.draw-front svg{height:88px}.draw-card-meaning{font-size:10px}.draw-back-mark{width:54px;height:73px}.draw-back-label{font-size:6px;letter-spacing:.4px}}
@media(prefers-reduced-motion:reduce){.draw-flipper{transition:none}.lenormand-card:not(.is-turned):hover .draw-back{transition:none}}

/* Engraved Petit Lenormand illustrations and the original ship/moon emblem. */
.draw-logo-emblem{display:block;position:relative;width:112px;height:112px;overflow:hidden;margin-bottom:23px;flex-shrink:0}
.draw-logo-emblem img{position:absolute;left:0;top:0;height:112px;width:auto;max-width:none}
.draw-symbol{width:145px;max-width:88%;height:145px;object-fit:contain;flex-shrink:0;margin:13px 0 12px}
@media(max-width:760px){.draw-logo-emblem{width:75px;height:75px;margin-bottom:20px}.draw-logo-emblem img{height:75px}.draw-symbol{height:100px;max-width:94%;margin:10px 0 17px}}
@media(max-width:360px){.draw-logo-emblem{width:64px;height:64px}.draw-logo-emblem img{height:64px}.draw-symbol{height:88px}}

/* Two clean outlines on the card backs: outer edge and inset frame. */
.draw-back{box-shadow:0 12px 24px #0003}

/* Fine engraved illustrations: one ordered 6 × 6 atlas, one cell per card. */
.draw-engraving{display:block;width:145px;height:145px;max-width:88%;aspect-ratio:1;background-image:url('lenormand-engraved-atlas.png');background-size:600% 600%;background-repeat:no-repeat;mix-blend-mode:multiply;border-radius:3px}
@media(max-width:760px){.draw-engraving{width:100px;height:auto;max-width:94%;aspect-ratio:1}}
@media(max-width:360px){.draw-engraving{width:88px}}

.draw-front svg.draw-engraving{background-image:none;stroke:none;fill:none;object-fit:contain;mix-blend-mode:multiply;width:145px;height:145px;max-width:88%}
@media(max-width:760px){.draw-front svg.draw-engraving{width:100px;height:100px;max-width:94%}}
@media(max-width:360px){.draw-front svg.draw-engraving{width:88px;height:88px}}

/* Individually centered engravings, without the muddy multiply blend. */
.draw-front svg.draw-engraving{mix-blend-mode:normal;filter:contrast(1.08);overflow:hidden;isolation:isolate}

/* Small traditional playing-card inset, clear of the meaning text. */
.draw-playing-card{position:absolute;right:16px;bottom:12px;font:600 18px/1 var(--serif);letter-spacing:.5px;color:#34372f;white-space:nowrap;font-variant-emoji:text}
.draw-playing-card.is-red{color:#954d3f}
@media(max-width:760px){.draw-playing-card{right:11px;bottom:11px;font-size:15px}}
@media(max-width:360px){.draw-playing-card{right:10px;bottom:9px;font-size:14px}}

/* A modest readability increase for Perry’s hero introduction. */
.hero .intro{font-size:17px}

/* Small refinements to the draw result and review hierarchy. */
.draw-result{border-bottom:0}
.testimonial-slide blockquote{font-size:clamp(22px,2vw,27px)}
.review-kicker{font-size:13px}
@media(max-width:760px){.testimonial-slide blockquote{font-size:22px}.review-kicker{font-size:12px}}

/* Reading store: navy title panels, cream cards and restrained gold outlines. */
.readings{background:#f4eddc;padding:76px 0 70px}
.readings>.wrap{max-width:1180px;width:calc(100% - 64px)}
.readings .section-head{display:block;text-align:center;margin:0 auto 52px;max-width:760px}
.readings .section-head h2{color:#071722;font-family:var(--serif);font-size:clamp(46px,5vw,64px);font-weight:500;line-height:1.1;margin:0 0 20px}
.readings .section-head p{color:#48473f;font-size:16px;line-height:1.8;max-width:700px;margin:0 auto;font-weight:400}
.readings .section-head p a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.store-grid .store-card{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid #c39a50;border-radius:12px;overflow:hidden;background:#faf5e9;min-width:0;margin:0}
.store-grid .store-card h3{display:flex;align-items:center;justify-content:center;text-align:center;min-height:106px;width:100%;max-width:none;margin:0;padding:20px 22px;background:#071722;color:#dfbb76;font:600 30px/1.12 var(--serif);letter-spacing:-.3px}
.store-grid .store-card .reading-price{color:#071722;text-align:center;font:500 43px/1.15 var(--serif);white-space:normal;padding:25px 20px 17px;min-height:96px}
.store-grid .store-card .reading-price small{display:block;font:400 10px/1.5 var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:#5b6063;margin-top:7px}
.store-grid .store-card .reading-description{padding:0 25px;flex:1;color:#454e51;text-align:center;font-size:15px;line-height:1.75;min-width:0}
.store-grid .store-card .reading-description>p{margin:0}
.store-grid .store-card details{margin-top:14px}
.store-grid .store-card summary{font-size:12px;line-height:1.5;color:#77603b;border-bottom:1px solid #c9b58c;padding-bottom:2px;cursor:pointer}
.store-grid .store-card summary:focus-visible{outline:2px solid #897037;outline-offset:5px;border-radius:2px}
.store-grid .store-card .detail-copy{text-align:left;font-size:13px;line-height:1.7;margin:13px 0 0;padding:14px 0 0;border-top:1px solid #d8c9a8;color:#454e51}
.store-grid .store-card .detail-copy p+p{margin-top:9px}
.store-grid .store-card>.button{align-self:center;justify-self:center;background:#071722;color:#dfbb76;border:1px solid #c39a50;border-radius:12px;min-width:160px;margin:25px auto 29px;padding:13px 24px;min-height:46px;font-size:13px;font-weight:800;letter-spacing:1.3px;line-height:1.3;box-shadow:none}
.store-grid .store-card>.button:hover{background:#173343;color:#f6deb0;transform:translateY(-1px)}
.store-grid .store-card>.button:focus-visible{outline:3px solid #a27d38;outline-offset:4px}
.store-grid .store-card-wide{grid-column:1/-1;display:grid;grid-template-columns:30% minmax(0,1fr);grid-template-rows:auto auto auto;min-height:225px}
.store-grid .store-card-wide h3{grid-column:1;grid-row:1/4;height:100%;padding:30px;font-size:34px}
.store-grid .store-card-wide .reading-price{grid-column:2;grid-row:1;min-height:0;padding:25px 24px 12px;font-size:43px}
.store-grid .store-card-wide .reading-description{grid-column:2;grid-row:2;padding:0 30px}
.store-grid .store-card-wide>.button{grid-column:2;grid-row:3;margin:20px auto 27px}
.readings .reading-note{max-width:920px;margin:43px auto 0;text-align:center;font-size:12px;line-height:1.9;color:#535a5c}
@media(min-width:761px) and (max-width:1050px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.store-grid .store-card h3{font-size:29px}.readings>.wrap{width:calc(100% - 48px)}}
@media(max-width:760px){.readings{padding:50px 0 46px}.readings>.wrap{width:calc(100% - 36px)}.readings .section-head{margin-bottom:32px}.readings .section-head h2{font-size:48px;margin-bottom:16px}.readings .section-head p{font-size:15px;line-height:1.75}.store-grid{grid-template-columns:minmax(0,1fr);gap:20px;max-width:520px;margin:0 auto}.store-grid .store-card h3{font-size:30px;min-height:88px;padding:20px 24px}.store-grid .store-card .reading-price{font-size:41px;padding-top:23px;min-height:0;padding-bottom:18px}.store-grid .store-card .reading-description{font-size:15px;padding:0 25px}.store-grid .store-card>.button{margin:23px auto 26px;min-width:160px;font-size:13px}.store-grid .store-card-wide{display:flex;grid-column:auto;min-height:0}.store-grid .store-card-wide h3{height:auto;font-size:32px;padding:24px}.readings .reading-note{margin-top:30px;text-align:center;font-size:12px}}

/* Clearer store introduction: dark navy on light cream, regular weight. */
.readings .section-head p{color:#102735;font-size:17px;font-weight:400;line-height:1.8;opacity:1}
.readings .section-head p a{color:#102735;text-decoration-thickness:1.5px;text-underline-offset:3px}

/* Match the Store introduction to the hero body typeface: DM Sans. */
.readings .section-head p{font-family:var(--sans)}

/* Clear short descriptions across all seven Store listings. */
.store-grid .store-card .reading-description>p{font-family:var(--sans);font-size:16px;line-height:1.8;font-weight:400;color:#102735;opacity:1}

/* Keep mobile cards in a natural 2:3 ratio; meanings sit below the card. */
.draw-card-slot{min-width:0}
.draw-mobile-meaning{display:none}
@media(max-width:760px){
 .draw-cards{align-items:start}
 .lenormand-card{height:auto;aspect-ratio:2/3}
 .draw-front{padding:22px 7px 22px;justify-content:center}
 .draw-front svg.draw-engraving{width:82%;max-width:80px;height:auto;aspect-ratio:1;margin:0 0 5px}
 .draw-card-name{font-size:clamp(14px,3.6vw,19px);line-height:1.1;margin:0;overflow-wrap:normal;hyphens:none}
 .draw-card-meaning{display:none}
 .draw-number{top:9px;left:10px;font-size:17px}
 .draw-playing-card{bottom:9px;right:9px;font-size:13px}
 .draw-back{padding:6px}
 .draw-back-frame{padding:6px 2px}
 .draw-logo-emblem{width:clamp(42px,13vw,64px);height:clamp(42px,13vw,64px);margin-bottom:9px}
 .draw-logo-emblem img{height:clamp(42px,13vw,64px)}
 .draw-back-label{font-size:6px;letter-spacing:.35px}
 .draw-turn-label{font-size:11px;margin-top:9px}
 .draw-mobile-meaning:not([hidden]){display:block;margin:12px 0 0;color:#e1e4dc;text-align:center;font:400 11.5px/1.55 var(--sans)}
}

/* Native button labels match the hero booking link typography. */
.draw-controls .button,.contact-form .button{font-family:var(--sans);font-size:14px;font-weight:800;letter-spacing:.8px;line-height:1.5}

/* Restrained booking feedback: no brightness filter or pale glow. */
.store-grid .store-card>.button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.store-grid .store-card>.button:hover{filter:none;background:#102b3a;color:#e7c68a;border-color:#d5b170;box-shadow:none;text-shadow:none;transform:translateY(-1px)}
.store-grid .store-card>.button:active{filter:none;background:#06121b;box-shadow:none;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.store-grid .store-card>.button{transition:none}.store-grid .store-card>.button:hover{transform:none}}

/* Connected gold booking interaction, with native accessible links. */
.store-grid .store-card{transition:transform 250ms ease,border-color 250ms ease}
.store-grid .store-card>.button{transition:background-color 250ms ease,color 250ms ease,border-color 250ms ease,box-shadow 250ms ease,transform 250ms ease,opacity 250ms ease;max-width:calc(100% - 40px)}
@media(hover:hover) and (pointer:fine){
 .store-grid .store-card:hover{transform:translateY(-4px);border-color:#d5b170}
 .store-grid .store-card>.button:hover{background:#d5a650;color:#071722;border-color:#d5a650;transform:translateY(-2px);box-shadow:0 6px 15px rgba(27,48,59,.2);filter:none;text-shadow:none}
}
.store-grid .store-card>.button:focus-visible{outline:2px solid #d5a650;outline-offset:4px}
.store-grid .store-card>.button:active{background:#c99b48;color:#071722;border-color:#c99b48;transform:translateY(0) scale(.97);box-shadow:inset 0 2px 4px rgba(27,48,59,.24);filter:none}
.store-grid .store-card>.button[aria-busy="true"]{background:#d5a650;color:#071722;opacity:.72;transform:none;box-shadow:none;cursor:progress}
@media(prefers-reduced-motion:reduce){
 .store-grid .store-card,.store-grid .store-card>.button{transition:none;animation:none}
 .store-grid .store-card:hover,.store-grid .store-card>.button:hover,.store-grid .store-card>.button:active{transform:none;animation:none}
}

/* Keep draw progress announcements accessible without repeated visible commentary. */
.draw-status{position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.draw-cards{margin-top:28px}

/* A quiet gold label introduces the three-card draw. */
.draw-kicker{display:block;margin-bottom:13px;color:#e0b164;font:600 12px/1.5 var(--sans);letter-spacing:2.4px;text-transform:uppercase}

/* Refine the draw heading hierarchy. */
.draw-kicker{font-size:16px;letter-spacing:2.2px}
.draw-heading h2{font-size:clamp(32px,3.4vw,46px)}

/* Contact submit matches the navy-and-gold booking button interaction. */
.contact-form .button{background:#071722;color:#dfbb76;border:1px solid #c39a50;border-radius:12px;font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:1.3px;line-height:1.3;box-shadow:none;text-shadow:none;filter:none;transition:background-color 250ms ease,color 250ms ease,border-color 250ms ease,box-shadow 250ms ease,transform 250ms ease}
.contact-form .button:hover{background:#d5a650;color:#071722;border-color:#d5a650;transform:translateY(-2px);box-shadow:0 6px 15px rgba(27,48,59,.2);filter:none}
.contact-form .button:focus-visible{outline:2px solid #d5a650;outline-offset:4px}
.contact-form .button:active{background:#c99b48;color:#071722;border-color:#c99b48;transform:translateY(0) scale(.97);box-shadow:inset 0 2px 4px rgba(27,48,59,.24);filter:none}
@media(prefers-reduced-motion:reduce){.contact-form .button{transition:none;animation:none}.contact-form .button:hover,.contact-form .button:active{transform:none;animation:none}}

/* Consistent pill-shaped action controls; draw cards retain their card shape. */
.button,button:not(.lenormand-card),.store-grid .store-card>.button,.contact-form .button{border-radius:999px}

/* Hero booking matches the contact button's navy, gold and tactile feedback. */
.hero-copy>.button{background:#071722;color:#dfbb76;border:1px solid #c39a50;font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:1.3px;line-height:1.3;box-shadow:none;text-shadow:none;filter:none;transition:background-color 250ms ease,color 250ms ease,border-color 250ms ease,box-shadow 250ms ease,transform 250ms ease}
.hero-copy>.button:hover{background:#d5a650;color:#071722;border-color:#d5a650;transform:translateY(-2px);box-shadow:0 6px 15px rgba(27,48,59,.2);filter:none}
.hero-copy>.button:focus-visible{outline:2px solid #d5a650;outline-offset:4px}
.hero-copy>.button:active{background:#c99b48;color:#071722;border-color:#c99b48;transform:translateY(0) scale(.97);box-shadow:inset 0 2px 4px rgba(27,48,59,.24);filter:none}
@media(prefers-reduced-motion:reduce){.hero-copy>.button{transition:none;animation:none}.hero-copy>.button:hover,.hero-copy>.button:active{transform:none}}

/* A compact, three-step order guide, echoing the supplied navy banner. */
.order-process{padding:38px 0 42px;background:#071722;color:#f4eddc}
.order-process>.wrap{max-width:1120px}
.order-process h2{margin:0 0 29px;text-align:center;font:500 11px/1.5 var(--sans);letter-spacing:3.1px;text-transform:uppercase;color:#e0b164}
.order-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;list-style:none;margin:0;padding:0;text-align:center}
.order-steps li{min-width:0;display:flex;flex-direction:column;align-items:center}
.order-crescent{display:block;width:17px;height:17px;margin:0 0 10px;fill:#dfbb76;flex-shrink:0}
.order-steps h3{font:600 31px/1.15 var(--serif);color:#dfbb76;margin:0 0 9px}
.order-steps p{font:400 14px/1.75 var(--sans);color:#f0e5cf;max-width:320px;margin:0 auto}
@media(max-width:760px){.order-process{padding:32px 0 36px}.order-process h2{margin-bottom:24px}.order-steps{gap:24px;grid-template-columns:1fr}.order-crescent{width:15px;height:15px;margin-bottom:7px}.order-steps h3{font-size:29px;margin-bottom:6px}.order-steps p{font-size:14px;max-width:330px}}

/* Muted blue separates the order guide from the deeper navy draw section. */
.order-process{background:#173449}
.order-crescent{width:24px;height:24px;fill:#e4bd72;margin-bottom:11px}
@media(max-width:760px){.order-crescent{width:22px;height:22px;margin-bottom:9px}}

/* FAQ exploration uses the same tactile navy-and-gold action style. */
.navy-gold-button{background:#071722;color:#dfbb76;border:1px solid #c39a50;font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:1.3px;line-height:1.3;box-shadow:none;text-shadow:none;filter:none;transition:background-color 250ms ease,color 250ms ease,border-color 250ms ease,box-shadow 250ms ease,transform 250ms ease}
.navy-gold-button:hover{background:#d5a650;color:#071722;border-color:#d5a650;transform:translateY(-2px);box-shadow:0 6px 15px rgba(27,48,59,.2);filter:none}
.navy-gold-button:focus-visible{outline:2px solid #d5a650;outline-offset:4px}
.navy-gold-button:active{background:#c99b48;color:#071722;border-color:#c99b48;transform:translateY(0) scale(.97);box-shadow:inset 0 2px 4px rgba(27,48,59,.24);filter:none}
@media(prefers-reduced-motion:reduce){.navy-gold-button{transition:none;animation:none}.navy-gold-button:hover,.navy-gold-button:active{transform:none}}

/* Moonlit contact scene and quiet social links (Option A). */
.contact:before{background:linear-gradient(90deg,rgba(4,14,22,.68),rgba(4,14,22,.5) 55%,rgba(4,14,22,.6)),url('contact-moonlit-v2.png') center/cover no-repeat;opacity:1}
.contact-grid{max-width:1180px;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:70px}
.contact-side{min-width:0}.contact-side .contact-links{padding:0;gap:7px}
.contact-side .contact-links a{color:#f1dfb9;text-shadow:0 1px 8px rgba(4,14,22,.5)}
.contact-side .contact-links a:hover{color:#e0b164}
.contact .contact-social{margin-top:42px}
.contact .contact-social>p{font:600 12px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase;color:#f6f2e8;margin:0 0 14px}
.contact-social-buttons{display:flex;flex-wrap:wrap;gap:12px}
.contact-social .social-button{gap:9px;padding:11px 17px;min-height:46px;background:#071722;color:#dfbb76;border:1px solid #c39a50;border-radius:999px;font:600 14px/1.4 var(--sans);letter-spacing:.2px;text-transform:none;box-shadow:none;filter:none;transition:background-color 250ms ease,color 250ms ease,transform 250ms ease,box-shadow 250ms ease}
.social-button svg{width:20px;height:20px;flex-shrink:0}
.contact-social .social-button:hover{background:#d5a650;color:#071722;border-color:#d5a650;transform:translateY(-2px);box-shadow:0 6px 15px rgba(27,48,59,.2);filter:none}
.contact-social .social-button:active{transform:translateY(0) scale(.97);box-shadow:inset 0 2px 4px rgba(27,48,59,.24)}
.contact-social .social-button:focus-visible{outline:2px solid #d5a650;outline-offset:4px}
@media(max-width:1000px){.contact-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:35px}}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:34px}.contact:before{background:linear-gradient(rgba(4,14,22,.76),rgba(4,14,22,.72)),url('contact-moonlit-v2.png') 65% center/cover no-repeat}.contact .contact-social{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.contact-social .social-button{transition:none}.contact-social .social-button:hover,.contact-social .social-button:active{transform:none}}


/* Stronger cream-page contrast for FAQ and all policy sections. */
.document .faq-answer,.document .policy-section p,.document .policy-item{color:#26352f}
.document .faq-answer a,.document .policy-section a,.document .back-top{color:#624719;text-underline-offset:3px}
.document .faq-answer a:hover,.document .policy-section a:hover,.document .back-top:hover{color:#34250d}

/* Three distinct policy panels, inspired by the rounded reference. */
.policy-document{padding:64px 0 72px}
.policy-document>.narrow{width:min(940px,88%)}
.policy-document .policy-panel{margin:0 0 38px;border:1px solid #c9a15b;border-radius:20px;overflow:hidden;background:#faf5e9;scroll-margin-top:28px}
.policy-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 34px;background:#081b28}
.policy-panel-title{display:flex;align-items:center;gap:18px;min-width:0}
.policy-panel-title svg{width:30px;height:30px;flex-shrink:0;fill:none;stroke:#d5a650;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.policy-document .policy-panel h2{font-size:clamp(29px,3.1vw,38px);color:#dfbb76;margin:0;line-height:1.15}
.policy-panel-number{flex-shrink:0;color:#dfbb76;font:500 10px/1.6 var(--sans);text-transform:uppercase;letter-spacing:2px;white-space:nowrap}
.policy-panel-body{padding:27px 38px 32px}
.policy-document .policy-panel .policy-item{font-size:16px;line-height:1.9;padding:16px 0;margin:0;color:#26352f;border-bottom:1px solid rgba(118,93,49,.15)}
.policy-document .policy-panel .policy-item:last-child{border-bottom:0;padding-bottom:0}
.policy-document .policy-panel .policy-item:first-child{padding-top:0}
.policy-document .policy-panel .policy-subtitle{font:italic 24px/1.4 var(--serif);color:#624719;margin:0 0 22px}
@media(max-width:760px){.policy-document{padding:34px 0 46px}.policy-document>.narrow{width:90%}.policy-document .policy-panel{border-radius:16px;margin-bottom:26px}.policy-panel-heading{padding:23px 22px;align-items:flex-start;flex-direction:column;gap:10px}.policy-panel-title{gap:12px}.policy-panel-title svg{width:25px;height:25px}.policy-panel-number{padding-left:37px;font-size:9px}.policy-panel-body{padding:24px 23px 28px}.policy-document .policy-panel .policy-item{font-size:15px;line-height:1.85}.policy-document .policy-panel .policy-subtitle{font-size:22px}}

/* Deeper parchment backdrop separates the light policy panels. */
.document.policy-document{background:#e2d5ba}

/* FAQ card design; previous presentation retained in source history. */
.faq-document{background:#e2d5ba;padding:58px 0 64px}
.faq-document>.narrow{width:min(940px,88%)}
.faq-document .faq-item,.faq-document .faq-item:first-child{padding:0;margin:0 0 18px;border:1px solid #c5aa72;border-radius:18px;background:#faf5e9;overflow:hidden;transition:border-color 200ms ease,box-shadow 200ms ease}
.faq-document .faq-item:hover{border-color:#ac8136;box-shadow:0 4px 16px rgba(32,45,52,.06)}
.faq-document .faq-item summary{padding:24px 28px;align-items:center;gap:24px;font-size:28px;line-height:1.25;color:#081b28;transition:background-color 200ms ease,color 200ms ease}
.faq-document .faq-item summary::-webkit-details-marker{display:none}
.faq-document .faq-item summary::after{content:'+';display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #b08a48;border-radius:50%;font:400 23px/1 var(--sans);color:#876123}
.faq-document .faq-item[open] summary{background:#081b28;color:#dfbb76}
.faq-document .faq-item[open] summary::after{content:'−';color:#dfbb76;border-color:#b08a48}
.faq-document .faq-item summary:focus-visible{outline:2px solid #a77a31;outline-offset:-5px;border-radius:15px}
.faq-document .faq-answer{padding:26px 30px 30px;color:#26352f;font-size:16px;line-height:1.9}
.faq-document .faq-item[open] .faq-answer{animation:faq-answer-in 180ms ease-out}
.faq-document .faq-answer p+p{margin-top:17px}
.faq-document .back-top{margin-top:30px}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.faq-document{padding:34px 0 44px}.faq-document>.narrow{width:90%}.faq-document .faq-item{border-radius:15px;margin-bottom:14px}.faq-document .faq-item summary{padding:21px 20px;font-size:24px;gap:16px}.faq-document .faq-item summary::after{flex-basis:25px;width:25px;height:25px;font-size:21px}.faq-document .faq-answer{padding:22px 22px 25px;font-size:15px;line-height:1.85}}
@media(prefers-reduced-motion:reduce){.faq-document .faq-item,.faq-document .faq-item summary{transition:none}.faq-document .faq-item[open] .faq-answer{animation:none}}

/* Explicit warm cream across desktop/mobile card surfaces. */
.faq-document{--faq-card-cream:#f4eddc}
.faq-document .faq-item,.faq-document .faq-item:first-child,.faq-document .faq-item:not([open])>summary,.faq-document .faq-answer{background-color:var(--faq-card-cream);background-image:none}
.faq-document .faq-item[open]>summary{background-color:#081b28}

/* Contact options lead the same column, followed by helpful policies. */
.contact .contact-side>.contact-social{margin-top:0;margin-bottom:34px}
@media(max-width:760px){.contact .contact-side>.contact-social{margin-top:0;margin-bottom:28px}}

/* DM Sans for testimonial copy only. */
.testimonial-slide blockquote{font-family:var(--sans)}

/* Smaller, lighter testimonial type proportioned for DM Sans. */
.testimonial-slide blockquote{font-size:clamp(18px,1.45vw,20px);font-weight:400;line-height:1.7;letter-spacing:0}
@media(max-width:760px){.testimonial-slide blockquote{font-size:16px;line-height:1.75}}

/* Editable announcement: class="show" displays it; class="hide" removes it. */
.site-frame{position:relative}
.announcement{background:#081b28;color:#f4eddc}
.announcement>.hide{display:none}
.announcement>.show{display:block;border-bottom:1px solid #d5a65088}
.announcement-inner{width:min(1180px,88%);margin:auto;padding:20px 0;display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px}
.announcement-mark{color:#d5a650;width:26px;height:26px;margin-top:5px}
.announcement-label{font:600 11px/1.6 var(--sans);letter-spacing:2px;text-transform:uppercase;color:#e0bb76;margin:0 0 5px}
.announcement-message{font:500 23px/1.4 var(--serif);color:#f6f2e8;margin:0}
.announcement-details{display:flex;gap:8px 26px;flex-wrap:wrap;margin-top:10px;font:400 13px/1.7 var(--sans);color:#dedbce}
.announcement-details a{color:#e0bb76;text-decoration:underline;text-underline-offset:4px}
.announcement-details a:focus-visible{outline:2px solid #d5a650;outline-offset:4px}
#readings[hidden]{display:none!important}
@media(max-width:640px){.announcement-inner{width:90%;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:18px 0}.announcement-mark{width:22px;height:22px}.announcement-message{font-size:20px}.announcement-details{display:grid;gap:6px}}

/* Avoid logo/menu overflow on narrow phones without changing wider layouts. */
@media(max-width:380px){
 .header-inner{gap:12px}
 .brand{min-width:0;flex:0 1 200px}
 .brand img{max-width:100%}
 .menu-button{flex-shrink:0}
}