.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;padding-bottom:18px;border-bottom:1px solid var(--x-line)}.active-tag{border-color:var(--x-yellow);color:var(--x-yellow)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.portfolio-grid .large{grid-column:span 2;min-height:560px}.page-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:28px;gap:28px;padding-block:clamp(34px,5vw,72px)}.page-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(48,119,120,.24),transparent 60%),linear-gradient(rgba(48,119,120,.16) 1px,transparent 0),linear-gradient(90deg,rgba(48,119,120,.16) 1px,transparent 0);background-size:auto,9rem 9rem,9rem 9rem}.case-hero{position:relative;overflow:hidden;padding-block:clamp(82px,10vw,150px) 0;border-bottom:1px solid var(--x-line);background:linear-gradient(90deg,rgba(5,6,6,.98),rgba(5,6,6,.78) 44%,rgba(5,6,6,.24)),url(/images/xyncema-studio-desk.png);background-size:auto,min(84vw,1240px) auto;background-position:50%,100% 0;background-repeat:no-repeat}.case-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(48,119,120,.18) 1px,transparent 0),linear-gradient(90deg,rgba(48,119,120,.18) 1px,transparent 0);background-size:10rem 10rem;opacity:.44;pointer-events:none}.case-title{grid-template-columns:minmax(0,.9fr) minmax(300px,.55fr);grid-gap:clamp(26px,5vw,80px);gap:clamp(26px,5vw,80px);align-items:end}.case-meta,.case-title{position:relative;display:grid}.case-meta{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--x-line);border-left:1px solid var(--x-line);margin-top:clamp(38px,6vw,78px)}.case-meta div{padding:24px;border-right:1px solid var(--x-line);background:rgba(5,8,8,.52);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-meta span{display:block;color:var(--x-soft);font-size:.82rem;margin-bottom:8px}.case-meta strong{color:var(--x-white)}.case-media{position:relative;overflow:hidden;min-height:clamp(420px,62vw,780px);margin-top:0;border-left:1px solid var(--x-line);border-right:1px solid var(--x-line);box-shadow:0 -30px 120px rgba(0,0,0,.28);background:rgba(5,6,6,.72)}.case-media img{object-fit:cover;filter:saturate(.9) contrast(1.08)}.case-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,6,.02),rgba(5,6,6,.38)),radial-gradient(circle at 70% 22%,rgba(254,252,112,.12),transparent 22rem)}.case-grid{display:grid;grid-template-columns:minmax(220px,.28fr) 1fr;grid-gap:clamp(28px,6vw,92px);gap:clamp(28px,6vw,92px);align-items:start}.case-sidebar{position:-webkit-sticky;position:sticky;top:110px;display:grid;grid-gap:22px;gap:22px}.case-content{display:grid;grid-gap:clamp(42px,7vw,88px);gap:clamp(42px,7vw,88px)}.case-content>div{padding-bottom:clamp(28px,4vw,52px);border-bottom:1px solid var(--x-line)}.service-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.45fr);grid-gap:clamp(28px,6vw,84px);gap:clamp(28px,6vw,84px)}.editorial-grid{display:grid;grid-template-columns:minmax(0,.52fr) minmax(0,.48fr);grid-gap:clamp(22px,4vw,54px);gap:clamp(22px,4vw,54px);align-items:stretch}.editorial-media{position:relative;min-height:clamp(280px,42vw,560px);overflow:hidden;border:1px solid var(--x-line);background:linear-gradient(180deg,rgba(5,6,6,.06),rgba(5,6,6,.74)),url(/images/xyncema-studio-desk.png);background-size:cover;background-position:50%}.editorial-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 20%,rgba(254,252,112,.18),transparent 13rem),linear-gradient(rgba(48,119,120,.18) 1px,transparent 0),linear-gradient(90deg,rgba(48,119,120,.18) 1px,transparent 0);background-size:auto,6rem 6rem,6rem 6rem;opacity:.74}.editorial-media:after{content:"";position:absolute;width:44%;aspect-ratio:1.1;right:8%;bottom:10%;border:1px solid rgba(254,252,112,.34);background:linear-gradient(90deg,rgba(254,252,112,.18),transparent 1px),linear-gradient(rgba(254,252,112,.12),transparent 1px),linear-gradient(135deg,rgba(254,252,112,.16),transparent 56%),rgba(5,6,6,.72);background-size:42px 42px,42px 42px,auto,auto;box-shadow:0 34px 88px rgba(0,0,0,.48)}.stack-list{display:flex;flex-wrap:wrap;gap:10px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.team-card{position:relative;overflow:hidden;min-height:520px;display:grid;grid-template-rows:minmax(210px,.8fr) 1fr;color:inherit;border:1px solid var(--x-line);background:linear-gradient(180deg,rgba(254,252,112,.06),transparent 36%),rgba(7,14,14,.66);transition:transform .26s var(--x-ease),border-color .26s var(--x-ease),background .26s var(--x-ease)}.team-card:hover{transform:translateY(-5px);border-color:rgba(254,252,112,.42);background:linear-gradient(180deg,rgba(254,252,112,.1),transparent 42%),rgba(7,14,14,.78)}.team-card-visual{position:relative;overflow:hidden;display:grid;place-items:center;min-height:220px;border-bottom:1px solid var(--x-line);background:radial-gradient(circle at 68% 28%,rgba(254,252,112,.18),transparent 15rem),linear-gradient(rgba(48,119,120,.14) 1px,transparent 0),linear-gradient(90deg,rgba(48,119,120,.14) 1px,transparent 0),rgba(5,8,8,.82);background-size:auto,58px 58px,58px 58px,auto}.member-hero[data-color=teal] .member-portrait,.team-card[data-color=teal] .team-card-visual{background:radial-gradient(circle at 64% 28%,rgba(48,119,120,.52),transparent 16rem),linear-gradient(rgba(254,252,112,.08) 1px,transparent 0),linear-gradient(90deg,rgba(254,252,112,.08) 1px,transparent 0),rgba(7,34,34,.88)}.member-hero[data-color=deep] .member-portrait,.team-card[data-color=deep] .team-card-visual{background:radial-gradient(circle at 66% 26%,rgba(254,252,112,.16),transparent 16rem),linear-gradient(rgba(48,119,120,.12) 1px,transparent 0),linear-gradient(90deg,rgba(48,119,120,.12) 1px,transparent 0),rgba(2,7,9,.94)}.member-hero[data-color=light] .member-portrait,.team-card[data-color=light] .team-card-visual{background:radial-gradient(circle at 66% 26%,rgba(247,247,242,.2),transparent 16rem),linear-gradient(rgba(48,119,120,.12) 1px,transparent 0),linear-gradient(90deg,rgba(48,119,120,.12) 1px,transparent 0),rgba(17,24,23,.9)}.member-portrait:after,.team-card-visual:after{content:"";position:absolute;width:44%;aspect-ratio:1;right:9%;bottom:10%;border:1px solid rgba(254,252,112,.32);background:linear-gradient(135deg,rgba(254,252,112,.16),transparent 62%),rgba(5,6,6,.5)}.member-portrait span,.team-card-visual span{position:relative;z-index:1;color:var(--x-yellow);font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(4.8rem,10vw,8.8rem);font-weight:700;line-height:.86}.member-portrait small,.team-card-visual small{position:absolute;left:20px;bottom:18px;z-index:1;color:var(--x-soft);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.team-card-copy{display:grid;align-content:start;grid-gap:14px;gap:14px;padding:clamp(22px,3vw,32px)}.team-card-copy p:not(.eyebrow){color:var(--x-muted);line-height:1.65;margin:0}.text-link{align-self:end;color:var(--x-yellow);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.member-hero{position:relative;overflow:hidden;padding-block:clamp(88px,11vw,164px) clamp(52px,7vw,98px);border-bottom:1px solid var(--x-line);background:linear-gradient(90deg,rgba(5,6,6,.98),rgba(5,6,6,.8) 54%,rgba(5,6,6,.44)),url(/images/xyncema-studio-desk.png);background-size:auto,min(88vw,1280px) auto;background-position:50%,100% 0;background-repeat:no-repeat}.member-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(48,119,120,.15) 1px,transparent 0),linear-gradient(90deg,rgba(48,119,120,.15) 1px,transparent 0);background-size:9rem 9rem;opacity:.48;pointer-events:none}.member-hero-grid{position:relative;display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,.72fr);grid-gap:clamp(28px,6vw,90px);gap:clamp(28px,6vw,90px);align-items:center}.member-portrait{position:relative;overflow:hidden;min-height:clamp(360px,46vw,620px);display:grid;place-items:center;border:1px solid var(--x-line);background:radial-gradient(circle at 68% 28%,rgba(254,252,112,.2),transparent 16rem),linear-gradient(rgba(48,119,120,.14) 1px,transparent 0),linear-gradient(90deg,rgba(48,119,120,.14) 1px,transparent 0),rgba(5,8,8,.9);background-size:auto,64px 64px,64px 64px,auto}.member-hero-copy{display:grid;grid-gap:24px;gap:24px}.member-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--x-line);border-left:1px solid var(--x-line)}.member-meta div{padding:22px;border-right:1px solid var(--x-line);border-bottom:1px solid var(--x-line);background:rgba(5,8,8,.58)}.member-meta span{display:block;color:var(--x-soft);font-size:.78rem;margin-bottom:8px}.member-meta strong{color:var(--x-white)}.member-detail-grid{display:grid;grid-template-columns:minmax(240px,.32fr) minmax(0,1fr);grid-gap:clamp(28px,6vw,86px);gap:clamp(28px,6vw,86px);align-items:start}.member-sidebar{position:-webkit-sticky;position:sticky;top:110px;display:grid;grid-gap:18px;gap:18px}.compact-slab{min-height:auto;padding:24px}.member-main{display:grid;grid-gap:clamp(52px,8vw,94px);gap:clamp(52px,8vw,94px)}.portfolio-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.portfolio-note-grid p{color:var(--x-muted);line-height:1.65}.member-achievements div{grid-template-columns:minmax(72px,.12fr) 1fr}.team-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.team-mini-card{display:flex;align-items:center;gap:16px;min-height:112px;padding:18px;color:inherit;border:1px solid var(--x-line);background:rgba(7,14,14,.62);transition:transform .22s var(--x-ease),border-color .22s var(--x-ease)}.team-mini-card:hover{transform:translateY(-3px);border-color:rgba(254,252,112,.38)}.team-mini-card span{display:grid;place-items:center;width:58px;aspect-ratio:1;flex:0 0 auto;color:var(--x-yellow);border:1px solid var(--x-line);background:rgba(5,8,8,.9);font-family:Space Grotesk,Inter,sans-serif;font-weight:700}.team-mini-card small,.team-mini-card strong{display:block}.team-mini-card small{color:var(--x-muted);margin-top:4px}.form-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:start}.form-aside{position:-webkit-sticky;position:sticky;top:110px;display:grid;grid-gap:18px;gap:18px}.signal-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--x-line);border-left:1px solid var(--x-line);margin-top:clamp(28px,5vw,64px)}.signal-strip div{position:relative;overflow:hidden;min-height:172px;padding:24px;border-right:1px solid var(--x-line);border-bottom:1px solid var(--x-line);background:linear-gradient(180deg,rgba(254,252,112,.06),transparent 38%),rgba(7,14,14,.58)}.signal-strip div:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(48,119,120,.11) 1px,transparent 0),linear-gradient(90deg,rgba(48,119,120,.1) 1px,transparent 0);background-size:52px 52px;opacity:.65;-webkit-mask-image:linear-gradient(180deg,black,transparent 86%);mask-image:linear-gradient(180deg,black,transparent 86%)}.signal-strip p,.signal-strip span,.signal-strip strong{position:relative;z-index:1}.signal-strip span{display:block;color:var(--x-yellow);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:34px}.signal-strip strong{display:block;color:var(--x-white);font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.35rem,2.4vw,2.4rem);line-height:1.05}.signal-strip p{color:var(--x-muted);line-height:1.6;margin:12px 0 0}.directory-strip{margin-top:0}.directory-strip strong{color:var(--x-yellow);font-size:clamp(2.4rem,5vw,5.4rem)}.system-rail{display:grid;grid-gap:18px;gap:18px}.system-rail .content-slab:first-child{min-height:240px;align-content:end;background:linear-gradient(180deg,rgba(5,6,6,.08),rgba(5,6,6,.86)),url(/images/projects/ruangband.jpg);background-size:cover;background-position:50%}.legal-section{padding-block:clamp(58px,8vw,112px)}.resource-card{min-height:310px;display:grid;align-content:start;grid-gap:16px;gap:16px;border:1px solid var(--x-line);background:linear-gradient(180deg,rgba(254,252,112,.055),transparent 34%),rgba(7,14,14,.66);padding:0 clamp(22px,3vw,34px) clamp(22px,3vw,34px);transition:transform .24s var(--x-ease),border-color .24s var(--x-ease)}.resource-card:after{content:"";display:block;order:-1;min-height:150px;margin-inline:calc(clamp(22px, 3vw, 34px) * -1);margin-bottom:8px;border-bottom:1px solid var(--x-line);background:linear-gradient(180deg,rgba(5,6,6,.1),rgba(5,6,6,.66)),url(/images/xyncema-studio-desk.png);background-size:cover;background-position:50%;filter:saturate(.86) contrast(1.05);transition:transform .42s var(--x-ease)}.resource-card:hover:after{transform:scale(1.035)}.resource-card:nth-child(2n):after{background-image:linear-gradient(180deg,rgba(5,6,6,.1),rgba(5,6,6,.66)),url(/images/services/ui-ux-design.jpg)}.resource-card:nth-child(3n):after{background-image:linear-gradient(180deg,rgba(5,6,6,.1),rgba(5,6,6,.66)),url(/images/projects/hanaka-classic.jpg)}.resource-card:nth-child(4n):after{background-image:linear-gradient(180deg,rgba(5,6,6,.1),rgba(5,6,6,.66)),url(/images/services/visual-content.jpg)}.resource-card:nth-child(5n):after{background-image:linear-gradient(180deg,rgba(5,6,6,.1),rgba(5,6,6,.66)),url(/images/projects/ruangband.jpg)}.resource-card:hover{transform:translateY(-4px);border-color:rgba(254,252,112,.42)}.resource-card .eyebrow,.resource-card h2,.resource-card h3,.resource-card p,.resource-card small{position:relative;z-index:1}.resource-card.compact{min-height:240px}.resource-card.compact:after{min-height:96px}.resource-card p,.resource-card small{color:var(--x-muted);line-height:1.65}.article-cta{margin-top:clamp(36px,6vw,72px);border-top:1px solid var(--x-line);padding-top:28px;display:grid;grid-gap:20px;gap:20px;justify-items:start}.sitemap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(18px,2vw,28px);gap:clamp(18px,2vw,28px)}.sitemap-group{min-height:100%}.sitemap-group .list-clean{gap:10px}.sitemap-group a{color:var(--x-muted);transition:color .18s var(--x-ease)}.sitemap-group a:hover{color:var(--x-yellow)}.text-page{position:relative;max-width:1120px;min-height:300px;padding-left:clamp(220px,24vw,320px)}.text-page:before{content:"X";position:absolute;left:var(--x-gutter);top:0;width:clamp(150px,16vw,220px);min-height:clamp(150px,18vw,220px);border:1px solid var(--x-line);display:grid;place-items:center;color:var(--x-yellow);font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(4rem,9vw,8rem);background:radial-gradient(circle at 54% 34%,rgba(254,252,112,.16),transparent 14rem),rgba(7,14,14,.7)}@media (max-width:980px){.case-grid,.case-title,.editorial-grid,.form-page-grid,.member-detail-grid,.member-hero-grid,.page-cta,.portfolio-grid,.portfolio-note-grid,.service-detail-grid,.signal-strip,.team-grid,.team-mini-grid{grid-template-columns:1fr}.portfolio-grid .large{grid-column:span 1}.case-sidebar,.form-aside,.member-sidebar{position:static}}@media (max-width:640px){.case-meta,.member-meta,.portfolio-grid,.signal-strip,.sitemap-grid{grid-template-columns:1fr}.text-page{padding-left:var(--x-gutter)}.text-page:before{position:relative;left:auto;width:100%;min-height:150px;margin-bottom:28px}}