/* Concept 04 — the school's own visual language, arranged as a living collage. */
.header{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%);box-shadow:0 8px 28px #28203608,inset 0 1px 0 #fff9;border-radius:16px}
.header .header-action{background:#fff27ed9}.header .header-action:hover{background:var(--yellow)}
.hero{min-height:620px;grid-template-columns:1.1fr 1fr;isolation:isolate;background:#fff;position:relative}
.hero-copy{padding-top:44px;padding-bottom:44px}.hero-copy .eyebrow{margin-bottom:24px}
.hero-portrait{min-height:620px;position:relative;isolation:isolate;overflow:visible}
.hero-portrait .polina{width:78%;height:78%;max-height:78%;left:10%;bottom:0;z-index:2;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 13px #5b44680c)}
.hero-portrait .portrait-circle{position:absolute;width:83%;height:75%;aspect-ratio:auto;left:8%;top:21%;border-radius:48% 52% 35% 65% / 44% 40% 60% 56%;background:linear-gradient(150deg,#ede8ff 8%,#e3dcff 72%,#f1ebff);transform:rotate(-10deg);z-index:-2}
.portrait-circle:after{content:"";position:absolute;inset:14px -8px -12px 10px;border:1px solid #c4b7e2;border-radius:inherit;transform:rotate(15deg);opacity:.45}
.portrait-orbit{position:absolute;left:4%;top:21%;width:88%;height:74%;border:1px solid #e8dfb7;border-radius:50%;transform:rotate(30deg) scaleX(1.04);z-index:-1}
.hero-token{position:absolute;z-index:4;transform:rotate(var(--token-rotate,0deg));pointer-events:none}
.token-inner{position:relative;will-change:auto}
.token-hello{top:64px;left:1%;width:154px}
.token-hello .token-inner{background:var(--yellow);border:1px solid #f8e976;padding:17px 19px 21px;border-radius:20px 20px 20px 5px;box-shadow:0 13px 25px #8d794315,inset 0 1px 0 #fff9}
.token-eyebrow{display:block;font-size:8px;letter-spacing:.07em;margin-bottom:14px;color:#918235}
.hello-word{font-size:36px;line-height:.95;letter-spacing:-.055em}.token-corner{position:absolute;bottom:14px;right:13px;font-size:28px;line-height:1}
.token-skill{top:24px;right:5%;width:134px}
.token-skill .token-inner>img{width:100%;height:134px;object-fit:contain}
.token-skill .token-inner>span{display:block;width:max-content;margin:-4px auto 0;background:var(--txt);color:#fff;border-radius:100px;font-size:11px;padding:6px 12px;transform:rotate(-9deg)}
.token-mistakes{top:294px;left:-2%;width:150px}
.token-mistakes .token-inner{display:flex;align-items:center;gap:12px;padding:16px 14px;background:#fff;border-radius:17px;box-shadow:0 9px 32px #3a215918;border:1px solid #eee8f5;font-size:17px;line-height:1.15;letter-spacing:-.035em}
.token-check{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#ece7ff;border-radius:50%;color:#6b55bc;font-size:20px}
.token-voice{right:5%;bottom:82px;width:258px}
.token-voice .token-inner{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(255,255,255,.95);border:1px solid #fff;border-radius:19px;box-shadow:0 14px 30px #35254f1a}
.voice-icon{width:39px;height:39px;flex-shrink:0;border-radius:50%;background:#8a70f6;display:flex;align-items:center;justify-content:center;gap:2px}
.voice-icon i{display:block;width:2px;height:9px;background:#fff;border-radius:3px}.voice-icon i:nth-child(2n){height:18px}.voice-icon i:nth-child(3){height:24px}
.voice-title{display:block;font-size:18px;letter-spacing:-.04em;line-height:1.2}
.voice-caption{display:block;font-size:8px;margin-top:5px;color:#999;white-space:nowrap}
.voice-wave{display:flex;align-items:center;gap:3px;margin-left:auto}
.voice-wave i{width:3px;height:9px;border-radius:10px;background:#9476ed;transform-origin:center}
.voice-wave i:nth-child(2n){height:22px}.voice-wave i:nth-child(3n){height:30px}
.token-play{bottom:46px;left:0;width:115px}
.token-play .token-inner{background:#f8ddf2;border:1px solid #f1cbe8;padding:16px;border-radius:19px;box-shadow:0 11px 30px #7b357912}
.token-play span{display:block;font-size:15px;line-height:1.1;letter-spacing:-.035em}.token-play i{display:block;font-style:normal;font-size:28px;text-align:right;height:26px;margin-top:5px}
.token-spark{width:47px;height:47px;right:3%;top:292px;color:#ffdf65}
.token-spark svg{display:block;width:100%;height:auto}
.motion-toggle{position:absolute;right:18px;bottom:15px;z-index:8;display:flex;align-items:center;gap:6px;border:1px solid #ccc2d759;background:#ffffff94;backdrop-filter:blur(12px);padding:7px 10px;border-radius:100px;font-size:9px;color:#817987}
.motion-toggle:hover{background:#fff;color:var(--txt)}.motion-toggle>span:first-child{font-size:12px;line-height:1}
@media(min-width:1500px){.hero,.hero-portrait{min-height:710px}.hero-portrait .polina{width:77%;height:79%;max-height:79%;left:11%}.token-hello{top:89px;left:4%;width:175px}.hello-word{font-size:43px}.token-eyebrow{font-size:9px}.token-skill{right:8%;top:38px;width:157px}.token-skill .token-inner>img{height:157px}.token-mistakes{top:345px;left:2%;width:174px}.token-mistakes .token-inner{font-size:21px}.token-voice{right:8%;width:295px;bottom:106px}.voice-caption{font-size:10px}.token-play{bottom:57px;left:3%;width:133px}.token-play span{font-size:18px}.token-spark{top:350px;right:5%}}
@media(min-width:801px) and (max-width:1100px){.hero,.hero-portrait{min-height:580px}.hero-portrait .polina{width:90%;left:5%;height:75%;max-height:75%;max-width:100%}.token-hello{width:123px;top:64px;left:0}.token-hello .token-inner{padding:14px}.hello-word{font-size:29px}.token-eyebrow{font-size:6px;margin-bottom:11px}.token-skill{width:102px;right:7%;top:37px}.token-skill .token-inner>img{height:102px}.token-skill .token-inner>span{font-size:8px}.token-mistakes{left:-3%;top:274px;width:125px}.token-mistakes .token-inner{font-size:14px;gap:8px;padding:12px 10px}.token-check{width:23px;height:23px;font-size:16px}.token-voice{width:218px;bottom:76px;right:2%}.token-voice .token-inner{padding:12px;gap:9px}.voice-title{font-size:16px}.voice-caption{font-size:7px}.voice-wave{gap:2px}.voice-wave i{width:2px}.token-play{width:98px;left:-2%;bottom:47px}.token-play .token-inner{padding:13px}.token-play span{font-size:13px}.token-spark{width:35px;top:265px}}
@media(min-width:581px) and (max-width:800px){.hero{grid-template-columns:1.05fr 1fr}.hero,.hero-portrait{min-height:540px}.hero-portrait .polina{width:97%;max-width:100%;height:72%;max-height:72%;left:2%}.token-hello{width:110px;top:72px;left:1%}.token-hello .token-inner{padding:13px}.hello-word{font-size:27px}.token-eyebrow{font-size:6px;margin-bottom:11px}.token-corner{font-size:22px}.token-skill{width:95px;top:37px;right:5%}.token-skill .token-inner>img{height:95px}.token-skill .token-inner>span{font-size:8px}.token-mistakes{width:116px;top:270px;left:-4%}.token-mistakes .token-inner{font-size:13px;padding:11px;gap:8px}.token-check{width:23px;height:23px;font-size:15px}.token-voice{width:201px;bottom:57px;right:2%}.token-voice .token-inner{padding:11px;gap:9px}.voice-icon{width:32px;height:32px}.voice-title{font-size:15px}.voice-caption{font-size:7px}.voice-wave{gap:2px}.voice-wave i{width:2px}.token-play{width:82px;bottom:37px;left:-4%}.token-play .token-inner{padding:12px}.token-play span{font-size:11px}.token-play i{font-size:20px;height:18px}.token-spark{width:28px;top:275px;right:4%}}
@media(max-width:580px){.header{background:#ffffffa1;border-radius:13px;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.header nav{background:rgba(255,255,255,.97)}.hero{min-height:0}.hero-copy{padding:31px 23px 0}.hero-copy .eyebrow{margin-bottom:22px}.hero-portrait{height:425px;min-height:425px;margin-top:15px}.hero-portrait .polina{width:77%;height:79%;max-height:79%;left:12%}.hero-portrait .portrait-circle{top:21%;left:12%;width:77%;height:77%}.portrait-orbit{top:22%;left:10%;width:81%;height:70%}.token-hello{top:21px;left:7%;width:113px}.token-hello .token-inner{padding:13px 15px 17px;border-radius:15px 15px 15px 4px}.token-eyebrow{font-size:6px;margin-bottom:10px}.hello-word{font-size:27px}.token-corner{font-size:22px;right:9px;bottom:10px}.token-skill{width:97px;right:7%;top:5px}.token-skill .token-inner>img{height:97px}.token-skill .token-inner>span{font-size:8px;padding:5px 9px}.token-mistakes{width:117px;top:197px;left:3%}.token-mistakes .token-inner{font-size:13px;padding:12px 10px;border-radius:13px;gap:8px}.token-check{width:23px;height:23px;font-size:16px}.token-voice{width:205px;right:5%;bottom:49px}.token-voice .token-inner{padding:12px;gap:9px;border-radius:16px}.voice-icon{width:32px;height:32px}.voice-title{font-size:15px}.voice-caption{font-size:7px}.voice-wave{gap:2px}.voice-wave i{width:2px}.token-play{width:87px;left:5%;bottom:30px}.token-play .token-inner{padding:12px;border-radius:15px}.token-play span{font-size:12px}.token-play i{font-size:20px;height:19px}.token-spark{width:32px;right:5%;top:186px}.motion-toggle{font-size:8px;bottom:11px;right:14px;padding:5px 9px}}
@media(max-width:360px){.hero-portrait{height:375px;min-height:375px}.token-hello{width:100px;left:5%}.hello-word{font-size:24px}.token-skill{width:83px;top:9px}.token-skill .token-inner>img{height:83px}.token-mistakes{width:106px;top:172px}.token-mistakes .token-inner{font-size:12px;padding:10px 9px;gap:6px}.token-voice{width:180px;right:4%;bottom:39px}.voice-caption{font-size:6px}.voice-wave i:nth-child(n+7){display:none}.token-play{width:74px;bottom:21px}.token-play .token-inner{padding:10px}.token-play span{font-size:10px}.token-spark{top:168px}.motion-toggle{right:11px;bottom:7px}}