:root{
  --ink:#101210;
  --paper:#f7f5ef;
  --white:#fff;
  --copper:#b96c3b;
  --line:rgba(16,18,16,.18);
}

html{scroll-behavior:smooth}
body{background:#0b0d0c;color:var(--ink);font-family:Manrope,system-ui,sans-serif}
h1,h2,h3,.brand span{font-family:"Cormorant Garamond",Georgia,serif}

.site-header{
  position:absolute;inset:0 0 auto;z-index:30;height:92px;padding:0 4vw;
  background:linear-gradient(180deg,rgba(0,0,0,.62),transparent);border:0;color:#fff;
}
.brand{color:#fff}.brand img{width:54px;height:54px;border:1px solid rgba(255,255,255,.45)}
.desktop-nav a{color:#fff;font-size:.76rem;letter-spacing:.1em}.desktop-nav a:hover{color:#fff;border-color:#fff}
.site-header .book.mini{background:#fff;color:#111;border:0}

.storefront{
  min-height:100svh;position:relative;display:grid;place-items:end start;padding:150px 7vw 86px;
  background-image:linear-gradient(90deg,rgba(4,6,5,.82) 0%,rgba(4,6,5,.38) 48%,rgba(4,6,5,.08) 73%),url('hero-nordic-four-seasons.png');
  background-size:cover;background-position:center;color:#fff;overflow:hidden;
}
.storefront::after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.35);pointer-events:none}
.storefront-copy{position:relative;z-index:2;max-width:760px}
.storefront-eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.26em;font-size:.78rem;font-weight:600}
.storefront h1{font-size:clamp(5rem,12vw,10.8rem);line-height:.68;letter-spacing:-.055em;margin:0;color:#fff;font-weight:500}
.storefront h1 em{font-weight:500;padding-left:.36em;color:#fff}
.storefront-intro{max-width:520px;margin:40px 0 0;font:500 clamp(1.1rem,1.8vw,1.45rem)/1.5 "Cormorant Garamond",serif;letter-spacing:.02em}
.storefront-actions{display:flex;align-items:center;gap:28px;margin-top:34px}
.storefront-actions .book{background:#fff;color:#111;border:1px solid #fff;padding:15px 24px}
.storefront-next{color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;border-bottom:1px solid rgba(255,255,255,.55);padding:10px 0}
.storefront-seasons{position:absolute;z-index:2;right:4vw;bottom:36px;display:flex;gap:1.6rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}

/* The former second hero is removed visually: the new full-screen opening already carries the story. */
.hero#metsamaailma{display:none}

.manifesto{min-height:82vh;display:grid;grid-template-columns:90px minmax(280px,.9fr) minmax(320px,.8fr);gap:7vw;padding:10vw 8vw;border:0}
.vertical-word{font-size:.64rem;letter-spacing:.8em;color:#777;border-right:1px solid var(--line);writing-mode:vertical-rl;text-align:center;padding-right:30px}
.manifesto h2,.services h2,.journal h2{font-size:clamp(3.4rem,6.8vw,7.4rem);line-height:.82;letter-spacing:-.05em;color:#111}
.manifesto-copy{align-self:end;font-size:1rem;line-height:1.9;color:#333;max-width:610px}

.seasons-section{padding:0;background:#0d0e0d;color:#fff}
.seasons-section .section-intro{padding:8vw 7vw 4vw;max-width:none;display:flex;justify-content:space-between;align-items:end}
.seasons-section .section-intro h2{font-size:clamp(3.5rem,7vw,8rem);line-height:.82;margin:0;text-align:right}
.season-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:0;min-height:76vh}
.season-panel{min-height:76vh;border-radius:0;border:0;border-right:1px solid rgba(255,255,255,.28);filter:saturate(.88);transition:flex .4s,filter .4s;box-shadow:none}
.season-panel::after{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82))}
.season-panel:hover{transform:none;filter:saturate(1.12)}
.season-panel h3{font-size:clamp(2.8rem,4vw,5rem)}

.services{display:grid;grid-template-columns:.8fr 1.35fr;gap:7vw;padding:11vw 7vw}
.services-head{position:sticky;top:100px;align-self:start}.service-mosaic{gap:14px}
.service-card{border-radius:0;min-height:360px}.service-card.tall{min-height:734px}.service-card.wide{min-height:360px}

.runes{min-height:86vh;grid-template-columns:1.15fr .85fr;background:#161817}
.rune-image img{height:86vh;object-fit:cover}.rune-copy{padding:9vw 7vw}.rune-copy h2{font-size:clamp(3.6rem,6vw,7rem);line-height:.82}

.home-herbarium{padding:10vw 7vw}
.home-herbarium-head{display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;align-items:end;max-width:none}
.home-herbarium-head .kicker{grid-column:1/-1}.home-herbarium-head h2{font-size:clamp(4rem,8vw,9rem);line-height:.8;margin:0;color:#111}
.home-plant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bbb;margin-top:6vw}
.home-plant-grid article{border:0;border-radius:0;background:#fff;box-shadow:none}.home-plant-grid article img{border-radius:0;height:390px;filter:saturate(.78)}

.journal{padding:10vw 7vw;grid-template-columns:1fr 1fr}.journal-links a{border-top:1px solid rgba(255,255,255,.55);border-radius:0;background:rgba(5,7,6,.36);padding:26px 14px}.journal-links a:last-child{border-bottom:1px solid rgba(255,255,255,.55)}
.final-cta{min-height:82vh;background-image:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.2)),url('tiilijarvi-hollola.jpg');background-size:cover;background-position:center;display:grid;place-items:center start;padding:8vw;color:#fff}
.final-cta>div{max-width:780px}.final-cta h2{font-size:clamp(4rem,8vw,8rem);line-height:.8;color:#fff}
footer{background-image:linear-gradient(rgba(7,9,8,.88),rgba(7,9,8,.88)),url('tiilijarvi-hollola.jpg');background-size:cover;background-position:center;color:#fff;border:0;padding:50px 7vw}

/* Home page: every full-width surface is photographic; no white or beige panels remain. */
body:not(.page-photo) .manifesto{background-image:linear-gradient(90deg,rgba(5,7,6,.88),rgba(5,7,6,.62)),url('freyja-four-seasons-forest.png')!important;background-size:cover!important;background-position:center!important}
body:not(.page-photo) .services{background-image:linear-gradient(90deg,rgba(5,7,6,.9),rgba(5,7,6,.55)),url('service-head-spa.png')!important;background-size:cover!important;background-position:center 42%!important}
body:not(.page-photo) .home-herbarium{background-image:linear-gradient(rgba(5,7,6,.84),rgba(5,7,6,.84)),url('plant-birch.jpg')!important;background-size:cover!important;background-position:center!important}
body:not(.page-photo) .journal{background-image:linear-gradient(90deg,rgba(5,7,6,.88),rgba(5,7,6,.58)),url('tiilijarvi-hollola.jpg')!important;background-size:cover!important;background-position:center!important}
body:not(.page-photo) .manifesto,
body:not(.page-photo) .manifesto h2,
body:not(.page-photo) .manifesto p,
body:not(.page-photo) .manifesto a,
body:not(.page-photo) .services,
body:not(.page-photo) .services h2,
body:not(.page-photo) .services p,
body:not(.page-photo) .services a,
body:not(.page-photo) .home-herbarium,
body:not(.page-photo) .home-herbarium h2,
body:not(.page-photo) .home-herbarium h3,
body:not(.page-photo) .home-herbarium p,
body:not(.page-photo) .home-herbarium small,
body:not(.page-photo) .home-herbarium a,
body:not(.page-photo) .journal,
body:not(.page-photo) .journal h2,
body:not(.page-photo) .journal strong,
body:not(.page-photo) .journal small,
body:not(.page-photo) .journal a{color:#fff!important}
body:not(.page-photo) .home-plant-grid{background:rgba(255,255,255,.2)}
body:not(.page-photo) .home-plant-grid article,
body:not(.page-photo) .home-herbarium-note{background:rgba(6,8,7,.62)!important;border-color:rgba(255,255,255,.25)!important}

/* Interior pages: photographic canvases instead of green/beige card layouts. */
body.page-photo{--page-photo:url('tiilijarvi-hollola.jpg');position:relative;background-color:#eee;background-image:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)),var(--page-photo)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;color:#101210}
body.page-blog{--page-photo:url('tiilijarvi-hollola.jpg')}
body.page-compass{--page-photo:url('freyja-four-seasons-forest.png')}
body.page-herbarium{--page-photo:url('plant-meadowsweet.jpg')}
body.page-calendar{--page-photo:url('season-winter-finland-v2.png')}
body.page-about{--page-photo:url('service-hair.png')}
body.page-wheel{--page-photo:url('season-autumn-finland-v2.png')}
body.page-photo .site-header{position:relative;background:rgba(12,13,12,.92);color:#fff}
body.page-photo>header{background:rgba(8,10,9,.88)!important;color:#fff!important}
body.page-photo>header a,body.page-photo>header strong,body.page-photo>header span{color:#fff!important}
body.page-photo>footer{background:rgba(8,10,9,.9)!important;color:#fff!important}
body.page-photo main{background-image:linear-gradient(rgba(7,9,8,.34),rgba(7,9,8,.34)),var(--page-photo)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;color:#fff;backdrop-filter:none}
body.page-photo main>section:first-child{
  min-height:72vh!important;
  display:grid!important;
  align-content:center!important;
  padding-top:clamp(90px,12vw,170px)!important;
  padding-bottom:clamp(90px,12vw,170px)!important;
  background-image:linear-gradient(90deg,rgba(8,10,9,.76),rgba(8,10,9,.22)),var(--page-photo)!important;
  background-size:cover!important;
  background-position:center!important;
  color:#fff!important;
}
body.page-photo main>section:first-child h1,
body.page-photo main>section:first-child h2,
body.page-photo main>section:first-child h3,
body.page-photo main>section:first-child p,
body.page-photo main>section:first-child small,
body.page-photo main>section:first-child label{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.35)}
body.page-photo main>section:first-child a:not(.book){color:#fff!important;border-color:rgba(255,255,255,.75)!important}
body.page-photo main>section:not(:first-child),
body.page-photo main>header,
body.page-photo .inner-hero,
body.page-photo .page-hero{background-color:rgba(8,10,9,.5)!important;background-image:none!important;backdrop-filter:blur(2px)}
body.page-photo main>section:not(:first-child),
body.page-photo main>section:not(:first-child) h1,
body.page-photo main>section:not(:first-child) h2,
body.page-photo main>section:not(:first-child) h3,
body.page-photo main>section:not(:first-child) h4,
body.page-photo main>section:not(:first-child) p,
body.page-photo main>section:not(:first-child) li,
body.page-photo main>section:not(:first-child) small,
body.page-photo main>section:not(:first-child) strong,
body.page-photo main>section:not(:first-child) a{color:#fff!important}
body.page-photo .card,
body.page-photo article,
body.page-photo .panel,
body.page-photo .notice,
body.page-photo .game,
body.page-photo .terms{background-color:rgba(8,10,9,.58)!important;color:#fff!important;border-color:rgba(255,255,255,.26)!important;border-radius:0;box-shadow:none}
body.page-photo main :is(.post,.moon-card,.plant-card,.rune-card,.answer,.ritual,.sensory,.moon-board,.moon-service,.phase,.note,.item,.list,.result,.no-recipe,.sources,.use,.regions,.compass-intro,.journal-map){background-color:rgba(8,10,9,.62)!important;background-image:none!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important;box-shadow:none!important}
body.page-photo main :is(.post,.moon-card,.plant-card,.rune-card,.answer,.ritual,.sensory,.moon-board,.moon-service,.phase,.note,.item,.list,.result,.no-recipe,.sources,.use,.regions,.compass-intro,.journal-map) :is(h1,h2,h3,h4,p,small,strong,span,a,li){color:#fff!important}
body.page-photo input,
body.page-photo select,
body.page-photo textarea{background:rgba(255,255,255,.9)!important;color:#111!important}

@media (max-width:1000px){
  .site-header{height:76px;padding:0 20px}.desktop-nav,.site-header>.book.mini{display:none}
  .storefront{padding:126px 26px 82px;background-position:61% center}
  .storefront::after{inset:12px}.storefront h1{font-size:clamp(4.6rem,23vw,7.5rem)}
  .storefront h1 em{padding-left:.08em}.storefront-seasons{display:none}
  .storefront-actions{align-items:flex-start;flex-direction:column;gap:10px}
  .manifesto{grid-template-columns:1fr;padding:92px 26px}.vertical-word{display:none}
  .season-panels{grid-template-columns:1fr 1fr}.season-panel{min-height:58vh}
  .seasons-section .section-intro{display:block;padding:80px 26px 35px}.seasons-section .section-intro h2{text-align:left}
  .services{grid-template-columns:1fr;padding:90px 22px}.services-head{position:static}
  .runes{grid-template-columns:1fr}.rune-image img{height:58vh}.rune-copy{padding:80px 26px}
  .home-herbarium{padding:90px 22px}.home-herbarium-head{grid-template-columns:1fr}.home-plant-grid{grid-template-columns:1fr 1fr}
  .journal{grid-template-columns:1fr;padding:90px 26px}
}

@media (max-width:620px){
  .brand img{width:44px;height:44px}.storefront-intro{max-width:320px}
  .season-panels{grid-template-columns:1fr}.season-panel{min-height:72vh}
  .service-mosaic{display:block}.service-card,.service-card.tall,.service-card.wide{min-height:72vh;margin-bottom:12px}
  .home-plant-grid{grid-template-columns:1fr}.home-plant-grid article img{height:380px}
  body.page-photo{background-attachment:scroll!important}
  body.page-photo main{background-attachment:scroll!important}
  body.page-photo main>section:first-child{min-height:62vh!important;background-position:center!important}
}

.story-origin{position:relative;isolation:isolate;overflow:hidden;padding:clamp(92px,11vw,150px) max(7vw,28px);color:#fff;background:#081d17 url('freyja-four-seasons-forest.png') center/cover no-repeat;scroll-margin-top:30px}
.story-origin:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(4,18,14,.9),rgba(4,18,14,.76) 54%,rgba(4,18,14,.84)),linear-gradient(0deg,rgba(4,18,14,.35),rgba(4,18,14,.35))}
.story-origin-inner{max-width:1250px;margin:0 auto}.story-origin .kicker{color:#e2ca8c}.story-origin h2{max-width:950px;margin:0 0 50px;font:500 clamp(3.2rem,6vw,6rem)/.98 "Cormorant Garamond",serif;letter-spacing:-.035em;color:#fff}.story-origin-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,84px)}.story-origin-columns p{max-width:620px;color:rgba(255,255,255,.86);font-size:1rem;line-height:1.85}.story-origin-ending{padding-top:22px;border-top:1px solid rgba(226,202,140,.55);color:#f0dcaa!important;font:italic 500 1.4rem/1.55 "Cormorant Garamond",serif!important}
@media(max-width:760px){.story-origin{padding:88px 24px;background-position:58% center}.story-origin-columns{grid-template-columns:1fr;gap:8px}.story-origin h2{margin-bottom:34px}.story-origin-columns p{font-size:1rem}}

/* Keep the homepage title and its actions on separate, readable lines. */
.storefront h1{line-height:.9}
.storefront-copy{max-width:min(100%,1050px)}
.storefront-actions{position:relative;inset:auto;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}
.storefront-actions .book,.storefront-action-secondary{min-height:48px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}
.storefront-action-secondary{border:1px solid rgba(255,255,255,.82);background:rgba(7,25,20,.58);color:#fff;text-decoration:none;font-size:.74rem;font-weight:650;letter-spacing:.055em;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.storefront-action-secondary:hover{background:rgba(255,255,255,.18);border-color:#fff}
.storefront-actions .storefront-next{margin-left:6px}
.site-header{height:88px;background:rgba(4,18,14,.88);border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.desktop-nav a{white-space:nowrap}
@media(max-width:1480px){.desktop-nav{display:none}.mobile-nav{display:block;margin-left:auto}.site-header .book.mini{display:none}}
@media(max-width:1000px){.site-header{background:rgba(4,18,14,.94)}.storefront-actions{align-items:flex-start;flex-direction:column;gap:10px}.storefront-actions .storefront-next{margin-left:0}.storefront-actions .book,.storefront-action-secondary{min-height:46px}}
@media(max-width:620px){.storefront h1{line-height:.92}.storefront-copy{max-width:100%}.storefront-actions{width:100%}.storefront-actions .book,.storefront-action-secondary{width:max-content;max-width:100%}}
@media(max-width:1480px){
  .mobile-nav{position:relative}
  .mobile-nav summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;border:1px solid rgba(255,255,255,.42);color:#fff;font-size:1.35rem;cursor:pointer}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav div{position:absolute;top:54px;right:0;z-index:40;width:min(300px,88vw);padding:12px;background:rgba(4,18,14,.98);border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 45px rgba(0,0,0,.32)}
  .mobile-nav a{display:block;padding:11px 12px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1);font-size:.86rem;letter-spacing:.04em}
  .mobile-nav a:last-child{border-bottom:0}
  .mobile-nav a:hover{background:rgba(255,255,255,.1)}
}

/* Restore the photographic backgrounds throughout the homepage. */
.site-header{background:linear-gradient(rgba(3,15,12,.86),rgba(3,15,12,.72)),url('hero-nordic-four-seasons.png') center 16%/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.24)}
.manifesto{background:linear-gradient(90deg,rgba(3,18,14,.9),rgba(3,18,14,.77)),url('freyja-four-seasons-forest.png') center/cover no-repeat;color:#fff}
.manifesto .vertical-word{color:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.manifesto .kicker.dark{color:#e4ca88}
.manifesto-title h2{color:#fff}
.manifesto-title em{color:#e4ca88}
.manifesto-copy p{color:rgba(255,255,255,.84)}
.manifesto-copy .text-link{color:#fff;border-color:rgba(228,202,136,.75)}
.seasons-section{background:linear-gradient(rgba(4,20,16,.86),rgba(4,20,16,.9)),url('freyja-four-seasons-forest.png') center/cover fixed;color:#fff}
.services{background:linear-gradient(rgba(4,18,14,.88),rgba(4,18,14,.86)),url('service-head-spa.png') center/cover no-repeat;color:#fff}
.services .kicker.dark{color:#e4ca88}
.services-head h2{color:#fff}
.services-head h2 em{color:#e4ca88}
.services-head>p:not(.kicker){color:rgba(255,255,255,.82)}
.services-head .text-link{color:#fff;border-color:rgba(228,202,136,.72)}
.home-herbarium{background:linear-gradient(rgba(4,18,14,.88),rgba(4,18,14,.9)),url('plant-pine.jpg') center/cover fixed;color:#fff}
.home-herbarium .kicker.dark{color:#e4ca88}
.home-herbarium-head h2,.home-herbarium-head>p:last-child{color:#fff}
.home-herbarium-note{background:rgba(4,18,14,.78);border-left-color:#e4ca88}
.home-herbarium-note p{color:rgba(255,255,255,.84)}
.home-herbarium-note .text-link{color:#fff}
.journal{background:linear-gradient(rgba(4,18,14,.88),rgba(4,18,14,.9)),url('runes-forest.png') center/cover fixed;color:#fff}
.journal-heading h2{color:#fff}
.journal-heading p{color:rgba(255,255,255,.8)}
.journal-links{border-color:rgba(255,255,255,.3)}
.journal-links a{color:#fff;border-color:rgba(255,255,255,.28)}
.journal-links a:hover{background:rgba(255,255,255,.1)}
.journal-links small{color:rgba(255,255,255,.76)}
.journal-links a>span,.journal-links b{color:#e4ca88}
@media(max-width:760px){.seasons-section,.home-herbarium,.journal{background-attachment:scroll}}

/* Wix-inspired beauty-salon navigation: clear primary links plus a labeled menu for every page. */
.mobile-nav{display:block;position:relative;flex:none;margin-left:0}
.mobile-nav summary{display:flex;align-items:center;justify-content:center;gap:9px;min-width:92px;height:44px;padding:0 12px;list-style:none;border:1px solid rgba(255,255,255,.56);background:rgba(3,16,13,.4);color:#fff;font:600 .72rem/1 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary span{font-size:1.15rem;line-height:1}
.mobile-nav summary b{font:inherit}
.mobile-nav[open] summary{background:rgba(255,255,255,.12)}
.mobile-nav div{position:absolute;top:54px;right:0;z-index:40;width:min(320px,88vw);max-height:min(72vh,620px);overflow:auto;padding:10px;background:rgba(4,18,14,.98);border:1px solid rgba(255,255,255,.24);box-shadow:0 20px 45px rgba(0,0,0,.38)}
.mobile-nav a{display:block;padding:11px 12px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1);font-size:.86rem;letter-spacing:.04em}
.mobile-nav a:last-child{border-bottom:0}
.mobile-nav a:hover{background:rgba(255,255,255,.1)}
@media(max-width:1480px){.mobile-nav{margin-left:auto}}
@media(max-width:1000px){.mobile-nav summary{min-width:44px;width:44px;padding:0}.mobile-nav summary b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}

/* Homepage re-composition inspired by Wix's Belora beauty-salon layout. */
.storefront{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:148px 6vw 150px;text-align:center;background-position:center 46%}
.storefront-copy{width:min(100%,1040px);max-width:1040px;margin:0 auto}
.storefront-eyebrow{display:inline-block;margin:0 0 26px;padding:10px 16px;border:1px solid rgba(239,219,164,.62);background:rgba(4,18,14,.44);color:#f0d99b;font-size:.72rem;letter-spacing:.2em}
.storefront h1{font-size:clamp(4.4rem,9.2vw,8.5rem);line-height:.94;letter-spacing:-.045em;margin:0;color:#fff;text-shadow:0 4px 26px rgba(0,0,0,.28)}
.storefront h1 em{padding:0;color:#f1d99c}
.storefront-intro{max-width:680px;margin:24px auto 0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.5;color:rgba(255,255,255,.9);text-shadow:0 2px 14px rgba(0,0,0,.45)}
.storefront-actions{justify-content:center;align-items:center;gap:12px;margin:32px auto 0}
.storefront-actions .book,.storefront-action-secondary{min-height:54px;padding:0 22px}
.storefront-actions .book{background:#f0d99c;border-color:#f0d99c;color:#15251d}
.storefront-action-secondary{background:rgba(4,18,14,.62);border-color:rgba(255,255,255,.82);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
.storefront-actions .storefront-next{flex-basis:100%;margin:6px 0 0;border:0;text-align:center}
.storefront-seasons{right:0;left:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);writing-mode:horizontal-tb;transform:none;gap:0;border-top:1px solid rgba(255,255,255,.3);background:rgba(4,18,14,.44);backdrop-filter:blur(10px)}
.storefront-seasons span{padding:19px 10px;text-align:center;border-right:1px solid rgba(255,255,255,.2);font-size:.7rem;letter-spacing:.16em}
.storefront-seasons span:last-child{border-right:0}
.services{display:block;position:relative;padding:100px max(5vw,24px) 110px;background:linear-gradient(rgba(4,18,14,.82),rgba(4,18,14,.88)),url('service-head-spa.png') center/cover no-repeat;color:#fff}
.services-head{position:static;max-width:900px;margin:0 auto 48px;padding:0;text-align:center}
.services-head .kicker.dark{color:#efd89b}
.services-head h2{max-width:800px;margin:0 auto 24px;color:#fff;font-size:clamp(3.2rem,6vw,5.6rem);line-height:.95}
.services-head h2 em{color:#efd89b}
.services-head>p:not(.kicker){max-width:680px;margin:0 auto;color:rgba(255,255,255,.84)}
.services-head .text-link{margin-top:20px;color:#fff}
.service-mosaic{max-width:1320px;margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:360px;gap:16px}
.service-card,.service-card.tall,.service-card.wide{grid-row:auto;grid-column:auto;min-height:360px;border:1px solid rgba(255,255,255,.25);transition:transform .25s,border-color .25s}
.service-card:hover{transform:translateY(-5px);border-color:rgba(239,217,156,.8)}
.service-card:after{inset:12px;border-color:rgba(255,255,255,.42)}
.service-card>div{z-index:2}
.service-card h3{font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1;color:#fff}
.service-card p{font-size:.84rem;line-height:1.55;color:rgba(255,255,255,.9)}
@media(max-width:900px){.storefront{padding:130px 26px 118px}.storefront-seasons span{padding:14px 6px;font-size:.62rem}.services{padding:84px 24px}.service-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:320px 320px}}
@media(max-width:620px){.storefront{padding:120px 18px 95px}.storefront h1{font-size:clamp(4rem,18vw,6.2rem);line-height:.98}.storefront-eyebrow{font-size:.62rem;letter-spacing:.12em}.storefront-actions{align-items:stretch}.storefront-actions .book,.storefront-action-secondary{width:100%;max-width:420px}.storefront-actions .storefront-next{width:auto}.storefront-seasons span{padding:12px 3px;font-size:.53rem;letter-spacing:.08em}.services{padding:72px 18px}.service-mosaic{grid-template-columns:1fr;grid-template-rows:none;gap:12px}.service-card,.service-card.tall,.service-card.wide{min-height:300px}.services-head h2{font-size:3.4rem}}