@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Sans+JP:wght@300;400;500&display=swap');
:root{--night:#030811;--blue:#07182d;--white:#e9f2f7;--red:#ff3347;--line:rgba(145,190,224,.22);--scroll:0px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font-family:Inter,"Noto Sans JP",sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{display:block;width:100%}.progress{position:fixed;z-index:50;top:0;left:0;height:2px;width:min(calc(var(--scroll) / 55),100%);background:var(--red);box-shadow:0 0 14px var(--red)}header{position:fixed;z-index:20;top:0;left:0;width:100%;height:82px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(2,7,15,.72);backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:12px}.logo>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #5581a3;border-radius:50%;font:italic 20px Georgia}.logo b{font:400 14px "Noto Sans JP";letter-spacing:.13em}.logo small{display:block;font:6px Inter;letter-spacing:.26em;color:#7191aa;margin-top:5px}header nav{display:flex;gap:38px;font-size:9px;letter-spacing:.18em}header nav a:hover{color:#5fb7f5}.tel{justify-self:end;font-size:14px;letter-spacing:.15em}.tel small{font-size:7px;color:#6385a0;margin-right:13px}header button{display:none}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden}.hero>img{position:absolute;inset:0;height:110%;object-fit:cover;transform:scale(1.04);will-change:transform}.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(2,7,14,.88),transparent 62%),linear-gradient(0deg,rgba(2,7,14,.65),transparent 45%)}.scan{position:absolute;z-index:2;top:0;bottom:0;left:62%;width:1px;background:linear-gradient(transparent,#e22941,transparent);box-shadow:0 0 18px #e22941;animation:scan 7s ease-in-out infinite}.hero-copy{position:absolute;z-index:3;left:7vw;top:48%;transform:translateY(-45%)}.hero-copy>p,.tech-title>span,.service-head>span,.work-copy>span{font-size:8px;letter-spacing:.32em;color:#71a7ce}.hero h1{margin:28px 0 24px;font-size:clamp(58px,8.5vw,145px);line-height:.79;letter-spacing:-.06em}.hero h1 span,.hero h1 em{display:block;font-style:normal}.hero h1 em{font-weight:300;color:transparent;-webkit-text-stroke:1px #91b6cf;margin-left:8vw}.hero .jp{font:300 15px "Noto Sans JP";letter-spacing:.2em;margin:45px 0}.hero-copy>a{display:inline-flex;gap:80px;border:1px solid #52718a;padding:18px 20px;font-size:10px;letter-spacing:.15em;background:rgba(2,9,17,.35)}.spec{position:absolute;z-index:3;left:3vw;right:3vw;bottom:25px;display:flex;gap:30px;font-size:7px;letter-spacing:.2em;color:#64809a}.spec span:last-child{margin-left:auto}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:16px 0;color:#5c86a6;font-size:9px;letter-spacing:.28em;white-space:nowrap}.ticker div{width:max-content;animation:ticker 22s linear infinite}.tech{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:160px 7vw;align-items:center;background:radial-gradient(circle at 80% 50%,#0c2540,#030811 55%)}.tech-title h2,.service-head h2,.work-copy h2,.contact h2{font-size:clamp(48px,6vw,96px);line-height:.97;letter-spacing:-.05em;margin:35px 0}.tech-title h2 em,.work-copy h2 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #5e85a3}.tech-title p{max-width:450px;font:300 12px/2.2 "Noto Sans JP";color:#7690a4}.tech-image{position:relative}.tech-image:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid #214866}.tech-image img{height:600px;object-fit:cover;filter:saturate(.55) contrast(1.15)}.tech-image span{position:absolute;bottom:18px;left:18px;font-size:7px;letter-spacing:.2em;background:#07101b;padding:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.metrics>div{padding:55px 3vw;border-right:1px solid var(--line)}.metrics b{display:block;font-size:43px;font-weight:300;letter-spacing:-.04em}.metrics sup{color:var(--red);font-size:20px}.metrics span{font-size:7px;letter-spacing:.18em;color:#63809a}.services{padding:150px 7vw}.service-head{display:flex;justify-content:space-between;align-items:start}.service-head h2{font-size:69px;text-align:right;margin:0}.service-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--line)}.service-row article{min-height:390px;padding:38px 35px 30px 0;border-right:1px solid var(--line);position:relative}.service-row article+article{padding-left:35px}.service-row>b{color:var(--red)}.service-row h3{font-size:24px;font-weight:400;letter-spacing:.04em;margin:45px 0 25px}.service-row p{font:300 11px/2.1 "Noto Sans JP";color:#6f899d;max-width:330px}.service-row a{position:absolute;bottom:30px;font-size:8px;letter-spacing:.18em;color:#79a6c5}.works{display:grid;grid-template-columns:.62fr 1.38fr;gap:6vw;padding:130px 7vw;background:#07111f}.work-copy{position:sticky;top:160px;align-self:start}.work-copy h2{font-size:57px}.work-copy>a{display:inline-block;margin-top:40px;padding-bottom:12px;border-bottom:1px solid #41627b;font-size:8px;letter-spacing:.2em}.work-cards{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.work-cards figure{margin:0}.work-cards figure+figure{margin-top:180px}.work-cards img{height:600px;object-fit:cover;filter:saturate(.35) contrast(1.1);transition:.7s}.work-cards figure+figure img{height:440px}.work-cards figure:hover img{filter:saturate(1)}.work-cards figcaption{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.12em}.work-cards figcaption span{color:#5c7890}.cert{display:grid;grid-template-columns:1fr .5fr;gap:10vw;align-items:end;padding:150px 8vw;position:relative;overflow:hidden}.cert:before{content:"Y";position:absolute;right:-2vw;top:-180px;font-size:750px;line-height:1;color:#06172a;z-index:-1}.cert>div>span{color:var(--red);font-size:8px;letter-spacing:.28em}.cert h2{font-size:clamp(46px,6vw,92px);line-height:.88;letter-spacing:-.05em;margin:28px 0}.cert>p{font:300 12px/2.2 "Noto Sans JP";color:#718a9f}.contact{padding:150px 7vw;background:linear-gradient(135deg,#0a2541,#030912)}.contact>p{font-size:8px;letter-spacing:.3em;color:#77a8cd}.contact h2{font-size:10vw;margin:55px 0 85px}.contact>div{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact>div a{display:flex;justify-content:space-between;padding:25px 0;border-block:1px solid #3c617d;font-size:9px;letter-spacing:.14em}.contact>div b{font-size:16px;font-weight:300}footer{display:grid;grid-template-columns:1fr 1fr 1fr auto;padding:40px 4vw;background:#02060b;color:#58738a;font-size:8px;line-height:1.9;letter-spacing:.1em}footer a{text-align:center}footer small{text-align:right}@keyframes scan{0%,100%{transform:translateX(-15vw);opacity:0}30%,70%{opacity:.9}50%{transform:translateX(24vw)}}@keyframes ticker{to{transform:translateX(-50%)}}[data-reveal]{opacity:0;transform:translateY(35px);transition:opacity 1s,transform 1s cubic-bezier(.15,.75,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}@media(max-width:820px){header{height:70px;grid-template-columns:1fr auto;padding:0 20px}.logo b{font-size:12px}header nav,.tel{display:none}header button{display:block;border:0;background:transparent}header button i{display:block;width:25px;height:1px;background:#b3cee0;margin:7px}.menu-open header nav{display:flex;position:fixed;inset:70px 0 auto;padding:40px 25px;background:#030811;flex-direction:column}.hero{min-height:650px}.hero>img{object-position:65% center}.hero h1{font-size:59px}.hero h1 em{margin-left:0}.hero-copy{left:6vw;top:48%}.hero .jp{font-size:12px}.hero-copy>a{gap:25px}.scan{display:none}.tech{grid-template-columns:1fr;padding:100px 7vw}.tech-image img{height:52vh}.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:35px 7vw}.service-head{display:block}.service-head h2{text-align:left;font-size:49px;margin-top:25px}.services{padding:100px 7vw}.service-row{grid-template-columns:1fr}.service-row article,.service-row article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line);min-height:290px}.works{grid-template-columns:1fr;padding:100px 7vw}.work-copy{position:static}.work-cards{grid-template-columns:1fr}.work-cards figure+figure{margin-top:25px}.work-cards img,.work-cards figure+figure img{height:52vh}.cert{grid-template-columns:1fr;padding:100px 7vw}.cert:before{font-size:500px}.contact{padding:100px 7vw}.contact h2{font-size:16vw}.contact>div{grid-template-columns:1fr}.contact>div a{display:block}.contact>div b{display:block;margin-top:12px}footer{grid-template-columns:1fr;gap:24px}footer a,footer small{text-align:left}}