/* ============================================================
   ABRAF GOLD — "Our Company" section
   A self-contained multi-page design system. Nothing here hides
   content: no opacity animation, no JS dependency for visibility.
   ============================================================ */

/* ---------- shell ---------- */
.pg{--pad:clamp(56px,7vw,104px);--gut:clamp(20px,4vw,48px)}
.pg-wrap{width:min(1240px,100% - var(--gut)*2);margin-inline:auto}
.pg-sec{padding:var(--pad) 0}
.pg-sec--tight{padding:clamp(36px,4.5vw,64px) 0}
.pg-sec--cream{background:var(--beige)}
.pg-sec--sand{background:var(--beige-2)}
.pg-sec--white{background:#fff}
.pg-sec--dark{background:linear-gradient(165deg,var(--green-950),var(--green-800));color:var(--beige)}
.pg-sec--dark h2,.pg-sec--dark h3,.pg-sec--dark h4{color:#fff}
.pg-sec--dark p,.pg-sec--dark li{color:rgba(244,240,230,.84)}

/* ---------- section heading ---------- */
.pg-head{max-width:72ch}
.pg-eyebrow{display:flex;align-items:center;gap:12px;font-size:11.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:14px}
.pg-eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);flex:0 0 26px}
.pg-sec--dark .pg-eyebrow{color:var(--gold-2)}
.pg-title{font-family:var(--display);font-weight:500;letter-spacing:-.022em;line-height:1.08;
  font-size:clamp(1.8rem,3.4vw,2.7rem);color:var(--ink)}
.pg-sec--dark .pg-title{color:#fff}
.pg-lede{margin-top:.9em;font-size:clamp(1.02rem,1.35vw,1.15rem);line-height:1.78;color:var(--ink-2);max-width:66ch}
.pg-sec--dark .pg-lede{color:rgba(244,240,230,.86)}
.pg-body{margin-top:1em;line-height:1.78;color:var(--ink-2)}
.pg-body+.pg-body{margin-top:.85em}

/* ---------- masthead ---------- */
.pg-mast{position:relative;isolation:isolate;min-height:clamp(380px,54vh,560px);
  display:flex;align-items:flex-end;background:var(--green-950);overflow:hidden}
.pg-mast>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.pg-mast::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,rgba(11,19,16,.94) 0%,rgba(11,19,16,.82) 42%,rgba(11,19,16,.34) 100%)}
.pg-mast-in{width:100%;padding:clamp(34px,5vw,62px) 0 clamp(28px,4vw,48px)}
.pg-crumb{display:flex;gap:9px;align-items:center;font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(244,240,230,.62);margin-bottom:18px}
.pg-crumb a{color:rgba(244,240,230,.62);text-decoration:none}
.pg-crumb a:hover{color:var(--gold-2)}
.pg-crumb span{color:var(--gold-2)}
.pg-mast h1{font-family:var(--display);font-weight:500;color:#fff;letter-spacing:-.025em;
  line-height:1.04;font-size:clamp(2.1rem,4.6vw,3.7rem);max-width:19ch}
.pg-mast p{margin-top:.8em;color:rgba(244,240,230,.85);font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.72;max-width:56ch}

/* stat strip riding the bottom of the masthead */
.pg-mast-stats{border-top:1px solid rgba(227,201,136,.24);margin-top:clamp(26px,3.4vw,42px);
  padding-top:clamp(18px,2.2vw,26px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,28px)}
.pg-mast-stats b{display:block;font-family:var(--display);font-weight:500;color:#fff;line-height:1;
  font-size:clamp(1.3rem,2.3vw,1.9rem);font-variant-numeric:tabular-nums}
.pg-mast-stats span{display:block;margin-top:7px;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(244,240,230,.6)}

/* ---------- feature row ---------- */
.pg-feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4.4vw,68px);align-items:center}
.pg-feat+.pg-feat{margin-top:clamp(48px,6.5vw,96px)}
.pg-feat--flip>.pg-feat-media{order:2}
.pg-feat--wide{grid-template-columns:1.15fr .85fr}
.pg-feat h3{font-family:var(--display);font-weight:500;letter-spacing:-.018em;line-height:1.14;
  font-size:clamp(1.4rem,2.5vw,1.95rem);color:var(--ink)}
.pg-sec--dark .pg-feat h3{color:#fff}
.pg-list{margin:1.3em 0 0;padding:0;list-style:none;display:grid;gap:11px}
.pg-list li{position:relative;padding-left:24px;line-height:1.65;color:var(--ink-2)}
.pg-list li::before{content:"";position:absolute;left:6px;top:.66em;width:6px;height:6px;
  border-radius:50%;background:var(--gold)}
.pg-sec--dark .pg-list li{color:rgba(244,240,230,.84)}

/* ---------- media frames ---------- */
.pg-media{position:relative;border-radius:18px;overflow:hidden;background:var(--beige-2)}
.pg-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--tr)}
.pg-media:hover img{transform:scale(1.04)}
.pg-media--4x3{aspect-ratio:4/3}
.pg-media--3x4{aspect-ratio:3/4}
.pg-media--1x1{aspect-ratio:1/1}
.pg-media--16x9{aspect-ratio:16/9}
.pg-media--contain{background:linear-gradient(165deg,var(--green-900),var(--green-700))}
.pg-media--contain img{object-fit:contain;padding:clamp(14px,2vw,26px)}
.pg-cap{margin-top:11px;font-size:13px;line-height:1.55;color:var(--ink-2)}
.pg-sec--dark .pg-cap{color:rgba(244,240,230,.66)}
figure{margin:0}

/* stacked media pair */
.pg-stack{display:grid;gap:clamp(12px,1.6vw,18px)}
.pg-stack--2{grid-template-columns:1fr 1fr}

/* ---------- galleries ---------- */
.pg-gal{display:grid;gap:clamp(12px,1.6vw,20px)}
.pg-gal--3{grid-template-columns:repeat(3,1fr)}
.pg-gal--4{grid-template-columns:repeat(4,1fr)}
.pg-gal figure{position:relative;border-radius:16px;overflow:hidden;background:var(--beige-2)}
.pg-gal img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .9s var(--tr)}
.pg-gal figure:hover img{transform:scale(1.05)}
.pg-gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;
  background:linear-gradient(transparent,rgba(11,19,16,.86));color:#fff;font-size:11.5px;
  letter-spacing:.08em;text-transform:uppercase}

/* editorial mosaic */
.pg-mosaic{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.6vw,18px);
  grid-auto-rows:clamp(118px,11.5vw,168px)}
.pg-mosaic figure{position:relative;border-radius:16px;overflow:hidden;background:var(--beige-2)}
.pg-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--tr)}
.pg-mosaic figure:hover img{transform:scale(1.05)}
.pg-mosaic figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;
  background:linear-gradient(transparent,rgba(11,19,16,.86));color:#fff;font-size:11.5px;
  letter-spacing:.08em;text-transform:uppercase}
.pg-mosaic .c2{grid-column:span 2}.pg-mosaic .c3{grid-column:span 3}.pg-mosaic .c4{grid-column:span 4}
.pg-mosaic .r2{grid-row:span 2}

/* ---------- cards ---------- */
.pg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,26px)}
.pg-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--beige-3);
  border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .35s var(--tr),box-shadow .35s var(--tr)}
a.pg-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(30,37,32,.14)}
.pg-card-img{aspect-ratio:16/10;overflow:hidden;background:var(--beige-2)}
.pg-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--tr)}
.pg-card:hover .pg-card-img img{transform:scale(1.05)}
.pg-card-in{padding:clamp(18px,2.2vw,26px);display:flex;flex-direction:column;flex:1}
.pg-card-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim);font-weight:700}
.pg-card h3{font-family:var(--display);font-weight:500;font-size:1.22rem;margin:.4em 0 .4em;color:var(--ink)}
.pg-card p{color:var(--ink-2);line-height:1.66;font-size:.95rem;flex:1}
.pg-card-go{margin-top:15px;font-size:.9rem;font-weight:600;color:var(--gold-dim)}
.pg-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.pg-tags span{border:1px solid var(--beige-3);background:var(--beige);border-radius:999px;
  padding:6px 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}

/* ---------- number band ---------- */
.pg-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--beige-3);
  border:1px solid var(--beige-3);border-radius:18px;overflow:hidden}
.pg-band div{background:#fff;padding:clamp(20px,2.6vw,30px)}
.pg-band b{display:block;font-family:var(--display);font-weight:500;line-height:1;color:var(--ink);
  font-size:clamp(1.5rem,2.8vw,2.2rem);font-variant-numeric:tabular-nums}
.pg-band span{display:block;margin-top:9px;font-size:11.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-2)}
.pg-sec--dark .pg-band{background:rgba(227,201,136,.2);border-color:rgba(227,201,136,.2)}
.pg-sec--dark .pg-band div{background:var(--green-900)}
.pg-sec--dark .pg-band b{color:#fff}
.pg-sec--dark .pg-band span{color:rgba(244,240,230,.62)}

/* ---------- quote ---------- */
.pg-quote{max-width:62ch;border-left:3px solid var(--gold);padding-left:26px;
  font-family:var(--display);font-weight:400;line-height:1.42;color:var(--ink);
  font-size:clamp(1.2rem,2.2vw,1.65rem)}
.pg-sec--dark .pg-quote{color:#fff}
.pg-quote cite{display:block;margin-top:14px;font-family:var(--sans);font-style:normal;
  font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.pg-sec--dark .pg-quote cite{color:var(--gold-2)}

/* ---------- statement ---------- */
.pg-statement{background:linear-gradient(140deg,var(--green-900),var(--green-700));
  padding:clamp(54px,8vw,110px) 0;text-align:center;position:relative;overflow:hidden}
.pg-statement::before{content:"";position:absolute;width:460px;height:460px;left:-150px;top:-170px;
  border-radius:50%;background:radial-gradient(circle,rgba(201,161,74,.17),transparent 70%)}
.pg-statement::after{content:"";position:absolute;width:460px;height:460px;right:-150px;bottom:-190px;
  border-radius:50%;background:radial-gradient(circle,rgba(201,161,74,.14),transparent 70%)}
.pg-statement q{position:relative;z-index:2;display:block;quotes:none;font-family:var(--display);
  font-weight:400;color:#fff;font-size:clamp(1.45rem,3.6vw,2.7rem);line-height:1.24;
  letter-spacing:-.02em;max-width:24ch;margin-inline:auto}
.pg-statement q em{font-style:normal;color:var(--gold-2)}
.pg-statement .sub{position:relative;z-index:2;margin-top:18px;color:rgba(244,240,230,.7);
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}

/* ---------- timeline ---------- */
.pg-tl{display:grid;gap:clamp(28px,3.6vw,48px)}
.pg-tl-item{display:grid;grid-template-columns:142px 1fr;gap:clamp(18px,3vw,40px);align-items:start;
  padding-bottom:clamp(28px,3.6vw,48px);border-bottom:1px solid var(--beige-3)}
.pg-tl-item:last-child{border-bottom:0;padding-bottom:0}
.pg-tl-yr{font-family:var(--display);font-weight:500;font-size:clamp(1.25rem,2.1vw,1.7rem);
  color:var(--gold-dim);line-height:1;font-variant-numeric:tabular-nums}
.pg-tl-tag{margin-top:8px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.pg-tl-body h3{font-family:var(--display);font-weight:500;font-size:clamp(1.12rem,1.9vw,1.4rem);
  color:var(--ink);line-height:1.22}
.pg-tl-body p{margin-top:.6em;line-height:1.74;color:var(--ink-2);max-width:64ch}
.pg-tl-body .pg-media{margin-top:16px;max-width:460px}

/* ---------- people ---------- */
.pg-people{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,22px)}
.pg-person figure{border-radius:16px;overflow:hidden;aspect-ratio:3/4;
  background:linear-gradient(170deg,var(--beige-2),var(--beige))}
.pg-person img{width:100%;height:100%;object-fit:contain;object-position:bottom;display:block}
.pg-person b{display:block;margin-top:12px;font-family:var(--display);font-weight:500;
  font-size:1.02rem;color:var(--ink)}
.pg-person span{display:block;margin-top:5px;font-size:13px;line-height:1.55;color:var(--ink-2)}

/* ---------- CTA ---------- */
.pg-cta{background:linear-gradient(150deg,var(--green-950),var(--green-800));border-radius:24px;
  padding:clamp(34px,5.4vw,66px);text-align:center;color:var(--beige)}
.pg-cta h2{font-family:var(--display);font-weight:500;color:#fff;letter-spacing:-.02em;
  font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.12}
.pg-cta p{margin:.85em auto 1.6em;max-width:56ch;line-height:1.72;color:rgba(244,240,230,.82)}
.pg-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .pg-feat,.pg-feat--wide{grid-template-columns:1fr;gap:24px}
  .pg-feat--flip>.pg-feat-media{order:0}
  .pg-cards{grid-template-columns:1fr 1fr}
  .pg-gal--4{grid-template-columns:repeat(2,1fr)}
  .pg-people{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .pg-mast-stats{grid-template-columns:1fr 1fr;gap:18px}
  .pg-band{grid-template-columns:1fr 1fr}
  .pg-cards{grid-template-columns:1fr}
  .pg-gal--3{grid-template-columns:1fr 1fr}
  .pg-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(124px,32vw,168px)}
  .pg-mosaic .c3,.pg-mosaic .c4{grid-column:span 2}
  .pg-mosaic .c2{grid-column:span 1}
  .pg-mosaic .r2{grid-row:span 1}
  .pg-tl-item{grid-template-columns:1fr;gap:10px}
  .pg-tl-yr{font-size:1.15rem}
  .pg-stack--2{grid-template-columns:1fr}
  .pg-quote{padding-left:18px}
  .pg-cta{border-radius:18px}
}
@media(max-width:480px){
  .pg-gal--3{grid-template-columns:1fr}
}

/* ============================================================
   NO-CROP POLICY
   Every content image is shown whole. Fixed aspect-ratio boxes
   and object-fit:cover are overridden so nothing is trimmed;
   images size to their own proportions inside a tinted frame.
   ============================================================ */
.pg-media,.pg-gal figure,.pg-mosaic figure,.pg-card-img,.pg-person figure{aspect-ratio:auto !important;height:auto !important}
.pg-media img,.pg-gal img,.pg-mosaic img,.pg-card-img img,.pg-person img{
  object-fit:contain !important;width:100%;height:auto !important;display:block}
.pg-media--contain img{object-fit:contain !important}

/* frames hug the image */
.pg-media{background:var(--beige-2);border:1px solid var(--beige-3)}
.pg-sec--dark .pg-media{background:var(--green-900);border-color:rgba(227,201,136,.22)}
.pg-media--contain{background:linear-gradient(165deg,var(--green-900),var(--green-700))}

/* galleries: natural heights flow in columns so mixed ratios sit together */
.pg-gal--3,.pg-gal--4{display:block;columns:3;column-gap:clamp(12px,1.6vw,20px)}
.pg-gal--4{columns:4}
.pg-gal figure{break-inside:avoid;margin:0 0 clamp(12px,1.6vw,20px);display:block;
  border:1px solid var(--beige-3);background:var(--beige-2)}
.pg-sec--dark .pg-gal figure{border-color:rgba(227,201,136,.22);background:var(--green-900)}

/* mosaic: same treatment, columns instead of a rigid grid */
.pg-mosaic{display:block;columns:3;column-gap:clamp(12px,1.6vw,18px);grid-auto-rows:auto}
.pg-mosaic figure{break-inside:avoid;margin:0 0 clamp(12px,1.6vw,18px);display:block;
  border:1px solid var(--beige-3)}
.pg-mosaic .c2,.pg-mosaic .c3,.pg-mosaic .c4,.pg-mosaic .r2{grid-column:auto;grid-row:auto}

/* cards: image sits whole above the copy */
.pg-card-img{background:var(--beige-2);border-bottom:1px solid var(--beige-3)}

/* people: portraits are cut-outs, so give them room and no crop */
.pg-person figure{background:linear-gradient(170deg,var(--beige-2),var(--beige));
  border:1px solid var(--beige-3);border-radius:16px;padding:10px}
.pg-person img{object-position:center}

@media(max-width:1000px){ .pg-gal--3,.pg-gal--4,.pg-mosaic{columns:2} }
@media(max-width:620px){ .pg-gal--3,.pg-gal--4,.pg-mosaic{columns:1} }

/* ============================================================
   MASTHEAD — NO CROP
   A full-bleed background photo always crops, so the masthead is
   now a deep-green band with the page image shown whole beside
   the title.
   ============================================================ */
.pg-mast{min-height:0;display:block;
  background:linear-gradient(150deg,var(--green-950) 0%,var(--green-800) 58%,var(--green-700) 100%)}
.pg-mast>img{display:none}
.pg-mast::after{display:none}
.pg-mast::before{content:"";position:absolute;width:520px;height:520px;right:-140px;top:-190px;
  border-radius:50%;background:radial-gradient(circle,rgba(201,161,74,.16),transparent 68%);
  pointer-events:none;z-index:0}
.pg-mast-in{position:relative;z-index:2;padding:clamp(34px,5vw,64px) 0 clamp(30px,4vw,52px)}
.pg-mast-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4.4vw,60px);align-items:center}
.pg-mast-fig{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(227,201,136,.32);
  background:var(--green-900);box-shadow:0 26px 60px rgba(0,0,0,.34);max-width:520px;margin-left:auto;width:100%}
.pg-mast-fig img{display:block;width:100%;height:auto;object-fit:contain}
.pg-mast h1{max-width:none}
@media(max-width:1000px){
  .pg-mast-grid{grid-template-columns:1fr;gap:24px}
  .pg-mast-fig{max-width:none;margin-left:0;order:2}
  .pg-mast-copy{order:1}
}

/* no splash screen inside Our Company — pages swap instantly */
body[data-page="about"] #preloader{display:none !important}

/* Our Company has no splash screen, so nothing should ever lock scrolling here */
body[data-page="about"],html:has(body[data-page="about"]){overflow-y:auto !important;position:static !important;height:auto !important}

/* ============================================================
   BROWSER FRAME — live brand sites shown in a window mock
   ============================================================ */
.bw{border:1px solid var(--beige-3);border-radius:16px;overflow:hidden;background:#fff;
  box-shadow:0 22px 54px rgba(30,37,32,.16)}
.bw-bar{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--beige-2);
  border-bottom:1px solid var(--beige-3)}
.bw-dots{display:flex;gap:6px;flex:0 0 auto}
.bw-dots i{width:10px;height:10px;border-radius:50%;background:#D8D2C2;display:block}
.bw-dots i:nth-child(1){background:#E0A9A0}
.bw-dots i:nth-child(2){background:#E4C98C}
.bw-dots i:nth-child(3){background:#A9BAA2}
.bw-url{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:7px;
  background:#fff;border:1px solid var(--beige-3);border-radius:999px;padding:6px 13px;
  font-size:12px;color:var(--ink-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bw-url svg{width:12px;height:12px;flex:0 0 12px;stroke:var(--gold-dim);fill:none;stroke-width:2}
.bw-open{flex:0 0 auto;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;border:1px solid var(--beige-3);background:#fff;
  border-radius:999px;padding:7px 13px;transition:all .25s var(--tr)}
.bw-open:hover{background:var(--green-800);color:var(--beige);border-color:var(--green-800)}
.bw-view{position:relative;background:var(--beige);aspect-ratio:16/10}
.bw-view iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.bw-note{margin-top:10px;font-size:12px;color:var(--ink-2)}

@media(max-width:760px){
  .bw-view{aspect-ratio:3/4}
  .bw-bar{padding:9px 11px;gap:9px}
  .bw-open{padding:6px 10px;font-size:10.5px}
  .bw-url{font-size:11px;padding:5px 10px}
}

/* abraf-single-feat-media */
.pg-feat:has(> .pg-feat-media:only-child){grid-template-columns:minmax(0,1fr)}
.pg-feat > .pg-feat-media:only-child{max-width:860px;margin-left:auto;margin-right:auto}

/* abraf-frame-clip */
.bw-view{overflow:hidden}
@media (max-width:1099px){
  .bw-view iframe{pointer-events:none}
}

/* abraf-story-merge */
.pg-mast--logo .pg-mast-grid{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.pg-mast--logo .pg-mast-copy{max-width:820px}
.pg-mast--logo .pg-crumb,.pg-mast--logo .pg-mast-stats{justify-content:center}
.pg-mast-logo{display:block;width:min(230px,46vw);height:auto;margin:0 auto clamp(16px,2.6vw,26px);
  filter:drop-shadow(0 14px 34px rgba(0,0,0,.42))}
.pg-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,22px)}
.pg-trio figure{margin:0}
.pg-trio .pg-media{border-radius:16px}
.pg-trio figcaption{margin-top:9px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}
@media(max-width:700px){.pg-trio{grid-template-columns:1fr}}
.pg-fmt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(13px,1.6vw,20px)}
.pg-fmt-b{background:#fff;border:1px solid var(--beige-3);border-radius:18px;
  padding:clamp(17px,2.1vw,25px);display:flex;flex-direction:column}
.pg-fmt-b .n{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--green-700)}
.pg-fmt-b h3{margin:4px 0 0;font-family:var(--display);font-size:clamp(19px,1.5vw,23px);color:var(--green-950)}
.pg-fmt-b ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.pg-fmt-b li{display:flex;gap:11px;align-items:baseline;font-size:14px;line-height:1.35;color:var(--ink)}
.pg-fmt-b li i{font-style:normal;font-size:10px;letter-spacing:.08em;color:var(--gold);min-width:15px}
.pg-fmt-b .c{margin-top:auto;padding-top:16px;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-2)}
@media(max-width:980px){.pg-fmt{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pg-fmt{grid-template-columns:1fr}}
.pg-capt{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(26px,4vw,56px);align-items:center}
.pg-capt figure{margin:0}
.pg-capt .pg-media{border-radius:20px;max-width:440px}
.pg-capt blockquote{margin:0;font-family:var(--display);font-weight:500;
  font-size:clamp(23px,2.5vw,34px);line-height:1.22;color:var(--green-950)}
@media(max-width:860px){.pg-capt{grid-template-columns:1fr}.pg-capt .pg-media{max-width:300px}}

/* abraf-crumb-mobile */
@media(max-width:700px){
  .pg-mast--logo .pg-crumb{flex-wrap:nowrap;white-space:nowrap;font-size:9.5px;letter-spacing:.1em;gap:6px}
  .pg-mast--logo .pg-crumb span,.pg-mast--logo .pg-crumb a,.pg-mast--logo .pg-crumb b{white-space:nowrap}
}

/* abraf-tl-trio-slider-gate */
.pg-tl-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.1vw,14px)}
.pg-tl-trio figure{margin:0}
.pg-tl-trio figcaption{margin-top:7px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
@media(max-width:600px){.pg-tl-trio{grid-template-columns:1fr}}
.pg-mast-slider{position:relative;width:100%;aspect-ratio:16/10;border-radius:18px;overflow:hidden;
  border:1px solid rgba(227,201,136,.32);background:var(--green-900);box-shadow:0 26px 60px rgba(0,0,0,.34)}
.pg-mast-slider img{position:absolute;inset:0;width:100% !important;height:100% !important;
  object-fit:contain !important;opacity:0;animation:abMastFade 24s infinite ease-in-out}
.pg-mast-slider img:nth-child(1){opacity:1;animation-delay:0s}
.pg-mast-slider img:nth-child(2){animation-delay:6s}
.pg-mast-slider img:nth-child(3){animation-delay:12s}
.pg-mast-slider img:nth-child(4){animation-delay:18s}
@keyframes abMastFade{0%{opacity:1}21%{opacity:1}25%{opacity:0}96%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.pg-mast-slider img{animation:none}}
.pgate{position:relative}
.pgate-lock{border:1px solid var(--beige-3);border-radius:20px;background:#fff;
  padding:clamp(20px,2.6vw,30px);max-width:440px;box-shadow:0 18px 44px rgba(30,37,32,.08)}
.pgate-lock h3{margin:0 0 6px;font-family:var(--display);font-size:clamp(19px,1.6vw,23px);color:var(--green-950)}
.pgate-lock p.s{margin:0 0 16px;font-size:13px;line-height:1.45;color:var(--ink-2)}
.pgate-f{display:grid;gap:10px}
.pgate-f label{display:grid;gap:5px;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}
.pgate-f input,.pgate-f select{font:inherit;font-size:16px;color:var(--ink);background:var(--beige);
  border:1px solid var(--beige-3);border-radius:11px;padding:11px 13px;width:100%}
.pgate-f input:focus,.pgate-f select:focus{outline:2px solid var(--gold);outline-offset:1px}
.pgate-f .err{color:#9C3B32;font-size:11.5px;letter-spacing:0;text-transform:none;min-height:14px}
.pgate-f button{margin-top:4px;width:100%;justify-content:center}
.pgate-note{margin-top:12px;font-size:10.5px;line-height:1.5;color:var(--ink-2)}

/* abraf-trio-uniform */
.pg-tl-trio .pg-media{aspect-ratio:4/3 !important;height:auto !important;display:grid;
  place-items:center;background:#fff;border:1px solid var(--beige-3);
  border-radius:14px;padding:clamp(8px,1vw,14px);overflow:hidden}
.pg-tl-trio .pg-media img{width:100% !important;height:100% !important;
  object-fit:contain !important;object-position:center}
.pg-tl-trio figcaption{min-height:2.6em}
@media(max-width:600px){.pg-tl-trio .pg-media{aspect-ratio:16/9 !important}
  .pg-tl-trio figcaption{min-height:0}}

/* abraf-trio-fill */
.pg-tl-trio .pg-media{padding:0 !important;background:var(--beige-2)}
.pg-tl-trio .pg-media img{width:100% !important;height:100% !important;
  object-fit:cover !important;object-position:center center}

/* abraf-trio-pin */
.pg-tl-trio .pg-media{position:relative;display:block !important;aspect-ratio:4/3 !important;
  height:auto !important;overflow:hidden;padding:0 !important}
.pg-tl-trio .pg-media img{position:absolute !important;top:0 !important;right:0 !important;
  bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;
  max-width:none !important;max-height:none !important;object-fit:cover !important;
  object-position:center center !important;display:block !important}

/* abraf-single-scroller */
html:has(body[data-page="about"]){overflow-y:auto !important;overflow-x:hidden !important;
  overflow-x:clip !important;position:static !important;height:auto !important}
body[data-page="about"]{overflow:visible !important;overflow-x:hidden !important;
  overflow-x:clip !important;position:static !important;height:auto !important;
  -webkit-overflow-scrolling:touch}
.rail{position:-webkit-sticky;position:sticky;top:0;z-index:70}
@media(max-width:1099px){
  .rail{position:-webkit-sticky;position:sticky;top:0;
    background:var(--beige);backdrop-filter:saturate(1.2) blur(8px);
    box-shadow:0 1px 0 var(--beige-3),0 6px 18px rgba(30,37,32,.06)}
}

/* abraf-story-trio-uniform */
.pg-trio .pg-media{position:relative;display:block !important;aspect-ratio:4/3 !important;
  height:auto !important;overflow:hidden;padding:0 !important;border-radius:16px;
  background:var(--beige-2)}
.pg-trio .pg-media img{position:absolute !important;top:0 !important;right:0 !important;
  bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;
  max-width:none !important;max-height:none !important;object-fit:cover !important;
  object-position:center center !important;display:block !important}
.pg-trio figcaption{min-height:2.6em}
@media(max-width:700px){.pg-trio .pg-media{aspect-ratio:16/9 !important}
  .pg-trio figcaption{min-height:0}}