/* TAKIO TILE renewal — motion & v2 layer (loaded after main.css) */

/* ---------- misc shared ---------- */
html,body{overflow-x:clip}
@media(max-width:760px){.reveal.from-left,.reveal.from-right{transform:translateY(34px)}}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:210;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.stg-badge{position:fixed;left:10px;bottom:10px;z-index:120;background:rgba(27,32,35,.86);color:#f0b389;font:700 9px/1 var(--font-en);letter-spacing:.16em;padding:7px 9px;pointer-events:none}
.chip{display:inline-block;font:700 9px/1 var(--font-en);letter-spacing:.12em;padding:6px 8px;color:#fff;background:rgba(27,32,35,.82);backdrop-filter:blur(4px)}
.chip.actual{background:var(--rust)}
.chip.image{background:rgba(27,32,35,.78)}
.chip.maker{background:#5b6a6e}
.chip-wrap{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;gap:6px;flex-wrap:wrap}
.stg-note{margin-top:18px;padding:12px 14px;border:1px dashed #b9a48d;background:#f6efe3;color:#6c5a45;font-size:11.5px;line-height:1.8}
.stg-note::before{content:'STAGING NOTE — 公開前に確認 / ';font:800 9px var(--font-en);letter-spacing:.12em;color:#a35c33}
.pill{display:inline-block;margin-left:8px;padding:3px 7px;font:700 9px/1.2 var(--font-jp);letter-spacing:.04em;background:#f2d9c3;color:#8a4a24;vertical-align:middle;white-space:nowrap}
.img-frame{position:relative;overflow:hidden}
.img-frame>img{width:100%;height:100%;object-fit:cover}

/* ---------- line-mask text reveal ---------- */
.ln{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.ln>span{display:block;transform:translateY(112%);transition:transform 1.15s cubic-bezier(.2,.8,.15,1);transition-delay:calc(var(--d,0) * 1s)}
.is-in .ln>span,.hero-ready .ln>span{transform:none}
.split-char{font-style:normal;display:inline-block;opacity:0;transform:translateY(.55em);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 38ms + .15s)}
.page-hero.is-in .split-char{opacity:1;transform:none}

/* ---------- parallax helpers ---------- */
[data-px]{will-change:transform}
.pbg{position:absolute;left:0;right:0;top:-14%;height:128%;background-size:cover;background-position:center;will-change:transform}
.pbg img{width:100%;height:100%;object-fit:cover}
.px-wrap{overflow:hidden;position:relative}
.px-wrap>img{height:116%;width:100%;object-fit:cover;margin-top:-8%;will-change:transform}

/* ---------- clip image reveal ---------- */
.clip-reveal{clip-path:inset(0 calc(100% - 3px) 0 0);transition:clip-path 1.3s cubic-bezier(.77,0,.18,1)}
.clip-reveal.from-right{clip-path:inset(0 0 0 calc(100% - 3px))}
.clip-reveal.visible{clip-path:inset(0 0 0 0)}
.clip-reveal>img,.clip-reveal .px-wrap>img{transform:scale(1.18);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.clip-reveal.visible>img{transform:scale(1)}

/* ---------- HERO v2 ---------- */
.hero{background:#171c1f}
.hero-slides{position:absolute;inset:0;overflow:hidden}
.hs{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease}
.hs.is-active{opacity:1;z-index:1}
.hs img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);filter:saturate(.9)}
.hs.is-active img{animation:kenburns 11s ease-out forwards}
.hs:nth-child(2) img{object-position:50% 60%}
.hs:nth-child(3) img{object-position:50% 45%}
@keyframes kenburns{from{transform:scale(1.14) translate3d(1.5%,0,0)}to{transform:scale(1.02) translate3d(-1%,0,0)}}
@media(min-width:761px){
 .hero-shade{background:linear-gradient(90deg,rgba(14,18,20,.88) 0%,rgba(14,18,20,.62) 36%,rgba(14,18,20,.12) 74%,rgba(14,18,20,0) 100%),linear-gradient(0deg,rgba(14,18,20,.6),transparent 30%)}
}
.hero-shade{z-index:2}
.hero-outline{z-index:2}
.hero-content{z-index:4}
.hero h1{animation:none;margin-top:38px}
.hero h1 .ln{line-height:1.2}
.hero h1 strong{display:block;font-size:clamp(60px,7vw,124px)}
br.sp{display:none}
.hero-mini,.hero-content>p,.hero-actions{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.8,.2,1);animation:none}
.hero-ready .hero-mini{opacity:1;transform:none;transition-delay:.15s}
.hero-ready .hero-content>p{opacity:1;transform:none;transition-delay:.95s}
.hero-ready .hero-actions{opacity:1;transform:none;transition-delay:1.15s}
.hero-slide-ui{position:absolute;z-index:5;right:5.5vw;bottom:34px;display:flex;align-items:center;gap:10px;font:700 10px var(--font-en);letter-spacing:.16em}
.hero-slide-ui button{position:relative;border:0;background:rgba(255,255,255,.28);width:54px;height:3px;padding:0;overflow:hidden;color:transparent}
.hero-slide-ui button::before{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:0 50%}
.hero-slide-ui button.on::before{animation:slideBar var(--dur,6.5s) linear forwards}
.hero-slide-ui button:focus-visible{outline-offset:4px}
.hero-slide-ui .count{margin-right:8px;color:#e8dccd}
@keyframes slideBar{to{transform:scaleX(1)}}
.hero .image-credit{right:auto;left:5.5vw;bottom:62px;z-index:5}
.hero-bottom{z-index:5}
.hero-mosaic{position:absolute;z-index:3;right:5vw;top:112px;display:grid;grid-template-columns:repeat(4,34px);gap:6px;opacity:.9;pointer-events:none}
.hero-mosaic i{display:block;width:34px;height:34px;background:var(--accent);opacity:0;transform:scale(.4);animation:tilePop .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--k) * 90ms + 1.2s)}
.hero-mosaic i:nth-child(3n){background:#f4d9af}
.hero-mosaic i:nth-child(4n){background:#fff;opacity:0}
@keyframes tilePop{to{opacity:.85;transform:scale(1)}}
.hero-mosaic i:nth-child(4n){animation-name:tilePopW}
@keyframes tilePopW{to{opacity:.55;transform:scale(1)}}

/* ---------- ticker ---------- */
.ticker>div{animation-duration:46s}

/* ---------- stats ---------- */
.stats{background:var(--paper);padding:clamp(70px,8vw,120px) 0;border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.stat{padding:0 clamp(18px,3vw,56px);border-left:1px solid var(--line)}
.stat:first-child{border-left:0;padding-left:0}
.stat .num{font:800 clamp(64px,9vw,150px)/1 var(--font-en);letter-spacing:-.08em;color:var(--ink);display:flex;align-items:baseline;gap:.08em}
.stat .num small{font:800 clamp(14px,1.4vw,22px) var(--font-en);letter-spacing:.06em;color:var(--rust)}
.stat p{margin-top:16px;font-size:13px;line-height:1.9;color:#5d6463}

/* ---------- home: intro photos use px-wrap ---------- */
.intro-photo,.intro-photo-small{position:relative}
.intro-photo .chip-wrap,.intro-photo-small .chip-wrap{left:10px;bottom:10px}
.service-card-image{background:#c8c7bf}
.service-card-image img{transform:scale(1.001)}
.service-card .chip-wrap{left:12px;bottom:12px}
.service-card-image>span{z-index:3}

/* fixed (parallax) statements */
.fixed-statement{background:var(--ink)}
.fixed-statement .pbg{filter:saturate(.8)}
.fixed-tint{z-index:1}
.fixed-inner{z-index:2}
.fixed-caption{z-index:2}
.fixed-photo{display:none}
.fixed-statement .chip-wrap{left:auto;right:5vw;bottom:70px}

/* ---------- WORKS (home) ---------- */
.work-feature-image{position:relative}
.work-feature-image .chip-wrap{top:20px;left:20px;bottom:auto}
.work-label{z-index:3}
.work-feature-image img{image-rendering:auto}
.strip-item .chip-wrap{top:12px;left:12px;bottom:auto}

/* ---------- horizontal scroll process ---------- */
.hscroll{position:relative;background:#22292d;color:var(--paper)}
.hscroll-sticky{padding:clamp(80px,9vw,130px) 0 clamp(70px,8vw,110px)}
.hscroll-head{width:min(1420px,calc(100% - 112px));margin:0 auto 46px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.hscroll-head h2{font-size:clamp(34px,4.4vw,72px);line-height:1.38;letter-spacing:-.07em;font-weight:800;margin-top:20px}
.hscroll-head p{font-size:13px;line-height:2;color:#b9c0c1;max-width:360px}
.hscroll-track{display:flex;gap:22px;padding:0 max(56px,calc((100vw - 1420px)/2));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#5c6668 transparent;padding-bottom:20px}
.hs-card{flex:0 0 clamp(236px,24vw,330px);scroll-snap-align:start;position:relative}
.hs-card figure{aspect-ratio:3/4;overflow:hidden;background:#38454a;position:relative}
.hs-card figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.hs-card:hover figure img{transform:scale(1.05)}
.hs-card .step{position:absolute;top:12px;left:14px;z-index:2;font:800 40px/1 var(--font-en);letter-spacing:-.06em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.hs-card h3{font-size:17px;margin:18px 0 8px;letter-spacing:-.02em}
.hs-card p{font-size:12px;line-height:1.95;color:#b9c0c1}
.hscroll-note{width:min(1420px,calc(100% - 112px));margin:22px auto 0;font-size:11px;color:#8e9a9c;line-height:1.8}
@media(min-width:1051px) and (hover:hover) and (prefers-reduced-motion:no-preference){
 .hscroll.is-pinned{height:var(--hs-height,300vh)}
 .hscroll.is-pinned .hscroll-sticky{position:sticky;top:0;height:100vh;padding:84px 0 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
 .hscroll.is-pinned .hscroll-head{margin-bottom:34px}
 .hscroll.is-pinned .hscroll-track{overflow:visible;scroll-snap-type:none;will-change:transform;padding-bottom:0}
 .hscroll.is-pinned .hs-card{flex-basis:clamp(200px,17vw,262px)}
 .hscroll.is-pinned .hscroll-head h2{font-size:clamp(32px,3.6vw,58px)}
 .hscroll.is-pinned .hs-card h3{margin:14px 0 6px;font-size:15px}
 .hscroll.is-pinned .hs-card p{font-size:11.5px;line-height:1.8}
 .hscroll-bar{width:min(1420px,calc(100% - 112px));margin:26px auto 0;height:2px;background:#46535a;position:relative}
 .hscroll-bar i{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:0 50%}
}
.hscroll-bar{display:none}
@media(min-width:1051px) and (hover:hover) and (prefers-reduced-motion:no-preference){.hscroll.is-pinned .hscroll-bar{display:block}}

/* craft: image refs */
.craft-copy h2{font-size:clamp(36px,4.2vw,70px)}
.craft-art-a,.craft-art-b{position:absolute}
.craft-art-a .chip-wrap,.craft-art-b .chip-wrap{left:10px;bottom:10px}
.craft-art-a img{object-position:center 35%}

/* ---------- sub pages ---------- */
.page-hero{background:#20262a}
.page-hero-art{overflow:hidden}
.page-hero-art .pbg{top:-12%;height:124%}
.page-hero-art>img{display:none}
.page-heading{overflow:visible}
.page-hero .chip-wrap{left:auto;right:5vw;bottom:62px}
.toc{display:flex;gap:0;border:1px solid var(--line);margin:0 0 70px;flex-wrap:wrap}
.toc a{flex:1 1 180px;padding:16px 22px;font-size:13px;font-weight:700;border-right:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;transition:background .25s,color .25s}
.toc a:last-child{border-right:0}
.toc a:hover{background:var(--ink);color:#fff}
.toc a span{font:700 11px var(--font-en);color:var(--rust);letter-spacing:.08em}
.toc a:hover span{color:#f0b389}

/* services extras */
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:30px 0 0}
.spec-grid>div{background:var(--paper);padding:30px 28px}
.spec-grid h3{font-size:16px;margin-bottom:14px;letter-spacing:-.02em}
.spec-grid p,.spec-grid li{font-size:13px;line-height:2;color:#5d6463}
.spec-grid ul{margin:0;padding:0;list-style:none}
.spec-grid li::before{content:'—';margin-right:10px;color:var(--rust)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;counter-reset:f}
.flow>li{list-style:none;position:relative;padding:28px 24px 0 0;border-top:2px solid var(--ink);counter-increment:f}
.flow>li::before{content:'0' counter(f);font:800 12px var(--font-en);letter-spacing:.14em;color:var(--rust);display:block;margin-bottom:14px}
.flow h3{font-size:18px;letter-spacing:-.03em;margin-bottom:10px}
.flow p{font-size:12.5px;line-height:1.95;color:#5d6463}
.flow-wrap{margin-top:50px}
.flow-wrap h2{font-size:clamp(30px,3.4vw,52px);letter-spacing:-.06em;line-height:1.4}
.flow{padding:0}

/* works page */
.case{padding:0 0 clamp(80px,9vw,130px);margin-bottom:clamp(80px,9vw,130px);border-bottom:1px solid #cfccc2;scroll-margin-top:90px}
.case:last-of-type{border-bottom:0;margin-bottom:0}
.case-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);margin-bottom:46px;align-items:start}
.case-head h2{font-size:clamp(36px,4.4vw,72px);letter-spacing:-.07em;line-height:1.35;margin-top:16px}
.case-head p{font-size:14px;line-height:2.2;color:#5d6463}
.case-meta{list-style:none;padding:0;margin:22px 0 0;border-top:1px solid #cfccc2}
.case-meta li{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid #dedcd3;font-size:12.5px;line-height:1.8}
.case-meta b{color:#7a7c75;font-weight:700}
.case-photos{display:grid;gap:14px;align-items:start}
.case-photos.nishi{grid-template-columns:.7fr 1.5fr 1fr}
.case-photos.akashi{grid-template-columns:minmax(0,320px) minmax(0,320px) 1fr;gap:18px}
.case-aside{align-self:end;font-size:12.5px;line-height:2;color:#666d6c;padding:0 0 4px 18px;max-width:340px}
.case-aside b{display:block;font:800 10px var(--font-en);letter-spacing:.14em;color:var(--rust);margin-bottom:10px}
.case-photos.kitchen{grid-template-columns:repeat(3,1fr)}
.shot{position:relative;margin:0;background:#dad8cf;overflow:hidden;cursor:zoom-in;border:0;padding:0;display:block;width:100%;text-align:left;color:inherit}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform .9s}
.shot:hover img{transform:scale(1.04)}
.shot figcaption{position:absolute;left:0;bottom:0;background:rgba(27,32,35,.86);color:#fff;font:700 10px var(--font-en);letter-spacing:.14em;padding:9px 12px;z-index:2}
.shot .zoom{position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);display:grid;place-items:center;font:700 16px var(--font-en);z-index:2}
.case-photos.nishi .shot.before{aspect-ratio:3/4}
.case-photos.nishi .shot.after{aspect-ratio:4/3}
.case-photos.nishi .shot.detail{aspect-ratio:1/1}
.case-photos.akashi .shot{aspect-ratio:auto;height:640px}
.case-photos.akashi .shot img{object-position:top}
.case-photos.kitchen .shot{aspect-ratio:4/3}
.case-caption{margin-top:16px;font-size:12.5px;line-height:2;color:#666d6c;max-width:760px}
.chip-wrap.top{top:12px;bottom:auto;left:12px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 20px;margin-top:40px}
.process-grid .hs-card h3{color:var(--ink)}
.process-grid .hs-card p{color:#5d6463}
.process-grid .hs-card{flex:none}
.process-grid .hs-card figure{background:#d9d6cc}
.process-grid .hs-card .step{color:#fff}
.process-sec{margin-top:clamp(80px,9vw,130px)}
.process-sec h2{font-size:clamp(34px,4.4vw,70px);letter-spacing:-.07em;line-height:1.4;margin-top:18px}

/* lightbox */
.lb{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;color:#fff}
.lb::backdrop{background:rgba(12,15,16,.92)}
.lb-inner{display:grid;grid-template-rows:1fr auto;height:100%;padding:56px 70px 24px;gap:14px}
.lb-stage{display:flex;align-items:center;justify-content:center;min-height:0}
.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;background:#222}
.lb-cap{text-align:center;font-size:13px;line-height:1.8;color:#d8d8d4}
.lb-btn{position:absolute;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.35);color:#fff;width:48px;height:48px;border-radius:50%;font:500 22px var(--font-en);display:grid;place-items:center}
.lb-btn:hover{background:#fff;color:#111}
.lb-close{top:14px;right:16px}.lb-prev{left:14px;top:50%}.lb-next{right:14px;top:50%}

/* strengths */
.value-item{position:relative}
.value-image .pbg{filter:brightness(.52) saturate(.8)}
.value-image>img{display:none}
.value-image>div{z-index:2}
.value-image .chip-wrap{z-index:3;left:auto;right:20px;bottom:20px}

/* material */
.material-grid.six{grid-template-columns:repeat(3,1fr);gap:56px 32px}
.mosaic-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:70px}
.mosaic-row figure{aspect-ratio:1/1;overflow:hidden;position:relative;margin:0;background:#d9d6cc}
.mosaic-row img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.mosaic-row figure:hover img{transform:scale(1.08)}
.mosaic-row figcaption{position:absolute;left:8px;bottom:8px;font:700 9px var(--font-en);letter-spacing:.1em;color:#fff;text-shadow:0 1px 8px #000a}
.mosaic-title{margin-top:100px}
.mosaic-title h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.06em;line-height:1.5;margin-top:14px}
.mosaic-title p{font-size:12px;color:#7b7a73;line-height:1.9;margin-top:12px}
.material-visual{position:relative}
.material-visual .chip-wrap{left:10px;bottom:10px}
.material-story .img-frame{height:580px}
.material-story .img-frame .chip-wrap{left:12px;bottom:12px}

/* company */
.cred{display:grid;grid-template-columns:repeat(2,1fr);gap:0 50px;margin-top:6px}
.cred li{list-style:none;padding:13px 0;border-bottom:1px solid #d7d5ce;font-size:13px;line-height:1.8}
.cred{padding:0}
.company-additional{grid-template-columns:.65fr 1.35fr}
.company-additional .stg-note{grid-column:2}
.map-link{display:flex;align-items:flex-end}

/* contact */
.contact-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.contact-cta .button-main{min-width:0;gap:30px}

/* ---------- reveal tweaks ---------- */
.reveal{transition-delay:calc(var(--d,0) * 1s)}
.service-card:nth-child(2),.material-tile:nth-child(2),.portfolio-card:nth-child(2),.strip-item:nth-child(2){transition-delay:.13s}

/* ---------- responsive ---------- */
@media(max-width:1050px){
 .hscroll-head,.hscroll-note{width:calc(100% - 72px)}
 .hscroll-track{padding:0 36px 20px}
 .case-head{grid-template-columns:1fr;gap:22px}
 .process-grid{grid-template-columns:repeat(2,1fr)}
 .flow{grid-template-columns:repeat(2,1fr);gap:34px 20px}
 .spec-grid{grid-template-columns:1fr}
 .mosaic-row{grid-template-columns:repeat(3,1fr)}
 .hero-mosaic{top:100px}
}
@media(max-width:760px){
 .hero-mosaic{grid-template-columns:repeat(4,22px);gap:4px;top:92px;right:20px}
 .hero-mosaic i{width:22px;height:22px}
 .hero-slide-ui{right:20px;bottom:18px;gap:6px}
 .hero-slide-ui button{width:30px}
 .hero-slide-ui .count{display:none}
 .hero .image-credit{left:20px;bottom:44px;font-size:8px}
 br.sp{display:inline}
 .hero h1 strong{font-size:clamp(56px,12vw,86px)}
 .hero h1{margin-top:22px}
 .hero h1 em.ln{margin-bottom:0}
 .stats-grid{grid-template-columns:1fr;gap:0}
 .stat{border-left:0;border-top:1px solid var(--line);padding:26px 0}
 .stat:first-child{border-top:0;padding-top:0}
 .stat .num{font-size:clamp(64px,22vw,96px)}
 .hscroll-head,.hscroll-note{width:calc(100% - 40px)}
 .hscroll-track{padding:0 20px 18px;gap:14px}
 .hs-card{flex-basis:70vw}
 .case-photos.nishi{grid-template-columns:1fr 1fr}
 .case-photos.nishi .shot.after{grid-column:1/-1;order:-1}
 .case-photos.akashi{grid-template-columns:1fr 1fr}
 .case-aside{grid-column:1/-1;padding:6px 0 0}
 .case-photos.akashi .shot{height:420px}
 .case-photos.kitchen{grid-template-columns:1fr}
 .process-grid{grid-template-columns:1fr 1fr;gap:26px 12px}
 .process-grid .hs-card h3{font-size:14px}
 .flow{grid-template-columns:1fr}
 .mosaic-row{grid-template-columns:repeat(2,1fr)}
 .material-grid.six{grid-template-columns:1fr;gap:46px}
 .material-story .img-frame{height:360px}
 .cred{grid-template-columns:1fr}
 .company-additional .stg-note{grid-column:auto}
 .lb-inner{padding:60px 14px 18px}
 .lb-prev,.lb-next{top:auto;bottom:70px}
 .stg-badge{font-size:8px;padding:5px 7px}
 .toc a{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--line)}
 .page-hero .chip-wrap{right:20px;bottom:44px}
}
@media(max-width:390px){
 .process-grid{grid-template-columns:1fr 1fr}
 .hero h1 strong{font-size:52px}
}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
 .ln>span,.split-char,.hero-mini,.hero-content>p,.hero-actions{transform:none!important;opacity:1!important;transition:none!important}
 .clip-reveal{clip-path:none!important}
 .clip-reveal>img{transform:none!important}
 .hs img{animation:none!important;transform:none!important}
 .hero-mosaic i{animation:none!important;opacity:.7!important;transform:none!important}
 .pbg,.px-wrap>img,[data-px]{transform:none!important}
 .ticker>div{animation:none!important}
 .hero-slide-ui button.on::before{animation:none;transform:scaleX(1)}
}

/* material long-text (old-site wording restored) */
.material-grid.six{align-items:start}
.material-tile p+p{margin-top:.9em}
.material-tile .tile-cap{font:600 12px var(--font-jp);letter-spacing:.04em;color:#7b7a73;margin-top:1.3em}
.material-values{margin-top:110px}
@media(max-width:760px){.material-values{margin-top:70px}}