:root{--ivory:#f1eee7;--paper:#f8f6f1;--greige:#b8afa3;--taupe:#82776b;--green:#365f4b;--green-dark:#263d32;--green-soft:#87a091;--ink:#62655f;--charcoal:#26352d;--line:rgba(54,95,75,.2);--accent:var(--green);--accent-light:#9db4a7;--accent-dark:var(--green-dark);--bg-warm:var(--ivory);--bg:var(--ivory);--dark:var(--charcoal);--dark-sub:#30443a;--text:var(--ink);--text-light:#6f726c;--text-muted:#92958e;--border:var(--line);--header-h:88px}
html{background:var(--paper)}
body{background:var(--paper);font-feature-settings:"palt";letter-spacing:.025em}
.container{max-width:1280px;padding-inline:clamp(24px,5vw,76px)}
.header{mix-blend-mode:normal}.header-inner{max-width:none;height:var(--header-h);padding:0 clamp(20px,4vw,60px)}
.header.scrolled{background:rgba(248,246,241,.94);box-shadow:0 1px var(--line)}
.logo-img{height:46px}.header-cta{background:var(--charcoal);padding:13px 24px}.hamburger{width:52px;height:52px}
.fullnav{background:var(--ivory)}.fullnav-inner{width:min(1080px,90vw);text-align:left}.fullnav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8vw}.fullnav-link{font-family:var(--font-display);font-size:clamp(22px,3vw,42px);border-bottom:1px solid var(--line);padding:16px 0}.fullnav-info{text-align:left}
.hero{height:max(720px,100svh);margin:0 0 clamp(80px,12vw,190px)}.hero-overlay{background:linear-gradient(90deg,rgba(16,18,16,.56),rgba(16,18,16,.03) 66%),linear-gradient(0deg,rgba(16,18,16,.38),transparent 55%)}.hero-body{max-width:none;padding:0 clamp(24px,7vw,110px) clamp(70px,9vw,130px)}.hero-content{max-width:900px}.hero-eyebrow,.sec-en{font-family:var(--font-en);font-size:12px;letter-spacing:.38em}.hero-title{font-size:clamp(44px,7.2vw,104px);font-weight:400;line-height:1.28;letter-spacing:.08em}.hero-sub{font-size:clamp(13px,1.2vw,16px);max-width:520px}.hero-actions{margin-top:36px}.btn{min-width:190px;padding:17px 28px}.hero-scroll{left:auto;right:4vw;transform:none}
.hero-photo{position:absolute;inset:0;background-size:cover;background-position:center 58%;opacity:0;transform:scale(1.025);animation:heroPhoto 35s ease-in-out infinite}.hero-photo--01{background-image:url('assets/media/photo-12cf29f886bf6afb.webp');animation-delay:0s}.hero-photo--02{background-image:url('assets/media/photo-e59ce3af93f56394.webp');background-position:center 55%;animation-delay:7s}.hero-photo--03{background-image:url('assets/media/photo-d928baeeb46abb07.webp');background-position:center 52%;animation-delay:14s}.hero-photo--04{background-image:url('assets/media/photo-b7dc6f62e960ff06.webp');background-position:center 58%;animation-delay:21s}.hero-photo--05{background-image:url('assets/media/photo-937020e84d64f448.webp');background-position:center 52%;animation-delay:28s}@keyframes heroPhoto{0%{opacity:0;transform:scale(1.025)}2%,18%{opacity:1}20%,100%{opacity:0;transform:scale(1.08)}}
.section{padding:clamp(88px,12vw,180px) 0}.sec-head{text-align:left;margin-bottom:clamp(50px,7vw,100px);display:grid;grid-template-columns:minmax(120px,.45fr) 1fr;align-items:end}.sec-en{margin:0}.sec-title{font-size:clamp(34px,5vw,72px);font-weight:400;line-height:1.35;letter-spacing:.06em}.sec-bar{display:none}.sec-lead{grid-column:2;font-size:14px;max-width:560px}
.section--reason{position:relative}.section--reason:before{content:"CONCEPT";display:block;margin:0 clamp(24px,5vw,76px) -3vw;font:clamp(64px,15vw,220px)/.8 var(--font-en);letter-spacing:.03em;color:rgba(37,39,36,.055)}.reason-grid{grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.reason-item{text-align:left;padding:42px 28px;border-right:1px solid var(--line)}.reason-item:last-child{border-right:0}.reason-icon{margin:0 0 60px;width:36px}.reason-title{font-size:18px}.reason-text{font-size:13px}
.section--works{background:var(--ivory)}.works-grid{display:grid!important;grid-template-columns:1.28fr .72fr!important;gap:clamp(32px,7vw,110px)!important;align-items:start}.works-card{background:transparent;box-shadow:none!important}.works-card:hover{transform:none}.works-card:nth-child(even){margin-top:clamp(100px,16vw,260px)}.works-img img{height:auto;aspect-ratio:4/3}.works-card:nth-child(even) .works-img img{aspect-ratio:3/4}.works-cat{background:var(--charcoal);top:auto;bottom:0}.works-body{padding:24px 0}.works-area{font-family:var(--font-en);letter-spacing:.18em}.works-name{font-family:var(--font-display);font-size:clamp(20px,2.2vw,31px);font-weight:400}.works-desc{max-width:440px}
.section--service{background:var(--charcoal);padding:clamp(100px,13vw,190px) 0}.service-grid{display:block}.service-card{display:grid;grid-template-columns:100px minmax(180px,.6fr) 1fr 36px;text-align:left;align-items:center;border:0;border-top:1px solid rgba(255,255,255,.18);padding:38px 0}.service-card:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.service-card:before{content:"#0" counter(service);counter-increment:service;font-family:var(--font-en);color:var(--greige);font-size:18px}.service-grid{counter-reset:service}.service-icon{display:none}.service-name{font-size:clamp(21px,2.2vw,32px);font-weight:400;margin:0}.service-text{font-size:13px;max-width:470px}.service-card:after{content:"↗";color:var(--greige);font-size:22px}.service-card:hover{background:transparent;border-color:rgba(255,255,255,.5);transform:translateX(8px)}
.section--insta{background:var(--paper)}.insta-feed-container{min-height:0}.insta-fallback{background:transparent;border:1px solid var(--line);padding:90px 20px}
.section--recruit{padding:clamp(140px,17vw,240px) 0;text-align:left}.recruit-inner{max-width:1280px;margin:auto;padding-inline:clamp(24px,5vw,76px)}.recruit-overlay{background:rgba(26,28,25,.72)}
.section--contact{background:var(--ivory)}.contact-grid{gap:0;border-top:1px solid var(--line)}.contact-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:54px 24px}.contact-card:last-child{border-right:0}.contact-card--line{background:rgba(255,255,255,.28)}
.page-hero{height:min(72vh,760px);min-height:520px}.page-hero-overlay{background:linear-gradient(90deg,rgba(20,22,20,.68),rgba(20,22,20,.2))}.page-hero-content{left:clamp(24px,7vw,110px);bottom:clamp(60px,8vw,110px)}.page-hero-title{font-size:clamp(46px,7vw,92px);font-weight:400}.page-hero-lead{font-size:14px;max-width:500px}
.content-main{background:var(--paper)}.card-grid{grid-template-columns:repeat(2,1fr);gap:clamp(36px,6vw,90px)}.card{border:0;background:transparent}.card:nth-child(even){margin-top:100px}.card-img{height:auto;aspect-ratio:4/3}.card-body{padding:22px 0}.card-title{font-family:var(--font-display);font-size:24px;font-weight:400}.service-detail{margin-bottom:clamp(100px,12vw,170px)}.service-detail-grid{gap:clamp(40px,8vw,120px)}.service-detail-img{height:auto;aspect-ratio:4/3}.service-detail-num{font-size:18px}.service-detail-title{font-size:clamp(28px,4vw,50px);font-weight:400}.info-table th,.info-table td{padding-block:22px}.message-grid{grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:clamp(40px,9vw,140px)}
.footer{padding-top:clamp(80px,10vw,140px)}.footer-grid{grid-template-columns:1fr 1.5fr}.footer-sns a{width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center}.footer-sns a:hover{color:#fff;border-color:#fff}.footer-nav{gap:40px}.footer-col a{padding:8px 0}
.life-intro{padding:clamp(100px,15vw,220px) 0}.life-copy{font-family:var(--font-display);font-size:clamp(38px,7vw,92px);font-weight:400;line-height:1.45}.life-lead{max-width:520px;margin:50px 0 0 auto;font-size:15px;line-height:2.3}.life-gallery{display:grid;grid-template-columns:1.15fr .7fr;gap:clamp(60px,12vw,180px);align-items:start;padding-bottom:clamp(120px,16vw,220px)}.life-gallery figure:nth-child(even){margin-top:180px}.life-gallery img{width:100%;height:auto}.life-gallery figcaption{font-size:12px;margin-top:14px;color:var(--text-muted)}
@media(max-width:768px){:root{--header-h:72px}.container{padding-inline:20px}.logo-img{height:38px}.fullnav-links{grid-template-columns:1fr}.fullnav-link{font-size:21px;padding:10px 0}.fullnav-info{margin-top:20px}.hero{height:100svh;min-height:620px;margin-bottom:76px}.hero-photo{background-position:59% center}.hero-photo--02{background-position:48% center}.hero-overlay{background:linear-gradient(90deg,rgba(16,18,16,.58),rgba(16,18,16,.08) 88%),linear-gradient(0deg,rgba(16,18,16,.36),transparent 60%)}.hero-body{padding:0 22px 90px}.hero-title{font-size:clamp(39px,12vw,58px);line-height:1.35}.hero-sub{display:none}.hero-actions{display:none}.section{padding:88px 0}.sec-head{display:block;margin-bottom:48px}.sec-en{margin-bottom:12px}.sec-title{font-size:36px}.sec-lead{font-size:13px}.section--reason:before{margin-bottom:25px}.reason-grid{grid-template-columns:1fr}.reason-item{border-right:0;border-bottom:1px solid var(--line);padding:30px 4px}.reason-icon{margin-bottom:28px}.works-grid{grid-template-columns:1fr!important;gap:70px!important}.works-card:nth-child(even){margin-top:0;margin-left:18vw}.works-card:nth-child(odd){margin-right:8vw}.works-body{padding-top:17px}.works-name{font-size:23px}.service-card{grid-template-columns:54px 1fr 30px;padding:29px 0}.service-card:before{font-size:14px}.service-name{font-size:21px}.service-text{display:none}.contact-grid{grid-template-columns:1fr}.contact-card{border-right:0}.page-hero{min-height:480px;height:70svh}.page-hero-content{left:20px;right:20px;bottom:70px}.page-hero-title{font-size:42px}.card-grid{grid-template-columns:1fr}.card:nth-child(even){margin:0 0 0 12vw}.message-grid{grid-template-columns:1fr}.service-detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.life-copy{font-size:40px}.life-lead{margin-top:35px}.life-gallery{grid-template-columns:1fr;gap:60px}.life-gallery figure:nth-child(even){margin:0 0 0 12vw}.fixed-bar{background:var(--paper)}body{padding-bottom:calc(56px + var(--safe-bottom))}}
@media(prefers-reduced-motion:no-preference){[data-reveal]{transform:translateY(48px);transition-duration:1s}.works-img,.card-img,.service-detail-img{overflow:hidden}.works-img img,.card-img,.service-detail-img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.works-card:hover img,.card:hover .card-img{transform:scale(1.035)}}
.works-detail-gallery img{cursor:zoom-in;transition:opacity .25s}.works-detail-gallery img:hover{opacity:.82}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(19,20,18,.94);display:grid;place-items:center;padding:clamp(20px,5vw,70px);opacity:0;pointer-events:none;transition:opacity .3s}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox img{max-width:100%;max-height:88svh;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:24px;color:#fff;width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:26px;line-height:1}.lightbox-count{position:absolute;left:24px;bottom:20px;color:rgba(255,255,255,.72);font:14px var(--font-en);letter-spacing:.15em}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;width:48px;height:70px;font-size:30px}.lightbox-prev{left:14px}.lightbox-next{right:14px}

/* Color system: green headings / grey body copy */
body{color:var(--text)}
h1,h2,h3,h4{color:var(--green)!important}
.sec-title,.reason-title,.works-name,.card-title,.service-detail-title,.form-title,.job-title,.recruit-section h3,.privacy-body h3,.life-copy,.timeline-year,.contact-num,.contact-method-value,.news-title,.fullnav-link,.logo-jp{color:var(--green)}
.sec-en,.works-area,.service-detail-num,.card-link,.card-meta,.req,.news-date,.news-cat,.staff-role,.voice-stars,.day-time,.job-dl dt{color:var(--green)}
p,.reason-text,.works-desc,.card-text,.service-detail-text,.message-body p,.staff-text,.voice-quote,.privacy-body p,.info-table td,.timeline-item p,.day-item p,.job-dl dd,.form-label,.map-address,.life-lead{color:var(--text-light)}
.header-cta,.btn--primary,.fixed-btn--cta{background:var(--green)}
.header-cta:hover,.btn--primary:hover{background:var(--green-dark)}
.btn--outline{border-color:var(--green);color:var(--green)}.btn--outline:hover{background:var(--green);color:#fff}
.section--service,.footer,.cta-band{background:var(--green-dark)}
.section--service .sec-title,.section--service .service-name,.section--service p,.footer p,.footer h4,.cta-band p{color:#fff!important}
.section--service .sec-en,.section--service .service-card:before,.section--service .service-card:after{color:var(--accent-light)}
.works-cat,.card-badge{background:var(--green-dark)}
.reason-icon,.contact-card svg,.contact-method svg{color:var(--green)}
.page-hero-title,.page-hero .sec-en,.page-hero-lead,.hero-title,.hero-eyebrow,.hero-sub{color:#fff!important}
.footer-sns a{color:var(--accent-light)}
.info-table th{color:var(--green)}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--green)}
@media(max-width:768px){.hero-photo--03{background-position:48% center}.hero-photo--04{background-position:52% center}.hero-photo--05{background-position:62% center}}

/* SUPER WALL */
.sw-hero{position:relative;height:min(92svh,900px);min-height:650px;overflow:hidden}.sw-hero-bg{position:absolute;inset:0;background:url('assets/media/photo-d928baeeb46abb07.webp') center 55%/cover no-repeat}.sw-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,34,27,.76),rgba(20,34,27,.08) 76%)}.sw-hero-content{position:absolute;left:clamp(24px,7vw,110px);bottom:clamp(70px,9vw,130px);z-index:1;color:#fff}.sw-hero-content .sec-en{color:#c8d7ce}.sw-hero-content h1{color:#fff!important;font:400 clamp(42px,6.7vw,92px)/1.35 var(--font-display);letter-spacing:.06em}.sw-hero-content>p:last-child{color:rgba(255,255,255,.78);margin-top:24px}.sw-values{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sw-values article{padding:42px 28px;border-right:1px solid var(--line)}.sw-values article:last-child{border:0}.sw-values span,.sw-feature-grid b{font:14px var(--font-en);letter-spacing:.16em;color:var(--green)}.sw-values h3{font:400 30px var(--font-display);margin:40px 0 14px}.sw-values p{font-size:13px}.sw-performance{background:var(--ivory)}.sw-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.sw-feature-grid article{background:var(--paper);padding:clamp(34px,5vw,70px)}.sw-feature-grid h3{font:400 clamp(26px,3vw,40px) var(--font-display);margin:28px 0 18px}.sw-note{font-size:11px;margin-top:18px}.sw-panel-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,140px);align-items:center}.sw-panel-layout>div>p{line-height:2.2;margin:30px 0}.sw-panel-layout img{width:100%;aspect-ratio:4/5;object-fit:cover}.text-link{display:inline-block;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:5px;font-size:13px}.sw-proof{background:var(--paper)}.sw-links{border-top:1px solid var(--line)}.sw-links a{display:grid;grid-template-columns:220px 1fr 30px;padding:28px 0;border-bottom:1px solid var(--line);color:var(--green);font-size:18px}.sw-links a:after{content:'↗'}.sw-links span{font:13px var(--font-en);letter-spacing:.18em;color:var(--text-muted)}.sw-contact{background:var(--green-dark);padding:clamp(100px,13vw,180px) 0;color:#fff}.sw-contact h2{color:#fff!important;font:400 clamp(34px,5vw,66px)/1.5 var(--font-display);margin:16px 0 24px}.sw-contact p{color:rgba(255,255,255,.72)}.sw-contact>div>div{display:flex;gap:28px;align-items:center;margin-top:40px}.sw-tel{font:26px var(--font-en);color:#fff}
@media(max-width:768px){.sw-hero{height:82svh;min-height:600px}.sw-hero-bg{background-position:52% center}.sw-hero-content{left:20px;right:20px;bottom:80px}.sw-hero-content h1{font-size:40px}.sw-values{grid-template-columns:1fr 1fr}.sw-values article{padding:28px 18px;border-bottom:1px solid var(--line)}.sw-values h3{margin-top:22px;font-size:25px}.sw-feature-grid{grid-template-columns:1fr}.sw-panel-layout{grid-template-columns:1fr}.sw-panel-layout img{aspect-ratio:4/3}.sw-links a{grid-template-columns:1fr 25px;gap:8px;font-size:15px}.sw-links span{grid-column:1/-1}.sw-contact>div>div{align-items:stretch;flex-direction:column}.sw-tel{text-align:center}}