/* Trecon Treinamentos · páginas internas */
:root{
  --navy:#0B1220;--navy-2:#070C17;--card:#101a2e;--yellow:#FFC400;--cream:#F6F4EE;--blue:#2F6BFF;
  --gray:#9BA5B8;--ink:#3a4254;--mute:#6b7385;--sand:#8b8672;
  --head:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.22,1,.36,1);--pad:clamp(24px,6vw,96px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--yellow);text-decoration:none}a:hover{color:#fff}
img{max-width:100%}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.page{position:relative;background:var(--navy);color:var(--cream);overflow-x:clip;min-height:100vh}
.wrap{max-width:1360px;margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* animações */
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.js [data-r]{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js [data-r].in{opacity:1;transform:none}
.js [data-ml]>span{display:block;transform:translateY(110%);transition:transform 1s var(--ease)}
.js [data-ml].in>span{transform:none}
.js [data-img]{clip-path:inset(100% 0 0 0);transition:clip-path 1.2s var(--ease)}
.js [data-img].in{clip-path:inset(0)}
[data-btn]{position:relative;overflow:hidden;isolation:isolate}
[data-btn]::before{content:"";position:absolute;inset:0;background:var(--fill,#fff);transform:translateY(101%);transition:transform .6s var(--ease);z-index:-1}
[data-btn]:hover::before{transform:none}
[data-ul]{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease)}
[data-ul]:hover{background-size:100% 1px}
[data-card]:hover [data-zoom]{transform:scale(1.08)}
[data-card]:hover [data-arrow]{transform:translateX(6px)}
[data-card]:hover [data-reveal]{opacity:1;transform:none}
[data-zoom]{transition:transform 1s var(--ease)}
[data-arrow]{display:inline-block;transition:transform .5s var(--ease)}

/* progresso de leitura e cortina de transição */
#rp{position:fixed;left:0;top:0;height:4px;width:100%;background:var(--yellow);transform-origin:left;transform:scaleX(0);z-index:70}
#curt{position:fixed;inset:0;z-index:90;pointer-events:none;display:flex;visibility:hidden}
#curt.on{visibility:visible}
#curt>i{flex:1;background:var(--yellow);transform:translateY(101%)}
#curt>i:nth-child(even){background:var(--navy)}
#curtT{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 clamp(40px,8vw,110px)/1 var(--head);color:var(--cream);opacity:0;letter-spacing:-.02em;text-align:center;padding:0 24px}

/* header */
.hd{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(20px,4vw,56px) 34px;background:linear-gradient(180deg,#fff 0%,#fff 55%,rgba(11,18,32,0) 100%);color:var(--navy)}
.logo{display:block;aspect-ratio:710/455;overflow:hidden;flex:none}
.logo img{display:block;width:101.4%;margin:-18.3% 0 0 -.7%}
.hd .logo{width:96px}
.hd nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,36px);font-size:15px;font-weight:500}
.hd .links{display:flex;gap:clamp(16px,2.4vw,36px)}
.hd .links a{color:var(--navy);padding:4px 0;font-weight:500}
.hd .links a[aria-current]{font-weight:700}
.pill{display:inline-block;background:var(--yellow);color:var(--navy);font-weight:700;padding:12px 22px;border-radius:999px;white-space:nowrap}
.pill:hover{color:var(--navy)}
.burger{display:none;background:none;border:1px solid rgba(11,18,32,.3);color:var(--navy);border-radius:10px;width:44px;height:44px;font-size:20px}
.menu{position:fixed;inset:0;z-index:48;background:var(--navy);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:0 32px;transition:transform .9s cubic-bezier(.77,0,.18,1),visibility 0s .9s;transform:translateY(-101%);visibility:hidden}
.menu.open{transform:none;visibility:visible;transition-delay:0s}
.menu a{font:700 44px var(--head);color:var(--cream)}
@media (max-width:899px){.hd .links{display:none}.burger{display:block}}

/* seções */
.hero{position:relative;padding:170px var(--pad) 70px;overflow:hidden;background:radial-gradient(900px 500px at var(--gx,80%) var(--gy,20%),rgba(47,107,255,.2),transparent 60%),var(--navy)}
.hero.s2{padding-bottom:80px}.hero.s3{padding-bottom:90px}
.eyebrow{font:500 13px var(--mono);letter-spacing:.18em;color:var(--yellow);margin-bottom:18px}
.eyebrow.blue{color:var(--blue);margin-bottom:16px}
.h1{margin:0;overflow:hidden;padding-bottom:.1em;font:700 clamp(44px,7vw,110px)/1 var(--head);letter-spacing:-.035em}
.h1 em{color:var(--yellow)}
.h2{margin:0 0 50px;overflow:hidden;padding-bottom:.1em;font:700 clamp(34px,5vw,72px)/1.04 var(--head);letter-spacing:-.03em}
.lead{max-width:560px;color:var(--gray);font-size:18px;line-height:1.6;margin:28px 0 40px}
.light{background:var(--cream);color:var(--navy)}
.dark{background:var(--navy);color:var(--cream)}
.sec{padding:clamp(70px,10vw,150px) var(--pad)}
.split{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(36px,6vw,90px)}
.back{font:500 13px var(--mono);letter-spacing:.14em;color:var(--yellow)}
.mono{font-family:var(--mono)}
.ph{font:500 11px var(--mono);color:#7d89a3}
.light .ph,.ph.l{color:var(--sand)}
.ph-img{display:flex;align-items:flex-end;padding:14px;font:500 10px var(--mono);color:#6f7d9b;background:repeating-linear-gradient(135deg,#17254a 0 14px,#13203d 14px 28px)}
.ph-img.l{color:var(--sand);background:repeating-linear-gradient(135deg,#e4e0d4 0 14px,#ddd8ca 14px 28px)}
.ph-img.top{align-items:flex-start}

/* botões */
.btn{--fill:#fff;display:inline-flex;align-items:center;background:var(--yellow);color:var(--navy);font:700 17px var(--head);padding:20px 34px;border-radius:999px}
.btn:hover{color:var(--navy)}
.btn.sm{font:700 16px var(--body);padding:16px 28px}

/* cursos */
.chips{display:inline-flex;flex-wrap:wrap;gap:6px;background:rgba(255,255,255,.07);padding:6px;border-radius:999px}
.chips button{border:0;border-radius:999px;padding:12px 24px;font:600 14px var(--body);background:transparent;color:var(--cream);transition:background .5s,color .5s}
.chips button[aria-pressed=true]{background:var(--yellow);color:var(--navy)}
.cgrid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px}
.cgrid [hidden]{display:none}
.ccard{display:flex;flex-direction:column;height:100%;min-height:420px;background:var(--navy);border:1px solid rgba(11,18,32,.15);border-radius:24px;overflow:hidden;color:var(--cream);transition:transform .7s var(--ease),border-color .5s,box-shadow .5s}
.ccard:hover{color:var(--cream);transform:translateY(-10px);border-color:var(--yellow);box-shadow:0 24px 70px rgba(255,196,0,.25)}
.ccard .top{height:140px;overflow:hidden;position:relative}
.ccard .top .ph-img{position:absolute;inset:0;padding:12px}
.ccard .num{position:absolute;right:18px;top:6px;font:700 80px/1 var(--head);color:var(--yellow);letter-spacing:-.04em}
.ccard .bd{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
.ccard .mod{font:500 11px var(--mono);letter-spacing:.12em;color:var(--yellow)}
.ccard h3{margin:0;font:600 21px/1.2 var(--head)}
.ccard p{margin:0;color:var(--gray);font-size:15px;line-height:1.55;flex:1}
.ccard .go{color:var(--yellow);font-weight:700;display:inline-flex;gap:10px}

/* curso */
.chero{position:relative;padding:170px var(--pad) 90px;overflow:hidden;background:radial-gradient(900px 500px at 85% 30%,rgba(47,107,255,.22),transparent 60%),var(--navy)}
.bignum{position:absolute;right:2vw;top:90px;font:700 clamp(200px,34vw,520px)/.9 var(--head);color:transparent;-webkit-text-stroke:2px rgba(255,196,0,.5);letter-spacing:-.06em;pointer-events:none}
.chero .in{position:relative;max-width:1360px;margin:0 auto}
.chero h1{margin:26px 0 0;overflow:hidden;padding-bottom:.1em;max-width:900px;font:700 clamp(38px,6vw,92px)/1.02 var(--head);letter-spacing:-.035em}
.chero p{max-width:620px;color:#C3CADA;font-size:19px;line-height:1.6;margin:26px 0 36px}
.facts{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:36px}
.fact{border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 22px}
.fact b{display:block;font:500 11px var(--mono);color:var(--yellow);letter-spacing:.12em}
.fact span{display:block;font:600 20px var(--head);margin-top:6px}
.fact small{font:500 11px var(--mono);color:#7d89a3}
.sec-c{padding:clamp(70px,9vw,130px) var(--pad)}
.h2s{margin:0 0 30px;overflow:hidden;padding-bottom:.1em;font:700 clamp(30px,3.6vw,50px)/1.05 var(--head);letter-spacing:-.03em}
.acc{border-top:1px solid rgba(11,18,32,.2)}
.acc>div{border-bottom:1px solid rgba(11,18,32,.2)}
.acc button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;background:none;border:0;padding:24px 0;text-align:left;color:var(--navy);font:600 21px var(--head)}
.acc button .n{font:500 12px var(--mono);color:var(--blue);margin-right:14px}
.acc .plus{flex:none;width:36px;height:36px;border-radius:50%;background:transparent;display:grid;place-items:center;font-size:20px;transition:background .5s,transform .6s var(--ease)}
.acc .open .plus{background:var(--yellow);transform:rotate(135deg)}
.acc .body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--ease)}
.acc .open .body{grid-template-rows:1fr}
.acc .body>div{overflow:hidden}
.acc .body p{margin:0 0 24px;color:#4b5365;line-height:1.65;font-size:16px;max-width:560px}
.stack{display:flex;flex-direction:column;gap:22px}
.box{background:#fff;border:1px solid #e3dfd2;border-radius:24px;padding:32px}
.box.dk{background:var(--navy);color:var(--cream);border:0}
.box .lbl{font:500 12px var(--mono);letter-spacing:.14em;color:var(--blue);margin-bottom:12px}
.box.dk .lbl{color:var(--yellow)}
.box ul{margin:0;padding-left:20px;line-height:1.8;color:var(--ink);font-size:17px}
.box.dk p{margin:0;line-height:1.65;color:#C3CADA;font-size:17px}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;justify-content:center;padding:14px 100px 14px 20px;pointer-events:none}
.sticky-cta a{--fill:#fff;pointer-events:auto;display:flex;align-items:center;gap:16px;background:var(--yellow);color:var(--navy);font:700 16px var(--head);padding:16px 28px;border-radius:999px;box-shadow:0 18px 50px rgba(0,0,0,.45);max-width:100%}
.sticky-cta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* blog */
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(24px,4vw,56px);align-items:center;color:var(--cream)}
.feat:hover{color:var(--cream)}
.feat .img{aspect-ratio:16/10;border-radius:24px;overflow:hidden;position:relative}
.feat .img .ph-img{position:absolute;inset:0;padding:16px;font-size:11px}
.badge{position:absolute;left:16px;top:16px;background:var(--yellow);color:var(--navy);font:700 12px var(--body);padding:8px 14px;border-radius:999px}
.cat{font:600 12px var(--mono);color:var(--yellow);letter-spacing:.1em;text-transform:uppercase}
.feat .cat{margin-bottom:14px}
.feat h2{margin:0 0 18px;font:600 clamp(26px,3.2vw,46px)/1.12 var(--head);letter-spacing:-.02em}
.feat .meta{color:#8A93A6;margin-bottom:22px}
.cats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.cats button{border:1.5px solid var(--navy);border-radius:999px;padding:11px 22px;font:600 14px var(--body);background:transparent;color:var(--navy);transition:background .5s,color .5s}
.cats button[aria-pressed=true]{background:var(--navy);color:var(--cream)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:26px}
.pgrid [hidden]{display:none}
.pcard{display:block;color:var(--navy)}
.pcard:hover{color:var(--navy)}
.pcard .img{aspect-ratio:4/3;border-radius:20px;overflow:hidden;position:relative;margin-bottom:18px}
.pcard .img .ph-img{position:absolute;inset:0;padding:12px}
.pcard .cat{color:var(--blue);margin-bottom:10px}
.pcard h3{margin:0 0 12px;font:600 20px/1.25 var(--head)}
.pcard .meta{font-size:14px;color:var(--mute)}
.post-hd{background:var(--navy);color:var(--cream);padding:170px var(--pad) 70px}
.post-hd .in{max-width:900px;margin:0 auto}
.post-hd .cat{margin:30px 0 16px}
.post-hd h1{margin:0;overflow:hidden;padding-bottom:.1em;font:700 clamp(32px,5vw,68px)/1.05 var(--head);letter-spacing:-.03em}
.post-hd .meta{color:var(--gray);margin-top:22px}
.post-bd{max-width:900px;margin:0 auto;padding:60px 24px 120px}
.post-bd .cover{aspect-ratio:16/9;border-radius:24px;padding:18px;font-size:11px;margin-bottom:50px}
.post-bd p{font-size:19px;line-height:1.8;color:var(--ink);margin:0 0 26px}
.cta-in{margin-top:50px;background:var(--navy);color:var(--cream);border-radius:24px;padding:36px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.cta-in div{font:600 24px/1.2 var(--head);max-width:420px}
.cta-in a{--fill:#fff;background:var(--yellow);color:var(--navy);font-weight:700;padding:16px 28px;border-radius:999px}

/* projetos */
.mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));grid-auto-rows:150px;grid-auto-flow:dense;gap:16px}
.tile{grid-column:span var(--cs);grid-row:span var(--rs);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:0;background:var(--card);color:var(--cream);text-align:left}
.tile .ph-img{position:absolute;inset:0}
.tile .rv{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(0deg,rgba(11,18,32,.95),rgba(11,18,32,.1) 70%);opacity:0;transform:translateY(14px);transition:opacity .6s,transform .7s var(--ease)}
.tile:focus-visible .rv{opacity:1;transform:none}
.tile .rv b{font:500 11px var(--mono);color:var(--yellow);letter-spacing:.12em;margin-bottom:6px}
.tile .rv span{font:600 20px/1.2 var(--head)}
@media (max-width:899px){.tile{grid-column:span 1;}}
@media (hover:none){.tile .rv{opacity:1;transform:none}}
.lb{position:fixed;inset:0;z-index:80;background:rgba(7,12,23,.96);display:flex;align-items:center;justify-content:center;padding:6vw;opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}
.lb.open{opacity:1;pointer-events:auto}
.lb .fr{width:min(1100px,100%);aspect-ratio:16/10;border-radius:24px;background:repeating-linear-gradient(135deg,#17254a 0 16px,#13203d 16px 32px);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;transition:transform .8s var(--ease);transform:scale(.9)}
.lb.open .fr{transform:none}
.lb .fr .k{font:500 12px var(--mono);color:var(--yellow);letter-spacing:.12em}
.lb .fr .t{font:700 clamp(26px,4vw,52px) var(--head);margin-top:8px}
.lb .x{position:absolute;right:28px;top:28px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:none;color:var(--cream);font-size:22px}

/* sobre */
.p-lg{font-size:19px;line-height:1.7;color:var(--ink);margin:0 0 18px}
.mission{background:var(--navy);color:var(--cream);border-radius:28px;padding:clamp(28px,4vw,52px);align-self:start}
.mission .q{margin:0;font:600 clamp(22px,2.4vw,32px)/1.3 var(--head)}
.mission .s{margin:22px 0 0;color:var(--gray);line-height:1.65}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:22px}
.star{grid-column:span 2;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));border:1px solid var(--yellow);border-radius:28px;overflow:hidden;background:var(--card)}
.star .ph{display:inline}
.star .photo{min-height:340px;position:relative;overflow:hidden}
.star .photo .ph-img{position:absolute;inset:0}
.star .txt{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.star .txt .badge2{align-self:flex-start;background:var(--yellow);color:var(--navy);font:700 12px var(--body);padding:7px 14px;border-radius:999px}
.star h3{margin:0;font:700 32px var(--head)}
.star p{margin:0;color:var(--gray);line-height:1.65}
@media (max-width:759px){.star{grid-column:auto}}
.mate{border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:30px;background:var(--card);min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.mate .av{width:70px;height:70px;border-radius:50%;border:1.5px dashed #6f7d9b;display:grid;place-items:center;font:500 9px var(--mono);color:#6f7d9b;margin-bottom:auto}
.mate h3{margin:0;font:600 22px var(--head)}
.mate div:last-child{color:var(--gray);font-size:15px}
.tl{position:relative;padding-left:48px}
.tl .rail{position:absolute;left:11px;top:0;bottom:0;width:2px;background:rgba(11,18,32,.15)}
.tl .fill{height:100%;background:linear-gradient(var(--blue),var(--yellow));transform-origin:top;transform:scaleY(0)}
.tl .ev{position:relative;padding-bottom:54px}
.tl .dot{position:absolute;left:-48px;top:6px;width:24px;height:24px;border-radius:50%;background:var(--yellow);border:4px solid var(--cream);box-shadow:0 0 0 2px var(--navy)}
.tl .y{font:700 36px var(--head);letter-spacing:-.02em}
.tl .d{color:var(--mute);margin-top:6px;font:400 13px var(--mono)}

/* contato */
form.ct{display:flex;flex-direction:column;gap:30px}
.fld{position:relative}
.fld input,.fld textarea{width:100%;background:transparent;border:0;border-bottom:1.5px solid rgba(11,18,32,.3);color:var(--navy);font:500 18px var(--body);padding:28px 0 10px;outline:0;transition:border-color .5s;border-radius:0;resize:none}
.fld label{position:absolute;left:0;top:26px;font:500 18px var(--body);color:var(--mute);pointer-events:none;transition:transform .5s var(--ease),color .5s;transform-origin:left}
.fld input:focus,.fld textarea:focus{border-color:var(--blue)}
.fld input:focus+label,.fld textarea:focus+label,.fld input:not(:placeholder-shown)+label,.fld textarea:not(:placeholder-shown)+label{transform:translateY(-24px) scale(.72);color:var(--blue)}
.send{--fill:var(--blue);align-self:flex-start;background:var(--navy);color:var(--cream);border:0;font:700 17px var(--head);padding:20px 36px;border-radius:999px;transition:color .4s}
.contact-side{display:flex;flex-direction:column;gap:18px}
.wa-card{--fill:#fff;display:flex;justify-content:space-between;align-items:center;background:var(--yellow);color:var(--navy);border-radius:24px;padding:28px 30px}
.wa-card:hover{color:var(--navy)}
.wa-card small{display:block;font:500 12px var(--mono);letter-spacing:.14em;margin-bottom:6px}
.wa-card b{font:700 26px var(--head)}
.mail-card{border:1px solid #d9d4c4;border-radius:24px;padding:28px 30px}
.mail-card .lbl{font:500 12px var(--mono);letter-spacing:.14em;color:var(--blue);margin-bottom:6px}
.mail-card div:last-child{font:600 22px var(--head);color:var(--sand)}
.map{flex:1;min-height:260px;border-radius:24px;padding:18px;font-size:11px}

/* CTA + rodapé */
.cta{background:radial-gradient(900px 400px at 50% 50%,rgba(255,196,0,.14),transparent 70%),var(--navy-2);padding:clamp(70px,10vw,130px) 24px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.cta h2{margin:0 0 36px;overflow:hidden;padding-bottom:.1em;font:700 clamp(36px,6.5vw,96px)/1 var(--head);letter-spacing:-.035em}
.cta h2 em{color:var(--yellow)}
.cta .big{--fill:#fff;display:inline-block;background:var(--yellow);color:var(--navy);font:700 19px var(--head);padding:22px 40px;border-radius:999px}
footer.ft{background:var(--navy-2);color:var(--gray);padding:70px var(--pad) 40px}
.ft .cols{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
.ft .logo{width:150px}
.ft p{line-height:1.6;font-size:15px;margin-top:12px;max-width:260px}
.ft .col{display:flex;flex-direction:column;gap:10px;font-size:15px}
.ft .col b{color:var(--cream);font-family:var(--head)}
.ft .col a{color:var(--gray);align-self:flex-start}
.ft .col a:hover{color:#fff}
.ft .base{max-width:1360px;margin:44px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px}
.wa{position:fixed;right:22px;bottom:22px;z-index:60;width:62px;height:62px;border-radius:50%;background:#25D366;display:grid;place-items:center;color:#fff;font:700 13px var(--head);animation:pulse 2.4s infinite}
.wa:hover{color:#fff}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.01s!important;transition-duration:.2s!important}
  .js [data-r],.js [data-ml]>span{transform:none}
  .js [data-img]{clip-path:none}
}

/* fotos reais */
.ph-img,img[data-zoom]{overflow:hidden}
img[data-zoom]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile img[data-zoom]{object-position:center 30%}
.lb .fr{background-size:cover;background-position:center}
.post-bd .cover{aspect-ratio:16/9;border-radius:24px;overflow:hidden;margin-bottom:50px}
.post-bd .cover img{display:block;width:100%;height:100%;object-fit:cover}

.star .monogram{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(90px,12vw,140px) var(--head);letter-spacing:-.04em;color:var(--yellow);background:radial-gradient(circle at 30% 20%,rgba(47,107,255,.35),transparent 60%),#13203d}
.map{border:0;width:100%;display:block;background:#e4e0d4}
.post-bd h2{font:700 clamp(24px,3vw,34px)/1.15 var(--head);letter-spacing:-.02em;margin:48px 0 18px;color:var(--navy)}
.post-bd a{color:var(--blue);word-break:break-word}
.post-bd a:hover{color:var(--navy)}

.star .monogram{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(90px,12vw,140px) var(--head);letter-spacing:-.04em;color:var(--yellow);background:radial-gradient(circle at 30% 20%,rgba(47,107,255,.35),transparent 60%),#13203d}
.map{border:0;width:100%;display:block;background:#e4e0d4}
.post-bd h2{font:700 clamp(24px,3vw,34px)/1.15 var(--head);letter-spacing:-.02em;margin:48px 0 18px;color:var(--navy)}
.post-bd a{color:var(--blue);word-break:break-word}
.post-bd a:hover{color:var(--navy)}