:root{--paper:#F4F2ED;--paper2:#EAE6DD;--ink:#1C1B18;--ink-soft:#57534B;--timber:#A9744F;--timber-soft:#C29368;--forest:#2E3A31;--concrete:#B8B3A9;--sky:#cdd6dc}body{background:var(--paper2);color:var(--ink)}.wrap{max-width:1140px;margin:0 auto;padding:0 clamp(24px,5vw,48px)}.kick{font-weight:500;letter-spacing:.18em;font-size:12px}.timber{color:var(--timber)}.timber-soft{color:var(--timber-soft)}.faint{color:#57534b80}.sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.sec-head.tight{margin-bottom:0;gap:8px}@media (min-width:768px){.sec-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}.header{position:fixed;top:0;left:0;right:0;z-index:50;background:#f4f2edb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(28,27,24,.05)}.header-in{max-width:1152px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between}.brand{line-height:1.3}.brand .ja{display:block;font-weight:700;font-size:18px;letter-spacing:.1em;color:var(--ink)}.brand .en{display:block;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:11px;letter-spacing:.25em;color:var(--timber)}.nav{display:none;align-items:center;gap:32px;font-size:13px;color:var(--ink-soft)}@media (min-width:768px){.nav{display:flex}}.nav a{transition:color .3s}.nav a:hover{color:var(--timber)}.nav .btn-solid{padding:10px 20px;border-radius:2px;background:var(--forest);color:var(--paper);transition:background .3s}.nav .btn-solid:hover{background:var(--timber);color:var(--paper)}.build{position:relative;height:600vh;background:var(--sky)}.build-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.build-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.build-canvas canvas{display:block}.build-head{position:absolute;top:15%;left:0;right:0;padding:0 8vw;z-index:2;pointer-events:none}.build-head .kick{color:#ffffffb3;font-size:14px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.build-head h1{font-weight:700;color:#fff;line-height:1.18;margin-top:8px;font-size:clamp(1.9rem,5.8vw,4.3rem);text-shadow:0 4px 40px rgba(0,0,0,.35)}.build-head h1 .lmask{white-space:nowrap}@media (max-width:640px){.build-head h1{font-size:min(1.9rem,7.9vw)}}.nw{white-space:nowrap}.cap-zone{position:absolute;left:0;right:0;bottom:14%;z-index:2;pointer-events:none}.cap{position:absolute;left:8vw;right:8vw;bottom:0}.cap .no{font-size:clamp(1rem,1.8vw,1.4rem);letter-spacing:.05em;color:var(--timber-soft)}.cap h2{font-weight:700;line-height:1.3;margin-top:.4rem;color:#fff;font-size:clamp(1.7rem,4.6vw,3.4rem);text-shadow:0 2px 30px rgba(0,0,0,.25)}.progress-wrap{position:absolute;left:8vw;right:8vw;bottom:8%;height:1px;background:#ffffff40;z-index:2}.progress-bar{height:100%;width:0;background:var(--timber-soft)}.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:#fff9;font-size:12px;letter-spacing:.3em;z-index:2;transition:opacity .4s}.sec-phil{padding:clamp(96px,12vw,144px) 0;background:var(--paper);text-align:center}.phil-wrap{max-width:896px;margin:0 auto;padding:0 24px}.phil-title{margin-top:24px;line-height:1.6;font-size:clamp(1.6rem,3.8vw,2.7rem)}.phil-body{margin:32px auto 0;max-width:672px;color:var(--ink-soft);line-height:2.1}.phil-body+.phil-body{margin-top:24px}.phil-body b{color:var(--ink);font-weight:700}.sec-nums{padding:clamp(80px,10vw,112px) 0;background:var(--forest);color:var(--paper)}.nums-title{margin:12px 0 16px;font-size:clamp(1.6rem,3.6vw,2.4rem)}.nums-lead{color:#f4f2edb3;line-height:2;max-width:672px;margin-bottom:48px}.nums-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 16px}@media (min-width:768px){.nums-grid{grid-template-columns:repeat(4,1fr)}}.num-v{font-weight:600;color:var(--timber-soft);line-height:1.1;font-size:clamp(2.4rem,6vw,3.8rem)}.num-v .unit{font-size:1.5rem}.num-k{color:#f4f2edb3;font-size:14px;margin-top:4px}.sec-flow{padding:clamp(96px,11vw,128px) 0;background:var(--paper)}.flow-title{margin-top:12px;font-size:clamp(1.7rem,4vw,2.7rem)}.led-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1rem,4vw,3.4rem);align-items:baseline;padding:clamp(1.5rem,3vw,2.5rem) 0;border-top:1px solid rgba(28,27,24,.13)}.led-list .led-row:last-child{border-bottom:1px solid rgba(28,27,24,.13)}.led-row:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--timber);transition:width .7s cubic-bezier(.19,1,.22,1)}.led-row:hover:after{width:100%}.led-no{font-size:clamp(1.8rem,3.6vw,3rem);color:#a9744f8c;line-height:.9;transition:color .5s}.led-row:hover .led-no{color:var(--timber)}.led-row h3{font-weight:600;font-size:clamp(1.25rem,2.2vw,1.5rem);margin-bottom:4px;transition:transform .5s cubic-bezier(.19,1,.22,1),color .5s}.led-row:hover h3{color:var(--timber);transform:translate(8px)}.led-row p{color:var(--ink-soft);font-size:14px;line-height:2;max-width:672px}.led-tag{align-self:center;color:#57534b8c}@media (max-width:640px){.led-row{grid-template-columns:auto 1fr}.led-tag{display:none}}.sec-works{padding:56px 0;background:var(--paper2)}.works-head{margin-bottom:40px}.works-head .kick{display:block;margin-bottom:12px}.works-title{font-size:clamp(1.7rem,4vw,2.7rem)}.works-gallery{overflow:hidden}.track{display:flex;gap:clamp(18px,3vw,32px);padding-inline:8vw;will-change:transform}.wcard{flex:0 0 clamp(280px,74vw,440px)}.wthumb{aspect-ratio:16/11;border-radius:12px;position:relative;overflow:hidden;border:1px solid rgba(28,27,24,.1)}.wthumb .wno{position:absolute;left:16px;bottom:8px;font-size:3rem;color:#f4f2edeb;line-height:1;z-index:1}.wmeta{font-size:12px;letter-spacing:.05em;color:var(--timber);margin-top:16px}.wcard h3{font-weight:600;font-size:18px;margin-top:4px;transition:color .3s}.wcard:hover h3{color:var(--timber)}.wdesc{color:var(--ink-soft);font-size:14px;margin-top:4px;line-height:1.8}.plan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:16px;color:var(--paper2);background:#1f1e19;opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1);background-image:linear-gradient(0deg,rgba(234,230,221,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(234,230,221,.13) 1px,transparent 1px);background-size:22px 22px}.wcard:hover .plan{opacity:1}.plan svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:58%;height:auto;stroke:#eae6dd8c;fill:none;stroke-width:.9;vector-effect:non-scaling-stroke}.plan svg path{vector-effect:non-scaling-stroke}.plan .pk{position:absolute;left:16px;top:13px;font-size:12px;letter-spacing:.12em;color:#eae6ddb3}.plan .pno{position:absolute;right:14px;top:11px;font-size:1.5rem;color:#eae6dd99}.plan .pt{position:absolute;left:16px;right:16px;bottom:12px;font-weight:600;font-size:13px;border-top:1px solid rgba(234,230,221,.28);padding-top:8px}.arch-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;mix-blend-mode:multiply;background-image:linear-gradient(0deg,rgba(28,27,24,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(28,27,24,.5) 1px,transparent 1px);background-size:42px 42px}@media (max-width:720px){.works-gallery{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:12px}.wcard{scroll-snap-align:center}}.sec-marq{padding:clamp(64px,8vw,80px) 0;background:var(--forest);color:var(--paper);overflow:hidden}.sec-marq .marquee{padding:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.sec-marq .marquee-track{gap:2.6rem;align-items:center}.marq-item{display:inline-flex;align-items:center;gap:2.6rem;white-space:nowrap}.marq-item .t{font-weight:600;font-size:clamp(1.4rem,3.4vw,2.2rem)}.marq-item .sep{color:var(--timber-soft);font-size:clamp(1rem,2.2vw,1.4rem)}.sec-cta{padding:clamp(96px,11vw,128px) 0;background:var(--paper);text-align:center}.cta-title{margin:24px 0 20px;line-height:1.5;font-size:clamp(1.8rem,4.4vw,2.9rem)}.cta-body{color:var(--ink-soft);line-height:2.1;margin:0 auto 40px;max-width:576px}.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.btn-cta{display:inline-block;padding:16px 36px;border-radius:2px;background:var(--timber);color:var(--paper);font-weight:500;font-size:14px;transition:background .3s}.btn-cta:hover{background:var(--timber-soft)}.btn-ghost{display:inline-block;padding:16px 36px;border-radius:2px;border:1px solid rgba(28,27,24,.2);color:var(--ink);font-weight:500;font-size:14px;transition:border-color .3s,color .3s}.btn-ghost:hover{border-color:var(--timber);color:var(--timber)}@media (min-width:768px){.br-sp{display:none}}.footer{background:var(--ink);color:#f4f2edb3;padding:56px 0}.footer-in{max-width:1152px;margin:0 auto;padding:0 clamp(24px,5vw,48px);display:flex;flex-direction:column;gap:24px}@media (min-width:768px){.footer-in{flex-direction:row;justify-content:space-between}}.footer .fb{font-weight:700;font-size:18px;letter-spacing:.1em;color:var(--paper)}.footer .fe{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:11px;letter-spacing:.25em;color:var(--timber-soft)}.footer .fc{font-size:12px;align-self:flex-end}@media (prefers-reduced-motion:reduce){.build{height:100vh}.led-row:after,.led-row h3,.led-row .led-no,.wcard h3,.plan{transition:none}}