/* ================================================================
   PONY CHOEGO® / INTERACTIVE ARCHIVE 2026
   Original interpretation of K95's editorial, blue-space portfolio.
   All work thumbnails and content come from the owner's archive.
   ================================================================ */
:root {
  --k-blue: #1500e8;
  --k-blue-deep: #1100bb;
  --k-paper: #f5f4ef;
  --k-ink: #10101a;
  --k-lime: #dcff47;
  --color-orange: #1500e8;
  --color-orange-bright: #341cff;
  --color-orange-glow: rgba(21,0,232,.2);
  --color-cyan: #cfefff;
  --color-violet: #5a47ff;
  --color-white: #fff;
  --color-white-muted: #c9c7ff;
  --color-white-subtle: #aba4ff;
  --color-black: #1000be;
  --color-black-deep: #1000be;
  --color-black-surface: #1600d0;
  --color-black-card: #2112da;
  --color-black-elevated: #2919df;
  --site-padding-x: clamp(22px, 3.6vw, 64px);
}
html { background: var(--k-blue); scroll-behavior:smooth; }
body.k95-mode { background: var(--k-blue); color:white; }
body.k95-mode ::selection { background:var(--k-lime);color:var(--k-blue); }
body.k95-mode :focus-visible { outline:2px solid var(--k-lime);outline-offset:4px; }
body.k95-mode #ambient-canvas, body.k95-mode #cosmic-impact-canvas,
body.k95-mode .cosmic-vignette-overlay,
body.k95-mode #theme-customizer-drawer,
body.k95-mode #floatingThemeBtn,
body.k95-mode #mobileThemeModeToggleBtn { display:none!important; }

/* Header */
body.k95-mode #site-header { height:78px; position:fixed;top:0;left:0;right:0; z-index:100; display:flex; background:rgba(21,0,232,.92); border-bottom:1px solid rgba(255,255,255,.2); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px);padding:0 var(--site-padding-x); }
body.k95-mode .brand-link{gap:13px}
body.k95-mode .brand-symbol{font-family:'Syne', sans-serif; font-size:2rem;line-height:1;color:white;text-shadow:none;animation:none;font-weight:800}
body.k95-mode .brand-title{color:white;letter-spacing:-.075em;font-family:'Syne','Pretendard',sans-serif;font-size:1.31rem;font-weight:800;line-height:1.06;}
body.k95-mode .reg-mark{font-family:'DM Mono',monospace;font-size:.52rem;vertical-align:top;letter-spacing:0;margin-left:3px}
body.k95-mode .brand-subtitle{color:#dfdeff;font-size:.55rem;letter-spacing:.13em;margin-top:5px;font-weight:600}
body.k95-mode .site-header-nav{gap:clamp(18px,3vw,54px);margin-left:auto;margin-right:auto;padding-left:70px}
body.k95-mode .nav-item{font-family:'DM Mono',monospace;letter-spacing:.035em;color:white;font-size:.72rem;font-weight:500}
body.k95-mode .nav-item:after{background:white}
body.k95-mode .nav-sup{font-size:.92em;margin-left:4px}
body.k95-mode #openUploadBtn{border:1px solid white;background:white;box-shadow:none;color:var(--k-blue);font-size:.68rem;letter-spacing:.04em;border-radius:99px;padding:11px 17px;font-family:'DM Mono',monospace}
body.k95-mode #openUploadBtn:hover{background:var(--k-lime);border-color:var(--k-lime);transform:translateY(-2px)}
body.k95-mode #openUploadBtn .btn-icon{font-size:1.15rem;line-height:.6}
body.k95-mode #site-header-mobile-menu{background:#1500e8;color:white;top:78px;height:calc(100dvh - 78px)}
body.k95-mode .mobile-nav-links a{color:#fff}

/* Immersive cobalt hero */
body.k95-mode #hero.k95-stage{position:relative;width:100%;height:max(750px,100svh);min-height:750px;margin:0;max-width:none;padding:78px 0 0;overflow:hidden;isolation:isolate;background:var(--k-blue);color:white;display:block;}
.k95-stage::before{content:'';position:absolute;inset:0;z-index:0;opacity:.4;pointer-events:none;background:radial-gradient(ellipse 42% 40% at 50% 43%, #391ffb 0%,transparent 75%);}
.k95-stage .stage-ambient-grid{position:absolute;inset:78px 0 0;pointer-events:none;opacity:.15;background-image:linear-gradient(to right,rgba(255,255,255,.32) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.32) 1px,transparent 1px);background-size:clamp(90px,11vw,180px) clamp(90px,11vw,180px);mask-image:linear-gradient(to bottom,transparent,black 22%,black 76%,transparent)}
.k95-stage .stage-topline{position:absolute;top:105px;left:var(--site-padding-x);right:var(--site-padding-x);display:flex;justify-content:space-between;z-index:5;font:500 10px/1.2 'DM Mono',monospace;letter-spacing:.13em}
.stage-topline b{font-weight:500;padding:0 7px}
.k95-stage .stage-backword{position:absolute;top:115px;left:50%;transform:translateX(-50%);color:white;pointer-events:none;z-index:0;white-space:nowrap;font-family:'Syne','Arial Black',sans-serif;font-size:clamp(120px,15.9vw,300px);line-height:1;letter-spacing:-.125em;font-weight:800;opacity:.99;}
.k95-stage .stage-orbit-control{position:absolute;top:clamp(228px,28vh,290px);left:50%;transform:translateX(-50%);z-index:12;border:1px solid rgba(255,255,255,.38);border-radius:40px;padding:4px;display:flex;align-items:center;background:rgba(17,0,198,.3);gap:2px;box-shadow:0 5px 30px rgba(0,0,50,.1)}
.k95-stage .orbit-option{appearance:none;border:0;min-width:82px;padding:10px 19px;cursor:pointer;color:rgba(255,255,255,.65);background:transparent;border-radius:35px;font:500 10px/1.2 'DM Mono',monospace;letter-spacing:.08em;transition:.25s ease}
.k95-stage .orbit-option.is-selected,.k95-stage .orbit-option:hover{background:white;color:var(--k-blue)}
.k95-stage .orbit-headline{position:absolute;left:var(--site-padding-x);top:clamp(220px,35vh,330px);z-index:7;display:flex;align-items:flex-start;gap:12px;font:500 10px/1.5 'DM Mono',monospace;letter-spacing:.07em;color:rgba(255,255,255,.76)}
.eyebrow-circle{width:8px;height:8px;border:2px solid var(--k-lime);border-radius:50%;margin-top:3px;flex-shrink:0}
.k95-stage .orbit-space{position:absolute;inset:145px 0 65px;z-index:3;perspective:1600px;touch-action:pan-y;cursor:grab;outline:none;}
.k95-stage .orbit-space.is-dragging{cursor:grabbing}
.k95-stage .orbit-perspective{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.k95-stage .orbit-card{position:absolute;width:clamp(122px,14.1vw,207px);height:clamp(148px,18.5vw,255px);left:50%;top:50%;display:block;overflow:hidden;border:0;outline:0;padding:0;background:#f4f0ec;color:white;cursor:pointer;transform-style:preserve-3d;box-shadow:0 15px 42px rgba(0,0,52,.18);pointer-events:auto;backface-visibility:hidden;will-change:transform;transition:filter .25s ease,box-shadow .25s ease;isolation:isolate;}
.k95-stage .orbit-card::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.23);mix-blend-mode:overlay}
.k95-stage .orbit-card:hover,.k95-stage .orbit-card:focus-visible{box-shadow:0 24px 60px rgba(0,0,43,.35);filter:saturate(1.18) brightness(1.05)}
.k95-stage .orbit-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;pointer-events:none}
.k95-stage .orbit-card .orbit-card-meta{position:absolute;bottom:0;left:0;right:0;text-align:left;padding:28px 10px 9px;background:linear-gradient(to top,rgba(0,0,0,.76),transparent);display:flex;align-items:center;justify-content:space-between;gap:9px;font:500 9px/1.3 'DM Mono',monospace;letter-spacing:.03em;text-shadow:0 1px 5px rgba(0,0,0,.2)}
.k95-stage .orbit-card .orbit-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.k95-stage .orbit-card .orbit-card-number{white-space:nowrap;color:var(--k-lime)}
.k95-stage .orbit-center-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:260px;z-index:3;pointer-events:none;display:grid;place-items:center;}
.k95-stage .center-halo{position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 45px rgba(255,255,255,.012),0 0 0 93px rgba(255,255,255,.015);}
.k95-stage .chrome-monogram{position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg) skew(-5deg) scale(.97);filter:drop-shadow(12px 20px 2px rgba(9,1,92,.25)) drop-shadow(0 0 15px rgba(250,255,255,.17));animation:chrome-drift 7s ease-in-out infinite alternate;}
.k95-stage .chrome-monogram span{font-family:'Syne','Arial Black',sans-serif;font-size:clamp(125px,13.5vw,185px);line-height:1;letter-spacing:-.17em;font-weight:800;color:#c7d6e4;background:linear-gradient(153deg,#0a1f55 3%,#fff 12%,#90a6d1 21%,#fafaff 27%,#20345e 37%,#eaf5ff 47%,#7283ba 57%,#faffff 63%,#3e5987 74%,#ffffff 82%,#64729a 91%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.22);text-shadow:8px 10px 0 rgba(12,20,100,.08);}
.k95-stage .chrome-monogram span:nth-child(2){transform:translateY(24px) rotate(13deg);margin-left:-16px}
.k95-stage .chrome-monogram i{font-size:55px;font-style:normal;line-height:1;position:absolute;top:-26px;left:49%;color:#fcfcff;text-shadow:3px 5px 3px #5564a3,-2px -2px 1px #dae4ff;transform:rotate(18deg)}
.k95-stage .chrome-caption{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font:500 9px/1 'DM Mono',monospace;letter-spacing:.25em;color:#d7d4ff;}
@keyframes chrome-drift{from{transform:translateY(-7px) rotate(-13deg) skew(-5deg) scale(.97)}to{transform:translateY(11px) rotate(-5deg) skew(-3deg) scale(1.02)}}
.k95-stage .orbit-side-tip{position:absolute;right:var(--site-padding-x);top:48%;z-index:8;display:flex;align-items:center;gap:10px;writing-mode:vertical-rl;font:500 10px/1 'DM Mono',monospace;letter-spacing:.14em;color:rgba(255,255,255,.85)}
.k95-stage .tip-dot{width:8px;height:8px;border-radius:50%;background:var(--k-lime);box-shadow:0 0 12px rgba(220,255,71,.6)}
.k95-stage .stage-bottomline{position:absolute;bottom:26px;left:var(--site-padding-x);right:var(--site-padding-x);display:flex;align-items:end;justify-content:space-between;z-index:10;font:500 10px/1.5 'DM Mono',monospace;letter-spacing:.06em}
.k95-stage .scroll-down-link{display:flex;align-items:center;gap:13px;color:white}
.k95-stage .scroll-pulse{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--k-lime);color:var(--k-blue);font-size:16px;animation:tip-bob 2s ease-in-out infinite}
@keyframes tip-bob{50%{transform:translateY(5px)}}
.k95-stage .stage-info{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ddd9ff}
.k95-stage .stage-info b{color:white;font-size:12px}
.k95-stage .stage-active-title{font-weight:600;color:var(--k-lime);max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.k95-stage .all-works-corner{display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:7px}
.k95-stage .all-works-corner span{font-size:18px}
.k95-stage .all-works-corner:hover,.k95-stage .scroll-down-link:hover{color:var(--k-lime)}
.k95-section-transition{height:115px;background:var(--k-blue);border-top:1px solid rgba(255,255,255,.21);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 var(--site-padding-x);font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(20px,4vw,56px);letter-spacing:-.06em;line-height:1}
.k95-section-transition span:last-child{font-size:35px;font-weight:400}

/* Editorial rest of the site: blue, off-white and confident oversized type */
body.k95-mode #lectures,body.k95-mode #showcase,body.k95-mode #critique{position:relative;z-index:1;}
body.k95-mode .lectures-horizontal-section{background:var(--k-paper);color:var(--k-ink);padding-top:105px;padding-bottom:104px}
body.k95-mode .lectures-horizontal-section .section-main-heading,
body.k95-mode .showcase-main-title,
body.k95-mode .critique-section h2{font-family:'Syne','Pretendard',sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.1;font-size:clamp(38px,5vw,78px);}
body.k95-mode .lectures-horizontal-section .section-badge-clean,
body.k95-mode .lectures-horizontal-section .section-sub-desc,
body.k95-mode .lectures-horizontal-section .h-scroll-counter,
body.k95-mode .lectures-horizontal-section .horizontal-scroll-hint{color:#4d4c5c}
body.k95-mode .lectures-horizontal-section .badge-symbol{color:var(--k-blue)}
body.k95-mode .lectures-horizontal-section .lecture-tab-btn{color:#2c2a39;border:1px solid #d9d8d3;background:transparent;border-radius:99px}
body.k95-mode .lectures-horizontal-section .lecture-tab-btn.active,
body.k95-mode .lectures-horizontal-section .lecture-tab-btn:hover{color:white;background:var(--k-blue);border-color:var(--k-blue)}
body.k95-mode .lectures-horizontal-section .lecture-tab-btn.active .tab-dot{background:var(--k-lime)}
body.k95-mode .lectures-horizontal-section .lecture-summary-banner{background:#e6e3ff;border:1px solid #d4d0ee;color:#12111d;box-shadow:none}
body.k95-mode .lectures-horizontal-section .banner-title,
body.k95-mode .lectures-horizontal-section .banner-desc,
body.k95-mode .lectures-horizontal-section .banner-tag,
body.k95-mode .lectures-horizontal-section .banner-period,
body.k95-mode .lectures-horizontal-section .banner-stat-lbl{color:#302b53}
body.k95-mode .lectures-horizontal-section .banner-stat-num{color:var(--k-blue)}
body.k95-mode .lectures-horizontal-section .horizontal-progress-track{background:#d6d4e0}
body.k95-mode .lectures-horizontal-section .horizontal-progress-bar{background:var(--k-blue)}
body.k95-mode .lectures-horizontal-section .h-nav-btn{color:var(--k-blue);border-color:#d0caef;background:white}
body.k95-mode .lecture-horizontal-container{scrollbar-color:#b4adff transparent}
/* Cards retain their original modal/open & remove behavior */
body.k95-mode .lectures-horizontal-section .lecture-artwork-card,
body.k95-mode .lectures-horizontal-section .lecture-card,
body.k95-mode .lectures-horizontal-section .horizontal-artwork-card{background:white;color:#14121d;box-shadow:0 8px 25px rgba(35,27,120,.07);border:1px solid #e5e3e8}
body.k95-mode .showcase-section{background:#e7e5f9;padding-top:120px;padding-bottom:122px;color:#17151d}
body.k95-mode .showcase-main-title{color:#141124}
body.k95-mode .showcase-subtitle,
body.k95-mode .showcase-section .cosmic-accent-label{color:#514f62}
body.k95-mode .showcase-section .pill{color:#3c3951;background:transparent;border:1px solid #c8c4df;border-radius:99px}
body.k95-mode .showcase-section .pill.active,
body.k95-mode .showcase-section .pill:hover{background:var(--k-blue);border-color:var(--k-blue);color:white}
body.k95-mode .showcase-section .view-btn{background:white;color:var(--k-blue);border:1px solid #d2ceed}
body.k95-mode .showcase-section .view-btn.active{background:var(--k-blue);color:white}
body.k95-mode .showcase-card{background:white!important;border:1px solid #d9d6e5!important;color:#171521;box-shadow:0 12px 35px rgba(25,0,90,.075);border-radius:2px}
body.k95-mode .showcase-card:hover{box-shadow:0 26px 50px rgba(19,0,95,.13)}
body.k95-mode .showcase-card-body{background:white}
body.k95-mode .showcase-card-title{color:#111024;font-weight:750}
body.k95-mode .showcase-card-subtitle,
body.k95-mode .showcase-card-desc,
body.k95-mode .showcase-card-dim,
body.k95-mode .showcase-card-id{color:#646073}
body.k95-mode .showcase-card-view-btn{color:var(--k-blue)}
body.k95-mode .showcase-card-badge{background:var(--k-blue)!important;color:white}
body.k95-mode .showcase-section .showcase-card-year{background:#f5f3ff;color:var(--k-blue)}
body.k95-mode .critique-section{background:var(--k-blue-deep);color:white;padding-top:125px;padding-bottom:125px}
body.k95-mode .critique-section .section-main-heading{color:white}
body.k95-mode .footer-section{background:#090927;color:white;border-top:1px solid rgba(255,255,255,.12);}
body.k95-mode .footer-title{font-family:'Syne',sans-serif;font-weight:800;color:white}
body.k95-mode .footer-section .o-dashline{border-color:rgba(255,255,255,.18)}

/* Forms and modal: readable while keeping old behavior intact */
body.k95-mode .modal-overlay{z-index:1000;background:rgba(5,4,41,.84);}
body.k95-mode .modal-card{background:#11112e;border:1px solid #7775b2;box-shadow:0 40px 110px rgba(0,0,40,.6);}
body.k95-mode .modal-card .modal-close{color:white}
body.k95-mode .modal-card input,body.k95-mode .modal-card textarea,body.k95-mode .modal-card select{color:white}
body.k95-mode .modal-card .is-orange,body.k95-mode .upload-actions .is-orange{background:#3621ff;color:white}
body.k95-mode .artwork-delete-btn{background:rgba(8,8,30,.78);color:white}
body.k95-mode .toast-box{z-index:1500}

@media(max-width:900px){
  body.k95-mode #site-header{height:68px}
  body.k95-mode .site-header-nav{display:none}
  body.k95-mode .mobile-menu-trigger{display:flex}
  body.k95-mode #site-header-mobile-menu{top:68px;height:calc(100dvh - 68px)}
  body.k95-mode #hero.k95-stage{height:max(690px,100svh);min-height:690px;padding-top:68px}
  .k95-stage .stage-topline{top:89px}
  .k95-stage .stage-backword{top:150px;font-size:clamp(85px,17vw,160px)}
  .k95-stage .stage-orbit-control{top:260px}
  .k95-stage .orbit-headline{top:255px}
  .k95-stage .orbit-space{inset:205px 0 65px}
  .k95-stage .orbit-card{width:clamp(115px,19vw,160px);height:clamp(150px,23vw,205px)}
  .k95-stage .orbit-center-art{transform:translate(-50%,-50%) scale(.8)}
  .k95-stage .orbit-side-tip{display:none}
  .k95-stage .stage-info{display:none}
  .k95-section-transition{height:90px}
}
@media(max-width:600px){
  body.k95-mode #site-header{padding:0 18px}
  body.k95-mode .brand-symbol{font-size:1.6rem}
  body.k95-mode .brand-title{font-size:1.05rem}
  body.k95-mode .brand-subtitle{font-size:.45rem}
  body.k95-mode #openUploadBtn{padding:10px 12px;font-size:0}
  body.k95-mode #openUploadBtn .btn-icon{font-size:1.25rem}
  body.k95-mode #hero.k95-stage{min-height:640px;height:100svh}
  .k95-stage .stage-topline{top:86px;left:18px;right:18px;font-size:8px;}
  .k95-stage .stage-topline span:last-child{display:none}
  .k95-stage .stage-backword{font-size:clamp(58px,17vw,105px);top:150px;letter-spacing:-.13em}
  .k95-stage .stage-orbit-control{top:227px}
  .k95-stage .orbit-option{min-width:70px;padding:9px 11px;font-size:9px}
  .k95-stage .orbit-headline{top:297px;left:18px;font-size:8px;}
  .k95-stage .orbit-space{inset:240px 0 56px;touch-action:pan-y}
  .k95-stage .orbit-card{width:105px;height:135px}
  .k95-stage .orbit-card .orbit-card-meta{font-size:7px;padding:15px 6px 6px}
  .k95-stage .orbit-center-art{transform:translate(-50%,-50%) scale(.55)}
  .k95-stage .stage-bottomline{left:18px;right:18px;bottom:23px;font-size:8px}
  .k95-stage .scroll-pulse{width:26px;height:26px}
  .k95-stage .all-works-corner{gap:4px}
  .k95-section-transition{height:75px;padding:0 18px;font-size:clamp(19px,6vw,31px)}
  body.k95-mode .lectures-horizontal-section{padding:70px 0}
  body.k95-mode .showcase-section,body.k95-mode .critique-section{padding:80px 0}
  body.k95-mode .lectures-horizontal-section .section-main-heading,body.k95-mode .showcase-main-title,body.k95-mode .critique-section h2{font-size:clamp(35px,9vw,53px)}
}
@media(prefers-reduced-motion:reduce){
  .k95-stage .chrome-monogram,.k95-stage .scroll-pulse{animation:none}
  .k95-stage .orbit-card{transition:none}
}
/* Drawer is a sibling of the header in this pre-existing archive. */
body.k95-mode #site-header.is-menu-active + #site-header-mobile-menu { transform:translateX(0); }
body.k95-mode #site-header.is-menu-active ~ #site-header-blocker { display:block; }