:root{--primary-color:#2f4878;--secondary-color:#4a6da7;--accent-color:#ff9d54;--teal-color:#62b6cb;--bg-dark:#1f2f4f;--bg-deeper:#111827;--light-text:#f3f6fb;--muted-light:#ffffffc2;--line:#ffffff42;--shadow:0 18px 48px #30487838;--entry-size:clamp(158px, 22vmin, 200px)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#2f4878;height:100%;min-height:100dvh;overflow:hidden}body{height:100vh;min-height:100vh;color:var(--light-text);background:#2f4878;flex-direction:column;justify-content:center;align-items:center;margin:0;font-family:"Exo 2",Arial,sans-serif;display:flex;overflow:hidden}body.entry-menu-open{overflow:hidden}body:before{content:"";z-index:-3;background:#2f4878;position:fixed;inset:0}a{color:inherit;text-decoration:none}.photo-backdrop{z-index:1;pointer-events:none;background:#2f4878;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.photo-backdrop:after{content:"";background:radial-gradient(circle,#2f48781f,#0000 44%),#2f48789e;position:absolute;inset:0}.photo-backdrop img{object-fit:cover;object-position:center center;opacity:.12;filter:blur(26px)saturate(.82);background-color:#2f4878;border-radius:50%;width:min(86vmin,780px);height:min(86vmin,780px);position:relative;transform:scale(1.08)}#keyword-rain{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.keyword{color:#ffffff38;white-space:nowrap;text-shadow:0 2px 12px #0000004d;font-size:16px;font-weight:700;animation:linear infinite keywordFall;position:absolute;top:-40px}.sound-toggle{z-index:8;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#304878d1;border:1px solid #3048782e;border-radius:50%;place-items:center;width:44px;height:44px;transition:color .25s,background .25s,border-color .25s,transform .25s;display:grid;position:fixed;top:18px;right:18px;box-shadow:0 10px 24px #30487833}.sound-toggle:hover,.sound-toggle:focus-visible{color:#fff;background:var(--accent-color);border-color:#ffffff7a;outline:none;transform:translateY(-2px)}.sound-toggle.is-muted{color:#ffffffad;background:#4a6da79e}@keyframes keywordFall{0%{opacity:0;transform:translateY(-40px)}14%{opacity:1}to{opacity:0;transform:translateY(108vh)}}.entry-shell{z-index:3;place-items:center;width:auto;min-height:0;margin:0;padding:0 16px 98px;display:grid;position:fixed;inset:0;overflow:hidden}.entry-card{width:var(--entry-size);height:var(--entry-size);position:relative}.portrait-ring{width:var(--entry-size);height:var(--entry-size);cursor:pointer;z-index:2;transform-origin:50%;outline:none;place-items:center;transition:transform .3s;display:grid;position:relative}.portrait-glow{background:conic-gradient(from 90deg, var(--accent-color), var(--secondary-color), var(--teal-color), var(--accent-color));opacity:.28;filter:blur(3px);transform-origin:50%;border-radius:50%;width:calc(100% + 16px);height:calc(100% + 16px);transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portrait-ring img{z-index:3;object-fit:cover;opacity:.55;width:100%;height:100%;box-shadow:var(--shadow);background-color:#2f4878;border:.15em solid #ffffffdb;border-radius:50%;transition:opacity .3s,transform .3s,border-color .3s;position:relative}.portrait-ring:hover .portrait-glow,.portrait-ring:focus-visible .portrait-glow,.entry-card.is-menu-open .portrait-glow{opacity:.72}.portrait-ring:hover,.portrait-ring:focus-visible,.entry-card.is-menu-open .portrait-ring{transform:scale(1.02)}.portrait-ring:hover img,.portrait-ring:focus-visible img,.entry-card.is-menu-open .portrait-ring img{opacity:1;border-color:#ff9d54bd}.info{text-align:center;width:100%;transition:top .28s,transform .28s;position:absolute;top:150%;left:0;transform:none}.entry-card.is-menu-open .info{top:calc(100% + 118px)}.info h1{color:#d8deea;letter-spacing:0;margin:0 0 5px;font-size:18px;font-style:oblique;font-weight:700}.info h2{color:#d8deeadb;letter-spacing:0;margin:0;font-size:16px;font-style:oblique;font-weight:300}.entry-nav{z-index:4;opacity:0;pointer-events:none;transition:opacity .28s;position:absolute;inset:0}.entry-card.is-menu-open .entry-nav{opacity:1;pointer-events:auto}.entry-nav ul{width:100%;height:100%;margin:0;padding:0;list-style:none;position:absolute;inset:0}.entry-nav-header{display:none}.entry-nav li{position:absolute;top:50%;left:50%;transform:none}.entry-nav:not(.is-positioned) li:first-child{top:-82px;left:50%;transform:translate(-50%)}.entry-nav:not(.is-positioned) li:nth-child(2){top:-36px;left:195px}.entry-nav:not(.is-positioned) li:nth-child(3){top:84px;left:246px}.entry-nav:not(.is-positioned) li:nth-child(4){top:204px;left:195px}.entry-nav:not(.is-positioned) li:nth-child(5){top:252px;left:50%;transform:translate(-50%)}.entry-nav:not(.is-positioned) li:nth-child(6){top:204px;left:-96px}.entry-nav:not(.is-positioned) li:nth-child(7){top:84px;left:-148px}.entry-nav:not(.is-positioned) li:nth-child(8){top:-36px;left:-96px}.entry-nav a{color:#fff;text-align:center;background:linear-gradient(135deg,#304878f5,#3a5275f5);border:1px solid #ffffffb8;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:104px;height:40px;padding:6px 9px;font-size:14px;font-weight:600;transition:color .25s,background .25s,transform .25s,border-color .25s;display:flex;box-shadow:0 0 5px #0000004d}.entry-nav a i{color:var(--accent-color);font-size:.82rem}.entry-nav a:hover,.entry-nav a:focus{color:var(--bg-deeper);border-color:var(--accent-color);background:linear-gradient(135deg,#fff 0%,#f6f8fc 100%);outline:none;transform:translateY(-3px)}.entry-nav a:hover i,.entry-nav a:focus i{color:var(--accent-color)}.entry-footer{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;background:#304878e0;border-top:1px solid #ffffff47;width:100%;transition:opacity .28s,visibility .28s,transform .28s;position:fixed;bottom:0;left:0;transform:translateY(100%)}body.entry-menu-open .entry-footer{opacity:1;visibility:visible;transform:translateY(0)}.footer-content{color:#ffffffc7;justify-content:space-between;align-items:center;gap:18px;width:min(1120px,100%);min-height:68px;margin:0 auto;padding:14px 20px;font-size:.86rem;display:flex}.footer-content p{overflow-wrap:anywhere;max-width:100%;margin:0;line-height:1.45}.footer-content a:hover{color:var(--accent-color)}.social-links{gap:10px;display:flex}.social-links a{color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:34px;height:34px;transition:color .25s,transform .25s,background .25s;display:grid}.social-links a:hover{color:#fff;background:var(--accent-color);transform:translateY(-3px)}@media (width<=899px),(height<=699px){body{align-items:center;height:100vh;min-height:100vh;overflow:hidden}.entry-shell{place-items:center;width:100%;padding:56px 14px 104px;overflow:hidden}.entry-card{flex-direction:column;align-items:center;width:min(420px,100vw - 28px);height:auto;padding-top:10px;display:flex}.portrait-ring{flex:none;width:min(184px,48vw);height:min(184px,48vw)}.portrait-glow{width:calc(100% + 16px);height:calc(100% + 16px);top:50%;left:50%;transform:translate(-50%,-50%)}.portrait-ring:hover .portrait-glow,.portrait-ring:focus-visible .portrait-glow,.entry-card.is-menu-open .portrait-glow{transform:translate(-50%,-50%)}.portrait-ring img{width:100%;height:100%}.entry-nav{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11182747;border:1px solid #ffffff2e;border-radius:14px;width:100%;margin:24px auto 0;padding:12px;display:none;position:static;transform:none;box-shadow:0 14px 30px #00000024}.entry-card.is-menu-open .entry-nav{opacity:1;pointer-events:auto;order:3;display:block}.entry-nav-header{color:#ffffffeb;text-align:center;background:linear-gradient(135deg,#304878f0,#4a6da7c7);border-bottom:1px solid #ffffff38;border-radius:14px 14px 0 0;margin:-12px -12px 12px;padding:12px 14px;font-size:.9rem;font-weight:700;display:block}.entry-nav ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;display:grid;position:static}.entry-nav li,.entry-nav li:nth-child(n),.entry-nav:not(.is-positioned) li:nth-child(n){position:static;top:auto;left:auto;transform:none}.entry-nav a{border-radius:9px;justify-content:center;width:100%;height:auto;min-height:44px;font-size:.84rem;line-height:1.15}.info{flex-shrink:0;order:2;width:min(420px,100%);margin-top:18px;position:static;transform:none}.entry-card.is-menu-open .info{top:auto}.footer-content{text-align:center;flex-direction:column;justify-content:center;gap:10px;min-height:76px;padding:12px 14px}.footer-content p{font-size:.76rem}.entry-footer{border:0;border-top:1px solid #ffffff47;border-radius:0;width:100%;margin:0;display:block;position:fixed;bottom:0;left:0;transform:translateY(100%)}body.entry-menu-open .entry-footer{display:block;transform:translateY(0)}}@media (width<=430px){.sound-toggle{width:40px;height:40px;top:12px;right:12px}.entry-shell{padding-bottom:30px}.portrait-ring{width:min(162px,46vw);height:min(162px,46vw)}.portrait-glow{width:calc(100% + 16px);height:calc(100% + 16px)}.portrait-ring img{width:100%;height:100%}.entry-nav ul{gap:8px}.entry-nav{width:100%;padding:10px;transform:none}.entry-nav a{min-height:42px;padding:8px;font-size:.8rem}.entry-nav a i{display:none}.info h1{font-size:1.12rem}.info h2{font-size:.94rem}}@media (width<=340px){.entry-shell{padding-left:10px;padding-right:10px}.entry-nav ul{grid-template-columns:1fr}.entry-nav a{min-height:40px}}@media (width<=899px),(height<=699px){body{background-attachment:fixed;justify-content:center;align-items:stretch;height:100vh;min-height:100vh;overflow:hidden}.entry-shell{justify-content:center;align-items:center;width:100%;min-height:0;padding:56px 16px 104px;display:grid;overflow:hidden}body.entry-menu-open .entry-shell{align-items:center;padding-top:56px}.entry-card{flex-direction:column;justify-content:flex-start;align-items:center;width:min(360px,100%);margin:0 auto;padding:0;transition:transform .32s;display:flex;transform:translateY(0)}.entry-card.is-menu-open{transform:translateY(clamp(-44px,-6vh,-16px))}.portrait-ring{width:clamp(150px,45vw,184px);height:clamp(150px,45vw,184px);margin:0 auto}.info{text-align:center;order:2;width:100%;margin-top:18px;position:static}.entry-nav{opacity:0;pointer-events:none;width:100%;max-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#11182700;border:1px solid #0000;border-radius:14px;order:3;margin:0 auto;padding:0 12px;transition:max-height .36s,opacity .26s,margin-top .32s,padding .32s,background .32s,border-color .32s,transform .32s;display:block;position:static;overflow:hidden;transform:translateY(18px)}.entry-card.is-menu-open .entry-nav{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11182747;border-color:#ffffff2e;max-height:460px;margin-top:22px;padding:12px;transform:translateY(0);box-shadow:0 14px 30px #00000024}.entry-nav-header{color:#ffffffeb;text-align:center;background:linear-gradient(135deg,#304878f0,#4a6da7c7);border-bottom:1px solid #ffffff38;border-radius:14px 14px 0 0;margin:-12px -12px 12px;padding:12px 14px;font-size:.9rem;font-weight:700;display:block}.entry-nav ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;height:auto;margin:0;padding:0;display:grid;position:static}.entry-nav li,.entry-nav li:nth-child(n),.entry-nav:not(.is-positioned) li:nth-child(n){position:static;top:auto;left:auto;transform:none}.entry-nav a{border-radius:9px;justify-content:center;width:100%;height:auto;min-height:44px;padding:9px 8px;font-size:.84rem;line-height:1.15}.entry-footer{opacity:0;visibility:hidden;border:0;border-top:1px solid #0000;border-radius:0;width:100%;max-height:0;margin:0;transition:max-height .34s,opacity .28s,visibility .28s,margin-top .3s,transform .3s,border-color .3s;display:block;position:fixed;bottom:0;left:0;overflow:hidden;transform:translateY(100%)}body.entry-menu-open .entry-footer{opacity:1;visibility:visible;border-top-color:#ffffff47;max-height:130px;margin-top:0;transform:translateY(0)}}@media (width<=430px){.entry-shell{padding-left:14px;padding-right:14px}.entry-card{width:min(340px,100%)}.entry-nav{width:100%}.entry-nav a{min-height:42px;font-size:.8rem}.entry-nav a i{display:none}.entry-footer{width:100%}}@media (width<=899px),(height<=699px){body{width:100%;min-height:100dvh;display:flex;overflow:hidden}.entry-shell{z-index:3;place-items:center;width:100%;min-height:0;margin:0;padding:56px 14px 104px;display:grid;position:fixed;inset:0;overflow:hidden}.entry-card{width:min(360px, calc(var(--visual-width,100vw) - 28px));max-width:360px;margin:0;padding:0;transition:transform .34s;position:relative;top:auto;left:auto;transform:translateY(0)}.entry-card.is-menu-open{top:auto;transform:translateY(clamp(-44px,-6vh,-16px))}.portrait-ring{width:clamp(150px,45vw,184px);height:clamp(150px,45vw,184px);margin:0 auto}.info{text-align:center;width:100%;margin-top:18px}.entry-nav{opacity:0;width:100%;max-height:0;margin:0 auto;padding:0 12px;transition:max-height .36s,opacity .26s,margin-top .32s,padding .32s,transform .32s;overflow:hidden;transform:translateY(18px)}.entry-card.is-menu-open .entry-nav{opacity:1;max-height:460px;margin-top:22px;padding:12px;transform:translateY(0)}.entry-nav-header{color:#ffffffeb;text-align:center;background:linear-gradient(135deg,#304878f0,#4a6da7c7);border-bottom:1px solid #ffffff38;border-radius:14px 14px 0 0;margin:-12px -12px 12px;padding:12px 14px;font-size:.9rem;font-weight:700;display:block}.entry-nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-footer{width:100%;margin:0;position:fixed;bottom:0;left:0;transform:translateY(100%)}body.entry-menu-open .entry-footer{transform:translateY(0)}}@media (hover:none) and (width<=899px){.entry-shell{width:100vw;max-width:none;left:0;right:0;transform:none}.entry-footer{width:100%;left:0}}@media (width<=340px){.entry-nav ul{grid-template-columns:1fr}}