/* =====================================================
   LPI UNISSULA — Profile & Organization Chart
   File ini khusus halaman /profile; tidak mengubah navbar.
   ===================================================== */
.lpi-profile-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(115deg,#002f27 0%,#034637 54%,#086b52 100%)}
.lpi-profile-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 77% 36%,rgba(213,173,76,.12),transparent 43%),linear-gradient(30deg,transparent 70%,rgba(255,255,255,.025) 70% 72%,transparent 72%);pointer-events:none;z-index:-1}
.lpi-profile-hero::after{content:"";position:absolute;width:610px;height:610px;border:1px solid rgba(231,196,117,.12);border-radius:50%;right:-170px;top:-270px;pointer-events:none}
.lpi-profile-hero-noise{position:absolute;inset:0;background-image:radial-gradient(rgba(239,217,167,.25) .75px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to right,transparent 40%,black 100%);opacity:.22;pointer-events:none}
.lpi-profile-hero-inner{padding-top:72px;padding-bottom:76px;position:relative;z-index:1}
.lpi-profile-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#e4bf71!important;text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:.68rem;line-height:1.6}
.lpi-profile-eyebrow span{width:5px;height:5px;display:inline-block;background:#e4bf71;border-radius:50%}
.lpi-profile-hero h1{max-width:850px;font-size:clamp(2rem,3.15vw,3.35rem);font-weight:800;line-height:1.17;letter-spacing:-.038em;color:#fff;margin-bottom:21px}
.lpi-profile-hero h1 span{color:#e9bf6a}
.lpi-profile-summary{color:rgba(255,255,255,.8);font-size:clamp(.87rem,1vw,.99rem);line-height:1.87;max-width:700px}
.lpi-profile-visual{height:260px;width:100%;max-width:460px;margin-left:auto;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 55px rgba(0,18,11,.25);isolation:isolate}
.lpi-profile-campus-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.94)}
.lpi-profile-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,34,26,.72));z-index:1;pointer-events:none}
.lpi-profile-campus-caption{position:absolute;z-index:2;bottom:17px;left:20px;right:20px;display:flex;align-items:end;justify-content:space-between;gap:12px;color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.5)}
.lpi-profile-campus-caption>span{font-weight:800;font-size:.7rem;letter-spacing:.19em;color:#eccc79}
.lpi-profile-campus-caption>strong{font-size:.92rem;line-height:1.3;text-align:right;font-weight:650}
.lpi-profile-campus-caption em{display:block;font-family:Georgia,serif;font-weight:400;letter-spacing:.02em}

/* Intro dan background bagan */
.lpi-profile-organization{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f6faf8 100%);padding:65px 0 48px}
.lpi-profile-organization::before{content:"";position:absolute;width:520px;height:520px;top:120px;left:-280px;border:1px solid rgba(9,105,77,.06);border-radius:50%;pointer-events:none}
.lpi-profile-section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:46px}
.lpi-section-tag{display:inline-flex;align-items:center;gap:8px;font-size:.69rem;letter-spacing:.13em;text-transform:uppercase;color:#047356;font-weight:800}
.lpi-section-tag-dot{height:7px;width:7px;background:#d7ac53;border-radius:50%}
.lpi-profile-section-heading h2,.lpi-functions-heading h2{font-size:clamp(1.75rem,2.5vw,2.5rem);letter-spacing:-.035em;line-height:1.2;font-weight:800;color:#0b3f33;margin:9px 0 14px}
.lpi-gold-line{width:74px;height:3px;background:#d1a349;border-radius:10px}
.lpi-profile-section-heading>p{max-width:450px;margin:0;color:#687c74;line-height:1.8;font-size:.86rem}
.lpi-org-figure{position:relative;max-width:1100px;margin:0 auto;padding:4px 0 8px}
.lpi-org-watermark{pointer-events:none;position:absolute;inset:0;display:grid;place-items:center;opacity:.045;color:#02543f;overflow:hidden}
.lpi-org-watermark i{font-size:min(46vw,480px)}
.lpi-orgchart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 39px auto 56px auto 56px auto;position:relative;gap:0;align-items:stretch}
.lpi-org-card{display:flex;align-items:center;gap:15px;min-width:0;min-height:112px;padding:13px;background:#fff;border:1px solid #d9eae4;border-radius:16px;box-shadow:0 12px 28px rgba(7,76,58,.08),0 2px 5px rgba(7,76,58,.035);position:relative;z-index:2;transition:transform .2s,box-shadow .2s}
.lpi-org-card:hover{transform:translateY(-3px);box-shadow:0 18px 32px rgba(7,76,58,.13)}
.lpi-org-card-icon{height:76px;width:76px;flex:0 0 76px;border-radius:12px;background:linear-gradient(145deg,#01664c,#024535);color:#e8c276;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15)}
.lpi-org-card-icon i{font-size:2rem;line-height:1}
.lpi-org-card-content{min-width:0;padding:1px 0}
.lpi-org-card-level{display:block;font-size:.59rem;font-weight:800;letter-spacing:.115em;text-transform:uppercase;color:#007556;margin-bottom:4px}
.lpi-org-card h3{font-size:clamp(.86rem,1vw,1.06rem);line-height:1.28;font-weight:800;margin:0 0 8px;color:#14372f;overflow-wrap:break-word}
.lpi-org-card p{border-top:1px solid #e7d1a1;padding-top:8px;font-size:.82rem;line-height:1.45;font-weight:560;color:#374b43;margin:0;overflow-wrap:break-word}
.lpi-org-card-head{grid-area:1/5/2/9}
.lpi-org-card-division{grid-area:3/5/4/9}
.lpi-org-card-left{grid-area:5/2/6/7;margin-right:13px}
.lpi-org-card-right{grid-area:5/7/6/12;margin-left:13px}
.lpi-org-card-admin{grid-area:7/5/8/9}
.lpi-org-connector{position:relative;z-index:1;color:#0c6852}
.lpi-org-connector::before,.lpi-org-connector::after,.lpi-org-connector>span::before,.lpi-org-connector>span::after{content:"";position:absolute;display:block;background:currentColor}
.lpi-org-connector-line{grid-area:2/1/3/-1}
.lpi-org-connector-line::before{width:2px;height:100%;left:calc(50% - 1px);top:0}
.lpi-org-connector-line::after{height:8px;width:8px;border-radius:50%;background:#d4a648;left:calc(50% - 4px);top:calc(50% - 4px)}
.lpi-org-connector-fork{grid-area:4/1/5/-1}
.lpi-org-connector-fork::before{width:2px;height:52%;left:calc(50% - 1px);top:0}
.lpi-org-connector-fork::after{height:2px;top:50%;left:29%;width:42%}
.lpi-org-connector-fork>span::before{width:2px;height:50%;top:50%;left:29%}
.lpi-org-connector-fork>span::after{width:2px;height:50%;top:50%;right:29%}
.lpi-org-connector-merge{grid-area:6/1/7/-1}
.lpi-org-connector-merge::before{width:2px;height:52%;top:0;left:29%}
.lpi-org-connector-merge::after{width:2px;height:52%;top:0;right:29%}
.lpi-org-connector-merge>span::before{height:2px;width:42%;left:29%;top:50%}
.lpi-org-connector-merge>span::after{height:50%;width:2px;left:calc(50% - 1px);top:50%}
.lpi-org-footnote{margin-top:25px;text-align:center;color:#7d8c87;font-size:.75rem}

/* Nilai / fungsi */
.lpi-profile-functions{padding:53px 0 70px;background:#fff;border-top:1px solid #eaf0ed}
.lpi-functions-heading{margin-bottom:25px}
.lpi-functions-heading h2{font-size:clamp(1.5rem,2.2vw,2rem);margin-bottom:0}
.lpi-function-card{padding:23px 20px;border:1px solid #e2eae5;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(6,66,48,.03);transition:border-color .2s,transform .2s}
.lpi-function-card:hover{transform:translateY(-3px);border-color:#a9cbbd}
.lpi-function-icon{height:46px;width:46px;display:grid;place-items:center;background:#f0f7f3;border-radius:12px;color:#b68d3d;margin-bottom:17px}
.lpi-function-icon i{font-size:1.38rem}
.lpi-function-card h3{font-size:.99rem;font-weight:800;color:#0a4535;margin-bottom:10px}
.lpi-function-card p{font-size:.82rem;line-height:1.75;color:#65776f;margin-bottom:0}
.lpi-profile-link-row{border-top:1px solid #ebefed;margin-top:35px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.lpi-profile-link-row p{font-size:.84rem;color:#67786e}
.lpi-profile-rank-btn{font-size:.82rem;padding:.65rem 1rem;border-color:#bad9cb;color:#006b4f;font-weight:700;border-radius:10px;white-space:nowrap}

@media(max-width:1199.98px){
 .lpi-org-card-head,.lpi-org-card-division,.lpi-org-card-admin{grid-column:4/10}
 .lpi-org-card-left{grid-column:1/7;margin-right:12px}.lpi-org-card-right{grid-column:7/13;margin-left:12px}
 .lpi-org-card-icon{width:66px;flex-basis:66px;height:74px}
 .lpi-visual-stat-b{right:0}
}
@media(max-width:991.98px){
 .lpi-profile-hero-inner{padding:54px 0 59px}.lpi-profile-visual{margin:auto;height:228px}
 .lpi-profile-section-heading{align-items:start}.lpi-profile-organization{padding-top:51px}
 .lpi-org-card-head,.lpi-org-card-division,.lpi-org-card-admin{grid-column:4/10}
 .lpi-org-card h3{font-size:.86rem}.lpi-org-card p{font-size:.75rem}
 .lpi-org-card-left,.lpi-org-card-right{gap:10px}
}
@media(max-width:767.98px){
 .lpi-profile-section-heading{display:block;margin-bottom:32px}.lpi-profile-section-heading>p{margin-top:19px;max-width:100%}
 .lpi-orgchart{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:540px;margin:0 auto;padding-left:22px;border-left:2px solid #d5e9df}
 .lpi-org-connector{display:none}
 .lpi-org-card{width:100%;margin:0;min-height:100px;position:relative}
 .lpi-org-card::before{content:"";position:absolute;width:23px;height:2px;background:#b8d4c7;left:-24px;top:50%}
 .lpi-org-card::after{content:"";position:absolute;width:8px;height:8px;background:#cfa24d;border:2px solid #fff;box-sizing:content-box;border-radius:50%;left:-31px;top:calc(50% - 6px)}
 .lpi-org-card h3{font-size:.98rem}.lpi-org-card p{font-size:.83rem}
 .lpi-profile-link-row{align-items:start;flex-direction:column}
}
@media(max-width:575.98px){
 .lpi-profile-hero-inner{padding:44px 0 48px}
 .lpi-profile-hero h1{font-size:clamp(1.95rem,8vw,2.65rem)}
 .lpi-profile-summary{font-size:.86rem}
 .lpi-profile-visual{height:210px;max-width:370px}
 .lpi-profile-campus-caption{left:13px;right:13px;bottom:12px}
 .lpi-profile-campus-caption>strong{font-size:.79rem}

 .lpi-profile-organization{padding:45px 0 35px}
 .lpi-profile-section-heading h2{font-size:1.75rem}
 .lpi-org-card{padding:11px;gap:12px}
 .lpi-org-card-icon{width:53px;height:65px;flex-basis:53px;border-radius:10px}
 .lpi-org-card-icon i{font-size:1.5rem}
 .lpi-org-card h3{font-size:.84rem}.lpi-org-card p{font-size:.77rem}
 .lpi-profile-functions{padding:42px 0 55px}
}
@media(prefers-reduced-motion:reduce){.lpi-org-card,.lpi-function-card{transition:none}.lpi-org-card:hover,.lpi-function-card:hover{transform:none}}