:root{
  --bg:#06110e;--bg2:#081610;--panel:#0b1914;--panel2:#102019;
  --line:rgba(183,137,75,.31);--soft:rgba(222,201,164,.11);
  --cream:#dfcba7;--cream2:#c9b185;--text:#e6dac2;--muted:#9c9078;
  --amber:#b77937;--radius:16px;--shell:min(92vw,2100px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:#9b8052 #06110e;scrollbar-width:thin}
*{scrollbar-color:#9b8052 #06110e;scrollbar-width:thin}
@supports selector(::-webkit-scrollbar){
  html,*{scrollbar-color:auto;scrollbar-width:auto}
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-track{background:#06110e}
  ::-webkit-scrollbar-thumb{background:#9b8052;border:2px solid #06110e;border-radius:10px}
  ::-webkit-scrollbar-thumb:hover{background:#c2a16b}
}
body{margin:0;background:linear-gradient(180deg,#05100d,#07140f 50%,#050e0c);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body.modal-open{overflow:hidden}
a{color:inherit} img{display:block;width:100%;height:100%;object-fit:cover}
.shell{width:var(--shell);margin:auto}
.eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.section{padding:70px 0;border-top:1px solid var(--soft)}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--cream)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:10px;background:rgba(183,121,55,.2);color:#ead6b1;text-decoration:none;cursor:pointer}
.btn:hover{background:rgba(183,121,55,.31)}

/* HEADER */
header{
  position:sticky;
  top:0;
  z-index:60;
  overflow:visible;
  background:
    radial-gradient(circle at 8% 15%,rgba(173,119,55,.07),transparent 25%),
    linear-gradient(180deg,rgba(4,13,10,.99),rgba(4,11,9,.975));
  border-bottom:1px solid rgba(179,132,72,.28);
  backdrop-filter:blur(16px);
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
.head{
  width:var(--shell);
  min-height:88px;
  margin:auto;
  display:grid;
  grid-template-columns:290px 1fr 290px;
  align-items:center;
  gap:28px;
  overflow:visible;
}

/* brand */
.brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  min-width:0;
}
.brand-logo{
  position:relative;
  display:block;
  flex:0 0 157px;
  width:157px;
  aspect-ratio:2048/1240;
  overflow:hidden;
}
.brand-logo img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:contain;
}
.brand-mark{
  width:56px;
  height:56px;
  flex:0 0 56px;
  border:1px solid rgba(188,137,76,.52);
  border-radius:15px;
  position:relative;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 35% 28%,rgba(219,177,112,.11),transparent 48%),
    linear-gradient(145deg,rgba(184,126,58,.06),rgba(255,255,255,.012));
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.012),
    0 8px 22px rgba(0,0,0,.12);
}
.brand-mark span{
  font:400 1.58rem/1 Georgia,"Times New Roman",serif;
  color:#ead7b1;
  letter-spacing:.035em;
}
.brand-mark:after{
  content:"";
  position:absolute;
  left:11px;right:11px;bottom:8px;
  height:1px;
  background:linear-gradient(90deg,transparent,#b77937,transparent);
}
.brand-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.brand-name{
  font:400 1.72rem/1 Georgia,"Times New Roman",serif;
  color:#e4d1ad;
  letter-spacing:.01em;
}
.brand-sub{
  font-size:.56rem;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:#9d7849;
}

/* centered nav */
nav{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:5px;
  min-width:620px;
  padding:6px;
  border:1px solid rgba(225,204,168,.09);
  border-radius:999px;
  background:rgba(255,255,255,.014);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.007);
}
nav a{
  flex:1 1 auto;
  text-align:center;
  font-size:1rem;
  font-weight:500;
  letter-spacing:.005em;
  color:#c3b394;
  text-decoration:none;
  padding:12px 18px;
  border:1px solid transparent;
  border-radius:999px;
  transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
nav a:hover{
  color:#f0dfbd;
  background:rgba(181,121,55,.085);
}
nav a.active,
nav a[aria-current="page"]{
  color:#f1dfbb;
  background:linear-gradient(180deg,rgba(183,121,55,.18),rgba(183,121,55,.09));
  border-color:rgba(183,137,75,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 16px rgba(0,0,0,.12);
}

/* right cluster */
.header-right{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:16px;
  position:static;
  min-height:88px;
  overflow:visible;
  padding-right:112px;
  z-index:30;
}
@media(min-width:1361px){
  header .header-right{padding-right:clamp(82px,calc(172px - 4.4vw),112px)}
}
@media(min-width:2283px){
  header .header-right > .store-utilities,
  header .header-right > .sign{transform:translateX(max(0px,calc(50vw - 1145px)))}
}
.sign{
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(183,121,55,.38);
  background:linear-gradient(180deg,rgba(183,121,55,.14),rgba(183,121,55,.07));
  color:#ddc9a5;
  text-decoration:none;
  box-shadow:0 7px 18px rgba(0,0,0,.10);
}
.clockbox{
  position:absolute;
  right:38px;
  top:0;
  width:112px;
  height:88px;
  overflow:visible;
  border-left:1px solid rgba(223,203,167,.13);
  margin-left:0;
  z-index:40;
}
.clock{
  --s:96px;
  width:var(--s);
  height:var(--s);
  position:absolute;
  left:16px;
  top:14px;
  border-radius:50%;
  z-index:50;
  background:
    radial-gradient(circle at 50% 50%,rgba(87,61,31,.08) 0 2%,transparent 3%),
    radial-gradient(circle at 37% 30%,rgba(255,242,207,.28),transparent 22%),
    radial-gradient(circle at center,#d2b57d 0%,#b8975f 57%,#80633c 78%,#4c3924 100%);
  border:3px solid #927246;
  box-shadow:
    0 24px 34px rgba(0,0,0,.42),
    0 8px 18px rgba(183,121,55,.18),
    inset 0 0 0 3px #37291b,
    inset 0 0 0 6px #a98550,
    inset 0 0 18px rgba(46,30,16,.42);
}
.clock:before{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:50%;
  border:1px solid rgba(79,55,29,.68);
  box-shadow:
    inset 0 0 12px rgba(89,59,29,.22),
    0 0 0 1px rgba(229,205,157,.14);
}

/* aged face */
.clock-face{
  position:absolute;
  inset:12px;
  border-radius:50%;
  background:
    radial-gradient(circle at 62% 34%,rgba(99,67,31,.09) 0 5%,transparent 6%),
    radial-gradient(circle at 33% 61%,rgba(109,73,34,.10) 0 4%,transparent 5%),
    linear-gradient(145deg,#d5bd87,#c5a56a);
  box-shadow:inset 0 0 18px rgba(72,48,24,.28);
}

/* old clock numeral ring */
.roman{
  position:absolute;
  z-index:3;
  color:#49361f;
  font:400 .78rem/1 Georgia,"Times New Roman",serif;
  text-shadow:0 1px rgba(244,220,171,.22);
}
.r12{left:50%;top:16px;transform:translateX(-50%)}
.r3{right:17px;top:50%;transform:translateY(-50%)}
.r6{left:50%;bottom:16px;transform:translateX(-50%)}
.r9{left:17px;top:50%;transform:translateY(-50%)}

.tick{
  position:absolute;
  z-index:3;
  left:50%;
  top:13px;
  width:1px;
  height:6px;
  background:#5f482c;
  transform-origin:50% calc(var(--s)/2 - 13px);
}
.tick.major{
  width:2px;
  height:9px;
  background:#43311c;
}

/* antique hands */
.hand{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:50%;
  transform-origin:50% 100%;
  border-radius:999px;
  box-shadow:0 1px 2px rgba(0,0,0,.32);
  visibility:hidden;
}
.clock.clock-ready .hand{visibility:visible}
.hr{
  width:4px;
  height:22px;
  margin-left:-2px;
  background:linear-gradient(180deg,#3a2918,#1d150e);
}
.min{
  width:3px;
  height:30px;
  margin-left:-1.5px;
  background:linear-gradient(180deg,#3a2918,#1d150e);
}
.sec{
  width:1px;
  height:33px;
  margin-left:-.5px;
  background:#8e4c26;
}
.clock:after{
  content:"";
  position:absolute;
  z-index:7;
  width:10px;
  height:10px;
  border-radius:50%;
  background:radial-gradient(circle,#d7b46f 0 35%,#6a4b27 40% 100%);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 2px rgba(45,30,17,.36);
}

/* continuous living ticker */
.studio-line{
  position:relative;
  z-index:5;
  overflow:hidden;
  border-top:1px solid rgba(223,203,167,.055);
  background:rgba(3,10,8,.68);
}
.studio-line:before,
.studio-line:after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:90px;
  z-index:8;
  pointer-events:none;
}
.studio-line:before{
  left:0;
  background:linear-gradient(90deg,#030a08,transparent);
}
.studio-line:after{
  right:0;
  width:170px;
  background:linear-gradient(
    270deg,
    #030a08 0%,
    rgba(3,10,8,.98) 28%,
    rgba(3,10,8,.80) 52%,
    rgba(3,10,8,.34) 76%,
    transparent 100%
  );
}
.ticker{
  min-height:39px;
  display:flex;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation:mskTicker 40s linear infinite;
}
.ticker:hover{
  animation-play-state:paused;
}
.ticker-group{
  display:flex;
  align-items:center;
  gap:30px;
  flex:0 0 auto;
  padding-right:30px;
  white-space:nowrap;
}
.ticker-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#9a8e77;
  font-size:.79rem;
}
.ticker-label{
  color:#c48a43;
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ticker-item strong{
  color:#cdbb98;
  font-weight:400;
}
.ticker-dot{
  width:5px;height:5px;border-radius:50%;
  background:#a76b32;
  box-shadow:0 0 10px rgba(167,107,50,.45);
}
.ticker-sep{
  color:#59462f;
}
@keyframes mskTicker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

@media(min-width:1600px){
  .studio-line:after{width:190px}
}

/* LIVING LIGHT — subtle ambient pilot */
@keyframes mskLampGlow{
  0%,100%{opacity:.34;filter:brightness(.94)}
  38%{opacity:.50;filter:brightness(1.05)}
  68%{opacity:.39;filter:brightness(.99)}
}
@keyframes mskFireGlow{
  0%,100%{opacity:.38;filter:brightness(.96)}
  18%{opacity:.54;filter:brightness(1.07)}
  36%{opacity:.43;filter:brightness(1.00)}
  55%{opacity:.58;filter:brightness(1.10)}
  74%{opacity:.45;filter:brightness(1.02)}
  90%{opacity:.51;filter:brightness(1.06)}
}

/* Hero: each slide gets its own warm-light map matching lamps/fire in the photo */
.heroSlide img{position:relative;z-index:1}
.heroSlide:before{
  content:"";
  position:absolute;
  inset:-2%;
  z-index:2;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.34;
  animation:mskLampGlow 5.8s ease-in-out infinite;
}
.heroSlide:nth-child(1):before{
  background:
    radial-gradient(circle at 8% 43%,rgba(255,166,73,.22) 0 2.8%,rgba(255,138,48,.08) 7%,transparent 16%),
    radial-gradient(circle at 93% 9%,rgba(255,178,89,.18) 0 3%,rgba(255,145,55,.07) 8%,transparent 16%);
}
.heroSlide:nth-child(2):before{
  background:
    radial-gradient(circle at 88% 8%,rgba(255,183,96,.17) 0 3%,rgba(255,147,57,.06) 8%,transparent 17%),
    radial-gradient(circle at 92% 53%,rgba(255,158,65,.24) 0 3.2%,rgba(255,129,42,.08) 8%,transparent 17%);
}
.heroSlide:nth-child(3):before{
  background:
    radial-gradient(circle at 15% 42%,rgba(255,186,101,.19) 0 4%,rgba(255,151,62,.07) 10%,transparent 19%),
    radial-gradient(circle at 72% 48%,rgba(255,151,59,.19) 0 2.5%,rgba(255,121,35,.06) 7%,transparent 15%);
}
.heroSlide:nth-child(4):before{
  background:
    radial-gradient(ellipse at 22% 58%,rgba(255,128,35,.31) 0 6%,rgba(255,102,21,.13) 12%,transparent 24%),
    radial-gradient(circle at 54% 23%,rgba(255,184,96,.14) 0 3.5%,rgba(255,150,59,.05) 9%,transparent 17%),
    radial-gradient(circle at 86% 28%,rgba(255,182,92,.14) 0 3%,rgba(255,145,52,.05) 8%,transparent 16%);
  animation:mskFireGlow 3.6s ease-in-out infinite;
}
.heroSlide:nth-child(5):before{
  background:
    radial-gradient(circle at 67% 54%,rgba(255,158,61,.28) 0 4%,rgba(255,126,37,.10) 10%,transparent 20%);
  animation-duration:5.2s;
}

/* Latest Release */
.latestPic{overflow:hidden}
.latestPic:before{
  content:"";
  position:absolute;
  inset:-2%;
  z-index:2;
  pointer-events:none;
  mix-blend-mode:screen;
  background:
    radial-gradient(circle at 89% 14%,rgba(255,185,99,.16) 0 3.5%,rgba(255,147,57,.05) 9%,transparent 18%),
    radial-gradient(circle at 92% 55%,rgba(255,154,58,.25) 0 4%,rgba(255,121,34,.09) 10%,transparent 21%);
  animation:mskLampGlow 5.4s ease-in-out infinite;
}
.latestPic:after{z-index:3}

/* Services lantern */
.servicesPic{overflow:hidden}
.servicesPic:before{
  content:"";
  position:absolute;
  inset:-2%;
  z-index:2;
  pointer-events:none;
  mix-blend-mode:screen;
  background:
    radial-gradient(circle at 84% 31%,rgba(255,157,61,.27) 0 4%,rgba(255,125,37,.10) 10%,transparent 21%),
    radial-gradient(circle at 72% 10%,rgba(255,176,87,.12) 0 2.5%,rgba(255,139,51,.04) 8%,transparent 15%);
  animation:mskLampGlow 5.9s ease-in-out infinite;
}
.servicesPic:after{z-index:3}

/* Lounge fireplace + practical lights */
.loungePic:before{
  content:"";
  position:absolute;
  inset:-2%;
  z-index:2;
  pointer-events:none;
  mix-blend-mode:screen;
  background:
    radial-gradient(ellipse at 19% 56%,rgba(255,127,34,.32) 0 7%,rgba(255,99,18,.14) 14%,transparent 27%),
    radial-gradient(circle at 48% 25%,rgba(255,184,96,.14) 0 3.5%,rgba(255,149,58,.05) 9%,transparent 17%),
    radial-gradient(circle at 87% 22%,rgba(255,182,92,.12) 0 3%,rgba(255,143,51,.04) 8%,transparent 16%);
  animation:mskFireGlow 3.8s ease-in-out infinite;
}
.loungePic:after{z-index:3}

/* Keep motion comfortable and inexpensive */
@media(max-width:900px){
  .heroSlide:before,.latestPic:before,.servicesPic:before,.loungePic:before{opacity:.24}
}
@media(prefers-reduced-motion:reduce){
  .heroSlide:before,.latestPic:before,.servicesPic:before,.loungePic:before{
    animation:none!important;
    opacity:.20;
  }
}


@media(max-width:1200px){
  .head{
    grid-template-columns:245px 1fr 220px;
    gap:18px;
  }
  .brand-mark{width:50px;height:50px;flex-basis:50px}
  .brand-name{font-size:1.5rem}
  nav{min-width:0} nav a{padding:10px 11px;font-size:.88rem}
  .clockbox{width:96px;right:28px}
  .header-right{padding-right:94px}
  .clock{--s:84px;left:12px;top:18px}
  .r12{top:14px}.r6{bottom:14px}.r3{right:14px}.r9{left:14px}
}
@media(max-width:1000px){
  .studio-line:after{width:135px}
  .head{
    grid-template-columns:1fr 180px;
    min-height:80px;
  }
  nav{display:none}
  .brand-logo{width:143px;flex-basis:143px}
  .brand-name{font-size:1.45rem}
  .header-right{min-height:80px;padding-right:82px}
  .clockbox{width:90px;height:80px;right:24px}
  .clock{--s:76px;top:17px;left:12px}
  .roman{font-size:.65rem}
  .ticker{animation-duration:28s}
}
@media(max-width:720px){
  .studio-line:after{width:92px}
  .head{
    width:calc(100% - 18px);
    grid-template-columns:1fr 76px;
    min-height:70px;
    gap:10px;
  }
  .brand{gap:10px}
  .brand-logo{width:123px;flex-basis:123px}
  .brand-mark{width:43px;height:43px;flex-basis:43px;border-radius:12px}
  .brand-mark span{font-size:1.28rem}
  .brand-name{font-size:1.22rem}
  .brand-sub{font-size:.45rem;letter-spacing:.18em}
  .sign{display:none}
  .header-right{min-height:70px;padding-right:58px}
  .clockbox{width:68px;height:70px;border-left:0;right:16px}
  .clock{--s:62px;left:4px;top:14px}
  .roman{font-size:.5rem}
  .r12{top:11px}.r6{bottom:11px}.r3{right:11px}.r9{left:11px}
  .tick{top:10px;height:4px;transform-origin:50% calc(var(--s)/2 - 10px)}
  .tick.major{height:6px}
  .hr{height:14px;width:3px;margin-left:-1.5px}
  .min{height:19px;width:2px;margin-left:-1px}
  .sec{height:21px}
  .ticker{min-height:32px;animation-duration:24s}
  .ticker-item{font-size:.69rem}
  .ticker-label{font-size:.59rem}
}
@media(prefers-reduced-motion:reduce){
  .ticker{
    animation:none;
    transform:none;
  }
}

/* HERO */
.hero{border-bottom:1px solid var(--soft)}
.heroGrid{display:grid;grid-template-columns:36% 64%;min-height:636px}
.heroCopy{display:flex;flex-direction:column;justify-content:center;padding:70px 6vw 66px 0}
.hero h1{font-size:clamp(3.8rem,5.7vw,7.2rem);line-height:.94;margin:12px 0 26px;max-width:9ch}
.hero p{color:#aa9c83;line-height:1.7;max-width:47ch;margin:0 0 27px}
.heroMedia{position:relative;overflow:hidden;min-height:584px;margin:20px 0 20px 24px;border:1px solid rgba(183,137,75,.38);border-radius:18px;background:#081510;box-shadow:0 18px 42px rgba(0,0,0,.28)}
.heroSlide{position:absolute;inset:0;opacity:0;transition:opacity 1.35s ease}
.heroSlide img{
  filter:brightness(.75) saturate(.84);
  object-position:center 58%;
}
.heroSlide.active{opacity:1}
.heroMedia:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,16,13,.5),transparent 31%,rgba(0,0,0,.08))}
.dots{position:absolute;left:24px;bottom:18px;z-index:5;display:flex;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;border:1px solid #c8ae7d;background:transparent;padding:0;cursor:pointer}
.dot.active{background:#c8ae7d}

/* SECTION HEAD */
.titleRow{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}
.titleRow h2{font-size:clamp(2.3rem,3.2vw,3.8rem);margin:7px 0 0}
.titleRow p{max-width:45ch;color:var(--muted);line-height:1.6}

/* DESTINATIONS */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dest{height:278px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#0b1814}
.dest img{filter:brightness(.68) saturate(.8)}
.dest:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,11,.9),rgba(6,15,12,.3))}
.destText{position:absolute;z-index:2;inset:22px 24px 20px;display:flex;flex-direction:column}
.destText h3{font-size:2.08rem;margin:8px 0 10px} .destText p{color:#b9ac92;line-height:1.56;max-width:25ch;font-size:.94rem} .destText a{margin-top:auto;text-decoration:none;color:#c98945;font-size:.88rem}

/* LATEST */
.latest{display:grid;grid-template-columns:60% 40%;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#091612}
.latestPic{min-height:352px;position:relative} .latestPic img{filter:brightness(.7) saturate(.8)}
.latestPic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 57%,rgba(5,14,11,.58))}
.latestCopy{padding:42px 48px;display:flex;flex-direction:column;justify-content:center}
.latestCopy h3{font-size:clamp(2.7rem,3.7vw,4.5rem);line-height:.98;margin:8px 0 16px}
.latestCopy p{color:#a99c84;line-height:1.62;max-width:38ch;margin:0 0 22px}
.latestCopy .btn{background:rgba(183,121,55,.24);border-color:rgba(183,137,75,.42);padding:0 20px}

/* WORKSHOP */
.workshop{display:grid;grid-template-columns:38% 62%;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#091612}
.workCopy{padding:48px 52px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.workCopy h3{font-size:clamp(2.7rem,3.4vw,4rem);line-height:.98;margin:8px 0 16px}
.workCopy p{color:#a99c84;line-height:1.64;max-width:35ch;margin:0 0 24px}
.workCopy .btn{background:rgba(183,121,55,.2);border-color:rgba(183,137,75,.38)}
.workPic{min-height:344px;position:relative} .workPic img{filter:brightness(.74) saturate(.82)}
.workPic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,13,.36),transparent 30%)}

/* ADAPT */
.servicesHub{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0a1713}
.servicesHero{display:grid;grid-template-columns:37% 63%;border-bottom:1px solid var(--soft)}
.servicesIntro{padding:46px 48px;display:flex;flex-direction:column;justify-content:center}
.servicesIntro h3{font-size:clamp(2.7rem,3.5vw,4.1rem);line-height:.98;margin:8px 0 16px}
.servicesIntro p{color:#a99c84;line-height:1.64;max-width:34ch;margin:0}
.servicesPic{min-height:300px;position:relative}
.servicesPic img{filter:brightness(.64) saturate(.74)}
.servicesPic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,16,.45),transparent 38%)}

.servicePaths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.servicePath{padding:44px 44px 40px;min-height:378px;display:flex;flex-direction:column}
.servicePath+ .servicePath{border-left:1px solid var(--soft)}
.servicePath h4{font-size:clamp(2.55rem,3vw,3.35rem);line-height:1;margin:9px 0 15px}
.servicePath>p{color:#ad9f86;line-height:1.62;max-width:48ch;margin:0 0 25px;font-size:.94rem}
.pathMini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:3px 0 25px}
.pathMini span{padding:13px 12px;border:1px solid rgba(183,137,75,.25);border-radius:10px;background:rgba(183,121,55,.05);color:#d0bc95;font-size:.86rem;text-align:center}
.madeSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:3px 0 25px}
.madeSteps div{padding:14px 13px;border:1px solid rgba(222,201,164,.12);border-radius:10px;background:rgba(255,255,255,.02)}
.madeSteps strong{display:block;color:#c98a47;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.madeSteps span{color:#cdbd9c;font-size:.87rem;line-height:1.4}
.pathBottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:16px}
.pathBottom .btn{white-space:nowrap}
.ownerNote{max-width:34ch;color:#bca985;font-size:.8rem;line-height:1.5}
.ownerNote strong{color:#d1bc91}
.madeBadge{display:inline-flex;align-items:center;gap:8px;color:#cba86d;font-size:.79rem;letter-spacing:.065em;text-transform:uppercase}
.madeBadge:before{content:"";width:6px;height:6px;border-radius:50%;background:#b77937;box-shadow:0 0 10px rgba(183,121,55,.38)}

/* MEMBERSHIP */
.memberBand{display:grid;grid-template-columns:36% 64%;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#091612}
.memberIntro{position:relative;min-height:430px;overflow:hidden}
.memberIntro img{filter:brightness(.54) saturate(.75)}
.memberIntro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,11,.28),rgba(6,15,12,.48))}
.memberPanel{padding:46px 50px 42px;display:flex;flex-direction:column;justify-content:center}
.memberPanel h3{font-size:clamp(2.9rem,3.7vw,4.4rem);line-height:.98;margin:8px 0 15px}
.memberLead{color:#ad9f86;line-height:1.64;max-width:58ch;margin:0 0 26px}
.memberBenefits{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:25px}
.memberBenefit{padding:16px 17px;border:1px solid rgba(222,201,164,.105);border-radius:11px;background:rgba(255,255,255,.018)}
.memberBenefit .num{display:block;color:#c48643;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.memberBenefit h4{font-size:1.35rem;margin:0 0 6px;color:#dbc59e}
.memberBenefit p{margin:0;color:#9f947d;font-size:.82rem;line-height:1.45}
.memberBottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:2px}
.memberNote{max-width:46ch;color:#a59274;font-size:.78rem;line-height:1.5}
.memberNote strong{color:#ccb58b}
.memberBottom .btn{white-space:nowrap;background:rgba(183,121,55,.21);border-color:rgba(183,137,75,.38)}

/* NEWS */

/* FREE FROM THE STUDIO */
.freeWrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#091612}
.freeHead{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:38px 40px 29px;border-bottom:1px solid var(--soft)}
.freeHead h2{font-size:clamp(2.4rem,3.3vw,3.9rem);margin:7px 0 0}
.freeHead p{max-width:43ch;margin:0;color:#9f947d;line-height:1.58}
.freeGrid{display:grid;grid-template-columns:repeat(3,1fr)}
.freeCard{min-height:320px;position:relative;overflow:hidden;border-right:1px solid var(--soft)}
.freeCard:last-child{border-right:0}
.freeCard img{position:absolute;inset:0;filter:brightness(.57) saturate(.79)}
.freeCard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,13,10,.12),rgba(4,13,10,.87))}
.freeCardBody{position:absolute;z-index:2;inset:0;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}
.freeBadge{align-self:flex-start;padding:5px 8px;border:1px solid rgba(183,137,75,.31);border-radius:999px;background:rgba(183,121,55,.10);color:#c98a47;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:auto}
.freeCard h3{font-size:1.88rem;margin:0 0 8px}
.freeCard p{color:#b0a58d;font-size:.88rem;line-height:1.52;max-width:31ch;margin:0 0 17px}
.freeLinks{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.freeLinks a{color:#d0b27c;text-decoration:none;font-size:.79rem}
.freeLinks a.secondary{color:#918772}


/* NEWS */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.news article{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0a1713}
.news img{height:195px;filter:brightness(.69) saturate(.78)}
.newsBody{padding:21px 22px 23px}
.news h3{font-size:1.55rem;margin:7px 0 8px}
.news p{font-size:.87rem;line-height:1.55;color:#9f947d;margin:0}
.newsTopLink{display:inline-flex;align-items:center;gap:8px;color:#c9ad79;text-decoration:none;font-size:.82rem;white-space:nowrap}

/* LOUNGE */
.lounge{display:grid;grid-template-columns:34% 66%;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#081510}
.loungeCopy{padding:48px 50px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.loungeCopy h3{font-size:clamp(2.8rem,3.5vw,4.1rem);line-height:.98;margin:8px 0 16px}
.loungeCopy p{color:#a99d85;line-height:1.62;max-width:34ch;margin:0 0 21px}
.loungeTopics{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.loungeTopics span{padding:7px 10px;border:1px solid rgba(183,137,75,.2);border-radius:999px;color:#ad9a7a;background:rgba(183,121,55,.035);font-size:.72rem}
.loungeCopy .btn{background:rgba(183,121,55,.2);border-color:rgba(183,137,75,.37)}
.loungePic{min-height:360px;position:relative;overflow:hidden}
.loungePic img{filter:brightness(.7) saturate(.8)}
.loungePic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,13,.28),transparent 30%);pointer-events:none}

/* FOOTER */
footer{padding:54px 0 25px;background:#030a08;border-top:1px solid var(--line)}
.footerGrid{display:grid;grid-template-columns:1.75fr repeat(4,1fr);gap:36px}
.footerBrand h4,footer h4{font-size:1.62rem;margin:0 0 10px}
.footerBrand p{max-width:34ch}
footer a{display:block;text-decoration:none;color:#918671;margin:7px 0;font-size:.86rem;transition:color .18s ease}
footer a:hover{color:#d2bd98}
footer p{color:#7f7563;font-size:.86rem;line-height:1.58}
.footerBottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(222,201,164,.075);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#695f50;font-size:.74rem;letter-spacing:.02em}
.footerBottom span:last-child{color:#857660}

/* MODAL */
.modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.75);align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex} .modalCard{width:min(700px,100%);max-height:90vh;overflow:auto;background:#091612;border:1px solid var(--line);border-radius:18px;padding:28px}
.modalHead{display:flex;justify-content:space-between;align-items:center;gap:20px} .modalHead h2{font-size:2.2rem;margin:0} .close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:#dfcba7;cursor:pointer}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px} .field{display:flex;flex-direction:column;gap:6px} .full{grid-column:1/-1}
label{color:#c6b48f;font-size:.82rem} input,select,textarea{background:#05100d;color:#e7dac1;border:1px solid var(--line);border-radius:9px;padding:12px} textarea{min-height:110px}

@media(max-width:1100px){
 .head{width:min(94vw,1100px)}
 .brand{min-width:98px}
 .brand-msk{font-size:1.9rem}
 .brand-studio{font-size:.49rem;letter-spacing:.30em}
 .clock{--s:42px}
 nav{display:none} .heroGrid{grid-template-columns:1fr} .heroCopy{padding:58px 0 36px} .heroMedia{min-height:430px;margin:18px 0 0;border:1px solid rgba(183,137,75,.38);border-radius:18px}
 .cards3{grid-template-columns:1fr 1fr} .dest:last-child{grid-column:1/-1}
 .latest,.workshop,.servicesHero,.memberBand,.lounge{grid-template-columns:1fr} .footerGrid{grid-template-columns:1.6fr repeat(2,1fr)}
 .servicePaths{grid-template-columns:1fr 1fr} .pathMini,.madeSteps{grid-template-columns:1fr} .memberIntro{min-height:310px} .memberBenefits{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 :root{--shell:calc(100% - 24px)} .head{width:calc(100% - 18px);min-height:68px;gap:10px}
 .brand{min-width:86px;padding:0}
 .brand-msk{font-size:1.65rem}
 .brand-studio{font-size:.45rem;letter-spacing:.27em}
 .brand:after{bottom:0;width:34px}
 .sign{display:none}
 .clockbox{padding-left:8px}
 .clock{--s:38px}
 .hero h1{font-size:3.5rem} .section{padding:50px 0} .titleRow{display:block} .freeHead{display:block;padding:30px 25px} .freeHead p{margin-top:12px} .footerGrid{grid-template-columns:1fr 1fr;gap:28px} .footerBrand{grid-column:1/-1} .footerBottom{align-items:flex-start;flex-direction:column}
 .cards3,.servicePaths,.memberBenefits,.freeGrid,.news{grid-template-columns:1fr} .dest:last-child{grid-column:auto} .freeCard{border-right:0;border-bottom:1px solid var(--soft)} .freeCard:last-child{border-bottom:0}
 .servicePath+.servicePath{border-left:0;border-top:1px solid var(--soft)}
 .latestCopy,.workCopy,.servicesIntro,.loungeCopy{padding:28px} .servicePath{padding:32px 27px;min-height:0} .pathBottom,.memberBottom{align-items:flex-start;flex-direction:column} .memberPanel{padding:32px 27px} .form{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.heroSlide{transition:none}}