:root{--color-bg: #f8f7f1;--color-black: #0a0a0a;--color-body: #333333;--color-muted: #777777;--color-border: #dddddd;--color-border-img: #d9d8d5;--color-white: #ffffff;--color-blue: #1838a7;--color-accent: #343ec8;--bg: var(--color-bg);--black: var(--color-black);--body: var(--color-body);--muted: var(--color-muted);--border: var(--color-border);--border-img: var(--color-border-img);--white: var(--color-white);--blue: var(--color-blue);--accent: var(--color-accent);--blue-tint: rgba(24, 56, 167, .04);--blue-tint-md: rgba(24, 56, 167, .06);--blue-tint-lg: rgba(24, 56, 167, .08);--blue-border: rgba(24, 56, 167, .2);--surface: #f0efe9;--surface-hover: #e4e3dc;--surface-warm: #f4f3ed;--surface-sand: #e6e4d7;--border-warm: #eeede7;--border-hover: #bbbbbb;--glass-nav: rgba(248, 247, 241, .92);--glass-hero: rgba(248, 247, 241, .75);--thumb-sand: #e8e6de;--thumb-card-1: #e8edf5;--thumb-card-2: #e8f0ec;--thumb-card-3: #f0ebe3;--thumb-thought-1: #f5f4ef;--thumb-thought-2: #edf0f5;--hero-name: #666666;--web-bg: #eaf4ed;--web-text: #2a5a3a;--deck-bg: #eeeaf6;--deck-text: #3a2a6a;--brand-bg: #f5ede4;--brand-text: #7a3a18;--font: "Ubuntu Sans", sans-serif;--f-xs: 11px;--f-sm: 13px;--f-base: 18px;--f-article: 17px;--f-section: 24px;--f-label: 32px;--f-hero: 38px;--w-reg: 400;--w-semi: 600;--w-bold: 700;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.65;--f-desc: 16px;--leading-relaxed: 1.8;--leading-loose: 1.85;--container: 1200px;--read-w: 660px;--toc-w: 200px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-30: 120px;--pad: var(--space-10);--gap: var(--space-4);--grid-gap: var(--space-6);--marquee-gap: 40px;--section-gap: 160px;--article-gap: var(--space-14);--nav-h: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--r-card: 14px;--r-pill: 24px;--r-tag: var(--radius-xs)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--black);font-size:var(--f-base);font-weight:var(--w-reg);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:underline;text-underline-offset:3px;color:inherit}nav a,footer a,.work-card,.thought-card,.vc-card,.article-related-card,.card-cta,.nav-logo,.nav-cta,.tab,.view-btn,.toc-item a,.article-toc-item a{text-decoration:none}nav{position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:100;background:#ffffff26;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0;padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container);transition:all .7s cubic-bezier(.16,1,.3,1)}nav.scrolled{top:24px;width:calc(100% - 48px);max-width:640px;background:#ffffff40;border:1px solid rgba(255,255,255,.6);border-radius:100px;box-shadow:0 16px 48px #00000014,0 4px 12px #0000000a;padding:0 40px}.nav-logo{font-size:var(--f-sm);font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--black);text-decoration:none}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:var(--f-sm);color:var(--muted);text-decoration:none;letter-spacing:.04em;transition:color .2s}.nav-links a:hover{color:var(--black)}.nav-links a.nav-active{color:var(--black);font-weight:var(--w-semi)}.nav-back{font-weight:var(--w-bold);color:var(--black)!important}.nav-cta{font-size:var(--f-sm);font-weight:var(--w-semi);color:var(--black)!important;border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:1px;transition:border-color .2s}.nav-cta:hover{border-color:var(--black)}footer{border-top:.5px solid var(--border);padding:28px var(--pad)}.foot-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.foot-inner span,.foot-inner a{font-size:var(--f-sm);color:var(--body);text-decoration:none;transition:color .2s}.foot-inner a:hover{color:var(--black)}.foot-links{display:flex;gap:24px}.img-card{background:var(--white);border:.5px solid var(--border);border-radius:20px;padding:14px}.img-card.sand{background:var(--surface-sand)}.img-inner{border:.5px solid var(--border-img);border-radius:12px;overflow:hidden;width:100%}.img-inner img{display:block;width:100%;height:auto}.case-section{display:flex;flex-direction:column;gap:40px}.case-wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.case-label{font-size:var(--f-label);font-weight:var(--w-bold);letter-spacing:3px;color:var(--black);white-space:nowrap;flex-shrink:0;line-height:1.2}.case-body{width:540px;flex-shrink:0}.case-body p{font-size:var(--f-desc);color:var(--body);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.case-body p:last-child{margin-bottom:0}.case-body strong{font-weight:var(--w-semi);color:var(--black)}.divider{width:100%;height:.5px;background:var(--border);flex-shrink:0}.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--pad)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-hero{padding:120px 0 80px;position:relative;overflow:hidden}.hero-intro{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.hero-eyebrow{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:.06em;margin-bottom:16px;opacity:0;animation:fadeUp .6s ease .1s forwards}.hero-name{font-size:clamp(96px,13.5vw,162px);font-weight:800;line-height:.95;letter-spacing:-.03em;margin-bottom:32px;color:var(--hero-name);opacity:0;animation:fadeUp .6s ease .2s forwards}@supports (-webkit-background-clip: text) or (background-clip: text){.hero-name{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' width='100' height='50'%3E%3Crect width='100' height='50' fill='%23ffffff'/%3E%3Cg fill='none' stroke='%23666666' stroke-width='1.6'%3E%3Cpath d='M0,0 Q25,12 50,0 T100,0'/%3E%3Cpath d='M0,5 Q25,17 50,5 T100,5'/%3E%3Cpath d='M0,10 Q25,22 50,10 T100,10'/%3E%3Cpath d='M0,15 Q25,27 50,15 T100,15'/%3E%3Cpath d='M0,20 Q25,32 50,20 T100,20'/%3E%3Cpath d='M0,25 Q25,37 50,25 T100,25'/%3E%3Cpath d='M0,30 Q25,42 50,30 T100,30'/%3E%3Cpath d='M0,35 Q25,47 50,35 T100,35'/%3E%3Cpath d='M0,40 Q25,52 50,40 T100,40'/%3E%3Cpath d='M0,45 Q25,57 50,45 T100,45'/%3E%3Cpath d='M0,-5 Q25,7 50,-5 T100,-5'/%3E%3Cpath d='M0,-10 Q25,2 50,-10 T100,-10'/%3E%3Cpath d='M0,50 Q25,62 50,50 T100,50'/%3E%3Cpath d='M0,55 Q25,67 50,55 T100,55'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 40px;background-repeat:repeat;background-position:0px 0px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:fadeUp .6s ease .2s forwards,driftContours 120s linear infinite}}@keyframes driftContours{0%{background-position:0px 0px}to{background-position:800px 400px}}.hero-tagline{display:inline-block;font-size:18px;font-weight:500;color:var(--black);border:.5px solid var(--border);border-radius:40px;padding:14px 28px;background:#fff9;opacity:0;animation:fadeUp .6s ease .3s forwards}.what{display:flex;flex-direction:row;width:fit-content;max-width:900px;margin:0 auto;align-items:stretch;gap:0;border:.5px solid var(--border);border-radius:var(--radius-lg);padding:0;cursor:default;background:#ffffffb8;backdrop-filter:blur(18px) saturate(160%) brightness(1.04);-webkit-backdrop-filter:blur(18px) saturate(160%) brightness(1.04);overflow:hidden;opacity:0;animation:fadeUp .6s ease .4s forwards;transition:box-shadow .4s ease,border-color .4s ease}.what:hover{box-shadow:0 16px 48px #0000000a;border-color:#0000001f}.what-photo{width:33%;flex-shrink:0;position:relative;padding:40px 0 40px 40px}.what-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;opacity:.9;border-radius:12px;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s ease}.what-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);letter-spacing:.06em;transition:color .4s ease,transform .6s cubic-bezier(.16,1,.3,1)}.what-photo:hover .what-photo-placeholder{color:var(--black);transform:scale(1.1)}.what-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:40px}.what-text p{font-size:var(--f-base);line-height:1.65;color:#0a0a0a;margin-bottom:16px}.what-text p:last-child{margin-bottom:0}.what-text p strong{color:var(--black);font-weight:600}.what-role-tag{display:block;font-size:20px;font-weight:var(--w-semi);color:var(--body);background:#eaf4ed33;border-radius:6px;white-space:nowrap;padding:0;margin-bottom:40px}.section-divider{max-width:var(--container);margin:56px auto 32px;padding:0 40px;display:flex;align-items:center;gap:20px}.divider-label{font-size:18px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--body);white-space:nowrap}.divider-line{flex:1;height:.5px;background:var(--border)}.work-grid{max-width:var(--container);margin:0 auto;padding:0 40px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}.work-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.work-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.work-card .card-thumb{width:100%;aspect-ratio:16/9;background:var(--thumb-sand);position:relative;overflow:hidden}.work-card .card-thumb img{width:100%;height:100%;object-fit:cover}.card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);letter-spacing:.06em}.card-1 .card-thumb{background:var(--thumb-card-1)}.card-2 .card-thumb{background:var(--thumb-card-2)}.card-3 .card-thumb{background:var(--thumb-card-3)}.work-card .card-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.card-badge{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--blue-tint-md);border-radius:4px;padding:3px 8px;width:fit-content;margin-bottom:8px}.card-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.card-badges .card-badge{margin-bottom:0}.work-card .card-title{font-size:20px;font-weight:700;color:var(--black);line-height:1.2}.work-card .card-desc{font-size:var(--f-desc);color:var(--body);line-height:var(--leading-normal);flex:1}.card-cta{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--black);margin-top:8px;letter-spacing:.02em}.card-cta svg{transition:transform .2s}.work-card:hover .card-cta svg{transform:translate(4px)}.thoughts-bento{max-width:var(--container);margin:0 auto;padding:0 40px 80px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto;gap:var(--grid-gap)}.thought-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.thought-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.thought-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center}.thought-thumb img{width:100%;height:100%;object-fit:cover}.thought-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}.thought-card--featured{flex-direction:row}.thought-card--full{grid-column:1 / -1}.thought-pair-row{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap)}.thought-card--featured .thought-thumb{width:45%;aspect-ratio:16/9;flex-shrink:0}.thought-card--featured .thought-body{padding:32px;justify-content:center}.thought-title{font-size:22px;font-weight:700;color:var(--black);line-height:1.2}.thought-card--featured .thought-title{font-size:22px}.thought-desc{font-size:var(--f-desc);color:var(--body);line-height:var(--leading-normal);flex:1}.thought-card--featured .thought-desc{max-width:560px}.thought-card:hover .card-cta svg{transform:translate(4px)}.stack-section{max-width:var(--container);margin:0 auto;padding:0 var(--pad) 80px;position:relative}.stack-bg{position:absolute;inset:0 var(--pad) 80px;background:#fff;border-radius:var(--radius-lg);overflow:hidden;pointer-events:none}.stack-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,#e0edfe00,#e0edfe80),linear-gradient(to right,#e0edfe 1px,transparent 1px),linear-gradient(to bottom,#e0edfe 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.stack-blob{position:absolute;border-radius:50%;filter:blur(80px)}.stack-blob-tl{width:600px;height:600px;top:-150px;left:-150px;background:radial-gradient(circle,rgba(250,250,250,.9) 0%,transparent 70%);animation:orbit-tl 24s linear infinite}.stack-blob-br{width:600px;height:600px;top:-150px;left:-150px;background:radial-gradient(circle,rgba(180,180,180,.25) 0%,transparent 70%);animation:orbit-br 24s linear infinite}@keyframes orbit-tl{0%{transform:translate(0)}25%{transform:translate(900px)}50%{transform:translate(900px,500px)}75%{transform:translateY(500px)}to{transform:translate(0)}}@keyframes orbit-br{0%{transform:translate(900px,500px)}25%{transform:translateY(500px)}50%{transform:translate(0)}75%{transform:translate(900px)}to{transform:translate(900px,500px)}}.stack-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--grid-gap);padding:var(--space-6)}.stack-glass{background:#ffffff80;border:.5px solid rgba(0,0,0,.1);border-radius:var(--radius-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none}.stack-logos-track{flex:1;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 60px,black calc(100% - 60px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 60px,black calc(100% - 60px),transparent)}.stack-logos-inner{display:flex;align-items:flex-start;width:max-content;will-change:transform;transform:translate3d(var(--logos-x, 0px),0,0);--logos-gap: var(--marquee-gap)}.stack-logos-seq{display:flex;align-items:flex-start;gap:var(--logos-gap)}.stack-logos-seq:first-child{margin-right:var(--logos-gap)}.stack-logo-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stack-logo-tile{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fffc;border:.5px solid rgba(0,0,0,.07);border-radius:12px}.stack-logo{width:36px;height:36px;object-fit:contain}.stack-logo-emoji{font-size:28px;line-height:1}.stack-logo-label{font-size:var(--f-sm);font-weight:var(--w-semi);letter-spacing:.01em;color:var(--body);text-align:center;line-height:1.2}.stack-pill{align-self:flex-start;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:3px 8px}.stack-pill--ai,.stack-pill--pillar,.stack-pill--base{color:var(--blue);background:var(--blue-tint-md)}.stack-header{padding:var(--space-8);display:flex;align-items:center;gap:var(--space-6)}.stack-header-label{font-size:var(--f-label);font-weight:var(--w-bold);color:var(--black);letter-spacing:-.02em;white-space:nowrap}.stack-header-sub{font-size:var(--f-desc);color:var(--body);line-height:var(--leading-normal);max-width:480px}.stack-header-sub--stack{max-width:var(--container);margin:0 auto;padding:0 40px 24px;width:100%}.stack-sub-break{display:block}.stack-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--grid-gap)}.stack-col{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);min-height:280px}.stack-col-accent{width:32px;height:4px;border-radius:2px;flex-shrink:0}.stack-col-label{font-size:var(--f-sm);font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--black)}.stack-col-tools{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.stack-tool{font-size:var(--f-sm);color:var(--body);line-height:var(--leading-normal)}.stack-pillar-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stack-pillar-tag{display:inline-flex;align-items:center;gap:8px;font-size:var(--f-sm);font-weight:var(--w-semi);color:var(--body);background:#ffffff59;border:.5px solid rgba(0,0,0,.08);border-radius:6px;padding:6px 12px;letter-spacing:.01em;white-space:nowrap}.stack-pillar-tag-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.stack-pillar-tag-icon-emoji{font-size:14px;line-height:1;flex-shrink:0}.stack-pillar-tag-break{width:100%;flex-shrink:0}.stack-pillar-tag--placeholder{opacity:.35;border-style:dashed;color:var(--muted)}.stack-base{padding:var(--space-8);display:flex;align-items:center;justify-content:center;gap:var(--space-8);text-decoration:none;color:inherit}.stack-base .stack-pill{align-self:center}@media (max-width: 600px){.stack-base{flex-direction:column;align-items:center;gap:var(--space-4)}}.stack-base-label{font-size:var(--f-section);font-weight:var(--w-bold);color:var(--black);letter-spacing:-.01em;white-space:nowrap}.stack-base-sub{font-size:var(--f-desc);color:var(--body);line-height:var(--leading-normal);flex:1}.stack-base-cta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--f-sm);font-weight:var(--w-semi);color:var(--blue);white-space:nowrap;flex-shrink:0;text-decoration:none}.stack-mindsets{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex:1;flex-wrap:wrap}.stack-mindset-tag{font-size:var(--f-sm);font-weight:var(--w-semi);color:var(--body);background:#ffffff59;border:.5px solid rgba(0,0,0,.08);border-radius:6px;padding:6px 14px;letter-spacing:.01em;text-transform:uppercase;letter-spacing:.08em;flex:1;text-align:center;white-space:nowrap}@media (max-width: 600px){.stack-mindsets{gap:var(--space-2)}.stack-mindset-tag{flex:1 1 calc(50% - var(--space-2))}}@media (max-width: 900px){.stack-columns{grid-template-columns:repeat(2,1fr)}.stack-header{flex-direction:column;gap:var(--space-2)}.stack-base{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}@media (max-width: 600px){.stack-columns{grid-template-columns:1fr}.stack-inner{padding:var(--space-4)}}.contact-section{max-width:var(--container);margin:0 auto;padding:0 var(--pad) 160px;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}.contact-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.contact-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00000012;border-color:var(--border-hover)}.contact-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--blue-tint-md);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-body{flex:1;display:flex;flex-direction:column;gap:3px}.contact-label{font-size:var(--f-sm);font-weight:var(--w-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.contact-value{font-size:var(--f-desc);font-weight:var(--w-semi);color:var(--black)}.contact-arrow{color:var(--muted);transition:transform .2s,color .2s}.contact-card:hover .contact-arrow{transform:translate(4px);color:var(--blue)}@media (max-width: 900px){.contact-section{grid-template-columns:1fr}}.hero-section{padding:160px 0 120px}.hero-inner{display:flex;flex-direction:column;gap:120px}.hero-inner--split{display:grid;grid-template-columns:2fr 3fr;gap:60px;align-items:end}.hero-badge{display:inline-block;font-size:var(--f-sm);font-weight:var(--w-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--blue-tint-md);border:.5px solid var(--blue-border);border-radius:6px;padding:8px 16px}.hero-title{font-size:clamp(40px,5vw,56px);font-weight:var(--w-bold);line-height:1;letter-spacing:-.02em;color:var(--black);margin-top:24px}.hero-sub{font-size:clamp(20px,2.5vw,32px);font-weight:var(--w-reg);line-height:1.4;color:var(--black);margin-top:40px;max-width:860px}.flow-section{padding-bottom:80px}.flow-inner{display:flex;flex-direction:column;gap:0}.flow-inner>*+*{margin-top:var(--section-gap)}.flow-inner>.img-card+.img-card{margin-top:24px}.flow-inner>.case-section+.img-card,.flow-inner>.img-card+.case-section,.flow-inner>.brief-row+.divider,.flow-inner>.divider+.case-section,.flow-inner>.divider+.brief-row{margin-top:80px}.flow-inner>.brief-row{margin-top:80px}.brief-row{display:flex;gap:40px;align-items:flex-start}.brief-img{flex-shrink:0}.brief-img .img-card{width:580px}.brief-text{flex:1;display:flex;flex-direction:column;gap:40px}.vc-hero{max-width:var(--container);margin:0 auto;padding:160px var(--pad) 80px;border-bottom:.5px solid var(--border)}.vc-badge{display:inline-block;font-size:var(--f-sm);font-weight:var(--w-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--blue-tint-md);border:.5px solid var(--blue-border);border-radius:var(--r-tag);padding:5px 12px;margin-bottom:24px}.vc-title{font-size:clamp(48px,7vw,80px);font-weight:var(--w-bold);line-height:.95;letter-spacing:-.03em;color:var(--black);margin-bottom:40px}.vc-sub{font-size:var(--f-desc);color:var(--body);line-height:var(--leading-normal);max-width:520px}.tabs-wrap{max-width:var(--container);margin:0 auto;padding:36px var(--pad) 0}.tabs{display:inline-flex;background:#0000000d;border-radius:var(--r-pill);padding:4px;gap:0;position:relative}.tab-slider{position:absolute;top:4px;left:0;height:calc(100% - 8px);background:var(--white);border-radius:calc(var(--r-pill) - 4px);box-shadow:0 1px 4px #0000001f;transition:transform .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.tab{font-family:var(--font);font-size:var(--f-sm);font-weight:var(--w-bold);padding:8px 22px;border-radius:calc(var(--r-pill) - 4px);border:none;background:transparent;color:var(--muted);cursor:pointer;position:relative;z-index:1;transition:color .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.tab.active{color:var(--black)}.tab:not(.active):hover{color:var(--black)}.vc-bento-wrap{max-width:var(--container);margin:0 auto;padding:36px var(--pad) 120px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:calc((min(100vw,1200px) - 104px)*.1875);grid-auto-flow:dense;gap:12px}.grid-empty{grid-column:1 / -1;text-align:center;padding:60px;color:var(--muted);font-size:var(--f-base)}.vc-bento-item{border-radius:12px;overflow:hidden;cursor:pointer;position:relative;transition:transform .3s ease}.vc-bento-item.feature{grid-column:span 2;grid-row:span 2}.vc-bento-item.sky{grid-row:span 3}.vc-bento-item.tall{grid-row:span 2}.vc-bento-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.vc-bento-item:hover img{transform:scale(1.04)}.bento-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--f-sm);color:#00000047}.bento-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;opacity:0;transition:opacity .25s ease,background .25s ease}.vc-bento-item:hover .bento-hover{opacity:1;background:#00000061}.bento-hover-title{font-size:var(--f-base);font-weight:var(--w-bold);color:#fff;line-height:1.2}.bento-hover-co{font-size:var(--f-sm);color:#ffffffb3;margin-top:2px}.vc-card .card-thumb{width:100%;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.vc-card .card-thumb img{width:100%;height:100%;object-fit:cover}.thumb-ph{width:82%;height:72%;border-radius:6px;background:#ffffff80;border:.5px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;font-size:var(--f-sm);color:#00000038;font-weight:var(--w-reg)}.tw{background:var(--web-bg)}.td{background:var(--deck-bg)}.tb{background:var(--brand-bg)}.vc-card .card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;overflow:hidden;margin-bottom:8px}.cat-tag{font-size:10px;font-weight:var(--w-bold);letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r-tag);white-space:nowrap;flex-shrink:0}.ct-w{background:var(--web-bg);color:var(--web-text)}.ct-d{background:var(--deck-bg);color:var(--deck-text)}.ct-b{background:var(--brand-bg);color:var(--brand-text)}.card-co{font-size:var(--f-sm);color:var(--muted);font-weight:var(--w-reg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-card .card-title{font-size:var(--f-base);font-weight:var(--w-bold);color:var(--black);line-height:1.25}.vc-card .card-desc{font-size:var(--f-desc);font-weight:var(--w-reg);color:var(--body);line-height:var(--leading-normal);flex:1}.card-foot{display:flex;align-items:center;justify-content:flex-end;margin-top:8px;padding-top:10px;border-top:.5px solid var(--border-warm)}.view-btn{font-family:var(--font);font-size:var(--f-sm);font-weight:var(--w-bold);color:var(--black);background:none;border:.5px solid var(--border);border-radius:6px;padding:5px 12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .2s,border-color .2s}.view-btn:hover{background:var(--surface-warm);border-color:#aaa}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;align-items:center;justify-content:center;padding:32px}.overlay.open{display:flex}.ig-modal{background:var(--white);border-radius:20px;width:100%;max-width:1000px;overflow:hidden;display:flex;flex-direction:row;align-items:stretch}.ig-modal-img{flex:1;background:#111;aspect-ratio:16/9;overflow:hidden;min-width:0}.ig-modal-img img{width:100%;height:100%;object-fit:cover;display:block}.ig-modal-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--f-sm);color:#fff6}.ig-modal-detail{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-left:.5px solid var(--border);overflow-y:auto}.ig-modal-top{padding:20px 20px 16px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:.5px solid var(--border);flex-shrink:0}.ig-modal-title{font-size:var(--f-base);font-weight:var(--w-bold);color:var(--black);line-height:1.25}.ig-modal-co{font-size:var(--f-sm);color:var(--muted);margin-top:3px}.ig-modal-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.ig-modal-desc{font-size:var(--f-base);color:var(--body);line-height:1.6;margin:0}.modal-x{background:var(--surface);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--f-base);color:var(--body);flex-shrink:0;font-family:inherit;transition:background .2s}.modal-x:hover{background:var(--surface-hover)}.modal-body{flex:1;overflow:auto;display:flex;flex-direction:column;background:var(--bg);min-height:460px}.bento-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:280px;grid-auto-flow:dense;gap:var(--grid-gap);padding:32px;width:100%}.bento-item{border-radius:12px;overflow:hidden;background:var(--white);border:.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:var(--f-sm);position:relative;transition:border-color .3s ease}.bento-item:hover{border-color:#00000029}.bento-item.feature{grid-column:span 2;grid-row:span 2}.bento-item.wide{grid-column:span 2}.bento-item.tall{grid-row:span 2}.bento-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.bento-item:hover img{transform:scale(1.02)}.modal-ph{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:var(--f-sm);text-align:center;padding:48px}.modal-ph-icon{width:44px;height:44px;border-radius:10px;background:var(--thumb-sand);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:var(--w-bold);color:var(--muted)}@media (max-width: 900px){:root{--f-label: 24px}.work-grid{grid-template-columns:1fr 1fr}.thoughts-bento{grid-template-columns:1fr}.what{gap:24px}.stack-header-sub--stack{padding:0 40px 20px}.stack-sub-break{display:inline}.case-wrap{flex-direction:column}.case-body{width:100%}.brief-row{flex-direction:column}.brief-img .img-card{width:100%}.hero-section{padding:100px 0 60px}.flow-section{padding-bottom:60px}.grid-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){:root{--pad: 20px}.home-hero{padding:80px 20px 60px}.work-grid,.thoughts-bento{grid-template-columns:1fr;padding:0 20px 80px}.section-divider{padding:0 20px}.what{flex-direction:column;padding:0}.what-photo{width:100%}.hero-title{font-size:36px}.grid-wrap{grid-template-columns:1fr;padding-bottom:80px}.vc-title{font-size:40px}}.article-progress{position:fixed;top:0;left:0;height:3px;background:var(--blue);z-index:999;transition:width .1s linear}.article-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--f-sm);color:var(--muted);margin-bottom:var(--space-2)}.article-breadcrumb a{color:var(--muted);transition:color .2s}.article-breadcrumb a:hover{color:var(--black)}.article-breadcrumb span{color:var(--border)}.article-breadcrumb-current{color:var(--blue);font-weight:var(--w-semi)}.article-header-wrap{max-width:1100px;margin:0 auto;padding:calc(var(--nav-h) + var(--space-8)) var(--pad) 0}.article-header{margin-left:var(--toc-w);display:flex;flex-direction:column;gap:var(--space-4)}.article-hero-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.article-tag{font-size:var(--f-sm);font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--blue-tint-lg);border:.5px solid var(--blue-border);border-radius:var(--r-tag);padding:3px 8px}.article-meta-dot{width:3px;height:3px;background:var(--muted);border-radius:50%;opacity:.4}.article-meta-item{font-size:var(--f-sm);color:var(--muted)}.article-hero-title{font-size:var(--f-hero);font-weight:var(--w-bold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--black)}.article-hero-sub{font-size:var(--f-desc);color:var(--body);line-height:var(--leading-normal);max-width:var(--read-w)}.article-header-img{margin-top:var(--space-6);border-radius:var(--radius-md);overflow:hidden;border:.5px solid var(--border);aspect-ratio:16/9}.article-header-img img{width:100%;height:100%;object-fit:cover;display:block}.article-page-body{display:grid;grid-template-columns:var(--toc-w) 1fr;max-width:1100px;margin:0 auto;padding:60px var(--pad) var(--space-30)}.article-toc-wrap{position:sticky;top:calc(50vh - 120px);padding-right:var(--space-10);align-self:start}.article-toc-label{font-size:var(--f-sm);font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-3)}.article-toc-list{list-style:none;display:flex;flex-direction:column;gap:2px}.article-toc-item a{font-size:var(--f-desc);color:var(--body);text-decoration:none;display:block;padding:4px 10px;border-left:2px solid transparent;transition:all .2s;line-height:var(--leading-normal)}.article-toc-item a:hover{color:var(--black)}.article-toc-item.active a{color:var(--blue);border-left-color:var(--blue);font-weight:var(--w-semi)}.article-body{max-width:var(--read-w)}.article-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-intro{font-size:var(--f-desc);color:var(--body);line-height:var(--leading-normal);margin-bottom:var(--space-12);padding-bottom:var(--space-12);border-bottom:.5px solid var(--border)}.article-intro p{margin-bottom:var(--space-4)}.article-intro p:last-child{margin-bottom:0}.article-section{margin-bottom:var(--article-gap);scroll-margin-top:80px}.section-title{font-size:var(--f-section);font-weight:var(--w-bold);color:var(--black);line-height:var(--leading-tight);margin-bottom:var(--space-5);letter-spacing:-.01em}.article-body p{font-size:var(--f-desc);color:var(--body);line-height:var(--leading-normal);margin-bottom:var(--space-5)}.article-body p:last-child{margin-bottom:0}.article-body strong{font-weight:var(--w-semi);color:var(--black)}.article-takeaway{background:var(--blue-tint);border-left:3px solid var(--blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-5) var(--space-6);margin-top:var(--space-12)}.article-takeaway-label{font-size:var(--f-sm);font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:var(--space-2)}.article-takeaway p{font-size:var(--f-desc);color:var(--blue);margin:0;line-height:var(--leading-normal)}.article-spotify{margin-top:var(--space-6)}.article-article-footer{margin-top:var(--space-4);font-size:var(--f-desc);color:var(--muted);font-style:italic}.article-related{padding:0 var(--pad) 100px;max-width:1100px;margin:0 auto}.rc-nav{display:flex;gap:6px;flex-shrink:0}.rc-btn{width:34px;height:34px;border-radius:50%;border:.5px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--black);transition:background .18s,border-color .18s,opacity .18s}.rc-btn:hover{background:var(--surface);border-color:var(--border-hover)}.rc-btn--dim{opacity:.3;pointer-events:none}.rc-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.rc-track::-webkit-scrollbar{display:none}.rc-card{flex:0 0 300px;scroll-snap-align:start;border:.5px solid var(--border);border-radius:var(--r-card);overflow:hidden;background:var(--white);display:flex;flex-direction:column;text-decoration:none;transition:border-color .22s,box-shadow .22s}.rc-card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px #00000012}.rc-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0}.rc-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rc-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.rc-title{font-size:var(--f-base);font-weight:var(--w-bold);color:var(--black);line-height:1.3}.rc-desc{font-size:var(--f-sm);color:var(--body);line-height:1.5;flex:1}@media (max-width: 760px){.article-page-body{grid-template-columns:1fr;padding-top:var(--space-10)}.article-toc-wrap{position:relative;top:auto;padding-right:0;margin-bottom:var(--space-8)}.article-related-grid{grid-template-columns:1fr}.article-header{margin-left:0}.article-hero-title{font-size:28px}}