@charset "UTF-8";
:root{--blue:#1649ed;--ink:#101c30;--white:#fff;--line:#dce1ea;--lime:#dbff72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.skip{position:fixed;top:-80px;left:15px;z-index:80;background:#fff;color:var(--blue);padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.header{height:84px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:var(--blue);color:#fff;border-bottom:1px solid #ffffff40;gap:30px}.brand{display:inline-flex;align-items:center;gap:13px}.brand svg{width:27px;height:39px}.brand span{font-size:22px;letter-spacing:.28em;font-weight:750}.header-note{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.16em;line-height:1.5;text-align:center}.header-right{display:flex;gap:25px;align-items:center}.store-link{display:flex;align-items:center;gap:9px;font-size:11px}.store-link>span{font-size:19px;margin-left:10px}.store-link i,.opening-status i{height:6px;width:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #dbff7218;animation:status-pulse 3s infinite}.motion-toggle{width:33px;height:33px;border:1px solid #ffffff70;border-radius:50%;color:#fff;background:transparent;font-size:13px;display:grid;place-items:center}.motion-toggle:hover{background:#ffffff20}.hero{height:calc(100svh - 84px);min-height:630px;max-height:930px;position:relative;isolation:isolate;overflow:hidden;background:#38434b;color:#fff}.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-photo{animation:hero-drift 14s ease-in-out infinite alternate}.hero-photo img{object-position:50% 38%}.hero-shade{z-index:-1;background:linear-gradient(180deg,#05163100 25%,#03182c3d 48%,#071728c9 100%),linear-gradient(90deg,#03234d20,transparent 55%)}.hero-content{position:absolute;left:6%;right:6%;bottom:91px}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:600}.hero h1{font-size:clamp(83px,10.7vw,162px);line-height:.84;letter-spacing:-.065em;font-weight:800;margin:20px 0 27px}.hero h1>span{display:block;animation:headline-in 1.2s cubic-bezier(.2,.6,.2,1) both}.hero h1>span+span{animation-delay:.17s}.period{color:var(--lime)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}.hero-bottom>p{font-size:17px;line-height:1.8;letter-spacing:.15em}.round-link{border:1px solid #ffffffa0;border-radius:50%;width:101px;height:101px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:background .3s,transform .3s}.round-link>span{font-size:8px;letter-spacing:.15em}.round-link b{font-size:29px;font-weight:400;animation:arrow-down 2.5s ease-in-out infinite}.round-link:hover{background:var(--blue);transform:scale(1.05)}.side-note{position:absolute;top:39px;left:23px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em}.hero-index{position:absolute;bottom:28px;left:6%;right:6%;border-top:1px solid #ffffff60;padding-top:18px;display:flex;gap:30px;font-size:8px;letter-spacing:.15em}.hero-index>span:nth-child(2){margin-left:auto}.hero-index i{width:40px;height:1px;background:#fff;align-self:center;animation:line-breathe 2.5s infinite}.about{position:relative;isolation:isolate;overflow:hidden;background:var(--blue);color:white;padding:40px 6% 54px}.court{position:absolute;left:5%;top:12%;width:90%;height:86%;z-index:-1;stroke:#fff;stroke-width:1;opacity:.14}.court path,.court circle{stroke-dasharray:1500;stroke-dashoffset:1500;animation:court-draw 10s ease-in-out infinite alternate}.section-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;border-bottom:1px solid #ffffff40;padding-bottom:20px;gap:20px}.section-top>span+span{font-size:10px;letter-spacing:.08em}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:9%;align-items:center;padding:83px 0 76px}.about h2{font-size:clamp(38px,4.8vw,68px);font-weight:650;line-height:1.75;letter-spacing:.025em}.about-copy{font-size:15px;line-height:2.1;letter-spacing:.04em}.about-copy>p+p{margin-top:25px}.about-copy .small{font-size:12px;color:#ffffffb8}.about-foot{display:flex;align-items:center;gap:27px}.about-foot>p{font-size:clamp(31px,3.2vw,48px);font-weight:800;line-height:1;letter-spacing:-.045em}.about-foot>p>span{color:var(--lime)}.about-tag{margin-left:auto;align-self:flex-end;font-size:8px;letter-spacing:.15em}.orbit{width:100px;height:100px;position:relative;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;animation:orbit-turn 18s linear infinite}.orbit svg{width:63px;height:63px;stroke:#fff;stroke-width:1.4}.orbit i{position:absolute;left:-4px;top:50%;width:9px;height:9px;background:var(--lime);border-radius:50%}.looks{padding:40px 6% 96px}.looks .section-top{border-color:var(--line);color:var(--blue)}.looks-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:55px 0 43px}.looks h2{font-size:clamp(38px,4.5vw,68px);line-height:1;letter-spacing:-.055em}.looks h2 em{font-weight:400;color:var(--blue);font-style:normal}.looks-heading>p{font-size:12px;line-height:1.9;letter-spacing:.04em;padding-bottom:3px}.look-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:6%;align-items:center}.look-stage{aspect-ratio:1.25;position:relative;overflow:hidden;background:#d5dce7;isolation:isolate}.look-frame{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s,visibility .75s;overflow:hidden}.look-frame.is-active{opacity:1;visibility:visible}.look-frame img{object-position:48% center;transform:scale(1.025);transition:transform 6s linear}.look-frame.is-active img{transform:scale(1.075)}.look-frame.soft img{width:168%;max-width:none;margin-left:-68%;object-position:right center}.look-frame figcaption{position:absolute;bottom:0;left:0;right:0;padding:22px 23px;color:#fff;background:linear-gradient(transparent,#0b172b80);font-size:9px;letter-spacing:.13em}.shutter{position:absolute;inset:0;background:var(--blue);z-index:3;transform:scaleX(0);transform-origin:left}.look-stage.is-changing .shutter{animation:shutter-pass .8s cubic-bezier(.76,0,.24,1)}.selector-label{font-size:9px;letter-spacing:.14em;color:#818a98;margin-bottom:14px}.look-button{border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:23px 1fr 25px;align-items:center;width:100%;text-align:left;color:#8c929e;padding:23px 0 21px;gap:7px;transition:color .3s}.look-button>span{font-size:9px;align-self:start;padding-top:6px}.look-button b{font-size:clamp(26px,3.1vw,46px);letter-spacing:-.055em;line-height:1;font-weight:600}.look-button i{font-size:24px;font-style:normal;opacity:0;transition:transform .3s,opacity .3s}.look-button small{grid-column:2/4;font-size:10px;letter-spacing:.04em;margin-top:6px}.look-button.is-current,.look-button:hover{color:var(--blue)}.look-button.is-current i,.look-button:hover i{opacity:1;transform:rotate(45deg)}.look-progress{height:2px;background:#e2e7f0;margin-top:30px;overflow:hidden}.look-progress>i{display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}.look-progress.is-running>i{animation:look-timer 6s linear forwards}.image-note{font-size:9px;line-height:1.9;color:#8a92a0;margin-top:20px}.opening{background:#eff2f7;overflow:hidden;padding:40px 6% 0}.opening .section-top{border-color:#d3d9e3;color:var(--blue)}.opening-status{display:flex;gap:10px;align-items:center;font-size:8px!important}.opening-status i{background:var(--blue);box-shadow:0 0 0 4px #1649ed10}.opening-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:7%;align-items:center;padding:78px 0 70px}.opening .eyebrow{color:var(--blue);font-size:9px}.opening h2{font-size:clamp(70px,9.8vw,148px);line-height:.86;letter-spacing:-.075em;font-weight:750;color:var(--blue);margin-top:27px}.opening h2 em{font-style:normal;font-weight:300;-webkit-text-stroke:1.5px var(--blue);color:transparent}.opening-dot{color:var(--blue)}.opening-mark svg{width:30px;height:43px;color:var(--blue)}.opening-ja{font-size:24px;line-height:1.7;font-weight:650;margin-top:24px;margin-bottom:18px;letter-spacing:.03em}.opening-message>p+p{font-size:10px;line-height:2;color:#6d7584}.back-link{display:inline-flex;justify-content:space-between;gap:64px;align-items:center;border-bottom:1px solid #a7afbd;padding:14px 0;margin-top:25px;font-size:9px;letter-spacing:.12em}.back-link>span{font-size:25px;color:var(--blue);transition:transform .3s}.back-link:hover>span{transform:translateY(-4px)}.running-line{display:flex;width:max-content;color:#1649ed26;border-top:1px solid #d4dbe7;padding:21px 0 25px;font-size:55px;font-weight:700;line-height:1;letter-spacing:-.035em;animation:run-type 32s linear infinite}.running-line>span{white-space:nowrap}.footer{padding:31px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--blue)}.footer .brand svg{width:22px;height:31px}.footer .brand span{font-size:17px}.footer p{font-size:9px;color:#697386}.footer small{font-size:8px;color:#969daa}.js [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s cubic-bezier(.2,.6,.2,1)}.js [data-reveal].is-visible{opacity:1;transform:none}html[data-motion="paused"] *,html[data-page-hidden="true"] *{animation-play-state:paused!important}html[data-motion="paused"]{scroll-behavior:auto}html[data-motion="paused"] [data-reveal]{opacity:1;transform:none;transition:none}html[data-motion="paused"] .look-frame img{transition:none;transform:none}html[data-motion="paused"] .hero h1>span{animation:none;transform:none;opacity:1}html[data-motion="paused"] .shutter{animation:none;transform:scaleX(0)}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.065) translateY(5px)}}@keyframes headline-in{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}@keyframes arrow-down{50%{transform:translateY(5px)}}@keyframes line-breathe{50%{transform:scaleX(.4);transform-origin:right}}@keyframes status-pulse{50%{opacity:.55}}@keyframes court-draw{to{stroke-dashoffset:0}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes shutter-pass{0%{transform:scaleX(0);transform-origin:left}45%{transform:scaleX(1);transform-origin:left}46%{transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}@keyframes look-timer{to{transform:scaleX(1)}}@keyframes run-type{to{transform:translateX(-50%)}}
@media(min-width:1500px){.about-grid,.about-foot,.looks-heading,.look-grid,.opening-grid{max-width:1450px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.header-note{display:none}.hero h1{font-size:11.7vw}.about-grid{gap:5%;grid-template-columns:1.35fr 1fr}.about h2{font-size:40px}.about-copy{font-size:13px}.about-copy .small{font-size:10px}.looks-heading>p{font-size:10px}.look-grid{gap:5%;grid-template-columns:1.7fr 1fr}.look-button b{font-size:30px}.look-button{padding:20px 0}.opening h2{font-size:10vw}.opening-grid{gap:6%;grid-template-columns:1.5fr 1fr}.opening-ja{font-size:21px}.opening-message>p+p{font-size:9px}.footer p{font-size:8px}}
@media(max-width:700px){html{scroll-padding-top:68px}.header{height:68px;padding:0 20px;gap:12px}.brand{gap:10px}.brand svg{width:22px;height:32px}.brand span{font-size:17px;letter-spacing:.22em}.header-right{gap:13px}.store-link{font-size:8px;gap:7px}.store-link>span{display:none}.store-link i{width:4px;height:4px}.motion-toggle{width:28px;height:28px;font-size:12px}.hero{height:calc(100svh - 68px);min-height:640px;max-height:850px}.hero-photo img{object-position:43% center}.hero-shade{background:linear-gradient(180deg,#031c3500 25%,#061a3040 48%,#06172fdb 100%)}.side-note{left:13px;top:25px;font-size:6px;letter-spacing:.14em}.hero-content{left:24px;right:24px;bottom:83px}.hero .eyebrow{font-size:7px}.hero h1{font-size:clamp(47px,12vw,83px);line-height:.92;margin:18px 0 23px;letter-spacing:-.06em}.hero h1>span:first-child{font-size:1.48em;line-height:.85}.hero-bottom>p{font-size:13px;line-height:1.8;letter-spacing:.09em}.round-link{width:72px;height:72px;gap:5px}.round-link>span{font-size:6px}.round-link b{font-size:24px}.hero-index{left:24px;right:24px;bottom:22px;padding-top:17px;font-size:6px;gap:15px;letter-spacing:.06em}.hero-index>span:nth-child(2){font-size:5px}.hero-index i{display:none}.about{padding:27px 24px 38px}.section-top{font-size:7px;padding-bottom:17px;gap:12px;letter-spacing:.07em}.section-top>span+span{font-size:8px;letter-spacing:.02em}.court{width:180%;left:-40%;top:5%;height:90%;opacity:.13}.about-grid{display:block;padding:46px 0 42px}.about h2{font-size:35px;line-height:1.7;letter-spacing:0}.about-copy{font-size:13px;line-height:2.15;margin-top:29px}.about-copy>p+p{margin-top:20px}.about-copy .small{font-size:11px}.about-foot{gap:20px;flex-wrap:wrap}.orbit{width:73px;height:73px}.orbit svg{width:45px;height:45px}.orbit i{width:7px;height:7px;left:-3px}.about-foot>p{font-size:29px}.about-tag{font-size:6px;width:100%;margin:5px 0 0;text-align:right}.looks{padding:27px 24px 48px}.looks-heading{display:block;margin:36px 0 27px}.looks h2{font-size:35px;line-height:1.06}.looks-heading>p{font-size:11px;margin-top:20px;line-height:1.9}.look-grid{grid-template-columns:1fr;gap:25px}.look-stage{aspect-ratio:1.08}.look-frame figcaption{padding:23px 17px 16px;font-size:7px}.selector-label{font-size:7px;margin-bottom:5px}.look-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.look-button{padding:14px 0 18px;grid-template-columns:1fr 18px;gap:7px}.look-button>span{font-size:8px;grid-column:1;align-self:center;padding:0}.look-button i{grid-column:2;grid-row:1;font-size:18px}.look-button b{grid-column:1/3;font-size:22px;letter-spacing:-.05em}.look-button small{font-size:8px;grid-column:1/3;line-height:1.7;margin-top:2px;min-height:27px}.look-progress{margin-top:17px}.image-note{font-size:8px;line-height:1.8;margin-top:15px}.opening{padding:27px 24px 0}.opening-status{font-size:6px!important;gap:7px}.opening-grid{grid-template-columns:1fr;gap:40px;padding:44px 0 43px}.opening .eyebrow{font-size:7px}.opening h2{font-size:clamp(74px,23vw,138px);margin-top:22px;line-height:.88}.opening-message{display:grid;grid-template-columns:40px 1fr;column-gap:18px;align-items:start}.opening-mark svg{width:27px;height:39px}.opening-ja{font-size:21px;margin:0 0 18px;line-height:1.7}.opening-message>p+p{grid-column:2;font-size:9px;line-height:2.1}.back-link{grid-column:2;gap:20px;width:max-content;min-width:157px;font-size:8px;margin-top:18px;padding:9px 0}.back-link>span{font-size:22px}.running-line{font-size:35px;padding:16px 0 19px}.footer{padding:25px 24px;gap:19px;flex-wrap:wrap}.footer .brand svg{width:19px;height:28px}.footer .brand span{font-size:14px}.footer p{font-size:8px;margin-left:auto}.footer small{font-size:7px;width:100%;border-top:1px solid #e3e7ef;padding-top:17px}}
@media(max-width:360px){.header{padding:0 16px}.header-right{gap:9px}.brand span{font-size:15px}.store-link{font-size:7px}.hero-content,.hero-index{left:20px;right:20px}.hero h1{font-size:42px}.about,.looks,.opening{padding-left:20px;padding-right:20px}.about h2{font-size:30px}.about-foot>p{font-size:26px}.looks h2{font-size:30px}.look-button b{font-size:19px}.look-button small{font-size:7px}.opening h2{font-size:73px}.opening-ja{font-size:19px}.opening-message{gap:15px;grid-template-columns:30px 1fr}.opening-message>p+p{font-size:8px}.footer{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js [data-reveal]{opacity:1;transform:none}.hero h1>span{opacity:1;transform:none}.court path,.court circle{stroke-dashoffset:0}.look-frame img{transform:none}.shutter{display:none}.running-line{transform:none}}