/* Shared tokens; each design below also changes the page structure. */
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=quantum-console]){--canvas:#0d1020;--surface:#171c31;--soft:#151a2e;--ink:#edf2ff;--muted:#b1bed4;--deep:#0d1020;--deep-card:#1d2340;--border:#36415f;--accent:#765cfa;--accent-bright:#bdfd8a;--radius:22px}
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=prism-editorial],[data-theme=quantum-console]) body{font-family:Arial,Helvetica,sans-serif}
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=quantum-console]) :is(.category-entry,.education-card,.project-card,.contact-form){background:var(--surface);border:1px solid var(--border);color:var(--ink)}
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=quantum-console]) :is(.category-entry h3,.category-entry dd,.section h2,.section-top h2){color:var(--ink)}
/* Holo Bento: independent asymmetric panels and a broad lime introduction. */
:root[data-theme=holo-bento] #main{max-width:1320px;margin:0 auto;padding:28px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
:root[data-theme=holo-bento] #main>.section{min-width:0;padding:30px!important;border-radius:28px;border:1px solid var(--border);background:var(--surface)}
:root[data-theme=holo-bento] #main>:is(#home,#about,#contact){grid-column:1/-1}
:root[data-theme=holo-bento] #main>.section>.wrap{width:100%;padding:0}
:root[data-theme=holo-bento] .hero{padding:0 0 22px;background:transparent}
:root[data-theme=holo-bento] .hero-grid{width:100%;display:grid;grid-template-columns:1.45fr .8fr;gap:22px;align-items:stretch}
:root[data-theme=holo-bento] .hero-grid>div:first-child{padding:48px;border-radius:34px;background:linear-gradient(145deg,#d2ff9a,#a5f2cf);color:#122d25;display:flex;flex-direction:column;justify-content:center}
:root[data-theme=holo-bento] .hero :is(h1,.hero-name){color:#122d25}
:root[data-theme=holo-bento] .hero h1{font-size:clamp(46px,5.8vw,86px);line-height:1.02;letter-spacing:-.065em}
:root[data-theme=holo-bento] .hero :is(.hero-copy,.hero-meta,.kicker){color:#294f44}
:root[data-theme=holo-bento] .hero .primary{background:#172e29;color:white}
:root[data-theme=holo-bento] .hero .outline{color:#172e29;border-color:#537e6f}
:root[data-theme=holo-bento] .hero-card{transform:none!important;max-width:none;border-radius:34px;box-shadow:inset 0 0 0 1px #5963a9;background:radial-gradient(circle at 20% 20%,#66549c,#1d2340);align-self:stretch}
:root[data-theme=holo-bento] .hero-card .profile-photo{height:390px;object-fit:cover}
:root[data-theme=holo-bento] .stats{width:100%;margin-top:22px;gap:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:0}
:root[data-theme=holo-bento] .stats>div{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:20px}
:root[data-theme=holo-bento] .category-entry-grid{grid-template-columns:1fr!important}
:root[data-theme=holo-bento] .category-entry{border-radius:20px;padding:24px;background:#202743}
/* Orbit Studio: a desktop navigation rail and circular portrait stage. */
:root[data-theme=orbit-studio]{--canvas:#11101e;--deep:#11101e;--surface:#201d35;--soft:#1a172c;--deep-card:#26213d;--border:#4c4266;--accent:#b68afa;--accent-bright:#f3b5e3}
@media(min-width:1001px){:root[data-theme=orbit-studio] .nav{position:fixed;left:0;top:0;bottom:0;width:215px;height:100vh;padding:32px 22px;background:#1b182b;border-right:1px solid var(--border);z-index:20}:root[data-theme=orbit-studio] .nav-inner{height:100%;width:100%;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:28px}:root[data-theme=orbit-studio] .nav nav{display:flex!important;flex-direction:column;align-items:flex-start;gap:24px;margin-top:30px}:root[data-theme=orbit-studio] .nav-cta{margin-top:auto}:root[data-theme=orbit-studio] :is(#main,body>#root>footer){margin-left:215px}:root[data-theme=orbit-studio] .wrap{width:calc(100% - 80px)}}
:root[data-theme=orbit-studio] .hero{min-height:860px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 85% 30%,#5c2b7455,transparent 55%),#11101e;padding:70px 0 35px}
:root[data-theme=orbit-studio] .hero-grid{grid-template-columns:1.1fr 1fr;gap:45px}
:root[data-theme=orbit-studio] .hero h1{font-size:clamp(42px,5.5vw,80px);line-height:1.04;letter-spacing:-.06em}
:root[data-theme=orbit-studio] .hero-card{position:relative;border-radius:240px 240px 130px 130px;transform:none!important;border:1px solid #b68afa;box-shadow:0 0 0 14px #b68afa0b,0 0 0 30px #b68afa0b;overflow:hidden}
:root[data-theme=orbit-studio] .hero-card .profile-photo{height:370px;object-fit:cover;object-position:50% 25%}
:root[data-theme=orbit-studio] .card-caption{padding:26px 34px 38px;text-align:center}
:root[data-theme=orbit-studio] .card-bottom{justify-content:center}
:root[data-theme=orbit-studio] .stats{border-top:1px solid var(--border);margin-top:55px;padding-top:25px}
:root[data-theme=orbit-studio] .section-top{border-top:1px solid var(--border);padding-top:28px}
:root[data-theme=orbit-studio] .category-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
:root[data-theme=orbit-studio] .category-entry{border-radius:28px;padding:32px;background:linear-gradient(130deg,#2b2343,#201d35)}
/* Prism Editorial: a panoramic cover and large ruled magazine entries. */
:root[data-theme=prism-editorial]{--canvas:#f5f2ed;--surface:#fffcf6;--soft:#ece7de;--ink:#242135;--muted:#625c6f;--deep:#f5f2ed;--deep-card:#e3d9f4;--border:#c3b9c9;--accent:#4f30b4;--accent-bright:#5633bb;--radius:4px}
:root[data-theme=prism-editorial] .hero{color:var(--ink);padding:48px 0 30px}
:root[data-theme=prism-editorial] .hero-grid{display:grid;grid-template-columns:1fr;gap:28px;text-align:center}
:root[data-theme=prism-editorial] .hero-grid>div:first-child{max-width:1080px;margin:auto}
:root[data-theme=prism-editorial] .hero h1{font-size:clamp(48px,8vw,112px);line-height:.98;letter-spacing:-.075em;font-weight:800;color:var(--ink)}
:root[data-theme=prism-editorial] .hero :is(.hero-copy,.hero-name,.hero-meta){color:var(--muted)}
:root[data-theme=prism-editorial] .hero-copy{max-width:720px;margin:14px auto}
:root[data-theme=prism-editorial] .hero .actions,:root[data-theme=prism-editorial] .hero-meta{justify-content:center}
:root[data-theme=prism-editorial] .hero .primary{background:#4f30b4;color:white}
:root[data-theme=prism-editorial] .hero .outline{color:#4f30b4;border-color:#8b79b5}
:root[data-theme=prism-editorial] .hero-card{width:100%;max-width:none;transform:none!important;border-radius:4px;display:grid;grid-template-columns:1.8fr 1fr;border:0;box-shadow:none;background:#e3d9f4;text-align:left}
:root[data-theme=prism-editorial] .hero-card .profile-photo{height:320px;max-height:none;object-fit:cover;object-position:50% 28%}
:root[data-theme=prism-editorial] .card-caption{display:flex;flex-direction:column;justify-content:center;padding:32px;color:#352951}
:root[data-theme=prism-editorial] .card-caption h2{color:#352951;font-size:36px}
:root[data-theme=prism-editorial] .stats{border-top:2px solid #393044;margin-top:26px;padding-top:22px}
:root[data-theme=prism-editorial] .stats :is(b,span){color:#4f30b4}
:root[data-theme=prism-editorial] .section-top{border-top:2px solid #393044;padding-top:28px;display:grid;grid-template-columns:.8fr 1.2fr}
:root[data-theme=prism-editorial] .section h2{color:#242135;font-size:clamp(32px,4vw,56px);letter-spacing:-.05em}
:root[data-theme=prism-editorial] .category-entry-grid{grid-template-columns:1fr!important}
:root[data-theme=prism-editorial] .category-entry{border:0;border-top:1px solid #b3a5bc;border-radius:0;box-shadow:none;background:transparent;padding:32px 0;display:grid;grid-template-columns:50px 1fr 1.5fr;gap:24px}
:root[data-theme=prism-editorial] .category-entry h3{font-size:26px}
:root[data-theme=prism-editorial] footer{color:var(--ink);border-top:2px solid #393044}
/* Quantum Console: persistent profile panel and independently stacked content. */
:root[data-theme=quantum-console]{--canvas:#071b20;--deep:#071b20;--surface:#0e2a31;--soft:#102b31;--deep-card:#12323b;--border:#315962;--accent:#219c9b;--accent-bright:#8effd5;--radius:10px}
:root[data-theme=quantum-console] :is(h1,h2,h3,.kicker){font-family:Consolas,Menlo,monospace}
@media(min-width:1001px){:root[data-theme=quantum-console] #main{max-width:1320px;margin:auto;padding:28px;display:grid;grid-template-columns:370px minmax(0,1fr);gap:24px;align-items:start}:root[data-theme=quantum-console] #home{position:sticky;top:95px;grid-column:1;grid-row:1/span 40;padding:24px;max-height:calc(100vh - 115px);overflow:auto}:root[data-theme=quantum-console] #main>.section{grid-column:2;padding:32px 24px!important;min-width:0}:root[data-theme=quantum-console] #main>.section>.wrap,:root[data-theme=quantum-console] .hero>.wrap{width:100%;padding:0}:root[data-theme=quantum-console] .hero-grid{display:flex;flex-direction:column;gap:24px}:root[data-theme=quantum-console] .hero-grid>div:first-child{order:1}:root[data-theme=quantum-console] .hero-card{width:100%}:root[data-theme=quantum-console] .hero h1{font-size:34px}:root[data-theme=quantum-console] .hero .actions{flex-direction:column}:root[data-theme=quantum-console] .stats{grid-template-columns:1fr 1fr}}
:root[data-theme=quantum-console] .hero{border:1px solid var(--border);background:linear-gradient(145deg,#12363b,#071b20);border-radius:16px}
:root[data-theme=quantum-console] .hero .kicker:before{content:'> ';color:#8effd5}
:root[data-theme=quantum-console] .hero-card{transform:none!important;border-radius:8px;box-shadow:none;border:1px solid var(--border)}
:root[data-theme=quantum-console] .hero-card .profile-photo{height:220px;object-fit:cover}
:root[data-theme=quantum-console] .card-caption{padding:20px}
:root[data-theme=quantum-console] .category-entry-grid{grid-template-columns:1fr!important}
:root[data-theme=quantum-console] .category-entry{border-left:3px solid #8effd5;border-radius:6px;padding:24px;background:#102c33}
:root[data-theme=quantum-console] .section-top{display:block;border-bottom:1px dashed var(--border);padding-bottom:20px}
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=prism-editorial],[data-theme=quantum-console]) :is(.hero-grid,.about-grid,.contact-grid,.category-entry,.wrap){min-width:0}
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=prism-editorial],[data-theme=quantum-console]) :is(h1,h2,h3,p,dd,a){overflow-wrap:anywhere}
@media(max-width:1000px){:root[data-theme=holo-bento] #main{display:block;padding:16px}:root[data-theme=holo-bento] #main>.section{margin:18px 0}:root[data-theme=holo-bento] .hero-grid,:root[data-theme=orbit-studio] .hero-grid{grid-template-columns:1fr}:root[data-theme=holo-bento] .hero-grid>div:first-child{padding:32px}:root[data-theme=orbit-studio] .hero{min-height:0;padding-top:48px}:root[data-theme=orbit-studio] .hero-card{max-width:400px;width:80%;margin:auto}:root[data-theme=quantum-console] .hero{margin:20px 16px}:root[data-theme=quantum-console] .hero-grid{grid-template-columns:1fr 1fr}:root[data-theme=prism-editorial] .hero-card{grid-template-columns:1.3fr 1fr}:root[data-theme=prism-editorial] .category-entry{grid-template-columns:40px 1fr}:root[data-theme=prism-editorial] .category-entry dl{grid-column:2}}
@media(max-width:600px){:root[data-theme=holo-bento] .hero-grid>div:first-child{padding:24px}:root[data-theme=holo-bento] #main>.section{padding:24px 16px!important}:root[data-theme=holo-bento] .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:root[data-theme=holo-bento] .hero-card .profile-photo{height:330px}:root[data-theme=orbit-studio] .category-entry-grid{grid-template-columns:1fr}:root[data-theme=prism-editorial] .hero-card,:root[data-theme=quantum-console] .hero-grid{display:block}:root[data-theme=prism-editorial] .hero-card .profile-photo{height:260px}:root[data-theme=prism-editorial] .section-top{display:block}:root[data-theme=prism-editorial] .category-entry{gap:12px}:root[data-theme=prism-editorial] .stats{grid-template-columns:1fr 1fr}:root[data-theme=quantum-console] .hero{padding:28px 0}:root[data-theme=quantum-console] .hero-grid>div:first-child{padding-bottom:24px}:root[data-theme=quantum-console] .hero h1{font-size:40px}}
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=quantum-console]) .nav-cta{background:var(--accent-bright);color:#102327;border-color:var(--accent-bright)}
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=prism-editorial],[data-theme=quantum-console]) .stats>div{min-width:0}
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=prism-editorial],[data-theme=quantum-console]) .stats :is(b,span){white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media(max-width:1000px){:root[data-theme=quantum-console] .hero{width:calc(100% - 32px);max-width:calc(100% - 32px);box-sizing:border-box}:root[data-theme=quantum-console] .hero>.wrap{width:calc(100% - 28px);margin-left:auto;margin-right:auto}:root[data-theme=quantum-console] .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}:root[data-theme=quantum-console] .stats b{font-size:22px}}
:root:is([data-theme=holo-bento],[data-theme=orbit-studio],[data-theme=prism-editorial],[data-theme=quantum-console]) .stats>div:last-child b{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
