:root{--ivory:#fffaf0;--ink:#2b2924;--line:rgba(255,255,255,.45);--paper:rgba(255,251,242,.9);font-family:"Noto Serif SC","Songti SC",serif;color:var(--ivory)}
.photo{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#b69568}.hero{min-height:100svh;position:relative;overflow:hidden;isolation:isolate}.photo,.veil,#three-stage{position:absolute;inset:0}.photo{z-index:-4;background:url('./campus-desk.png') 50% 50%/cover no-repeat;transform:scale(1.006)}.veil{z-index:-3;pointer-events:none;background:linear-gradient(90deg,rgba(35,28,18,.46) 0%,rgba(37,28,16,.23) 33%,transparent 62%),linear-gradient(180deg,rgba(30,25,17,.25),transparent 25%,transparent 75%,rgba(31,24,15,.2))}#three-stage{z-index:2;pointer-events:none}#three-stage canvas{width:100%;height:100%;display:block;pointer-events:none}.site-header{position:relative;z-index:5;height:94px;padding:0 clamp(24px,5vw,88px);display:flex;align-items:center;border-bottom:1px solid var(--line);font-family:system-ui,sans-serif}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:16px;min-width:230px}.brand-mark{font:700 26px/1 "Yu Mincho",serif;letter-spacing:.2em}.brand-en{font-size:9px;letter-spacing:.22em;opacity:.8}.site-header nav{margin-left:auto;display:flex;height:100%}.site-header nav a{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.18em;padding:0 26px;display:grid;place-items:center;transition:background .25s}.site-header nav a:hover,.site-header nav a:focus-visible{background:rgba(255,255,255,.13)}.menu{width:48px;height:48px;border:0;border-left:1px solid var(--line);background:transparent;margin-left:18px;display:grid;place-content:center;gap:7px;cursor:pointer}.menu span{display:block;width:20px;height:1px;background:#fff}.hero-copy{position:relative;z-index:1;margin:clamp(90px,13vh,150px) 0 0 clamp(28px,8vw,150px);width:min(580px,42vw);text-shadow:0 2px 24px rgba(35,24,12,.36)}.eyebrow{font:500 10px/1.5 system-ui,sans-serif;letter-spacing:.27em;text-transform:uppercase;margin:0 0 24px}.hero-copy h1{font-size:clamp(42px,5vw,76px);font-weight:500;line-height:1.28;letter-spacing:.1em;margin:0}.intro{font-size:14px;line-height:2.1;letter-spacing:.16em;margin:28px 0}.cta{display:inline-flex;align-items:center;justify-content:space-between;width:176px;min-height:50px;padding:0 19px;color:var(--ink);background:var(--paper);text-decoration:none;font:600 12px system-ui,sans-serif;letter-spacing:.14em;box-shadow:0 8px 30px rgba(43,32,18,.18);transition:transform .25s,background .25s}.cta:hover,.cta:focus-visible{transform:translateY(-2px);background:#fff}.interaction-note{position:absolute;z-index:4;left:50%;bottom:145px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.36);border-radius:99px;background:rgba(47,38,25,.25);backdrop-filter:blur(8px);font:500 10px system-ui,sans-serif;letter-spacing:.08em;opacity:0;transition:opacity .5s}.interaction-note.show{opacity:1}.note-dot{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16)}.news{position:absolute;z-index:5;bottom:26px;left:clamp(24px,5vw,88px);right:clamp(24px,5vw,88px);min-height:64px;display:flex;align-items:center;gap:25px;padding:0 24px;background:rgba(255,250,240,.9);color:#353128;backdrop-filter:blur(10px);font:500 11px system-ui,sans-serif}.news-label{font-weight:800;letter-spacing:.16em}.news time{color:#8b8375}.news a{color:inherit;text-decoration:none;letter-spacing:.08em}.news-arrow{margin-left:auto;font-size:16px}.model-controls{position:absolute;z-index:6;right:24px;bottom:104px;display:flex;gap:8px}.model-controls button{width:1px;height:1px;opacity:0;overflow:hidden;position:absolute}.model-controls button:focus-visible{position:static;width:auto;height:44px;opacity:1;padding:0 16px;border:1px solid white;border-radius:99px;background:#363024;color:#fff}.loading{position:absolute;z-index:7;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:rgba(239,226,200,.42);backdrop-filter:blur(4px);transition:opacity .5s,visibility .5s}.loading.done{opacity:0;visibility:hidden}.loading span{width:34px;height:34px;border:2px solid rgba(255,255,255,.4);border-top-color:white;border-radius:50%;animation:load 1s linear infinite}.loading p{font-size:12px;letter-spacing:.16em}.model-error{position:absolute;z-index:8;right:24px;bottom:105px;background:var(--paper);color:#5a4630;padding:12px;font:12px system-ui,sans-serif}@keyframes load{to{transform:rotate(1turn)}}:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:800px){.site-header{height:72px}.site-header nav{display:none}.brand{min-width:0}.brand-en{display:none}.menu{margin-left:auto}.hero-copy{margin-top:74px;width:70vw}.hero-copy h1{font-size:clamp(35px,10vw,58px)}.intro{display:none}.news{left:16px;right:16px;bottom:16px}.news time{display:none}.interaction-note{bottom:98px}.photo{background-position:57% 50%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loading span{animation:none}.cta,.interaction-note{transition:none}}