:root{--ink:#06101a;--ink2:#0a1927;--panel:#0d2234;--blue:#1672b8;--blue2:#35a4e8;--ice:#dcecf7;--white:#f7fbff;--muted:#9fb4c5;--line:rgba(255,255,255,.12);--max:1180px;--header:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8;letter-spacing:.03em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:fixed;left:8px;top:-80px;z-index:9999;background:#fff;color:#000;padding:10px 14px}.skip:focus{top:8px}
.site-header{position:sticky;top:0;z-index:1000;height:var(--header);background:rgba(5,15,24,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;font-weight:800;white-space:nowrap}.brand img{width:58px;height:58px;border-radius:50%}.brand span small{display:block;color:var(--muted);font-size:.64rem;letter-spacing:.18em}.main-nav{display:flex;align-items:center;gap:22px;font-weight:700;font-size:.86rem}.main-nav a{position:relative;padding:8px 0}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--blue2);transition:.35s}.main-nav a:hover:after,.main-nav a[aria-current="page"]:after{right:0}.header-cta{padding:12px 18px;border:1px solid rgba(93,190,248,.6);background:linear-gradient(135deg,#0c5790,#1688d0);font-weight:800}.menu-btn{display:none;width:48px;height:48px;background:none;border:1px solid var(--line);color:#fff}.menu-btn span,.menu-btn:before,.menu-btn:after{content:"";display:block;width:23px;height:2px;background:#fff;margin:5px auto;transition:.3s}
.page-hero{position:relative;min-height:clamp(520px,70vh,760px);display:grid;align-items:end;overflow:hidden;background:#071523}.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(44,151,220,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(44,151,220,.10) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent)}.page-hero:after{content:"";position:absolute;width:65vw;height:65vw;right:-22vw;top:-28vw;border-radius:50%;background:radial-gradient(circle,rgba(39,153,228,.32),transparent 68%);filter:blur(20px)}.hero-photo{position:absolute;inset:0;background:center/cover no-repeat;opacity:.28;filter:saturate(.65) contrast(1.15)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,22,.94) 0%,rgba(4,13,22,.60) 55%,rgba(4,13,22,.72) 100%),linear-gradient(0deg,var(--ink),transparent 50%)}.hero-content{position:relative;z-index:2;padding:110px 0 92px}.kicker{display:flex;align-items:center;gap:18px;color:#67c4ff;font-size:.78rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.kicker:before{content:"";width:64px;height:2px;background:#67c4ff}.page-title{font-size:clamp(3.1rem,9vw,8.2rem);line-height:.92;margin:30px 0 28px;letter-spacing:-.04em}.page-title .outline{-webkit-text-stroke:1px rgba(255,255,255,.55);color:transparent}.hero-lead{max-width:720px;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:650;color:#d7e7f3}.hero-index{position:absolute;right:4vw;bottom:60px;font-size:clamp(6rem,18vw,16rem);line-height:.8;font-weight:900;color:rgba(255,255,255,.025);z-index:1}
.section{position:relative;padding:110px 0;overflow:hidden}.section.alt{background:var(--ink2)}.section.light{background:linear-gradient(135deg,#eef8ff,#b9e5ff);color:#07131f}.section-head{display:grid;grid-template-columns:170px 1fr;gap:38px;margin-bottom:62px}.section-num{color:#4bb4f3;font-weight:900;letter-spacing:.16em}.section-title{font-size:clamp(2rem,5vw,4.8rem);line-height:1.15;margin:0 0 20px;letter-spacing:-.035em}.section-copy{max-width:760px;color:var(--muted);font-size:1.05rem}.light .section-copy{color:#37566d}.big-word{position:absolute;top:20px;right:-20px;font-size:clamp(7rem,18vw,15rem);font-weight:900;color:rgba(255,255,255,.018);white-space:nowrap;pointer-events:none}.light .big-word{color:rgba(4,38,61,.06)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;background:linear-gradient(145deg,rgba(16,45,68,.92),rgba(8,24,38,.96));border:1px solid var(--line);padding:36px;min-height:260px;overflow:hidden}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--blue2),transparent);transform:scaleY(0);transform-origin:top;transition:.5s}.card:hover:before{transform:scaleY(1)}.card-no{font-size:.75rem;color:#64c2fb;letter-spacing:.18em}.card h3{font-size:1.55rem;margin:18px 0 12px}.card p{color:var(--muted);margin:0}.card-icon{font-size:3rem;color:#49b8fa;opacity:.8}.image-card{position:relative;min-height:420px;overflow:hidden;background:#0c1e2c}.image-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.55) brightness(.72);transition:transform 1.1s,filter .6s}.image-card:hover img{transform:scale(1.055);filter:saturate(.75) brightness(.82)}.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,10,17,.95),transparent 62%)}.image-card-body{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.image-card-body h3{font-size:1.65rem;margin:8px 0}.tag{font-size:.72rem;letter-spacing:.15em;color:#6ac7ff}.notice{margin-top:28px;padding:18px 22px;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:.86rem}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.photo-frame{position:relative}.photo-frame:before{content:"";position:absolute;inset:22px -22px -22px 22px;border:1px solid rgba(78,183,246,.35)}.photo-frame img{position:relative;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.55) brightness(.76)}.check-list{display:grid;gap:0;margin:30px 0 0;padding:0;list-style:none}.check-list li{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:46px 1fr;gap:12px}.check-list strong{color:#60c1fb}
.flow-list{display:grid;gap:0;border-top:1px solid var(--line)}.flow-item{display:grid;grid-template-columns:120px 1fr 1.4fr;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.flow-item .n{font-size:2.3rem;font-weight:900;color:#43b3f4}.flow-item h3{margin:0;font-size:1.3rem}.flow-item p{margin:0;color:var(--muted)}
.company-table{border-top:1px solid var(--line)}.company-row{display:grid;grid-template-columns:220px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.company-row dt{font-weight:800;color:#78cfff}.company-row dd{margin:0}.company-row a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.3)}
.cta{padding:70px 0;background:linear-gradient(135deg,#0f4163,#0a2235);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.cta h2{font-size:clamp(1.8rem,4vw,3.6rem);margin:0 0 10px}.cta p{margin:0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:230px;padding:18px 24px;background:linear-gradient(135deg,#197fc2,#36a7e8);font-weight:900;box-shadow:0 15px 45px rgba(11,120,188,.25);transition:.3s}.btn:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(11,120,188,.35)}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.35);box-shadow:none}
.recruit-panel{padding:50px;background:rgba(255,255,255,.72);border:1px solid rgba(3,51,82,.12);box-shadow:0 25px 80px rgba(22,104,153,.16);backdrop-filter:blur(12px)}.recruit-panel h3{font-size:clamp(1.8rem,4vw,3rem);margin-top:0}.recruit-panel p{color:#34566d}.recruit-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.recruit-point{background:rgba(255,255,255,.72);padding:24px;border:1px solid rgba(4,64,101,.12)}.recruit-point strong{display:block;font-size:1.15rem;color:#08466f;margin-bottom:8px}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.contact-card{padding:38px;background:linear-gradient(145deg,#0d2940,#081a29);border:1px solid var(--line)}.contact-card .label{color:#67c7ff;font-size:.75rem;letter-spacing:.15em}.contact-card .value{display:block;font-size:clamp(1.55rem,4vw,2.8rem);font-weight:900;margin:12px 0}.contact-card p{color:var(--muted)}
.site-footer{padding:60px 0 30px;background:#030b12}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.footer-nav a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#b9cbd8}.copyright{margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#6f8798;font-size:.78rem}
/* Progressive-enhancement animation: visible without JS */
.reveal{opacity:1;transform:none;filter:none}.js .reveal{opacity:0;transform:translateY(80px);filter:blur(10px);transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform 1s cubic-bezier(.16,1,.3,1),filter .85s}.js .reveal.from-left{transform:translateX(-90px)}.js .reveal.from-right{transform:translateX(90px)}.js .reveal.is-visible{opacity:1;transform:none;filter:none}.js .stagger>*{opacity:0;transform:translateY(65px);filter:blur(7px);transition:opacity .75s,transform .9s cubic-bezier(.16,1,.3,1),filter .75s}.js .stagger.is-visible>*{opacity:1;transform:none;filter:none}.js .stagger.is-visible>*:nth-child(2){transition-delay:.12s}.js .stagger.is-visible>*:nth-child(3){transition-delay:.24s}.js .stagger.is-visible>*:nth-child(4){transition-delay:.36s}.mask-title{overflow:hidden}.js .mask-title>*{transform:translateY(110%);transition:transform 1s cubic-bezier(.16,1,.3,1)}.js .mask-title.is-visible>*{transform:none}
@media(max-width:960px){:root{--header:74px}.main-nav,.header-cta{display:none}.menu-btn{display:block}.main-nav.open{display:flex;position:fixed;left:0;right:0;top:var(--header);height:calc(100dvh - var(--header));background:#06131f;flex-direction:column;align-items:flex-start;padding:40px 28px;gap:18px;font-size:1.15rem}.main-nav.open a{width:100%;border-bottom:1px solid var(--line);padding:14px 0}.page-hero{min-height:640px}.hero-content{padding:90px 0 70px}.page-title{font-size:clamp(3rem,15vw,5.4rem)}.section{padding:82px 0}.section-head{grid-template-columns:1fr;gap:12px;margin-bottom:44px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:44px}.flow-item{grid-template-columns:80px 1fr}.flow-item p{grid-column:2}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.recruit-points{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(100% - 28px,var(--max))}.brand img{width:48px;height:48px}.brand span{font-size:.88rem}.brand span small{font-size:.52rem}.page-hero{min-height:610px}.hero-index{bottom:30px}.grid-2,.grid-4,.contact-cards{grid-template-columns:1fr}.card{min-height:auto;padding:28px}.image-card{min-height:390px}.company-row{grid-template-columns:1fr;gap:7px}.flow-item{grid-template-columns:58px 1fr;gap:12px}.recruit-panel{padding:28px}.footer-nav{grid-template-columns:1fr}.section-title{font-size:2.35rem}.page-title{font-size:3.55rem}.kicker{gap:12px}.kicker:before{width:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js .reveal,.js .stagger>*,.js .mask-title>*{opacity:1!important;transform:none!important;filter:none!important}}
.crumb{margin-bottom:18px;color:#c6d9e7;font-size:.86rem}.crumb a{color:#87d1ff}.page-hero-work .hero-photo{opacity:.34;filter:saturate(.8) contrast(1.08) brightness(.72)}
.category-links{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px}.category-chip{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid rgba(102,201,255,.25);background:rgba(12,32,49,.72);font-weight:700}.category-chip.active{background:linear-gradient(135deg,#0f568a,#1888cf);border-color:rgba(118,217,255,.65)}.category-chip[aria-disabled="true"]{opacity:.55;cursor:default}
.plant-summary .card{min-height:unset}.plant-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.plant-shot{position:relative;overflow:hidden;background:#0b1b29;border:1px solid var(--line)}.plant-shot img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.75) brightness(.85);transition:transform .9s ease,filter .5s ease}.plant-shot:hover img{transform:scale(1.04);filter:saturate(.9) brightness(.95)}.plant-shot-body{padding:22px 22px 24px}.plant-shot-body h3{margin:10px 0 8px;font-size:1.35rem}.plant-shot-body p{margin:0;color:var(--muted)}.works-nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:50px}
@media(max-width:620px){.plant-gallery{grid-template-columns:1fr}.plant-shot img{aspect-ratio:4/4.5}.category-links{gap:10px}.category-chip{width:100%;justify-content:flex-start}}