/*
Theme Name: MECHAURU 2026
Theme URI: https://mechauru.co.jp/
Author: 合同会社めちゃうる
Description: めちゃうる公式サイト用テーマ。
Version: 1.0.1
Text Domain: mechauru
*/
:root{--blue:#0868e8;--yellow:#ffe152;--ink:#111827;--paper:#f7f5ef;--line:#12182d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);background:var(--paper);position:relative;z-index:10;border-bottom:1px solid rgba(17,24,39,.12)}.brand img{display:block;width:min(272px,45vw);height:auto}.main-nav{display:flex;gap:29px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.06em}.main-nav a{transition:opacity .2s}.main-nav a:hover{opacity:.55}.nav-contact{background:var(--blue);color:white;padding:13px 18px;border-radius:999px}.nav-contact i,.text-link i{font-style:normal;margin-left:8px}.menu-button{display:none;background:none;border:0;padding:8px}.hero{min-height:calc(100vh - 84px);background:var(--paper);display:flex;position:relative;overflow:hidden;padding:clamp(55px,8vw,124px) clamp(20px,8vw,136px) 88px}.hero-copy{position:relative;z-index:2;width:55%}.eyebrow,.kicker,.project-number{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.08em}.eyebrow{margin:0 0 24px;color:var(--blue)}.hero h1{font-size:clamp(49px,6.8vw,108px);letter-spacing:-.08em;line-height:1.12;margin:0;font-weight:900}.hero h1 span{color:var(--blue);position:relative;z-index:0}.hero h1 span:after{content:'';position:absolute;z-index:-1;left:-4%;bottom:11%;width:108%;height:25%;background:var(--yellow);transform:rotate(-2deg)}.hero-text{font-size:15px;line-height:2;margin:39px 0}.round-link{font-family:'DM Mono',monospace;display:inline-flex;align-items:center;gap:15px;border:1px solid var(--ink);border-radius:999px;padding:12px 15px 12px 20px;font-size:11px;font-weight:500}.round-link span{font-size:20px;line-height:13px}.hero-art{position:absolute;width:min(59vw,920px);right:-3vw;bottom:28px;height:calc(100% - 64px);display:flex;align-items:flex-end;justify-content:center}.hero-art img{width:100%;height:auto;max-height:82vh;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 18px rgba(13,45,91,.14));position:relative;z-index:1}.orbit{border:1px solid var(--blue);border-radius:50%;position:absolute;z-index:0}.orbit-one{width:72%;aspect-ratio:1;right:5%;bottom:8%;border-style:dashed}.orbit-two{width:48%;aspect-ratio:1;right:32%;bottom:36%;border-color:var(--yellow);border-width:5px}.sticker{font-family:'DM Mono',monospace;font-weight:500;line-height:1.15;text-align:center;padding:12px 14px;position:absolute;z-index:2;box-shadow:4px 4px 0 var(--ink);font-size:11px}.sticker-yellow{background:var(--yellow);right:6%;top:17%;transform:rotate(8deg)}.sticker-blue{background:var(--blue);color:white;left:3%;top:37%;transform:rotate(-8deg)}.hero-tape{font-family:'DM Mono',monospace;position:absolute;left:-5%;bottom:24px;width:110%;overflow:hidden;white-space:nowrap;background:var(--yellow);color:var(--ink);font-weight:500;font-size:14px;letter-spacing:.08em;padding:9px 0;transform:rotate(-2.5deg);z-index:3}.hero-tape div{animation:tape 20s linear infinite}@keyframes tape{to{transform:translateX(-29%)}}.section{padding:clamp(70px,10vw,150px) clamp(20px,8vw,136px)}.section-label{font-family:'DM Mono',monospace;letter-spacing:.08em;font-size:12px;font-weight:500;display:flex;gap:12px;align-items:center}.section-label span{width:25px;height:25px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:50%;font-size:10px}.about{display:grid;grid-template-columns:26% 1fr;gap:20px;border-top:1px solid var(--line)}.about-content h2,.works h2,.contact h2{font-size:clamp(38px,5vw,73px);line-height:1.27;letter-spacing:-.06em;margin:13px 0 57px;font-weight:900}.about-content h2 span{background:var(--yellow)}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:740px;margin-left:auto}.about-bottom p{margin:0;font-size:14px;line-height:2.15}.service{background:var(--blue);color:white}.service-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:47px}.service .section-label span{background:var(--yellow);color:var(--ink)}.service-head h2{font-size:clamp(43px,5vw,72px);line-height:1;margin:0;letter-spacing:-.07em}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;padding:26px;min-height:363px;color:var(--ink);display:flex;flex-direction:column}.service-card p{font-family:'DM Mono',monospace;font-size:11px;margin:0 0 27px}.service-card h3{font-size:25px;letter-spacing:-.06em;margin:0;line-height:1.35}.service-card>span{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.12em;margin-top:6px}.service-card ul{padding:0;margin:auto 0 0;list-style:none;border-top:1px solid rgba(17,24,39,.35);font-size:12px;line-height:1.9;padding-top:12px}.card-arrow{position:absolute;right:25px;top:23px;border:1px solid currentColor;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:19px}.card-yellow{background:var(--yellow)}.card-blue{background:#43b9ef}.card-white{background:#fff}.works{background:#fdfdfb}.works-intro{display:grid;grid-template-columns:26% 1fr}.works-intro h2{margin:14px 0 55px}.project-feature{background:var(--ink);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.feature-image{align-self:stretch;min-height:380px;background:#dff6ff;position:relative;overflow:hidden}.feature-image:after{content:'MECHAURU';position:absolute;left:22px;bottom:-26px;font:900 clamp(48px,6vw,88px)/1 'Noto Sans JP',sans-serif;letter-spacing:-.08em;color:var(--blue);opacity:.25}.feature-image img{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;z-index:1}.feature-copy{padding:clamp(34px,5vw,75px)}.project-number{color:var(--yellow);margin:0 0 20px}.feature-copy h3{font-size:clamp(29px,3.2vw,48px);line-height:1.35;letter-spacing:-.07em;margin:0 0 24px}.feature-copy>p:not(.project-number){font-size:14px;line-height:2;margin:0 0 34px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--yellow);padding-bottom:9px}.message{padding:clamp(75px,11vw,170px) clamp(20px,8vw,136px);background:var(--yellow);position:relative;overflow:hidden}.message>p{font-size:clamp(76px,13vw,208px);font-weight:900;letter-spacing:-.1em;line-height:.82;margin:0;color:var(--ink)}.message em{font-style:normal;color:var(--blue)}.message-note{position:absolute;right:11%;top:20%;font-family:'DM Mono',monospace;color:var(--blue);font-size:clamp(11px,1.3vw,18px);line-height:1.45;transform:rotate(-5deg)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:13%;background:var(--paper)}.contact h2{margin:21px 0 0}.contact-right{padding-top:49px;display:flex;flex-direction:column;align-items:flex-start}.contact-right p{line-height:2;font-size:15px;max-width:450px;margin:0 0 30px}.contact-button{background:var(--blue);color:white;font-size:18px;font-weight:800;padding:22px 26px;min-width:min(100%,420px);display:flex;justify-content:space-between;align-items:center;transition:transform .2s,background .2s}.contact-button:hover{transform:translate(-4px,-4px);background:#004fc1}.contact-button span{font-size:27px}.contact small{font-family:'DM Mono',monospace;margin-top:16px;font-size:10px}.site-footer{background:var(--ink);color:white;padding:38px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'DM Mono',monospace;font-size:10px}.site-footer img{width:220px;filter:brightness(0) invert(1)}.site-footer p{margin:0;opacity:.65}.site-footer a{border-bottom:1px solid var(--yellow);padding-bottom:5px}@media(max-width:760px){.site-header{height:64px}.brand img{width:190px}.menu-button{display:flex;position:relative;z-index:3;flex-direction:column;align-items:center;gap:4px;font:8px 'DM Mono',monospace}.menu-button span{background:var(--ink);width:24px;height:1px}.menu-button b{font-weight:500;margin-top:1px}.main-nav{display:none;position:absolute;top:64px;left:0;width:100%;padding:27px 25px;background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch;gap:20px;font-size:14px}.main-nav.is-open{display:flex}.nav-contact{text-align:center}.hero{min-height:790px;padding:55px 24px 65px}.hero-copy{width:100%}.eyebrow{font-size:10px}.hero h1{font-size:52px}.hero-text{font-size:13px;margin:27px 0}.hero-art{width:116vw;height:47%;right:-30vw;bottom:29px}.hero-art img{max-height:none}.orbit-one{width:67%;right:13%;bottom:11%}.orbit-two{border-width:3px}.sticker{font-size:9px;padding:9px}.sticker-yellow{top:6%;right:18%}.sticker-blue{top:32%;left:14%}.hero-tape{bottom:16px;font-size:10px}.section{padding:75px 24px}.about,.works-intro,.contact{grid-template-columns:1fr;gap:35px}.about-content h2,.works h2,.contact h2{font-size:39px;margin:14px 0 34px}.about-bottom{grid-template-columns:1fr;gap:20px}.service-head{margin-bottom:28px}.service-head h2{font-size:43px}.service-grid{grid-template-columns:1fr;gap:10px}.service-card{min-height:275px;padding:23px}.works-intro{gap:0}.project-feature{grid-template-columns:1fr}.feature-image{min-height:305px}.feature-copy{padding:36px 25px 42px}.feature-copy h3{font-size:32px}.message{padding:90px 24px}.message>p{font-size:78px}.message-note{right:7%;top:12%;font-size:10px}.contact{gap:0}.contact-right{padding-top:35px}.contact-right p{font-size:13px}.contact-button{font-size:15px}.site-footer{flex-direction:column;align-items:flex-start;padding:30px 24px;gap:18px}.site-footer img{width:200px}}
@media(max-width:760px){.hero-art{width:90vw;height:37%;right:-13vw;bottom:29px;justify-content:flex-end}.hero-art img{width:auto;height:100%;max-height:none;max-width:none}}
/* Horizontal portrait reel in the first view */
.hero-carousel{display:block;min-height:calc(100vh - 84px);padding:clamp(46px,5vw,76px) 0 26px;background:var(--paper)}.hero-carousel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;padding:0 clamp(20px,8vw,136px) 32px}.hero-carousel .hero-copy{width:auto}.hero-carousel .hero-text{max-width:430px;margin:0 0 8px;font-size:13px;line-height:2}.hero-carousel h1{font-size:clamp(42px,5.2vw,82px);line-height:1.03}.vertical-carousel{width:100%;overflow:hidden;padding:10px 0 18px}.carousel-track{display:flex;gap:18px;width:max-content;padding:0 9px;animation:portrait-reel 42s linear infinite}.portrait-card{position:relative;flex:0 0 clamp(180px,19vw,286px);aspect-ratio:.64;margin:0;overflow:hidden;border:1px solid var(--ink);border-radius:24px;background:#b8eec6;box-shadow:5px 6px 0 var(--ink)}.portrait-card img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transform:scale(1.48);filter:saturate(1.08)}.portrait-card:nth-child(1) img,.portrait-card:nth-child(6) img{object-position:20% 20%}.portrait-card:nth-child(2) img,.portrait-card:nth-child(7) img{object-position:71% 22%}.portrait-card:nth-child(3) img,.portrait-card:nth-child(8) img{object-position:42% 52%}.portrait-card:nth-child(4) img,.portrait-card:nth-child(9) img{object-position:15% 77%}.portrait-card:nth-child(5) img,.portrait-card:nth-child(10) img{object-position:78% 74%}.portrait-card figcaption{position:absolute;z-index:1;left:13px;bottom:13px;right:13px;display:flex;align-items:center;gap:8px;color:var(--ink);font:700 10px/1 'DM Mono',monospace;letter-spacing:.08em}.portrait-card figcaption span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--ink);color:#fff;font-size:8px}.card-green{background:#aeeac2}.card-yellow{background:var(--yellow)}.card-blue{background:#74caee}.card-pink{background:#f3b8d4}.card-orange{background:#ffc28e}@keyframes portrait-reel{to{transform:translateX(calc(-50% - 9px))}}.hero-carousel-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,8vw,136px)}.hero-carousel-foot p{margin:0;color:var(--blue);font:500 11px/1.3 'DM Mono',monospace;letter-spacing:.09em}.hero-carousel .round-link{flex:none}.hero-carousel .hero-art,.hero-carousel .hero-tape{display:none}@media(max-width:760px){.hero-carousel{min-height:790px;padding-top:44px}.hero-carousel-head{display:block;padding:0 24px 24px}.hero-carousel h1{font-size:48px}.hero-carousel .hero-text{margin-top:22px;font-size:12px}.vertical-carousel{padding:6px 0 17px}.carousel-track{gap:13px;animation-duration:34s}.portrait-card{flex-basis:168px;border-radius:19px;box-shadow:4px 5px 0 var(--ink)}.portrait-card figcaption{left:10px;right:10px;bottom:10px;font-size:8px}.portrait-card figcaption span{width:19px;height:19px;font-size:7px}.hero-carousel-foot{padding:0 24px}.hero-carousel-foot p{max-width:170px;font-size:9px}.hero-carousel .round-link{padding:10px 13px 10px 16px;font-size:10px}}@media(prefers-reduced-motion:reduce){.carousel-track{animation:none}}
/* Pop-out image on hover */
@media(hover:hover){.portrait-card{overflow:visible;transition:transform .28s ease;will-change:transform}.portrait-card>img{border-radius:inherit}.portrait-card:after{content:'';position:absolute;z-index:2;right:-24%;top:-17%;width:78%;aspect-ratio:1/.82;border:2px solid var(--ink);border-radius:13px;background:#fff url('Gemini_Generated_Image_j0ivgvj0ivgvj0iv.png') center/cover no-repeat;box-shadow:6px 7px 0 var(--ink);opacity:0;transform:translate(17px,22px) rotate(9deg) scale(.68);transition:opacity .2s ease,transform .32s cubic-bezier(.16,1,.3,1);pointer-events:none}.portrait-card:before{content:'MORE! ↗';position:absolute;z-index:3;right:-18%;top:-8%;padding:7px 8px;background:var(--yellow);color:var(--ink);font:700 9px/1 'DM Mono',monospace;letter-spacing:.03em;opacity:0;transform:translateY(12px) rotate(6deg);transition:opacity .15s ease .08s,transform .3s cubic-bezier(.16,1,.3,1) .08s;pointer-events:none}.portrait-card:hover{z-index:4;transform:translateY(-10px) rotate(-1.5deg)}.portrait-card:hover:after{opacity:1;transform:translate(0,0) rotate(6deg) scale(1)}.portrait-card:hover:before{opacity:1;transform:translateY(0) rotate(6deg)}.portrait-card:nth-child(2):after,.portrait-card:nth-child(7):after{background-position:24% 44%}.portrait-card:nth-child(3):after,.portrait-card:nth-child(8):after{background-position:74% 36%}.portrait-card:nth-child(4):after,.portrait-card:nth-child(9):after{background-position:44% 74%}.portrait-card:nth-child(5):after,.portrait-card:nth-child(10):after{background-position:88% 62%}}
/* Member portraits */
.portrait-card.member-ayupi>img,.portrait-card.member-shinsui>img{transform:scale(1);mix-blend-mode:normal;object-position:center}.portrait-card.member-ayupi{background:#ffdb18}.portrait-card.member-shinsui{background:#0868e8}.portrait-card.member-ayupi figcaption,.portrait-card.member-shinsui figcaption{width:max-content;max-width:calc(100% - 26px);padding:7px 8px;background:rgba(255,255,255,.9);border:1px solid var(--ink);border-radius:999px}.portrait-card.member-ayupi figcaption span,.portrait-card.member-shinsui figcaption span{background:var(--blue)}@media(hover:hover){.portrait-card.member-ayupi:after{background-image:url('assets/img/TOP/shinsui.png');background-position:center}.portrait-card.member-shinsui:after{background-image:url('assets/img/TOP/ayupi.png');background-position:center}}
@media(hover:hover){.portrait-card.member-ayupi:after,.portrait-card.member-shinsui:after{background-position:center 14%}}
.portrait-card.member-takahiro>img,.portrait-card.member-yamato>img{transform:scale(1);mix-blend-mode:normal;object-position:center}.portrait-card.member-takahiro{background:#ffe152}.portrait-card.member-yamato{background:#0868e8}.portrait-card.member-takahiro figcaption,.portrait-card.member-yamato figcaption{width:max-content;max-width:calc(100% - 26px);padding:7px 8px;background:rgba(255,255,255,.9);border:1px solid var(--ink);border-radius:999px}.portrait-card.member-takahiro figcaption span,.portrait-card.member-yamato figcaption span{background:var(--blue)}@media(hover:hover){.portrait-card.member-takahiro:after{background-image:url('assets/img/TOP/yamato.png');background-position:center 14%}.portrait-card.member-yamato:after{background-image:url('assets/img/TOP/takahiro.png');background-position:center 14%}}
.hero-carousel .vertical-carousel{overflow:visible}
/* Oversized member reveal */
@media(hover:hover) and (min-width:761px){.portrait-card:after{right:-62%;top:-58%;width:clamp(320px,31vw,470px);aspect-ratio:4/3;border-width:3px;border-radius:18px;box-shadow:12px 14px 0 var(--ink);transform:translate(28px,35px) rotate(10deg) scale(.58)}.portrait-card:before{right:-48%;top:-47%;z-index:4;padding:10px 12px;font-size:11px}.portrait-card:hover:after{transform:translate(0,0) rotate(5deg) scale(1)}.portrait-card:hover:before{transform:translateY(0) rotate(5deg)}}
/* Use each member's dedicated hover portrait */
@media(hover:hover){.portrait-card.member-takahiro:after{background-image:url('assets/img/TOP/takahiro_hover.png')}.portrait-card.member-yamato:after{background-image:url('assets/img/TOP/yamato_hover.png')}.portrait-card.member-ayupi:after{background-image:url('assets/img/TOP/ayupi_hover.png')}.portrait-card.member-shinsui:after{background-image:url('assets/img/TOP/shinsui_hover.png')}}
/* Clean, uncropped hover portraits */
@media(hover:hover) and (min-width:761px){.portrait-card:after{right:-30%;top:-50%;width:clamp(250px,22vw,340px);aspect-ratio:1086/1448;background-size:100% 100%;background-repeat:no-repeat;background-color:transparent;border:0;border-radius:0;box-shadow:none}.portrait-card:before{display:none}.portrait-card:hover:after{transform:translate(0,0) rotate(3deg) scale(1)}}
@media(hover:hover) and (min-width:761px){.portrait-card:after{top:-25%;width:clamp(375px,33vw,510px)}}
@keyframes member-hover-float{0%,100%{transform:translate(0,0) rotate(3deg)}50%{transform:translate(-4px,-16px) rotate(-1deg)}}@media(hover:hover) and (min-width:761px){.portrait-card:hover:after{animation:member-hover-float 1.8s ease-in-out infinite}}
/* Keep the yellow accent below the complete catchphrase */
.hero-carousel h1{position:relative;z-index:0}.hero-carousel h1 span:after{display:none}.hero-carousel h1:after{content:'';position:absolute;z-index:-1;left:1%;bottom:-11px;width:96%;height:17px;background:var(--yellow);transform:rotate(-2deg)}
/* Yellow highlight sits behind the word "めちゃくちゃ" */
.hero-carousel h1:after{display:none}.hero-carousel h1 span:after{display:block;z-index:-1;left:-4%;bottom:14%;width:108%;height:28%;background:var(--yellow);transform:rotate(-2deg)}
/* Rotating brand badge */
.hero-badge{position:absolute;z-index:2;right:clamp(28px,8vw,136px);top:clamp(34px,5vw,70px);width:clamp(112px,10vw,154px);aspect-ratio:1;border:1px dashed var(--blue);border-radius:50%;background:rgba(247,245,239,.72);backdrop-filter:blur(3px);animation:badge-spin 16s linear infinite}.hero-badge svg{display:block;width:100%;height:100%;overflow:visible}.hero-badge text{fill:var(--blue);font:700 11px 'DM Mono',monospace;letter-spacing:1.25px}.hero-badge span{position:absolute;inset:0;display:grid;place-items:center;color:var(--blue);font-size:clamp(28px,3vw,42px);line-height:1;transform:rotate(-22deg)}@keyframes badge-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.hero-badge{width:75px;top:25px;right:22px}.hero-badge text{font-size:12px}.hero-badge span{font-size:25px}}@media(prefers-reduced-motion:reduce){.hero-badge{animation:none}}
/* Oversized badge stays behind all first-view content */
@media(min-width:761px){.hero-carousel .hero-carousel-head,.hero-carousel .vertical-carousel,.hero-carousel .hero-carousel-foot{position:relative;z-index:1}.hero-badge{z-index:0;right:clamp(24px,3vw,52px);top:10px;width:clamp(300px,30vw,460px);pointer-events:none}}
@media(min-width:761px){.hero-carousel-head{justify-content:flex-start;gap:clamp(50px,7vw,100px)}}
.hero-carousel h1{letter-spacing:-.035em;line-height:1.1}
/* Moving tags at the start of the About section */
.about-marquee{width:100%;overflow:hidden;white-space:nowrap;background:var(--blue);color:#fff;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:700 clamp(27px,3vw,45px)/1 'DM Mono',monospace;letter-spacing:.04em}.about-marquee>div{display:inline-block;padding:15px 0 17px;animation:about-marquee-scroll 24s linear infinite}@keyframes about-marquee-scroll{to{transform:translateX(-33.333%)}}@media(max-width:760px){.about-marquee{font-size:26px}.about-marquee>div{padding:13px 0 15px;animation-duration:18s}}@media(prefers-reduced-motion:reduce){.about-marquee>div{animation:none}}
/* News and blog list */
.news{background:#fff}.news-head{display:grid;grid-template-columns:26% 1fr;gap:20px}.news h2{font-size:clamp(40px,5vw,72px);line-height:1.15;letter-spacing:-.06em;margin:14px 0 53px;font-weight:900}.news-list{border-top:2px solid var(--ink)}.news-item{position:relative;display:grid;grid-template-columns:24% 1.15fr .85fr 42px;gap:24px;align-items:center;padding:29px 56px 29px 0;border-bottom:1px solid rgba(17,24,39,.28);transition:background .25s,padding .25s}.news-item:hover{background:var(--yellow);padding-left:18px}.news-meta{display:flex;flex-direction:column;gap:8px;font:500 11px/1 'DM Mono',monospace;letter-spacing:.05em}.news-meta span{color:var(--blue);font-weight:700}.news-item h3{margin:0;font-size:clamp(20px,2.1vw,30px);line-height:1.32;letter-spacing:-.05em}.news-item p{margin:0;font-size:12px;line-height:1.8}.news-arrow{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:1px solid var(--ink);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:18px}.news-more{display:inline-flex;align-items:center;gap:23px;margin-top:37px;padding-bottom:9px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:800}.news-more span{font-size:20px}@media(max-width:760px){.news-head{grid-template-columns:1fr;gap:26px}.news h2{font-size:40px;margin:13px 0 33px}.news-item{grid-template-columns:1fr;padding:22px 44px 22px 0;gap:10px}.news-item:hover{padding-left:0;background:transparent}.news-meta{flex-direction:row;align-items:center}.news-item h3{font-size:22px}.news-item p{font-size:11px}.news-arrow{right:0}.news-more{margin-top:28px}}
.about-marquee{font-family:'Bungee','Dela Gothic One','Noto Sans JP',sans-serif;letter-spacing:.025em}
.about-marquee-reverse{background:var(--yellow);color:var(--ink)}.about-marquee-reverse>div{animation-direction:reverse}
/* About section: three principles */
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:clamp(58px,8vw,112px)}.principle{position:relative;min-height:320px;padding:26px;display:flex;flex-direction:column;overflow:hidden}.principle>span{font:500 11px/1 'DM Mono',monospace;letter-spacing:.08em}.principle h3{margin:29px 0 0;font-size:clamp(27px,2.6vw,39px);line-height:1.22;letter-spacing:-.065em}.principle p{margin:auto 0 0;font-size:12px;line-height:1.9}.principle:after{position:absolute;right:-5px;bottom:-31px;font:900 105px/.8 'DM Mono',monospace;letter-spacing:-.13em;opacity:.16}.principle-yellow{background:var(--yellow)}.principle-yellow:after{content:'01'}.principle-blue{background:#63c9ed}.principle-blue:after{content:'02'}.principle-ink{background:var(--ink);color:#fff}.principle-ink:after{content:'03';color:var(--yellow);opacity:.9}.principle-ink>span{color:var(--yellow)}@media(max-width:760px){.about-principles{grid-template-columns:1fr;gap:9px;margin-top:56px}.principle{min-height:245px;padding:23px}.principle h3{font-size:32px;margin-top:22px}.principle:after{font-size:95px}.principle p{font-size:11px}}
/* About: business strengths and core capabilities */
.about-power{margin-top:clamp(45px,6vw,82px);padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.about-power p{margin:0 0 16px;font-size:14px;font-weight:800}.about-power>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px}.about-power strong{font-size:clamp(25px,3vw,43px);letter-spacing:-.06em}.about-power span{font:500 10px 'DM Mono',monospace;color:var(--blue);letter-spacing:.1em}.about-power b{font-size:clamp(22px,2vw,32px);color:var(--blue);margin:0 4px}.about-principles{grid-template-columns:repeat(4,1fr)}.principle{min-height:300px}.principle h3{font-size:clamp(23px,2vw,33px)}.principle-pink{background:#f3b8d4}.principle-pink:after{content:'04'}@media(max-width:1000px) and (min-width:761px){.about-principles{grid-template-columns:repeat(2,1fr)}.principle{min-height:270px}}@media(max-width:760px){.about-power{margin-top:42px;padding:20px 0}.about-power p{font-size:13px}.about-power>div{gap:5px 8px}.about-power strong{font-size:24px}.about-power span{font-size:8px}.about-power b{font-size:20px;margin:0}.about-principles{grid-template-columns:1fr}}
/* Companion copy beside the About catchphrase */
.about-catch-row{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(28px,5vw,76px);align-items:end;margin:13px 0 57px}.about-catch-row h2{margin:0!important}.about-catch-copy{border-left:3px solid var(--blue);padding:5px 0 5px 18px;margin-bottom:10px}.about-catch-copy p{margin:0;font-size:13px;line-height:2}.about-catch-copy .about-catch-label{margin-bottom:13px;color:var(--blue);font:500 10px/1.4 'DM Mono',monospace;letter-spacing:.08em}@media(max-width:760px){.about-catch-row{grid-template-columns:1fr;gap:25px;margin:14px 0 34px}.about-catch-copy{margin:0;padding-left:14px}.about-catch-copy p{font-size:12px}.about-catch-copy .about-catch-label{font-size:9px}}
/* Animated keyword bubbles behind About */
.about{position:relative;overflow:hidden}.about>*:not(.about-motion-bg){position:relative;z-index:1}.about-motion-bg{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.about-orbit{position:absolute;display:block;width:clamp(230px,25vw,410px);aspect-ratio:1;border:1px dashed rgba(8,104,232,.35);border-radius:50%;animation:about-orbit-spin 26s linear infinite}.orbit-a{right:-8%;top:4%}.orbit-b{left:10%;bottom:7%;width:clamp(180px,18vw,300px);border-color:rgba(255,201,49,.8);animation-direction:reverse;animation-duration:20s}.about-bubble{position:absolute;display:grid;place-items:center;width:clamp(62px,6vw,94px);aspect-ratio:1;border-radius:50%;font:700 clamp(9px,1vw,13px)/1 'DM Mono',monospace;letter-spacing:.04em;box-shadow:4px 5px 0 rgba(17,24,39,.14);animation:about-bubble-float 7s ease-in-out infinite alternate}.bubble-plan{top:9%;right:18%;background:rgba(255,225,82,.72);animation-delay:-2s}.bubble-reach{top:31%;left:5%;background:rgba(99,201,237,.55);animation-delay:-5s}.bubble-brand{top:56%;right:4%;background:rgba(243,184,212,.64);animation-delay:-3s}.bubble-local{bottom:18%;left:19%;background:rgba(174,234,194,.72);animation-delay:-1s}.bubble-ideas{bottom:5%;right:24%;background:rgba(255,225,82,.63);animation-delay:-4s}@keyframes about-orbit-spin{to{transform:rotate(360deg)}}@keyframes about-bubble-float{0%{transform:translate3d(0,0,0) rotate(-7deg)}100%{transform:translate3d(18px,-25px,0) rotate(8deg)}}@media(max-width:760px){.about-orbit{width:210px;right:-28%;top:3%}.orbit-b{left:-16%;bottom:16%;width:150px}.about-bubble{width:58px;font-size:8px;box-shadow:3px 4px 0 rgba(17,24,39,.13)}.bubble-plan{right:8%}.bubble-reach{left:-4%;top:35%}.bubble-brand{right:-6%}.bubble-local{left:5%}.bubble-ideas{right:11%}}@media(prefers-reduced-motion:reduce){.about-orbit,.about-bubble{animation:none}}
.about-robot{position:absolute;z-index:1;right:7%;top:15%;width:clamp(150px,17vw,270px);height:auto;filter:drop-shadow(5px 8px 0 rgba(17,24,39,.1));animation:about-robot-work 7s ease-in-out infinite;transform-origin:center bottom}@keyframes about-robot-work{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}25%{transform:translate3d(-16px,-12px,0) rotate(3deg)}50%{transform:translate3d(8px,2px,0) rotate(-1deg)}75%{transform:translate3d(-5px,-8px,0) rotate(2deg)}}@media(max-width:760px){.about-robot{right:-18%;top:12%;width:175px;opacity:.82}}@media(prefers-reduced-motion:reduce){.about-robot{animation:none}}

/* Animated PROJECT scene */
.feature-image.project-animation{min-height:clamp(430px,44vw,610px);background:radial-gradient(circle at 50% 46%,#effbff 0,#dff6ff 63%,#c9edfb 100%);isolation:isolate}.project-animation:after{z-index:0}.project-layer{position:absolute;display:block;width:auto;height:auto;object-fit:contain;pointer-events:none}.project-board{z-index:1;left:1.5%;top:4%;width:59%;height:auto!important}.project-console-wrap{position:absolute;z-index:1;right:1.5%;top:12%;width:40%;aspect-ratio:700/836;pointer-events:none}.project-console{position:absolute;inset:0;width:100%;height:100%!important}.project-screen-glow{position:absolute;z-index:2;left:15%;top:16%;width:62%;height:31%;border-radius:16%;background:rgba(105,205,255,.08);mix-blend-mode:screen;animation:project-screen-blink 4s steps(1,end) infinite}.project-idea-glow{position:absolute;z-index:3;right:3.5%;top:0;width:20%;aspect-ratio:1;border-radius:50%;background:rgba(255,225,82,.28);box-shadow:0 0 18px 7px rgba(255,225,82,.32);animation:project-light-blink 2.2s ease-in-out infinite}.project-robot{z-index:4;height:auto!important;transform-origin:50% 92%;filter:drop-shadow(0 7px 5px rgba(17,24,39,.14))}.project-robot-note{left:23%;bottom:1%;width:25%;animation:project-note-worker 8s cubic-bezier(.45,0,.25,1) infinite}.project-robot-card{left:53%;bottom:1.5%;width:24%;animation:project-card-worker 8s cubic-bezier(.45,0,.25,1) infinite}.project-placed-note{position:absolute;z-index:3;left:29%;top:46%;width:4.8%;aspect-ratio:1;background:var(--yellow);border:1px solid var(--ink);transform:rotate(-5deg) scale(0);box-shadow:2px 3px 0 rgba(17,24,39,.14);animation:project-note-stick 8s ease-in-out infinite}@keyframes project-note-worker{0%,8%{transform:translate3d(60%,5%,0) rotate(1deg)}25%{transform:translate3d(0,0,0) rotate(-2deg)}31%,43%{transform:translate3d(-8%,-3%,0) rotate(-4deg)}52%,100%{transform:translate3d(60%,5%,0) rotate(1deg)}}@keyframes project-note-stick{0%,28%{transform:rotate(-5deg) scale(0);opacity:0}32%,80%{transform:rotate(-5deg) scale(1);opacity:1}90%,100%{transform:rotate(-5deg) scale(.7);opacity:0}}@keyframes project-card-worker{0%,45%{transform:translate3d(-45%,4%,0) rotate(-1deg)}62%,72%{transform:translate3d(5%,-1%,0) rotate(2deg)}86%,100%{transform:translate3d(-45%,4%,0) rotate(-1deg)}}@keyframes project-screen-blink{0%,51%,58%,100%{opacity:.2}52%,57%{opacity:1;background:rgba(105,205,255,.48)}}@keyframes project-light-blink{0%,100%{opacity:.35;transform:scale(.86)}50%{opacity:1;transform:scale(1.14)}}@media(max-width:760px){.feature-image.project-animation{min-height:340px}.project-board{left:-5%;top:7%;width:65%}.project-console-wrap{right:-3%;top:17%;width:44%}.project-robot-note{left:20%;bottom:2%;width:30%}.project-robot-card{left:51%;bottom:2%;width:28%}.project-placed-note{left:25%;top:48%;width:6%}}@media(prefers-reduced-motion:reduce){.project-robot-note,.project-robot-card,.project-placed-note,.project-screen-glow,.project-idea-glow{animation:none}.project-placed-note{transform:rotate(-5deg) scale(1);opacity:1}.project-robot-note{transform:translate3d(0,0,0)}.project-robot-card{transform:translate3d(0,0,0)}}
.about-content h2 span{background:transparent}
/* Stronger section labels */
.section-label{font-family:'Noto Sans JP',sans-serif;font-size:clamp(24px,2.4vw,33px);font-weight:900;line-height:1;letter-spacing:.015em;gap:16px}.section-label span{width:59px;height:59px;font-size:16px;font-weight:900;flex:none}@media(max-width:760px){.section-label{font-size:24px;gap:12px}.section-label span{width:46px;height:46px;font-size:13px}}
/* Green progression across the four strength tiles */
.principle-yellow{background:#dcefd7}.principle-blue{background:#a8d2aa}.principle-ink{background:#4d8658;color:#fff}.principle-pink{background:#1e5737;color:#fff}.principle-ink>span,.principle-pink>span{color:#dcf2d7}.principle-ink:after,.principle-pink:after{color:#d8efcf;opacity:.28}.principle-yellow:after,.principle-blue:after{color:#31713d;opacity:.15}
.principle-icon{position:absolute;top:23px;right:23px;width:68px;height:68px;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;color:#31713d}.principle-ink .principle-icon,.principle-pink .principle-icon{color:#d9f2d4}@media(max-width:760px){.principle-icon{top:19px;right:19px;width:58px;height:58px;stroke-width:5}}
.principle-icon{top:48px;left:26px;right:auto;width:48px;height:48px}.principle h3{margin-top:88px;font-size:clamp(20px,1.5vw,25px)}@media(max-width:760px){.principle-icon{top:44px;left:19px;width:45px;height:45px}.principle h3{margin-top:79px;font-size:28px}}
/* SERVICE section: supporting note */
.service-note{max-width:760px;margin:28px 0 0 auto;font-size:12px;line-height:2;color:rgba(255,255,255,.9)}
@media(max-width:760px){.service-note{margin-top:20px;font-size:11px}}
.service-illustration{position:absolute;top:76px;right:22px;width:82px;height:82px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.32;transition:opacity .25s ease,transform .25s ease}.service-card:hover .service-illustration{opacity:.65;transform:rotate(-5deg) scale(1.06)}@media(max-width:760px){.service-illustration{top:68px;right:18px;width:74px;height:74px}}
.service-card{isolation:isolate}.service-card>*{position:relative;z-index:1}.service-card>.card-arrow,.service-card>.service-illustration{position:absolute;z-index:1}.service-card:after{position:absolute;z-index:0;right:-24px;bottom:-28px;width:105px;height:105px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:start start;padding:20px;font:900 27px/1 'DM Mono',monospace;letter-spacing:-.12em;opacity:.15;background-image:radial-gradient(currentColor 1.4px,transparent 1.7px);background-size:9px 9px;content:'01'}.service-card:nth-child(2):after{content:'02'}.service-card:nth-child(3):after{content:'03'}.service-card:nth-child(4):after{content:'04'}.service-card:nth-child(5):after{content:'05'}.service-card:nth-child(6):after{content:'06'}.service-card:hover:after{opacity:.27;transform:scale(1.07);transition:opacity .25s ease,transform .25s ease}
.service-card h3{font-family:'Dela Gothic One','Noto Sans JP',sans-serif;font-weight:400;font-size:clamp(21px,1.75vw,28px);letter-spacing:-.045em;line-height:1.42}
.service-card h3{display:table;position:relative;letter-spacing:.025em;text-shadow:2px 2px 0 rgba(255,255,255,.42)}.service-card h3:after{display:none}.card-white h3{color:var(--blue);text-shadow:2px 2px 0 rgba(255,225,82,.8)}
@media(hover:hover){.service-card{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease}.service-card:hover{z-index:2;transform:translateY(-10px) rotate(-1.2deg);box-shadow:9px 11px 0 rgba(17,24,39,.72)}.service-card:nth-child(even):hover{transform:translateY(-10px) rotate(1.2deg)}.service-card:hover .card-arrow{background:var(--ink);color:#fff;transform:rotate(45deg);transition:transform .28s ease,background .2s ease,color .2s ease}.service-card .card-arrow{transition:transform .28s ease,background .2s ease,color .2s ease}}
/* MECHAURU TOWN — interactive projects map */
.town-lead{font-size:14px;line-height:2;margin:0 0 35px}.town-map{position:relative;overflow:visible}.town-map>img{display:block;width:100%;height:auto;animation:town-drift 8s ease-in-out infinite}.town-spot{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:8px 10px 8px 13px;background:#fff;color:var(--ink);border:1px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-family:'Noto Sans JP',sans-serif;line-height:1.2;transition:transform .25s cubic-bezier(.16,1,.3,1),background .2s,box-shadow .2s}.town-spot:before{content:'';width:9px;height:9px;flex:none;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(8,104,232,.18);animation:spot-pulse 2s ease-in-out infinite}.town-spot b{font-size:11px;white-space:nowrap}.town-spot span{position:absolute;z-index:3;left:50%;bottom:calc(100% + 10px);width:max-content;max-width:180px;padding:9px 11px;background:var(--ink);color:#fff;font-size:10px;line-height:1.55;opacity:0;transform:translate(-50%,8px) scale(.94);pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}.town-spot span:after{content:'';position:absolute;top:100%;left:50%;border:5px solid transparent;border-top-color:var(--ink);translate:-50% 0}.spot-yuragi{left:15%;top:18%}.spot-oharu{left:14%;top:57%}.spot-nova{left:48%;top:55%}.spot-auth{left:68%;top:63%}.spot-tv{left:54%;bottom:15%}.spot-nova:before{background:#f18ca9;box-shadow:0 0 0 4px rgba(241,140,169,.2)}.spot-oharu:before{background:var(--yellow);box-shadow:0 0 0 4px rgba(255,225,82,.38)}.spot-tv:before{background:#43b9ef;box-shadow:0 0 0 4px rgba(67,185,239,.22)}.spot-yuragi:before{background:#4d8658;box-shadow:0 0 0 4px rgba(77,134,88,.2)}.town-spark{position:absolute;z-index:1;color:var(--yellow);font-size:31px;animation:town-spark 2.6s ease-in-out infinite}.spark-one{left:41%;top:20%}.spark-two{right:37%;bottom:12%;animation-delay:-1.3s}.town-vehicle{position:absolute;z-index:1;width:34px;height:auto;pointer-events:none}.town-vehicle svg{display:block;width:100%;height:auto;fill:#fff;stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.town-train{top:70%;left:14%;animation:town-train 12s linear infinite}.town-train svg{fill:var(--yellow)}.town-car{top:78%;left:46%;width:29px;animation:town-car 9s linear infinite}.town-car svg{fill:#f18ca9}.town-note{font:500 10px/1.5 'DM Mono',monospace;letter-spacing:.08em;margin:16px 0 0;text-align:right;color:var(--blue)}@keyframes town-drift{50%{transform:translateY(-5px) scale(1.006)}}@keyframes spot-pulse{50%{box-shadow:0 0 0 8px transparent}}@keyframes town-spark{50%{transform:translateY(-9px) rotate(16deg);opacity:.55}}@keyframes town-train{0%{left:13%;top:70%}45%{left:54%;top:64%}46%{left:54%;top:64%;opacity:0}47%{left:13%;top:70%;opacity:0}48%,100%{left:13%;top:70%;opacity:1}}@keyframes town-car{0%{left:46%;top:78%;rotate:-8deg}47%{left:76%;top:69%;rotate:-8deg}48%{left:76%;top:69%;opacity:0}49%{left:46%;top:78%;opacity:0}50%,100%{left:46%;top:78%;opacity:1}}@media(hover:hover){.town-spot:hover{z-index:4;transform:translateY(-7px) rotate(-2deg);background:var(--yellow);box-shadow:6px 7px 0 var(--ink)}.town-spot:hover span{opacity:1;transform:translate(-50%,0) scale(1)}}@media(max-width:760px){.works-intro .town-lead{font-size:12px;margin-bottom:27px}.town-map{overflow:hidden;min-height:340px}.town-map>img{width:auto;height:340px;max-width:none;transform:translateX(-17%);animation:none}.town-spot{padding:6px 7px 6px 9px;gap:6px}.town-spot:before{width:7px;height:7px}.town-spot b{font-size:8px}.town-spot span{display:none}.spot-yuragi{left:5%;top:16%}.spot-oharu{left:6%;top:57%}.spot-nova{left:43%;top:55%}.spot-auth{left:61%;top:63%}.spot-tv{left:45%;bottom:15%}.town-vehicle{display:none}.town-spark{font-size:21px}.town-note{text-align:left;font-size:8px}}@media(prefers-reduced-motion:reduce){.town-map>img,.town-spot:before,.town-spark,.town-vehicle{animation:none}}
.town-lead{font-size:14px;line-height:2;margin:0 0 35px}.town-map{position:relative;overflow:visible}.town-map>img{display:block;width:100%;height:auto;animation:town-drift 8s ease-in-out infinite}.town-spot{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:8px 10px 8px 13px;background:#fff;color:var(--ink);border:1px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-family:'Noto Sans JP',sans-serif;line-height:1.2;transition:transform .25s cubic-bezier(.16,1,.3,1),background .2s,box-shadow .2s}.town-spot:before{content:'';width:9px;height:9px;flex:none;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(8,104,232,.18);animation:spot-pulse 2s ease-in-out infinite}.town-spot b{font-size:11px;white-space:nowrap}.town-spot span{position:absolute;z-index:3;left:50%;bottom:calc(100% + 10px);width:max-content;max-width:180px;padding:9px 11px;background:var(--ink);color:#fff;font-size:10px;line-height:1.55;opacity:0;transform:translate(-50%,8px) scale(.94);pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}.town-spot span:after{content:'';position:absolute;top:100%;left:50%;border:5px solid transparent;border-top-color:var(--ink);translate:-50% 0}.spot-yuragi{left:15%;top:18%}.spot-oharu{left:14%;top:57%}.spot-nova{left:48%;top:55%}.spot-auth{left:68%;top:63%}.spot-tv{left:54%;bottom:15%}.spot-nova:before{background:#f18ca9;box-shadow:0 0 0 4px rgba(241,140,169,.2)}.spot-oharu:before{background:var(--yellow);box-shadow:0 0 0 4px rgba(255,225,82,.38)}.spot-tv:before{background:#43b9ef;box-shadow:0 0 0 4px rgba(67,185,239,.22)}.spot-yuragi:before{background:#4d8658;box-shadow:0 0 0 4px rgba(77,134,88,.2)}.town-spark{position:absolute;z-index:1;color:var(--yellow);font-size:31px;animation:town-spark 2.6s ease-in-out infinite}.spark-one{left:41%;top:20%}.spark-two{right:37%;bottom:12%;animation-delay:-1.3s}.town-animated-train{position:absolute;z-index:1;left:9%;top:57%;width:16%;height:auto;pointer-events:none;animation:town-rail-train 13s linear infinite}.town-note{font:500 10px/1.5 'DM Mono',monospace;letter-spacing:.08em;margin:16px 0 0;text-align:right;color:var(--blue)}@keyframes town-drift{50%{transform:translateY(-5px) scale(1.006)}}@keyframes spot-pulse{50%{box-shadow:0 0 0 8px transparent}}@keyframes town-spark{50%{transform:translateY(-9px) rotate(16deg);opacity:.55}}@keyframes town-rail-train{0%{left:9%;top:57%;opacity:1}46%{left:42%;top:49%;opacity:1}47%{left:42%;top:49%;opacity:0}48%{left:9%;top:57%;opacity:0}49%,100%{left:9%;top:57%;opacity:1}}@media(hover:hover){.town-spot:hover{z-index:4;transform:translateY(-7px) rotate(-2deg);background:var(--yellow);box-shadow:6px 7px 0 var(--ink)}.town-spot:hover span{opacity:1;transform:translate(-50%,0) scale(1)}}@media(max-width:760px){.works-intro .town-lead{font-size:12px;margin-bottom:27px}.town-map{overflow:hidden;min-height:340px}.town-map>img{width:auto;height:340px;max-width:none;transform:translateX(-17%);animation:none}.town-spot{padding:6px 7px 6px 9px;gap:6px}.town-spot:before{width:7px;height:7px}.town-spot b{font-size:8px}.town-spot span{display:none}.spot-yuragi{left:5%;top:16%}.spot-oharu{left:6%;top:57%}.spot-nova{left:43%;top:55%}.spot-auth{left:61%;top:63%}.spot-tv{left:45%;bottom:15%}.town-animated-train{display:none}.town-spark{font-size:21px}.town-note{text-align:left;font-size:8px}}@media(prefers-reduced-motion:reduce){.town-map>img,.town-spot:before,.town-spark,.town-animated-train{animation:none}}
/* Animated decorations for the SERVICE section */
.service{position:relative;overflow:hidden;isolation:isolate}.service>*:not(.service-motion){position:relative;z-index:1}.service-motion{position:absolute;z-index:0;inset:0;pointer-events:none}.service-orbit{position:absolute;border:2px dashed rgba(255,255,255,.45);border-radius:50%;animation:service-spin 28s linear infinite}.orbit-a{width:360px;height:360px;right:-150px;top:72px}.orbit-b{width:220px;height:220px;left:-105px;bottom:65px;animation-direction:reverse;animation-duration:20s}.service-spark{position:absolute;color:var(--yellow);font:900 clamp(34px,4vw,58px)/1 'DM Mono',monospace;animation:service-bob 3.5s ease-in-out infinite}.spark-a{right:11%;top:21%;transform:rotate(12deg)}.spark-b{left:8%;bottom:17%;animation-delay:-1.4s}.service-sticker{position:absolute;padding:9px 11px;background:var(--yellow);color:var(--ink);font:700 9px/1.2 'DM Mono',monospace;letter-spacing:.05em;box-shadow:3px 3px 0 var(--ink);animation:service-bob 4.4s ease-in-out infinite}.sticker-a{right:5%;bottom:18%;transform:rotate(7deg)}.sticker-b{left:5%;top:26%;background:#fff;transform:rotate(-8deg);animation-delay:-2.1s}@keyframes service-spin{to{rotate:360deg}}@keyframes service-bob{50%{translate:0 -13px}}@media(max-width:760px){.orbit-a{width:220px;height:220px;right:-108px;top:74px}.orbit-b{width:145px;height:145px;left:-78px;bottom:86px}.service-spark{font-size:33px}.spark-a{right:8%;top:18%}.spark-b{left:7%;bottom:16%}.service-sticker{font-size:7px;padding:7px 8px}.sticker-a{right:3%;bottom:13%}.sticker-b{left:3%;top:20%}}@media(prefers-reduced-motion:reduce){.service-orbit,.service-spark,.service-sticker{animation:none}}