/* Portfolio indépendant et bouton d'accès depuis la page À propos. */
.ak-pf-entry{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:24px;overflow:hidden;border-color:#d6dfed;background:linear-gradient(135deg,var(--card) 0%,var(--card) 58%,#eef3fb 100%);}
.ak-pf-entry::after{content:"";position:absolute;right:-58px;bottom:-92px;width:190px;height:190px;border:1px solid rgba(30,42,87,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(30,42,87,.035);pointer-events:none;}
.ak-pf-entry-copy{position:relative;z-index:1;}
.ak-pf-entry-copy .eyebrow{margin-bottom:7px;}
.ak-pf-entry-copy h3{margin:0;color:var(--navy);font-family:var(--font-head);font-size:clamp(21px,2.5vw,29px);line-height:1.18;}
.ak-pf-entry-copy p{max-width:760px;margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.6;}
.ak-pf-entry-button{position:relative;z-index:1;min-width:160px;min-height:50px;font-size:15px;}
:root[data-theme="dark"] .ak-pf-entry{border-color:#34425f;background:linear-gradient(135deg,#121c30 0%,#16233a 64%,#1c2d4a 100%);}
:root[data-theme="dark"] .ak-pf-entry-copy h3{color:#f3f6ff;}

.ak-portfolio{margin-top:0;scroll-margin-top:92px;}
.ak-pf-showcase{position:relative;overflow:hidden;padding:38px;border:1px solid rgba(241,193,90,.32);border-radius:26px;background:radial-gradient(circle at 86% 12%,rgba(72,113,190,.42),transparent 30%),linear-gradient(132deg,#111a34 0%,#1e2a57 56%,#2e3f7c 100%);box-shadow:0 30px 68px -38px rgba(17,26,52,.85);color:#fff;}
.ak-pf-showcase::after{content:"";position:absolute;right:-110px;bottom:-150px;width:340px;height:340px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018);pointer-events:none;}
.ak-pf-showcase>*{position:relative;z-index:1;}
.ak-pf-showcase-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:44px;align-items:center;}
.ak-pf-kicker{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--or-clair);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;}
.ak-pf-kicker::before{content:"";width:30px;height:2px;background:currentColor;}
.ak-pf-showcase h2{max-width:780px;margin:0;color:#fff;font-family:var(--font-head);font-size:clamp(30px,4.2vw,52px);line-height:1.06;letter-spacing:-.025em;}
.ak-pf-showcase-layout>div>p{max-width:760px;margin:17px 0 0;color:#dce5f4;font-size:16px;line-height:1.72;}
.ak-pf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.ak-pf-action{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid rgba(255,255,255,.28);border-radius:13px;color:#fff;font-weight:800;text-decoration:none;transition:transform .17s,background .17s,border-color .17s;}
.ak-pf-action:first-child{border-color:var(--gold);background:linear-gradient(180deg,var(--or-clair),var(--gold));color:#3a2905;}
.ak-pf-action:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);}
.ak-pf-action:first-child:hover{background:linear-gradient(180deg,#f7cb6c,var(--gold));}
.ak-pf-portrait{position:relative;justify-self:end;width:100%;max-width:220px;margin:0;overflow:hidden;border:5px solid rgba(255,255,255,.92);border-radius:23px;background:#dfe7f2;box-shadow:0 24px 50px -24px rgba(0,0,0,.8);}
.ak-pf-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;}
.ak-pf-portrait figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(17,26,52,.86);backdrop-filter:blur(8px);}
.ak-pf-portrait figcaption strong,.ak-pf-portrait figcaption span{display:block;}
.ak-pf-portrait figcaption strong{font-size:13px;}.ak-pf-portrait figcaption span{margin-top:2px;color:#dce5f4;font-size:10.5px;}

.ak-pf-block{margin-top:30px;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow-sm);}
.ak-pf-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);gap:28px;align-items:end;margin-bottom:22px;}
.ak-pf-section-head h3{margin:0;color:var(--navy);font-family:var(--font-head);font-size:clamp(24px,3vw,35px);line-height:1.15;}
.ak-pf-section-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.65;}
.ak-pf-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:6px;border:1px solid var(--line);border-radius:15px;background:var(--soft);width:max-content;max-width:100%;}
.ak-pf-filter{min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-size:13.5px;font-weight:800;white-space:nowrap;transition:background .16s,color .16s,box-shadow .16s;}
.ak-pf-filter:hover{color:var(--navy);background:rgba(255,255,255,.72);}
.ak-pf-filter.is-active{background:var(--navy);color:#fff;box-shadow:0 8px 18px -13px rgba(30,42,87,.8);}
.ak-pf-work-grid{columns:3 250px;column-gap:16px;}
.ak-pf-work-card{display:block;width:100%;margin:0 0 16px;padding:0;overflow:hidden;break-inside:avoid;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);text-align:left;box-shadow:0 13px 30px -25px rgba(23,33,60,.55);transition:transform .2s,border-color .2s,box-shadow .2s;}
.ak-pf-work-card:hover{transform:translateY(-3px);border-color:#c6d1e4;box-shadow:0 22px 42px -28px rgba(23,33,60,.65);}
.ak-pf-work-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px;}
.ak-pf-work-card[hidden]{display:none;}
.ak-pf-work-card img{width:100%;height:auto;background:#eef2f8;}
.ak-pf-work-meta{display:block;padding:14px 15px 16px;}
.ak-pf-work-category{display:block;margin-bottom:5px;color:var(--gold-600);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;}
.ak-pf-work-title{display:block;color:var(--navy);font-size:15px;font-weight:850;line-height:1.35;}
.ak-pf-privacy{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;padding:13px 15px;border:1px solid #dbe4ef;border-radius:13px;background:#f7f9fc;color:#596578;font-size:13px;line-height:1.55;}
.ak-pf-privacy::before{content:"✓";display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:900;}

.ak-pf-web-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.ak-pf-web-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--card);box-shadow:0 14px 34px -28px rgba(23,33,60,.55);}
.ak-pf-browser{padding:10px;background:#182443;}
.ak-pf-browser-top{display:flex;gap:5px;padding:1px 0 9px;}
.ak-pf-browser-top i{display:block;width:7px;height:7px;border-radius:50%;background:#8fa0bd;}
.ak-pf-browser-top i:first-child{background:#ec6544;}.ak-pf-browser-top i:nth-child(2){background:#e4a62b;}.ak-pf-browser-top i:last-child{background:#43b988;}
.ak-pf-browser img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:9px;background:#eef2f8;}
.ak-pf-web-copy{padding:18px;}
.ak-pf-sector{display:block;padding-right:64px;color:var(--gold-600);font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.ak-pf-web-copy h4{margin:8px 0 8px;color:var(--navy);font-size:20px;line-height:1.15;}
.ak-pf-web-copy p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.58;}
.ak-pf-techs{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px;}
.ak-pf-techs span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--navy);font-size:11px;font-weight:800;}
.ak-pf-web-link{display:inline-flex;align-items:center;gap:6px;margin-top:15px;color:var(--navy);font-size:13px;font-weight:900;text-decoration:none;}
.ak-pf-web-link:hover{text-decoration:underline;text-underline-offset:3px;}
.ak-pf-contribution{position:absolute;top:47%;right:14px;transform:translateY(-50%);display:grid;place-items:center;width:58px;height:58px;border:4px solid var(--card);border-radius:50%;background:linear-gradient(145deg,var(--gold),var(--or-clair));color:#3a2905;box-shadow:0 8px 20px -10px rgba(0,0,0,.6);font-size:13px;font-weight:950;}

.ak-pf-dialog{width:min(1040px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;overflow:hidden;border:0;border-radius:22px;background:#0d1729;color:#fff;box-shadow:0 34px 90px rgba(0,0,0,.52);}
.ak-pf-dialog::backdrop{background:rgba(5,11,22,.78);backdrop-filter:blur(7px);}
.ak-pf-dialog-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);max-height:calc(100vh - 28px);}
.ak-pf-dialog-media{display:grid;place-items:center;min-height:520px;padding:22px;background:#07101f;overflow:auto;}
.ak-pf-dialog-media img{max-width:100%;max-height:calc(100vh - 72px);object-fit:contain;}
.ak-pf-dialog-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:54px 30px 30px;background:linear-gradient(155deg,#1e2a57,#111a34);}
.ak-pf-dialog-copy small{color:var(--or-clair);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.ak-pf-dialog-copy h3{margin:10px 0 12px;color:#fff;font-size:28px;line-height:1.16;}
.ak-pf-dialog-copy p{margin:0;color:#d8e1f1;line-height:1.7;}
.ak-pf-dialog-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:25px;line-height:1;}
.ak-pf-dialog-close:hover{background:rgba(255,255,255,.16);}
body.ak-pf-modal-open{overflow:hidden;}

:root[data-theme="dark"] .ak-pf-block,:root[data-theme="dark"] .ak-pf-work-card,:root[data-theme="dark"] .ak-pf-web-card{background:#121c30;border-color:#2d3b58;}
:root[data-theme="dark"] .ak-pf-section-head h3,:root[data-theme="dark"] .ak-pf-work-title,:root[data-theme="dark"] .ak-pf-web-copy h4,:root[data-theme="dark"] .ak-pf-web-link{color:#f3f6ff;}
:root[data-theme="dark"] .ak-pf-filter-bar,:root[data-theme="dark"] .ak-pf-techs span{background:#18243a;border-color:#34425f;}
:root[data-theme="dark"] .ak-pf-filter:hover{background:#24314a;color:#fff;}
:root[data-theme="dark"] .ak-pf-privacy{background:#142136;border-color:#34425f;color:#bdc7d8;}
:root[data-theme="dark"] .ak-pf-techs span{color:#dce5f4;}

@media(max-width:980px){
  .ak-pf-web-grid{grid-template-columns:1fr 1fr;}
  .ak-pf-web-card:last-child{grid-column:1/-1;max-width:calc(50% - 8px);}
}
@media(max-width:780px){
  .ak-pf-showcase,.ak-pf-block{padding:24px;}
  .ak-pf-showcase-layout{grid-template-columns:minmax(0,1fr) 180px;gap:24px;}
  .ak-pf-section-head{grid-template-columns:1fr;gap:10px;}
  .ak-pf-work-grid{columns:2 210px;}
  .ak-pf-dialog-grid{grid-template-columns:1fr;overflow-y:auto;}
  .ak-pf-dialog-media{min-height:260px;padding:14px;}
  .ak-pf-dialog-media img{max-height:60vh;}
  .ak-pf-dialog-copy{padding:52px 22px 24px;}
}
@media(max-width:560px){
  .ak-pf-entry{grid-template-columns:1fr;gap:18px;padding:22px;}
  .ak-pf-entry-button{width:100%;}
  .ak-portfolio{margin-top:0;}
  .ak-pf-showcase,.ak-pf-block{padding:20px;border-radius:19px;}
  .ak-pf-showcase h2{font-size:31px;}
  .ak-pf-showcase-layout{grid-template-columns:1fr;}
  .ak-pf-portrait{justify-self:center;width:min(100%,230px);margin:4px auto 0;}
  .ak-pf-actions{display:grid;grid-template-columns:1fr;}
  .ak-pf-filter-bar{width:100%;overflow-x:auto;flex-wrap:nowrap;}
  .ak-pf-filter{flex:0 0 auto;}
  .ak-pf-work-grid{columns:1;}
  .ak-pf-web-grid{grid-template-columns:1fr;}
  .ak-pf-web-card:last-child{grid-column:auto;max-width:none;}
  .ak-pf-dialog{width:calc(100% - 16px);max-height:calc(100vh - 16px);border-radius:17px;}
  .ak-pf-dialog-grid{max-height:calc(100vh - 16px);}
}
@media(prefers-reduced-motion:reduce){.ak-pf-work-card,.ak-pf-action{transition:none;}}