/* REV 06 — elegan, sengaja cukup terlihat tetapi tetap mempertahankan desain Canva.
   Semua aturan di-scope ke .feature-elegant. Nonaktifkan lewat js/config.js. */
html.feature-elegant #home .hero-photo-wrap {
 position: relative;
 outline: 1px solid rgba(97,186,255,.48);
 outline-offset: 3px;
 box-shadow: 0 0 0 6px rgba(12,107,186,.055), 0 14px 42px rgba(0,8,23,.20);
}
html.feature-elegant #home .hero-photo-wrap::after {
 content: "PORTFOLIO  /  2026";
 position:absolute;top:16px;right:16px;
 border: 1px solid rgba(134,211,255,.32);
 border-radius: 4px;
 background:rgba(4,25,46,.75);
 padding:7px 10px;
 color:#e4f6ff;
 font: 500 10px/1.3 'Space Mono',monospace;
 letter-spacing:.08em;
 pointer-events:none;
}
/* Outline on About photo — no cropping, no layout change. */
html.feature-elegant #about .about-portrait {
 outline: 1px solid rgba(111,190,255,.36);
 outline-offset: 4px;
 box-shadow: 0 0 28px rgba(24,151,243,.10);
}
/* Visible, elegant thin accent on existing panels (including work/project/gallery). */
html.feature-elegant .slide .page-panel {
 border-top: 2px solid rgba(55,174,255,.68);
 box-shadow: 0 15px 45px rgba(0,10,30,.19), inset 0 1px 0 rgba(255,255,255,.045);
}
html.feature-elegant .slide-project .project-name {
 text-shadow:0 0 18px rgba(32,153,255,.15);
}
html.feature-elegant .slide-project .project-name::after {
 content:"";display:block;width:42px;height:2px;margin-top:11px;
 background:linear-gradient(90deg,#39b6ff,rgba(57,182,255,.0));
 border-radius:2px;
}
/* More discernible yet restrained borders and depth around gallery artwork. */
html.feature-elegant .slide-gallery .gallery-art img {
 filter: drop-shadow(0 6px 11px rgba(0,8,24,.18));
}
html.feature-elegant .slide-gallery .gallery-heading h2 {
 box-shadow:0 4px 17px rgba(10,139,251,.20);
}
html.feature-elegant .slide-work .company-card {
 box-shadow: inset 0 0 0 1px rgba(80,179,250,.21),0 7px 20px rgba(0,9,25,.08);
}
/* Contact cards remain four columns and accessible; a subtle blue outline is now visible. */
html.feature-elegant #contact .contact-card {
 border:1px solid rgba(74,170,245,.35);
 box-shadow:0 5px 25px rgba(0,10,28,.13);
}
html.feature-elegant #contact .contact-rule {
 height:3px;
 background:linear-gradient(90deg,transparent,#086db4 20%,#0e9bf5 50%,#086db4 80%,transparent);
}
/* Restore the precise original NEXT position — never expand to grid width. */
html.feature-elegant .page-panel.project-layout > a.next-button,
html.feature-elegant .page-panel > a.next-button {
 position:absolute !important; left:auto;right:24px;bottom:20px;top:auto;
 width:max-content;max-width:calc(100% - 48px);min-width:0;
 justify-self:auto;align-self:auto;display:inline-flex;align-items:center;gap:6px;
}
@media(max-width:600px){
 html.feature-elegant #home .hero-photo-wrap::after{top:9px;right:9px;font-size:8px;padding:6px}
 html.feature-elegant .page-panel > a.next-button{right:15px;bottom:17px}
}
@media(prefers-reduced-motion:reduce){
 html.feature-elegant #home .hero-photo-wrap,
 html.feature-elegant #about .about-portrait{transition:none}
}