*{margin:0;padding:0;box-sizing:border-box}:root{--page-base: #9fd0ec;--sky-top: #2f6294;--sky-mid: #4f86bc;--sky-light: #72b3de;--sky-bottom: #9fd0ec;--panel: rgb(245 251 255 / .04);--panel-strong: rgb(255 255 255 / .1);--border: rgb(226 244 255 / .12);--text: rgb(252 254 255 / .96);--text-soft: rgb(234 246 255 / .8);--text-dim: rgb(219 238 255 / .62);--accent: #c3daa5;--accent-strong: #b2d08d;--shadow: 0 28px 90px rgb(16 57 101 / .1);--max-width: 1240px}html{scroll-behavior:smooth}body{min-height:100vh;background-color:var(--page-base);background:linear-gradient(180deg,var(--sky-top) 0%,#4177af 17%,var(--sky-mid) 45%,var(--sky-light) 76%,var(--sky-bottom) 100%);color:var(--text);font-family:Manrope,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:none;pointer-events:none}canvas{position:fixed;inset:0;z-index:-2;display:block;pointer-events:none}.scene-webgpu-unavailable:before{background:linear-gradient(180deg,#0f2e592e,#1236641a),radial-gradient(circle at 22% 18%,rgb(255 255 255 / .12),transparent 30%),radial-gradient(circle at 74% 32%,rgb(255 241 194 / .08),transparent 26%),linear-gradient(180deg,rgb(255 255 255 / .04),transparent 46%);opacity:.94}.scene-webgpu-notice{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:36;width:min(760px,calc(100vw - 32px));padding:12px 18px;border-top:1px solid rgb(236 246 255 / .18);background:linear-gradient(180deg,#0a214000,#0a214042);backdrop-filter:blur(10px);transform:translate(-50%)}.scene-webgpu-notice-copy{color:#f7fbffd1;font-size:.8rem;line-height:1.5;letter-spacing:.04em;text-align:center}body:after{content:"";position:fixed;inset:0;z-index:25;pointer-events:none;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;background:none;border:0;color:inherit;cursor:pointer}.site-shell{width:min(calc(100% - 32px),var(--max-width));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:35;border-bottom:1px solid rgb(255 255 255 / .1);background:transparent}.site-header:before{content:"";position:absolute;inset:0;display:none}.site-header .site-shell{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:60px}.brand-block{display:grid;gap:2px}.brand-title{font-family:Bebas Neue,sans-serif;font-size:1.12rem;line-height:1;letter-spacing:.12em;text-transform:uppercase}.brand-tagline{font-size:.52rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.nav-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.nav-links a,.header-link,.lang-switch{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);transition:color .18s ease,opacity .18s ease}.nav-links a:hover,.nav-links a.is-active,.header-link:hover,.lang-switch:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:14px}.lang-switcher{display:inline-flex;align-items:center;gap:10px}.lang-switch{opacity:.85}.lang-switch.is-active{color:var(--text);opacity:1}.page-main{position:relative;z-index:1;padding-top:88px}.page-section{padding:clamp(72px,8vw,120px) 0}.page-section.compact{padding-top:56px}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#ff79b9eb}.section-head{display:grid;gap:18px;max-width:1040px;margin-bottom:34px}.home-section-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.92fr);gap:56px;align-items:start}.home-section.is-shifted .home-section-layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1fr)}.home-section-head{margin-bottom:0;max-width:34rem}.home-section.is-shifted .home-section-head{padding-top:34px}.home-preview-grid{align-self:start}.home-section .home-preview-grid.two{grid-template-columns:minmax(240px,.78fr) minmax(280px,1fr)}.home-section.is-shifted .home-preview-grid.two{grid-template-columns:minmax(300px,1fr) minmax(220px,.72fr)}.home-section .home-preview-grid.three{grid-template-columns:minmax(240px,.72fr) minmax(220px,.56fr) minmax(260px,.86fr)}.home-section.is-shifted .home-preview-grid.three{grid-template-columns:minmax(220px,.58fr) minmax(280px,.92fr) minmax(220px,.62fr)}.home-section-2 .home-preview-grid.three{grid-template-columns:minmax(260px,.84fr) minmax(280px,1fr);grid-template-areas:"card1 card2" "card3 card2"}.home-section-2 .home-section-layout{grid-template-columns:minmax(300px,.9fr) minmax(300px,1fr);gap:52px}.home-section-2 .home-section-head{max-width:31rem;min-width:0;padding-right:0}.home-section-2 .section-title{max-width:12.5ch;line-height:1.01}.home-section-2 .home-preview-grid.three .card-1{grid-area:card1}.home-section-2 .home-preview-grid.three .card-2{grid-area:card2}.home-section-2 .home-preview-grid.three .card-3{grid-area:card3}.section-title,.page-hero-title,.hero-title{font-family:Bebas Neue,sans-serif;line-height:.92;letter-spacing:.02em;text-transform:uppercase}.hero-grid{min-height:calc(100vh - 98px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);align-items:center;gap:36px;padding:56px 0 74px}.hero-copy{position:relative;display:grid;gap:16px;max-width:720px;padding:30px 34px 30px 0;isolation:isolate}.hero-copy:before{content:"";position:absolute;inset:-10px 220px -14px -28px;z-index:-1;border-radius:40px;background:linear-gradient(118deg,rgb(19 88 157 / .13),rgb(116 186 239 / .05) 44%,rgb(255 255 255 / .015) 72%,transparent 100%);box-shadow:inset 0 1px #ffffff0f;backdrop-filter:blur(8px)}.hero-title{max-width:11ch;font-size:clamp(3.5rem,6.8vw,6.8rem);line-height:.9;letter-spacing:.012em;text-shadow:0 14px 36px rgb(34 74 121 / .08)}.hero-title .line,.page-hero-title .line,.section-title .line{display:block;text-wrap:balance;word-break:keep-all}body[data-page=home] .hero-title .line:first-child{margin-left:.02ch}body[data-page=home] .hero-title .line+.line{margin-top:.1em;padding-left:0}body[data-page=home] .hero-copy{max-width:960px;padding-top:18px;padding-bottom:8px}body[data-page=home] .hero-copy:before{display:none}body[data-page=home] .hero-grid{min-height:calc(100vh - 76px);grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:start;gap:18px;padding:34px 0 64px}body[data-page=home] .hero-title{max-width:7.2ch;font-size:clamp(4.25rem,10.6vw,8.9rem);line-height:.96;letter-spacing:-.05em;text-shadow:0 18px 44px rgb(47 102 162 / .08)}body[data-page=home] .hero-side{gap:20px;width:min(100%,220px);max-width:220px;justify-self:end;padding-top:102px}body[data-page=home] .note-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;gap:10px}body[data-page=home] .note-card+.note-card{padding-top:18px;border-top:1px solid rgb(255 255 255 / .12)}body[data-page=home] .note-card .card-label{color:#f1f8ff8f}body[data-page=home] .note-card .card-copy{color:#f4faffc7;font-size:.95rem;line-height:1.8}.hero-subtitle,.page-hero-intro,.section-intro,.card-copy,.detail-copy,.side-copy,.footer-copy{color:var(--text-soft);line-height:1.85}.hero-subtitle{max-width:40rem;font-size:clamp(1rem,1.42vw,1.1rem);color:#f4faffe0;line-height:1.88}body[data-page=home] .hero-subtitle{max-width:31rem;font-size:clamp(.96rem,1.08vw,1.03rem);line-height:1.68;margin-left:.02ch}.hero-actions,.button-row,.chip-row{display:flex;flex-wrap:wrap;gap:12px}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid rgb(255 255 255 / .08);border-radius:999px;background:#ffffff08;color:var(--text);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button-link:hover{transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:10px;width:fit-content;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#ffe9f6f0;font-size:.72rem;font-weight:800;line-height:1;letter-spacing:.18em;text-transform:uppercase;transition:transform .18s ease,color .18s ease,opacity .18s ease}.text-link:after{content:"→";font-size:.92em}.text-link:hover{transform:translate(3px);color:#fff4fafa}.hero-text-link{color:#f5f8ffe0;letter-spacing:.16em}.hero-text-link:after{color:#ffbae3eb}.hero-text-link.is-strong{color:#fffffffa}body[data-page=home] .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding-top:10px;margin-left:.02ch}body[data-page=home] .hero-text-link{min-height:1rem}body[data-page=home] .chip-row{margin-left:.02ch}.button-link.primary{background:linear-gradient(180deg,#fff3,#ffffff14);border-color:#ffffff29;color:#fafdfff5}.chip-row span{display:inline-flex;align-items:center;min-height:0;padding:0;border-radius:0;border:0;background:transparent;color:#eff8ffb8;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:none}.chip-row span:before{content:"/";margin-right:12px;color:#ffffff57}.chip-row span:first-child:before{content:"";margin-right:0}.hero-side,.detail-side{display:grid;gap:28px;align-content:start;max-width:360px}.hero-side{padding-top:34px}.card-label{font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);overflow-wrap:anywhere}.glass-card,.note-card,.detail-card,.preview-card,.page-panel,.mini-panel,.process-card{display:flex;flex-direction:column;gap:14px;padding:18px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.detail-card,.preview-card,.page-panel,.mini-panel,.process-card{position:relative;min-width:0;height:100%}.detail-card:before,.preview-card:before,.page-panel:before,.mini-panel:before,.process-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,#ffffff3d,#ffffff0f)}.preview-grid,.detail-grid,.mini-grid,.process-grid{display:grid;gap:34px 30px;align-items:stretch}.preview-grid.three,.detail-grid.three,.mini-grid.three,.process-grid.three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-menu-wrap{padding-top:0;padding-bottom:34px}.section-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.section-menu-item{display:grid;gap:12px;min-height:0;padding:18px 0 0;border-top:1px solid rgb(255 255 255 / .14);transition:transform .18s ease,border-color .18s ease,opacity .18s ease}.section-menu-item:hover{transform:translateY(-2px);border-top-color:#ffffff3d}.section-menu-item.is-active{border-top-color:#ffbee6b8}.section-menu-label{font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fafcffe6}.section-menu-copy{color:var(--text-soft);max-width:24ch;font-size:.92rem;line-height:1.8}.preview-grid.two,.detail-grid.two{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.brand-wall-head{margin-bottom:28px}.brand-wall{display:grid;gap:14px;overflow:hidden}.brand-wall-row{position:relative;display:grid;grid-template-columns:minmax(110px,160px) minmax(0,1fr);gap:22px;align-items:center;overflow:hidden;border-top:1px solid rgb(255 255 255 / .12);border-bottom:1px solid rgb(255 255 255 / .05);padding:16px 24px;--brand-wall-accent: 154 197 255}.brand-wall-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--brand-wall-accent) / .11),transparent 26%,transparent 74%,rgb(var(--brand-wall-accent) / .05)),linear-gradient(180deg,rgb(255 255 255 / .035),transparent 60%);pointer-events:none}.brand-wall-row[data-tone=cn]{--brand-wall-accent: 117 187 255}.brand-wall-row[data-tone=jp]{--brand-wall-accent: 255 205 224}.brand-wall-row[data-tone=kr]{--brand-wall-accent: 196 186 255}.brand-wall-row[data-tone=sea]{--brand-wall-accent: 134 216 201}.brand-wall-row[data-tone=mix]{--brand-wall-accent: 192 203 224}.brand-wall-layer{position:relative;z-index:1;font-size:.64rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#ecf4fc9e}.brand-wall-scroll{position:relative;z-index:1;overflow:hidden;min-width:0}.brand-wall-track{display:flex;width:max-content;align-items:center;gap:18px;animation:brandWallMarquee 34s linear infinite}.brand-wall-row.is-reverse .brand-wall-track{animation-direction:reverse;animation-duration:42s}.brand-wall-row:nth-child(1) .brand-wall-track{animation-duration:34s}.brand-wall-row:nth-child(2) .brand-wall-track{animation-duration:42s}.brand-wall-row:nth-child(3) .brand-wall-track{animation-duration:38s}.brand-wall-row:nth-child(4) .brand-wall-track{animation-duration:46s}.brand-wall-row:nth-child(5) .brand-wall-track{animation-duration:36s}.brand-wall-row[data-pace=slow] .brand-wall-track{animation-duration:58s}.brand-wall-row.is-reverse[data-pace=slow] .brand-wall-track{animation-duration:64s}.brand-wall-region{display:inline-flex;align-items:center;height:1.7rem;padding:0 .72rem;border:1px solid rgb(255 255 255 / .12);border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ecf4fcb8;background:#ffffff09;white-space:nowrap}.brand-wall-item{display:inline-flex;align-items:center;gap:18px;flex:0 0 auto;font-family:Bebas Neue,sans-serif;font-size:clamp(1.4rem,2.2vw,2.2rem);letter-spacing:.04em;line-height:1;text-transform:uppercase;color:#f6f8ffeb;white-space:nowrap}.brand-wall-item:after{content:"•";color:#ffd6939e;font-size:.72em}.brand-wall-item:last-child:after{content:"•"}@keyframes brandWallMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.detail-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(240px,.56fr);gap:72px;align-items:start}.page-hero{display:grid;gap:24px;max-width:840px}.page-hero-title{max-width:16ch;font-size:clamp(2.6rem,4.2vw,4.5rem);line-height:.9;text-wrap:balance}.page-hero-intro{max-width:38rem;font-size:1.04rem}.section-title{max-width:17ch;font-size:clamp(2rem,3.6vw,3.35rem);line-height:.96;text-wrap:balance}.card-title,.detail-title,.preview-title,.process-title{font-family:Bebas Neue,sans-serif;line-height:.98;letter-spacing:.02em;text-transform:uppercase}.card-title,.detail-title,.preview-title{font-size:clamp(1.55rem,2.4vw,2.32rem)}.preview-grid.three .preview-title,.detail-grid.three .card-title,.mini-grid.three .card-title,.process-grid.three .process-title{width:100%;max-width:10.5ch;min-height:2.5em}.process-title{font-size:1.84rem}.section-intro,.card-copy,.detail-copy,.side-copy,.footer-copy{font-size:1rem}.card-copy,.detail-copy,.side-copy{max-width:34ch;overflow-wrap:anywhere;word-break:break-word}.preview-grid.three .card-copy,.detail-grid.three .detail-copy,.mini-grid.three .card-copy{min-height:7.4em}.preview-card .text-link,.detail-card .text-link,.mini-panel .text-link,.process-card .text-link{margin-top:auto}.home-section .section-intro{max-width:31rem;font-size:1.04rem}.home-preview-grid .preview-card{margin-top:0}.detail-grid .detail-card:nth-child(2n){margin-top:42px}body[data-page=brands] .detail-grid.three .detail-card:nth-child(2n),body[data-page=about] .detail-grid.three .detail-card:nth-child(2n),body[data-page=services] .detail-grid.three .detail-card:nth-child(2n),body[data-page=work] .detail-grid.three .detail-card:nth-child(2n),body[data-page=insights] .detail-grid.three .detail-card:nth-child(2n),body[data-page=contact] .detail-grid.three .detail-card:nth-child(2n),body[data-page=brandLab] .detail-grid.three .detail-card:nth-child(2n){margin-top:0}body[data-page=about] .detail-grid.three .card-title{max-width:10.5ch;min-height:2.4em}body[data-page=about] .detail-grid.three .card-label{display:flex;align-items:flex-end;min-height:2.8em}body[data-page=about] .detail-grid.three .detail-copy{min-height:6.8em}body[data-page=services] .detail-grid.three .card-label{display:flex;align-items:flex-end;min-height:2.4em}body[data-page=services] .detail-grid.three{grid-auto-rows:1fr}body[data-page=services] .detail-grid.three .detail-card{display:grid;grid-template-rows:minmax(2.4em,auto) minmax(2.8em,auto) minmax(5.8em,1fr) auto;min-height:17.8rem}body[data-page=services] .detail-grid.three .card-title{max-width:10.4ch;min-height:2.8em}body[data-page=services] .detail-grid.three .detail-copy{min-height:5.8em}body[data-page=services] .detail-grid.three .text-link{align-self:end}body[data-page=work] .detail-grid.three{grid-auto-rows:1fr}body[data-page=work] .detail-grid.three .card-label{display:flex;align-items:flex-end;min-height:2.4em}body[data-page=work] .detail-grid.three .detail-card{display:grid;grid-template-rows:minmax(2.4em,auto) minmax(2.8em,auto) minmax(6.2em,1fr) auto auto;min-height:21rem}body[data-page=work] .detail-grid.three .card-title{max-width:10.8ch;min-height:2.8em}body[data-page=work] .detail-grid.three .detail-copy{min-height:6.2em}body[data-page=work] .detail-grid.three .detail-list{min-height:5.8em}body[data-page=work] .detail-grid.three .text-link{align-self:end}body[data-page=insights] .detail-grid.three{grid-auto-rows:1fr}body[data-page=insights] .detail-grid.three .card-label{display:flex;align-items:flex-end;min-height:2.4em}body[data-page=insights] .detail-grid.three .detail-card{display:grid;grid-template-rows:minmax(2.4em,auto) minmax(3.2em,auto) minmax(6.8em,1fr) auto auto;min-height:22rem}body[data-page=insights] .detail-grid.three .card-title{max-width:11.2ch;min-height:3.2em}body[data-page=insights] .detail-grid.three .detail-copy{min-height:6.8em}body[data-page=insights] .detail-grid.three .detail-list{min-height:5.8em}body[data-page=insights] .detail-grid.three .text-link{align-self:end}body[data-page=contact] .detail-grid.three{grid-auto-rows:1fr}body[data-page=contact] .detail-grid.three .card-label{display:flex;align-items:flex-end;min-height:2.4em}body[data-page=contact] .detail-grid.three .detail-card{display:grid;grid-template-rows:minmax(2.4em,auto) minmax(3.4em,auto) minmax(8.6em,1fr);min-height:20.8rem;align-content:start}body[data-page=contact] .detail-grid.three .card-title{max-width:none;min-height:3.4em}body[data-page=contact] .detail-grid.three .detail-card:first-child .card-title{white-space:nowrap;overflow-wrap:normal;word-break:normal}body[data-page=contact] .detail-grid.three .detail-copy{min-height:8.6em;line-height:1.92}body[data-page=contact] .mini-grid.three{grid-auto-rows:1fr}body[data-page=contact] .mini-grid.three .card-label{display:flex;align-items:flex-end;min-height:2.4em}body[data-page=contact] .mini-grid.three .mini-panel{display:grid;grid-template-rows:minmax(2.4em,auto) minmax(4.8em,auto) minmax(7.4em,1fr);min-height:17.8rem}body[data-page=contact] .mini-grid.three .card-title{max-width:none;min-height:4.8em}body[data-page=contact] .mini-grid.three .detail-copy{min-height:7.4em}body[data-page=brands] .mini-grid .mini-panel:nth-child(2){margin-top:0}body[data-page=brands] .mini-grid.three .card-label{display:flex;align-items:flex-end;min-height:2.4em}body[data-page=brands] .mini-grid.three .mini-panel{display:grid;grid-template-rows:minmax(2.4em,auto) minmax(6.2em,auto) minmax(7.4em,auto)}body[data-page=brands] .mini-grid.three .card-title{max-width:10.8ch;min-height:6.2em}body[data-page=brands] .mini-grid.three .detail-copy{min-height:7.4em}body[data-page=brandCoffee] .detail-layout,body[data-page=brandCommerce] .detail-layout,body[data-page=brandLab] .detail-layout{grid-template-columns:minmax(0,1.1fr) minmax(220px,.4fr);gap:86px}body[data-page=brandCoffee] .page-hero,body[data-page=brandCommerce] .page-hero,body[data-page=brandLab] .page-hero{gap:18px;max-width:980px}body[data-page=brandCoffee] .page-hero-title,body[data-page=brandCommerce] .page-hero-title,body[data-page=brandLab] .page-hero-title{max-width:12.5ch;font-size:clamp(3rem,4.8vw,5.2rem);line-height:.92}body[data-page=brandCoffee] .page-hero-intro,body[data-page=brandCommerce] .page-hero-intro,body[data-page=brandLab] .page-hero-intro{max-width:35rem;font-size:1.05rem;line-height:1.84}body[data-page=brandCoffee] .page-panel,body[data-page=brandCommerce] .page-panel,body[data-page=brandLab] .page-panel{gap:16px;padding-top:22px}body[data-page=brandCoffee] .detail-grid.three,body[data-page=brandCommerce] .detail-grid.three,body[data-page=brandLab] .detail-grid.three,body[data-page=brandCoffee] .mini-grid.three,body[data-page=brandCommerce] .mini-grid.three,body[data-page=brandLab] .mini-grid.three{grid-template-columns:minmax(220px,.76fr) minmax(300px,1fr) minmax(220px,.76fr);gap:40px 34px}body[data-page=brandCoffee] .detail-grid.three .detail-card:nth-child(2n),body[data-page=brandCommerce] .detail-grid.three .detail-card:nth-child(2n),body[data-page=brandLab] .detail-grid.three .detail-card:nth-child(2n),body[data-page=brandCoffee] .mini-grid .mini-panel:nth-child(2),body[data-page=brandCommerce] .mini-grid .mini-panel:nth-child(2),body[data-page=brandLab] .mini-grid .mini-panel:nth-child(2){margin-top:0}body[data-page=brandCoffee] .detail-grid.three .card-title,body[data-page=brandCommerce] .detail-grid.three .card-title,body[data-page=brandLab] .detail-grid.three .card-title,body[data-page=brandCoffee] .mini-grid.three .card-title,body[data-page=brandCommerce] .mini-grid.three .card-title,body[data-page=brandLab] .mini-grid.three .card-title{max-width:12ch;min-height:2.7em}body[data-page=brandCoffee] .detail-grid.three .detail-copy,body[data-page=brandCommerce] .detail-grid.three .detail-copy,body[data-page=brandLab] .detail-grid.three .detail-copy,body[data-page=brandCoffee] .mini-grid.three .detail-copy,body[data-page=brandCommerce] .mini-grid.three .detail-copy,body[data-page=brandLab] .mini-grid.three .detail-copy{min-height:8.2em}.mini-grid .mini-panel:nth-child(2){margin-top:34px}body[data-page=about] .mini-grid .mini-panel:nth-child(2){margin-top:0}body[data-page=services] .mini-grid .mini-panel:nth-child(2){margin-top:0}body[data-page=about] .mini-grid.three .card-label{display:flex;align-items:flex-end;min-height:2.8em}body[data-page=about] .mini-grid.three .mini-panel{display:grid;grid-template-rows:minmax(2.8em,auto) minmax(3.25em,auto) minmax(7.9em,auto);align-content:start}body[data-page=about] .mini-grid.three .card-title{max-width:12ch;min-height:3.25em}body[data-page=about] .mini-grid.three .detail-copy{min-height:7.9em}body[data-page=services] .mini-grid.three{grid-auto-rows:1fr}body[data-page=services] .mini-grid.three .card-label{display:flex;align-items:flex-end;min-height:2.6em}body[data-page=services] .mini-grid.three .mini-panel{display:grid;grid-template-rows:minmax(2.6em,auto) minmax(4.8em,auto) minmax(7.6em,1fr) minmax(3.2em,auto);min-height:19rem;align-content:start}body[data-page=services] .mini-grid.three .card-title{max-width:none;min-height:4.8em}body[data-page=services] .mini-grid.three .detail-copy{min-height:7.6em}body[data-page=services] .mini-grid.three .detail-list{min-height:3.2em}.detail-list{display:grid;gap:8px;list-style:none}.detail-list li{color:var(--text-soft);line-height:1.72;font-size:.92rem}.detail-list strong{color:var(--text);font-weight:700}.process-step{font-family:Bebas Neue,sans-serif;font-size:3rem;line-height:1;letter-spacing:.08em;color:#ffe1bbc2}.footer-copy{max-width:56rem;font-size:1rem}.site-footer{padding:0 0 34px}.site-footer .cta-panel{display:grid;gap:18px;max-width:780px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.site-footer .button-row{padding-top:6px}.footer-meta{display:grid;gap:8px;justify-items:center;padding-top:22px}.footer-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.footer-note{color:var(--text-dim);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;text-align:center}.footer-record{color:#e8eff8b3;font-size:.82rem;letter-spacing:.04em;text-align:center}.footer-copyright{color:#e8eff885;font-size:.78rem;letter-spacing:.03em;text-align:center}.footer-divider{color:#e8eff857;font-size:.78rem}@media(max-width:1080px){.scene-webgpu-notice{bottom:14px;width:calc(100vw - 28px);padding:11px 14px}.site-header .site-shell{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px;padding:12px 0}.nav-links{grid-column:1 / -1;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.header-actions{justify-content:flex-end}.nav-links::-webkit-scrollbar{display:none}.footer-legal{gap:6px}.hero-grid,.detail-layout,.home-section-layout{grid-template-columns:1fr}.home-section.is-shifted .home-section-head{padding-top:0}.home-section .home-preview-grid.two,.home-section.is-shifted .home-preview-grid.two,.home-section .home-preview-grid.three,.home-section.is-shifted .home-preview-grid.three{grid-template-columns:1fr}.hero-copy{padding-right:0}.hero-copy:before{inset:-14px -10px -18px -12px}body[data-page=home] .hero-grid{min-height:auto;grid-template-columns:1fr;gap:24px;padding:18px 0 52px}body[data-page=home] .hero-side{width:100%;max-width:none;justify-self:stretch;padding-top:0}}@media(max-width:720px){.page-main{padding-top:116px}.site-shell{width:min(calc(100% - 22px),var(--max-width))}.site-header .site-shell{min-height:auto;padding:10px 0 8px}.brand-title{font-size:1rem}.brand-tagline{font-size:.48rem;letter-spacing:.18em}.nav-links a,.header-link,.lang-switch{font-size:.58rem;letter-spacing:.14em}.header-actions{gap:10px}.header-link{display:none}.hero-title{max-width:none;font-size:clamp(3.2rem,13vw,5rem)}.hero-title .line,.page-hero-title .line{white-space:normal}.page-hero-title{max-width:none;font-size:clamp(2.8rem,11vw,4.4rem)}.section-title{font-size:clamp(2.8rem,13vw,4.8rem)}.preview-grid.two,.detail-grid.two,.preview-grid.three,.detail-grid.three,.mini-grid.three,.process-grid.three{grid-template-columns:1fr}.home-preview-grid .preview-card,.detail-grid .detail-card:nth-child(2n),.mini-grid .mini-panel:nth-child(2){margin-top:0}.brand-wall-track{animation-duration:28s}.brand-wall-row{grid-template-columns:1fr;gap:12px;padding:14px 18px}.section-menu{grid-template-columns:1fr;gap:16px}.section-menu-copy{max-width:none;font-size:.88rem;line-height:1.72}body[data-page=home] .hero-grid{gap:18px;padding:12px 0 38px}body[data-page=home] .hero-copy{max-width:none;padding:0;gap:12px}body[data-page=home] .hero-title{max-width:5.6ch;font-size:clamp(2.9rem,15vw,4.6rem);line-height:.92;letter-spacing:-.06em}body[data-page=home] .hero-subtitle{max-width:none;margin-left:0;font-size:.95rem;line-height:1.62}body[data-page=home] .hero-actions{gap:12px 18px;padding-top:6px;margin-left:0}body[data-page=home] .chip-row{margin-left:0;gap:8px 12px}body[data-page=home] .chip-row span{font-size:.62rem;letter-spacing:.1em}body[data-page=home] .hero-side{gap:14px}body[data-page=home] .note-card+.note-card{padding-top:14px}}html[lang=en] .hero-title,html[lang=en] .page-hero-title,html[lang=en] .section-title,html[lang=en] .card-title,html[lang=en] .detail-title,html[lang=en] .preview-title,html[lang=en] .process-title{letter-spacing:.01em;text-transform:none}html[lang=en] .hero-title{max-width:10.6ch;font-size:clamp(3rem,5.5vw,5.7rem);line-height:.98}html[lang=en] body[data-page=home] .hero-title{max-width:18.6ch;font-size:clamp(3.45rem,7.2vw,6.4rem);line-height:.92}html[lang=en] body[data-page=home] .hero-title .line{white-space:nowrap}html[lang=en] .page-hero-title{max-width:12.4ch;font-size:clamp(2.18rem,3.25vw,3.72rem);line-height:.94}html[lang=en] .section-title{max-width:13.6ch;font-size:clamp(1.88rem,2.8vw,3rem);line-height:.98}html[lang=en] .card-title,html[lang=en] .detail-title,html[lang=en] .preview-title{font-size:clamp(1.24rem,1.62vw,1.78rem);line-height:1.08}html[lang=en] .preview-grid.three .preview-title,html[lang=en] .detail-grid.three .card-title,html[lang=en] .mini-grid.three .card-title,html[lang=en] .process-grid.three .process-title{max-width:12.8ch;min-height:3em}html[lang=en] .hero-subtitle,html[lang=en] .page-hero-intro,html[lang=en] .section-intro,html[lang=en] .card-copy,html[lang=en] .detail-copy,html[lang=en] .side-copy,html[lang=en] .footer-copy,html[lang=en] .section-menu-copy{font-size:.95rem;line-height:1.82}html[lang=en] .detail-grid.three .detail-copy,html[lang=en] .mini-grid.three .card-copy{min-height:7.8em}html[lang=en] body[data-page=about] .detail-grid.three .detail-card,html[lang=en] body[data-page=services] .detail-grid.three .detail-card{grid-template-rows:minmax(2.4em,auto) minmax(4em,auto) minmax(7.8em,1fr) auto;min-height:21rem}html[lang=en] body[data-page=about] .detail-grid.three .card-title,html[lang=en] body[data-page=services] .detail-grid.three .card-title{min-height:4em}html[lang=en] body[data-page=about] .detail-grid.three .detail-copy,html[lang=en] body[data-page=services] .detail-grid.three .detail-copy{min-height:7.8em}html[lang=en] body[data-page=work] .detail-grid.three .detail-card,html[lang=en] body[data-page=insights] .detail-grid.three .detail-card{grid-template-rows:minmax(2.4em,auto) minmax(4.4em,auto) minmax(8.8em,1fr) auto auto;min-height:24.8rem}html[lang=en] body[data-page=work] .detail-grid.three .card-title,html[lang=en] body[data-page=insights] .detail-grid.three .card-title{min-height:4.4em}html[lang=en] body[data-page=work] .detail-grid.three .detail-copy,html[lang=en] body[data-page=insights] .detail-grid.three .detail-copy{min-height:8.8em}html[lang=en] body[data-page=work] .detail-grid.three .detail-list,html[lang=en] body[data-page=insights] .detail-grid.three .detail-list{min-height:6.2em}html[lang=en] body[data-page=about] .mini-grid.three .mini-panel,html[lang=en] body[data-page=brands] .mini-grid.three .mini-panel{grid-template-rows:minmax(2.4em,auto) minmax(4.6em,auto) minmax(8.2em,1fr);min-height:21.2rem}html[lang=en] body[data-page=services] .mini-grid.three .mini-panel{grid-template-rows:minmax(2.6em,auto) minmax(5.2em,auto) minmax(10em,1fr) minmax(3.4em,auto);min-height:23rem}html[lang=en] body[data-page=services] .mini-grid.three .card-title{min-height:5.2em}html[lang=en] body[data-page=services] .mini-grid.three .detail-copy{min-height:10em}html[lang=en] body[data-page=services] .mini-grid.three .detail-list{min-height:3.4em}html[lang=en] body[data-page=about] .mini-grid.three .card-title,html[lang=en] body[data-page=brands] .mini-grid.three .card-title{max-width:12ch;min-height:4.6em}html[lang=en] body[data-page=about] .mini-grid.three .detail-copy,html[lang=en] body[data-page=brands] .mini-grid.three .detail-copy{min-height:8.2em}html[lang=en] body[data-page=contact] .detail-grid.three .detail-card{grid-template-rows:minmax(2.4em,auto) minmax(4.2em,auto) minmax(10.4em,1fr);min-height:23.4rem}html[lang=en] body[data-page=contact] .detail-grid.three .card-title{min-height:4.2em}html[lang=en] body[data-page=contact] .detail-grid.three .detail-copy{min-height:10.4em}html[lang=en] body[data-page=serviceCreative] .page-hero-title,html[lang=en] body[data-page=serviceDevelopment] .page-hero-title,html[lang=en] body[data-page=serviceGeo] .page-hero-title,html[lang=en] body[data-page=workCaseGroup] .page-hero-title,html[lang=en] body[data-page=workCaseCampaign] .page-hero-title,html[lang=en] body[data-page=workCaseGeo] .page-hero-title,html[lang=en] body[data-page=insightTheme] .page-hero-title,html[lang=en] body[data-page=insightExperience] .page-hero-title,html[lang=en] body[data-page=insightAI] .page-hero-title{max-width:20.2ch;font-size:clamp(1.96rem,2.85vw,3.08rem);line-height:.98}html[lang=en] body[data-page=workCaseGroup] .detail-grid.three .card-title,html[lang=en] body[data-page=workCaseCampaign] .detail-grid.three .card-title,html[lang=en] body[data-page=workCaseGeo] .detail-grid.three .card-title,html[lang=en] body[data-page=insightTheme] .detail-grid.three .card-title,html[lang=en] body[data-page=insightExperience] .detail-grid.three .card-title,html[lang=en] body[data-page=insightAI] .detail-grid.three .card-title{max-width:13.4ch;min-height:3.6em}html[lang=en] body[data-page=workCaseGroup] .detail-grid.three .detail-copy,html[lang=en] body[data-page=workCaseCampaign] .detail-grid.three .detail-copy,html[lang=en] body[data-page=workCaseGeo] .detail-grid.three .detail-copy,html[lang=en] body[data-page=insightTheme] .detail-grid.three .detail-copy,html[lang=en] body[data-page=insightExperience] .detail-grid.three .detail-copy,html[lang=en] body[data-page=insightAI] .detail-grid.three .detail-copy{min-height:9.4em}html[lang=en] body[data-page=workCaseGroup] .detail-grid.three .detail-card,html[lang=en] body[data-page=workCaseCampaign] .detail-grid.three .detail-card,html[lang=en] body[data-page=workCaseGeo] .detail-grid.three .detail-card,html[lang=en] body[data-page=insightTheme] .detail-grid.three .detail-card,html[lang=en] body[data-page=insightExperience] .detail-grid.three .detail-card,html[lang=en] body[data-page=insightAI] .detail-grid.three .detail-card{grid-template-rows:minmax(2.4em,auto) minmax(3.6em,auto) minmax(9.4em,1fr) auto auto;min-height:25.4rem}html[lang=zh-CN] .hero-title,html[lang=zh-CN] .page-hero-title,html[lang=zh-CN] .section-title,html[lang=zh-CN] .card-title,html[lang=zh-CN] .detail-title,html[lang=zh-CN] .preview-title,html[lang=zh-CN] .process-title{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1.06;text-transform:none}html[lang=zh-CN] .hero-title{max-width:8.8ch;font-size:clamp(3.15rem,6vw,5.9rem)}html[lang=zh-CN] body[data-page=home] .hero-title{max-width:6.4ch;font-size:clamp(4.05rem,10.2vw,8.35rem);line-height:1.02;letter-spacing:-.065em}html[lang=zh-CN] .page-hero-title{max-width:17ch;font-size:clamp(2.45rem,4vw,4.15rem);line-height:.98}html[lang=zh-CN] .section-title{max-width:18ch;font-size:clamp(2.05rem,3.5vw,3.35rem);line-height:1}html[lang=zh-CN] .brand-wall-item{font-size:clamp(1.16rem,2vw,1.82rem);letter-spacing:.03em}html[lang=zh-CN] .home-section-2 .section-title{max-width:13.2ch;font-size:clamp(1.94rem,3vw,3.08rem)}html[lang=zh-CN] .card-title,html[lang=zh-CN] .detail-title,html[lang=zh-CN] .preview-title{font-size:clamp(1.42rem,2vw,2rem);line-height:1.08}html[lang=zh-CN] .preview-grid.three .preview-title,html[lang=zh-CN] .detail-grid.three .card-title,html[lang=zh-CN] .mini-grid.three .card-title,html[lang=zh-CN] .process-grid.three .process-title{max-width:8.5ch;min-height:2.35em}html[lang=zh-CN] body[data-page=brandCoffee] .page-hero-title,html[lang=zh-CN] body[data-page=brandCommerce] .page-hero-title,html[lang=zh-CN] body[data-page=brandLab] .page-hero-title{max-width:11.8ch;font-size:clamp(2.72rem,4.5vw,4.62rem);line-height:1}html[lang=zh-CN] body[data-page=brandCoffee] .detail-grid.three .card-title,html[lang=zh-CN] body[data-page=brandCommerce] .detail-grid.three .card-title,html[lang=zh-CN] body[data-page=brandLab] .detail-grid.three .card-title,html[lang=zh-CN] body[data-page=brandCoffee] .mini-grid.three .card-title,html[lang=zh-CN] body[data-page=brandCommerce] .mini-grid.three .card-title,html[lang=zh-CN] body[data-page=brandLab] .mini-grid.three .card-title{max-width:9.6ch;min-height:2.5em}html[lang=zh-CN] body[data-page=about] .detail-grid.three .card-title{max-width:8.8ch;min-height:2.25em}html[lang=zh-CN] body[data-page=about] .detail-grid.three .card-label{min-height:2.4em}html[lang=zh-CN] body[data-page=about] .detail-grid.three .detail-copy{min-height:6.6em}html[lang=zh-CN] body[data-page=services] .detail-grid.three .card-label{min-height:2.4em}html[lang=zh-CN] body[data-page=services] .detail-grid.three{grid-auto-rows:1fr}html[lang=zh-CN] body[data-page=services] .detail-grid.three .detail-card{grid-template-rows:minmax(2.4em,auto) minmax(2.8em,auto) minmax(6.6em,1fr) auto;min-height:18.8rem}html[lang=zh-CN] body[data-page=services] .detail-grid.three .card-title{max-width:9.6ch;min-height:2.8em}html[lang=zh-CN] body[data-page=services] .detail-grid.three .detail-copy{min-height:6.6em}html[lang=zh-CN] body[data-page=work] .detail-grid.three{grid-auto-rows:1fr}html[lang=zh-CN] body[data-page=work] .detail-grid.three .card-label{min-height:2.4em}html[lang=zh-CN] body[data-page=work] .detail-grid.three .detail-card{grid-template-rows:minmax(2.4em,auto) minmax(2.8em,auto) minmax(6.8em,1fr) auto auto;min-height:22rem}html[lang=zh-CN] body[data-page=work] .detail-grid.three .card-title{max-width:10.2ch;min-height:2.8em}html[lang=zh-CN] body[data-page=work] .detail-grid.three .detail-copy{min-height:6.8em}html[lang=zh-CN] body[data-page=work] .detail-grid.three .detail-list{min-height:6.2em}html[lang=zh-CN] body[data-page=insights] .detail-grid.three{grid-auto-rows:1fr}html[lang=zh-CN] body[data-page=insights] .detail-grid.three .card-label{min-height:2.4em}html[lang=zh-CN] body[data-page=insights] .detail-grid.three .detail-card{grid-template-rows:minmax(2.4em,auto) minmax(3.5em,auto) minmax(8.2em,1fr) auto auto;min-height:24rem}html[lang=zh-CN] body[data-page=insights] .detail-grid.three .card-title{max-width:10.8ch;min-height:3.5em}html[lang=zh-CN] body[data-page=insights] .detail-grid.three .detail-copy{min-height:8.2em}html[lang=zh-CN] body[data-page=insights] .detail-grid.three .detail-list{min-height:6.4em}html[lang=zh-CN] body[data-page=contact] .detail-grid.three .card-title{max-width:none;min-height:3.4em}html[lang=zh-CN] body[data-page=contact] .detail-grid.three{grid-auto-rows:1fr}html[lang=zh-CN] body[data-page=contact] .detail-grid.three .card-label{min-height:2.4em}html[lang=zh-CN] body[data-page=contact] .detail-grid.three .detail-card{grid-template-rows:minmax(2.4em,auto) minmax(3.4em,auto) minmax(8.8em,1fr);min-height:21.8rem}html[lang=zh-CN] body[data-page=contact] .detail-grid.three .detail-copy{min-height:8.8em;line-height:1.95}html[lang=zh-CN] body[data-page=contact] .mini-grid.three .card-label{min-height:2.4em}html[lang=zh-CN] body[data-page=contact] .mini-grid.three .mini-panel{grid-template-rows:minmax(2.4em,auto) minmax(5.8em,auto) minmax(7.8em,1fr);min-height:18.8rem}html[lang=zh-CN] body[data-page=contact] .mini-grid.three .card-title{max-width:none;min-height:5.8em}html[lang=zh-CN] body[data-page=contact] .mini-grid.three .detail-copy{min-height:7.8em}html[lang=zh-CN] body[data-page=about] .mini-grid.three .card-label{min-height:2.4em}html[lang=zh-CN] body[data-page=about] .mini-grid.three .mini-panel{grid-template-rows:minmax(2.4em,auto) minmax(2.8em,auto) minmax(7.2em,auto)}html[lang=zh-CN] body[data-page=about] .mini-grid.three .card-title{max-width:10.4ch;min-height:2.8em}html[lang=zh-CN] body[data-page=about] .mini-grid.three .detail-copy{min-height:7.2em}html[lang=zh-CN] body[data-page=brands] .mini-grid.three .card-label{min-height:2.4em}html[lang=zh-CN] body[data-page=brands] .mini-grid.three .mini-panel{grid-template-rows:minmax(2.4em,auto) minmax(6.4em,auto) minmax(7.8em,auto)}html[lang=zh-CN] body[data-page=brands] .mini-grid.three .card-title{max-width:11.2ch;min-height:6.4em}html[lang=zh-CN] body[data-page=brands] .mini-grid.three .detail-copy{min-height:7.8em}html[lang=zh-CN] body[data-page=brandCoffee] .detail-grid.three .detail-copy,html[lang=zh-CN] body[data-page=brandCommerce] .detail-grid.three .detail-copy,html[lang=zh-CN] body[data-page=brandLab] .detail-grid.three .detail-copy,html[lang=zh-CN] body[data-page=brandCoffee] .mini-grid.three .detail-copy,html[lang=zh-CN] body[data-page=brandCommerce] .mini-grid.three .detail-copy,html[lang=zh-CN] body[data-page=brandLab] .mini-grid.three .detail-copy{min-height:8.8em}html[lang=zh-CN] .preview-grid.three .card-copy,html[lang=zh-CN] .detail-grid.three .detail-copy,html[lang=zh-CN] .mini-grid.three .card-copy{min-height:7em}html[lang=zh-CN] .section-menu-label{font-size:.88rem;letter-spacing:.08em;text-transform:none}html[lang=ja] .brand-title,html[lang=ja] .hero-title,html[lang=ja] .page-hero-title,html[lang=ja] .section-title,html[lang=ja] .card-title,html[lang=ja] .detail-title,html[lang=ja] .preview-title,html[lang=ja] .process-title{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.1;text-transform:none}html[lang=ja] .brand-title{font-size:1rem;letter-spacing:0}html[lang=ja] .brand-tagline,html[lang=ja] .nav-links a,html[lang=ja] .header-link,html[lang=ja] .lang-switch,html[lang=ja] .card-label,html[lang=ja] .section-menu-label{letter-spacing:.08em;text-transform:none}html[lang=ja] .nav-links a,html[lang=ja] .header-link,html[lang=ja] .lang-switch{font-size:.6rem}html[lang=ja] .hero-title{max-width:10.2ch;font-size:clamp(3rem,5.8vw,5.55rem);line-height:1.04}html[lang=ja] body[data-page=home] .hero-title{max-width:11.4ch;font-size:clamp(3.18rem,7.4vw,6.18rem);line-height:.98;letter-spacing:-.05em}html[lang=ja] .page-hero-title{max-width:15ch;font-size:clamp(2.2rem,3.55vw,3.72rem);line-height:1.08}html[lang=ja] .section-title{max-width:16ch;font-size:clamp(1.94rem,3vw,3rem);line-height:1.08}html[lang=ja] .card-title,html[lang=ja] .detail-title,html[lang=ja] .preview-title{font-size:clamp(1.28rem,1.8vw,1.72rem);line-height:1.2}html[lang=ja] .preview-grid.three .preview-title,html[lang=ja] .detail-grid.three .card-title,html[lang=ja] .mini-grid.three .card-title,html[lang=ja] .process-grid.three .process-title{max-width:none;min-height:3.2em}html[lang=ja] .hero-subtitle,html[lang=ja] .page-hero-intro,html[lang=ja] .section-intro,html[lang=ja] .card-copy,html[lang=ja] .detail-copy,html[lang=ja] .side-copy,html[lang=ja] .footer-copy,html[lang=ja] .section-menu-copy{font-size:.96rem;line-height:1.9}html[lang=ja] .card-copy,html[lang=ja] .detail-copy,html[lang=ja] .side-copy,html[lang=ja] .footer-copy,html[lang=ja] .section-menu-copy{max-width:none;overflow-wrap:break-word;word-break:normal}html[lang=ja] .detail-grid.three .detail-copy,html[lang=ja] .mini-grid.three .card-copy{min-height:8.4em}html[lang=ja] body[data-page=about] .detail-grid.three .card-label,html[lang=ja] body[data-page=services] .detail-grid.three .card-label,html[lang=ja] body[data-page=work] .detail-grid.three .card-label,html[lang=ja] body[data-page=contact] .detail-grid.three .card-label,html[lang=ja] body[data-page=about] .mini-grid.three .card-label,html[lang=ja] body[data-page=brands] .mini-grid.three .card-label,html[lang=ja] body[data-page=contact] .mini-grid.three .card-label{min-height:2.6em}html[lang=ja] body[data-page=about] .detail-grid.three .detail-card{display:grid;grid-template-rows:minmax(2.6em,auto) minmax(3.4em,auto) minmax(8.2em,1fr) auto;min-height:20.8rem}html[lang=ja] body[data-page=about] .detail-grid.three .card-title{min-height:3.4em}html[lang=ja] body[data-page=about] .detail-grid.three .detail-copy{min-height:8.2em}html[lang=ja] body[data-page=services] .detail-grid.three .detail-card{grid-template-rows:minmax(2.6em,auto) minmax(3.4em,auto) minmax(8em,1fr) auto;min-height:21rem}html[lang=ja] body[data-page=services] .detail-grid.three .card-title{min-height:3.4em}html[lang=ja] body[data-page=services] .detail-grid.three .detail-copy{min-height:8em}html[lang=ja] body[data-page=work] .detail-grid.three .detail-card{grid-template-rows:minmax(2.6em,auto) minmax(3.8em,auto) minmax(8.8em,1fr) auto auto;min-height:25rem}html[lang=ja] body[data-page=work] .detail-grid.three .card-title{min-height:3.8em}html[lang=ja] body[data-page=work] .detail-grid.three .detail-copy{min-height:8.8em}html[lang=ja] body[data-page=work] .detail-grid.three .detail-list{min-height:6.8em}html[lang=ja] body[data-page=insights] .detail-grid.three .detail-card{display:grid;grid-template-rows:minmax(2.6em,auto) minmax(4em,auto) minmax(8.8em,1fr) auto auto;min-height:25rem}html[lang=ja] body[data-page=insights] .detail-grid.three .card-label{min-height:2.6em}html[lang=ja] body[data-page=insights] .detail-grid.three .card-title{min-height:4em}html[lang=ja] body[data-page=insights] .detail-grid.three .detail-copy{min-height:8.8em}html[lang=ja] body[data-page=insights] .detail-grid.three .detail-list{min-height:6.8em}html[lang=ja] body[data-page=contact] .detail-grid.three .detail-card{grid-template-rows:minmax(2.6em,auto) minmax(4.1em,auto) minmax(10.8em,1fr);min-height:24.2rem}html[lang=ja] body[data-page=contact] .detail-grid.three .card-title{min-height:4.1em}html[lang=ja] body[data-page=contact] .detail-grid.three .detail-copy{min-height:10.8em}html[lang=ja] body[data-page=contact] .mini-grid.three .mini-panel{grid-template-rows:minmax(2.6em,auto) minmax(5.8em,auto) minmax(8.8em,1fr);min-height:20.8rem}html[lang=ja] body[data-page=contact] .mini-grid.three .card-title{min-height:5.8em}html[lang=ja] body[data-page=contact] .mini-grid.three .detail-copy{min-height:8.8em}html[lang=ja] body[data-page=about] .mini-grid.three .mini-panel{grid-template-rows:minmax(2.6em,auto) minmax(3.8em,auto) minmax(8.6em,auto)}html[lang=ja] body[data-page=about] .mini-grid.three .card-title{min-height:3.8em}html[lang=ja] body[data-page=about] .mini-grid.three .detail-copy{min-height:8.6em}html[lang=ja] body[data-page=brands] .mini-grid.three .mini-panel{grid-template-rows:minmax(2.6em,auto) minmax(7.2em,auto) minmax(8.6em,auto)}html[lang=ja] body[data-page=brands] .mini-grid.three .card-title{min-height:7.2em}html[lang=ja] body[data-page=brands] .mini-grid.three .detail-copy{min-height:8.6em}html[lang=ja] body[data-page=brandCoffee] .page-hero-title,html[lang=ja] body[data-page=brandCommerce] .page-hero-title,html[lang=ja] body[data-page=brandLab] .page-hero-title{max-width:13.2ch;font-size:clamp(2.52rem,4vw,4.28rem);line-height:1.08}html[lang=ja] body[data-page=brandCoffee] .detail-grid.three .card-title,html[lang=ja] body[data-page=brandCommerce] .detail-grid.three .card-title,html[lang=ja] body[data-page=brandLab] .detail-grid.three .card-title,html[lang=ja] body[data-page=brandCoffee] .mini-grid.three .card-title,html[lang=ja] body[data-page=brandCommerce] .mini-grid.three .card-title,html[lang=ja] body[data-page=brandLab] .mini-grid.three .card-title{min-height:3.4em}html[lang=ja] body[data-page=brandCoffee] .detail-grid.three .detail-copy,html[lang=ja] body[data-page=brandCommerce] .detail-grid.three .detail-copy,html[lang=ja] body[data-page=brandLab] .detail-grid.three .detail-copy,html[lang=ja] body[data-page=brandCoffee] .mini-grid.three .detail-copy,html[lang=ja] body[data-page=brandCommerce] .mini-grid.three .detail-copy,html[lang=ja] body[data-page=brandLab] .mini-grid.three .detail-copy{min-height:9.2em}html[lang=ja] body[data-page=serviceCreative] .page-hero-title,html[lang=ja] body[data-page=serviceDevelopment] .page-hero-title,html[lang=ja] body[data-page=serviceGeo] .page-hero-title,html[lang=ja] body[data-page=workCaseGroup] .page-hero-title,html[lang=ja] body[data-page=workCaseCampaign] .page-hero-title,html[lang=ja] body[data-page=workCaseGeo] .page-hero-title,html[lang=ja] body[data-page=insightTheme] .page-hero-title,html[lang=ja] body[data-page=insightExperience] .page-hero-title,html[lang=ja] body[data-page=insightAI] .page-hero-title{max-width:16.2ch;font-size:clamp(1.98rem,2.95vw,3.08rem);line-height:1.04}html[lang=ja] body[data-page=workCaseGroup] .detail-grid.three .card-title,html[lang=ja] body[data-page=workCaseCampaign] .detail-grid.three .card-title,html[lang=ja] body[data-page=workCaseGeo] .detail-grid.three .card-title,html[lang=ja] body[data-page=insightTheme] .detail-grid.three .card-title,html[lang=ja] body[data-page=insightExperience] .detail-grid.three .card-title,html[lang=ja] body[data-page=insightAI] .detail-grid.three .card-title{min-height:4.2em}html[lang=ja] body[data-page=workCaseGroup] .detail-grid.three .detail-copy,html[lang=ja] body[data-page=workCaseCampaign] .detail-grid.three .detail-copy,html[lang=ja] body[data-page=workCaseGeo] .detail-grid.three .detail-copy,html[lang=ja] body[data-page=insightTheme] .detail-grid.three .detail-copy,html[lang=ja] body[data-page=insightExperience] .detail-grid.three .detail-copy,html[lang=ja] body[data-page=insightAI] .detail-grid.three .detail-copy{min-height:9.6em}html[lang=ja] body[data-page=workCaseGroup] .detail-grid.three .detail-card,html[lang=ja] body[data-page=workCaseCampaign] .detail-grid.three .detail-card,html[lang=ja] body[data-page=workCaseGeo] .detail-grid.three .detail-card,html[lang=ja] body[data-page=insightTheme] .detail-grid.three .detail-card,html[lang=ja] body[data-page=insightExperience] .detail-grid.three .detail-card,html[lang=ja] body[data-page=insightAI] .detail-grid.three .detail-card{grid-template-rows:minmax(2.6em,auto) minmax(4.2em,auto) minmax(9.6em,1fr) auto auto;min-height:26.4rem}.copy-stack{display:grid;gap:.42rem;margin:0;align-content:start}.copy-stack .copy-line{display:block}html[lang=en] .page-hero-title,html[lang=en] .card-title,html[lang=en] .detail-title,html[lang=en] .preview-title,html[lang=en] .process-title,html[lang=ja] .page-hero-title,html[lang=ja] .card-title,html[lang=ja] .detail-title,html[lang=ja] .preview-title,html[lang=ja] .process-title{text-wrap:balance}html[lang=en] .card-copy,html[lang=en] .detail-copy,html[lang=en] .side-copy,html[lang=en] .footer-copy,html[lang=en] .section-menu-copy{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:pretty}html[lang=ja] .card-title,html[lang=ja] .detail-title,html[lang=ja] .preview-title,html[lang=ja] .process-title,html[lang=ja] .card-copy,html[lang=ja] .detail-copy,html[lang=ja] .side-copy,html[lang=ja] .footer-copy,html[lang=ja] .section-menu-copy{overflow-wrap:normal;word-break:keep-all;line-break:strict}html[lang=en] .detail-grid.three,html[lang=en] .mini-grid.three,html[lang=ja] .detail-grid.three,html[lang=ja] .mini-grid.three{grid-auto-rows:1fr}html[lang=en] .detail-layout,html[lang=ja] .detail-layout{grid-template-columns:minmax(0,1.02fr) minmax(320px,.74fr);gap:clamp(2.4rem,4.2vw,4rem)}html[lang=en] .detail-side,html[lang=ja] .detail-side{max-width:460px}html[lang=en] .detail-title{max-width:18.5ch;font-size:clamp(1.02rem,1.24vw,1.42rem);line-height:1.12}html[lang=ja] .detail-title{max-width:none;font-size:clamp(1rem,1.36vw,1.34rem);line-height:1.22}html[lang=en] body[data-page=about] .page-hero-title,html[lang=en] body[data-page=work] .page-hero-title,html[lang=en] body[data-page=insights] .page-hero-title{max-width:15.8ch;font-size:clamp(1.98rem,3vw,3.22rem);line-height:.97}html[lang=ja] body[data-page=about] .page-hero-title,html[lang=ja] body[data-page=work] .page-hero-title,html[lang=ja] body[data-page=insights] .page-hero-title{max-width:13.8ch;font-size:clamp(2rem,3vw,3.18rem);line-height:1.06}html[lang=en] body[data-page=about] .detail-grid.three .card-title,html[lang=en] body[data-page=services] .detail-grid.three .card-title,html[lang=en] body[data-page=aboutCompany] .detail-grid.three .card-title,html[lang=en] body[data-page=aboutMethod] .detail-grid.three .card-title,html[lang=en] body[data-page=aboutCollab] .detail-grid.three .card-title,html[lang=en] body[data-page=serviceCreative] .detail-grid.three .card-title,html[lang=en] body[data-page=serviceDevelopment] .detail-grid.three .card-title,html[lang=en] body[data-page=serviceGeo] .detail-grid.three .card-title,html[lang=en] body[data-page=brandCoffee] .detail-grid.three .card-title,html[lang=en] body[data-page=brandCommerce] .detail-grid.three .card-title,html[lang=en] body[data-page=brandLab] .detail-grid.three .card-title,html[lang=en] body[data-page=about] .mini-grid.three .card-title,html[lang=en] body[data-page=brands] .mini-grid.three .card-title,html[lang=en] body[data-page=brandCoffee] .mini-grid.three .card-title,html[lang=en] body[data-page=brandCommerce] .mini-grid.three .card-title,html[lang=en] body[data-page=brandLab] .mini-grid.three .card-title{max-width:13.8ch}html[lang=en] body[data-page=work] .detail-grid.three .card-title,html[lang=en] body[data-page=insights] .detail-grid.three .card-title,html[lang=en] body[data-page=workCaseGroup] .detail-grid.three .card-title,html[lang=en] body[data-page=workCaseCampaign] .detail-grid.three .card-title,html[lang=en] body[data-page=workCaseGeo] .detail-grid.three .card-title,html[lang=en] body[data-page=insightTheme] .detail-grid.three .card-title,html[lang=en] body[data-page=insightExperience] .detail-grid.three .card-title,html[lang=en] body[data-page=insightAI] .detail-grid.three .card-title{max-width:15.2ch;line-height:1.12}html[lang=ja] body[data-page=about] .detail-grid.three .card-title,html[lang=ja] body[data-page=services] .detail-grid.three .card-title,html[lang=ja] body[data-page=aboutCompany] .detail-grid.three .card-title,html[lang=ja] body[data-page=aboutMethod] .detail-grid.three .card-title,html[lang=ja] body[data-page=aboutCollab] .detail-grid.three .card-title,html[lang=ja] body[data-page=serviceCreative] .detail-grid.three .card-title,html[lang=ja] body[data-page=serviceDevelopment] .detail-grid.three .card-title,html[lang=ja] body[data-page=serviceGeo] .detail-grid.three .card-title,html[lang=ja] body[data-page=brandCoffee] .detail-grid.three .card-title,html[lang=ja] body[data-page=brandCommerce] .detail-grid.three .card-title,html[lang=ja] body[data-page=brandLab] .detail-grid.three .card-title,html[lang=ja] body[data-page=about] .mini-grid.three .card-title,html[lang=ja] body[data-page=brands] .mini-grid.three .card-title,html[lang=ja] body[data-page=brandCoffee] .mini-grid.three .card-title,html[lang=ja] body[data-page=brandCommerce] .mini-grid.three .card-title,html[lang=ja] body[data-page=brandLab] .mini-grid.three .card-title{max-width:15ch}html[lang=ja] body[data-page=work] .detail-grid.three .card-title,html[lang=ja] body[data-page=insights] .detail-grid.three .card-title,html[lang=ja] body[data-page=workCaseGroup] .detail-grid.three .card-title,html[lang=ja] body[data-page=workCaseCampaign] .detail-grid.three .card-title,html[lang=ja] body[data-page=workCaseGeo] .detail-grid.three .card-title,html[lang=ja] body[data-page=insightTheme] .detail-grid.three .card-title,html[lang=ja] body[data-page=insightExperience] .detail-grid.three .card-title,html[lang=ja] body[data-page=insightAI] .detail-grid.three .card-title{max-width:16.4ch;line-height:1.16}body[data-page=contact] .detail-grid.three{gap:clamp(2.1rem,3.1vw,3.4rem) clamp(1.8rem,2.4vw,2.8rem)}body[data-page=contact] .detail-grid.three .detail-card{padding-top:clamp(1.7rem,2.4vw,2.35rem);padding-bottom:clamp(.9rem,1.4vw,1.2rem);gap:1rem}body[data-page=contact] .detail-grid.three .detail-card:before{inset:0 auto auto 0;width:min(11.5rem,48%);background:linear-gradient(90deg,rgb(255 255 255 / .28),rgb(255 255 255 / .09) 68%,transparent)}body[data-page=contact] .detail-grid.three .card-label{align-items:flex-start;min-height:0;color:#f0f7ff9e;letter-spacing:.22em}body[data-page=contact] .detail-grid.three .card-title{max-width:15ch;min-height:0;line-height:1.08;text-wrap:balance}body[data-page=contact] .detail-grid.three .detail-card:first-child .card-title{white-space:nowrap;letter-spacing:.03em}body[data-page=contact] .detail-grid.three .detail-copy{max-width:31ch;min-height:0;color:#e2edf6d6;line-height:1.96}body[data-page=contact] .detail-grid.three .detail-copy.copy-stack{gap:.58rem}body[data-page=contact] .detail-grid.three .detail-copy.copy-stack .copy-line:first-child{color:#f3faffeb}html[lang=en] body[data-page=contact] .page-hero-title{max-width:18.8ch;font-size:clamp(1.98rem,3.05vw,3.18rem);line-height:.98}html[lang=ja] body[data-page=contact] .page-hero-title{max-width:14.8ch;font-size:clamp(1.98rem,3.1vw,3.1rem);line-height:1.06}html[lang=en] body[data-page=contact] .detail-grid.three .detail-card{grid-template-rows:minmax(2.2em,auto) minmax(4.2em,auto) minmax(10.8em,1fr);min-height:24.4rem}html[lang=ja] body[data-page=contact] .detail-grid.three .detail-card{grid-template-rows:minmax(2.2em,auto) minmax(4.6em,auto) minmax(11.2em,1fr);min-height:24.8rem}body[data-page=about] .detail-grid.three .detail-copy,body[data-page=about] .mini-grid.three .detail-copy,body[data-page=services] .detail-grid.three .detail-copy,body[data-page=services] .mini-grid.three .detail-copy,body[data-page=work] .detail-grid.three .detail-copy,body[data-page=insights] .detail-grid.three .detail-copy{text-wrap:pretty}html[lang=zh-CN] body[data-page=about] .page-hero-title,html[lang=zh-CN] body[data-page=services] .page-hero-title,html[lang=zh-CN] body[data-page=insights] .page-hero-title{max-width:15.6ch;line-height:.94}html[lang=zh-CN] body[data-page=work] .page-hero-title{max-width:17.6ch;line-height:.94}html[lang=en] body[data-page=about] .page-hero-title,html[lang=en] body[data-page=services] .page-hero-title,html[lang=en] body[data-page=work] .page-hero-title,html[lang=en] body[data-page=insights] .page-hero-title{max-width:21ch;line-height:.98}html[lang=ja] body[data-page=about] .page-hero-title,html[lang=ja] body[data-page=services] .page-hero-title,html[lang=ja] body[data-page=work] .page-hero-title,html[lang=ja] body[data-page=insights] .page-hero-title{max-width:15.2ch;line-height:1.08}html[lang=ja] body[data-page=contact] .page-hero-intro,html[lang=ja] body[data-page=contact] .side-copy,html[lang=ja] body[data-page=contact] .detail-grid.three .detail-copy{font-size:.92rem;line-height:1.82}@media(max-width:720px){.page-section{padding:52px 0}.page-section.compact,.section-menu-wrap{padding-top:18px}.section-head{gap:14px;margin-bottom:24px}.detail-layout{gap:26px}.page-hero{gap:16px;max-width:none}.page-hero-title{max-width:10.6ch;font-size:clamp(2.28rem,10.8vw,3.5rem);line-height:.94}.page-hero-intro,.section-intro,.card-copy,.detail-copy,.side-copy,.footer-copy{font-size:.95rem;line-height:1.72}.section-title{max-width:10.8ch;font-size:clamp(2rem,9.8vw,3rem);line-height:.98}.card-title,.detail-title,.preview-title,.process-title{width:100%;max-width:none;min-height:0;font-size:clamp(1.5rem,7.2vw,2rem);line-height:1.02}.preview-grid.three .preview-title,.detail-grid.three .card-title,.mini-grid.three .card-title,.process-grid.three .process-title,.preview-grid.three .card-copy,.detail-grid.three .detail-copy,.mini-grid.three .card-copy{max-width:none;min-height:0}.preview-grid,.detail-grid,.mini-grid,.process-grid{gap:22px}.glass-card,.note-card,.detail-card,.preview-card,.page-panel,.mini-panel,.process-card{gap:12px;padding-top:14px}.detail-side,.hero-side{gap:18px;max-width:none}.card-copy,.detail-copy,.side-copy{max-width:none}body[data-page=about] .detail-grid.three,body[data-page=services] .detail-grid.three,body[data-page=work] .detail-grid.three,body[data-page=insights] .detail-grid.three,body[data-page=contact] .detail-grid.three,body[data-page=about] .mini-grid.three,body[data-page=brands] .mini-grid.three{grid-auto-rows:auto}body[data-page=contact] .detail-grid.three .detail-card,html[lang=en] body[data-page=contact] .detail-grid.three .detail-card,html[lang=ja] body[data-page=contact] .detail-grid.three .detail-card{min-height:0;grid-template-rows:none;padding-bottom:.2rem}body[data-page=contact] .detail-grid.three .detail-card:first-child .card-title{white-space:normal}body[data-page=contact] .detail-grid.three .detail-copy{max-width:none;line-height:1.78}.brand-wall-row{padding-inline:12px}.brand-wall-layer{font-size:.58rem;letter-spacing:.16em}.brand-wall-item{font-size:1.15rem}}@media(max-width:720px){html[lang=zh-CN] body[data-page=about] .page-hero-title,html[lang=zh-CN] body[data-page=services] .page-hero-title,html[lang=zh-CN] body[data-page=work] .page-hero-title,html[lang=zh-CN] body[data-page=insights] .page-hero-title,html[lang=zh-CN] body[data-page=contact] .page-hero-title{max-width:8.8ch;font-size:clamp(2.18rem,11.2vw,3.28rem);line-height:.96}html[lang=en] .page-hero-title,html[lang=ja] .page-hero-title,html[lang=en] .card-title,html[lang=ja] .card-title,html[lang=en] .detail-title,html[lang=ja] .detail-title,html[lang=en] .preview-title,html[lang=ja] .preview-title,html[lang=en] .process-title,html[lang=ja] .process-title{text-wrap:pretty}html[lang=en] body[data-page=about] .page-hero-title,html[lang=en] body[data-page=services] .page-hero-title,html[lang=en] body[data-page=work] .page-hero-title,html[lang=en] body[data-page=insights] .page-hero-title,html[lang=en] body[data-page=contact] .page-hero-title{max-width:11.8ch;font-size:clamp(2rem,9.8vw,3rem);line-height:1}html[lang=ja] body[data-page=about] .page-hero-title,html[lang=ja] body[data-page=services] .page-hero-title,html[lang=ja] body[data-page=work] .page-hero-title,html[lang=ja] body[data-page=insights] .page-hero-title,html[lang=ja] body[data-page=contact] .page-hero-title{max-width:10.6ch;font-size:clamp(1.94rem,9.2vw,2.8rem);line-height:1.08}html[lang=en] .page-hero-intro,html[lang=en] .section-intro,html[lang=en] .card-copy,html[lang=en] .detail-copy,html[lang=en] .side-copy,html[lang=en] .footer-copy{font-size:.93rem;line-height:1.68}html[lang=ja] .page-hero-intro,html[lang=ja] .section-intro,html[lang=ja] .card-copy,html[lang=ja] .detail-copy,html[lang=ja] .side-copy,html[lang=ja] .footer-copy,html[lang=ja] .section-menu-copy{font-size:.9rem;line-height:1.7}}