/* HUMAN NEXT / Coming Soon A — typography and decorative composition */
:root{--ink:#284060;--navy:#1c2e44;--cyan:#00a8e0;--blue:#0078a8;--lime:#00a8e0;--line:#d5e4ee;--mist:#f4fafc}
*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;line-height:1.8;background:#fff;color:var(--ink)}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}em{font-style:normal}::selection{color:#fff;background:var(--cyan)}a:focus-visible{outline:3px solid var(--cyan);outline-offset:7px}.page-shell{position:relative;isolation:isolate;max-width:2200px;min-height:100svh;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(90deg,#00a8e012 1px,transparent 1px),linear-gradient(#00a8e012 1px,transparent 1px),radial-gradient(ellipse at 72% 58%,#e7f7fc 0,transparent 62%);background-size:105px 105px,105px 105px,100% 100%}.site-header{position:relative;z-index:10;padding:23px 3.6vw 12px;min-height:94px;gap:24px}.brand{gap:13px;flex-shrink:0;line-height:1;font-family:Arial,sans-serif}.brand-symbol{display:block;font-size:70px;font-style:italic;font-weight:900;line-height:.85;letter-spacing:-.12em;padding-right:9px;transform:skewX(-10deg);background:linear-gradient(150deg,var(--ink) 54%,var(--cyan) 54%);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-name{font-size:24px;font-weight:900;letter-spacing:-.035em}.brand-name>span{display:block;font-size:22px;letter-spacing:-.02em}.brand-tagline{font-size:12px;font-weight:700;letter-spacing:.05em;margin-left:20px;padding-left:20px;border-left:1px solid #9eb0c2;color:var(--ink)}.opening-label{gap:22px;font-family:'Oswald',sans-serif;font-size:14px;font-weight:500;letter-spacing:.25em;white-space:nowrap}.fine-rule{width:44px;height:1px;background:currentColor;display:inline-block;flex-shrink:0}.hero{position:relative;flex:1;min-height:710px;display:grid;grid-template-columns:48% 52%;padding:26px 3.6vw 30px;isolation:isolate}.hero-copy{position:relative;z-index:5;align-self:center;padding:6px 0 10px}.eyebrow{font-family:'Oswald',sans-serif;gap:22px;font-size:15px;font-weight:600;letter-spacing:.065em;margin-bottom:22px}.coming-title{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:700;font-style:italic;font-size:clamp(108px,min(13.7vw,19vh),245px);line-height:.94;letter-spacing:-.065em;transform:skewX(-8deg);transform-origin:left center;margin:0 0 29px 3px}.coming-title>span{display:block}.message{font-size:clamp(35px,4.25vw,80px);font-weight:900;font-style:italic;transform:skewX(-7deg);transform-origin:left center;letter-spacing:-.065em;line-height:1.32;margin-left:3px;white-space:nowrap}.message em{color:var(--blue)}.message-line{position:relative;display:inline-block;isolation:isolate}.message-line::after{content:'';position:absolute;left:5%;bottom:-.08em;width:95%;height:.2em;background:var(--lime);clip-path:polygon(100% 0,100% 30%,0 100%,8% 60%);z-index:-1}.description{font-size:clamp(14px,1.35vw,25px);letter-spacing:.025em;margin-top:32px;line-height:1.8}.small-break{display:none}.status{gap:20px;font-size:clamp(14px,1.15vw,19px);font-weight:700;letter-spacing:.06em;margin-top:17px}.status-line{width:35px;height:1px;background:var(--ink);flex-shrink:0}.topics{list-style:none;gap:19px;margin:27px 0 0;padding:0;font-size:clamp(12px,1.03vw,18px);font-weight:700}.topics li{display:flex;gap:11px;align-items:center;white-space:nowrap}.topics li::before{content:'';width:9px;height:18px;background:var(--cyan);transform:skewX(-22deg);display:block}.topics li+li{position:relative;padding-left:17px}.topics li+li::after{content:'/';position:absolute;left:-7px;font-size:20px;font-weight:400}.hero-art{position:absolute;right:0;top:0;bottom:0;width:59%;z-index:2;pointer-events:none;--mx:0px;--my:0px}.outline-next{font-family:'Oswald',sans-serif;font-weight:500;font-style:italic;font-size:clamp(180px,23vw,450px);letter-spacing:-.025em;line-height:1;position:absolute;top:-35px;left:14%;color:transparent;-webkit-text-stroke:1px var(--cyan);transform:skewX(-9deg);opacity:.9}.portrait-grid{position:absolute;left:2%;right:-3%;top:13%;bottom:1%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;transform:translate(var(--mx),var(--my));transition:transform .7s ease-out}.portrait{position:relative;overflow:hidden;background:var(--cyan);transform:skewY(-12deg);clip-path:polygon(23% 0,100% 0,77% 100%,0 100%)}.portrait img{position:absolute;left:0;top:-12%;width:100%;max-width:none;height:125%;object-fit:cover;transform:skewY(12deg);filter:saturate(.92)}.portrait::after{content:'';position:absolute;bottom:0;top:0;right:11%;width:4px;background:var(--lime);transform:skewX(-6deg);opacity:.8}.portrait-woman{margin-top:25%;margin-bottom:0;z-index:2}.portrait-woman img{object-position:26% 50%}.portrait-man{margin-top:0;margin-bottom:16%;z-index:3}.portrait-man img{object-position:57% 40%}.portrait-glasses{margin-top:20%;margin-bottom:11%;z-index:2}.portrait-glasses img{object-position:87% 47%}.photo-sticker{position:absolute;right:8%;top:18%;padding:13px 20px;background:#fff;color:var(--navy);font-family:'Oswald',sans-serif;font-size:23px;font-weight:500;font-style:normal;line-height:1.4;transform:none;box-shadow:0 10px 28px #00a8e02e;border:1px solid #00a8e02e;border-radius:14px;z-index:5}.star-accent{position:absolute;right:3%;top:42%;font-family:Arial,sans-serif;font-size:85px;line-height:1;color:var(--cyan);text-shadow:2px 2px 0 var(--ink),-1px -1px 0 #fff;z-index:6;animation:star-float 6s ease-in-out infinite}.art-message{position:absolute;right:5%;bottom:1%;font-size:clamp(18px,1.8vw,33px);font-weight:700;font-style:italic;line-height:1.6;color:var(--blue);transform:rotate(-9deg);background:#ffffffed;padding:10px 20px;z-index:5}.art-message::after{content:'';position:absolute;left:10%;right:0;height:4px;background:var(--lime);bottom:2px;transform:rotate(-2deg)}.art-slash{position:absolute;background:var(--lime);z-index:4;clip-path:polygon(100% 0,100% 25%,0 100%,5% 65%);pointer-events:none}.slash-one{width:50%;height:85px;bottom:0;left:-8%}.slash-two{width:25%;height:155px;top:-5%;right:0;background:var(--cyan);clip-path:polygon(100% 0,100% 80%,0 100%,45% 60%)}.edge-slash{position:absolute;background:var(--lime);clip-path:polygon(100% 0,100% 20%,0 100%,10% 60%);pointer-events:none;z-index:1}.edge-top{width:170px;height:95px;left:41%;top:-50px}.edge-bottom{width:40%;height:125px;left:24%;bottom:-54px}.pixel-cluster{position:absolute;display:grid;grid-template-columns:repeat(2,24px);grid-template-rows:repeat(2,24px);transform:skewY(-12deg);pointer-events:none;z-index:1;gap:5px}.pixel-cluster i{background:var(--cyan);border-radius:50%}.pixel-cluster i:nth-child(2){opacity:.25}.pixel-cluster i:nth-child(3){opacity:.15}.pixels-one{left:43%;top:13%}.pixels-two{right:4%;bottom:5%;transform:scale(1.8) skewY(-12deg)}.site-footer{position:relative;z-index:6;min-height:72px;padding:15px 3.6vw 25px;gap:25px}.footer-manifesto{position:relative;font-family:'Oswald',sans-serif;letter-spacing:.19em;font-size:10px;line-height:1.7;display:flex;align-items:flex-end;gap:24px}.footer-manifesto .fine-rule{margin-bottom:5px;width:35px}.footer-signature{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.2em;gap:25px}.footer-signature>.fine-rule{width:46px}.motion-enabled .hero-copy{animation:copy-in .85s both}.motion-enabled .portrait{animation:portrait-in 1s both}.motion-enabled .portrait-man{animation-delay:.1s}.motion-enabled .portrait-glasses{animation-delay:.2s}.motion-enabled .photo-sticker{animation:sticker-in 1s .4s both}@keyframes copy-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes portrait-in{from{opacity:0;translate:35px 20px}to{opacity:1;translate:0 0}}@keyframes sticker-in{from{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes star-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(min-width:1800px){.hero{min-height:850px}.coming-title{font-size:230px}.message{font-size:76px}.description{font-size:23px}.hero-copy{padding-top:15px;padding-bottom:30px}.brand-tagline{font-size:14px}.site-header{padding-top:30px}.site-footer{padding-bottom:30px}.outline-next{top:-25px}}
@media(max-width:1200px){.hero{min-height:670px}.brand-tagline{font-size:11px;margin-left:16px;padding-left:16px}.brand-name{font-size:20px}.brand-name>span{font-size:18px}.brand-symbol{font-size:59px}.opening-label{font-size:12px;gap:15px}.site-header{min-height:86px}.coming-title{font-size:14.1vw}.message{font-size:4.45vw}.hero-copy{padding-top:15px}.topics{gap:13px;font-size:12px}.topics li{gap:7px}.topics li+li{padding-left:13px}.description{font-size:15px}.photo-sticker{font-size:19px;padding:10px 15px;right:7%}.art-message{font-size:21px;padding:8px 13px}.star-accent{font-size:65px}.hero-art{width:58%}.portrait-grid{top:16%;bottom:3%}.outline-next{top:0}.footer-signature{font-size:10px;gap:15px}}
@media(max-width:900px){.site-header{padding:22px 5vw 14px}.brand-tagline{display:none}.hero{min-height:600px;padding:20px 5vw 30px;grid-template-columns:50% 50%}.hero-copy{padding:15px 0}.coming-title{font-size:14.5vw;margin-bottom:24px}.eyebrow{font-size:13px;margin-bottom:20px}.message{font-size:4.7vw}.description{font-size:14px;margin-top:28px;max-width:350px}.small-break{display:initial}.status{font-size:13px;gap:13px}.topics{gap:10px;max-width:340px;row-gap:13px}.topics li+li{padding-left:0}.topics li+li::after{display:none}.topics li{gap:7px}.hero-art{width:56%}.portrait-grid{top:18%;bottom:7%;gap:3px}.portrait-woman{margin-top:38%}.portrait-glasses{margin-top:30%}.photo-sticker{font-size:17px;top:19%;right:6%;padding:9px 12px}.star-accent{font-size:55px;top:46%;right:0}.art-message{font-size:18px;bottom:4%;right:4%}.outline-next{font-size:25vw;top:5%}.footer-signature{gap:12px}.footer-signature>.fine-rule{width:23px}.site-footer{padding:15px 5vw 25px}.footer-manifesto{font-size:9px;letter-spacing:.13em}.footer-manifesto>.fine-rule{display:none}.edge-bottom{bottom:-20px;height:90px}}
@media(max-width:640px){.page-shell{background-size:75px 75px,75px 75px,100% 100%}.site-header{padding:20px 6vw 14px;min-height:76px;gap:15px}.brand{gap:9px}.brand-symbol{font-size:51px;padding-right:6px}.brand-name{font-size:17px}.brand-name>span{font-size:15px}.opening-label{font-size:10px;letter-spacing:.12em;gap:9px}.opening-label>.fine-rule{width:18px}.hero{display:flex;flex-direction:column;min-height:0;padding:20px 6vw 0}.hero-copy{padding:0;align-self:stretch}.eyebrow{font-size:12px;gap:17px;margin-bottom:20px}.eyebrow>.fine-rule{width:38px}.coming-title{font-size:clamp(94px,24vw,154px);line-height:.95;margin-left:6px;margin-bottom:26px;letter-spacing:-.04em;transform:skewX(-8deg)}.message{font-size:clamp(31px,8.5vw,49px);line-height:1.35;letter-spacing:-.06em;margin-left:3px}.description{font-size:14px;margin-top:23px;max-width:none;letter-spacing:0}.small-break{display:none}.status{font-size:13px;margin-top:14px;gap:13px;letter-spacing:.02em}.status-line{width:28px}.topics{margin-top:22px;font-size:12px;gap:17px;max-width:none}.topics li{gap:7px}.topics li::before{width:6px;height:15px}.hero-art{position:relative;right:auto;top:auto;bottom:auto;width:calc(100% + 12vw);height:460px;margin-left:-6vw;margin-top:22px}.outline-next{font-size:43vw;top:-6px;left:13%;opacity:.65}.portrait-grid{top:16%;bottom:9%;left:-2%;right:-5%;gap:5px;transform:none!important}.portrait-woman{margin-top:23%;margin-bottom:0}.portrait-man{margin-top:0;margin-bottom:15%}.portrait-glasses{margin-top:18%;margin-bottom:10%}.portrait img{top:-12%;height:125%}.portrait-woman img{object-position:27% center}.portrait-man img{object-position:57% center}.portrait-glasses img{object-position:85% center}.photo-sticker{font-size:17px;right:8%;top:15%;padding:8px 13px}.star-accent{font-size:57px;right:4%;top:43%}.art-message{font-size:19px;right:5%;bottom:2%;padding:5px 13px}.slash-one{height:65px;width:50%;bottom:3%;left:0}.slash-two{height:100px;width:20%;top:5%}.edge-top{width:80px;height:65px;left:auto;right:0;top:80px}.edge-bottom{width:55%;height:70px;left:3%;bottom:-5px}.pixels-one{left:auto;right:9%;top:25px;transform:scale(.6) skewY(-12deg)}.pixels-two{display:none}.site-footer{padding:20px 6vw 24px;gap:19px;align-items:flex-start;flex-direction:column}.footer-manifesto{font-size:9px;letter-spacing:.15em}.footer-signature{width:100%;gap:15px;font-size:9px;letter-spacing:.13em;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}.footer-signature>.fine-rule{width:20px}.hero-copy{z-index:5}}
@media(max-width:359px){.site-header{padding-left:5vw;padding-right:5vw}.brand-symbol{font-size:45px}.brand-name{font-size:15px}.brand-name>span{font-size:13px}.opening-label{font-size:9px}.opening-label>.fine-rule{display:none}.description{font-size:13px}.topics{font-size:11px;gap:12px}.status{font-size:12px}.hero-art{height:385px}.photo-sticker{font-size:14px}.art-message{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.portrait-grid{transform:none!important}}
@media print{.page-shell{min-height:0}.hero{min-height:600px}.site-header{padding-top:10px}.portrait-grid{transform:none!important}*{animation:none!important;print-color-adjust:exact}}
.school-profile{position:relative;z-index:7;margin:0 3.6vw;padding:34px 0 6px;border-top:1px solid var(--line);background:#fff}
.school-profile h2{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.16em}
.school-lead{max-width:46rem;font-size:13px;line-height:1.9;font-weight:400}
.school-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin:22px 0 0;padding:0}
.school-facts div{margin:0}
.school-facts dt{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--blue)}
.school-facts dd{margin:0;font-size:13px;font-weight:700;letter-spacing:.02em}
@media(max-width:900px){.school-profile{margin:0 5vw;padding-top:28px}.school-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}}
@media(max-width:640px){.school-profile{margin:0 6vw;padding-top:24px}.school-facts{grid-template-columns:1fr;gap:14px}}
.sns-nav{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.sns-label{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--blue)}
.sns-nav ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none}
.sns-nav a{font-family:'Oswald',sans-serif;font-size:13px;font-weight:500;letter-spacing:.14em}
.sns-nav a:hover{color:var(--blue)}
.brand{gap:0}
.brand-logo{display:block;height:52px;width:auto;max-width:min(48vw,280px)}
@media(min-width:1800px){.brand-logo{height:58px;max-width:320px}}
@media(max-width:1200px){.brand-logo{height:46px;max-width:240px}}
@media(max-width:640px){.brand-logo{height:38px;max-width:min(58vw,210px)}}
@media(max-width:359px){.brand-logo{height:32px;max-width:168px}}
.coming-title,.message,.outline-next{font-style:normal;transform:none}
.coming-title{color:var(--navy);letter-spacing:-.04em}
.message{letter-spacing:-.04em}
.message em{color:var(--cyan)}
.message-line::after{height:.11em;background:var(--cyan);clip-path:none;border-radius:999px;bottom:-.05em;opacity:.38;left:0;width:100%}
.topics li::before{width:8px;height:8px;border-radius:50%;transform:none;background:var(--cyan)}
.outline-next{-webkit-text-stroke:1px var(--cyan);opacity:.28}
.portrait{background:var(--cyan)}
.portrait::after{background:var(--cyan);opacity:.7}
.art-slash,.edge-slash{background:var(--cyan);opacity:.38;border-radius:40px}
.slash-two{background:var(--navy);opacity:.16}
.star-accent{font-size:0;width:10px;height:10px;background:var(--navy);border-radius:50%;box-shadow:16px 0 0 var(--navy);color:transparent;text-shadow:none}
.art-message{transform:none;border-radius:14px;color:var(--navy);font-style:normal}
.art-message::after{background:var(--cyan);height:3px;border-radius:999px}
.pixel-cluster{transform:none;gap:7px}
.pixel-cluster i{opacity:.22}
.school-profile{background:var(--mist)}
.sns-nav a:hover{color:var(--cyan)}
@media(max-width:640px){.coming-title,.message{transform:none}.photo-sticker{transform:none}}