:root{--night: #090909;--night-2: #121110;--mist: #ece6dd;--mist-dim: #9b958d;--peach: #ffc99c;--ember: #6b1f0b;--frost: #b9d2d6;--line: rgba(236, 230, 221, .14);--font-cjk: "PingFang SC", "PingFang TC", "Hiragino Sans", "Apple SD Gothic Neo", "Noto Sans CJK SC", "Noto Sans CJK TC", "Noto Sans CJK JP", "Noto Sans CJK KR", "Microsoft YaHei", sans-serif;--font-brand: "Outfit", "Avenir Next", var(--font-cjk), ui-sans-serif, system-ui, sans-serif;--weight-display: 200;--weight-text: 300;--weight-label: 400;--radius-pill: 999px;--radius-card: 20px;--radius-tile: 14px;--measure: 1080px;--gutter: max(20px, env(safe-area-inset-left, 0px));--motion-hover: .15s ease;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--ext: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M2.5 7.5 7.5 2.5M3.5 2.5h4v4' fill='none' stroke='black' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/></svg>");color-scheme:dark}.brand,.brand *,.brand *:before,.brand *:after{box-sizing:border-box}body.brand{margin:0;min-height:100vh;background:var(--night);color:var(--mist);font:var(--weight-text) 17px/1.6 var(--font-brand);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.brand img{display:block;max-width:100%}.brand :is(h1,h2,h3){font-family:var(--font-brand);font-weight:var(--weight-display);letter-spacing:-.02em;margin:0;text-wrap:balance}.brand p{margin:0;max-width:60ch}.brand-dim{color:var(--mist-dim)}.brand-humans{color:var(--peach)}.brand-agents{color:var(--frost)}.brand :focus-visible{outline:2px solid var(--frost);outline-offset:3px}.brand-label{font:var(--weight-label) 12px/1 var(--font-brand);font-variant-numeric:tabular-nums;letter-spacing:.16em;text-transform:lowercase;color:var(--mist-dim)}.brand-section-label{display:block;margin:32px 0 14px}.brand-section-label:not(:first-child){margin-top:56px}.brand a{color:inherit;text-decoration:none}.brand a:not(.brand-btn),.brand a:not(.brand-btn) :is(.brand-dim,.brand-label,.brand-where){transition:color var(--motion-hover)}.brand a:not(.brand-btn):hover,.brand a:not(.brand-btn):hover :is(.brand-dim,.brand-label,.brand-where){color:var(--mist)}.brand-name{color:var(--mist)}.brand-where{color:var(--mist-dim);font-size:15px;white-space:nowrap}.brand a.brand-text-link{color:var(--mist-dim);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.ext{display:inline-block;width:.62em;height:.62em;margin-left:.32em;vertical-align:.04em;background:currentColor;-webkit-mask:var(--ext) no-repeat center / contain;mask:var(--ext) no-repeat center / contain}.glow{position:absolute;inset:-20%;pointer-events:none;filter:blur(60px);opacity:.55;background:radial-gradient(40% 30% at 30% 55%,color-mix(in srgb,var(--peach) 55%,transparent),transparent 70%),radial-gradient(35% 28% at 70% 45%,color-mix(in srgb,var(--frost) 45%,transparent),transparent 70%),radial-gradient(30% 25% at 50% 50%,color-mix(in srgb,var(--ember) 80%,transparent),transparent 70%)}.glow.humans{background:radial-gradient(40% 40% at 30% 60%,var(--peach),transparent 70%)}.glow.agents{background:radial-gradient(40% 40% at 70% 40%,var(--frost),transparent 70%)}.brand-grain:after{content:"";position:fixed;inset:0;background-image:var(--grain);opacity:.07;pointer-events:none;mix-blend-mode:overlay;z-index:50}.brand-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:var(--radius-pill);font:var(--weight-label) 15px var(--font-brand);text-decoration:none;color:var(--night);background:var(--mist);border:1px solid transparent;transition:color var(--motion-hover),background-color var(--motion-hover),border-color var(--motion-hover)}.brand-btn:hover{background:var(--peach)}.brand-btn.quiet{background:transparent;color:var(--mist);border-color:var(--line)}.brand-btn.quiet:hover{border-color:var(--peach);color:var(--peach)}.brand-wrap{max-width:var(--measure);margin:0 auto;padding-left:var(--gutter);padding-right:max(20px,env(safe-area-inset-right,0px))}.brand-page-head{padding-top:clamp(56px,9vw,112px);padding-bottom:24px}.brand-page-head h1{font-size:clamp(36px,6vw,64px);line-height:1.05}.brand-page-head p{font-size:20px;margin-top:18px}.brand-page-head p+p{font-size:17px;color:var(--mist-dim)}.brand-section{padding-bottom:72px}.brand-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:var(--measure);margin:0 auto;padding:22px max(20px,env(safe-area-inset-right,0px)) 22px var(--gutter);border-bottom:1px solid var(--line)}.brand-nav .home img{width:120px;height:auto}.brand-nav nav{display:flex;gap:22px;font-size:15px}.brand-nav nav a{color:var(--mist-dim)}.brand-nav nav a[aria-current=page]{color:var(--mist)}.brand-nav.over{position:absolute;left:0;right:0;border-bottom-color:transparent}.brand-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.brand-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:240px;padding:28px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--night-2)}.brand-card>*{position:relative}.brand-card>.glow{position:absolute;inset:-40%;opacity:.35}.brand-card h2{font-size:28px;font-weight:var(--weight-text)}.brand-card>.brand-where{margin-top:auto}.brand-tiles{display:grid;gap:14px;margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.brand-tile{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-tile)}.brand-tile .brand-name{font-size:18px}.brand-tile .brand-dim{font-size:14px}.brand-rows{margin-top:14px}.brand-row{display:grid;grid-template-columns:200px 1fr auto;gap:16px;align-items:baseline;padding:14px 0;border-top:1px solid var(--line)}.brand-row .brand-name{font-size:18px}.brand-row .brand-dim{font-size:15px}@media(max-width:640px){.brand-row{grid-template-columns:1fr auto}.brand-row .brand-dim{grid-column:1 / -1;grid-row:2}}.brand-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100svh}.brand-hero>.bg{position:absolute;inset:0;background:var(--night) url(/brand/background-01.jpg) 50% 50% / cover no-repeat}.brand-hero>.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(9,9,9,.75),transparent 22%,transparent 70%,rgba(9,9,9,.85)),radial-gradient(60% 45% at 50% 50%,rgba(9,9,9,.25),transparent 70%)}.brand-hero .stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.brand-hero .copy{position:relative;padding:120px 20px 48px}.brand-hero h1{font-size:clamp(40px,7vw,88px);line-height:1}.brand-hero .copy p{font-size:20px;margin:22px auto 0}.brand-hero .edge{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-top:28px;padding-bottom:max(28px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}.brand-hero .edge .links{display:flex;gap:32px;flex-wrap:wrap}.brand-hero .edge a{display:flex;align-items:baseline;gap:10px;font-size:18px}.brand-hero .edge .brand-where{font-size:18px}@media(max-width:760px){.brand-nav{padding-top:18px;padding-bottom:18px}.brand-nav .home img{width:104px}.brand-nav nav{gap:16px;font-size:14px}.brand-hero>.bg{inset:50% auto auto 50%;width:100svh;height:100vw;transform:translate(-50%,-50%) rotate(90deg) scaleY(-1)}.brand-hero>.bg:after{background:linear-gradient(to right,rgba(9,9,9,.75),transparent 22%,transparent 62%,rgba(9,9,9,.9)),radial-gradient(45% 60% at 50% 50%,rgba(9,9,9,.25),transparent 70%)}.brand-hero .stage{justify-content:flex-start;text-align:left}.brand-hero .copy{padding:96px 20px 32px}.brand-hero h1{font-size:clamp(40px,12vw,56px)}.brand-hero .copy p{font-size:18px;margin:20px 0 0}.brand-hero .edge{flex-direction:column;align-items:stretch;gap:0;padding-top:8px;border-top:0}.brand-hero .edge .links{gap:0;flex-direction:column}.brand-hero .edge a{flex-direction:row;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}}
