@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;700&family=Syncopate:wght@400;700&family=Inter:wght@300;400&display=swap");:root{--c-base:#2c2c2c;--c-base2:#373737;--c-accent-primary:#546e7a;--c-accent-secondary:#d0dce0;--c-accent-glow:#90a4ae;--c-text-main:#fff;--c-text-sub:silver;--font-family-main:"Syncopate",sans-serif;--font-family-sub:"Inter",sans-serif;--font-family-serif:"Noto Serif JP",serif}body{margin:0}.wa-dynamic-hero,body{background-color:var(--c-base);color:var(--c-text-main);font-family:var(--font-family-serif)}.wa-dynamic-hero{background-image:radial-gradient(circle at 80% 20%,#455a64 0,transparent 60%),linear-gradient(180deg,#2c2c2c,#373737);height:70vh;min-height:500px;overflow:hidden;position:relative;width:100%;z-index:0}.wa-bg-layer{inset:0;overflow:hidden;position:absolute;z-index:1}.wa-shape-enso{animation:morphRotate 25s linear infinite;border:2px solid rgba(208,220,224,.6);border-radius:40% 60% 70% 30%/40% 50% 60% 50%;box-shadow:0 0 80px rgba(208,220,224,.3);height:55vw;opacity:.9;position:absolute;right:-10%;top:-15%;width:55vw}.wa-shape-enso:after{animation:morphRotate 25s linear infinite reverse;border:1px solid hsla(0,0%,100%,.2);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;content:"";inset:30px;position:absolute}.wa-shape-rect{animation:gentleFloat 14s ease-in-out infinite alternate;backdrop-filter:blur(5px);background:linear-gradient(135deg,hsla(0,0%,39%,.3),transparent 80%);border-left:1px solid hsla(0,0%,100%,.2);bottom:5%;height:60vh;left:5%;opacity:.7;position:absolute;transform:skewX(-15deg);width:40vw}.wa-particles{animation:particleMove 90s linear infinite;background-image:radial-gradient(hsla(0,0%,100%,.3) 1px,transparent 0);background-size:90px 90px;inset:0;opacity:.2;position:absolute}.wa-fog{animation:fogFlow 30s linear infinite;background:linear-gradient(90deg,transparent,rgba(60,60,60,.6) 50%,transparent);bottom:0;height:100%;left:0;opacity:.7;pointer-events:none;position:absolute;width:200%}.wa-content-layer{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:none;padding:0 5vw;position:relative;width:100%;z-index:2}.wa-title-area{margin-bottom:2rem;pointer-events:auto;position:relative}.wa-super-title{animation:fadeIn 1s ease-out .5s forwards;color:var(--c-accent-secondary);display:block;font-family:var(--font-family-serif);font-size:.9rem;font-weight:400;letter-spacing:.2em;margin-bottom:1rem;opacity:0;text-shadow:0 0 10px rgba(208,220,224,.4)}.wa-main-title{background:linear-gradient(120deg,#fff,#e0e0e0 40%,#b0bec5);-webkit-background-clip:text;color:var(--c-text-main);font-size:clamp(3rem,6vw,6.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;padding-bottom:.2em;white-space:nowrap;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px rgba(208,220,224,.4))}.wa-title-line{animation:lineExtend 3s ease-out forwards;background:linear-gradient(90deg,var(--c-accent-secondary),transparent);height:1px;margin-left:5px;margin-top:1.5rem;width:100px}.wa-sub-area{align-items:flex-end;display:flex;flex-direction:column;margin-top:0;pointer-events:auto;text-align:right}.wa-sub-text{color:var(--c-text-sub);font-family:var(--font-family-serif);font-size:.9rem;font-weight:300;letter-spacing:.1em;line-height:2.2;margin:0}.wa-scroll-indicator{align-items:center;bottom:0;display:flex;flex-direction:column;left:50%;padding-bottom:15px;position:absolute;transform:translateX(-50%);z-index:3}.scroll-text{color:var(--c-text-sub);font-family:var(--font-family-main);font-size:.6rem;letter-spacing:.3em;margin-bottom:8px;opacity:.8;text-transform:uppercase}.scroll-track{background-color:hsla(0,0%,100%,.1);height:60px;overflow:hidden;position:relative;width:1px}.scroll-bar{animation:scrollDown 2s cubic-bezier(.77,0,.175,1) infinite;background:linear-gradient(180deg,transparent,#fff,transparent);height:100%;top:0}.scroll-bar,.wa-flow-line{left:0;position:absolute;width:100%}.wa-flow-line{animation:lineScan 12s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,transparent,rgba(208,220,224,.6),transparent);height:1px;opacity:.5;top:65%;transform:scaleX(0);transform-origin:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollDown{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes morphRotate{0%{border-radius:40% 60% 70% 30%/40% 50% 60% 50%;transform:rotate(0deg)}50%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{border-radius:40% 60% 70% 30%/40% 50% 60% 50%;transform:rotate(1turn)}}@keyframes gentleFloat{0%{transform:skewX(-15deg) translateY(0)}to{transform:skewX(-15deg) translateY(-20px)}}@keyframes particleMove{0%{background-position:0 0}to{background-position:100px -100px}}@keyframes fogFlow{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes lineScan{0%{opacity:0;transform:scaleX(0);transform-origin:left}30%{opacity:1}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}to{opacity:0;transform:scaleX(0);transform-origin:right}}@keyframes lineExtend{0%{width:0}to{width:80px}}@media (max-width:768px){.wa-dynamic-hero{z-index:0}.wa-main-title{font-size:2.5rem;white-space:normal}.wa-super-title{font-size:.7rem;letter-spacing:.1em;white-space:nowrap}.wa-sub-area{align-items:flex-start;margin-top:2rem;text-align:left}.wa-shape-rect{display:none}}