/*
Theme Name: Vulture
Theme URI: https://vulturetattoos.com
Author: Vulture Tattoos
Description: Bespoke editorial-luxury theme for Vulture Tattoos, Sector 47 Gurugram. Phone-first conversion, real studio photography, local-SEO ready. Pairs with the Vulture SEO plugin for schema, tracking and LLMO.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vulture
*/

:root{
  --ink:#0c0a09;
  --ink-2:#14110f;
  --ink-3:#1b1714;
  --bone:#eae3d4;
  --bone-dim:#bcb4a3;
  --bone-faint:#8b8475;
  --gold:#c4a35e;
  --gold-deep:#9a7d40;
  --hair:rgba(234,227,212,.14);
  --hair-soft:rgba(234,227,212,.07);
  --display:'Fraunces','Bodoni Moda',Georgia,serif;
  --body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --label:'Inter',-apple-system,sans-serif;
  --black:'Pirata One',cursive;
  --dev:'Noto Serif Devanagari',serif;
  --pad:clamp(22px,5vw,34px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{background:var(--ink);color:var(--bone);font-family:var(--body);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(130% 90% at 50% -8%, rgba(58,40,22,.28), transparent 56%),
    linear-gradient(rgba(11,9,8,.40), rgba(8,6,5,.52)),
    url('assets/bg-wall.jpg') center center/cover no-repeat,
    var(--ink)}

/* atmospheric per-section photo backdrop (the "sec 8" / closing vibe, everywhere) */
.atmo{position:relative;isolation:isolate;overflow:hidden}
.atmo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--bg) center/cover no-repeat;opacity:.22;filter:grayscale(.4) contrast(1.05)}
.atmo::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 40%,rgba(12,10,9,.55),rgba(12,10,9,.88) 75%)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:var(--ink)}

.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:95;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 7s steps(8) infinite}
@keyframes grain{
  0%,100%{transform:translate(0,0)}12%{transform:translate(-2%,1%)}25%{transform:translate(1%,-2%)}
  37%{transform:translate(-1%,2%)}50%{transform:translate(2%,1%)}62%{transform:translate(-2%,-1%)}
  75%{transform:translate(1%,2%)}87%{transform:translate(-1%,-2%)}}

.label{font-family:var(--label);font-size:clamp(11px,1.4vw,13px);letter-spacing:.3em;text-transform:lowercase;color:var(--bone-dim)}
.label .nm{color:var(--gold)}

.rv{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}

/* gold filigree flourish (Raven-inspired ornament motif) */
.flo{display:block;color:var(--gold);opacity:.9}
.flo svg{display:block;width:100%;height:auto;overflow:visible}
.flo.hero-flo{width:clamp(146px,17vw,200px);margin:0 0 clamp(18px,3vh,30px)}
.flo.mid{width:clamp(150px,20vw,214px);margin:0 auto clamp(24px,4vw,38px)}

/* shared arch */
.arch{border-radius:999px 999px 0 0;overflow:hidden;position:relative;background:var(--ink-2)}
.arch img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.04);transition:filter 1.1s ease,transform 1.1s ease}
.arch:hover img{filter:none;transform:scale(1.02)}
.arch::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hair);pointer-events:none}
.arch .hero-vid{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.04) saturate(1.02)}

/* shared CTA */
.tel-link{font-family:var(--display);letter-spacing:.04em;color:var(--bone);position:relative;padding-bottom:8px;display:inline-block}
.tel-link::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--gold)}
.tel-link::before{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:0;background:var(--gold);transition:width .5s cubic-bezier(.16,1,.3,1)}
.tel-link:hover::before{width:100%}
.tel-link .ic{color:var(--gold);margin-right:12px;font-size:.85em}

/* ============ NAV ============ */
nav{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;justify-content:space-between;align-items:center;
  padding:18px var(--pad);transition:background .4s ease,padding .4s ease;border-bottom:1px solid transparent;gap:14px}
nav.scr{background:rgba(12,10,9,.93);backdrop-filter:blur(8px);border-bottom-color:var(--hair);padding:11px var(--pad)}
nav .mark{flex-shrink:0;display:flex;align-items:center;line-height:0}
nav .mark .logo-img{height:clamp(30px,4.4vw,38px);width:auto;display:block}
nav .npill{font-family:var(--body);font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);background:var(--gold);
  padding:12px 24px;border-radius:100px;white-space:nowrap;flex-shrink:0;position:relative;
  box-shadow:0 3px 16px -6px rgba(196,163,94,.5);
  transition:transform .3s ease,background .3s ease,padding .4s ease}
nav .npill::after{content:"";position:absolute;inset:0;border-radius:100px;pointer-events:none;
  box-shadow:0 4px 26px -3px rgba(196,163,94,.92);opacity:0;animation:ctaGlow 2.6s ease-in-out infinite}
nav.scr .npill{padding:9px 18px}
nav .npill:hover{transform:translateY(-1px);background:#d8b873}
nav .npill:active{transform:scale(.97);transition-duration:.14s}
nav .npill .ic{margin-right:9px;font-size:1.05em}
@keyframes ctaGlow{50%{opacity:1}}

/* ============ HERO ============ */
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:56px 1fr 78px;padding-top:84px}
.rail{position:relative;border-right:1px solid var(--hair-soft)}
.rail .rt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg);writing-mode:vertical-rl;
  font-family:var(--label);font-size:11px;letter-spacing:.5em;color:var(--bone-faint);white-space:nowrap}
.rail-r{border-right:none;border-left:1px solid var(--hair-soft)}
.hero-core{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:0 0 0 5vw;position:relative;min-width:0}
.hero-copy{position:relative;z-index:3;padding:40px 0 56px;min-width:0}
.hero-copy .label{display:block;margin-bottom:clamp(20px,4vh,40px)}
.hero-copy h1{font-family:var(--display);font-weight:400;font-size:clamp(46px,7.2vw,120px);line-height:.95;letter-spacing:-.01em}
.hero-copy h1 .it{font-style:normal;color:var(--gold);font-weight:400}
.hero-copy h1 .ln{display:block}
.hero-copy .sub{max-width:400px;margin-top:clamp(20px,4vh,42px);font-size:clamp(16px,1.9vw,19px);line-height:1.65;color:var(--bone-dim);font-style:normal}
.hero-cta{margin-top:clamp(26px,5vh,52px);display:flex;align-items:baseline;gap:clamp(20px,3vw,34px);flex-wrap:wrap}
.hero-cta .tel-link{font-size:clamp(20px,2vw,28px)}
.wa-min{font-family:var(--label);font-size:13px;letter-spacing:.24em;color:var(--bone-faint);transition:color .3s}
.wa-min:hover{color:var(--gold)}
.hero-art{position:relative;align-self:end;z-index:2;padding-right:5vw;margin-left:-3vw;min-width:0}
.hero-art .arch{aspect-ratio:5/7}
.arch-frame{position:relative}
.arch-frame::before{content:"";position:absolute;inset:-14px -14px 0;border:1px solid var(--hair-soft);border-bottom:none;border-radius:999px 999px 0 0;pointer-events:none}
.hero-art .cap{position:absolute;right:calc(5vw - 32px);bottom:8px;writing-mode:vertical-rl;font-family:var(--label);font-size:11px;letter-spacing:.4em;color:var(--bone-faint)}
.scroll-cue{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:64px;background:linear-gradient(var(--gold),transparent);z-index:5}

.ld{opacity:0;transform:translateY(34px);animation:lift 1.2s cubic-bezier(.16,1,.3,1) forwards}
.ld1{animation-delay:.1s}.ld2{animation-delay:.24s}.ld3{animation-delay:.38s}.ld4{animation-delay:.52s}.ld5{animation-delay:.7s}
@keyframes lift{to{opacity:1;transform:none}}
.hero-art.ld{transform:translateY(56px)}

/* ============ MARQUEE ============ */
.mq{overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:22px 0;position:relative}
.mq-track{display:flex;width:max-content;animation:mq 30s linear infinite}
.mq-track span{font-family:var(--display);font-size:clamp(24px,3.4vw,52px);letter-spacing:.08em;white-space:nowrap;padding-right:18px;text-transform:uppercase}
.mq-track .o{-webkit-text-stroke:1px rgba(234,227,212,.45);color:transparent}
.mq-track .st{color:var(--gold);font-size:.5em;vertical-align:.45em;padding:0 22px;font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}

/* ============ TRUST BAND ============ */
.trust{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto;padding:clamp(48px,7vw,84px) var(--pad)}
.trust .cell{text-align:center;padding:0 16px;border-right:1px solid var(--hair-soft)}
.trust .cell:last-child{border-right:none}
.trust .big{font-family:var(--display);font-size:clamp(34px,5vw,58px);line-height:1;color:var(--bone)}
.trust .big .star{color:var(--gold);font-size:.7em}
.trust .cap{font-family:var(--label);font-size:clamp(11px,1.3vw,13px);letter-spacing:.22em;color:var(--bone-dim);margin-top:14px;line-height:1.5}

/* ============ SECTION CHROME ============ */
section{position:relative}
.shell{max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.chap{display:flex;align-items:center;gap:clamp(16px,3vw,26px);padding:clamp(56px,8vw,90px) 0 clamp(40px,5vw,64px)}
.chap .rule{flex:1;height:1px;background:var(--hair);position:relative}
.chap .rule::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;
  transform:translate(-50%,-50%) rotate(45deg);background:var(--gold);box-shadow:0 0 0 4px var(--ink)}
.chap .no{font-family:var(--label);font-size:clamp(12px,1.4vw,14px);letter-spacing:.36em;color:var(--gold);white-space:nowrap}
.chap .ttl{font-family:var(--label);font-size:clamp(12px,1.4vw,14px);letter-spacing:.3em;color:var(--bone-dim);white-space:nowrap}

/* ============ MANIFESTO ============ */
.mani{padding:clamp(70px,11vw,110px) 0 clamp(80px,12vw,120px)}
.mani p{max-width:880px;margin:0 auto;font-size:clamp(23px,3.1vw,42px);line-height:1.45;text-align:center;color:var(--bone);padding:0 var(--pad)}
.mani p::first-letter{font-family:var(--black);font-size:1.6em;color:var(--gold);line-height:.8;padding-right:8px;float:left;margin-top:6px}
.mani .it{font-style:normal;color:var(--gold)}
.mani .sig{display:block;text-align:center;margin-top:40px;font-family:var(--label);font-size:13px;letter-spacing:.3em;color:var(--bone-faint)}

/* ============ ARTISTS ============ */
.duet{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,7vw);padding-bottom:clamp(80px,12vw,130px);max-width:1280px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.hand{position:relative}
.hand:nth-child(2){transform:translateY(70px)}
.hand .num{position:absolute;top:-38px;left:-12px;z-index:3;font-family:var(--display);font-style:normal;font-size:clamp(70px,7vw,120px);color:transparent;-webkit-text-stroke:1px rgba(196,163,94,.6);line-height:1}
.hand .arch{aspect-ratio:4/5}
.hand .nm{font-family:var(--display);font-size:clamp(40px,4.4vw,68px);font-weight:400;margin-top:28px;letter-spacing:.02em}
.hand .nm .dot{color:var(--red)}
.hand .spec{font-family:var(--label);font-size:clamp(12px,1.4vw,13px);letter-spacing:.26em;color:var(--gold);margin-top:10px}
.hand .bio{margin-top:18px;font-size:clamp(16px,1.9vw,18px);line-height:1.7;color:var(--bone-dim);max-width:400px;font-style:normal}
.hand .act{display:inline-block;margin-top:24px;font-family:var(--label);font-size:13px;letter-spacing:.26em;color:var(--bone);border-bottom:1px solid var(--gold);padding-bottom:5px;transition:color .3s,letter-spacing .4s}
.hand .act:hover{color:var(--gold);letter-spacing:.34em}

/* ============ STYLES ============ */
.styles-intro{max-width:760px;margin:0 auto;text-align:center;padding:0 var(--pad) clamp(40px,6vw,64px)}
.styles-intro h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,4.4vw,56px);line-height:1.08}
.styles-intro h2 .it{font-style:normal;color:var(--gold)}
.styles-intro p{margin-top:20px;font-size:clamp(16px,1.9vw,19px);font-style:normal;line-height:1.7;color:var(--bone-dim)}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair-soft);max-width:1280px;margin:0 auto;
  border:1px solid var(--hair-soft);border-radius:2px;overflow:hidden}
.scard{background:var(--ink);padding:clamp(28px,3vw,40px) clamp(24px,2.6vw,34px);position:relative;transition:background .5s ease}
.scard:hover{background:var(--ink-2)}
.scard .si{font-family:var(--display);font-style:normal;font-size:18px;color:var(--gold-deep);transition:color .4s}
.scard:hover .si{color:var(--gold)}
.scard h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.6vw,32px);margin-top:16px;line-height:1.1}
.scard .tech{font-family:var(--label);font-size:12px;letter-spacing:.22em;color:var(--gold);margin-top:10px}
.scard p{margin-top:16px;font-size:16px;line-height:1.65;color:var(--bone-dim);font-style:normal}
.scard .best{margin-top:18px;padding-top:14px;border-top:1px solid var(--hair-soft);font-family:var(--label);font-size:12px;letter-spacing:.12em;color:var(--bone-faint)}
.scard .best b{color:var(--bone-dim);font-weight:400}

/* ============ PORTFOLIO ============ */
.work-wrap{position:relative;padding-bottom:clamp(80px,12vw,140px);overflow:hidden}
.om-bg{position:absolute;top:3%;left:50%;transform:translateX(-50%);font-family:var(--dev);font-weight:300;
  font-size:clamp(300px,44vw,720px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(234,227,212,.06);
  pointer-events:none;user-select:none;z-index:0}
/* one unified wall — every piece, same card */
.wall{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,34px) clamp(16px,2.2vw,26px);max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.wpiece{position:relative;cursor:pointer;min-width:0;margin:0}
.wpiece .ph{overflow:hidden;background:var(--ink-2);position:relative;border-radius:6px}
.wpiece .ph img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;filter:grayscale(.5) contrast(1.03);transition:filter .8s ease,transform .8s ease}
.wpiece:hover .ph img{filter:none;transform:scale(1.04)}
.wpiece .ph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hair-soft);pointer-events:none}
.wpiece .pc{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;border-top:1px solid var(--hair-soft);padding-top:10px}
.wpiece .pc .t{font-family:var(--body);font-size:clamp(14px,1.5vw,16px);color:var(--bone);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:760px){
  .wall{grid-template-columns:repeat(2,1fr)}
  .wpiece .pc .t{font-size:13px}
}

.work-foot{position:relative;z-index:1;text-align:center;margin-top:clamp(40px,6vw,60px);font-family:var(--label);font-size:clamp(12px,1.4vw,13px);letter-spacing:.26em;color:var(--bone-faint);padding:0 var(--pad)}
.work-foot a{color:var(--bone-dim);border-bottom:1px solid var(--gold);padding-bottom:3px;transition:color .3s}
.work-foot a:hover{color:var(--gold)}

/* ============ PRICING ============ */
.price{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--ink-2)}
.price-in{max-width:1280px;margin:0 auto;padding:clamp(56px,8vw,90px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}
.price-l h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,4.2vw,52px);line-height:1.1}
.price-l h2 .it{font-style:normal;color:var(--gold)}
.price-l p{margin-top:22px;font-size:clamp(16px,1.9vw,19px);font-style:normal;line-height:1.7;color:var(--bone-dim);max-width:440px}
.price-l .pc-cta{margin-top:34px}
.price-l .pc-cta .tel-link{font-size:clamp(20px,2vw,26px)}
.price-r{display:grid;gap:1px;background:var(--hair-soft);border:1px solid var(--hair-soft)}
.price-row{background:var(--ink-2);padding:24px clamp(20px,2.4vw,30px);display:flex;justify-content:space-between;align-items:baseline;gap:18px}
.price-row .k{font-family:var(--label);font-size:clamp(12px,1.4vw,14px);letter-spacing:.16em;color:var(--bone-dim)}
.price-row .v{font-family:var(--display);font-size:clamp(18px,2vw,24px);color:var(--bone);text-align:right}
.price-row .v small{font-family:var(--body);font-style:normal;font-size:14px;color:var(--bone-faint);display:block;letter-spacing:0}
.price-note{max-width:1280px;margin:0 auto;padding:0 var(--pad) clamp(40px,5vw,56px);font-family:var(--label);font-size:12px;letter-spacing:.14em;color:var(--bone-faint);text-align:center}

/* ============ STORIES ============ */
.srail{display:flex;gap:clamp(20px,3vw,30px);overflow-x:auto;padding:10px var(--pad) 30px;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:1280px;margin:0 auto}
.srail::-webkit-scrollbar{display:none}
.story{flex:0 0 clamp(200px,42vw,250px);scroll-snap-align:start;cursor:pointer;position:relative}
.story .sv{border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:9/14;position:relative;background:var(--ink-2)}
.story .sv img,.story .sv video{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) brightness(.95);transition:filter .8s ease;pointer-events:none}
.story:hover .sv img,.story:hover .sv video{filter:grayscale(0) brightness(1.05)}
.story.playing .sv video{filter:none}
.story .ring{transition:opacity .3s ease,visibility .3s ease}
.story.playing .ring{opacity:0;visibility:hidden}
.story.playing .sc .d{color:var(--gold)}
.story .sv::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hair)}
.story .ring{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.story .ring span{width:58px;height:58px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;background:rgba(12,10,9,.4);transition:transform .4s ease}
.story:hover .ring span{transform:scale(1.12)}
.story .ring svg{width:16px;height:16px;fill:var(--bone);margin-left:3px}
.story .sc{text-align:center;margin-top:16px}
.story .sc .t{font-family:var(--body);font-style:normal;font-size:clamp(17px,1.9vw,20px)}
.story .sc .d{font-family:var(--label);font-size:11px;letter-spacing:.26em;color:var(--bone-faint);margin-top:4px}

/* ============ PROCESS ============ */
.proc{max-width:1080px;margin:0 auto;padding:0 var(--pad) clamp(40px,6vw,60px)}
.prow{display:grid;grid-template-columns:200px 1fr;gap:clamp(20px,4vw,40px);align-items:baseline;padding:clamp(36px,5vw,54px) 0;border-bottom:1px solid var(--hair-soft)}
.prow:first-child{border-top:1px solid var(--hair-soft)}
.prow .rn{font-family:var(--display);font-style:normal;font-size:clamp(54px,6vw,96px);color:transparent;-webkit-text-stroke:1px rgba(196,163,94,.7);line-height:1}
.prow:hover .rn{color:var(--gold);-webkit-text-stroke-color:var(--gold);transition:color .5s}
.prow h3{font-family:var(--display);font-size:clamp(26px,2.8vw,32px);font-weight:400;margin-bottom:12px}
.prow p{font-size:clamp(16px,1.9vw,18px);font-style:normal;line-height:1.7;color:var(--bone-dim);max-width:520px}
.prow:nth-child(2){grid-template-columns:240px 1fr}
.prow:nth-child(3){grid-template-columns:300px 1fr}

/* ============ FAQ ============ */
.faq{max-width:820px;margin:0 auto;padding:0 var(--pad) clamp(80px,12vw,130px)}
details{border-bottom:1px solid var(--hair-soft)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(24px,3vw,30px) 4px;
  font-family:var(--body);font-size:clamp(20px,2.4vw,24px);color:var(--bone);transition:color .3s}
summary:hover{color:var(--gold)}
summary::-webkit-details-marker{display:none}
summary .ind{font-family:var(--display);font-style:normal;font-size:24px;color:var(--gold);transition:transform .4s ease;flex-shrink:0}
details[open] summary .ind{transform:rotate(45deg)}
details .ans{padding:0 4px 30px;font-size:clamp(16px,1.9vw,18px);font-style:normal;line-height:1.75;color:var(--bone-dim);max-width:660px}

/* ============ REVIEWS (google-styled slider) ============ */
.rv-head{max-width:1280px;margin:clamp(30px,4vw,46px) auto clamp(28px,3.5vw,40px);padding:0 var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.rv-badge{display:flex;align-items:center;gap:16px}
.rv-badge .glogo{width:38px;height:38px;flex:0 0 auto}
.rv-badge .rb-score{display:flex;flex-direction:column;gap:3px}
.rv-badge .rb-top{display:flex;align-items:center;gap:10px}
.rv-badge .rb-num{font-family:var(--display);font-size:clamp(22px,2.6vw,30px);color:var(--bone);line-height:1}
.rv-badge .rb-stars{color:var(--gold);font-size:15px;letter-spacing:2px}
.rv-badge .rb-sub{font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.18em;color:var(--bone-dim)}
.rv-all{font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.16em;color:var(--bone);
  border:1px solid rgba(196,163,94,.45);border-radius:100px;padding:13px 24px;background:rgba(196,163,94,.07);transition:background .3s,color .3s,transform .15s;white-space:nowrap}
.rv-all:active{transform:scale(.97)}
.rv-all:hover{background:var(--gold);color:var(--ink)}
.rv-slider{position:relative;max-width:1280px;margin:0 auto;padding-bottom:clamp(70px,10vw,110px)}
.rv-track{display:flex;gap:clamp(16px,2vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px var(--pad) 18px}
.rv-track::-webkit-scrollbar{display:none}
.rcrd{flex:0 0 clamp(280px,34vw,380px);scroll-snap-align:start;background:rgba(20,17,15,.84);border:1px solid var(--hair-soft);
  border-radius:14px;padding:clamp(26px,2.6vw,34px);display:flex;flex-direction:column;min-height:230px;
  transition:border-color .4s,transform .4s}
.rcrd:hover{border-color:rgba(196,163,94,.4);transform:translateY(-3px)}
.rcrd .rc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.rcrd .rc-stars{color:var(--gold);font-size:15px;letter-spacing:2px}
.rcrd .rc-g{width:20px;height:20px;opacity:.9}
.rcrd .rc-text{font-size:clamp(15px,1.7vw,17px);line-height:1.62;color:var(--bone);flex:1;
  display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.rcrd .rc-foot{display:flex;align-items:center;gap:13px;margin-top:22px;padding-top:18px;border-top:1px solid var(--hair-soft)}
.rcrd .rc-av{width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-size:18px;color:var(--ink);background:linear-gradient(135deg,var(--gold),var(--gold-deep))}
.rcrd .rc-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.rcrd .rc-name{font-family:var(--body);font-weight:600;font-size:14px;color:var(--bone)}
.rcrd .rc-meta{font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.16em;color:var(--bone-faint)}
.rcrd.rc-cta{align-items:center;justify-content:center;text-align:center;background:transparent;border-style:dashed}
.rcrd.rc-cta a{font-family:var(--display);font-size:clamp(20px,2.2vw,26px);color:var(--gold);line-height:1.3}
.rcrd.rc-cta span{display:block;margin-top:12px;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.16em;color:var(--bone-dim)}
.rv-arrows{display:flex;gap:12px;justify-content:center;margin-top:6px}
.rv-arrows button{width:46px;height:46px;border-radius:50%;border:1px solid var(--hair);background:rgba(20,17,15,.7);color:var(--bone);
  font-size:18px;cursor:pointer;transition:background .3s,border-color .3s,transform .15s;display:flex;align-items:center;justify-content:center}
.rv-arrows button:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.rv-arrows button:active{transform:scale(.94)}
@media (max-width:760px){
  .rv-head{justify-content:flex-start}
  .rcrd{flex-basis:82%}
  .rcrd .rc-text{-webkit-line-clamp:9}
  .rv-arrows{display:none}
}

/* ============ CLOSE ============ */
.close{border-top:1px solid var(--hair);padding:clamp(80px,12vw,130px) var(--pad) clamp(80px,12vw,120px);text-align:center;position:relative;overflow:hidden;background-color:var(--ink)}
.close::before{content:"";position:absolute;inset:0;z-index:0;background:url('assets/studio-neon.jpg') center/cover no-repeat;opacity:.26;filter:grayscale(.25) contrast(1.05)}
.close::after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 40%,rgba(12,10,9,.55),rgba(12,10,9,.88) 75%)}
.close > *{position:relative;z-index:1}
.close .v-bg{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-family:var(--black);
  font-size:clamp(280px,42vw,640px);color:transparent;-webkit-text-stroke:1px rgba(234,227,212,.05);pointer-events:none;line-height:1}
.close .label{display:block;margin-bottom:28px}
.close h2{font-family:var(--display);font-weight:400;font-size:clamp(48px,8vw,128px);line-height:1;letter-spacing:-.01em}
.close h2 .it{font-style:normal;color:var(--gold)}
.close .tel-mega{display:inline-block;margin-top:clamp(40px,7vh,7vh);font-family:var(--display);font-size:clamp(28px,4.4vw,64px);letter-spacing:.05em;color:var(--bone);position:relative;padding-bottom:12px}
.close .tel-mega::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gold)}
.close .tel-mega::before{content:"";position:absolute;left:0;bottom:-1px;height:4px;width:0;background:var(--gold);transition:width .6s cubic-bezier(.16,1,.3,1)}
.close .tel-mega:hover::before{width:100%}
.close .addr{margin-top:clamp(34px,6vh,6vh);font-size:clamp(16px,1.9vw,18px);font-style:normal;line-height:1.9;color:var(--bone-dim)}
.close .hours{margin-top:14px;font-family:var(--label);font-size:13px;letter-spacing:.3em;color:var(--gold)}
.close .dir{display:inline-block;margin-top:32px;font-family:var(--label);font-size:13px;letter-spacing:.26em;color:var(--bone-dim);border-bottom:1px solid var(--gold);padding-bottom:4px;transition:color .3s}
.close .dir:hover{color:var(--gold)}

/* ============ FOOTER ============ */
footer{border-top:1px solid var(--hair);padding:42px var(--pad) calc(42px + 76px);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
footer .flogo{height:30px;width:auto;flex-shrink:0;opacity:.92}
footer .fl{font-family:var(--label);font-size:12px;letter-spacing:.24em;color:var(--bone-faint)}
footer .fl a{color:var(--bone-dim);transition:color .3s}
footer .fl a:hover{color:var(--gold)}

/* ============ STICKY BAR ============ */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:85;display:flex;background:rgba(12,10,9,.96);backdrop-filter:blur(10px);
  border-top:1px solid var(--hair);transform:translateY(110%);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.bar.on{transform:none}
.bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 10px calc(18px + env(safe-area-inset-bottom));
  font-family:var(--label);font-size:13px;letter-spacing:.26em}
.bar .c{background:var(--gold);color:var(--ink)}
.bar .w{color:var(--bone-dim)}

/* ============ LIGHTBOX ============ */
.lb{position:fixed;inset:0;z-index:90;background:rgba(8,7,6,.96);display:none;align-items:center;justify-content:center;padding:24px}
.lb.on{display:flex;animation:vlbFade .2s ease-out}
.lb.on figure{animation:vlbPop .26s cubic-bezier(.23,1,.32,1)}
.lb figure{max-width:520px;width:100%;text-align:center}
.lb img{max-height:66vh;width:auto;max-width:100%;margin:0 auto}
.lb .lcap{font-family:var(--display);font-style:normal;font-size:clamp(22px,3vw,26px);margin-top:22px}
.lb .lart{font-family:var(--label);font-size:12px;letter-spacing:.3em;color:var(--gold);margin:8px 0 24px}
.lb .ltel{font-family:var(--label);font-size:13px;letter-spacing:.26em;color:var(--bone);border-bottom:1px solid var(--gold);padding-bottom:5px}
.lb .x{position:absolute;top:22px;right:26px;font-size:34px;color:var(--bone);cursor:pointer;background:none;border:none;font-family:var(--body)}

/* ============ TOAST ============ */
/* ============ VIDEO LIGHTBOX (client stories) ============ */
.vlb{position:fixed;inset:0;z-index:120;background:rgba(6,5,4,.94);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:var(--pad)}
.vlb.on{display:flex;animation:vlbFade .2s ease-out}
.vlb.on .vlb-fig{animation:vlbPop .26s cubic-bezier(.23,1,.32,1)}
@keyframes vlbFade{from{opacity:0}}
@keyframes vlbPop{from{opacity:0;transform:scale(.96)}}
.vlb .x{position:absolute;top:22px;right:26px;font-size:34px;line-height:1;color:var(--bone);background:none;border:none;cursor:pointer;font-family:var(--display);z-index:2}
.vlb-fig{max-width:430px;width:100%;text-align:center}
.vlb-stage{position:relative;min-height:420px;max-height:80vh;margin:0 auto;border-radius:14px;overflow-y:auto;overflow-x:hidden;background:var(--ink-2);box-shadow:0 40px 90px -30px rgba(0,0,0,.85),inset 0 0 0 1px var(--hair);scrollbar-width:none}
.vlb-stage::-webkit-scrollbar{display:none}
.vlb-embed{min-height:420px}
.vlb-embed .instagram-media{margin:0 auto!important;min-width:0!important;width:100%!important;border-radius:12px!important}
.vlb-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center}
.vlb-fallback[hidden]{display:none}
.vlb-fallback p{font-family:var(--display);font-size:clamp(18px,2.4vw,23px);color:var(--bone);line-height:1.45}
.vlb-fallback a{font-family:var(--label);font-size:12px;letter-spacing:.22em;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:3px}
.vlb-cap{margin-top:18px;font-family:var(--display);font-size:clamp(18px,2.4vw,22px);color:var(--bone)}

/* ============ METHOD (interactive ink) ============ */
#method{padding:0 var(--pad) clamp(60px,9vw,104px);max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
#method .chap{width:100%;max-width:1100px}
#method .m-head{text-align:center;max-width:720px;margin:clamp(4px,2vw,16px) auto clamp(30px,4vw,46px)}
#method .m-head h2{font-family:var(--display);font-weight:400;font-size:clamp(31px,5vw,60px);line-height:1.05;letter-spacing:-.01em}
#method .m-head h2 .it{color:var(--gold);display:block}
#method .m-head p{margin-top:18px;font-size:clamp(16px,1.9vw,19px);line-height:1.6;color:var(--bone-dim)}

#method .real3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,28px);width:100%;max-width:1100px;margin:0 auto}
#method .rcard{margin:0;position:relative}
#method .rcard video{width:100%;aspect-ratio:9/14;object-fit:cover;display:block;border-radius:999px 999px 10px 10px;
  background:var(--ink-2);box-shadow:0 30px 60px -28px rgba(0,0,0,.8),inset 0 0 0 1px var(--hair);
  pointer-events:none;touch-action:pan-y}
#method .rcard figcaption{margin-top:16px;text-align:center;font-family:var(--label);font-size:clamp(11px,1.4vw,13px);letter-spacing:.22em;color:var(--bone-dim)}
#method .rcard .rn{color:var(--gold);margin-right:8px}
@media (max-width:760px){
  #method .real3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}
  #method .real3::-webkit-scrollbar{display:none}
  #method .rcard{flex:0 0 72%;scroll-snap-align:center}
}

#method .m-cta{margin-top:clamp(36px,5vw,52px);text-align:center}
#method .m-cta .tel{font-family:var(--display);font-size:clamp(20px,2.4vw,30px);letter-spacing:.04em;color:var(--bone);position:relative;padding-bottom:10px;display:inline-block}
#method .m-cta .tel::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gold)}
#method .m-cta .sub{display:block;margin-top:14px;font-family:var(--label);font-size:12px;letter-spacing:.26em;color:var(--bone-faint)}

/* ============ STUDIO STRIP ============ */
#space{padding-bottom:clamp(30px,5vw,54px)}
.gstrip{display:flex;gap:clamp(18px,2.6vw,26px);overflow-x:auto;padding:10px var(--pad) 26px;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:1280px;margin:0 auto}
.gstrip::-webkit-scrollbar{display:none}
.gcard{flex:0 0 clamp(210px,30vw,270px);scroll-snap-align:start;margin:0}
.gcard img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 10px 10px;display:block;
  filter:grayscale(.2) contrast(1.03);transition:filter .7s ease;box-shadow:inset 0 0 0 1px var(--hair)}
.gcard:hover img{filter:none}
.gcard figcaption{margin-top:14px;text-align:center;font-family:var(--label);font-size:12px;letter-spacing:.22em;color:var(--bone-dim)}

/* ============ CARE & SAFETY ============ */
#care{max-width:1280px;margin:0 auto;padding:0 var(--pad) clamp(20px,4vw,40px)}
#care .care-intro{max-width:760px;margin-bottom:clamp(34px,5vw,54px)}
#care .care-intro h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,4.4vw,52px);line-height:1.08;letter-spacing:-.01em}
#care .care-intro h2 .it{color:var(--gold)}
#care .care-intro p{margin-top:18px;font-size:clamp(16px,1.9vw,19px);line-height:1.7;color:var(--bone-dim);max-width:560px}
#care .care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair-soft);
  border:1px solid var(--hair-soft)}
#care .cnote{background:rgba(12,10,9,.82);padding:clamp(26px,2.4vw,34px) clamp(22px,3vw,44px)}
#care .cnote .ci{font-family:var(--display);font-size:clamp(28px,3vw,40px);color:var(--gold-deep);line-height:1}
#care .cnote h3{font-family:var(--display);font-weight:500;font-size:clamp(19px,2vw,23px);margin-top:14px;line-height:1.2}
#care .cnote p{margin-top:12px;font-size:clamp(14px,1.6vw,15px);line-height:1.65;color:var(--bone-dim)}
@media (max-width:900px){#care .care-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){#care .care-grid{grid-template-columns:1fr}}

/* ============ TABLET ============ */
@media (max-width:1100px){
  .hero{grid-template-columns:44px 1fr 44px}
  .hero-core{padding-left:4vw}
  .sgrid{grid-template-columns:repeat(2,1fr)}
  .wall{grid-template-columns:repeat(2,1fr)}
  .work-foot{margin-top:clamp(50px,8vw,80px)}
  .price-in{grid-template-columns:1fr;gap:40px}
}

/* ============ MOBILE ============ */
@media (max-width:760px){
  nav{padding:14px var(--pad)}
  nav.scr{padding:10px var(--pad)}
  nav .npill{padding:10px 18px;font-size:12px;letter-spacing:.12em}
  nav .npill .word{display:none}
  .hero{grid-template-columns:1fr;padding-top:0;min-height:auto}
  .rail{display:none}
  .hero-core{grid-template-columns:1fr;padding:0;display:flex;flex-direction:column-reverse}
  .hero-art{margin:0;padding:90px var(--pad) 0;width:100%}
  .hero-art .arch{aspect-ratio:4/5;max-height:62vh}
  .hero-art .cap{display:none}
  .hero-copy{padding:48px var(--pad) 64px}
  .scroll-cue{display:none}
  .trust{grid-template-columns:1fr 1fr;gap:1px;background:var(--hair-soft);border:1px solid var(--hair-soft);padding:0;margin:0 var(--pad)}
  .trust .cell{padding:30px 14px;border-right:1px solid var(--hair-soft);border-bottom:1px solid var(--hair-soft);background:var(--ink)}
  .trust .cell:nth-child(2n){border-right:none}
  .trust .cell:nth-last-child(-n+2){border-bottom:none}
  .mani p{font-size:clamp(21px,5.6vw,26px)}
  .duet{grid-template-columns:1fr;gap:84px}
  .hand:nth-child(2){transform:none}
  .sgrid{grid-template-columns:1fr}
  .om-bg{font-size:130vw;top:1%}
  .chap{gap:12px}
  .chap .no{font-size:10px;letter-spacing:.14em;padding:6px 12px}
  .chap .ttl{font-size:10px;letter-spacing:.14em;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .prow,.prow:nth-child(2),.prow:nth-child(3){grid-template-columns:1fr;gap:8px;padding:36px 0}
  .prow .rn{font-size:56px}
  .qrow{grid-template-columns:1fr}
  .qrow .q+ .q{border-left:none}
  footer{flex-direction:column;text-align:center;gap:14px}
}
@media (min-width:761px){.bar{display:none}footer{padding-bottom:42px}}
@media (max-width:400px){
  .hero-copy h1{font-size:clamp(42px,13vw,56px)}
  .price-row{flex-direction:column;gap:6px}
  .price-row .v{text-align:left}
}
/* ---- press feedback + touch-hover hygiene ---- */
.bar a{transition:transform .14s ease-out}
.bar a:active{transform:scale(.97)}
.story:active .ring span{transform:scale(1.08);transition-duration:.15s}
.close .dir:active,.work-foot a:active,.hand .act:active{color:var(--gold)}
details[open] .ans{animation:ansIn .24s cubic-bezier(.23,1,.32,1)}
@keyframes ansIn{from{opacity:0;transform:translateY(4px)}}
@media (hover:none){
  .arch:hover img{transform:none;filter:grayscale(.25) contrast(1.04)}
  .wpiece:hover .ph img{transform:none;filter:grayscale(.5) contrast(1.03)}
  .story:hover .sv img,.story:hover .sv video{filter:grayscale(.25) brightness(.95)}
  .story:hover .ring span{transform:none}
  .rcrd:hover{transform:none;border-color:var(--hair-soft)}
  nav .npill:hover{transform:none;background:var(--gold)}
  summary:hover{color:var(--bone)}
  .hand .act:hover{letter-spacing:.26em}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv,.ld{opacity:1!important;transform:none!important}
}

/* ---- label readability pass: crisp Inter small-caps instead of antique serif ---- */
.label,.rail .rt,.wa-min,.hero-art .cap,.trust .cap,.chap .no,.chap .ttl,.mani .sig,
.hand .spec,.hand .act,.scard .tech,.scard .best,.work-foot,
.price-row .k,.price-note,.story .sc .d,.pull .who,.qrow .q .who,.close .hours,.close .dir,
footer .fl,.bar a,.lb .lart,.lb .ltel,.vlb-fallback a,#method .rcard figcaption,#method .m-cta .sub,.gcard figcaption{
  text-transform:uppercase;font-weight:600}
/* gold chapter tag becomes a padded chip — readable and deliberate */
.chap .no{letter-spacing:.2em;padding:8px 16px;border:1px solid rgba(196,163,94,.4);border-radius:100px;background:rgba(196,163,94,.07)}
.close .hours{display:inline-block;letter-spacing:.2em;padding:8px 18px;border:1px solid rgba(196,163,94,.4);border-radius:100px;background:rgba(196,163,94,.07)}

/* ---- readability pass (placed last to win the cascade) ---- */
/* body copy upright at weight 400 — italics fight a light serif on dark; reserve italic for emphasis */
.hero-copy .sub,.hand .bio,.styles-intro p,.scard p,.price-l p,.prow p,details .ans,.qrow .q,.close .addr{font-style:normal}
.hero-copy .sub .it,.hand .bio .it,.styles-intro p .it,.scard p .it,.price-l p .it,.prow p .it,details .ans .it,.qrow .q .it,.close .addr .it{font-style:normal;color:var(--gold)}

/* ============ WP CORE ============ */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-wrap:normal!important}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:200;background:var(--gold);color:var(--ink);padding:12px 20px;border-radius:6px;clip:auto;width:auto;height:auto}

/* ============ BLOG / POSTS (SEO content) ============ */
.site-main{max-width:880px;margin:0 auto;padding:130px var(--pad) clamp(80px,12vw,120px)}
.post-head{margin-bottom:clamp(34px,5vw,50px)}
.post-head .crumb{font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.2em;color:var(--bone-faint);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.post-head .crumb a{color:var(--bone-dim)}
.post-head .crumb a:hover{color:var(--gold)}
.post-head h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,5.4vw,62px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.post-head .pmeta{margin-top:18px;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.2em;color:var(--bone-faint)}
.post-head .pmeta .nm{color:var(--gold)}
.post-thumb{margin:0 0 clamp(34px,5vw,50px)}
.post-thumb img{width:100%;border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair)}
.prose{font-size:clamp(16px,1.9vw,18px);line-height:1.8;color:var(--bone-dim);max-width:70ch}
.prose>*+*{margin-top:1.2em}
.prose h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.4vw,38px);line-height:1.15;color:var(--bone);margin-top:1.8em}
.prose h3{font-family:var(--display);font-weight:500;font-size:clamp(21px,2.6vw,28px);line-height:1.2;color:var(--bone);margin-top:1.6em}
.prose a{color:var(--gold);border-bottom:1px solid rgba(196,163,94,.45)}
.prose a:hover{border-bottom-color:var(--gold)}
.prose strong{color:var(--bone);font-weight:600}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.5em}
.prose li::marker{color:var(--gold)}
.prose blockquote{border-left:2px solid var(--gold);padding:6px 0 6px 22px;font-family:var(--display);font-size:1.15em;color:var(--bone)}
.prose img{border-radius:10px;box-shadow:inset 0 0 0 1px var(--hair)}
.prose figcaption{font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.18em;color:var(--bone-faint);margin-top:10px;text-align:center}
.prose code{background:var(--ink-2);border:1px solid var(--hair-soft);border-radius:4px;padding:2px 7px;font-size:.9em}
.prose table{width:100%;border-collapse:collapse;font-size:.95em}
.prose th,.prose td{border:1px solid var(--hair-soft);padding:12px 14px;text-align:left}
.prose th{font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.14em;color:var(--bone)}
.post-cta{margin-top:clamp(48px,7vw,70px);border:1px solid rgba(196,163,94,.4);border-radius:14px;padding:clamp(30px,4vw,44px);text-align:center;background:rgba(196,163,94,.05)}
.post-cta .pc-h{font-family:var(--display);font-weight:400;font-size:clamp(24px,3vw,34px);line-height:1.15}
.post-cta .pc-h .it{color:var(--gold)}
.post-cta .tel-link{font-size:clamp(20px,2.4vw,28px);margin-top:18px}
.post-cta .pc-sub{display:block;margin-top:14px;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.22em;color:var(--bone-faint)}

/* archive cards */
.arch-list{display:grid;gap:clamp(28px,4vw,40px)}
.arch-card{border:1px solid var(--hair-soft);border-radius:12px;padding:clamp(26px,3.4vw,40px);background:rgba(20,17,15,.6);transition:border-color .4s}
.arch-card:hover{border-color:rgba(196,163,94,.4)}
.arch-card h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,3.2vw,36px);line-height:1.12}
.arch-card h2 a:hover{color:var(--gold)}
.arch-card .pmeta{margin-top:10px;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.2em;color:var(--bone-faint)}
.arch-card .exc{margin-top:14px;color:var(--bone-dim);line-height:1.7;font-size:clamp(15px,1.8vw,17px)}
.arch-card .more{display:inline-block;margin-top:18px;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.2em;color:var(--gold)}
.arch-head h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,5vw,56px);margin-bottom:clamp(30px,5vw,50px)}
.pagination{margin-top:clamp(40px,6vw,60px);display:flex;gap:10px;justify-content:center;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.16em}
.pagination .page-numbers{padding:10px 16px;border:1px solid var(--hair);border-radius:100px;color:var(--bone-dim)}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}

/* ============================================================ *
 *  v1.1 ADDITIONS — square hero · CTA buttons · portfolio      *
 *  filter+load-more · instagram section. Placed last to win.   *
 * ============================================================ */

/* ---- hero video: square 1:1 instead of arch/window ---- */
.hero-art .arch{aspect-ratio:1/1;border-radius:12px}
.hero-art .arch::after{border-radius:12px}
.arch-frame::before{inset:-13px;border:1px solid var(--hair-soft);border-bottom:1px solid var(--hair-soft);border-radius:16px}
@media (max-width:760px){ .hero-art .arch{aspect-ratio:1/1;max-height:none} }

/* ---- unified CTA buttons (Call = gold filled, rest = outlined) ---- */
.tel-link,.wa-min,.hand .act,#method .m-cta .tel,.close .dir,.work-foot a,.ig-follow{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--body)!important;font-weight:600;font-size:14px;letter-spacing:.01em;text-transform:none!important;
  padding:14px 26px;border-radius:100px;line-height:1;border:1px solid transparent;cursor:pointer;
  transition:transform .2s ease,background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
/* kill the old underline pseudo-elements / borders */
.tel-link::after,.tel-link::before,#method .m-cta .tel::after,.close .tel-mega::after,.close .tel-mega::before{content:none!important}
.hand .act,.close .dir,.work-foot a{border-bottom:none}
.work-foot a{padding-bottom:14px}
/* primary — gold filled (booking calls) */
.tel-link,#method .m-cta .tel,.close .tel-mega{
  background:var(--gold);color:var(--ink);border-color:var(--gold);box-shadow:0 3px 18px -8px rgba(196,163,94,.65)}
.tel-link:hover,#method .m-cta .tel:hover,.close .tel-mega:hover{background:#d8b873;border-color:#d8b873;transform:translateY(-1px);box-shadow:0 6px 26px -8px rgba(196,163,94,.85)}
.tel-link:active,#method .m-cta .tel:active,.close .tel-mega:active{transform:scale(.97)}
.tel-link .ic,#method .m-cta .tel .ic{color:var(--ink);margin:0}
/* the giant closing phone — keep it large, as a hero button */
.close .tel-mega{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;margin-top:clamp(34px,6vh,52px);padding:16px 40px;font-family:var(--display);font-size:clamp(24px,4vw,44px);letter-spacing:.03em}
/* secondary — gold outlined (whatsapp / directions / artist / archive / follow) */
.wa-min,.hand .act,.close .dir,.work-foot a,.ig-follow{
  background:rgba(196,163,94,.07);color:var(--bone);border-color:rgba(196,163,94,.5)}
.wa-min:hover,.hand .act:hover,.close .dir:hover,.work-foot a:hover,.ig-follow:hover{
  background:var(--gold);color:var(--ink);border-color:var(--gold);transform:translateY(-1px);letter-spacing:.01em}
.wa-min:active,.hand .act:active,.close .dir:active,.work-foot a:active,.ig-follow:active{transform:scale(.97)}
/* hero CTA row: align the two buttons */
.hero-cta{align-items:center}
.hero-cta .tel-link{font-size:15px}
.work-foot{display:flex;flex-direction:column;align-items:center;gap:18px}

/* ---- portfolio: filter tabs + load more ---- */
.pf-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1280px;margin:0 auto clamp(28px,4vw,42px);padding:0 var(--pad)}
.pf-filters button{font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.16em;color:var(--bone-dim);background:rgba(196,163,94,.06);border:1px solid var(--hair-soft);border-radius:100px;padding:11px 20px;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .15s}
.pf-filters button:hover{color:var(--bone);border-color:rgba(196,163,94,.4)}
.pf-filters button:active{transform:scale(.96)}
.pf-filters button.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.wpiece[hidden]{display:none}
.pf-more{text-align:center;margin-top:clamp(34px,5vw,50px);position:relative;z-index:1}
.pf-more button{font-family:var(--body);font-weight:600;font-size:14px;letter-spacing:.01em;color:var(--bone);background:rgba(196,163,94,.07);border:1px solid rgba(196,163,94,.5);border-radius:100px;padding:14px 30px;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .2s}
.pf-more button:hover{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:translateY(-1px)}
.pf-more button:active{transform:scale(.97)}
.pf-more button[hidden]{display:none}
.pf-count{display:block;margin-top:16px;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.18em;color:var(--bone-faint)}

/* ---- instagram feed section ---- */
.ig-sec{border-top:1px solid var(--hair);padding:clamp(64px,9vw,104px) 0 clamp(44px,6vw,64px);text-align:center;position:relative;background-color:var(--ink)}
.ig-head{max-width:1280px;margin:0 auto clamp(30px,4vw,46px);padding:0 var(--pad)}
.ig-head .ig-h{font-family:var(--display);font-weight:400;font-size:clamp(30px,4.6vw,54px);line-height:1.08;letter-spacing:-.01em}
.ig-head .ig-h .it{color:var(--gold)}
.ig-head .ig-handle{display:inline-flex;align-items:center;gap:9px;margin-top:16px;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.18em;color:var(--bone-dim)}
.ig-head .ig-handle svg{width:17px;height:17px;fill:var(--gold)}
.ig-embed{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.ig-embed #sb_instagram,.ig-embed .sbi{margin:0 auto!important}
.ig-fallback{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-width:1100px;margin:0 auto}
.ig-fallback a{position:relative;aspect-ratio:1;overflow:hidden;border-radius:5px;display:block}
.ig-fallback img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.02);transition:filter .4s ease,transform .6s ease}
.ig-fallback a::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--hair-soft);border-radius:inherit}
@media (hover:hover){.ig-fallback a:hover img{filter:none;transform:scale(1.05)}}
.ig-follow{margin-top:clamp(30px,4vw,46px)}
.ig-follow svg{width:16px;height:16px;fill:currentColor}

/* ============================================================ *
 *  v1.2 — hero height-match · mobile artists row · IG equal    *
 *  rows · portfolio actions in one row                         *
 * ============================================================ */

/* 1) hero: video matches the copy column height (kill empty space above) */
.hero-core{align-items:stretch}
.hero-art{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}
.hero-art .arch-frame{flex:1;display:flex;min-height:0}
.hero-art .arch{aspect-ratio:auto;height:100%;flex:1;min-height:0}

/* 3) portfolio: both CTAs in one row, no count / no descriptive text */
.pf-count{display:none}
.pf-actions{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;
  margin-top:clamp(34px,5vw,50px);position:relative;z-index:1}
.pf-actions #pfMore,.pf-archive{display:inline-flex;align-items:center;gap:8px;
  font-family:var(--body);font-weight:600;font-size:14px;letter-spacing:.01em;text-transform:none;
  border-radius:100px;padding:14px 28px;cursor:pointer;border:1px solid rgba(196,163,94,.5);
  background:rgba(196,163,94,.07);color:var(--bone);
  transition:transform .2s ease,background .3s,color .3s,border-color .3s}
.pf-actions #pfMore:hover,.pf-archive:hover{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:translateY(-1px)}
.pf-actions #pfMore:active,.pf-archive:active{transform:scale(.97)}
.pf-actions #pfMore[hidden]{display:none}

/* 2) instagram fallback: equal photos per row (10 imgs → 5 × 2) */
.ig-fallback{grid-template-columns:repeat(5,1fr)}

/* 4) mobile: Ajay & Ronny side by side in one row */
@media (max-width:760px){
  .hero-art{display:block}
  .hero-art .arch{aspect-ratio:1/1;height:auto;max-height:none}
  .duet{grid-template-columns:1fr 1fr;gap:14px}
  .hand:nth-child(2){transform:none}
  .hand .num{font-size:clamp(38px,11vw,58px);top:-24px;left:-4px}
  .hand .nm{font-size:clamp(23px,7vw,32px);margin-top:18px}
  .hand .spec{font-size:10px;letter-spacing:.1em;margin-top:8px}
  .hand .bio{font-size:12.5px;line-height:1.5;margin-top:12px}
  .hand .act{width:100%;justify-content:center;padding:11px 12px;font-size:11px;margin-top:16px}
  .ig-fallback{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================ *
 *  v1.3 — hero sizes to content (video ends at CTA) ·          *
 *  mobile category filter = single scrollable row              *
 * ============================================================ */

/* 1) hero: don't let min-height:100svh stretch the columns; size to the
   text content so the video height matches and ends near the CTA */
.hero-core{align-self:center}
.hero-copy{padding-top:clamp(28px,4vh,40px);padding-bottom:clamp(24px,3vh,36px)}

/* 3) mobile: portfolio category filter in ONE horizontally-scrollable row */
@media (max-width:760px){
  .pf-filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin-left:0;margin-right:0;padding-left:var(--pad);padding-right:var(--pad);
    scroll-snap-type:x proximity}
  .pf-filters::-webkit-scrollbar{display:none}
  .pf-filters button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
}

/* ============================================================ *
 *  v1.4 — hero media height = text column CONTENT height       *
 *  (video bottom ends at the CTA, both columns truly equal)    *
 * ============================================================ */
.hero-core{align-items:stretch}
.hero-art{align-self:stretch;position:relative;display:block;padding-top:0;padding-bottom:0;padding-right:0}
.hero-art .arch-frame{position:absolute;inset:0 5vw 0 0;display:flex}
.hero-art .arch{flex:1;width:100%;height:auto;aspect-ratio:auto;min-height:0;border-radius:12px}
.hero-art .arch::after{border-radius:12px}
.arch-frame::before{inset:-12px calc(5vw - 12px) -12px -12px;border-radius:16px;border:1px solid var(--hair-soft)}
.hero-art .cap{bottom:14px}
@media (max-width:760px){
  .hero-art{position:static;display:block;padding:90px var(--pad) 0}
  .hero-art .arch-frame{position:static;inset:auto;display:block}
  .hero-art .arch{aspect-ratio:1/1;height:auto;flex:none}
  .arch-frame::before{inset:-13px;border-radius:16px}
}

/* ============================================================ *
 *  v1.5 — section reorder support · bigger simple headlines ·  *
 *  style-card images · enquiry form · floating WhatsApp        *
 * ============================================================ */

/* bigger, simple section headlines */
.sec-h{font-family:var(--display);font-weight:400;font-size:clamp(40px,6.4vw,84px);line-height:1.02;letter-spacing:-.02em;color:var(--bone);margin-top:clamp(14px,2vw,22px);text-wrap:balance}
.sec-h .it{color:var(--gold)}
.sec-sub{margin-top:16px;font-size:clamp(16px,2vw,20px);line-height:1.55;color:var(--bone-dim);max-width:600px}
/* enlarge the existing per-section h2s too */
.styles-intro h2,.price-l h2,#care .care-intro h2,#method .m-head h2{font-size:clamp(38px,5.6vw,72px)!important;line-height:1.03}
.close h2{font-size:clamp(46px,8vw,96px)!important}
.ig-h.rv,.ig-head .ig-h{font-size:clamp(36px,5vw,66px)!important}

/* style-card images (what we tattoo) — visible, full-bleed at card top */
.scard{padding-top:0;overflow:hidden}
.scard .simg{margin:0 calc(-1 * clamp(24px,2.6vw,34px)) clamp(20px,2.4vw,28px);aspect-ratio:4/3;overflow:hidden;background:var(--ink-2)}
.scard .simg img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.3) contrast(1.03);transition:filter .5s ease,transform .6s ease}
.scard:hover .simg img{filter:none;transform:scale(1.04)}
.scard .si{display:block;margin-top:2px}

/* enquiry form */
.enq{border-top:1px solid var(--hair);padding:clamp(60px,9vw,104px) var(--pad);background-color:var(--ink);position:relative;z-index:1}
.enq-in{max-width:740px;margin:0 auto}
.enq-head{text-align:center;margin-bottom:clamp(28px,4vw,44px)}
.enq-head .sec-h{margin:0 auto}
.enq-head .sec-sub{margin:14px auto 0}
.enq-form{display:flex;flex-direction:column;gap:16px}
.enq-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.enq-form label{display:flex;flex-direction:column;gap:8px;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:.16em;color:var(--bone-dim)}
.enq-form input,.enq-form textarea{font-family:var(--body);font-size:16px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--bone);background:rgba(20,17,15,.72);border:1px solid var(--hair);border-radius:10px;padding:14px 16px;transition:border-color .3s}
.enq-form input::placeholder,.enq-form textarea::placeholder{color:var(--bone-faint);text-transform:none;letter-spacing:0;font-weight:400}
.enq-form input:focus,.enq-form textarea:focus{outline:none;border-color:var(--gold)}
.enq-form textarea{resize:vertical;min-height:92px}
.enq-send{margin-top:6px;font-family:var(--body);font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--ink);background:var(--gold);border:none;border-radius:100px;padding:16px 28px;cursor:pointer;transition:background .3s,transform .2s;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.enq-send:hover{background:#d8b873;transform:translateY(-1px)}
.enq-send:active{transform:scale(.98)}
.enq-note{text-align:center;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:10px;letter-spacing:.14em;color:var(--bone-faint)}
@media (max-width:560px){.enq-row{grid-template-columns:1fr}}

/* floating WhatsApp button */
.wa-float{position:fixed;right:20px;bottom:24px;z-index:88;width:58px;height:58px;border-radius:50%;background:#25D366;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -6px rgba(37,211,102,.6);
  transition:transform .25s ease;animation:waPulse 2.8s ease-in-out infinite}
.wa-float svg{width:32px;height:32px;fill:#fff}
.wa-float:hover{transform:scale(1.08)}
.wa-float:active{transform:scale(.95)}
@keyframes waPulse{0%,100%{box-shadow:0 8px 24px -6px rgba(37,211,102,.55)}50%{box-shadow:0 10px 30px -4px rgba(37,211,102,.9)}}
@media (max-width:760px){.wa-float{bottom:78px;right:16px;width:54px;height:54px}.wa-float svg{width:29px;height:29px}}
/* sticky bar now single full-width call button */
.bar a.c{flex:1}

/* ============================================================ *
 *  v1.6 — fix mobile slider left-edge alignment.               *
 *  scroll-snap was snapping the first item past the container's *
 *  left padding (pulling it to the screen edge while the section*
 *  header stayed inset). scroll-padding makes snap respect it.  *
 * ============================================================ */
.rv-track,.srail,.gstrip,.pf-filters,#method .real3{
  scroll-padding-left:var(--pad);
  scroll-padding-right:var(--pad);
}

/* ============================================================ *
 *  v1.7 — artists: clear the I./II. numerals from the new      *
 *  "Meet The Artists" headline (they poke up ~38px and were    *
 *  overlapping it). Push the duet down for breathing room.     *
 * ============================================================ */
.duet{margin-top:clamp(42px,5vw,58px)}
@media (max-width:760px){ .duet{margin-top:34px} }

/* ============================================================ *
 *  v1.8 — bigger logos · CAPITAL roman numerals · square media *
 *  frames (no arch/window) · consistent header→content spacing *
 * ============================================================ */

/* 6) bigger logos on desktop */
nav .mark .logo-img{height:clamp(34px,4.6vw,54px)}
footer .flogo{height:clamp(36px,4vw,48px)}

/* 3) all roman numerals uppercase */
.scard .si,#care .cnote .ci,.prow .rn,#method .rcard .rn,.hand .num{text-transform:uppercase}

/* 2) square frames for all media (replace the rounded-top "window" arch) */
.arch{border-radius:10px}
.hand .arch{aspect-ratio:1/1;border-radius:10px}
.story .sv{border-radius:10px;aspect-ratio:1/1}
.story .sv img,.story .sv video{object-position:center 30%}
#method .rcard video{aspect-ratio:1/1;border-radius:10px;object-position:center 30%}
.gcard img{aspect-ratio:1/1;border-radius:10px}
.story .ring span{transform:none}

/* 4 + 5) structured, consistent spacing: tighten the chap→headline gap,
   give every section a consistent gap between its header and its content */
.chap{padding:clamp(54px,7.5vw,86px) 0 clamp(22px,3vw,30px)}
.sec-h{margin-top:clamp(8px,1.2vw,14px)}
.sec-sub{margin-top:14px}
/* consistent header→content gap across sections */
.pf-filters{margin-top:clamp(36px,5vw,52px)}
#reviews .rv-head{margin-top:clamp(30px,4vw,44px)}
#stories .srail{margin-top:clamp(30px,4.5vw,46px)}
#process .proc{margin-top:clamp(30px,4.5vw,46px)}
#space .gstrip{margin-top:clamp(28px,4vw,42px)}
#faq .faq{margin-top:clamp(28px,4vw,44px)}

/* enquiry form status (success / error) */
.enq-status{margin-top:2px;font-family:var(--body);font-size:14px;line-height:1.5;padding:13px 16px;border-radius:10px}
.enq-status[hidden]{display:none}
.enq-status.ok{color:#c7ecca;background:rgba(37,211,102,.10);border:1px solid rgba(37,211,102,.35)}
.enq-status.err{color:#f0bdb4;background:rgba(214,90,70,.10);border:1px solid rgba(214,90,70,.4)}
.enq-send:disabled{opacity:.6;cursor:wait}

/* ============================================================ *
 *  v1.9 — popup quick-enquiry modal (opens once after          *
 *  section 5 / Video Reviews)                                  *
 * ============================================================ */
.qpop{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;
  padding:var(--pad);background:rgba(6,5,4,.82);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .3s ease}
.qpop[hidden]{display:none}
.qpop.on{opacity:1}
.qpop-card{position:relative;max-width:470px;width:100%;background:var(--ink-2);
  border:1px solid var(--hair);border-radius:16px;padding:clamp(28px,4vw,40px);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.85),inset 0 0 0 1px rgba(196,163,94,.08);
  transform:scale(.96);transition:transform .3s cubic-bezier(.23,1,.32,1)}
.qpop.on .qpop-card{transform:scale(1)}
.qpop-x{position:absolute;top:12px;right:16px;width:38px;height:38px;font-size:28px;line-height:1;
  color:var(--bone-dim);background:none;border:none;cursor:pointer;font-family:var(--body);transition:color .3s,transform .15s}
.qpop-x:hover{color:var(--gold)}
.qpop-x:active{transform:scale(.9)}
.qpop-h{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.4vw,34px);line-height:1.1;color:var(--bone);padding-right:30px}
.qpop-sub{margin:10px 0 22px;font-size:15px;line-height:1.55;color:var(--bone-dim)}
.qpop .enq-form{gap:14px}
@media (prefers-reduced-motion:reduce){.qpop,.qpop-card{transition:opacity .2s ease}.qpop-card{transform:none}}

/* ============================================================ *
 *  v2.0 — thank-you page (after enquiry submit)                *
 * ============================================================ */
.ty{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:clamp(100px,16vh,160px) var(--pad) clamp(80px,12vw,120px);position:relative;background-color:var(--ink)}
.ty-in{max-width:620px;position:relative;z-index:1}
.ty-kicker{display:inline-block;font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:12px;
  letter-spacing:.2em;color:var(--gold);border:1px solid rgba(196,163,94,.4);border-radius:100px;padding:9px 18px;background:rgba(196,163,94,.07)}
.ty-h{font-family:var(--display);font-weight:400;font-size:clamp(54px,9vw,110px);line-height:1;letter-spacing:-.02em;color:var(--bone);margin-top:clamp(22px,3vw,32px)}
.ty-p{margin-top:22px;font-size:clamp(16px,2vw,19px);line-height:1.7;color:var(--bone-dim);max-width:520px;margin-left:auto;margin-right:auto}
.ty-now{color:var(--bone);margin-top:30px}
.ty-cta{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}
.ty-back{display:inline-block;margin-top:clamp(34px,5vw,48px);font-family:var(--label);text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.2em;color:var(--bone-faint);transition:color .3s}
.ty-back:hover{color:var(--gold)}

/* ============================================================ *
 *  v2.1 — fix enquiry inputs overflowing the narrow popup      *
 *  (inputs had min-width:auto so a 2-col grid couldn't shrink) *
 * ============================================================ */
.enq-form label{min-width:0}
.enq-form input,.enq-form textarea{width:100%;min-width:0;box-sizing:border-box}