/* HIG.Studio 2026 conversion layer. Loads after home.css + navigation.css. */
:root{--gold:#e0c9a5;--night:#141511;--night-2:#1c1d19}

/* ---------- Hero: real client photo, split layout ---------- */
.hx{position:relative;isolation:isolate;display:grid;grid-template-columns:1.08fr .92fr;gap:5%;align-items:center;min-height:760px;min-height:max(760px,100svh);padding:150px 5% 64px;background:var(--night);color:#f6f3ed}
.hx::before{content:"";position:absolute;inset:0 0 auto;height:180px;z-index:-1;background:linear-gradient(180deg,rgba(8,10,8,.55),transparent);pointer-events:none}
.hx-copy{max-width:720px}
.hx .eyebrow{color:#ded6c9;letter-spacing:2px;margin-bottom:26px}
.hx h1{font:500 clamp(50px,6vw,96px)/.95 Arial,Helvetica,sans-serif;letter-spacing:-.06em;margin-bottom:26px}
.hx h1 em{display:block;font-size:.5em;line-height:1.15;letter-spacing:-.035em;margin-top:18px;color:var(--gold)}
.hx-lead{color:#eee9df;max-width:500px;font-size:17px;line-height:1.7}
.hx .hero-actions{margin-top:30px;gap:26px}
.hx .button{background:#f6f3ed;border-color:#f6f3ed;color:#20201e;min-height:54px}
.hx .button:hover{background:#e4d5bf;border-color:#e4d5bf}
.hx .text-link{color:#f6f3ed;border-bottom:1px solid #f6f3ed80}
.hx-proof{list-style:none;margin:34px 0 0;padding:22px 0 0;border-top:1px solid #f6f3ed26;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px;color:#d8d2c6}
.hx-proof li::before{content:"✓";color:var(--gold);margin-right:8px}
.hx-media{position:relative;align-self:stretch;min-height:560px;margin:0;border-radius:260px 260px 6px 6px;overflow:hidden;background:#2a2a25}
.hx-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.hx-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 16px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#f6f3ed;background:linear-gradient(transparent,rgba(0,0,0,.6))}

/* ---------- Real work strip ---------- */
.proof{padding-top:70px}
.proof-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.proof-head>p{max-width:420px;color:var(--muted);font-size:14px;margin:0 0 22px}
.proof-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none;margin:0;padding:0}
.proof-grid figure{margin:0}
.proof-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:3px;background:#ded6c9}
.proof-grid li:first-child img{border-radius:90px 3px 3px 3px}
.proof-grid figcaption{font-size:12px;color:var(--muted);padding-top:9px;line-height:1.45}
.proof-note{font-size:13px;color:var(--muted);margin:26px 0 0;max-width:640px}
.proof-note strong{color:var(--ink);font-weight:600}

/* ---------- Stakes: problem -> answer ---------- */
.stakes{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;border-top:1px solid var(--line)}
.stakes-list{display:grid;gap:0;list-style:none;margin:0;padding:0}
.stakes-list li{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px 0;border-bottom:1px solid var(--line)}
.stakes-list li:first-child{border-top:1px solid var(--line)}
.stakes-list h3{font:400 21px/1.3 Georgia,serif;margin-bottom:8px}
.stakes-list p{font-size:14px;color:var(--muted);margin:0}
.stakes-list .fear p::before{content:"The worry";display:block;font:600 10px/1.5 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#9a5a4a;margin-bottom:6px}
.stakes-list .fix p::before{content:"How we handle it";display:block;font:600 10px/1.5 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#6c7a4f;margin-bottom:6px}

/* ---------- Collections ---------- */
.tiers-wrap{background:var(--soft);max-width:none;padding-left:max(6%,calc((100vw - 1268px)/2));padding-right:max(6%,calc((100vw - 1268px)/2))}
.tiers-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.tiers-head>p{max-width:420px;color:var(--muted);font-size:14px;margin:0 0 22px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.tier{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:30px 28px}
.tier.featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tier .badge{align-self:flex-start;font:600 10px/1 Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;background:var(--gold);color:#20201e;padding:7px 10px;border-radius:20px;margin-bottom:16px}
.tier h3{font:400 30px/1.1 Georgia,serif;margin-bottom:8px}
.tier .for{font-size:14px;color:var(--muted);margin-bottom:22px}
.tier.featured .for,.tier.featured li{color:#d8d2c6}
.tier .price{font:500 44px/1 Arial,sans-serif;letter-spacing:-.04em;margin-bottom:4px}
.tier .price-note{font-size:12px;color:var(--muted);margin-bottom:22px}
.tier.featured .price-note{color:#bdb6a9}
.tier ul{list-style:none;margin:0 0 26px;padding:0;font-size:14px;flex:1}
.tier li{padding:8px 0;border-bottom:1px solid #d6d0c580;display:flex;gap:10px}
.tier.featured li{border-color:#f6f3ed1f}
.tier li::before{content:"✓";color:#806643}
.tier.featured li::before{color:var(--gold)}
.tier .button{justify-content:center}
.tier.featured .button{background:#f6f3ed;color:#20201e;border-color:#f6f3ed}
.tiers-terms{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:34px 0 0;padding:24px 0 0;border-top:1px solid var(--line);list-style:none}
.tiers-terms li{font-size:13px;color:var(--muted)}
.tiers-terms strong{display:block;color:var(--ink);font:400 18px/1.3 Georgia,serif;margin-bottom:4px}
.tiers-fine{font-size:12px;color:var(--muted);margin:22px 0 0;max-width:820px}

/* ---------- Add-ons ---------- */
.addons{display:grid;grid-template-columns:1fr 1.3fr;gap:8%}
.addon-list{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;list-style:none;margin:0;padding:0}
.addon-list li{border-top:1px solid var(--line);padding-top:18px}
.addon-list h3{font:400 21px/1.3 Georgia,serif;margin-bottom:8px}
.addon-list p{font-size:14px;color:var(--muted);margin:0 0 8px}
.addon-list a{font-size:13px;text-decoration:underline;text-underline-offset:4px}

/* ---------- Guide (studio) with photo ---------- */
.guide{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;background:var(--ink);color:var(--paper);max-width:none;padding:80px max(6%,calc((100vw - 1268px)/2))}
.guide img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px 90px 3px 3px}
.guide .eyebrow{color:var(--sand)}
.guide p{color:#c8c4bb;font-size:15px}
.guide .lead{font:24px/1.5 Georgia,serif;color:var(--paper)}
.guide .text-link{border-bottom:1px solid #8d8577}

/* ---------- Also from the studio ---------- */
.also-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;border-top:1px solid var(--line);padding-top:40px}
.also-head>p{max-width:420px;color:var(--muted);font-size:14px;margin:0 0 22px}
.also-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px;list-style:none;margin:0;padding:0}
.also-grid a{display:block}
.also-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px;margin-bottom:12px;transition:transform .4s}
.also-grid a:hover img{transform:scale(1.02)}
.also-grid h3{font:400 20px/1.25 Georgia,serif;margin-bottom:4px}
.also-grid p{font-size:13px;color:var(--muted);margin:0}

/* ---------- Form tweaks ---------- */
.inquire .es{font:15px/1.5 Georgia,serif;color:var(--ink);margin-top:20px}
.reply-promise{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ink);margin:0 0 22px;padding:12px 14px;background:var(--paper);border-radius:6px}
.reply-promise::before{content:"";width:8px;height:8px;border-radius:50%;background:#5f8a4a;flex-shrink:0}

/* ---------- Quinceañera page hero ---------- */
.qx{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;min-height:720px;padding:150px 5% 64px;background:var(--night);color:#f6f3ed;position:relative;isolation:isolate}
.qx::before{content:"";position:absolute;inset:0 0 auto;height:180px;z-index:-1;background:linear-gradient(180deg,rgba(8,10,8,.55),transparent)}
.qx h1{font:500 clamp(46px,5.2vw,82px)/.98 Arial,sans-serif;letter-spacing:-.055em;margin-bottom:24px}
.qx h1 em{display:block;font-size:.52em;color:var(--gold);margin-top:14px;letter-spacing:-.03em}
.qx .eyebrow{color:#ded6c9}
.qx p{color:#eee9df;max-width:520px}
.qx .button{background:#f6f3ed;border-color:#f6f3ed;color:#20201e}
.qx .text-link{color:#f6f3ed;border-bottom:1px solid #f6f3ed80}
.qx-media{margin:0;border-radius:3px 140px 3px 3px;overflow:hidden;align-self:stretch;min-height:440px;position:relative}
.qx-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% 40%}
.qx .hx-proof{color:#d8d2c6}
.back{color:#d8d2c6;font-size:13px;display:inline-block;margin-bottom:20px}

@media(max-width:1100px){.proof-grid{grid-template-columns:repeat(4,1fr)}.proof-grid li:nth-child(n+9){display:none}.also-grid{grid-template-columns:repeat(2,1fr)}.tiers-terms{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.hx{grid-template-columns:1fr 1fr}.hx h1{font-size:58px}.tiers{grid-template-columns:1fr}.tier{max-width:560px}.stakes,.addons{display:block}.stakes-list{margin-top:10px}}
@media(max-width:700px){
.hx,.qx{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:118px 6% 44px;min-height:0}
.hx-media{order:-1;min-height:0;height:44svh;max-height:400px;border-radius:150px 150px 4px 4px}
.hx-media figcaption{font-size:10px;padding:30px 16px 12px}
.qx-media{order:-1;min-height:0;height:42svh;max-height:380px}
.hx h1{font-size:46px;margin-bottom:16px}.hx h1 em{font-size:26px;margin-top:10px}
.qx h1{font-size:42px}
.hx-lead{font-size:15px}
.hx .hero-actions{margin-top:20px;gap:18px}
.hx-proof{margin-top:24px;padding-top:16px;gap:8px 18px;font-size:12px}
.proof-head,.tiers-head,.also-head{display:block}
.proof-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -6%;padding:0 6% 6px}
.proof-grid li{flex:0 0 68%;scroll-snap-align:start}
.proof-grid li:nth-child(n+9){display:block}
.stakes-list li{grid-template-columns:1fr;gap:12px}
.addon-list{grid-template-columns:1fr}
.guide{display:block;padding:48px 6%}.guide img{margin-bottom:28px}
.also-grid{grid-template-columns:1fr 1fr;gap:22px 14px}.also-grid h3{font-size:17px}
.tiers-terms{grid-template-columns:1fr}
.tier .price{font-size:38px}
}
@media(prefers-reduced-motion:reduce){.also-grid img{transition:none}}
/* CSP-safe helpers (the server blocks inline style attributes) */
.section-lead{color:var(--muted);font-size:15px;max-width:420px}
.wrap.more{padding-top:20px}
.guide .button.on-dark{background:#f6f3ed;color:#20201e;border-color:#f6f3ed}
.guide .button.on-dark:hover{background:#e4d5bf;border-color:#e4d5bf}

/* ================= STORE ================= */
.tier .deposit{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;padding:12px 14px;border-radius:6px;background:var(--soft)}
.tier.featured .deposit{background:#f6f3ed14}
.tier .deposit div{margin:0}
.tier .deposit dt{font:600 10px/1.4 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.tier.featured .deposit dt{color:#bdb6a9}
.tier .deposit dd{margin:2px 0 0;font:500 22px/1.2 Arial,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tier .deposit div:first-child dd{color:#806643}
.tier.featured .deposit div:first-child dd{color:var(--gold)}
.tier .button{text-align:center;line-height:1.35}
.paylater{font-size:12px;color:var(--muted);text-align:center;margin:10px 0 0}
.tiers-fine a{text-decoration:underline}
.how{padding-top:70px}
.how-list{list-style:none;counter-reset:how;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.how-list li{counter-increment:how;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.how-list li::before{content:counter(how,decimal-leading-zero);font-size:13px;color:#786f60}
.how-list strong{font:400 21px/1.3 Georgia,serif}
.how-list span{font-size:14px;color:var(--muted)}
.how-list.light{grid-template-columns:1fr;gap:0;margin:26px 0 8px;max-width:560px}
.how-list.light li{border-color:#f6f3ed26;padding:14px 0}
.how-list.light strong{color:#f6f3ed;font-size:18px}
.how-list.light span{color:#d8d2c6}
.how-list.light li::before{color:var(--gold)}
.gift{background:var(--night-2);color:#f6f3ed}
.gift-inner{max-width:1440px;margin:auto;padding:80px max(6%,calc((100vw - 1268px)/2));display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}
.gift .eyebrow{color:var(--sand)}
.gift .lead{font:22px/1.5 Georgia,serif;color:#f6f3ed}
.gift p{color:#c8c4bb}
.gift .text-link{color:#f6f3ed;border-bottom:1px solid #8d8577}
.gift .button.on-dark,.close .button.on-dark{background:#f6f3ed;color:#20201e;border-color:#f6f3ed}
.gift-card{margin:0;aspect-ratio:1.6;border-radius:14px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#e9dcc5,#c9b28c 60%,#a98d61);color:#20201e;box-shadow:0 30px 60px #0006;transform:rotate(-3deg)}
.gc-brand{font:600 11px/1 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}
.gc-title{font:italic 40px/1.05 Georgia,serif}
.gc-line{font-size:12px}
.gc-amount{font:500 30px/1 Arial,sans-serif;letter-spacing:.05em}
.g-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.g-strip img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:3px}
.g-strip .g-cap{display:block;font-size:12px;color:var(--muted);padding-top:8px}
.guide.close .lead{margin-bottom:6px}

/* ================= GALLERY ================= */
.g-hero{background:var(--night);color:#f6f3ed;position:relative;isolation:isolate}
.g-hero::before{content:"";position:absolute;inset:0 0 auto;height:180px;z-index:-1;background:linear-gradient(180deg,rgba(8,10,8,.55),transparent)}
.g-hero-inner{max-width:1440px;margin:auto;padding:160px 6% 60px}
.g-hero .eyebrow{color:#ded6c9}
.g-hero h1{font:500 clamp(46px,6vw,92px)/.95 Arial,sans-serif;letter-spacing:-.055em;margin-bottom:22px}
.g-hero h1 em{display:block;font-size:.55em;color:var(--gold);margin-top:12px;letter-spacing:-.03em}
.g-hero p{color:#eee9df;max-width:520px}
.g-hero .button{background:#f6f3ed;color:#20201e;border-color:#f6f3ed}
.g-hero .text-link{color:#f6f3ed;border-bottom:1px solid #f6f3ed80}
.g-wrap{padding-top:40px}
.g-filter{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px;position:sticky;top:0;z-index:5;background:var(--paper);padding:12px 0}
.g-filter button{background:transparent;border:1px solid var(--line);border-radius:25px;padding:10px 16px;min-height:44px;font-size:13px;cursor:pointer;color:var(--ink)}
.g-filter button span{font-size:10px;margin-left:8px;opacity:.7}
.g-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.g-grid{list-style:none;margin:0;padding:0;columns:4 260px;column-gap:14px}
.g-item{break-inside:avoid;margin:0 0 14px}
.g-item a{display:block;border-radius:3px;overflow:hidden;background:#ded6c9}
.g-item img{display:block;width:100%;height:auto;transition:transform .5s}
.g-item a:hover img{transform:scale(1.03)}
.g-cap{display:block;font-size:12px;color:var(--muted);padding-top:7px}
.lb{border:0;padding:0;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;background:#0b0c0aF2;color:#f6f3ed}
.lb::backdrop{background:#000c}
.lb[open]{display:grid;grid-template-columns:64px 1fr 64px;align-items:center}
.lb figure{margin:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 0 24px;min-width:0}
.lb img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;display:block}
.lb figcaption{font-size:13px;color:#d8d2c6;text-align:center}
.lb-count{opacity:.6;margin-left:10px}
.lb button{background:transparent;border:0;color:#f6f3ed;font-size:44px;line-height:1;cursor:pointer;width:64px;height:64px;border-radius:50%}
.lb button:hover{background:#ffffff14}
.lb .lb-close{position:absolute;top:10px;right:12px;font-size:36px}
.thanks h1 em{color:var(--gold)}

@media(max-width:1100px){.g-strip{grid-template-columns:repeat(3,1fr)}.how-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
.gift-inner{display:flex;flex-direction:column;gap:34px;padding:48px 6%}
.gift-card{width:100%;max-width:340px;transform:rotate(-2deg)}
.gc-title{font-size:30px}
.how-list{grid-template-columns:1fr;gap:6px}
.g-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -6%;padding:0 6% 6px}
.g-strip li{flex:0 0 62%;scroll-snap-align:start}
.g-hero-inner{padding:130px 6% 40px}
.g-grid{columns:2;column-gap:10px}.g-item{margin-bottom:10px}
.g-filter{flex-wrap:nowrap;overflow-x:auto;margin:0 -6% 18px;padding:10px 6%}
.g-filter button{flex:0 0 auto}
.lb[open]{grid-template-columns:44px 1fr 44px}
.lb button{width:44px;font-size:34px}
.tier .button{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.g-item img{transition:none}}