@import url('./sheet.css');
:root{--blue:#00a6f4;--purple:#ad46ff;--pink:#fccee8;--brand-pink:#f6339a;--sky:#b8e6fe;--ink:#121116;--muted:#665971;--paper:#f6f4fb;--gradient:linear-gradient(110deg,#00a6f4 0%,#ad46ff 52%,#f6339a 100%);--soft-gradient:linear-gradient(110deg,#b8e6fe 0%,#d9c0fa 52%,#fccee8 100%);--line:#15101933}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:#141116;color:#fccee8}a:focus-visible,button:focus-visible{outline:3px solid #111;outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;padding:15px;background:white;z-index:100}.skip:focus{top:20px}.site-header{height:108px;padding:24px 3%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:absolute;inset:0 0 auto;z-index:10}.brand{display:block;width:185px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.header-message{font-size:10px;font-weight:700;line-height:1.4;position:absolute;left:48%;top:28px;margin:0}.header-actions{display:flex;gap:8px}.menu-button,.preview-link{border:0;background:#121116;color:#f9e7fb;border-radius:8px;height:54px;width:138px;padding:16px 20px}.menu-button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:54px;padding:0;flex-shrink:0}.menu-button span{width:26px;height:1px;background:#e3d8ee;transition:width .25s}.menu-button:hover span:first-child{width:37px}.preview-link{font-size:11px;display:flex;align-items:center;justify-content:space-between}.preview-link span{font-size:20px}.hero{height:100svh;min-height:760px;max-height:1200px;position:relative;overflow:hidden;background:linear-gradient(#ffffff42,#ffffff42),var(--gradient);padding:150px 3% 85px;display:flex;flex-direction:column;justify-content:space-between}.hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-intro{position:relative;z-index:2;width:max-content;max-width:65%}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.1em;margin:0 0 28px}.hero-statement{font-size:clamp(23px,2.6vw,41px);font-weight:800;line-height:1.5;letter-spacing:-.06em;margin:0 0 20px}.small-link{font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:23px}.small-link span{font-size:21px}.kinetic-symbol{position:absolute;left:56%;top:21%;width:175px;z-index:1;transform:translateX(-50%)}.kinetic-symbol svg{display:block;width:100%;height:auto;overflow:visible}.symbol-rotor{transform-origin:100px 100px}.kinetic-symbol>span{display:block;font-size:8px;font-weight:700;line-height:1.3;margin:20px 0 0 35px}.hero-index{position:absolute;right:4%;top:23%;font-size:9px;font-weight:700;line-height:1.15}.index-icon{font-size:51px;display:block;margin-bottom:10px}.hero-index>span:last-child{display:block}.wordmark{margin:auto 0 10px;font-family:Arial,"Helvetica Neue",sans-serif;font-size:16.65vw;font-weight:900;letter-spacing:-.06em;line-height:.95;display:flex;align-items:baseline;justify-content:center;position:relative;z-index:2;white-space:nowrap;padding-right:.09em;width:100%;user-select:none}.wordmark>span{display:inline-block;transform-origin:50% 85%;will-change:transform}.hero-footer{display:flex;align-items:center;justify-content:space-between;position:absolute;left:3%;right:3%;bottom:28px;border-top:1px solid #12111650;padding-top:18px;font-size:9px;font-weight:700;z-index:3}.hero-footer a{display:flex;gap:40px;align-items:center}.hero-footer a span{font-size:20px}.pointer-hint{font-size:8px;letter-spacing:.05em}.hero-footer button{background:none;color:var(--ink);border:0;display:flex;align-items:center;gap:10px;padding:8px 0;font-size:9px}.motion-icon{font-size:13px}.concept{padding:45px 3% 65px;background:var(--paper);overflow:hidden}.section-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;line-height:1.4;padding-bottom:26px;border-bottom:1px solid var(--line)}.section-top>span:last-child{font-size:9px}.manifesto{margin:70px 0 55px;font-size:clamp(27px,4.3vw,70px);font-weight:800;line-height:1.65;letter-spacing:-.065em}.manifesto>span{display:table;padding:0 12px 3px 0;position:relative;isolation:isolate}.manifesto>span::before{content:"";position:absolute;z-index:-1;inset:5% -3% 8% -8%;background:var(--soft-gradient);transform:scaleX(var(--reveal,.12));transform-origin:left;transition:transform .7s cubic-bezier(.2,.65,.3,1)}.manifesto>span:nth-child(2)::before{background:linear-gradient(110deg,#b8e6fe,#d9c0fa)}.manifesto>span:nth-child(3)::before{background:linear-gradient(110deg,#d9c0fa,#fccee8)}.concept-bottom{display:flex;align-items:end;justify-content:space-between;padding-left:43%;gap:30px}.concept-bottom p{font-size:12px;line-height:2.2;font-weight:600;margin:0}.concept-tag{position:relative;font-size:11px;font-weight:800;line-height:1.1;padding-left:60px}.mini-symbol{position:absolute;left:0;top:-6px;font-size:50px;font-weight:400;line-height:1}.preview{padding:45px 3% 70px;background:var(--soft-gradient);overflow:hidden}.preview-heading{display:flex;justify-content:space-between;align-items:end;margin:40px 0 55px}.preview-heading h2{font-size:clamp(90px,14.2vw,220px);font-weight:900;line-height:.82;letter-spacing:-.075em;margin:0;position:relative}.preview-heading h2>span{padding-left:15vw}.preview-heading h2>i{font-style:normal;font-size:.75em;position:absolute;right:-.9em;top:.03em;line-height:1;font-weight:400}.preview-heading p{font-size:11px;font-weight:600;line-height:1.9;max-width:27%;margin:0 1% 5px}.sheet{transform:none;border-radius:0;box-shadow:0 25px 70px #43106120}.sheet-wrap{max-width:1200px;margin:auto}.sheet-toolbar{background:#ffffffdd}.sheet-brand{font-family:Arial,sans-serif;font-weight:800}.sheet-caption{color:#54465c;font-size:9px}.rhythm{background:#121116;color:#f6f4fb;padding:45px 3% 28px;overflow:hidden}.rhythm .section-top{border-bottom-color:#ffffff35}.rhythm-body{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center}.rhythm-stack{display:flex;flex-direction:column;font-size:clamp(40px,7.6vw,125px);line-height:.93;letter-spacing:-.065em;font-weight:900;transform:rotate(-7deg);white-space:nowrap;color:#54415f;text-align:center;perspective:600px}.rhythm-stack span{display:block;transform:translateX(calc(var(--drift,0px)*var(--factor,1)))}.rhythm-stack span:nth-child(2){color:#745288;--factor:-.7}.rhythm-stack span:nth-child(3){background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;--factor:.5}.rhythm-stack span:nth-child(4){color:#745288;--factor:-.7}.rhythm-body h2{position:absolute;bottom:5%;right:0;text-align:right;font-size:18px;line-height:1.6;font-weight:700}.color-track{display:flex;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:23px;gap:20px;font-size:8px;letter-spacing:.03em}.color-track>span{display:flex;align-items:center;gap:9px}.color-track i{display:inline-block;width:10px;height:10px;background:var(--color)}.closing{padding:70px 3% 65px;background:var(--soft-gradient)}.closing>p{font-size:10px;font-weight:700;margin:0 0 40px}.closing>a{font-size:clamp(50px,10.5vw,170px);font-weight:900;line-height:1;letter-spacing:-.06em;display:flex;justify-content:space-between;align-items:center}.closing>a>span{font-weight:400;transition:transform .3s}.closing>a:hover>span{transform:translate(8px,-8px)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 3%;background:var(--paper)}footer .brand{width:150px}footer p{font-size:8px;font-weight:500}footer p>span{margin-left:18px}footer>span{font-size:9px}dialog{width:min(740px,90vw);max-height:90svh;padding:30px;background:var(--soft-gradient);color:var(--ink);border:1px solid #111;box-shadow:15px 15px 0 #111;margin:auto}dialog::backdrop{background:#15111c99;backdrop-filter:blur(6px)}.menu-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:30px}.menu-close{background:#111;color:white;border:0;width:42px;height:42px;font-size:20px}dialog nav{display:flex;flex-direction:column}dialog nav a{border-bottom:1px solid #1115;padding:20px 0;display:flex;gap:20px;align-items:center;font-size:clamp(30px,5vw,60px);font-weight:900;letter-spacing:-.04em}dialog nav small{font-size:10px;letter-spacing:0}dialog nav span{margin-left:auto}dialog>p{font-size:9px;margin-top:40px}
@media(min-width:1700px){.wordmark{font-size:282px}.hero{padding-top:175px}.hero-intro{margin-left:2%}.kinetic-symbol{width:200px}}
@media(max-width:900px){.header-message{display:none}.hero{min-height:720px}.hero-intro{max-width:70%}.hero-statement{font-size:31px}.kinetic-symbol{left:68%;top:28%;width:150px}.hero-index{display:none}.wordmark{margin-bottom:45px}.concept-bottom{padding-left:25%}.preview-heading h2>span{padding-left:8vw}.preview-heading p{font-size:10px;max-width:28%}.rhythm-body{min-height:480px}footer p>span{display:block;margin:6px 0 0}}
@media(max-width:600px){html{scroll-padding-top:25px}.site-header{height:88px;padding:20px 5%;gap:20px}.brand{width:142px}.header-actions{gap:6px}.menu-button{width:40px;height:40px;padding:0;border-radius:5px}.menu-button span{width:22px}.preview-link{width:94px;height:40px;padding:10px;font-size:8px;border-radius:5px}.preview-link span{font-size:15px}.hero{min-height:690px;max-height:950px;padding:145px 5% 100px;justify-content:flex-start}.eyebrow{font-size:7px;letter-spacing:.02em;margin-bottom:22px}.hero-intro{max-width:100%}.hero-statement{font-size:29px;line-height:1.5}.small-link{font-size:9px}.kinetic-symbol{width:126px;left:70%;top:45%}.kinetic-symbol>span{font-size:6px;margin:8px 0 0 15px}.wordmark{font-size:16.3vw;margin-top:auto;margin-bottom:35px;justify-content:center;width:100%;letter-spacing:-.06em}.hero-footer{left:5%;right:5%;bottom:21px;padding-top:13px;font-size:8px}.hero-footer a{gap:18px}.pointer-hint{display:none}.hero-footer button{font-size:8px}.section-top{font-size:8px;padding-bottom:20px}.section-top>span:last-child{font-size:7px}.concept{padding:30px 5% 40px}.manifesto{font-size:clamp(23px,5.9vw,36px);line-height:1.9;margin:40px 0 35px;letter-spacing:-.07em}.manifesto>span{padding-right:4px}.concept-bottom{padding-left:0;align-items:center;gap:10px}.concept-bottom p{font-size:9px;line-height:2}.concept-tag{font-size:8px;padding-left:0;padding-top:40px}.mini-symbol{font-size:32px;top:0}.preview{padding:30px 5% 38px}.preview-heading{margin:35px 0;display:block}.preview-heading h2{font-size:21vw}.preview-heading h2>span{padding-left:20vw}.preview-heading h2>i{right:0;font-size:.8em}.preview-heading p{max-width:100%;font-size:9px;margin:24px 0 0;line-height:1.8}.sheet-wrap{margin:0 -2%}.sheet-toolbar{padding:16px 10px;gap:10px}.sheet-brand{font-size:14px}.sheet-brand>span{display:none}.sheet-period{font-size:10px}.sheet-period span{font-size:8px;margin-left:4px}.sheet-badge{font-size:5px;padding:3px 4px}.schedule-head{grid-template-columns:30px repeat(7,1fr);font-size:10px}.schedule-head>span{padding:9px 0}.schedule-head small{display:block;font-size:5px;margin:4px 0 0}.schedule-head>span:first-child{font-size:5px}.schedule-body{grid-template-columns:30px repeat(7,1fr);height:180px}.time-column>span{height:36px;font-size:5px;padding:6px 3px}.day-column{background:repeating-linear-gradient(0deg,#fff 0 17px,#edeaf2 17px 18px,#fbfafc 18px 35px,#e4dfe9 35px 36px)}.shift{padding:5px 2px;font-size:6px;top:calc(var(--start)*36px + 4px);height:calc(var(--length)*36px - 8px)}.shift span{font-size:4px;letter-spacing:0}.sheet-footer{padding:12px 10px;font-size:6px}.sheet-footer>span:last-child{font-size:4px}.sheet-caption{font-size:7px;margin-top:20px}.rhythm{padding:30px 5% 24px}.rhythm-body{min-height:340px}.rhythm-stack{font-size:10vw;line-height:1}.rhythm-body h2{font-size:12px;bottom:0}.color-track{gap:9px;font-size:5px;padding-top:18px}.color-track>span{gap:4px}.color-track i{width:7px;height:7px}.closing{padding:45px 5% 40px}.closing>p{font-size:8px;margin-bottom:30px}.closing>a{font-size:10.2vw}footer{padding:25px 5%;flex-wrap:wrap;gap:20px}footer .brand{width:130px}footer p{order:3;width:100%;margin:0;font-size:7px}footer p>span{display:inline;margin-left:10px}footer>span{font-size:8px}dialog{padding:20px;box-shadow:7px 7px 0 #111}dialog nav a{font-size:34px}}
@media(max-width:360px){.site-header>.brand{width:124px}.preview-link{width:80px}.header-actions{gap:5px}.hero-statement{font-size:26px}.hero .eyebrow{font-size:6px}.kinetic-symbol{width:110px}.concept-tag{font-size:7px}.manifesto{font-size:5.8vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.wordmark>span{will-change:auto}.manifesto>span::before{transform:scaleX(1)}}

/* Motion layer is loaded separately after the base layout. */