/* Owner brief v004. Original employee pixels, black / white / gold. */
.effect-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:40px;padding-right:6vw}.section-copy{min-width:0;display:grid;gap:20px}.effect-split h2{font-size:clamp(32px,3.7vw,57px);line-height:1.4}.section-copy .body-copy{margin-top:0}.section-copy .cta{min-width:0;justify-self:start}.effect-panel{position:relative;min-width:0;max-width:100%;isolation:isolate}.effect-kicker{font-size:10px;letter-spacing:2px;color:#c0a05a;margin-bottom:15px}.pixel-robot{image-rendering:pixelated;object-fit:contain;filter:drop-shadow(4px 8px 1px #0006)}
.vision-film{padding:20px 0}.film-art{height:360px;position:relative}.effect-room{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:.9}.film-agent{position:absolute;height:39%;left:46%;bottom:18%;animation:work-bob 2.5s ease-in-out infinite}.film-assistant{position:absolute;height:29%;left:20%;bottom:30%;animation:work-bob 2.5s 1s ease-in-out infinite}.film-phone{position:absolute;left:59%;top:37%;font-size:32px;color:#d2b576;line-height:1;animation:answer-call 6s infinite;filter:drop-shadow(0 0 9px #c0a05a77)}.film-paper{position:absolute;left:48%;top:27%;padding:8px 16px;background:#e7ddc5;color:#080808;font-size:32px;opacity:0}.film-chart{position:absolute;right:8%;top:10%;width:40%;height:40%;padding:15px;display:flex;gap:9px;align-items:flex-end;border-left:1px solid #c0a05a66;border-bottom:1px solid #c0a05a66;opacity:0}.chart-bar{width:14%;height:30%;background:#c0a05a;transform-origin:bottom;animation:chart-rise 3s infinite}.bar-1{height:45%;animation-delay:.15s}.bar-2{height:62%;animation-delay:.3s}.bar-3{height:78%;animation-delay:.45s}.bar-4{height:100%;animation-delay:.6s}.vision-scene[data-vision-phase="1"] .film-phone,.vision-scene[data-vision-phase="2"] .film-phone{opacity:0}.vision-scene[data-vision-phase="1"] .film-paper{opacity:1;animation:paper-done 2.5s infinite}.vision-scene[data-vision-phase="2"] .film-chart{opacity:1}.vision-scene[data-vision-phase="0"] .film-chart{opacity:.7;animation:call-result 6s infinite}.film-label{border-top:1px solid #a4894d;padding:15px 0;color:#dcc28b;font-size:13px;line-height:1.8}.vision-scene .questions{gap:14px;margin-top:0}.vision-scene .questions p{font-size:clamp(15px,1.7vw,25px);color:#a7a294;transition:color .5s,border-color .5s}.vision-scene .questions p.phase-active{color:#fff;border-color:#d0ad63}
.works-mascot{position:absolute;right:9vw;top:128px;width:210px;height:190px;animation:float 4s ease-in-out infinite;pointer-events:none}.award-agent{position:absolute;height:155px;right:30px;bottom:0}.held-work{position:absolute;right:0;top:30px;width:96px;aspect-ratio:1.35;object-fit:cover;object-position:top;border:5px solid #b69759;transform:rotate(-8deg);box-shadow:5px 7px #0008}#works>h2{max-width:70%}
.service-estimate{position:absolute;right:8vw;top:147px;width:330px}.estimate-button{display:flex;align-items:center;justify-content:center;gap:26px;background:#c0a05a;color:#080808;padding:20px 24px;font-size:20px;font-weight:700;border:1px solid #e1c482;text-decoration:none;min-height:60px;line-height:1.45;animation:estimate-glow 4s ease-in-out infinite}.estimate-button:hover{background:#e2c582}.service-estimate p{font-size:11px;color:#d6c6a5;margin-top:10px;line-height:1.6}#service>h2{max-width:65%;font-size:clamp(32px,3.6vw,54px)}
.voice-heading{display:flex;align-items:center;gap:16px;margin-bottom:10px}.voice-heading h3{font-size:19px;font-weight:500;color:#e0c589}.thinking-robot{position:relative;width:72px;height:84px;flex:none}.thinking-robot .pixel-robot{height:76px;width:56px;position:absolute;bottom:0;left:0;animation:think 6s infinite}.thinking-robot>span{position:absolute;right:2px;top:0;color:#dab871;font-size:26px;font-weight:700}.thought-question{animation:question-fade 6s infinite}.thought-idea{animation:idea-fade 6s infinite}.voice-card{margin:0;padding:25px;background:linear-gradient(130deg,#211d13,#0e0e0b);border:1px solid #7b643a;box-shadow:12px 15px 0 #c0a05a0b;animation:card-in .6s ease-out both}.voice-identity{display:flex;align-items:center;gap:12px;color:#e0c589;font-size:15px;font-weight:650}.voice-identity small{margin-left:auto;font-weight:400;font-size:10px;color:#c2bba9}.voice-avatar{position:relative;width:44px;height:46px;flex:none}.voice-avatar .pixel-robot{height:45px;width:auto}.industry-pixel{position:absolute;right:-6px;top:0;width:16px;height:14px;background:#b89a5c;box-shadow:2px 2px #0a0a09}.voice-icon-house .industry-pixel{clip-path:polygon(0 40%,50% 0,100% 40%,85% 40%,85% 100%,20% 100%,20% 40%)}.voice-icon-mic .industry-pixel{width:8px;border-radius:5px;box-shadow:3px 1px #e4d2a0,2px 10px #b89a5c}.voice-icon-shop .industry-pixel{border-top:5px solid #e8d8b4;border-bottom:5px solid #403d2a}.voice-icon-helmet .industry-pixel{border-radius:10px 10px 0 0;border-bottom:3px solid #f2db9c}.voice-card blockquote{margin:18px 0 0;font-size:15px;line-height:2.1;color:#f5f0e5;overflow-wrap:anywhere}.deck-controls{display:flex;align-items:center;gap:10px;margin-top:18px}.deck-controls button{min-width:38px;min-height:38px;padding:6px 11px;border-color:#8d7444;color:#d9bf88;background:#0d0c09;font-size:13px}.deck-controls .deck-pause{font-size:10px;margin-left:auto;min-width:0;max-width:150px}.deck-position{font-size:10px;color:#baa77f;letter-spacing:2px}
.results-scene .steps{display:grid;grid-template-columns:1fr;gap:18px;margin:0}.results-scene .steps h3{font-size:18px;margin:8px 0}.results-scene .steps b{font-size:29px;line-height:1.2;float:right;margin-left:14px}.results-scene .steps>div{padding-top:14px}.floating-result{padding:22px;border:1px solid #9d8047;background:#100f0b;transform:rotate(-2deg);animation:result-float 5s ease-in-out infinite;box-shadow:18px 18px 0 #c0a05a0c}.result-owner{font-size:15px;color:#e1c58b;font-weight:650;margin-bottom:16px}.result-image{width:100%;height:170px;object-fit:cover;object-position:top;display:block;border:1px solid #51442d}.result-robot{height:160px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#c0a05a19,transparent 70%)}.result-robot .pixel-robot{height:140px}.result-number{display:flex;align-items:baseline;gap:10px;font-size:54px;color:#d3b371;font-weight:500;margin:16px 0 10px}.result-number small{font-size:14px;color:#d3b371}.result-caption{font-size:14px;line-height:1.9;color:#eee6d8}.result-deck{padding:10px}
.team-art{position:relative;height:410px;border-bottom:1px solid #7a653f;background:radial-gradient(ellipse,#c0a05a12,transparent 69%)}.team-lead{position:absolute;height:145px;left:41%;top:35px;z-index:2;animation:lead-talk 4s infinite}.team-speech{position:absolute;left:23%;top:0;font-size:12px;padding:9px 15px;border:1px solid #9d8047;background:#211b10;color:#e8d29e}.team-member{position:absolute;bottom:8px;width:25%;display:grid;justify-items:center;gap:14px;animation:member-work 4s ease-in-out infinite}.team-member .pixel-robot{height:120px;max-width:100%}.team-member span{font-size:9px;letter-spacing:1.5px;color:#d4bb88}.member-0{left:0;animation-delay:0s}.member-1{left:25%;animation-delay:.7s}.member-2{left:50%;animation-delay:1.4s}.member-3{left:75%;animation-delay:2.1s}.team-art:before{content:'';position:absolute;top:180px;left:12%;right:12%;height:70px;border:1px dashed #a48a5266;border-bottom:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.section-companion{position:absolute;right:9vw;top:175px;width:250px;height:240px;pointer-events:none;display:grid;justify-items:center;align-content:center;gap:18px;animation:float 5s ease-in-out infinite}.section-companion .pixel-robot{height:170px}.section-companion span{font-size:12px;color:#cdb37a}#flow>h2,#column>h2{max-width:73%}
.scene.final-consult{justify-content:flex-start;gap:20px;padding:120px 7vw 90px;overflow-y:auto;touch-action:pan-y}.final-consult>h2{font-size:clamp(30px,3.8vw,58px);line-height:1.45;max-width:75%;letter-spacing:-1px}.final-lead{max-width:820px;font-size:15px;line-height:1.9;padding-right:120px}.final-trust{list-style:none;padding:0;display:flex;gap:28px;font-size:12px;color:#ddcfad}.final-trust li{padding:0}.final-actions{display:grid;grid-template-columns:minmax(270px,1.4fr) 1fr 1fr;gap:14px;width:100%;max-width:1060px}.final-actions>a,.final-actions>button{display:flex;align-items:center;justify-content:center;min-height:62px;padding:16px 18px;text-align:center;border:1px solid #8a7245;font-size:15px;font-weight:600;line-height:1.5;background:#17140e}.final-actions .estimate-button{background:#c0a05a;color:#080808;font-size:18px}.final-actions .final-line:disabled{opacity:1;color:#9c947f;border-style:dashed;cursor:default}.consult-slots{font-size:12px;color:#d6b572}.welcome-robots{position:absolute;right:7vw;top:115px;width:240px;height:175px;pointer-events:none}.welcome-robots .pixel-robot{position:absolute;height:110px;bottom:0;animation:welcome-wave 2.4s ease-in-out infinite}.welcome-0{left:0}.welcome-1{left:75px;animation-delay:.5s!important}.welcome-2{left:150px;animation-delay:1s!important}.welcome-speech{position:absolute;top:0;left:3px;border:1px solid #a18a54;background:#211c11;color:#e3ca94;padding:10px;font-size:11px}.final-consult .site-footer{margin-top:12px!important;width:100%;padding-top:24px!important}.final-consult .site-footer .brand{font-size:22px}.final-consult .site-footer p{margin:0}
[hidden]{display:none!important}.reduce-motion .pixel-robot,.reduce-motion .floating-result,.reduce-motion .estimate-button,.reduce-motion .works-mascot,.reduce-motion .section-companion{animation:none!important}.reduce-motion .thought-question{display:none}.reduce-motion .thought-idea{opacity:1}.reduce-motion .vision-scene .questions p{color:#fff}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes result-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes work-bob{50%{transform:translateY(-5px)}}@keyframes answer-call{0%,10%{transform:translate(0,0) rotate(-12deg)}13%,18%,23%{transform:translate(0,0) rotate(10deg)}28%,70%{transform:translate(-22px,-17px) rotate(-16deg)}85%,100%{transform:translate(0,0)}}@keyframes call-result{0%,65%{opacity:0}80%,100%{opacity:.85}}@keyframes chart-rise{0%,10%{transform:scaleY(.12)}65%,100%{transform:scaleY(1)}}@keyframes paper-done{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes estimate-glow{0%,100%{box-shadow:0 0 0 0 #c0a05a14}50%{box-shadow:0 0 30px 6px #c0a05a35}}@keyframes think{0%,35%{transform:rotate(-7deg)}50%,100%{transform:rotate(0)}}@keyframes question-fade{0%,40%{opacity:1}50%,100%{opacity:0}}@keyframes idea-fade{0%,40%{opacity:0}50%,100%{opacity:1}}@keyframes card-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes lead-talk{50%{transform:rotate(4deg) translateY(-3px)}}@keyframes member-work{0%,65%,100%{transform:translateY(0)}20%,40%{transform:translateY(-14px)}}@keyframes welcome-wave{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(6deg) translateY(-7px)}}
@media(max-width:1100px) and (min-width:761px){.effect-split{gap:25px;padding-inline:6vw}.effect-split h2{font-size:38px}.voice-card blockquote{font-size:13px}.voice-card{padding:19px}.film-art{height:300px}.service-estimate{width:280px;right:6vw;top:130px}.estimate-button{font-size:17px}.works-mascot{right:5vw;width:170px}.team-art{height:350px}.team-member .pixel-robot{height:100px}.final-consult .welcome-robots{width:200px;right:4vw}.welcome-robots .pixel-robot{height:95px}.welcome-1{left:60px}.welcome-2{left:120px}.final-lead{padding-right:120px;max-width:700px}}
@media(max-width:760px){
.effect-split{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding:97px 20px 72px}.section-copy{gap:10px}.effect-split h2{font-size:27px;line-height:1.35;letter-spacing:-.6px}.effect-panel{width:100%;max-width:400px;align-self:center}.effect-kicker{font-size:8px;margin-bottom:5px}.film-art{height:205px}.vision-film{padding:0}.film-label{font-size:10px;padding:8px 0}.vision-scene .questions{gap:6px}.vision-scene .questions p{font-size:13px;line-height:1.55;padding-bottom:7px}.vision-scene .section-copy>.cta{padding:11px 16px;min-width:0;font-size:11px;max-width:100%;margin:0}.film-phone{font-size:23px}.film-chart{gap:6px;padding:8px}.film-paper{font-size:20px;padding:4px 10px}.works-mascot{top:105px;right:20px;width:108px;height:120px}.award-agent{height:100px;right:5px}.held-work{width:54px;border-width:3px;top:28px}#works>h2{max-width:72%;font-size:27px}.service-estimate{position:static;align-self:stretch;max-width:none;width:auto;display:flex;align-items:center;gap:14px}.service-estimate .estimate-button{font-size:15px;min-height:47px;gap:15px;padding:10px 15px;white-space:nowrap}.service-estimate p{font-size:9px;line-height:1.65;margin:0;max-width:110px}#service{gap:12px;padding-inline:20px}#service>h2{font-size:28px;max-width:100%}.services .card{padding:15px;gap:6px}.home-prices small{font-size:9px;line-height:1.55}.services .card>p{font-size:10px}.home-prices strong{font-size:11px}.services .card>b{font-size:20px}.home-prices{gap:6px}.services .card>a{font-size:11px}.service-estimate .estimate-button span{display:none}
.voices-scene .questions{margin:0;gap:6px}.voices-scene .questions p{font-size:12px;line-height:1.6;padding-bottom:6px}.voices-scene .body-copy{font-size:11px;line-height:1.7;max-width:100%;margin:0}.voice-heading{gap:12px;margin-bottom:6px}.voice-heading h3{font-size:14px}.thinking-robot{width:45px;height:43px}.thinking-robot .pixel-robot{height:42px;width:auto}.thinking-robot>span{font-size:19px;right:0;top:-8px}.voice-card{padding:14px 16px;box-shadow:6px 7px 0 #c0a05a0b}.voice-identity{gap:9px;font-size:12px}.voice-identity small{font-size:8px}.voice-avatar{height:30px;width:28px}.voice-avatar .pixel-robot{height:30px}.industry-pixel{transform:scale(.7);transform-origin:top right}.voice-card blockquote{font-size:12px;line-height:1.85;margin-top:11px}.deck-controls{margin-top:10px;gap:8px}.deck-controls button{min-height:34px;min-width:34px;padding:5px 9px;font-size:11px}.deck-controls .deck-pause{font-size:9px;max-width:140px}.deck-position{font-size:8px}
.results-scene .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.results-scene .steps>div{padding-top:8px}.results-scene .steps b{float:none;display:block;font-size:22px;margin:0 0 5px}.results-scene .steps h3{font-size:9px;line-height:1.6;margin:0}.results-scene .section-copy>.cta{font-size:10px;padding:10px 14px;margin:0;min-width:0}.result-deck{padding:5px}.floating-result{padding:14px}.result-owner{font-size:12px;margin-bottom:10px}.result-image{height:94px}.result-robot{height:90px}.result-robot .pixel-robot{height:84px}.result-number{font-size:35px;margin:10px 0 5px}.result-number small{font-size:10px}.result-caption{font-size:11px;line-height:1.7}.team-art{height:240px}.team-lead{height:92px;left:40%;top:27px}.team-speech{font-size:10px;left:28%;padding:5px 10px}.team-member .pixel-robot{height:78px}.team-member{gap:7px}.team-member span{font-size:8px}.team-art:before{top:118px;height:38px}.team-scene .body-copy{font-size:11px;line-height:1.9}.team-scene .section-copy>.cta{font-size:11px;padding:11px 14px;min-width:0;margin:0}.team-panel .film-label{font-size:10px}.section-companion{position:relative;top:auto;right:auto;width:100%;height:145px;gap:8px;align-self:center}.section-companion .pixel-robot{height:110px}.section-companion span{font-size:10px}#flow>h2,#column>h2{max-width:100%}#flow,#column{gap:12px}
.scene.final-consult{padding:100px 20px 90px;gap:16px;justify-content:flex-start;touch-action:pan-y}.final-consult>h2{font-size:29px;max-width:100%;line-height:1.55;letter-spacing:-.8px}.final-lead{padding:0;font-size:13px;line-height:2;max-width:none}.welcome-robots{position:relative;right:auto;top:auto;width:225px;height:130px;align-self:center;flex:none}.welcome-robots .pixel-robot{height:86px}.welcome-1{left:70px}.welcome-2{left:140px}.welcome-speech{font-size:10px;left:20px;padding:7px}.final-trust{display:grid;gap:8px;font-size:11px;margin:0}.final-actions{grid-template-columns:1fr 1fr;gap:10px;max-width:none}.final-actions .estimate-button{grid-column:1/-1;font-size:17px;min-height:58px;padding:14px}.final-actions>a,.final-actions>button{font-size:12px;padding:12px;min-height:52px}.consult-slots{font-size:11px}.final-consult .site-footer{margin:5px 0 0!important;padding-bottom:22px!important}
}
@media(max-height:740px) and (max-width:760px){.effect-split{padding-top:88px;padding-bottom:60px;gap:8px}.effect-split h2{font-size:23px}.vision-scene .film-art{height:150px}.voices-scene .questions p{font-size:11px}.voice-card blockquote{font-size:11px;line-height:1.7}.voice-heading{display:none}.team-art{height:190px}.result-image{height:75px}.result-number{font-size:28px}.results-scene .steps b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.pixel-robot,.floating-result,.estimate-button,.works-mascot,.section-companion,.film-phone,.film-paper,.chart-bar,.thinking-robot>span{animation:none!important;transition:none!important}.thought-question{display:none}.thought-idea{opacity:1}.vision-scene .questions p{color:#fff}}
.final-title span{display:inline-block}.final-consult>h2.final-title{text-wrap:balance}.final-actions .final-line{flex-direction:column;gap:3px}.final-line small{font-size:10px;color:#9c947f}.waving-hand{position:absolute;top:77px;width:7px;height:18px;background:#dfd6bb;border:2px solid #a68a4f;box-shadow:2px 2px #242820;transform-origin:bottom;animation:wave-hand 1.4s ease-in-out infinite}.hand-0{left:51px}.hand-1{left:126px;animation-delay:.3s}.hand-2{left:201px;animation-delay:.6s}@keyframes wave-hand{0%,100%{transform:rotate(-25deg)}50%{transform:rotate(35deg)}}@media(max-width:760px){.waving-hand{top:61px;height:14px;width:6px}.hand-0{left:40px}.hand-1{left:110px}.hand-2{left:180px}.final-consult>h2.final-title{font-size:28px}}.reduce-motion .waving-hand{animation:none!important}@media(prefers-reduced-motion:reduce){.waving-hand{animation:none!important}}

.scene.final-consult>h2.final-title>span{display:inline-block;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-transform:none;margin:0}

/* Owner follow-up: approved real portfolio images behind service cards. */
.services .card{position:relative;isolation:isolate;overflow:hidden}.services .card>.service-proof{position:absolute;inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;object-position:center;z-index:-1;pointer-events:none;user-select:none;opacity:.13;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 36%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 36%,#000 100%);transition:opacity 1.2s ease,transform 8s ease;transform:translateX(0) scale(1.01)}.services .card[data-service="デザイン"]>.service-proof{object-fit:contain;object-position:right center}.services .card:focus-within>.service-proof{opacity:.18}@media(hover:hover){.services .card:hover>.service-proof{opacity:.19;transform:translateX(-2%) scale(1.06)}}.reduce-motion .services .card>.service-proof{transition:none;transform:none!important}@media(prefers-reduced-motion:reduce){.services .card>.service-proof{transition:none;transform:none!important}}

.live-result-card{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.live-result-card>.result-owner,.live-result-card>.result-number,.live-result-card>.result-caption{grid-column:1/-1}.live-result-card>.result-image{height:170px;object-fit:contain;background:#15140f}.live-result-card>.live-proof-first{grid-column:1}.live-result-card>.live-proof-second{grid-column:2}@media(max-width:760px){.live-result-card{gap:8px}.live-result-card>.result-image{height:105px}}
.services .card>.service-proof{filter:sepia(.45) saturate(.55)}

/* Keep the approved long final scene scrollable while hiding browser chrome. */
.scene.final-consult{scrollbar-width:none;-ms-overflow-style:none}.scene.final-consult::-webkit-scrollbar{display:none}

/* 2026-11-11 owner additional revision */
.digital-subtitle{color:#d6c59c;line-height:1.7;font-size:15px;margin:8px 0 12px}.service-team svg{width:100%;height:100%;max-height:480px}.actual-site-preview{height:100%;margin:0;overflow:hidden}.actual-site-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.development-card .portfolio-photo{background:#111820}.development-card .portfolio-image{object-fit:contain}.earthkeeper-note{display:block;color:#baac8c;font-size:11px;line-height:1.6}.services .card>.earthkeeper-background{opacity:.12;filter:sepia(.4) saturate(.7);object-position:center}.services .card[data-service="AI総合支援"]>.service-proof:not(.earthkeeper-background){display:none}
@media(max-width:760px){.digital-subtitle{font-size:12px;line-height:1.6;margin:6px 0 8px}#service-06 .actual-collage{height:166px}#about-03 .card:last-child>p:not(.digital-subtitle){display:none}#about-03 .card:last-child .digital-subtitle{font-size:11px;line-height:1.45;margin:3px 0}#planning h2{font-size:27px}#production .comp-skill-list{gap:8px}#production .comp-skill-list li{font-size:15px}#support-01 .digital-subtitle{max-width:340px}.earthkeeper-note{font-size:10px}}