/* BLUE PAD — TASTE PASS 01 / 2026-08-31 */
:root{--bp-taste-ease:cubic-bezier(.22,1,.36,1);--bp-taste-lime:#DFFF48;--bp-taste-violet:#6657FF;--bp-taste-cyan:#78E7FF}

body:is(.page-id-5,.page-id-4649,.page-id-4660,.page-id-4661,.page-id-4662,.page-id-4663,.page-id-4664,.page-id-4665,.page-id-4774,.page-id-4775,.page-id-4778,.page-id-4779,.page-id-4780,.page-id-4781,.page-id-4993,.page-id-4994,.page-id-4995,.page-id-4996) :is(h1,h2,h3){text-wrap:balance}
body:is(.page-id-5,.page-id-4649,.page-id-4660,.page-id-4661,.page-id-4662,.page-id-4663,.page-id-4664,.page-id-4665,.page-id-4774,.page-id-4775,.page-id-4778,.page-id-4779,.page-id-4780,.page-id-4781,.page-id-4993,.page-id-4994,.page-id-4995,.page-id-4996) p{text-wrap:pretty}
body:is(.page-id-5,.page-id-4649,.page-id-4660,.page-id-4661,.page-id-4662,.page-id-4663,.page-id-4664,.page-id-4665,.page-id-4774,.page-id-4775,.page-id-4778,.page-id-4779,.page-id-4780,.page-id-4781,.page-id-4993,.page-id-4994,.page-id-4995,.page-id-4996) ::selection{background:var(--bp-taste-lime);color:#05060A}
body:is(.page-id-5,.page-id-4649,.page-id-4660,.page-id-4661,.page-id-4662,.page-id-4663,.page-id-4664,.page-id-4665,.page-id-4774,.page-id-4775,.page-id-4778,.page-id-4779,.page-id-4780,.page-id-4781,.page-id-4993,.page-id-4994,.page-id-4995,.page-id-4996) :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--bp-taste-lime)!important;outline-offset:4px!important}

/* Editorial asymmetry — Home selected work */
@media(min-width:901px){
 body:is(.page-id-5,.page-id-4649) .bp-cases{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,1.5vw,24px);align-items:start}
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case:nth-child(1){grid-column:span 7}
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case:nth-child(2){grid-column:span 5;margin-top:clamp(38px,4vw,68px)}
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case:nth-child(3){grid-column:1/-1}
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case:nth-child(4){grid-column:span 5}
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case:nth-child(5){grid-column:span 7;margin-top:clamp(26px,3vw,50px)}
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case:nth-child(1) .bp-case-media{min-height:clamp(410px,34vw,570px)}
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case:nth-child(2) .bp-case-media{min-height:clamp(360px,28vw,470px)}
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case:nth-child(4) .bp-case-media{min-height:clamp(355px,29vw,480px)}
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case:nth-child(5) .bp-case-media{min-height:clamp(420px,33vw,550px)}
}

/* Projects — less template-like, more editorial tension */
@media(min-width:901px){
 body:is(.page-id-4660,.page-id-4661) .bp-work-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(18px,1.7vw,28px);align-items:start}
 body:is(.page-id-4660,.page-id-4661) .bp-work-grid>.bp-work-card:nth-child(2){margin-top:clamp(40px,4vw,72px)}
 body:is(.page-id-4660,.page-id-4661) .bp-work-grid>.bp-work-card:nth-child(1) .bp-work-image{min-height:clamp(470px,36vw,610px)}
 body:is(.page-id-4660,.page-id-4661) .bp-work-grid>.bp-work-card:nth-child(2) .bp-work-image{min-height:clamp(390px,30vw,500px)}
 body:is(.page-id-4660,.page-id-4661) .bp-work-grid>.bp-work-card.full{margin-top:clamp(10px,1vw,18px)}
}

/* Haptic interaction without fighting existing transforms */
:is(.bp-case,.bp-work-card,.bp-sector,.bp-archive-row,.bp-home-all a,.bp-work-picker button,.bp-archive-open,.bp-footer-cta,.bp-site-footer2 .bpc){transition-timing-function:var(--bp-taste-ease)!important}
:is(.bp-case,.bp-work-card):active{transform:translateY(1px) scale(.993)!important}
:is(.bp-home-all a,.bp-work-picker button,.bp-archive-open,.bp-footer-cta,.bp-site-footer2 .bpc):active{scale:.975}
.bp-home-all a span,.bp-cta .arr{transition:translate .35s var(--bp-taste-ease),transform .35s var(--bp-taste-ease)}
.bp-home-all a:hover span{translate:5px 0}
.bp-archive-detail .bp-archive-open{transition:translate .35s var(--bp-taste-ease),box-shadow .35s var(--bp-taste-ease),background .25s ease!important}
.bp-archive-detail .bp-archive-open:hover{translate:4px -2px;box-shadow:0 12px 34px rgba(223,255,72,.14)}

/* Archive — stronger progressive disclosure */
body:is(.page-id-4660,.page-id-4661) .bp-archive-row{position:relative}
body:is(.page-id-4660,.page-id-4661) .bp-archive-row:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:linear-gradient(90deg,var(--bp-taste-lime),var(--bp-taste-cyan),transparent);transition:width .55s var(--bp-taste-ease);pointer-events:none}
body:is(.page-id-4660,.page-id-4661) .bp-archive-row:hover:after,
body:is(.page-id-4660,.page-id-4661) .bp-archive-row.is-open:after{width:100%}
body:is(.page-id-4660,.page-id-4661) .bp-archive-row.is-open .bp-archive-name{color:var(--bp-taste-lime)}
body:is(.page-id-4660,.page-id-4661) .bp-archive-name{transition:color .28s ease}

/* Scroll reveals — JS adds classes only below the first viewport */
.bp-taste-reveal{opacity:0;translate:0 28px;transition:opacity .78s var(--bp-taste-ease),translate .78s var(--bp-taste-ease);transition-delay:var(--bp-taste-delay,0ms);will-change:opacity,translate}
.bp-taste-reveal.is-visible{opacity:1;translate:0 0}

/* Slightly more photographic depth across mosaics */
:is(.bp-hotel,.bp-mall,.bp-v,.bp-corp,.bp-vs) article img{transition:transform .8s var(--bp-taste-ease),filter .6s ease}
@media(hover:hover) and (pointer:fine){
 :is(.bp-hotel,.bp-mall,.bp-v,.bp-corp,.bp-vs) article:hover img{transform:scale(1.035)}
}

@media(max-width:900px){
 body:is(.page-id-5,.page-id-4649) .bp-cases>.bp-case,
 body:is(.page-id-4660,.page-id-4661) .bp-work-grid>.bp-work-card{margin-top:0!important}
}
@media(prefers-reduced-motion:reduce){
 .bp-taste-reveal,.bp-taste-reveal.is-visible{opacity:1!important;translate:none!important;transition:none!important}
 :is(.bp-home-all a,.bp-work-picker button,.bp-archive-open,.bp-footer-cta,.bp-site-footer2 .bpc):active{scale:1}
}

/* BLUE PAD — TASTE PASS 02 / MUTUA CASE PROTOTYPE */
body.bp-mutua-story-mode .bp-mutua-original-hidden{display:none!important}
.bp-mutua-story{--mutua-bg:#07080d;--mutua-line:rgba(255,255,255,.13);position:relative;background:radial-gradient(circle at 8% 18%,rgba(102,87,255,.15),transparent 28%),#07080d;color:#fff;padding:clamp(70px,8vw,120px) clamp(22px,4vw,64px);overflow:clip}
.bp-mutua-story:before{content:"PROJECT / 01";position:absolute;right:-.02em;top:-.18em;font:900 clamp(110px,22vw,330px)/.8 Arial,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);pointer-events:none}
.bp-mutua-story-shell{position:relative;z-index:1;max-width:1540px;margin:auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);gap:clamp(42px,6vw,96px);align-items:start}
.bp-mutua-visual{position:sticky;top:96px;height:calc(100vh - 122px);min-height:560px;display:flex;align-items:center}
.bp-mutua-frame{position:relative;width:100%;height:min(72vh,760px);min-height:520px;overflow:hidden;background:#0b0d14;border:1px solid rgba(255,255,255,.12);box-shadow:0 36px 110px rgba(0,0,0,.34);isolation:isolate}
.bp-mutua-frame:before{content:"";position:absolute;inset:13px;z-index:4;border:1px solid rgba(255,255,255,.14);pointer-events:none}
.bp-mutua-frame:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(5,6,10,.02),rgba(5,6,10,.08) 52%,rgba(5,6,10,.58));pointer-events:none}
.bp-mutua-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.055);filter:saturate(.76) contrast(1.08) brightness(.9);transition:opacity .72s var(--bp-taste-ease),transform 1.15s var(--bp-taste-ease),filter .7s ease}
.bp-mutua-frame img.is-active{opacity:1;transform:scale(1.01);filter:saturate(.96) contrast(1.06) brightness(.96)}
.bp-mutua-frame-meta{position:absolute;z-index:5;left:30px;right:30px;bottom:27px;display:flex;align-items:end;justify-content:space-between;gap:24px}
.bp-mutua-frame-k{font:900 9px/1.3 monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.bp-mutua-frame-title{margin-top:7px;font-size:clamp(24px,2.8vw,42px);font-weight:900;line-height:.92;letter-spacing:-.045em;text-transform:uppercase;color:#fff}
.bp-mutua-progress{display:flex;gap:6px;align-items:center}.bp-mutua-progress i{display:block;width:28px;height:3px;background:rgba(255,255,255,.24);transition:width .45s var(--bp-taste-ease),background .35s ease}.bp-mutua-progress i.is-active{width:56px;background:var(--bp-taste-lime)}
.bp-mutua-copy{position:relative}.bp-mutua-copy-head{padding:10vh 0 4vh}.bp-mutua-copy-head .k{font:900 9px/1.3 monospace;letter-spacing:.18em;color:var(--bp-taste-lime);text-transform:uppercase}.bp-mutua-copy-head h2{max-width:620px;margin:14px 0 0!important;font-size:clamp(44px,5.2vw,80px)!important;line-height:.86!important;letter-spacing:-.055em!important;text-transform:uppercase;color:#fff!important}.bp-mutua-copy-head h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}
.bp-mutua-step{min-height:76vh;padding:15vh 0 12vh;border-top:1px solid var(--mutua-line);opacity:.28;transform:translateY(22px);transition:opacity .5s ease,transform .7s var(--bp-taste-ease)}.bp-mutua-step.is-active{opacity:1;transform:none}.bp-mutua-step-n{font:900 9px/1.2 monospace;letter-spacing:.17em;color:var(--bp-taste-cyan);text-transform:uppercase}.bp-mutua-step h3{max-width:660px;margin:17px 0 24px!important;font-size:clamp(38px,4.7vw,72px)!important;line-height:.9!important;letter-spacing:-.052em!important;text-transform:uppercase;color:#fff!important}.bp-mutua-step p{max-width:590px;margin:0!important;font-size:clamp(17px,1.35vw,21px);line-height:1.68;color:rgba(255,255,255,.67)!important}.bp-mutua-step-media{display:none;margin:0 0 26px;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.bp-mutua-step-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.06)}
.bp-mutua-story-end{padding-top:6vh;border-top:1px solid var(--mutua-line);font:900 9px/1.4 monospace;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.38)}
@media(max-width:1050px){.bp-mutua-story-shell{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:42px}.bp-mutua-visual{top:84px}.bp-mutua-frame{min-height:470px}}
@media(max-width:900px){.bp-mutua-story{padding:70px 20px}.bp-mutua-story-shell{display:block}.bp-mutua-visual{display:none}.bp-mutua-copy-head{padding:0 0 54px}.bp-mutua-step{min-height:0;padding:56px 0;opacity:1;transform:none}.bp-mutua-step-media{display:block}.bp-mutua-step h3{font-size:clamp(38px,11vw,64px)!important}.bp-mutua-story-end{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.bp-mutua-frame img,.bp-mutua-progress i,.bp-mutua-step{transition:none!important}.bp-mutua-frame img{transform:none!important}}

/*# sourceURL=bpwc-custom-inline-css */