/* =====================================================================
   PPI Construction v2.1 — "Luxury" (approved homepage, 10/2026)
   Dark / ivory alternating bands · Noto Serif Display (300/400 + italic) + Manrope (400–700) · gold #B99B30
   1  tokens · 2 base · 3 type + buttons · 4 header / menu · 5 footer · 6 theme templates
   7  data blocks (cards, rail, tracker, diary, gallery) · 8 Elementor layer (lx-* classes) · 9 forms · 10 motion
   The previous "site log" stylesheet is kept in theme-v2/backup-round3-ppi-construction-v2/.
   ===================================================================== */

/* ============ 1. TOKENS ============ */
:root{
  color-scheme: light;
  --black:#0B0B0A; --char:#141412; --char-2:#1C1B18; --char-line:rgba(255,255,255,.12);
  --ivory:#F4F0E6; --ivory-2:#EAE4D6; --paper:#FBF9F4; --line:#DDD5C4;
  --text:#191815; --muted:#5C574C; --on-dark:#EDE9DF; --on-dark-2:#A9A497;
  --gold:#B99B30; --gold-lt:#D6BF6E; --gold-ink:#6E5B16; --gold-soft:rgba(185,155,48,.14);
  --serif:'IBM Plex Sans','Manrope',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --gut:clamp(16px,4.4vw,72px); --max:1360px; --nav:84px; --navs:68px;
  --sec:clamp(88px,11vw,168px);
  --ease:cubic-bezier(.2,.7,.15,1);
}
@media (max-width:760px){:root{--nav:68px;--navs:60px}}

/* ============ 2. BASE ============ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--black)}
body.ppi2{margin:0;background:var(--paper);color:var(--text);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.ppi2 .site{display:block;overflow-x:clip}
:where(body.ppi2) img,:where(body.ppi2) video{display:block;max-width:100%;height:auto}
body.ppi2 a,body.ppi2 a:hover,body.ppi2 a:visited{color:inherit}
:where(body.ppi2) button,:where(body.ppi2) input,:where(body.ppi2) select,:where(body.ppi2) textarea{font:inherit;color:inherit}
body.ppi2 h1,body.ppi2 h2,body.ppi2 h3,body.ppi2 h4,body.ppi2 h5,body.ppi2 .elementor-heading-title{font-family:var(--serif);font-weight:500;margin:0;line-height:1.05;color:inherit;text-wrap:balance}
:where(body.ppi2) p{margin:0 0 1em}
body.ppi2 :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
body.ppi2 [id]{scroll-margin-top:70px}
.sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;z-index:200;background:var(--gold);color:#0B0B0A;padding:12px 16px;font:700 13px/1 var(--sans);letter-spacing:.12em;text-decoration:none}
.skip:focus{top:8px}
.ic{width:18px;height:18px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.sec{padding:var(--sec) 0}
.dark{background:var(--char);color:var(--on-dark);color-scheme:dark;--ppi-fg:var(--on-dark)}
.black{background:var(--black);color:var(--on-dark);color-scheme:dark;--ppi-fg:var(--on-dark)}
.ivory{background:var(--ivory)}
.paper{background:var(--paper)}
.muted{color:var(--muted)}
.dark .muted,.black .muted{color:var(--on-dark-2)}

/* ============ 3. TYPE + BUTTONS ============ */
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 28px;font:600 12px/1.2 var(--sans);letter-spacing:.22em;color:var(--gold-ink)}
.eyebrow::after{content:"";height:1px;width:64px;background:currentColor;opacity:.55;flex:none}
.dark .eyebrow,.black .eyebrow,.band .eyebrow,.on-img .eyebrow{color:var(--gold-lt)}
body.ppi2 .h1p{font:500 clamp(44px,7vw,112px)/1.1 var(--serif);letter-spacing:-.02em;margin:0;max-width:16ch}
body.ppi2 .h2{font:500 clamp(40px,6.2vw,96px)/1.1 var(--serif);letter-spacing:-.015em;margin:0}
body.ppi2 .h3{font:500 clamp(24px,2vw,30px)/1.15 var(--serif);margin:0 0 10px}
body.ppi2 .h1p em,body.ppi2 .h2 em,body.ppi2 .ft-big em,body.ppi2 .pcard.cta h3 em{font-style:normal;color:var(--gold-ink)}
body.ppi2 .dark .h1p em,body.ppi2 .black .h1p em,body.ppi2 .band .h1p em,body.ppi2 .dark .h2 em,body.ppi2 .black .h2 em,body.ppi2 .ft-big em,body.ppi2 .pcard.cta h3 em{color:var(--gold-lt)}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--muted);max-width:52ch;margin:0}
.dark .lead,.black .lead,.band .lead{color:var(--on-dark-2)}
.big{font:500 clamp(22px,2.1vw,32px)/1.4 var(--serif);margin:0 0 22px;text-wrap:pretty}
.cap{font:600 11px/1.3 var(--sans);letter-spacing:.18em}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

.btn,body.ppi2 .lx-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 28px;font:600 13px/1.1 var(--sans);letter-spacing:.14em;text-decoration:none;border:1px solid transparent;cursor:pointer;border-radius:0;background:none;text-align:center;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
.ar{display:inline-block;width:22px;height:1px;background:currentColor;position:relative;flex:none;transition:width .35s var(--ease)}
body.ppi2 .lx-btn .elementor-button-text::after,body.ppi2 .lx-form .elementor-button[type=submit] .elementor-button-text::after{content:"";display:inline-block;flex:none;width:22px;height:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9'%3E%3Cpath d='M.6.6 4.9 4.5.6 8.4' fill='none' stroke='%23000' stroke-width='1.1'/%3E%3C/svg%3E") right center/6px 9px no-repeat,linear-gradient(#000,#000) left center/100% 1px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9'%3E%3Cpath d='M.6.6 4.9 4.5.6 8.4' fill='none' stroke='%23000' stroke-width='1.1'/%3E%3C/svg%3E") right center/6px 9px no-repeat,linear-gradient(#000,#000) left center/100% 1px no-repeat;transition:width .35s var(--ease)}
.ar::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.btn:hover .ar{width:32px}
body.ppi2 a.btn-gold,.btn-gold{background:var(--gold);color:#0B0B0A}
body.ppi2 a.btn-gold:hover,.btn-gold:hover{background:var(--gold-lt);color:#0B0B0A}
body.ppi2 a.btn-ghost,.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
body.ppi2 a.btn-ghost:hover,.btn-ghost:hover{background:#fff;color:#0B0B0A}
body.ppi2 a.btn-ink,.btn-ink{background:var(--text);color:#fff}
body.ppi2 a.btn-ink:hover,.btn-ink:hover{background:#000;color:#fff}
body.ppi2 a.btn-line,.btn-line{border-color:var(--text);color:var(--text)}
body.ppi2 a.btn-line:hover,.btn-line:hover{background:var(--text);color:#fff}

/* crumb */
.crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 34px;font:600 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-2)}
.crumb a{text-decoration:none;color:inherit}
.crumb a:hover{color:#fff}
.crumb span[aria-current]{color:var(--gold-lt)}
.crumb span[aria-hidden]{opacity:.5}
:lang(el) .crumb{text-transform:none;letter-spacing:.06em;font-size:12px}

/* ============ 4. HEADER / MENU ============ */
.hdr{position:fixed;left:0;right:0;top:0;z-index:60;height:var(--nav);color:#fff;transition:background .45s var(--ease),height .45s var(--ease),border-color .45s var(--ease);border-bottom:1px solid transparent}
body.admin-bar .hdr{top:32px}
@media (max-width:782px){body.admin-bar .hdr{top:46px}}
.hdr .wrap{height:100%;display:flex;align-items:center;gap:clamp(18px,2.2vw,36px);max-width:none}
.hdr.solid{background:rgba(11,11,10,.86);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);height:var(--navs);border-bottom-color:rgba(255,255,255,.08)}
.hdr.menu-open{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.hdr .logo{display:flex;align-items:center;flex:none;position:relative;z-index:2}
.hdr .logo img{height:38px;width:auto}
.hdr .nav{display:flex;gap:clamp(18px,2vw,34px);margin-left:auto}
.hdr .nav a{font:600 12px/1 var(--sans);letter-spacing:.18em;text-decoration:none;padding:10px 0;position:relative;opacity:.88;white-space:nowrap}
.hdr .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--gold-lt);transition:right .4s var(--ease)}
.hdr .nav a:hover,.hdr .nav a[aria-current]{opacity:1}
.hdr .nav a:hover::after,.hdr .nav a[aria-current]::after{right:0}
.hdr .lang{display:flex;gap:2px;font:600 11px/1 var(--sans);letter-spacing:.14em}
.hdr .lang a{padding:8px 6px;text-decoration:none;opacity:.6}
.hdr .lang a[aria-current]{opacity:1;color:var(--gold-lt)}
.hdr .lang a:hover{opacity:1}
.hdr-soc{display:flex;gap:4px}
.hdr-soc a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;opacity:.8;transition:opacity .3s,color .3s}
.hdr-soc a:hover{opacity:1;color:var(--gold-lt)}
.hdr-soc .ic{width:19px;height:19px}
.mnav .m-soc{display:flex;gap:24px;margin:14px 0 0;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.mnav .m-soc a{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--on-dark-2);padding:10px 0}
.mnav .m-soc .ic{color:var(--gold-lt)}
.hdr-tel{font:500 14px/1 var(--sans);letter-spacing:.06em;white-space:nowrap;display:flex;align-items:center;gap:10px;opacity:.92;text-decoration:none}
.hdr-tel::before{content:"";width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
body.ppi2 .hdr-cta{min-height:44px;padding:0 20px;font-size:11px;border-color:var(--gold);color:#fff;white-space:nowrap}
body.ppi2 .hdr-cta:hover{background:var(--gold);color:#0B0B0A}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;height:44px;padding:0 16px;font:600 11px/1 var(--sans);letter-spacing:.18em;cursor:pointer;align-items:center;gap:12px;position:relative;z-index:2}
.menu-btn i{display:block;width:18px;height:7px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.mnav{position:fixed;inset:0;z-index:55;background:var(--black);color:#fff;padding:96px var(--gut) 40px;display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity .4s var(--ease),visibility 0s linear .4s;overflow-y:auto}
.mnav.open{visibility:visible;opacity:1;transition:opacity .4s var(--ease)}
.mnav>a{font:500 34px/1.1 var(--serif);text-decoration:none;padding:16px 0;border-bottom:1px solid var(--char-line);display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.mnav>a span{font:600 11px/1 var(--sans);letter-spacing:.18em;color:var(--gold-lt)}
.mnav>a[aria-current]{color:var(--gold-lt)}
.mnav .m-tel{margin:28px 0 0;font:500 15px/1.8 var(--sans);color:var(--on-dark-2);letter-spacing:.04em}
.mnav .m-tel a{text-decoration:none}
.mnav .m-tel b{color:#fff;font-weight:600;font-size:22px;letter-spacing:.02em}
.mnav .m-lang{display:flex;gap:24px;margin:18px 0 0;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.mnav .m-lang a{text-decoration:none;color:var(--on-dark-2);padding:10px 0}
.mnav .m-lang a[aria-current]{color:var(--gold-lt)}
@media (min-width:761px){.mnav{display:none}}
@media (max-width:1180px){.hdr .nav{display:none}.hdr .lang{margin-left:auto}}
@media (max-width:760px){
  .hdr-tel,.hdr-cta,.hdr .lang,.hdr-soc{display:none!important}
  .menu-btn{display:inline-flex}
  .hdr .logo img{height:32px}
}

/* ============ 5. FOOTER ============ */
.ft{background:var(--black);color:var(--on-dark);padding:clamp(72px,8vw,120px) 0 30px;color-scheme:dark}
body.ppi2 .ft p.ft-big{max-width:none;color:var(--on-dark);font:500 clamp(48px,8.6vw,150px)/1.1 var(--serif);letter-spacing:-.025em;margin:0 0 clamp(56px,7vw,100px);padding-bottom:clamp(40px,5vw,70px);border-bottom:1px solid var(--char-line)}
.ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.ft img{height:42px;width:auto}
.ft-h{font:700 10.5px/1 var(--sans)!important;letter-spacing:.18em;color:var(--gold-lt)!important;margin:6px 0 18px!important}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;color:var(--on-dark-2)}
.ft a{text-decoration:none}
.ft a:hover{color:#fff}
.ft-brand p{color:var(--on-dark-2);font-size:15px;margin:20px 0 0;max-width:34ch}
.ft-ig{display:inline-flex;align-items:center;gap:10px}
.ft-ig .ic{color:var(--gold-lt)}
.ft-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:22px;border-top:1px solid var(--char-line);font:500 12px/1.5 var(--sans);letter-spacing:.06em;color:#8C877B}
.ft-bot a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.ft-top{grid-template-columns:1fr 1fr}.ft-top>div:first-child{grid-column:1/-1}}

/* lightbox + toast */
.lb{position:fixed;inset:0;z-index:300;background:rgba(8,8,7,.94);display:flex;align-items:center;justify-content:center;padding:56px 16px}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center}
.lb img{max-height:calc(100vh - 150px);width:auto;object-fit:contain}
.lb-cap{margin-top:14px;font:600 11px/1.4 var(--sans);letter-spacing:.16em;color:var(--on-dark-2);text-transform:uppercase}
.lb-x,.lb-nav{position:absolute;background:rgba(11,11,10,.6);color:#fff;border:1px solid rgba(255,255,255,.35);width:52px;height:52px;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}
.lb-x{top:14px;right:14px}
.lb-prev{left:14px;top:50%;transform:translateY(-50%)}
.lb-next{right:14px;top:50%;transform:translateY(-50%)}
.lb-x:hover,.lb-nav:hover{background:#fff;color:#0B0B0A}
.toast{position:fixed;left:50%;bottom:24px;z-index:320;transform:translate(-50%,140%);background:var(--black);color:#fff;border:1px solid var(--gold);padding:12px 18px;font:600 13px/1.4 var(--sans);letter-spacing:.04em;opacity:0;transition:transform .35s var(--ease),opacity .35s;pointer-events:none;max-width:calc(100vw - 32px)}
.toast.on{transform:translate(-50%,0);opacity:1}

/* ============ 6. THEME TEMPLATES ============ */
/* dark title band of the theme pages (projects, plain pages, privacy, 404, legacy projects) */
.ptop{padding:calc(var(--nav) + clamp(56px,8vw,120px)) 0 clamp(56px,7vw,100px);position:relative;overflow:hidden}
.ptop::after{content:"";position:absolute;left:var(--gut);right:var(--gut);bottom:0;height:1px;background:linear-gradient(90deg,rgba(214,191,110,.6),rgba(214,191,110,0) 70%)}
.ptop .lead{margin-top:28px}
.page-404{min-height:80vh;display:flex;align-items:flex-end}
.page-404 .wrap{width:100%}
.page-404 .btn-row{margin-top:36px}
.prose{max-width:860px}
.page-plain .entry{font-size:17px;line-height:1.75}
.page-plain .entry h2,.page-plain .entry .h3{font:500 clamp(24px,2.2vw,32px)/1.2 var(--serif);margin:42px 0 12px}
.page-plain .entry a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold)}
.page-plain .entry .lead{font-size:20px;margin-bottom:12px}
.idx-item{padding:24px 0;border-bottom:1px solid var(--line)}
.fig-plain{margin:0 0 28px}

/* full-bleed photo band (project hero) */
.band{position:relative;min-height:min(92vh,880px);display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#111;color-scheme:dark}
.band .bimg{position:absolute;inset:-12% 0;overflow:hidden}
.band .bimg img{width:100%;height:100%;object-fit:cover;max-width:none}
.band::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(8,8,7,.9) 0,rgba(8,8,7,.4) 45%,rgba(8,8,7,.25) 100%),linear-gradient(90deg,rgba(8,8,7,.55),rgba(8,8,7,0) 60%)}
.band .wrap{position:relative;z-index:1;width:100%;padding-top:calc(var(--nav) + 80px);padding-bottom:clamp(56px,7vw,100px)}
.band .bcap{margin:26px 0 0;font:600 10.5px/1.4 var(--sans);letter-spacing:.16em;color:rgba(255,255,255,.75)}
.pj-hero .crumb{color:rgba(255,255,255,.7)}
.pj-loc{margin:18px 0 0;font:500 clamp(18px,1.6vw,22px)/1.4 var(--serif);color:rgba(255,255,255,.86)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.chips .chip{position:static}

/* project intro + facts */
.pj-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(36px,6vw,110px);align-items:start}
.pj-intro .big{max-width:30ch}
.pj-facts{margin:0;border-top:1px solid var(--line)}
.pj-facts>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.pj-facts dt{font:700 10.5px/1.6 var(--sans);letter-spacing:.16em;color:var(--gold-ink)}
.pj-facts dd{margin:0;font:500 18px/1.4 var(--serif)}
@media (max-width:900px){.pj-grid{grid-template-columns:1fr}}

/* closing CTA band + next project */
.cta-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,110px);align-items:end}
.cta-band .h2{font-size:clamp(36px,5vw,76px)}
@media (max-width:900px){.cta-grid{grid-template-columns:1fr}}
.pj-next{background:var(--black);color:var(--on-dark);border-top:1px solid var(--char-line)}
.pj-next a{display:flex;align-items:center;gap:22px;padding:34px 0;text-decoration:none;flex-wrap:wrap}
.pj-next .cap{color:var(--gold-lt)}
.pj-next-t{font:500 clamp(26px,3vw,44px)/1.1 var(--serif);flex:1}
.pj-next a:hover .ar{width:40px}

/* ============ 7. DATA BLOCKS ============ */
/* chips + stamps (on photos) */
.chip{position:absolute;z-index:1;top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;font:700 10.5px/1 var(--sans);letter-spacing:.16em;background:rgba(11,11,10,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(255,255,255,.18)}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--gold-lt);flex:none}
.chip.live i{animation:pulse 2s ease-in-out infinite}
.chip.done{background:rgba(244,240,230,.92);color:#0B0B0A;border-color:transparent}
.chip.done i{background:var(--gold-ink)}
@keyframes pulse{50%{opacity:.25}}
.stamp{position:absolute;z-index:1;left:18px;bottom:16px;font:600 10.5px/1.2 var(--sans);letter-spacing:.16em;color:rgba(255,255,255,.9);display:inline-flex;align-items:center;gap:8px;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.stamp .stud{display:none}

/* home rail */
.rail-box{width:100%}
.rail-ui{display:flex;align-items:center;gap:22px;margin-top:clamp(36px,4vw,56px)}
.count{font:500 22px/1.1 var(--serif);letter-spacing:.04em;color:var(--on-dark-2);min-width:76px}
.count b{font-weight:400;color:#fff}
.prog{flex:1;height:1px;background:var(--char-line);position:relative;overflow:hidden}
.prog i{position:absolute;left:0;top:0;bottom:0;width:20%;background:var(--gold-lt);transition:transform .5s var(--ease),width .5s var(--ease)}
.arrows{display:flex;gap:10px}
.arw{width:56px;height:56px;border:1px solid rgba(255,255,255,.3);background:none;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .3s,border-color .3s,color .3s;padding:0}
.arw:hover{background:#fff;color:#0B0B0A;border-color:#fff}
.arw:disabled{opacity:.3;cursor:default;background:none;color:#fff}
.arw svg{width:22px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2}
.rail{display:flex;gap:clamp(16px,2vw,32px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gut);padding:clamp(28px,3vw,44px) var(--gut) 8px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
.rail:focus-visible{outline-offset:-2px}
@media (min-width:1360px){.rail{padding-left:calc((100vw - var(--max)) / 2 + var(--gut));scroll-padding-left:calc((100vw - var(--max)) / 2 + var(--gut))}}
.pcard{flex:0 0 min(64vw,980px);scroll-snap-align:start;margin:0;position:relative}
.pcard:last-child{margin-right:var(--gut)}
.pc-media{position:relative;overflow:hidden;aspect-ratio:16/10;background:#222;margin:0}
.pc-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.4s var(--ease)}
.pcard:hover .pc-media img,.pj-card:hover .pc-media img{transform:scale(1.07)}
.pc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,7,.55),rgba(8,8,7,0) 40%);pointer-events:none}
body.ppi2 .pc-media img.inset{position:absolute;z-index:1;right:16px;bottom:16px;width:24%;height:auto;aspect-ratio:4/5;object-fit:cover;transform:none;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.pc-meta{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;padding-top:24px;border-top:1px solid var(--char-line);margin-top:22px}
.pc-n{grid-row:1/4;font:500 40px/1 var(--serif);color:var(--gold-lt)}
body.ppi2 .pc-meta h3{font:500 clamp(26px,2.6vw,40px)/1.1 var(--serif);margin:0;color:#fff}
.pc-meta h3 a{text-decoration:none}
.pc-meta h3 a:hover{color:var(--gold-lt)}
.pcard,.pj-card{position:relative}
.stretch::after{content:"";position:absolute;inset:0;z-index:2}
.pc-meta p{margin:0;color:var(--on-dark-2);font-size:15.5px}
.pcard.cta{display:flex}
.pcard.cta .box{flex:1;border:1px solid rgba(214,191,110,.4);padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:radial-gradient(120% 90% at 100% 0,rgba(185,155,48,.16),rgba(185,155,48,0) 60%)}
.pcard.cta .eyebrow{margin-bottom:22px;color:var(--gold-lt)}
body.ppi2 .pcard.cta h3{font:500 clamp(34px,3.6vw,58px)/1.1 var(--serif);margin:0;color:#fff}
.pcard.cta p{margin:14px 0 0;color:var(--on-dark-2);max-width:36ch}
.pcard.cta .btn{align-self:flex-start}
@media (max-width:860px){
  .pcard{flex-basis:86vw}
  .pc-media{aspect-ratio:4/5}
  .pcard.cta .box{min-height:420px}
  .arw{width:48px;height:48px}
  .pc-meta{gap:4px 16px}
  .pc-n{font-size:32px}
  body.ppi2 .pc-media img.inset{width:34%;right:12px;bottom:40px}
}

/* projects page cards (light ground) */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(36px,4vw,56px)}
.tab{min-height:44px;padding:0 18px;border:1px solid #CFC7B5;background:transparent;font:600 11px/1 var(--sans);letter-spacing:.16em;cursor:pointer;color:var(--text)}
.tab[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}
.tab:hover{border-color:var(--text)}
.pj-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,72px) clamp(20px,3vw,48px)}
.pj-card[hidden]{display:none}
.pj-card .pc-meta{border-top-color:var(--line)}
.pj-card .pc-n{color:var(--gold)}
body.ppi2 .pj-card .pc-meta h3{color:var(--text)}
.pj-card .pc-meta h3 a:hover{color:var(--gold-ink)}
.pj-card .pc-meta p{color:var(--muted)}
.pj-card .more{display:inline-flex;align-items:center;gap:12px;margin-top:10px;font:600 11px/1 var(--sans);letter-spacing:.16em;color:var(--text)}
.pj-card:hover .more .ar{width:32px}
@media (max-width:860px){.pj-cards{grid-template-columns:1fr}.pj-card .pc-media{aspect-ratio:4/3}}

/* full tracker (project page) */
.bt{border-top:1px solid var(--line)}
.bt-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-bottom:1px solid var(--line)}
.bt-tab{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:20px 16px 20px 0;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;color:var(--muted);font:inherit}
.bt-tab .t{font:500 20px/1.2 var(--serif);color:inherit}
.bt-tab .dd{font:600 10.5px/1.6 var(--sans);letter-spacing:.14em}
.bt-tab[aria-selected="true"]{color:var(--text);border-bottom-color:var(--gold)}
.bt-tab:hover{color:var(--text)}
.mk{width:10px;height:10px;margin-top:7px;flex:none;border:1px solid currentColor;transform:rotate(45deg)}
.bt-tab.done .mk{background:var(--gold);border-color:var(--gold)}
.bt-tab.current .mk{background:var(--gold-lt);border-color:var(--gold);animation:pulse 2s ease-in-out infinite}
.bt-panel{padding:34px 0 0}
.bt-panel[hidden]{display:none}
.bt-panel h3{font:500 clamp(26px,2.4vw,36px)/1.1 var(--serif);margin:0 0 6px}
.bt-panel .meta{font:600 11px/1.4 var(--sans);letter-spacing:.14em;color:var(--gold-ink);margin:0 0 24px;text-transform:uppercase}
.bt-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(10px,1.4vw,20px)}
.ph-frame{position:relative;display:block;overflow:hidden;background:var(--ivory-2)}
.ph-frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.ph-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,7,.5),rgba(8,8,7,0) 38%);pointer-events:none}
.ph-frame.r45 img{aspect-ratio:4/5}
.lb-link{display:block;cursor:zoom-in}
.lb-link:hover img{transform:scale(1.04)}
.upd{margin:26px 0 0;font:600 11px/1.4 var(--sans);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.anchor{position:relative;top:-90px}

/* diary */
.diary{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--line)}
.diary>li{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.diary .d{font:500 24px/1.1 var(--serif);color:var(--gold-ink)}
.diary>li>div>span{font:500 19px/1.45 var(--serif)}
.diary .th{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.diary .th a{display:block;width:120px;height:120px;overflow:hidden}
.diary .th img{width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.diary>li{grid-template-columns:1fr;gap:6px}}

/* gallery */
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);margin-top:clamp(36px,4vw,56px)}
.gal .ph-frame img{aspect-ratio:4/5}
@media (max-width:900px){.gal{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* tels with copy + open badge (contact lists, land) */
.tels{display:flex;flex-wrap:wrap;gap:12px 28px}
.tel{display:inline-flex;align-items:center;gap:12px}
.tel a{text-decoration:none}
.tel b{font:500 clamp(26px,2.4vw,34px)/1.1 var(--serif);letter-spacing:.01em;white-space:nowrap}
.copy{border:1px solid currentColor;background:transparent;font:700 10px/1 var(--sans);letter-spacing:.14em;padding:8px 10px;cursor:pointer;white-space:nowrap;opacity:.8;min-height:32px;color:inherit}
.copy:hover{opacity:1}
.copy.ok{background:var(--gold);border-color:var(--gold);color:#0B0B0A;opacity:1}
.open-badge{display:inline-flex;align-items:center;gap:9px;font:600 11px/1 var(--sans);letter-spacing:.1em;padding:9px 11px;background:var(--ivory);margin-top:12px;color:var(--text)}
.open-badge[hidden]{display:none}
.open-badge i{width:8px;height:8px;border-radius:50%;background:#9A958A}
.open-badge.yes i{background:#3E8E4F;box-shadow:0 0 0 4px rgba(62,142,79,.16)}

/* ============ 8. ELEMENTOR LAYER (classes set on containers/widgets: lx-*) ============ */
/* v2 pages manage their own spacing: containers start at 0 padding/gap; classes add it. */
body.ppi2{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;--container-max-width:var(--max)}
body.ppi2 .elementor .e-con{--gap:0px;--row-gap:0px;--column-gap:0px}
body.ppi2 .elementor .elementor-widget{--kit-widget-spacing:0px}
body.ppi2 .elementor-widget-text-editor{color:inherit;font-family:var(--sans);font-weight:inherit}
body.ppi2 .elementor .elementor-widget-text-editor p:last-child{margin-bottom:0}
body.ppi2 .elementor-widget-heading .elementor-heading-title{font-family:var(--serif);color:inherit}
body.ppi2 .elementor a{color:inherit}

/* sections */
body.ppi2 .e-con.lx-sec{--padding-top:var(--sec);--padding-bottom:var(--sec);position:relative}
body.ppi2 .e-con.lx-dark{background:var(--char);color:var(--on-dark);color-scheme:dark;--ppi-fg:var(--on-dark)}
body.ppi2 .e-con.lx-black{background:var(--black);color:var(--on-dark);color-scheme:dark;--ppi-fg:var(--on-dark)}
body.ppi2 .e-con.lx-ivory{background:var(--ivory);color:var(--text)}
body.ppi2 .e-con.lx-paper{background:var(--paper);color:var(--text)}
body.ppi2 .e-con.lx-wrap{--width:100%;max-width:var(--max);--padding-left:var(--gut);--padding-right:var(--gut);margin-left:auto;margin-right:auto}
body.ppi2 .e-con.lx-pagetop{--padding-top:calc(var(--nav) + clamp(56px,8vw,120px));--padding-bottom:clamp(64px,8vw,120px)}
body.ppi2 .e-con.lx-pagetop::after{content:"";position:absolute;left:var(--gut);right:var(--gut);bottom:0;height:1px;background:linear-gradient(90deg,rgba(214,191,110,.6),rgba(214,191,110,0) 70%)}

/* layout helpers */
body.ppi2 .e-con.lx-row{--flex-direction:row;--flex-wrap:wrap;flex-wrap:wrap;--column-gap:14px;--row-gap:14px;align-items:center}
body.ppi2 .e-con.lx-row>.elementor-widget{--container-widget-width:auto;width:auto;max-width:100%}
body.ppi2 .e-con.lx-grid{--display:grid;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--g,clamp(32px,6vw,110px))}
body.ppi2 .e-con.lx-grid>.e-con,body.ppi2 .e-con.lx-grid>.elementor-widget{--width:100%;min-width:0;width:100%}
@media (min-width:901px){
  body.ppi2 .e-con.lx-g11{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.ppi2 .e-con.lx-g-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;--g:clamp(24px,5vw,80px)}
  body.ppi2 .e-con.lx-g-land{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end}
  body.ppi2 .e-con.lx-g-fam{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;--g:clamp(36px,7vw,120px)}
  body.ppi2 .e-con.lx-g-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  body.ppi2 .e-con.lx-g-wide{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start}
  body.ppi2 .e-con.lx-g-map{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:start}
  body.ppi2 .e-con.lx-sticky{position:sticky;top:110px;align-self:start}
}

/* type widgets */
body.ppi2 .lx-eyebrow .elementor-heading-title{display:flex;align-items:center;gap:14px;font:600 12px/1.2 var(--sans);letter-spacing:.22em;color:var(--gold-ink)}
body.ppi2 .lx-eyebrow .elementor-heading-title::after{content:"";height:1px;width:64px;background:currentColor;opacity:.55;flex:none}
body.ppi2 .elementor-widget.lx-eyebrow{margin-bottom:28px}
body.ppi2 .lx-dark .lx-eyebrow .elementor-heading-title,body.ppi2 .lx-black .lx-eyebrow .elementor-heading-title,body.ppi2 .lx-hero .lx-eyebrow .elementor-heading-title,body.ppi2 .lx-band .lx-eyebrow .elementor-heading-title{color:var(--gold-lt)}
body.ppi2 .lx-h1 .elementor-heading-title{font:500 clamp(40px,min(6.6vw,13svh),116px)/1.1 var(--serif);letter-spacing:-.015em;max-width:14ch}
body.ppi2 .lx-h1p .elementor-heading-title{font:500 clamp(44px,7vw,112px)/1.1 var(--serif);letter-spacing:-.02em;max-width:16ch}
body.ppi2 .lx-h2 .elementor-heading-title{font:500 clamp(40px,6.2vw,96px)/1.1 var(--serif);letter-spacing:-.015em}
body.ppi2 .lx-h2s .elementor-heading-title{font:500 clamp(34px,4.4vw,64px)/1.1 var(--serif);letter-spacing:-.012em}
body.ppi2 .lx-h3 .elementor-heading-title{font:500 clamp(26px,2.4vw,34px)/1.1 var(--serif)}
body.ppi2 .elementor-widget.lx-h3{margin-bottom:8px}
body.ppi2 :is(.lx-h1,.lx-h1p,.lx-h2,.lx-h2s,.lx-state,.lx-h3) .elementor-heading-title em{font-style:normal;color:var(--gold-ink)}
body.ppi2 :is(.lx-dark,.lx-black,.lx-hero,.lx-band) :is(.lx-h1,.lx-h1p,.lx-h2,.lx-h2s,.lx-h3) .elementor-heading-title em{color:var(--gold-lt)}
body.ppi2 .lx-cap .elementor-heading-title{font:600 11px/1.3 var(--sans);letter-spacing:.18em;color:var(--gold-ink)}
body.ppi2 :is(.lx-dark,.lx-black) .lx-cap .elementor-heading-title{color:var(--on-dark-2)}
body.ppi2 .e-con>.elementor-widget.lx-lead{font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--muted);max-width:52ch}
body.ppi2 :is(.lx-dark,.lx-black,.lx-band) .elementor-widget.lx-lead{color:var(--on-dark-2)}
body.ppi2 .elementor-widget.lx-mt{margin-top:26px}
body.ppi2 .elementor-widget.lx-big{font:500 clamp(24px,2.3vw,34px)/1.38 var(--serif);margin-bottom:22px}
body.ppi2 .elementor-widget.lx-big p{text-wrap:pretty}
body.ppi2 .e-con>.elementor-widget.lx-body{color:var(--muted);max-width:54ch}
body.ppi2 .elementor-widget.lx-body p{margin:0 0 16px}
body.ppi2 .elementor-widget.lx-crumb{margin-bottom:34px}
body.ppi2 .e-con.lx-mtop{margin-top:clamp(40px,5vw,72px)}
body.ppi2 .e-con.lx-ct{margin-top:clamp(48px,6vw,80px)}
body.ppi2 .elementor-widget.lx-mb{margin-bottom:8px}
body.ppi2 .elementor-widget.lx-crumb .crumb{margin:0}

/* buttons */
body.ppi2 .lx-btn .elementor-button-content-wrapper{display:inline-flex;align-items:center}
body.ppi2 .lx-btn .elementor-button-text{display:inline-flex;align-items:center;gap:14px;white-space:normal}
body.ppi2 .lx-btn.lx-noar .elementor-button-text::after{display:none}
body.ppi2 .lx-btn .elementor-button:hover .elementor-button-text::after{width:32px}
body.ppi2 .lx-btn-gold .elementor-button{background:var(--gold);color:#0B0B0A}
body.ppi2 .lx-btn-gold .elementor-button:hover,body.ppi2 .lx-btn-gold .elementor-button:focus-visible{background:var(--gold-lt);color:#0B0B0A}
body.ppi2 .lx-btn-ghost .elementor-button{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}
body.ppi2 .lx-btn-ghost .elementor-button:hover,body.ppi2 .lx-btn-ghost .elementor-button:focus-visible{background:#fff;color:#0B0B0A}
body.ppi2 .lx-btn-ink .elementor-button{background:var(--text);color:#fff}
body.ppi2 .lx-btn-ink .elementor-button:hover{background:#000;color:#fff}
body.ppi2 .lx-btn-line .elementor-button{border-color:var(--text);color:var(--text);background:transparent}
body.ppi2 .lx-btn-line .elementor-button:hover{background:var(--text);color:#fff}

/* ---- hero ---- */
body.ppi2 .e-con.lx-sec.lx-hero{--padding-top:calc(var(--nav) + clamp(24px,5svh,56px));--padding-bottom:0px}
body.ppi2 .e-con.lx-hero{position:relative;height:auto;min-height:max(600px,100svh);overflow:hidden;background:#141412;color:#fff;color-scheme:dark;justify-content:flex-end;--ppi-fg:#fff}
body.ppi2 .lx-hero>.elementor-widget-html{position:absolute;inset:0;z-index:0;width:100%;max-width:none;margin:0}
body.ppi2 .lx-hero>.elementor-widget-html.lx-hero-foot-w{inset:auto 0 0 0;z-index:3}
.hero-media{position:absolute;inset:0}
.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.hero-media video{opacity:0;transition:opacity 1.2s ease}
.hero-media video.on{opacity:1}
.hero-media .still{display:none}
.hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,7,.62) 0,rgba(8,8,7,0) 22%),linear-gradient(0deg,rgba(8,8,7,.86) 0,rgba(8,8,7,.25) 42%,rgba(8,8,7,0) 62%),linear-gradient(90deg,rgba(8,8,7,.78) 0,rgba(8,8,7,.42) 34%,rgba(8,8,7,0) 60%)}
.hero-rule{position:absolute;left:var(--gut);right:var(--gut);bottom:96px;height:1px;background:linear-gradient(90deg,rgba(214,191,110,.7),rgba(214,191,110,0) 70%);transform-origin:left;animation:rule 1.6s var(--ease) .5s both}
@keyframes rule{from{transform:scaleX(0)}}
body.ppi2 .e-con.lx-hero-in{position:relative;z-index:2;--padding-bottom:clamp(110px,15vh,170px);pointer-events:none}
body.ppi2 .lx-hero-in>*{pointer-events:auto}
body.ppi2 .lx-hero .elementor-widget.lx-eyebrow{margin-bottom:26px}
body.ppi2 .e-con>.elementor-widget.lx-hero-sub{font:400 clamp(16px,1.3vw,19px)/1.65 var(--sans);color:rgba(255,255,255,.84);max-width:44ch;margin-top:28px}
body.ppi2 .e-con.lx-hero-cta{margin-top:36px}
.hero-foot .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:28px;max-width:none}
.scroll{display:flex;align-items:center;gap:14px;font:600 10px/1 var(--sans);letter-spacing:.24em;color:rgba(255,255,255,.75);text-decoration:none}
.scroll i{position:relative;display:block;width:1px;height:56px;background:rgba(255,255,255,.25);overflow:hidden}
.scroll i::after{content:"";position:absolute;left:0;top:0;width:1px;height:22px;background:var(--gold-lt);animation:drip 2.4s var(--ease) infinite}
@keyframes drip{0%{transform:translateY(-24px)}70%,100%{transform:translateY(58px)}}
.hero-tags{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
.chip3d{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(11,11,10,.55);border:1px solid rgba(214,191,110,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 11px/1.2 var(--sans);letter-spacing:.08em;color:#fff}
.chip3d::before{content:"";width:6px;height:6px;background:var(--gold-lt);transform:rotate(45deg);flex:none}
.chip3d small{font:500 11px/1.2 var(--sans);letter-spacing:.02em;color:rgba(255,255,255,.72)}
.pause{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.4);background:rgba(11,11,10,.4);color:#fff;cursor:pointer;padding:0}
.pause:hover{border-color:#fff}
.pause svg{width:10px;height:10px;fill:currentColor}
@media (max-width:760px){
  body.ppi2 .e-con.lx-hero{min-height:640px}
  .hero-shade{background:linear-gradient(180deg,rgba(8,8,7,.6) 0,rgba(8,8,7,0) 18%),linear-gradient(0deg,rgba(8,8,7,.95) 0,rgba(8,8,7,.86) 40%,rgba(8,8,7,.55) 60%,rgba(8,8,7,0) 76%)}
  body.ppi2 .e-con.lx-hero-in{--padding-bottom:120px}
  body.ppi2 .lx-hero .elementor-widget.lx-eyebrow{margin-bottom:18px}
  body.ppi2 .lx-hero .lx-eyebrow .elementor-heading-title{font-size:11px;letter-spacing:.18em}
  body.ppi2 .lx-hero .lx-eyebrow .elementor-heading-title::after{width:36px}
  body.ppi2 .e-con>.elementor-widget.lx-hero-sub{margin-top:18px;font-size:15.5px}
  body.ppi2 .e-con.lx-hero-cta{margin-top:24px;--row-gap:10px}
  body.ppi2 .e-con.lx-row.lx-hero-cta>.elementor-widget{width:100%;--container-widget-width:100%}
  body.ppi2 .lx-hero-cta .elementor-button{width:100%;min-height:52px;padding:0 16px;letter-spacing:.07em;font-size:12.5px}
  .hero-rule{bottom:78px}
  .hero-foot .wrap{padding-bottom:18px}
  .scroll{display:none}
  .chip3d small{display:none}
}
@media (max-width:760px) and (max-height:760px){body.ppi2 .e-con>.elementor-widget.lx-hero-sub{display:none}}

/* ---- 01 statement ---- */
body.ppi2 .lx-state .elementor-heading-title{font:500 clamp(58px,11.5vw,200px)/1.1 var(--serif);letter-spacing:-.03em}
body.ppi2 .lx-state .elementor-heading-title span{display:block}
body.ppi2 .lx-state .elementor-heading-title .l2{padding-left:clamp(0px,14vw,240px)}
body.ppi2 .e-con.lx-st-grid{margin-top:clamp(56px,7vw,110px);align-items:start}
body.ppi2 .lx-rule .elementor-heading-title::after{content:"";display:block;height:1px;background:var(--gold);margin-top:14px;max-width:340px}
body.ppi2 .elementor-widget.lx-st-copy{font:500 clamp(22px,2.1vw,32px)/1.4 var(--serif);color:var(--text)}
body.ppi2 .elementor-widget.lx-st-copy p{text-wrap:pretty}
body.ppi2 .e-con.lx-pillars{--display:grid;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(64px,8vw,120px);border-top:1px solid var(--line)}
body.ppi2 .e-con.lx-pillar{--padding-top:34px;--padding-right:clamp(0px,2.4vw,36px)}
body.ppi2 .e-con.lx-pillar+.e-con.lx-pillar{--padding-left:clamp(18px,2.4vw,36px);border-left:1px solid var(--line)}
body.ppi2 .lx-num .elementor-heading-title{font:500 44px/1 var(--serif);color:var(--gold)}
body.ppi2 .lx-pillar .lx-h3{margin:18px 0 12px}
body.ppi2 .lx-pillar .lx-h3 .elementor-heading-title{font:500 clamp(24px,2vw,30px)/1.15 var(--serif)}
body.ppi2 .e-con>.elementor-widget.lx-pillar-p{color:var(--muted);font-size:16px;max-width:34ch}
@media (max-width:860px){
  body.ppi2 .e-con.lx-pillars{grid-template-columns:1fr}
  body.ppi2 .e-con.lx-pillar,body.ppi2 .e-con.lx-pillar+.e-con.lx-pillar{--padding-top:26px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;border-left:0;border-bottom:1px solid var(--line);--display:grid;display:grid;grid-template-columns:56px 1fr;column-gap:12px}
  body.ppi2 .lx-pillar .lx-num{grid-row:1/3}
  body.ppi2 .lx-pillar .lx-num .elementor-heading-title{font-size:34px}
  body.ppi2 .lx-pillar .lx-h3{margin:2px 0 6px}
}

/* ---- 02 projects ---- */
body.ppi2 .e-con.lx-projects{--padding-bottom:clamp(72px,9vw,140px)}
body.ppi2 .lx-g-head .lx-lead{justify-self:end}
@media (max-width:900px){body.ppi2 .lx-g-head .lx-lead{justify-self:start}}
body.ppi2 .lx-projects>.elementor-widget-shortcode{width:100%;max-width:none}

/* ---- 03 how we build ---- */
.legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font:600 10.5px/1 var(--sans);letter-spacing:.16em;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:10px}
.legend i{width:14px;height:14px;display:inline-block}
.lg3d{border:1px dashed var(--gold-ink)}
.lgph{background:var(--text)}
.sindex{list-style:none;margin:44px 0 0;padding:0;border-top:1px solid var(--line)}
.sindex li{display:flex;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted);transition:color .4s;cursor:pointer}
.sindex li b{font:500 22px/1 var(--serif);color:var(--gold);width:34px}
.sindex li span{font:500 20px/1.2 var(--serif)}
.sindex li.on{color:var(--text)}
.sindex li.on span{border-bottom:1px solid var(--gold)}
body.ppi2 .e-con.lx-stage{--padding-bottom:clamp(64px,7vw,110px)}
body.ppi2 .e-con.lx-stage+.e-con.lx-stage{--padding-top:clamp(64px,7vw,110px);border-top:1px solid var(--line)}
body.ppi2 .e-con.lx-sg-top{--display:grid;display:grid;grid-template-columns:auto 1fr;gap:4px 28px;align-items:end;margin-bottom:30px}
body.ppi2 .lx-sg-top>.lx-sg-n{grid-row:1/3}
body.ppi2 .lx-sg-n .elementor-heading-title{font:500 clamp(80px,9vw,140px)/1.1 var(--serif);color:var(--gold);letter-spacing:-.04em}
body.ppi2 .lx-sg-t .elementor-heading-title{font:500 clamp(30px,3vw,46px)/1.1 var(--serif)}
body.ppi2 .e-con>.elementor-widget.lx-sg-x{color:var(--muted);max-width:44ch}
body.ppi2 .e-con.lx-pair{--display:grid;display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,20px)}
body.ppi2 .lx-fig figure{margin:0}
body.ppi2 .lx-fig .elementor-widget-container,body.ppi2 .lx-fig figure.wp-caption{position:relative}
body.ppi2 .lx-fig img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:var(--ivory-2);transition:transform 1.4s var(--ease)}
body.ppi2 .lx-fig figure.wp-caption{overflow:visible}
body.ppi2 .lx-fig .lx-ph{position:relative;overflow:hidden}
body.ppi2 .lx-fig figcaption,body.ppi2 .lx-fig .widget-image-caption{font:500 12.5px/1.5 var(--sans);letter-spacing:.02em;color:var(--muted);margin-top:12px;text-align:left}
body.ppi2 .lx-fig::before{content:"";position:absolute;z-index:2;left:12px;top:12px;font:700 10px/1 var(--sans);letter-spacing:.14em;padding:8px 10px;background:rgba(251,249,244,.94);color:var(--text);pointer-events:none}
body.ppi2 .lx-fig{position:relative}
body.ppi2 .lx-fig-3d::before{content:"3D"}
body.ppi2 .lx-fig-real::before{background:var(--text);color:#fff}
body.ppi2.lang-el .lx-fig-real::before{content:"ΠΡΑΓΜΑΤΙΚΗ"}
body.ppi2.lang-en .lx-fig-real::before{content:"REAL PHOTO"}
body.ppi2 .lx-fig-3d::after{content:"";position:absolute;z-index:1;left:0;right:0;top:0;aspect-ratio:4/5;border:1px dashed rgba(110,91,22,.8);pointer-events:none}
body.ppi2 .lx-op-40 img{object-position:50% 40%}
body.ppi2 .lx-op-30 img{object-position:30% 50%}
body.ppi2 .lx-op-40x img{object-position:40% 50%}
@media (max-width:960px){
  body.ppi2 .lx-proc-side .sindex{display:none}
  body.ppi2 .e-con.lx-pair{gap:8px}
  body.ppi2 .lx-fig::before{left:6px;top:6px;font-size:9px;padding:6px 7px;letter-spacing:.1em}
  body.ppi2 .lx-fig figcaption,body.ppi2 .lx-fig .widget-image-caption{font-size:11.5px}
  body.ppi2 .e-con.lx-sg-top{gap:2px 18px;margin-bottom:22px}
}
@media (min-width:961px){body.ppi2 .e-con.lx-proc{grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);align-items:start}}

/* ---- 04 family band + story ---- */
body.ppi2 .e-con.lx-band{position:relative;min-height:min(92vh,880px);justify-content:flex-end;overflow:hidden;color:#fff;background:#111;color-scheme:dark;--ppi-fg:#fff}
body.ppi2 .lx-band>.lx-bimg{position:absolute;inset:-12% 0;overflow:hidden;margin:0;width:100%;max-width:none;z-index:0}
body.ppi2 .lx-band>.lx-bimg .elementor-widget-container,body.ppi2 .lx-band>.lx-bimg img{width:100%;height:100%;object-fit:cover;max-width:none}
body.ppi2 .e-con.lx-band::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,rgba(8,8,7,.88) 0,rgba(8,8,7,.35) 45%,rgba(8,8,7,.15) 100%),linear-gradient(90deg,rgba(8,8,7,.55),rgba(8,8,7,0) 60%)}
body.ppi2 .lx-band>.e-con.lx-wrap{position:relative;z-index:1;--padding-top:140px;--padding-bottom:clamp(56px,7vw,100px)}
body.ppi2 .lx-band .lx-h2 .elementor-heading-title{max-width:14ch}
body.ppi2 .lx-bcap .elementor-heading-title{margin-top:26px;font:600 10.5px/1.4 var(--sans);letter-spacing:.16em;color:rgba(255,255,255,.7)}
@media (max-width:760px){body.ppi2 .lx-band>.lx-bimg img{object-position:28% 50%}}
body.ppi2 .lx-fam-img{position:relative}
body.ppi2 .lx-fam-img::before{content:"";position:absolute;left:-18px;top:-18px;width:44%;height:44%;border-left:1px solid var(--gold);border-top:1px solid var(--gold);pointer-events:none;z-index:1}
body.ppi2 .lx-fam-img figure{margin:0}
body.ppi2 .lx-fam-img img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--ivory-2)}
body.ppi2 .lx-fam-img figcaption,body.ppi2 .lx-fam-img .widget-image-caption{font:500 12.5px/1.5 var(--sans);color:var(--muted);margin-top:12px;text-align:left}
@media (max-width:900px){body.ppi2 .lx-fam-img{max-width:560px;margin-left:14px}}
body.ppi2 .e-con.lx-facts{--display:grid;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border-top:1px solid var(--line)}
body.ppi2 .e-con.lx-fact{--padding-top:22px;--padding-right:18px;--padding-bottom:4px}
body.ppi2 .e-con.lx-fact+.e-con.lx-fact{--padding-left:18px;border-left:1px solid var(--line)}
body.ppi2 .lx-dt .elementor-heading-title{font:600 10.5px/1.3 var(--sans);letter-spacing:.16em;color:var(--gold-ink)}
body.ppi2 .elementor-widget.lx-dt{margin-bottom:10px}
body.ppi2 .elementor-widget.lx-dd{font:500 19px/1.35 var(--serif)}
body.ppi2 .lx-dd small{display:block;font:500 13px/1.45 var(--sans);color:var(--muted);margin-top:4px}
body.ppi2 .lx-dd .stars{color:var(--gold);letter-spacing:2px;font-size:14px}
body.ppi2 .lx-dd a{font:600 13px/1.4 var(--sans);text-decoration:none;border-bottom:1px solid var(--gold);display:inline-block;margin-top:6px}
@media (max-width:900px){
  body.ppi2 .e-con.lx-facts{grid-template-columns:1fr}
  body.ppi2 .e-con.lx-fact,body.ppi2 .e-con.lx-fact+.e-con.lx-fact{--padding-top:18px;--padding-bottom:18px;--padding-left:0px;--padding-right:0px;border-left:0;border-bottom:1px solid var(--line)}
}

/* ---- 05 land ---- */
.promise{display:flex;flex-wrap:wrap;margin:30px 0 0;padding:0;list-style:none}
.promise li{font:600 11px/1 var(--sans);letter-spacing:.16em;color:#fff;padding:12px 16px;border:1px solid rgba(214,191,110,.45);margin:0 -1px -1px 0}
.areas{list-style:none;margin:clamp(56px,7vw,96px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--char-line)}
.areas li{padding:26px 18px 26px 0;border-bottom:1px solid var(--char-line);display:flex;gap:16px;align-items:baseline}
.areas li:not(:nth-child(4n+1)){padding-left:18px;border-left:1px solid var(--char-line)}
.areas li b{font:500 18px/1 var(--serif);color:var(--gold-lt);min-width:26px}
.areas li span{font:500 clamp(24px,2.4vw,36px)/1.1 var(--serif);color:#fff}
.areas li.more span{color:var(--on-dark-2);font:500 clamp(17px,1.4vw,20px)/1.4 var(--sans)}
body.ppi2 .e-con.lx-land-cta{margin-top:clamp(44px,5vw,72px);--column-gap:40px;--row-gap:20px}
body.ppi2 .lx-land-cta .lx-cap .elementor-heading-title{color:var(--on-dark-2)}
@media (max-width:900px){
  .areas{grid-template-columns:1fr 1fr}
  .areas li:not(:nth-child(4n+1)){padding-left:0;border-left:0}
  .areas li:nth-child(2n){padding-left:16px;border-left:1px solid var(--char-line)}
  .areas li{padding:20px 12px 20px 0}
  body.ppi2 .e-con.lx-row.lx-land-cta>.lx-btn{width:100%;--container-widget-width:100%}
  body.ppi2 .lx-land-cta>.lx-btn .elementor-button{width:100%}
}

/* ---- 06 plot check / form cards ---- */
.steps{list-style:none;margin:44px 0 0;padding:0}
.steps li{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:22px 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps .n{font:500 34px/1 var(--serif);color:var(--gold)}
.steps b{display:block;font:500 22px/1.25 var(--serif);margin-bottom:4px}
.steps span{color:var(--muted);font-size:15.5px}
.lx-dark .steps li,.lx-black .steps li,.dark .steps li{border-color:var(--char-line)}
.lx-dark .steps span,.lx-black .steps span{color:var(--on-dark-2)}
body.ppi2 .e-con.lx-formcard{background:#fff;--padding-top:clamp(24px,3.4vw,48px);--padding-right:clamp(24px,3.4vw,48px);--padding-bottom:clamp(24px,3.4vw,48px);--padding-left:clamp(24px,3.4vw,48px);border:1px solid var(--line);position:relative;color:var(--text)}
body.ppi2 .e-con.lx-formcard::before{content:"";position:absolute;left:-1px;top:-1px;width:64px;height:2px;background:var(--gold)}
body.ppi2 .lx-formcard .lx-h3 .elementor-heading-title{font:500 clamp(26px,2.4vw,34px)/1.1 var(--serif)}
body.ppi2 .elementor-widget.lx-sub{color:var(--muted);margin-bottom:26px;font-size:15.5px}
body.ppi2 .elementor-widget.lx-note{color:var(--muted);font-size:13px;margin-top:16px}

/* ---- 07 contact list ---- */
.ct-list{margin:0}
.ct-list>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--line)}
.ct-list>div:last-child{border-bottom:1px solid var(--line)}
.ct-list dt{font:700 10.5px/1.7 var(--sans);letter-spacing:.16em;color:var(--gold-ink)}
.ct-list dd{margin:0;font:500 20px/1.5 var(--serif)}
.ct-list dd .sm{font:500 14px/1.5 var(--sans);color:var(--muted)}
.ct-list .tels{flex-direction:column;gap:12px}
.ct-list a.lnk{font:600 13px/1.4 var(--sans);text-decoration:none;border-bottom:1px solid var(--gold);display:inline-block;margin-top:6px}
.ct-list dd>a:not(.lnk){text-decoration:none}
@media (max-width:900px){.ct-list>div{grid-template-columns:1fr;gap:8px}}

/* ---- land page extras ---- */
.map{background:#fff;border:1px solid var(--line);padding:clamp(12px,2vw,24px)}
.map>svg{width:100%;height:auto;display:block}
.map .legend svg{width:14px;height:14px;flex:none}
.map .pin{cursor:pointer;outline:none}
.map .pin .p{transition:r .25s,fill .25s}
.map .pin.on .p,.map .pin:focus .p,.map .pin:hover .p{fill:#0B0B0A;stroke:var(--gold)}
.map .legend{margin-top:16px}
.map .legend i.stud{background:var(--gold)}
.map-note{margin:10px 0 0;font:500 12px/1.4 var(--sans);color:var(--muted)}
.vlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.vlist li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);transition:background .3s}
.vlist li.on{background:linear-gradient(90deg,var(--gold-soft),transparent)}
.vlist .nm{font:500 22px/1.2 var(--serif)}
.vlist button{border:1px solid #CFC7B5;background:transparent;font:600 10.5px/1 var(--sans);letter-spacing:.14em;padding:10px 12px;cursor:pointer;min-height:40px;text-transform:uppercase;color:var(--text)}
.vlist button:hover{background:var(--text);color:#fff;border-color:var(--text)}
.cklist{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line)}
.cklist li{position:relative;padding:16px 0 16px 34px;border-bottom:1px solid var(--line);font:500 19px/1.45 var(--serif)}
.cklist li::before{content:"";position:absolute;left:4px;top:24px;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
body.ppi2 .e-con.lx-ways{--display:grid;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);margin-top:clamp(40px,5vw,72px)}
body.ppi2 .e-con.lx-way{--padding-top:34px;--padding-right:clamp(0px,2.4vw,36px);--padding-bottom:10px}
body.ppi2 .e-con.lx-way+.e-con.lx-way{--padding-left:clamp(18px,2.4vw,36px);border-left:1px solid var(--line)}
body.ppi2 .e-con.lx-lsteps{--display:grid;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--char-line);margin-top:clamp(40px,5vw,72px)}
body.ppi2 .e-con.lx-lstep{--padding-top:30px;--padding-right:24px;--padding-bottom:10px}
body.ppi2 .e-con.lx-lstep+.e-con.lx-lstep{--padding-left:24px;border-left:1px solid var(--char-line)}
body.ppi2 .lx-lstep .lx-h3{margin:18px 0 10px}
body.ppi2 .lx-lstep .lx-h3 .elementor-heading-title{font:500 clamp(22px,1.9vw,28px)/1.15 var(--serif)}
body.ppi2 :is(.lx-dark,.lx-black) .elementor-widget.lx-pillar-p{color:var(--on-dark-2)}
@media (max-width:900px){
  body.ppi2 .e-con.lx-ways,body.ppi2 .e-con.lx-lsteps{grid-template-columns:1fr}
  body.ppi2 .e-con.lx-way+.e-con.lx-way,body.ppi2 .e-con.lx-lstep+.e-con.lx-lstep{--padding-left:0px;border-left:0;border-top:1px solid var(--line)}
  body.ppi2 .e-con.lx-lstep+.e-con.lx-lstep{border-top-color:var(--char-line)}
}
body.ppi2 .lx-photo figure{margin:0}
body.ppi2 .lx-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
body.ppi2 .lx-photo.lx-r32 img{aspect-ratio:3/2}
body.ppi2 .lx-photo figcaption,body.ppi2 .lx-photo .widget-image-caption{font:500 12.5px/1.5 var(--sans);color:var(--muted);margin-top:12px;text-align:left}

/* ============ 9. FORMS (Elementor Pro Form widget with class lx-form) ============ */
body.ppi2 .lx-form .elementor-form-fields-wrapper{margin-left:-8px;margin-right:-8px}
body.ppi2 .lx-form .elementor-field-group{padding-left:8px;padding-right:8px;margin-bottom:18px;align-items:flex-start}
body.ppi2 .lx-form .elementor-field-group>label,body.ppi2 .lx-form .elementor-field-label{font:700 10.5px/1.2 var(--sans);letter-spacing:.16em;color:var(--text);margin:0 0 8px;padding:0;text-transform:uppercase}
body.ppi2 .lx-form .elementor-field-group .elementor-field-textual,body.ppi2 .lx-form .elementor-field-group .elementor-select-wrapper select{width:100%;min-height:52px;border:0;border-bottom:1px solid #BDB5A3;border-radius:0;background:transparent;padding:12px 2px;font:400 16px/1.4 var(--sans);color:var(--text);-webkit-appearance:none;appearance:none;box-shadow:none;transition:border-color .3s}
body.ppi2 .lx-form .elementor-field-group textarea.elementor-field-textual{min-height:110px;resize:vertical}
body.ppi2 .lx-form .elementor-field-group .elementor-field-textual:focus,body.ppi2 .lx-form .elementor-field-group select:focus{border-bottom-color:var(--gold);outline:none;box-shadow:0 1px 0 var(--gold)}
body.ppi2 .lx-form .elementor-field-group .elementor-field-textual::placeholder{color:#8C877B}
body.ppi2 .lx-form .elementor-select-wrapper .select-caret-down-wrapper{right:6px;color:var(--text);font-size:12px}
body.ppi2 .lx-form .elementor-field-subgroup{display:flex;flex-wrap:wrap;gap:8px}
body.ppi2 .lx-form .elementor-field-type-radio .elementor-field-option{position:relative;margin:0;padding:0;flex:0 0 auto;width:auto;max-width:100%}
body.ppi2 .lx-form .elementor-field-type-radio .elementor-field-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
body.ppi2 .lx-form .elementor-field-type-radio .elementor-field-option label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #CFC7B5;font:500 14.5px/1.2 var(--sans);letter-spacing:0;text-transform:none;cursor:pointer;margin:0;color:var(--text);background:transparent;transition:all .25s}
body.ppi2 .lx-form .elementor-field-type-radio .elementor-field-option input:checked+label{background:var(--text);border-color:var(--text);color:#fff}
body.ppi2 .lx-form .elementor-field-type-radio .elementor-field-option input:focus-visible+label{outline:2px solid var(--gold);outline-offset:2px}
body.ppi2 .lx-form .elementor-field-type-acceptance .elementor-field-subgroup{display:block}
body.ppi2 .lx-form .elementor-field-type-acceptance>.elementor-field-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.ppi2 .lx-form .elementor-field-type-acceptance .elementor-field-option{display:flex;gap:12px;align-items:flex-start}
body.ppi2 .lx-form .elementor-field-type-acceptance input{width:18px;height:18px;margin-top:2px;accent-color:var(--text);flex:none}
body.ppi2 .lx-form .elementor-field-type-acceptance label{font:400 13.5px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--muted)}
body.ppi2 .lx-form .elementor-field-type-acceptance a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}
body.ppi2 .lx-form .elementor-field-type-upload .elementor-field{border:1px dashed #BDB5A3;background:var(--paper);padding:12px;min-height:52px;width:100%;font:400 14px/1.4 var(--sans)}
body.ppi2 .lx-form .elementor-field-group.elementor-field-type-submit{margin-top:10px;margin-bottom:0}
body.ppi2 .lx-form .e-form__buttons{justify-content:stretch}
body.ppi2 .lx-form .elementor-field-group .elementor-button[type=submit],body.ppi2 .lx-form .elementor-button[type=submit]{width:100%;min-height:56px;padding:0 28px;font:600 13px/1.1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border-radius:0;border:0;background:var(--text);color:#fff;transition:background .35s var(--ease),color .35s var(--ease)}
body.ppi2 .lx-form .elementor-button[type=submit] .elementor-button-text{display:inline-flex;align-items:center;gap:14px}
body.ppi2 .lx-form .elementor-button[type=submit]:hover .elementor-button-text::after{width:32px}
body.ppi2 .lx-form .elementor-field-group .elementor-button[type=submit]:hover{background:#000}
body.ppi2 .lx-form.lx-form-gold .elementor-field-group .elementor-button[type=submit]{background:var(--gold);color:#0B0B0A}
body.ppi2 .lx-form.lx-form-gold .elementor-field-group .elementor-button[type=submit]:hover{background:var(--gold-lt);color:#0B0B0A}
body.ppi2 .lx-form .elementor-message{margin:14px 0 0;font:500 13.5px/1.5 var(--sans);background:var(--gold-soft);color:var(--gold-ink);padding:13px 15px;border-left:2px solid var(--gold)}
body.ppi2 .lx-form .elementor-message::before{display:none}
body.ppi2 .lx-form .elementor-message.elementor-message-danger{background:rgba(139,26,26,.07);color:#8B1A1A;border-left-color:#8B1A1A}
body.ppi2 .lx-form .elementor-error .elementor-field-textual,body.ppi2 .lx-form .elementor-error select{border-bottom-color:#8B1A1A}
body.ppi2 .lx-form .elementor-error .elementor-message{background:none;border:0;padding:4px 0 0;margin:0;font-size:12.5px;color:#8B1A1A}
body.ppi2 .lx-form .elementor-field-type-honeypot{display:none}

/* ============ 10. MOTION (enhancement only: nothing is hidden at rest, so the page is complete in print and captures) ============ */
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
body.ppi2 .lx-hero-in>*{animation:rise 1.2s var(--ease) both}
body.ppi2 .lx-hero-in>*:nth-child(1){animation-delay:.15s}
body.ppi2 .lx-hero-in>*:nth-child(2){animation-delay:.3s}
body.ppi2 .lx-hero-in>*:nth-child(3){animation-delay:.48s}
body.ppi2 .lx-hero-in>*:nth-child(4){animation-delay:.62s}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    body.ppi2 .lx-rv{animation:rv linear forwards;animation-timeline:view();animation-range:entry 0% entry 85%}
    @keyframes rv{from{transform:translateY(40px)}to{transform:none}}
    body.ppi2 .lx-mask img{animation:zoom linear forwards;animation-timeline:view();animation-range:entry 0% cover 50%}
    @keyframes zoom{from{transform:scale(1.18)}to{transform:scale(1.02)}}
    body.ppi2 .lx-fig figure,body.ppi2 .lx-fam-img figure{overflow:hidden}
    body.ppi2 .lx-band>.lx-bimg,.band .bimg{animation:plx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    @keyframes plx{from{transform:translateY(-9%)}to{transform:translateY(9%)}}
    body.ppi2 .lx-state .elementor-heading-title span{animation:slide linear forwards;animation-timeline:view();animation-range:entry 0% cover 40%}
    body.ppi2 .lx-state .elementor-heading-title .l2{animation-name:slide2}
    @keyframes slide{from{transform:translateX(-5vw)}to{transform:none}}
    @keyframes slide2{from{transform:translateX(5vw)}to{transform:none}}
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero-media video{display:none}
  .hero-media .poster{display:none}
  .hero-media .still{display:block}
  [data-hero].motion-ok video{display:block}
  [data-hero].motion-ok .still{display:none}
}