header{width:94%;max-width:1320px;border-radius:20px;background:linear-gradient(125deg,#698797,#8ca4ae);border:1px solid #ffffff70;box-shadow:0 8px 24px #203d4b12;color:#fff}.header-inner{padding:17px 25px}.brand-name{color:#fff;text-shadow:0 1px 3px #23425240}.brand img{background:#ffffffee;border-radius:9px;padding:2px}nav{gap:12px}nav a,nav a:last-child{color:#fff;padding:9px 19px;border-radius:24px;background:rgba(29,62,78,.2);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px);transition:background .25s,border-color .25s,transform .25s}nav a:hover,nav a:focus-visible,nav a:last-child:hover{color:#fff;background:#ffffff29;border-color:#fff;transform:translateY(-1px)}
.top-img{width:calc(100% - 64px);max-width:1328px;height:clamp(300px,calc(100svh - 530px),560px);margin:26px auto 0;border-radius:18px}.top-img>img{animation:none;object-position:center center}.top-img:after{z-index:2;background:linear-gradient(90deg,#08192280,transparent 85%),linear-gradient(0deg,#09182080,transparent 68%)}.top-img .cap{left:6%;right:6%;bottom:15%;z-index:3}.hero-title{font-size:clamp(26px,3.1vw,43px);line-height:1.6;letter-spacing:.025em;perspective:700px}.hero-title .typer{display:inline-block;transform-origin:50% 60%;backface-visibility:hidden}.top-img .sub{background:none;padding:0;border-radius:0;color:#fff;text-shadow:0 1px 6px #0007;font-size:16px;margin-top:16px;letter-spacing:.05em}.hero-slices{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-slice{position:absolute;inset:0;background-position:center;background-size:cover;will-change:transform,opacity;pointer-events:none}.hero-glass{position:absolute;inset:-10% auto -10% -70%;width:60%;z-index:1;pointer-events:none;opacity:0;transform:skewX(-14deg);backdrop-filter:blur(5px) brightness(1.12) saturate(1.12);background:repeating-linear-gradient(90deg,#ffffff08 0%,#ffffff28 13%,#ffffff65 14%,#ffffff05 16%,#ffffff08 20%);border-inline:1px solid #ffffff88;box-shadow:18px 0 24px #ffffff12,-10px 0 24px #0b31471a}
.section--works,.section--recruit{max-width:1060px;margin-inline:auto}.wide,.section--recruit .wide{min-height:0;border-radius:22px}.wide .cap{padding:25px 32px 30px;min-height:255px}.wide .section-head{padding:8px 21px;margin-bottom:23px;border-radius:35px;background:#ffffffd9}.wide .section-head h2{font-size:24px}.wide .cap p{font-size:14px;line-height:1.95;max-width:920px}.wide .cap p+p{margin-top:8px}.wide .overlay{background:linear-gradient(90deg,#102c3dbd,#102c3d50)}.wide .bg{transform:scale(1.025);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .8s}.wide:hover .bg,.wide:focus-visible .bg{transform:scale(1.07) translateX(-.8%);filter:saturate(1.1)}.section--recruit .wide:hover .bg,.section--recruit .wide:focus-visible .bg{transform:scale(1.07) translateX(.8%)}.wide:after{content:"";position:absolute;inset:-20% auto -20% -70%;width:45%;pointer-events:none;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,#ffffff05,#ffffff32,#ffffff05,transparent);transition:left 1s ease;z-index:1}.wide:hover:after,.wide:focus-visible:after{left:125%}.wide:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:760px){.header-inner{gap:16px}nav{gap:8px}nav a,nav a:last-child{padding:9px 13px}.top-img{width:92%;height:300px}.hero-title{font-size:29px}.top-img .sub{font-size:14px}.wide .cap{padding:24px 26px;min-height:260px}}
@media(max-width:620px){header{border-radius:18px}.header-inner{padding:16px 18px}nav{gap:6px}nav a,nav a:last-child{padding:8px 10px;font-size:11px}.top-img{height:clamp(220px,calc(100svh - 610px),390px);margin-top:20px;border-radius:18px}.top-img .cap{left:6%;right:6%;bottom:14%}.hero-title{font-size:24px;line-height:1.6}.top-img .sub{font-size:11px;letter-spacing:.01em;margin-top:10px;line-height:1.8}.wide,.section--recruit .wide{border-radius:20px}.wide .cap{padding:22px;min-height:0}.wide .section-head{padding:8px 16px;margin-bottom:21px}.wide .section-head h2{font-size:22px}.wide .cap p{font-size:13px;line-height:1.95}.wide .bg{background-position:62% center}.wide:after{display:none}}
[data-scroll-motion-item]{backface-visibility:hidden}
[data-motion-hover-icon]{transform-origin:50% 50%;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){nav a,.wide .bg,.wide:after{transition:none}.wide:hover .bg,.wide:focus-visible .bg{transform:none;filter:none}.hero-glass,.hero-slices{display:none}[data-scroll-motion-item]{opacity:1!important;transform:none!important;filter:none!important}}