:root{
  --lagoon:#0E3B3A;--deep:#082625;--ink:#173230;--mist:#E6F4F0;--sea:#A9DDD0;--pearl:#FBFDFC;
  --gold:#B8893A;--gold-l:#E4C77E;--gold-t:#684A16;--muted:#36504E;
  --display:"Varela Round",sans-serif;--body:"Rubik",system-ui,sans-serif;
  --pad:clamp(20px,5vw,64px);--max:1180px;--r:26px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip;-webkit-text-size-adjust:100%}
body{font-family:var(--body);font-weight:400;color:var(--ink);background:var(--pearl);line-height:1.75;font-size:clamp(16px,1.05vw + 11px,18px);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.15;letter-spacing:0}
h2{font-size:clamp(34px,4.6vw,58px);margin-bottom:.35em}
h3{font-size:clamp(25px,2.2vw,31px)}
p+p{margin-top:.9em}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--lagoon);color:#fff;padding:8px 14px;border-radius:8px;z-index:50}
.skip:focus{inset-inline-start:8px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.eyebrow{font-size:14px;letter-spacing:.03em;color:var(--gold-t);font-weight:500;margin-bottom:12px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--lagoon);color:#fff;text-decoration:none;font-weight:500;font-size:17px;border:0;cursor:pointer;font-family:inherit;box-shadow:0 14px 30px -16px rgba(14,59,58,.7);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .35s}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px -16px rgba(14,59,58,.75)}
.btn-sm{min-height:44px;padding:0 20px;font-size:15px}
.btn-ghost{background:transparent;color:var(--lagoon);box-shadow:inset 0 0 0 1.5px rgba(14,59,58,.35)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--lagoon)}
.btn-gold{background:linear-gradient(135deg,var(--gold-l),var(--gold));color:var(--deep);box-shadow:0 14px 30px -14px rgba(184,137,58,.8)}
.btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.link{display:inline-flex;align-items:flex-end;min-height:44px;margin-top:4px;color:var(--lagoon);font-weight:500;text-decoration:none;border-bottom:1.5px solid var(--gold);padding-bottom:2px}
.link:after{content:"←";margin-inline-start:6px}

/* header */
.top{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;gap:24px;padding:12px var(--pad);padding-top:max(12px,env(safe-area-inset-top));background:rgba(251,253,252,.72);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid rgba(14,59,58,.07)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-inline-end:auto}
.brand img{width:46px;height:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}
.brand span{font-family:var(--display);font-size:25px;color:var(--lagoon)}
.nav{display:flex;gap:26px}
.nav a{text-decoration:none;font-size:15px;color:var(--muted);transition:color .2s}
.nav a:hover{color:var(--lagoon)}
@media (max-width:860px){.nav{display:none}.top{gap:12px}}

/* hero */
.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,5vw,80px);padding:120px var(--pad) 70px;max-width:none;overflow:clip;min-height:100vh;min-height:100svh;
  background:
   radial-gradient(60% 55% at 12% 30%,rgba(169,221,208,.75),rgba(230,244,240,0) 70%),
   radial-gradient(45% 40% at 85% 85%,rgba(228,199,126,.35),rgba(230,244,240,0) 70%),
   radial-gradient(70% 60% at 70% 10%,rgba(206,236,228,.9),rgba(230,244,240,0) 70%),
   var(--mist)}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(transparent,var(--pearl));pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:600px;justify-self:end}
.hero h1{font-size:clamp(54px,8.4vw,112px);line-height:1.02;color:var(--lagoon);margin-bottom:26px}
.hero h1 .w{display:inline-block;white-space:nowrap;animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}
.hero h1 .w:nth-child(2){animation-delay:.18s}
.hero h1 .w:nth-child(3){animation-delay:.36s}
.gold{background:linear-gradient(120deg,#9A6E27 10%,var(--gold-l) 45%,var(--gold) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes rise{from{opacity:0;transform:perspective(600px) translateY(40px) rotateX(50deg)}to{opacity:1;transform:none}}
.lead{font-size:clamp(17px,1.35vw,20px);color:var(--muted);max-width:52ch;margin-bottom:30px;font-weight:300}
.note{margin-top:14px;font-size:14px;color:var(--muted)}

.stage{position:relative;z-index:1;justify-self:start;width:min(100%,470px);aspect-ratio:4/5;perspective:1100px;--rx:0deg;--ry:0deg}
.arch{position:absolute;inset:0;border-radius:999px 999px 30px 30px;overflow:hidden;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transition:transform .6s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 0 8px rgba(255,255,255,.55),0 0 0 9px rgba(184,137,58,.45),0 60px 90px -45px rgba(8,38,37,.65);animation:arch-in 1.4s .2s cubic-bezier(.2,.7,.2,1) both}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
@keyframes arch-in{from{opacity:0;transform:rotateY(-35deg) translateZ(-160px)}}
.halo{position:absolute;inset:-12% -18%;border-radius:50%;background:radial-gradient(closest-side,rgba(228,199,126,.45),transparent 70%);z-index:-1;animation:breathe 7s ease-in-out infinite;transform:translateZ(-200px)}
@keyframes breathe{50%{opacity:.55;scale:.94}}
/* two gold arch outlines stacked behind the portrait: layers of growth, drifting in depth with scroll */
.echo{position:absolute;inset:0;border-radius:999px 999px 30px 30px;border:1px solid rgba(184,137,58,.55);pointer-events:none;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.echo.e1{transform:rotateX(var(--rx)) rotateY(calc(var(--ry) * 1.5)) translate3d(-7%,-5%,-90px)}
.echo.e2{border-color:rgba(184,137,58,.3);transform:rotateX(var(--rx)) rotateY(calc(var(--ry) * 2)) translate3d(-14%,-10%,-180px)}
@keyframes spin{to{transform:rotateY(-360deg)}}
.dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}

@media (max-width:860px){
  .hero{grid-template-columns:1fr;padding-top:96px;gap:34px;text-align:start}
  .hero-copy{justify-self:stretch}
  .stage{order:-1;justify-self:center;width:min(58vw,280px);margin-top:10px}
  .hero h1{margin-bottom:18px}
}

/* about */
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,6vw,90px);align-items:center;max-width:var(--max);margin:0 auto;padding:clamp(70px,10vw,140px) var(--pad)}
.about-pic{border-radius:var(--r);overflow:hidden;box-shadow:0 40px 70px -40px rgba(8,38,37,.55);transform-origin:50% 100%}
.about-pic img{width:100%;height:auto}
.about-copy h2{color:var(--lagoon)}
.about-copy p{color:var(--muted);max-width:56ch}
.creds{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.creds li{padding:8px 16px;border-radius:999px;background:var(--mist);color:var(--lagoon);font-size:15px;box-shadow:inset 0 0 0 1px rgba(14,59,58,.08)}
@media (max-width:860px){.about{grid-template-columns:1fr}.about-pic{max-width:62%;justify-self:center}}

/* journey: the signature, a 3D ring of three stages turned by scroll */
.journey{--j:0;position:relative;height:340vh;background:var(--deep)}
.journey-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:clip;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vh,40px);color:#fff;
  background:
   radial-gradient(55% 45% at 50% 60%,hsla(calc(165 - var(--j)*125),55%,48%,.42),rgba(8,38,37,0) 70%),
   radial-gradient(40% 35% at 20% 15%,rgba(228,199,126,calc(.08 + var(--j)*.2)),rgba(8,38,37,0) 70%),
   linear-gradient(180deg,var(--deep),var(--lagoon) 60%,var(--deep));background-color:var(--deep)}
.journey-head{text-align:center;position:relative;z-index:2;padding:0 var(--pad)}
.journey-head h2{color:#fff}
.journey .eyebrow{color:var(--gold-l)}
.carousel-stage{position:relative;z-index:2;width:clamp(260px,28vw,420px);max-width:80vw;height:min(52vh,440px);perspective:1400px}
.carousel{--R:clamp(200px,30vw,440px);position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--R) * -1)) rotateY(calc(var(--j) * 240deg))}
.face{--vis:1;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3vw,36px);border-radius:28px;text-align:center;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.03)),rgba(8,38,37,.38);border:1px solid rgba(228,199,126,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.25);
  transform:rotateY(calc(var(--k) * -120deg)) translateZ(var(--R));backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:var(--vis)}
.face h3{font-size:clamp(46px,6vw,68px);color:var(--gold-l);line-height:1}
.face-mark{color:var(--gold-l);font-size:22px;margin-bottom:10px}
.face-tool{font-size:14px;letter-spacing:.03em;color:var(--sea);margin:10px 0 14px}
.face p:last-child{font-size:16px;line-height:1.7;color:#fff;font-weight:300}
.steps{position:relative;z-index:2;display:flex;gap:2px}
.steps button{width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative;padding:0}
.steps button:before{content:"";position:absolute;left:5px;right:5px;top:20px;height:3px;border-radius:3px;background:rgba(255,255,255,.2)}
.steps button:after{content:"";position:absolute;left:5px;right:5px;top:20px;height:3px;border-radius:3px;background:var(--gold-l);transform-origin:right;transform:scaleX(var(--s,0))}
.swipe-hint{position:relative;z-index:2;margin-top:-10px;font-size:14px;color:rgba(255,255,255,.75);transition:opacity .6s;animation:nudge 2.4s ease-in-out infinite}
.journey.seen .swipe-hint{opacity:0}
@keyframes nudge{50%{transform:translateY(4px)}}

/* sections */
.sec-head{max-width:760px;margin:0 auto clamp(34px,5vw,60px);text-align:center}
.sec-head h2{color:var(--lagoon)}
.sub{color:var(--muted)}
.ways,.groups,.voices,.blog{padding:clamp(80px,11vw,150px) var(--pad)}
.ways{background:linear-gradient(180deg,var(--pearl),var(--mist))}
.cards{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,26px)}
.card{position:relative;padding:clamp(26px,3vw,40px);border-radius:var(--r);background:rgba(255,255,255,.75);box-shadow:0 1px 0 #fff inset,0 24px 50px -34px rgba(8,38,37,.45)}
.card h3{color:var(--lagoon);margin-bottom:10px}
.card p{color:var(--muted)}
.card-feature{background:linear-gradient(150deg,var(--lagoon),#15514F);color:#fff;border-color:rgba(228,199,126,.4)}
.card-feature h3{color:var(--gold-l)}
.card-feature p{color:rgba(255,255,255,.85)}
.card-feature .link{color:#fff}
.tag{display:inline-block;font-size:13px;color:var(--gold-t);margin-bottom:10px;font-weight:500}
.card-feature .tag{color:#F0DCA6}
@media (max-width:700px){.cards{grid-template-columns:1fr}}

/* groups: its own dark world so it never reads as a second copy of the personal-services section */
.groups{color:#fff;background:radial-gradient(55% 45% at 85% 0%,rgba(228,199,126,.22),rgba(8,38,37,0) 70%),radial-gradient(50% 45% at 0% 100%,rgba(55,190,156,.25),rgba(8,38,37,0) 70%),linear-gradient(180deg,var(--lagoon),var(--deep));background-color:var(--deep)}
.groups .sec-head h2{color:#fff}
.groups .eyebrow{color:var(--gold-l)}
.prog{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px)}
.panel{padding:clamp(26px,3vw,38px);border-radius:var(--r);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03)),rgba(8,38,37,.35);border:1px solid rgba(228,199,126,.35);box-shadow:0 30px 60px -34px rgba(0,0,0,.6)}
.panel h3{color:var(--gold-l);margin-bottom:10px}
.panel p{color:rgba(255,255,255,.86)}
.panel .tag{color:#F0DCA6}
.panel .link{color:#fff}
.panel-teen{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;background:linear-gradient(150deg,rgba(228,199,126,.16),rgba(255,255,255,.03)),rgba(8,38,37,.35)}
.panel-teen .tag,.panel-teen h3,.panel-teen>p:not(.small){grid-column:1}
.panel-teen .ticks{grid-column:2;grid-row:1/5;align-self:center}
.panel-teen .small{grid-column:1}
.ticks{list-style:none;display:grid;gap:10px}
.ticks li{position:relative;padding-inline-start:28px;color:#fff}
.ticks li:before{content:"✦";position:absolute;inset-inline-start:0;color:var(--gold-l);font-size:14px;top:3px}
.small{font-size:15px;margin-top:14px}
@media (max-width:960px){.prog{grid-template-columns:1fr}.panel-teen{display:block}.panel-teen .ticks{margin-top:18px}}

/* numbers: now a light, warm world between two darker ones */
.numbers{padding:clamp(80px,11vw,140px) var(--pad);background:radial-gradient(55% 60% at 50% 40%,rgba(228,199,126,.35),rgba(251,253,252,0) 70%),var(--pearl)}
.num-card{max-width:620px;margin:0 auto;text-align:center}
.num-card h2{color:var(--lagoon)}
.num-card>p{color:var(--muted)}
.num-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px;align-items:center}
.num-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.num-form input{min-height:52px;padding:0 18px;border-radius:999px;border:1px solid rgba(184,137,58,.6);background:#fff;color:var(--ink);font:inherit;font-size:17px;min-width:220px}
.num-form .btn{background:linear-gradient(135deg,var(--gold-l),var(--gold));color:var(--deep)}
.num-out{margin-top:34px;perspective:800px}
.num-out p{color:var(--muted);max-width:46ch;margin:10px auto 22px}
.num-big{display:inline-block;font-family:var(--display);font-size:clamp(110px,18vw,170px);line-height:1;color:var(--gold);animation:flipin 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes flipin{from{opacity:0;transform:rotateY(-160deg) translateZ(-80px)}}
.num-out .btn{background:var(--lagoon);color:#fff}

.voices{background:var(--pearl)}
.quotes{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,26px)}
blockquote{position:relative;padding:clamp(28px,3vw,40px);padding-top:56px;border-radius:var(--r);background:var(--mist)}
blockquote:before{content:"”";position:absolute;top:6px;inset-inline-start:26px;font-family:var(--display);font-size:80px;line-height:1;color:var(--gold)}
blockquote p{font-size:clamp(17px,1.3vw,19px);color:var(--ink)}
cite{display:block;margin-top:14px;font-style:normal;font-size:14px;color:var(--gold-t);font-weight:500}
.videos{max-width:var(--max);margin:clamp(20px,3vw,30px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px)}
.yt{position:relative;border:0;padding:0;cursor:pointer;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:var(--deep);font:inherit;color:#fff;box-shadow:0 24px 50px -34px rgba(8,38,37,.55)}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s,transform .6s}
.yt:hover img{opacity:.95;transform:scale(1.04)}
.play{position:absolute;top:50%;left:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(255,255,255,.92)}
.play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--lagoon)}
.yt-t{position:absolute;inset:auto 0 0 0;padding:28px 16px 12px;text-align:start;font-size:15px;background:linear-gradient(transparent,rgba(8,38,37,.9))}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:760px){.quotes{grid-template-columns:1fr}.videos{grid-template-columns:1fr}}

.blog{background:linear-gradient(180deg,var(--pearl),var(--mist))}
.post{display:block;max-width:820px;margin:0 auto;padding:clamp(28px,4vw,48px);border-radius:var(--r);background:#fff;text-decoration:none;box-shadow:0 30px 60px -40px rgba(8,38,37,.5);transition:box-shadow .4s}
.post:hover{box-shadow:0 36px 70px -36px rgba(8,38,37,.6)}
.post h3{color:var(--lagoon);margin:10px 0 12px}
.post p{color:var(--muted)}
.post-tag{font-size:13px;color:var(--gold-t);font-weight:500}
.more{text-align:center;margin-top:24px}
.more a{color:var(--lagoon)}

.contact{padding:clamp(90px,12vw,160px) var(--pad);text-align:center;color:#fff;background:
   radial-gradient(50% 50% at 50% 0%,rgba(228,199,126,.25),transparent 70%),linear-gradient(180deg,var(--lagoon),var(--deep));background-color:var(--lagoon)}
.contact-in{max-width:640px;margin:0 auto}
.contact-mark{width:96px;height:auto;margin:0 auto 18px}
.contact h2{color:#fff}
.contact p{color:rgba(255,255,255,.82)}
.contact .cta-row{justify-content:center;margin-top:28px}
.mail{margin-top:22px}
.more a,.mail a{display:inline-block;padding:10px 4px}
.mail a{color:var(--gold-l)}
.social{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.social a{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border-radius:999px;text-decoration:none;font-size:15px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.social a:hover{box-shadow:inset 0 0 0 1px var(--gold-l)}

.foot{background:var(--deep);color:rgba(255,255,255,.6);text-align:center;padding:26px var(--pad) calc(26px + env(safe-area-inset-bottom));font-size:14px}
.credit{margin-top:4px;font-size:12px;opacity:.7}

.fab{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 14px 30px -10px rgba(0,0,0,.4)}

/* scroll-linked 3D entrances; --p is 1 by default so nothing hides without JS */
.m3d [data-rise]{transform:perspective(1000px) translateY(calc((1 - var(--p,1)) * 70px)) rotateX(calc((1 - var(--p,1)) * 32deg));opacity:calc(.1 + var(--p,1) * .9);transform-origin:50% 100%;will-change:transform}
.m3d [data-flip]{--d:1;transform:perspective(1000px) translateZ(calc((1 - var(--p,1)) * -160px)) rotateY(calc((1 - var(--p,1)) * 42deg * var(--d))) rotateX(calc((1 - var(--p,1)) * 14deg));opacity:calc(.1 + var(--p,1) * .9);will-change:transform}
.m3d [data-flip]:nth-child(even){--d:-1}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .journey{height:auto}.journey-pin{position:relative;height:auto;padding:90px var(--pad)}
  .carousel-stage{width:100%;max-width:var(--max);height:auto;perspective:none}
  .carousel{position:static;transform:none;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .face{position:relative;transform:none;opacity:1}
  .steps,.swipe-hint{display:none}
}

/* article + blog list */
.page main{padding:clamp(110px,14vw,160px) var(--pad) clamp(70px,9vw,120px);background:linear-gradient(180deg,var(--mist),var(--pearl) 420px)}
.art-head{max-width:760px;margin:0 auto 40px}
.art-head h1{font-size:clamp(36px,5vw,60px);color:var(--lagoon);line-height:1.12}
.bloglist .art-head{text-align:center}
.bloglist .post h2{font-size:clamp(26px,2.6vw,34px);color:var(--lagoon);margin:10px 0 12px}
.art-by{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:15px;color:var(--muted)}
.art-by img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.art-body{max-width:700px;margin:0 auto;font-size:clamp(17px,1.2vw,19px)}
.art-body p{color:#29403E}
.art-lead{font-size:clamp(20px,1.6vw,23px);font-family:var(--display);color:var(--lagoon)!important;line-height:1.55}
.art-body h2{font-size:clamp(28px,3vw,38px);color:var(--lagoon);margin:1.6em 0 .5em}
.art-body h3{font-size:clamp(23px,2vw,27px);color:var(--lagoon);margin:1.3em 0 .35em}
.art-list{margin:0 0 1em;padding-inline-start:1.3em;display:grid;gap:12px;color:#29403E}
.art-list li::marker{color:var(--gold);font-family:var(--display)}
.art-callout{margin:2.4em 0;padding:clamp(26px,4vw,42px);border-radius:var(--r);background:linear-gradient(150deg,var(--lagoon),#15514F);color:#fff}
.art-callout h2{color:var(--gold-l);margin-top:0}
.art-callout p{color:rgba(255,255,255,.88)!important}
.art-callout .btn{margin-top:20px}
.sign{font-family:var(--display);font-size:26px;color:var(--gold-t)!important;margin-top:1.2em}
.art-nav{max-width:700px;margin:40px auto 0}
.hero h1{font-size:clamp(46px,6.3vw,88px)}