*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#111;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.stage{background:url(./cloud-DlOrliIX.jpg) 50%/cover no-repeat;width:100vw;height:100vh;position:relative;overflow:hidden}.stage button{cursor:pointer;will-change:transform;backface-visibility:hidden;background:0 0;border:0;align-items:center;gap:12px;width:auto;padding:0;line-height:1;display:flex;position:absolute;top:0;left:0;overflow:visible}.stage button.orb-work{font-size:56px}.stage button.orb-fun{font-size:30px}.hero{pointer-events:none;z-index:10;max-width:560px;position:absolute;top:48px;left:48px}.hero h1{letter-spacing:-.02em;color:#111;margin:0 0 16px;font-size:clamp(28px,4vw,44px);line-height:1.25}.hero p{color:#444;margin:0;font-size:clamp(14px,1.4vw,17px);line-height:1.6}.stage.list .hero{opacity:0;transition:opacity .3s}.hero{transition:opacity .3s}.toggle.list{top:24px;left:auto;right:24px;transform:none}.hint{color:#666;pointer-events:none;margin:0;font-size:13px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.toggle{z-index:100;color:#111;cursor:pointer;background:#fff;border:0;border-radius:8px;padding:14px 24px;font-size:15px;font-weight:600;position:absolute;top:50vh;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000026}.stage button .label{color:#111;white-space:nowrap;background:#ffffffe6;border-radius:8px;padding:8px 14px;font-size:16px;font-weight:600;display:inline-block}.work-section{padding:96px 24px}.work-section:nth-child(odd){background:#f7f7f7}.work-inner{grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;max-width:1040px;margin:0 auto;display:grid}.work-section:nth-child(2n) .work-text{order:2}.work-section:nth-child(2n) .work-visual{order:1}.work-index{color:#999;letter-spacing:.1em;margin:0 0 20px;font-size:13px}.work-section h2{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(24px,2.8vw,32px);line-height:1.25}.work-number{color:#2563eb;margin:0 0 8px;font-size:18px;font-weight:700}.work-period{color:#777;margin:0 0 24px;font-size:14px}.work-bullets{color:#333;margin:0 0 28px;padding-left:20px;line-height:1.7}.work-bullets li+li{margin-top:6px}.work-bullets li:last-child{color:#111;font-weight:600}.work-link{color:#fff;background:#111;border-radius:8px;padding:12px 20px;font-size:15px;text-decoration:none;display:inline-block}.work-link:hover{background:#333}.work-visual img{border-radius:12px;width:100%;box-shadow:0 8px 32px #00000014}.work-card{aspect-ratio:4/3;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.work-section:nth-child(odd) .work-card{background:linear-gradient(135deg,#fff,#eef2ff)}.work-card .work-emoji{font-size:72px}.work-card strong{color:#1e3a8a;letter-spacing:-.01em;font-size:22px}.contact{text-align:center;color:#fff;background:#111;padding:120px 24px}.contact h2{margin:0 0 8px;font-size:28px}.contact p{color:#aaa;margin:0 0 32px}.contact a{color:#fff;margin:8px 0;font-size:17px;display:block}@media (width<=640px){.hero{top:20px;left:20px;right:20px}.hero h1{font-size:24px}.hero p{font-size:13px}.hero p br,.hint{display:none}.toggle{top:auto;bottom:32px;transform:translate(-50%)}.toggle.list{top:16px;bottom:auto;right:16px;transform:none}.stage button.orb-work{font-size:40px}.stage button.orb-fun{font-size:24px}.stage button .label{font-size:14px}.work-section{padding:56px 20px}.work-inner{grid-template-columns:1fr;gap:28px}.work-section:nth-child(2n) .work-text{order:1}.work-section:nth-child(2n) .work-visual{order:2}}
