/* =====================================================================
   PALAK · Maison layer
   The house details on top of noir.css: the crest, the jewellery menu,
   ivory interludes, Jaipur arch frames and the editorial page blocks.
   All sizes in rem so the page scales with the screen.
   ===================================================================== */
:root{
  --iv:#f1e9da; --iv-2:#e8dece; --iv-ink:#1c1611; --iv-txt:#4a3f33; --iv-gold:#7f6130; --iv-line:rgba(127,97,48,.28);
  --arch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M0 130V46C0 22 22 8 50 0c28 8 50 22 50 46v84z'/%3E%3C/svg%3E");
  --arch-line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M.5 130V46.3C.5 22.6 22.3 8.6 50 .5c27.7 8.1 49.5 22.1 49.5 45.8V130' fill='none' stroke='%23c9a464' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --jaali:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23c9a464' stroke-width='.6'%3E%3Cpath d='M24 0c0 13.3-10.7 24-24 24 13.3 0 24 10.7 24 24 0-13.3 10.7-24 24-24-13.3 0-24-10.7-24-24z'/%3E%3Ccircle cx='24' cy='24' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- crest + logo ---------- */
.crest{display:block;width:1.75rem;height:auto;color:var(--gold);flex:none;overflow:visible}
.logo{flex-direction:row;align-items:center;gap:0.85rem}
.logo>span{display:flex;flex-direction:column;line-height:1}
.logo .crest{width:1.6rem}
#pre .crest{width:3.25rem;margin:0 auto 1.4rem;opacity:0;animation:crestIn 1.2s var(--out) .1s forwards}
@keyframes crestIn{from{opacity:0;transform:translateY(0.6rem)}to{opacity:1;transform:none}}

/* ---------- top menu + jewellery mega menu ---------- */
.lk{align-items:center;gap:clamp(1.1rem,2.2vw,2.25rem)}
.mm-w{position:relative;display:flex}
.mm-t{display:inline-flex;align-items:center;gap:0.4rem}
.mm-t svg{width:0.7rem;height:0.7rem;transition:transform .4s var(--out)}
.mm-open .mm-t svg{transform:rotate(180deg)}
.mm{position:absolute;left:0;right:0;top:100%;background:rgba(9,8,7,.97);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .6s var(--out),visibility 0s .6s}
.mm-open .mm{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .6s var(--out),visibility 0s}
.mm-open #nav{background:rgba(9,8,7,.97);border-color:var(--line)}
.mm-in{max-width:85rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:clamp(1.5rem,3vw,3.5rem);padding:2.75rem 0 3rem}
.mm-col{display:flex;flex-direction:column;gap:0.15rem}
.mm-col h4{margin:0 0 0.9rem;font-family:var(--sans);font-size:0.625rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.mm-col a{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--ink-2);padding:0.2rem 0;width:fit-content;transition:color .3s,transform .4s var(--out)}
.mm-col a:hover{color:var(--gold);transform:translateX(0.25rem)}
.mm-col a.mm-all{margin-top:0.9rem;font-family:var(--sans);font-size:0.6875rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:0.5rem}
.mm-col a.mm-all svg{width:0.85rem;height:0.85rem}
.mm-st{display:flex;align-items:baseline;gap:0.7rem}
.mm-st small{font-family:var(--sans);font-size:0.6875rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.sd{display:inline-block;width:0.55rem;height:0.55rem;transform:rotate(45deg) translateY(-0.1rem);background:var(--c,#999);box-shadow:0 0 0.6rem var(--c,transparent);flex:none}
.sd.nine{background:conic-gradient(#a3122f,#e07a3c,#e8c24a,#1f8a5b,#2443a8,#e9e2d4,#a3122f)}
.mm-feat{display:grid;grid-template-columns:9rem 1fr;gap:1.4rem;align-items:center;padding-left:clamp(1.5rem,3vw,3rem);border-left:1px solid var(--line)}
.mm-feat .arch-img{aspect-ratio:4/5}
.mm-feat small{display:block;font-size:0.625rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:0.7rem}
.mm-feat b{font-family:var(--serif);font-weight:300;font-size:1.75rem;line-height:1.1;color:var(--ink)}
.mm-feat b em{color:var(--gold)}
.mm-feat:hover .arch-img img{transform:scale(1.06)}
@media (max-width:1180px){.lk,.nav-cta{display:none}.mb{display:block}.nav-tools{margin-right:0.25rem}.mm{display:none}}
.sheet{overflow-y:auto}
.sheet .sh-links a{font-size:clamp(1.9rem,8vw,2.75rem);padding:0.25rem 0}
@media (max-height:740px){.sheet .sh-links a{font-size:1.75rem}}
.sh-foot .sh-ig{font-size:0.8125rem;letter-spacing:.1em;color:var(--ink-3)}

/* ---------- arch frames ---------- */
.arch-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;
  -webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat;
  background:radial-gradient(70% 55% at 50% 58%,#2e2722 0%,#14110e 62%,#0a0908 100%)}
.arch-img::after{content:"";position:absolute;inset:0.55rem;background:var(--arch-line) center/100% 100% no-repeat;opacity:.5;pointer-events:none}
.arch-img img{position:absolute;left:12%;top:18%;width:76%;height:72%;object-fit:contain;transition:transform 1.4s var(--out);filter:drop-shadow(0 1.5rem 1.5rem rgba(0,0,0,.55))}
.arch-img.g-panna{background:radial-gradient(70% 55% at 50% 58%,#1d4a38,#0b1813 66%,#060c09)}
.arch-img.g-manik{background:radial-gradient(70% 55% at 50% 58%,#55191f,#170809 66%,#0b0405)}
.arch-img.g-neelam{background:radial-gradient(70% 55% at 50% 58%,#1d2b5c,#090d1e 66%,#05070f)}
.arch-img.g-navratna{background:radial-gradient(70% 55% at 50% 58%,#463820,#151008 66%,#0a0805)}
.arch-img.g-moti{background:radial-gradient(70% 55% at 50% 58%,#3b362f,#13110e 66%,#0a0908)}

/* ---------- shared section bits ---------- */
.head.c{flex-direction:column;align-items:center;text-align:center}
.head.c .eyebrow::after{content:"";width:2.5rem;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.head.c p{margin:0 auto;text-align:center}
.orn{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--gold)}
.orn::before,.orn::after{content:"";width:min(9rem,20vw);height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.orn::after{transform:scaleX(-1)}
.orn i{width:0.45rem;height:0.45rem;border:1px solid currentColor;transform:rotate(45deg)}
.link-u{display:inline-flex;align-items:center;gap:0.6rem;font-size:0.6875rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);padding-bottom:0.4rem;border-bottom:1px solid currentColor;transition:gap .4s var(--out),color .3s}
.link-u svg{width:0.9rem;height:0.9rem}
.link-u:hover{gap:1rem;color:var(--accent-l)}
.roman{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--gold)}

/* ---------- ivory interludes ---------- */
.ivory{background:var(--iv);color:var(--iv-txt);position:relative}
.ivory::before{content:"";position:absolute;inset:0;background:var(--jaali) center/3rem 3rem;opacity:.09;pointer-events:none}
.ivory>*{position:relative}
.ivory h1,.ivory h2,.ivory h3{color:var(--iv-ink)}
.ivory h1 em,.ivory h2 em,.ivory h3 em{color:var(--iv-gold)}
.ivory p,.ivory li{color:var(--iv-txt)}
.ivory .eyebrow,.ivory .roman,.ivory .link-u{color:var(--iv-gold)}
.ivory .eyebrow::before{background:linear-gradient(90deg,transparent,var(--iv-gold))}
.ivory .head.c .eyebrow::after{background:linear-gradient(90deg,var(--iv-gold),transparent)}
.ivory .orn{color:var(--iv-gold)}.ivory .orn::before,.ivory .orn::after{background:linear-gradient(90deg,transparent,var(--iv-gold))}
.ivory .crest{color:var(--iv-gold)}
.ivory .btn.ghost{color:var(--iv-ink);border-color:var(--iv-gold)}
.ivory .btn.ghost:hover{color:var(--iv)}
.ivory .btn.ghost::before{background:var(--iv-ink)}
.ivory .btn{background:var(--iv-ink);border-color:var(--iv-ink);color:var(--iv)}
.ivory .btn::before{background:var(--iv-gold)}
.ivory .btn:hover{color:var(--iv);border-color:var(--iv-gold)}
.ivory .link-u:hover{color:var(--iv-ink)}
.ivory .pd-acc,.ivory .pd-acc details,.ivory .faq details{border-color:var(--iv-line)}

/* ---------- home: manifesto ---------- */
.manifesto{padding-block:clamp(5.5rem,11vw,9.5rem);text-align:center}
.mf-in{max-width:62rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.75rem}
.mf-in .crest{width:2.6rem}
.mf-quote{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.18;color:var(--iv-ink)!important;letter-spacing:-.005em;max-width:24ch;margin:0}
.mf-quote em{color:var(--iv-gold);font-style:italic}
.mf-sig{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0.9rem 1.4rem;font-size:0.6875rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--iv-txt)}
.mf-sig i{width:0.35rem;height:0.35rem;background:var(--iv-gold);transform:rotate(45deg)}

/* ---------- home: the five stones ---------- */
.houses{background:var(--paper)}
.hs-row{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(0.9rem,1.6vw,1.75rem)}
.hs{display:flex;flex-direction:column;gap:1.25rem;text-align:center}
.hs .arch-img img{transition:transform 1.4s var(--out)}
.hs:hover .arch-img img{transform:scale(1.07) translateY(-0.25rem)}
.hs-t{display:flex;flex-direction:column;align-items:center;gap:0.35rem}
.hs-t small{font-size:0.625rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.hs-t b{font-family:var(--serif);font-weight:400;font-size:clamp(1.75rem,2.4vw,2.4rem);color:var(--ink);line-height:1}
.hs-t em{font-family:var(--serif);font-size:1.0625rem;color:var(--muted);font-style:italic}
.hs .sd{margin-top:0.2rem}

/* ---------- editorial split (bridal feature, set rows, stone houses) ---------- */
.ed{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2.5rem,7vw,7.5rem)}
.ed.flip .ed-art{order:2}
.ed-art{max-width:34rem;width:100%;justify-self:center}
.ed-txt{max-width:34rem}
.ed-txt h2{font-size:clamp(2.6rem,4.6vw,4.6rem);line-height:1.04;margin:1.2rem 0 1.4rem}
.ed-txt h3{font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1.05;margin:0.9rem 0 1.1rem}
.ed-txt p{line-height:1.75;margin:0 0 1.6rem}
.ed-txt .cta{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:2rem}
.ed-list{list-style:none;margin:0 0 1.5rem;padding:0;border-top:1px solid var(--line)}
.ed-list li{border-bottom:1px solid var(--line)}
.ed-list a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:0.95rem 0;font-family:var(--serif);font-size:1.4rem;color:var(--ink);transition:color .3s,padding .5s var(--out)}
.ed-list a small{font-family:var(--sans);font-size:0.625rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.ed-list a:hover{color:var(--gold);padding-left:0.4rem}
.ivory .ed-list,.ivory .ed-list li{border-color:var(--iv-line)}
.ivory .ed-list a{color:var(--iv-ink)}.ivory .ed-list a small{color:var(--iv-gold)}
.bridal-feat{background:radial-gradient(50% 70% at 25% 50%,rgba(94,26,31,.38),transparent 70%),var(--noir)}
.set-mini{display:flex;gap:0.6rem;flex-wrap:wrap;margin:0 0 1.75rem}
.set-mini a{width:4.5rem;aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle,#2a2420,#0c0a09 75%);display:grid;place-items:center;transition:border-color .3s}
.set-mini a:hover{border-color:var(--gold)}
.set-mini img{width:82%;height:82%;object-fit:contain}

/* ---------- home: categories as arches ---------- */
.cat-arches{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(1.75rem,3vw,3rem) clamp(0.9rem,1.6vw,1.75rem)}
.ca{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}
.ca .arch-img{width:100%}
.ca b{font-family:var(--serif);font-weight:400;font-size:clamp(1.35rem,1.8vw,1.75rem);color:var(--ink);line-height:1}
.ca small{font-size:0.625rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.ca:hover .arch-img img{transform:scale(1.07)}
.ca:hover b{color:var(--gold)}
.cat-foot{display:flex;justify-content:center;margin-top:clamp(2.5rem,5vw,4rem)}

/* ---------- atelier steps ---------- */
.atelier-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--iv-line);margin-top:clamp(2.5rem,5vw,4rem);counter-reset:a}
.atelier-steps li{list-style:none;padding:2.25rem clamp(1rem,2vw,2rem) 0 0}
.atelier-steps li+li{padding-left:clamp(1rem,2vw,2rem);border-left:1px solid var(--iv-line)}
.atelier-steps .roman{font-size:2.6rem;line-height:1;display:block;margin-bottom:1.25rem}
.atelier-steps h3{font-size:1.75rem;font-weight:400;margin:0 0 0.75rem}
.atelier-steps p{font-size:0.9375rem;line-height:1.7;margin:0}
.dk .atelier-steps{border-color:var(--line)}.dk .atelier-steps li+li{border-color:var(--line)}

/* ---------- services trio ---------- */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.5vw,2.5rem)}
.svc a{display:flex;flex-direction:column;gap:1.4rem}
.svc .arch-img{aspect-ratio:5/4;-webkit-mask:none;mask:none;border:1px solid var(--line)}
.svc .arch-img::after{display:none}
.svc .arch-img img{left:20%;width:60%;top:12%;height:76%}
.svc small{font-size:0.625rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.svc h3{font-size:clamp(1.8rem,2.4vw,2.4rem);font-weight:400;margin:0.4rem 0 0.6rem;line-height:1.05}
.svc p{margin:0 0 1rem;line-height:1.65;font-size:0.9375rem}
.svc a:hover .arch-img img{transform:scale(1.06)}
.svc a:hover .link-u{gap:1rem}

/* ---------- journal ---------- */
.jr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.5vw,2.5rem)}
.jr-grid.two{grid-template-columns:repeat(2,1fr)}
.jr{display:flex;flex-direction:column;gap:1.3rem}
.jr .arch-img{aspect-ratio:4/3;-webkit-mask:none;mask:none}
.jr .arch-img::after{inset:0;background:none;border:1px solid var(--line);opacity:1}
.jr .arch-img img{left:22%;width:56%;top:10%;height:80%}
.jr small{font-size:0.625rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.jr h3{font-size:clamp(1.6rem,2.1vw,2.1rem);font-weight:400;line-height:1.12;margin:0.5rem 0 0.6rem}
.jr p{margin:0;font-size:0.9375rem;line-height:1.65;color:var(--muted)}
.jr:hover .arch-img img{transform:scale(1.06)}
.jr:hover h3{color:var(--gold)}
.ivory .jr .arch-img::after{border-color:var(--iv-line)}
.ivory .jr p{color:var(--iv-txt)}.ivory .jr small{color:var(--iv-gold)}
.ivory .jr:hover h3{color:var(--iv-gold)}

/* article */
.article{max-width:46rem;margin:0 auto}
.art-h{text-align:center;padding-top:clamp(8rem,14vw,11rem);padding-bottom:clamp(2.5rem,5vw,4rem)}
.art-h .eyebrow{justify-content:center}
.art-h h1{font-weight:300;font-size:clamp(2.9rem,5.6vw,5.4rem);line-height:1.02;margin:1.4rem auto 1.4rem;max-width:18ch}
.art-h p{max-width:40ch;margin:0 auto;font-size:1.125rem;line-height:1.7}
.art-meta{margin-top:1.8rem;font-size:0.6875rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.art-art{max-width:30rem;margin:0 auto clamp(3rem,6vw,5rem)}
.prose{font-size:1.0625rem;line-height:1.85;color:var(--ink-3)}
.prose p{margin:0 0 1.5rem}
.prose h2{font-size:clamp(2rem,3vw,2.75rem);line-height:1.1;margin:3.25rem 0 1.25rem;font-weight:400}
.prose ul,.prose ol{margin:0 0 1.75rem;padding-left:1.25rem}
.prose li{margin-bottom:0.65rem}
.prose li::marker{color:var(--gold)}
.prose strong{color:var(--ink);font-weight:500}
.prose a{color:var(--gold);border-bottom:1px solid rgba(201,164,100,.4)}
.prose blockquote{margin:2.75rem 0;padding:0 0 0 1.75rem;border-left:1px solid var(--gold);font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.3;color:var(--ink);font-style:italic;font-weight:300}
.prose .first::first-letter{font-family:var(--serif);float:left;font-size:4.6rem;line-height:.85;padding:0.35rem 0.75rem 0 0;color:var(--gold)}
.nine-t{width:100%;border-collapse:collapse;margin:0 0 2rem;font-size:0.9375rem}
.nine-t th{text-align:left;font-size:0.625rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:500;padding:0 0 0.8rem;border-bottom:1px solid var(--line)}
.nine-t td{padding:0.8rem 0;border-bottom:1px solid var(--line);color:var(--ink-3)}
.nine-t td:first-child{font-family:var(--serif);font-size:1.25rem;color:var(--ink)}

/* ---------- page openings for the house pages ---------- */
.mh{padding-top:clamp(8.5rem,14vw,12rem);padding-bottom:clamp(4rem,8vw,7rem);text-align:center;position:relative;overflow:hidden;
  background:radial-gradient(45% 60% at 50% 30%,rgba(201,164,100,.12),transparent 70%),var(--paper)}
.mh .eyebrow{justify-content:center}
.mh .eyebrow::after{content:"";width:2.5rem;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.mh h1{font-weight:300;font-size:clamp(3.2rem,7vw,7rem);line-height:.98;margin:1.5rem auto 1.75rem;max-width:14ch}
.mh p.lead{max-width:44ch;margin:0 auto;font-size:1.125rem;line-height:1.7}
.mh .cta{justify-content:center;margin-top:2.25rem}
.mh-art{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:clamp(1rem,2.5vw,2.5rem);align-items:end;max-width:64rem;margin:clamp(3rem,6vw,5rem) auto 0}
.mh-art .arch-img:not(.big){aspect-ratio:3/4}
.mh-crumb{display:flex;justify-content:center;gap:0.6rem;font-size:0.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem}
.mh-crumb a:hover{color:var(--gold)}

/* jump links under an opening */
.jump{display:flex;justify-content:center;flex-wrap:wrap;gap:0.5rem;margin-top:2.5rem}
.jump a{padding:0.7rem 1.2rem;border:1px solid var(--line);font-size:0.6875rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:0.6rem;transition:border-color .3s,color .3s}
.jump a:hover{border-color:var(--gold);color:var(--gold)}

/* ---------- the stones page ---------- */
.stone{position:relative;border-top:1px solid var(--line);scroll-margin-top:5rem}
.stone .ed-txt .sd{width:0.8rem;height:0.8rem}
.st-head{display:flex;align-items:center;gap:1rem}
.st-head small{font-size:0.6875rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.st-facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;margin:0 0 1.75rem;padding:1.25rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.st-facts div{display:flex;flex-direction:column;gap:0.3rem}
.st-facts dt{font-size:0.625rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.st-facts dd{margin:0;font-family:var(--serif);font-size:1.2rem;color:var(--ink)}
.stone .pc-grid{margin-top:clamp(3rem,6vw,5rem)}
.stone-panna{background:radial-gradient(45% 60% at 15% 40%,rgba(31,138,91,.13),transparent 70%)}
.stone-manik{background:radial-gradient(45% 60% at 85% 40%,rgba(163,18,47,.15),transparent 70%)}
.stone-neelam{background:radial-gradient(45% 60% at 15% 40%,rgba(36,67,168,.15),transparent 70%)}
.stone-navratna{background:radial-gradient(45% 60% at 85% 40%,rgba(201,164,100,.12),transparent 70%)}
.stone-moti{background:radial-gradient(45% 60% at 15% 40%,rgba(233,226,212,.08),transparent 70%)}

/* ---------- option grid (bespoke) ---------- */
.opt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.opt{padding:clamp(1.75rem,3vw,2.75rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.opt .roman{font-size:2rem;display:block;margin-bottom:1rem}
.opt h3{font-size:1.75rem;font-weight:400;margin:0 0 0.7rem}
.opt p{margin:0;line-height:1.7;font-size:0.9375rem}
.opt .chips-s{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1.1rem}
.opt .chips-s span{font-size:0.625rem;letter-spacing:.18em;text-transform:uppercase;padding:0.45rem 0.7rem;border:1px solid var(--line);color:var(--ink-3)}

/* ---------- gifting occasions ---------- */
.occ{border-top:1px solid var(--line);scroll-margin-top:5rem}
.occ .head{align-items:flex-end}
.occ h2{font-size:clamp(2.4rem,4vw,3.75rem)}

/* ---------- client care ---------- */
.care-nav{position:sticky;top:5rem;align-self:start;display:flex;flex-direction:column;gap:0.2rem}
.care-nav a{font-family:var(--serif);font-size:1.35rem;color:var(--ink-3);padding:0.35rem 0;border-left:1px solid var(--line);padding-left:1.1rem;transition:color .3s,border-color .3s}
.care-nav a:hover{color:var(--gold);border-color:var(--gold)}
.care-grid{display:grid;grid-template-columns:15rem 1fr;gap:clamp(2rem,6vw,6rem)}
.care-sec{scroll-margin-top:6rem;padding-bottom:clamp(3rem,6vw,5rem);margin-bottom:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--line)}
.care-sec:last-child{border-bottom:0;margin-bottom:0}
.care-sec h2{font-size:clamp(2.4rem,4vw,3.6rem);margin:1rem 0 1.5rem}
.care-sec>p{max-width:56ch;line-height:1.75}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.3rem 0;font-family:var(--serif);font-size:1.45rem;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--sans);font-weight:300;font-size:1.5rem;color:var(--gold);transition:transform .4s var(--out)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 0 1.5rem;max-width:60ch;line-height:1.75;color:var(--ink-3)}
.sz-two{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.sz-two h3{font-size:1.6rem;font-weight:400;margin:0 0 1rem}
.care .cr{border-color:var(--gold)}
.legal{max-width:46rem}
.legal h2{font-size:clamp(1.9rem,2.8vw,2.5rem);margin:3rem 0 1rem;font-weight:400}
.legal p,.legal li{line-height:1.8}
.legal ul{padding-left:1.2rem}

/* ---------- closing band ---------- */
.closing{text-align:center}
.closing .crest{width:2.4rem;margin:0 auto 1.75rem}
.closing h2{font-weight:300;max-width:16ch;margin:0 auto}
.closing p{max-width:44ch;margin:1.5rem auto 0;line-height:1.7}
.closing .pr{justify-content:center}

/* ---------- footer ---------- */
.ft-crest{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding-bottom:clamp(3rem,5vw,4.5rem);margin-bottom:clamp(3rem,5vw,4.5rem);border-bottom:1px solid var(--line)}
.ft-crest .crest{width:2.5rem}
.ft-crest p{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(1.9rem,3vw,2.9rem);color:var(--ink);line-height:1.15}
.ft-crest p em{color:var(--gold)}
.ft-act{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-top:1.5rem}
.ft-act .btn{margin-top:0}
.ft-ig{display:inline-flex;align-items:center;gap:0.55rem;font-size:0.8125rem;color:var(--ink-3)}
.ft-ig svg{width:1.15rem;height:1.15rem;color:var(--gold)}
.ft-ig:hover{color:var(--gold)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .hs-row{grid-template-columns:repeat(3,1fr)}
  .cat-arches{grid-template-columns:repeat(4,1fr)}
  .atelier-steps{grid-template-columns:1fr 1fr}
  .atelier-steps li:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:900px){
  .ed{grid-template-columns:1fr;gap:2.5rem}
  .ed.flip .ed-art{order:0}
  .ed-art{max-width:24rem}
  .svc,.jr-grid{grid-template-columns:1fr;gap:2.75rem}
  .jr-grid.two{grid-template-columns:1fr}
  .opt-grid{grid-template-columns:1fr 1fr}
  .care-grid{grid-template-columns:1fr}
  .care-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:0.5rem}
  .care-nav a{border:1px solid var(--line);padding:0.5rem 0.9rem;font-family:var(--sans);font-size:0.6875rem;letter-spacing:.18em;text-transform:uppercase}
  .mh-art{grid-template-columns:1fr 1.4fr 1fr;gap:0.75rem}
  .sz-two{grid-template-columns:1fr}
}
@media (max-width:600px){
  .hs-row{grid-template-columns:1fr 1fr;gap:1.75rem 0.9rem}
  .hs-row .hs:last-child{grid-column:1/-1;width:50%;justify-self:center}
  .cat-arches{grid-template-columns:1fr 1fr;gap:1.75rem 0.9rem}
  .atelier-steps{grid-template-columns:1fr}
  .atelier-steps li,.atelier-steps li+li{padding:1.75rem 0;border-left:0;border-bottom:1px solid var(--iv-line)}
  .dk .atelier-steps li{border-color:var(--line)}
  .opt-grid{grid-template-columns:1fr}
  .mf-sig{gap:0.7rem 1rem;letter-spacing:.2em}
  .mf-quote{font-size:clamp(1.9rem,8.4vw,2.4rem)}
  .mh h1{font-size:clamp(2.9rem,13vw,3.75rem)}
  .mh-art .arch-img:not(.big){display:none}
  .mh-art{grid-template-columns:1fr;max-width:17rem}
  .st-facts{grid-template-columns:1fr}
  .ed-list a{font-size:1.25rem}
  .mm-feat{display:none}
  .ft-crest p{font-size:1.75rem}
  .prose{font-size:1rem}
  .prose .first::first-letter{font-size:3.6rem}
}
.dk-steps,.dk-steps li,.dk-steps li+li{border-color:var(--line)!important}
#nav.stuck{background:rgba(8,7,6,.94)}
.ivory .btn.ghost{background:transparent}
.pc-grid.four .pc,.pc-grid .pc{border-radius:2px}
@media (max-width:600px){.svc .arch-img,.jr .arch-img{aspect-ratio:16/10}.svc,.jr-grid{gap:2.25rem}.manifesto{padding-block:4.5rem}}
.mm{background:#090807}
.mm-in{grid-template-columns:1.5fr 1fr 1fr 1.2fr}
.mm-col:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;align-content:start}
.mm-col:first-child h4,.mm-col:first-child .mm-all{grid-column:1/-1}
.mm-feat{grid-template-columns:10rem 1fr}
/* page openings that still use the boxed art: give them the arch */
.ph-art{border:0!important;-webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat;aspect-ratio:4/5;width:100%;max-width:27rem;height:auto;justify-self:center;position:relative}
.ph-art::after{content:"";position:absolute;inset:0.55rem;background:var(--arch-line) center/100% 100% no-repeat;opacity:.5;pointer-events:none}