/* Elite Boerboels · inner pages in the look of the 3D "Smoking Room" home (Rui 31/10: "the whole site must have the same layout as the new home").
   Loaded after site.css + gazette.css on the .com inner pages only (tools/build.py INNER3D, <html class="i3d">); EB_INNER=old builds without it.
   Same markup and copy as before: this file only restyles. Tokens, type, buttons, gilt frames and photo grade follow assets/home3d/style.css.
   Fonts: Fraunces + Manrope from /assets/fonts/ (the same files as /assets/home3d/fonts/, already declared and preloaded by gazette.css). */

.i3d{
  --night:#17110d; --ink:#17110d; --ink-2:#211912; --ink-3:#2b211a; --surface:#211912;
  --cream:#efe5d3; --paper:#ece3d2; --paper-2:#f3ece0; --paper-3:#e6dbc7; --sand:#d9c9a8;
  --rust:#9b3a16; --copper:#d47a3e; --copper-2:#f0a26a; --copper-ink:#9b3a16; --maroon:#9b3a16; --maroon-2:#7e2e10; --maroon-3:#b2481f;
  --text:#1c1510; --muted:#54463a; --muted-d:#b9a78f; --line:rgba(28,21,16,.16); --line-p:rgba(28,21,16,.16); --line-d:rgba(239,229,211,.14);
  --on-dark:#efe5d3; --on-dark-muted:#b9a78f; --line-dark:rgba(239,229,211,.14);
  --ease:cubic-bezier(.2,.7,0,1);
  --disp:Fraunces,Georgia,"Times New Roman",serif; --head:var(--disp); --sans:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  --s-1:clamp(.8rem,.76rem + .15vw,.875rem); --s0:clamp(1rem,.96rem + .2vw,1.0625rem); --s1:clamp(1.15rem,1.05rem + .45vw,1.4rem);
  --s2:clamp(1.55rem,1.25rem + 1.3vw,2.4rem); --s3:clamp(2.1rem,1.5rem + 2.8vw,4.1rem); --s4:clamp(2.7rem,1.6rem + 5vw,6.4rem);
  --gilt:linear-gradient(135deg,#3a250f 0%,#b98d4c 12%,#5e4220 24%,#d9b46c 38%,#4d3418 52%,#a97f40 66%,#2e1d0c 80%,#c29a58 92%,#4a3119 100%);
  --grade:sepia(.16) saturate(.8) contrast(1.06) brightness(.97);
  --photo-tone:var(--grade);
  --card:#f4ecdc; --card-fg:#1c1510; --field:#f6efe2; --field-fg:#1c1510; --field-line:rgba(28,21,16,.35); --acc:#9b3a16; --acc-ink:#efe5d3; --fd:var(--disp);
  --hdr-h:64px; --wrap:1320px; --gut:clamp(20px,5vw,72px)}
@media (min-width:1081px){.i3d{--hdr-h:76px}}
.i3d body{background:var(--paper);color:var(--text);font:400 var(--s0)/1.62 var(--sans);overflow-x:clip}
.i3d ::selection{background:var(--copper);color:var(--night)}
.i3d :focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:2px}
.i3d .skip{background:var(--cream);color:var(--night);font-weight:700}

/* ---------- type: Fraunces in its light, soft cut as on the home ---------- */
.i3d h1,.i3d h2,.i3d h3,.i3d h4,.i3d h5{font-family:var(--disp);font-weight:400;letter-spacing:-.02em;text-wrap:balance;font-variation-settings:"opsz" 96,"SOFT" 30}
.i3d .display,.i3d .display--sm,.i3d .display--lg,.i3d .display--xl{font-family:var(--disp);font-weight:400;font-size:var(--s3);line-height:1.02;letter-spacing:-.025em;font-variation-settings:"opsz" 144,"SOFT" 30}
.i3d .display--sm{font-size:var(--s2);line-height:1.05}
.i3d .display--lg{font-size:clamp(2.2rem,1.5rem + 2.9vw,4.4rem)}
.i3d .display--xl,.i3d .bhero .display--xl{font-size:var(--s4);line-height:.92;letter-spacing:-.045em;font-weight:380;font-variation-settings:"opsz" 144,"SOFT" 40}
.i3d h1 em,.i3d h2 em{font-style:italic;color:var(--copper);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.i3d :is(.sec--paper,.sec--cream,.bhero,.post__hero) h2 em{color:var(--rust)}
.i3d .eyebrow{font:700 .72rem/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin:0 0 1.1rem}
.i3d .eyebrow--copper,.i3d :is(.sec--ink,.sec--dark,.sec--maroon,.phero,.hero,.ftr,.post-cta,.pcard,.apply) .eyebrow{color:var(--copper)}
.i3d :is(.form-card,.nfb) .eyebrow{color:var(--rust)}
.i3d .lead{font-size:var(--s1);line-height:1.5}
.i3d .muted{color:var(--muted)}
.i3d :is(.sec--ink,.sec--dark,.sec--maroon,.ftr,.phero,.apply) .muted{color:var(--muted-d)}
.i3d .pull{font:italic 400 var(--s1)/1.45 var(--disp);color:var(--rust);border-left:0;border-top:1px solid var(--line-p);padding:1.4rem 0 0;font-variation-settings:"opsz" 48,"SOFT" 100}
.i3d strong,.i3d b{font-weight:700}

/* ---------- buttons: copper pills, ink pills, underlined text links ---------- */
.i3d .btn{white-space:normal;min-height:52px;padding:14px 1.6em;border:0;border-radius:999px;font:800 .82rem/1.15 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-align:center;position:relative;overflow:hidden;isolation:isolate;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .4s var(--ease),color .4s var(--ease)}
.i3d .btn::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 140% at 50% 120%,#f0a26a 0,rgba(240,162,106,0) 60%);opacity:0;transition:opacity .5s var(--ease)}
.i3d .btn:hover{transform:translateY(-2px)}
.i3d .btn--copper,.i3d :is(.sec--ink,.sec--dark,.phero,.hero,.post-cta,.ftr,.mcta,.hdr,.apply,.pcard) .btn--copper{background:var(--copper);color:var(--night)}
.i3d .btn--copper:hover{background:var(--copper);box-shadow:0 14px 34px -14px rgba(212,122,62,.75)}
.i3d .btn--copper:hover::after{opacity:1}
.i3d .btn--maroon{background:var(--ink);color:var(--cream)}
.i3d .btn--maroon:hover{background:var(--rust);box-shadow:0 14px 34px -14px rgba(28,21,16,.6)}
.i3d :is(.sec--ink,.sec--dark) .btn--maroon{background:var(--cream);color:var(--night)}
.i3d .btn--ghost{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1px rgba(239,229,211,.45)}
.i3d .btn--ghost:hover{color:var(--copper);box-shadow:inset 0 0 0 1px var(--copper)}
.i3d .btn--line-dark{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(28,21,16,.55)}
.i3d .btn--line-dark:hover{background:var(--ink);color:var(--cream)}
.i3d :is(.sec--ink,.sec--dark) .btn--line-dark{color:var(--cream);box-shadow:inset 0 0 0 1px rgba(239,229,211,.45)}
.i3d .btn--sm{min-height:42px;padding:10px 1.2em;font-size:.72rem}
.i3d .btn--lg{min-height:60px;padding:16px 2.1em;font-size:.86rem}
.i3d .btns{gap:14px 18px;margin-top:2rem;align-items:center}
.i3d .link-arrow,.i3d .card__more{display:inline-flex;align-items:center;min-height:44px;border:0;font:700 .78rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);
  background:linear-gradient(currentColor,currentColor) 0 calc(100% - 10px)/100% 1px no-repeat;transition:background-size .5s var(--ease),color .3s}
.i3d .link-arrow:hover{background-size:0 1px;background-position:100% calc(100% - 10px);color:var(--rust)}
.i3d :is(.sec--ink,.sec--dark) .link-arrow{color:var(--cream)}
.i3d :is(.sec--ink,.sec--dark) .link-arrow:hover{color:var(--copper)}

/* ---------- header: the home's solid night bar ---------- */
.i3d .hdr{background:rgba(23,17,13,.94);border-bottom:0;box-shadow:0 1px 0 var(--line-d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.i3d .hdr__in{padding-left:var(--gut);padding-right:var(--gut);gap:28px}
.i3d .brand__logo{filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}
.i3d .nav{gap:30px}
.i3d .nav ul{gap:30px}
.i3d .nav ul a{font:600 .8rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);padding:10px 0}
.i3d .nav ul a::after{bottom:4px;transform-origin:right;transition:transform .5s var(--ease)}
.i3d .nav ul a:hover::after{transform-origin:left}
.i3d .nav ul a[aria-current=page]{color:var(--copper)}
.i3d .nav__cta,.i3d .hdr .btn--copper{min-height:42px;padding:10px 1.3em;font-size:.72rem;background:var(--copper)!important;color:var(--night)!important;border-radius:999px}
.i3d .burger{border-radius:50%;border-color:rgba(239,229,211,.28)}
@media (max-width:1200px) and (min-width:1081px){.i3d .nav,.i3d .nav ul{gap:22px}.i3d .nav ul a{font-size:.74rem;letter-spacing:.1em}}
@media (max-width:1080px){
  .i3d .nav{background:radial-gradient(90% 60% at 20% 0,rgba(212,122,62,.12),rgba(212,122,62,0) 70%),var(--night);padding-top:20px}
  .i3d .nav ul{gap:0}
  .i3d .nav ul a{font:400 clamp(1.6rem,1.2rem + 2vw,2.2rem)/1.1 var(--disp);letter-spacing:-.02em;text-transform:none;padding:14px 0;border-bottom:1px solid var(--line-d)}
  .i3d .nav__cta{margin-top:28px;min-height:56px;font-size:.82rem}
}

/* the masthead line under the header: the home's plaque, quiet and on night */
.i3d .gz-strip{max-width:none;margin:0;padding:12px var(--gut);background:var(--night);color:var(--muted-d);font:600 .64rem/1.4 var(--sans);letter-spacing:.2em;border-bottom:1px solid var(--line-d)}
.i3d .gz-strip span{padding:0}
.i3d .gz-strip span+span::before{content:"✦";color:var(--copper);margin-right:12px;font-size:.8em}

/* ---------- sections: paper and night, with the home's warm lamp light ---------- */
.i3d .sec{padding:clamp(80px,10vw,150px) 0}
.i3d .sec--tight{padding-top:clamp(40px,5vw,72px)}
.i3d .sec--paper{background:var(--paper);color:var(--text)}
.i3d .sec--cream{background:var(--paper-2);color:var(--text)}
.i3d .sec--ink,.i3d .sec--dark,.i3d .sec--maroon{color:var(--cream);background:radial-gradient(55% 60% at 15% 25%,rgba(212,122,62,.13),rgba(212,122,62,0) 70%),var(--night)}
.i3d .sec--dark{background:radial-gradient(60% 50% at 85% 20%,rgba(212,122,62,.1),rgba(212,122,62,0) 70%),var(--night)}
.i3d .sec--ink+.sec--ink{border-top:1px solid var(--line-d)}
.i3d .sec__head{padding-top:0;margin-bottom:clamp(36px,4vw,60px)}
.i3d .sec__head::before{content:none}
.i3d .sec__head .display{margin-bottom:.35em}
.i3d .sec__head--row{align-items:flex-end;padding-bottom:clamp(18px,2vw,26px);border-bottom:1px solid var(--line-p)}
.i3d :is(.sec--ink,.sec--dark) .sec__head--row{border-bottom-color:var(--line-d)}
.i3d :is(.sec--ink,.sec--dark) p{color:inherit}
.i3d :is(.sec--ink,.sec--dark) .lead{color:var(--cream)}

/* ---------- photo frames: the antique gilt moulding and the light Peaky Blinders grade ---------- */
.i3d :is(.prof__media picture,.person__img picture,.member picture,.letter__img picture,.fig picture,.post__hero-img picture,.split__img picture,.raise__img picture,.mosaic picture,.featured__img,.card__img,.yt,.feature__img picture){
  --fw:clamp(9px,1vw,14px);box-sizing:border-box;padding:0;background:#1a1009;border-radius:0;border:var(--fw) solid #8a6430;border-image:var(--gilt) 1;
  outline:1px solid rgba(255,232,176,.38);outline-offset:calc(-1 * var(--fw) + 3px);
  box-shadow:0 0 0 1px #24170c,0 2px 3px rgba(0,0,0,.35),0 28px 50px -22px rgba(20,12,6,.75);overflow:hidden;position:relative}
.i3d :is(.card__img,.featured__img,.member picture,.yt){--fw:clamp(7px,.75vw,10px)}
.i3d .tq__img{border-radius:50%;box-shadow:0 0 0 1px var(--rust),0 0 0 4px var(--paper),0 0 0 5px rgba(155,58,22,.35)}
.i3d :is(.sec--ink,.sec--dark) .tq__img{box-shadow:0 0 0 1px var(--copper),0 0 0 4px var(--night),0 0 0 5px rgba(212,122,62,.35)}
.i3d :is(.prof__media,.person__img,.member,.letter__img,.fig,.post__hero-img,.split__img,.raise__img,.mosaic,.featured__img,.card__img,.feature__img,.phero__media,.tq__img,.author__img) img,.i3d .yt__btn img{filter:var(--grade)}
@media (hover:hover) and (pointer:fine){.i3d :is(.card:hover .card__img img,.featured:hover .featured__img img,.prof__media img:hover,.fig img:hover){filter:var(--grade)}}
.i3d .card__img img,.i3d .featured__img img{transition:transform 1.4s var(--ease),filter .6s}
.i3d .card:hover .card__img img,.i3d .featured:hover .featured__img img{transform:scale(1.04)}
/* videos: see-through copper play button, as on the home */
.i3d .yt__play{background:rgba(212,122,62,.42);color:var(--cream);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 0 1px rgba(239,229,211,.45),0 10px 24px -10px rgba(0,0,0,.6);width:64px;height:64px;margin:-32px 0 0 -32px}
.i3d .yt__play svg{fill:var(--cream)}
.i3d .yt__btn:hover .yt__play{background:rgba(212,122,62,.8)}
.i3d .yt__t{font:400 1rem/1.3 var(--disp);letter-spacing:-.005em;font-variation-settings:"opsz" 24;background:linear-gradient(0deg,rgba(13,9,7,.85),rgba(13,9,7,0))}
.i3d .yt--short{--fw:clamp(7px,.75vw,10px)}

/* ---------- page heroes: night stage with the lamp glow ---------- */
.i3d .phero{background:radial-gradient(70% 60% at 22% 18%,rgba(212,122,62,.16),rgba(212,122,62,0) 70%),radial-gradient(120% 90% at 30% 40%,#2a1d14 0,#1d150f 45%,var(--night) 80%);color:var(--cream);isolation:isolate}
.i3d .phero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(140% 100% at 50% 40%,rgba(0,0,0,0) 55%,rgba(8,5,3,.5) 100%)}
.i3d .phero__in{z-index:1}
.i3d .phero__media img{filter:var(--grade) brightness(.92)}
.i3d .phero__h{font-family:var(--disp);font-weight:380;font-size:clamp(2.6rem,1.2rem + 4.4vw,5.6rem);line-height:.94;letter-spacing:-.04em;font-variation-settings:"opsz" 144,"SOFT" 40;text-shadow:0 2px 40px rgba(10,6,4,.6);max-width:15ch;margin-bottom:.45em}
.i3d .phero__sub{font-size:var(--s1);line-height:1.5;color:var(--cream);max-width:40ch;text-shadow:0 1px 20px rgba(10,6,4,.8)}
.i3d .phero .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:1.4rem}
.i3d .phero .eyebrow::before{content:"";width:46px;height:1px;background:var(--copper);flex:none}
.i3d .phero .hero__shade{z-index:0}
@media (min-width:900px){
  .i3d .phero .hero__shade{background:linear-gradient(90deg,#1d150f 0%,#1d150f 46%,rgba(29,21,15,.6) 53%,rgba(29,21,15,0) 70%)}
}
@media (max-width:899px){.i3d .phero .hero__shade{background:linear-gradient(0deg,rgba(23,17,13,.96) 0%,rgba(23,17,13,.7) 50%,rgba(23,17,13,.1) 85%)}}
/* framed hero portraits (Males, About): the photo hangs in the big gilt frame of the home hero */
.i3d .phero--nat .phero__media img{filter:var(--grade);background:#1a1009;padding:0;border:clamp(12px,1.5vw,22px) solid #8a6430;border-image:var(--gilt) 1;
  outline:2px dotted rgba(255,226,160,.42);outline-offset:calc(-1 * clamp(12px,1.5vw,22px) * .55);box-shadow:0 0 0 1px #1a1009,0 0 0 4px rgba(246,220,152,.16),0 40px 90px -30px rgba(0,0,0,.9)}
@media (max-width:899px){.i3d .phero--nat .phero__media img{border-width:10px;outline-offset:-6px;max-height:54vh}}
.i3d .phero--nat .hero__shade{display:none}

/* blog / archive hero on paper */
.i3d .bhero{background:var(--paper);border-bottom:1px solid var(--line-p);padding:clamp(70px,9vw,140px) 0 clamp(36px,4vw,60px)}
.i3d .bhero .lead{color:var(--muted);max-width:56ch}

/* ---------- blog cards and the featured post, as the home's journal ---------- */
.i3d .cards{gap:clamp(26px,3vw,44px) clamp(16px,2vw,30px)}
.i3d .card{background:transparent;border:0;box-shadow:none;overflow:visible}
.i3d .card:hover{transform:none;box-shadow:none}
.i3d .card__link{color:var(--ink)}
.i3d .card__img{aspect-ratio:16/9;margin-bottom:18px}
.i3d .card__body{padding:0}
.i3d .card__meta{font:700 .64rem/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.9em}
.i3d .card h3{font-family:var(--disp);font-weight:400;font-size:clamp(1.2rem,1rem + .6vw,1.5rem);line-height:1.12;letter-spacing:-.015em;margin-bottom:.5em}
.i3d .card__ex{font-size:var(--s-1);color:var(--muted)}
.i3d .card__more{margin-top:auto;align-self:flex-start;color:var(--rust);font-size:.7rem;letter-spacing:.14em}
.i3d .card:hover h3{color:var(--rust)}
.i3d .featured{background:var(--paper-2);border:1px solid var(--line-p);box-shadow:0 30px 60px -40px rgba(28,21,16,.45);overflow:visible;gap:0;margin-bottom:clamp(40px,5vw,72px)}
.i3d .featured__img{min-height:0;aspect-ratio:16/9;align-self:center;margin:clamp(14px,1.6vw,22px)}
.i3d .featured__txt .display{font-weight:400;font-size:var(--s2);line-height:1.05}
.i3d .featured__txt{color:var(--ink)}
.i3d .pager a{border-radius:50%;border:1px solid var(--line-p);background:transparent;font:700 .82rem/1 var(--sans);color:var(--ink);min-width:48px;height:48px;transition:background .4s var(--ease),color .4s}
.i3d .pager a:hover{border-color:var(--rust);color:var(--rust)}
.i3d .pager a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--cream)}

/* ---------- articles ---------- */
.i3d .post__hero{background:radial-gradient(60% 70% at 85% 30%,rgba(212,122,62,.08),rgba(212,122,62,0) 70%),var(--paper);border-bottom:1px solid var(--line-p);padding:clamp(56px,7vw,110px) 0}
.i3d .post__hero .display{font-size:clamp(2.1rem,1.4rem + 2.6vw,4rem);line-height:1;letter-spacing:-.03em}
.i3d .crumbs{margin-bottom:1.4rem}
.i3d .crumbs a{font:700 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--rust)}
.i3d .post__meta{font:700 .66rem/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:1.4rem 0 0}
.i3d .post__hero-img picture{max-height:none;aspect-ratio:16/9}
.i3d .prose{font-size:var(--s0);line-height:1.72;color:var(--text)}
.i3d .prose h2{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem);line-height:1.06;letter-spacing:-.025em;margin-top:1.8em;margin-bottom:.55em}
.i3d .prose h3{font-size:clamp(1.3rem,1.15rem + .6vw,1.65rem);line-height:1.15;margin-top:1.5em}
.i3d .prose h4,.i3d .prose h5{font-size:1.2rem;margin-top:1.3em}
.i3d .prose a{color:var(--rust);text-decoration-thickness:1px;text-underline-offset:.22em}
.i3d .prose a.btn{color:var(--night)}
.i3d .prose a.btn--maroon{color:var(--cream)}
.i3d .prose blockquote{border-left:0;border-top:1px solid var(--line-p);border-bottom:1px solid var(--line-p);padding:1.2em 0;font:italic 400 var(--s1)/1.45 var(--disp);color:var(--rust);font-variation-settings:"opsz" 48,"SOFT" 100}
.i3d .post__body>p:first-of-type::first-letter{font-family:var(--disp);font-weight:400;font-size:3.9em;line-height:.82;padding:6px 12px 0 0;color:var(--rust);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.i3d .prose ul:not(.checks) li::marker{color:var(--rust)}
.i3d .prose ol li::marker{color:var(--rust);font-weight:700}
.i3d .fig{margin:2.2em 0}
.i3d .fig picture{max-height:80vh}
.i3d .toc{background:var(--paper-2);border:0;border-left:2px solid var(--rust);padding:22px 26px}
.i3d .toc p{font:700 .7rem/1.4 var(--sans);letter-spacing:.2em;color:var(--rust)}
.i3d .toc a{color:var(--ink);text-decoration:none;background:linear-gradient(var(--rust),var(--rust)) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease)}
.i3d .toc a:hover{background-size:100% 1px}
.i3d .table-wrap{border:1px solid var(--line-p);border-radius:0;background:var(--paper-2)}
.i3d .table-wrap th{background:var(--paper-3);font:700 .72rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.i3d .table-wrap th,.i3d .table-wrap td{border-bottom:1px solid var(--line-p)}
.i3d .post-cta{border-radius:0;background:radial-gradient(60% 80% at 15% 20%,rgba(212,122,62,.16),rgba(212,122,62,0) 70%),var(--night);color:var(--cream);padding:clamp(28px,4vw,48px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.i3d .post-cta h3{font-weight:400;font-size:var(--s2);line-height:1.05;color:var(--cream)}
.i3d .post-cta a:not(.btn){color:var(--copper)}
.i3d .author{background:transparent;border:0;border-top:1px solid var(--line-p);border-bottom:1px solid var(--line-p);padding:26px 0;gap:22px}
.i3d .author__img{box-shadow:0 0 0 1px var(--rust),0 0 0 4px var(--paper),0 0 0 5px rgba(155,58,22,.35)}
.i3d .author__by{font:700 .72rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rust)}
.i3d .author__by a{color:var(--ink)}

/* ---------- males / females ---------- */
.i3d .jump{background:rgba(236,227,210,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-p)}
.i3d .jump a{border-radius:999px;border:1px solid rgba(28,21,16,.28);background:transparent;font:700 .7rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;color:var(--ink);transition:background .4s var(--ease),color .4s}
.i3d .jump a:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.i3d .prof+.prof{border-top:1px solid var(--line-p)}
.i3d .prof+.prof::before{content:none}
.i3d .prof+.prof::after{top:0;background:var(--paper);color:var(--copper);font-size:16px}
.i3d .sec--cream .prof+.prof::after{background:var(--paper-2)}
.i3d .prof__txt h2,.i3d .prof__txt h3{font-size:var(--s3);line-height:1.02;letter-spacing:-.03em}
.i3d .prof__media picture{max-height:none}

/* ---------- about ---------- */
.i3d .member h3{font-size:var(--s2);font-weight:400;line-height:1.05}
.i3d .person__img picture,.i3d .letter__img picture{box-shadow:0 0 0 1px #24170c,0 2px 3px rgba(0,0,0,.35),0 30px 60px -24px rgba(20,12,6,.75)}
.i3d .letter__img picture{transform:rotate(-1deg)}

/* ---------- testimonials: the home's letters ---------- */
.i3d .tqs{gap:clamp(16px,2vw,30px);align-items:start}
.i3d .tq{border:0;border-radius:0;background:var(--surface);color:var(--cream);padding:clamp(24px,2.4vw,36px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.i3d .tqs--light .tq{background:var(--paper-2);color:var(--ink);border:0;box-shadow:0 30px 60px -32px rgba(28,21,16,.5)}
.i3d .tqs .tq:nth-child(3n+1){transform:rotate(-.6deg)}
.i3d .tqs .tq:nth-child(3n+2){transform:rotate(.5deg);margin-top:clamp(12px,2vw,30px)}
.i3d .tqs .tq:nth-child(3n){transform:rotate(-.3deg);margin-top:clamp(6px,1vw,14px)}
.i3d .tq blockquote{font:400 1.08rem/1.5 var(--disp);font-style:normal;letter-spacing:-.005em;font-variation-settings:"opsz" 24}
.i3d .tq figcaption{font:700 .66rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--copper)}
.i3d .tqs--light .tq figcaption{color:var(--rust)}
.i3d .tq__stars{color:var(--copper)}
.i3d .tqs--light .tq__stars{color:var(--rust)}
.i3d .oq{border-left:0;background:#1f1712;border:1px solid rgba(212,122,62,.28)}
.i3d .g-badge{border-radius:999px;border-color:rgba(212,122,62,.45);font:700 .72rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}

/* ---------- lists, steps, faq, checks ---------- */
.i3d .checks li{border-bottom-color:var(--line-p)}
.i3d .checks li::before{border-color:var(--rust)}
.i3d .checks--dark li{border-color:var(--line-d)}
.i3d .checks--dark li::before{border-color:var(--copper)}
.i3d .steps li{border:0;border-top:1px solid var(--line-p);border-radius:0;background:transparent;padding:22px 0 0}
.i3d .steps .num{font:400 clamp(2.2rem,1.4rem + 2.6vw,3.6rem)/.95 var(--disp);letter-spacing:-.035em;color:var(--rust);font-variation-settings:"opsz" 144}
.i3d .steps h3{font-size:1.3rem;font-weight:400}
.i3d .faq{border-bottom:1px solid var(--line-p)}
.i3d .faq summary{font:400 clamp(1.08rem,1rem + .4vw,1.3rem)/1.25 var(--disp);letter-spacing:-.01em}
.i3d .faq summary::after{color:var(--rust)}
.i3d .faq summary:hover{color:var(--rust)}

/* ---------- reservation ---------- */
.i3d .pricelist li{font:400 var(--s1)/1.3 var(--disp);border-bottom-color:var(--line-d)}
.i3d .pcard{border-radius:0;background:var(--paper);color:var(--ink);border:0;padding:clamp(30px,3.4vw,54px);box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.i3d .pcard .eyebrow{color:var(--rust)}
.i3d .pcard__price{font:400 clamp(3rem,2rem + 3vw,4.6rem)/.95 var(--disp);letter-spacing:-.04em;color:var(--ink);font-variation-settings:"opsz" 144,"SOFT" 40}
.i3d .pcard__price span{font:700 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.i3d .pcard .muted{color:var(--muted)}
.i3d .pcard a:not(.btn){color:var(--rust)}
.i3d .pcard .checks--dark li{border-color:var(--line-p)}
.i3d .pcard .checks--dark li::before{border-color:var(--rust)}
.i3d .pcard .xs li{color:var(--muted)}
.i3d .bank{border-radius:0;border:1px solid var(--line-d);background:rgba(239,229,211,.03)}
.i3d .bank h3{font-weight:400;font-size:var(--s1)}
.i3d .bank__d{color:var(--cream);font-size:.86rem}

/* ---------- the lead form card (same fields, the home's card) ---------- */
.i3d .apply{background:radial-gradient(50% 60% at 18% 30%,rgba(212,122,62,.14),rgba(212,122,62,0) 70%),var(--night);border-top:1px solid var(--line-d)}
.i3d .apply .display{font-size:var(--s4);line-height:.92;letter-spacing:-.045em;font-weight:360;font-variation-settings:"opsz" 144,"SOFT" 40}
.i3d .apply__grid{align-items:center}
.i3d .contact-list li{border-bottom-color:var(--line-d)}
.i3d .contact-list a{font:400 var(--s1)/1.3 var(--disp);text-decoration:none;background:linear-gradient(var(--copper),var(--copper)) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--ease)}
.i3d .contact-list a:hover{background-size:0 1px}
.i3d .form-card{position:relative;border:0;border-radius:0;outline:0;background:var(--paper);color:var(--ink);padding:clamp(30px,3.4vw,54px);box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.i3d :is(.sec--paper,.sec--cream) .form-card{box-shadow:0 40px 80px -44px rgba(28,21,16,.55);border:1px solid var(--line-p)}
.i3d .nfb__k{font:700 .7rem/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--rust);opacity:1;margin:0 0 .6rem}
.i3d .nfb__h{font-family:var(--disp);font-weight:400;font-size:clamp(1.8rem,1.2rem + 1.8vw,2.7rem);line-height:1.02;letter-spacing:-.025em;margin:0 0 .8rem}
.i3d .nfb__p{opacity:1;color:var(--muted);font-size:var(--s0);line-height:1.55}
.i3d .nfb__n{opacity:1;color:var(--rust)}
.i3d .nf__f label{font:700 .7rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.i3d .nf input[type=text],.i3d .nf input[type=email],.i3d .nf input[type=tel],.i3d .nf select{font:500 1rem/1.2 var(--sans);border-radius:2px;background:var(--field);border:1px solid var(--field-line)}
.i3d .nf input:focus{outline:2px solid var(--copper);outline-offset:1px;border-color:transparent;box-shadow:none}
.i3d .nf__c input{accent-color:var(--rust)}
.i3d .nf__about{background:var(--field);border:0;border-left:3px solid var(--rust)}
.i3d .nf__go{border-radius:999px;background:var(--ink);color:var(--cream);font:800 .82rem/1 var(--sans);letter-spacing:.12em;transition:background .4s var(--ease)}
.i3d .nf__go:hover{background:var(--rust);filter:none}
.i3d .nf__ok-h{font-weight:400}
.i3d .form__alt a,.i3d .nf__legal a{color:inherit}

/* the pop-up: the home's gilt-framed dialog */
.i3d .nfm::backdrop{background:rgba(13,9,7,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.i3d .nfm__in{background:var(--paper);color:var(--ink);border:14px solid #8a6430;border-image:var(--gilt) 1;outline:1px solid rgba(255,232,176,.38);outline-offset:-11px}
.i3d .nfm__art{background:var(--night)}
.i3d .nfm__art img{filter:var(--grade)}
.i3d .nfm__x{color:var(--ink);font-weight:300}

/* ---------- footer: the home's footer ---------- */
.i3d .ftr{background:#0f0b08;color:var(--muted-d);border-top:0;padding-top:clamp(60px,7vw,100px);font-size:var(--s-1)}
.i3d .ftr__grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid var(--line-d)}
@media (max-width:1080px){.i3d .ftr__grid{grid-template-columns:1fr 1fr}}
@media (max-width:759px){.i3d .ftr__grid{grid-template-columns:1fr}}
.i3d .ftr__logo{width:110px;margin-bottom:20px}
.i3d .ftr p{margin:0 0 .6em}
.i3d .ftr .eyebrow{color:var(--copper);margin-bottom:1rem}
.i3d .ftr .muted{color:var(--muted-d)}
.i3d .ftr a{color:var(--cream);text-decoration:none;background:linear-gradient(var(--copper),var(--copper)) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease)}
.i3d .ftr a:hover{background-size:100% 1px}
.i3d .ftr a.btn{background:var(--copper);color:var(--night);margin-top:1rem}
.i3d .ftr li{padding:3px 0}
.i3d .ftr__base{margin-top:0;padding-top:26px;border-top:0;color:var(--muted-d);font-size:var(--s-1)}
.i3d .ftr .ck-set{color:var(--cream)}
@media (max-width:759px){.i3d .ftr__base{flex-direction:column}}

/* ---------- phone bar: the home's floating pills ---------- */
@media (max-width:860px){
  .i3d .mcta{left:12px;right:84px;bottom:calc(12px + env(safe-area-inset-bottom));padding:0;gap:8px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateY(140%);transition:transform .5s var(--ease)}
  .i3d .mcta.is-on{transform:none}
  .i3d .mcta .btn{min-height:52px;font-size:.74rem;box-shadow:0 12px 30px -10px rgba(0,0,0,.7)}
  .i3d .mcta__wa{width:52px;flex:0 0 52px;border-radius:50%;box-shadow:0 12px 30px -10px rgba(0,0,0,.7)}
  .i3d.ck-on .mcta{bottom:calc(var(--ck-h,0px) + 10px)}
}

/* ---------- motion: the home's slower reveal ---------- */
.i3d.js .reveal,.js .i3d .reveal{transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
@media (prefers-reduced-motion:reduce){.i3d .btn,.i3d .card__img img{transition:none}}

/* ---------- round 2 ---------- */
.i3d .card__more{gap:.4em}
.i3d .gz-strip{justify-content:center;gap:12px 22px;flex-wrap:wrap}
/* framed natural-ratio photos: fill the sight, no letterbox (the frame only eats a hairline) */
.i3d :is(.prof__media,.person__img,.member,.letter__img,.fig,.post__hero-img,.split__img,.raise__img,.mosaic,.feature__img) picture img{object-fit:cover}
.i3d .phero .btns{max-width:none}
.i3d .phero__h{max-width:min(15ch,100%)}
@media (min-width:900px){
  /* photo heroes: the picture dissolves into the night stage instead of meeting a hard shade edge */
  .i3d .phero:not(.phero--nat) .phero__media{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 14%,#000 34%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 14%,#000 34%)}
  .i3d .phero:not(.phero--nat) .hero__shade{background:linear-gradient(0deg,rgba(23,17,13,.45) 0%,rgba(23,17,13,0) 32%)}
  .i3d .phero--nat .phero__in>*{max-width:min(600px,42vw)}
  .i3d .phero--nat .phero__h{font-size:clamp(2.6rem,1rem + 3.4vw,4.8rem)}
  .i3d .phero--nat .phero__media picture{height:100%;display:flex;align-items:center;justify-content:center}
  .i3d .phero--nat .phero__media img{height:auto;max-height:100%;width:auto;max-width:100%;object-fit:cover}
}
@media (min-width:900px){.i3d .phero:not(.phero--nat) .phero__h{max-width:min(640px,44vw)}}
@media (max-width:700px){.i3d .gz-strip span+span::before{content:none}}
@media (max-width:899px){.i3d .phero:not(.phero--nat) .hero__shade{background:linear-gradient(0deg,rgba(23,17,13,.97) 0%,rgba(23,17,13,.78) 45%,rgba(23,17,13,.45) 100%)}}
/* USA page */
.i3d .usa-two picture{--fw:clamp(9px,1vw,14px);display:block;box-sizing:border-box;border:var(--fw) solid #8a6430;border-image:var(--gilt) 1;outline:1px solid rgba(255,232,176,.38);outline-offset:calc(-1 * var(--fw) + 3px);box-shadow:0 0 0 1px #24170c,0 28px 50px -22px rgba(20,12,6,.75);background:#1a1009;margin-bottom:1.4rem}
.i3d .usa-two picture img{filter:var(--grade);object-fit:cover}
.i3d .usa-sum{border:1px solid var(--line-p)}
.i3d .usa-sum>div{background:var(--paper-2);border-color:var(--line-p)}
.i3d .usa-sum dt{color:var(--rust);font:700 .64rem/1.3 var(--sans);letter-spacing:.18em}
.i3d .usa-sum dd{font:400 1.05rem/1.4 var(--disp);font-variation-settings:"opsz" 24}
.i3d .usa-cost th{color:var(--copper)}
.i3d .usa-cost td{border-bottom-color:var(--line-d)}
.i3d .usa-q{border-left:0;background:var(--paper-2);padding:clamp(22px,2.4vw,32px);box-shadow:0 30px 60px -32px rgba(28,21,16,.5)}
.i3d .usa-q:nth-of-type(odd){transform:rotate(-.4deg)}
.i3d .usa-q blockquote{font:400 1.06rem/1.5 var(--disp);font-style:normal;font-variation-settings:"opsz" 24}
.i3d .usa-q figcaption{font:700 .66rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rust)}
.i3d .usa-links a{font-weight:600;color:var(--ink);text-decoration-color:var(--rust)}
.i3d .usa-links a:hover{color:var(--rust)}
.i3d{background:#0f0b08}
.i3d .pager ul{flex-wrap:wrap}
@media (max-width:480px){.i3d .pager ul{gap:6px}.i3d .pager a{min-width:40px;height:40px}}
/* touch targets (SITES 31/10, Lighthouse target-size): the inline e-mail / phone / WhatsApp links get 24 px of height */
.i3d p > a[href^="mailto:"],.i3d p > a[href^="tel:"],.i3d p > a[href*="wa.me"],.i3d .contact-list a{display:inline-block;padding-block:3px;min-height:24px;line-height:18px}