:root{--graphite: #171a18;--on-dark: #f3f0e7;--muted-on-dark: #b6b8af;--champagne: #cdb783;--paper: #f5f3ed;--surface: #fffefa;--ink: #20231f;--muted: #666b63;--cobalt: #304cde;--lime: #dfed98;--lavender: #e6eafb;--stage: #121512;--line: #d7d9d0;--line-dark: #3b403c;--sans: Manrope, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--serif: Georgia, "Iowan Old Style", "Songti SC", "SimSun", serif;--mono: ui-monospace, Consolas, "SFMono-Regular", monospace;--wrap: 1296px;--gutter: 5vw;--header: 72px;--radius: 14px;font-family:var(--sans);font-weight:400;color:var(--ink);background:var(--paper);line-height:1.58;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 12px)}html.reduce{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{max-width:100%;overflow-x:clip}body{margin:0;min-height:100vh}img,svg,canvas{max-width:100%}a{color:inherit}button,input,textarea,summary{font:inherit}.skip{position:absolute;left:16px;top:-48px;z-index:60;padding:8px 12px;background:var(--champagne);color:var(--graphite);border-radius:999px}.skip:focus{top:12px}.wrap{width:min(var(--wrap),calc(100% - 2 * var(--gutter)));max-width:100%;margin:0 auto}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px 24px;min-height:var(--header);padding:0 var(--gutter);background:var(--graphite);border-bottom:1px solid var(--line-dark);color:var(--on-dark)}.wordmark{font-family:var(--serif);font-size:28px;line-height:1;text-decoration:none}.nav-primary{display:flex;gap:28px;margin-left:auto}.nav-primary a,.nav-action,.nav-work-sm{color:var(--on-dark);text-decoration:none;font-size:15px;font-weight:500}.nav-action{display:inline-flex;align-items:center}.nav-end{display:flex;align-items:center;gap:22px}.nav-contact{color:var(--champagne)}.nav-work-sm{display:none;font-weight:500}.menu-box{display:none;position:relative;margin-left:4px}.menu-toggle{display:inline-block;list-style:none;cursor:pointer;color:var(--on-dark);font-size:15px;font-weight:500;padding:8px 0}.menu-toggle::-webkit-details-marker{display:none}.site-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:45;display:flex;flex-direction:column;min-width:min(280px,calc(100vw - 32px));max-height:min(70vh,calc(100dvh - var(--header) - 24px));overflow:auto;padding:8px;background:#1d211e;border:1px solid var(--line-dark);border-radius:12px;box-shadow:0 16px 40px #00000047}.site-menu a{padding:12px 14px;text-decoration:none;border-radius:8px}.site-menu a:hover,.site-menu a:focus-visible{background:#2a2f2b}.hero,.selected,.experience,.studio-home,.about-band,.case-page{padding:48px 0 64px}.studio-page>.wrap{padding:32px 0 64px}.hero{background:var(--graphite);color:var(--on-dark);padding-top:28px;padding-bottom:40px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:24px 40px;align-items:center}.eyebrow,.page-kicker{margin:0 0 12px;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--muted)}.hero .eyebrow,.page-hero .eyebrow{color:var(--muted-on-dark)}.hero h1{margin:0 0 18px;max-width:16ch;font-family:var(--sans);font-size:clamp(36px,5.4vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.035em}.lede{margin:0 0 28px;max-width:38rem;font-size:18px;line-height:1.6;color:var(--muted);overflow-wrap:break-word}.hero .lede{color:var(--muted-on-dark);font-size:18px;margin-bottom:24px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-size:15px;font-weight:500;cursor:pointer;background:transparent;color:inherit;transition:transform .16s ease,background .16s ease,border-color .16s ease}.btn:hover,.btn:focus-visible,.studio-card:hover,.studio-card:focus-visible,.shot:hover,.shot:focus-visible{transform:translateY(-3px)}.btn-gold{background:var(--champagne);color:var(--graphite)}.btn-gold:hover,.btn-gold:focus-visible{background:#d8c396}.btn-ghost{border-color:var(--line-dark);color:var(--on-dark);background:#252923}.btn-line{border-color:var(--line);color:var(--ink);background:var(--surface)}.text-link{color:var(--cobalt);text-decoration:none;font-size:15px;font-weight:500}.text-link:hover,.text-link:focus-visible,.inline a:hover,.case-page a:not(.btn):hover{text-decoration:underline}.jl-mark{--rx: 8deg;--ry: -18deg;--hx: 42%;--hy: 28%;justify-self:end;width:min(100%,300px);height:250px;perspective:900px}.jl-scene{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-origin:50% 60%}.jl-monogram{width:100%;height:100%;overflow:visible;filter:drop-shadow(8px 18px 15px rgba(0,0,0,.3))}.btn:focus-visible,.nav-primary a:focus-visible,.nav-action:focus-visible,.nav-work-sm:focus-visible,.menu-toggle:focus-visible,.finding-card:focus-visible,.studio-card:focus-visible,.shot:focus-visible,.copy-mail:focus-visible,.text-link:focus-visible,.site-menu a:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}.hero .btn:focus-visible,.site-header a:focus-visible,.menu-toggle:focus-visible,.nav-contact:focus-visible{outline-color:var(--champagne)}.section-title{margin:0 0 28px;font-family:var(--sans);font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:8px}.section-head .section-title{margin-bottom:28px}.feature,.work-item{background:var(--surface);border-radius:var(--radius);padding:20px}.feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:28px;align-items:center;margin-bottom:22px}.feature-copy h3,.work-item h3,.studio-card h3{margin:8px 0 10px;font-size:clamp(24px,3vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.15}.feature-copy .lede-sm,.work-item .lede-sm{margin:0 0 12px;max-width:42rem;font-size:17px;color:var(--ink)}.feature-copy p,.work-item p,.jobs p,.about-copy p{color:var(--muted)}.status{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--muted)}.stack{margin:0 0 16px;font-family:var(--mono);font-size:12px;color:var(--muted)}.work-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.work-item.wide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:center}.media-stage{--tilt-x: 0deg;--tilt-y: 0deg;position:relative;display:grid;place-items:center;height:380px;overflow:hidden;border-radius:12px;background:var(--stage);transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .16s ease}.media-stage--short{height:300px}.shot{display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.shot img,.gif-still{display:block;width:auto;height:auto;max-width:92%;max-height:92%;object-fit:contain}.media-stage--chart .shot img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}.media-stage--world .shot img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:50% 42%}.media-play{position:absolute;right:12px;bottom:12px;z-index:2;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:var(--champagne);color:var(--graphite);font-size:13px;font-weight:600;cursor:pointer}.media-play:disabled{opacity:.7;cursor:default}.caption{margin:8px 0 0;font-size:13px;color:var(--muted)}.live-embed{min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 65% 42%,rgba(181,145,72,.16),transparent 34%),#080b0f}.live-embed__poster{display:flex;min-height:520px;max-width:620px;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,7vw,84px);color:#f4efe4}.live-embed__poster h2{margin:8px 0 12px;color:inherit}.live-embed__poster p:not(.eyebrow){margin:0 0 24px;color:#f4efe4b8}.live-embed__frame{display:block;width:100%;height:70vh;min-height:520px;border:0;background:#080b0f}@media(max-width:767px){.live-embed,.live-embed__poster,.live-embed__frame{min-height:440px}}.jobs{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--line)}.job{display:grid;grid-template-columns:18% 34% 48%;gap:16px 24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.job-when{margin:4px 0 0;font-size:14px;color:var(--muted)}.job-org h3{margin:0 0 4px;font-size:clamp(22px,2.4vw,26px);font-weight:600;letter-spacing:-.02em}.job-role{margin:0;font-size:15px;font-weight:500;color:var(--muted)}.job-copy{margin:0;max-width:48rem;font-size:17px}.edu{display:grid;grid-template-columns:18% 1fr;gap:16px 24px;margin:20px 0 0;padding-top:8px}.edu-label{margin:0;font-size:13px;font-weight:600;color:var(--muted)}.edu p:last-child{margin:0;font-size:17px}.lightbox{width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:20px;border:0;background:var(--surface);color:var(--ink)}.lightbox::backdrop{background:#171a18b8}.lightbox img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#111}.lightbox-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);cursor:pointer;margin-bottom:12px}.studio-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.studio-card{display:block;padding:24px;background:var(--surface);border-radius:12px;text-decoration:none;min-height:180px;transition:transform .16s ease}.studio-card p,.about-copy p,.case-page p,.prose p{color:var(--muted);max-width:62ch}.about-band{display:grid;grid-template-columns:1.4fr .8fr;gap:48px;align-items:start}.contact-card,.panel{background:var(--surface);border-radius:12px;padding:24px}.contact-card h3{margin:0 0 12px;font-size:20px;font-weight:600}.contact-card ul,.prose ul{margin:0;padding:0;list-style:none}.contact-card li+li,.prose li+li{margin-top:10px}.contact-card a,.inline a,.case-page a:not(.btn){color:var(--cobalt);text-decoration:none}.copy-mail{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;color:var(--cobalt);cursor:pointer;text-align:left}.site-footer{background:var(--graphite);color:var(--on-dark);padding:36px 0;border-top:1px solid var(--line-dark)}.site-footer .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center}.site-footer p{margin:0;font-family:var(--serif);font-size:22px}.site-footer a{color:var(--champagne);text-decoration:none}.footer-links{display:flex;gap:18px}.page-hero{background:var(--graphite);color:var(--on-dark);padding:48px 0 40px}.page-hero h1,.case-page h1{margin:0 0 18px;font-family:var(--sans);font-size:clamp(32px,5vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.12;max-width:18ch}.case-page{padding-top:48px}.case-page .media-stage{margin:8px 0}.case-stack{display:grid;gap:24px;margin-top:36px}.case-stack section{background:var(--surface);border-radius:14px;padding:28px}.case-stack h2,.studio-page h2,.about-page h2{margin:0 0 12px;font-size:clamp(22px,3vw,28px);font-weight:600}.sample-board{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.finding-list{display:grid;gap:12px}.finding-card{display:block;width:100%;text-align:left;border:0;border-radius:8px;padding:16px;cursor:pointer;color:var(--ink)}.finding-card p{margin:8px 0 0;color:var(--ink)}.finding-card .eyebrow{margin-bottom:0}.finding-card [data-text][contenteditable=true]{outline:2px solid var(--ink);outline-offset:4px}.finding-card.is-finding{background:var(--lime)}.finding-card.is-question{background:var(--lavender)}.finding-card.is-on{box-shadow:inset 0 0 0 2px var(--ink)}.source-panel{background:#f0f0e9;border-radius:12px;padding:20px}.source-quote{font-size:20px;line-height:1.4;color:var(--ink)}.source-quote mark{background:var(--lavender);color:var(--ink);padding:0 2px}.decision-box,.field-controls{display:grid;gap:10px;margin-top:16px}.decision-box textarea,.field-controls input[type=text]{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface)}.chip{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:999px;background:var(--surface);color:var(--ink)}.type-shell{background:#eaece5;border-radius:22px;padding:20px;margin:12px 0 36px}.type-shell canvas{display:block;width:100%;height:min(52vh,520px);border-radius:12px;background:var(--cobalt);cursor:crosshair}.control-row{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px;margin:16px 0}.control-row label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.back{display:inline-block;margin-top:28px;color:var(--cobalt);text-decoration:none}#toast{position:fixed;left:50%;bottom:20px;z-index:50;transform:translate(-50%);margin:0;padding:8px 12px;background:var(--graphite);color:var(--on-dark);border-radius:999px;font-size:13px}@media(max-width:1199px){.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(180px,.5fr)}.feature,.work-item.wide,.studio-grid{grid-template-columns:1fr 1fr}.jl-mark{height:200px}}@media(max-width:900px){.hero-grid,.feature,.work-split,.work-item.wide,.studio-grid,.about-band,.sample-board,.control-row{grid-template-columns:1fr}.jl-mark{display:none}.nav-end{gap:16px}}@media(max-width:767px){:root{--gutter: 24px;--header: 64px}.site-header{gap:12px}.nav-primary,.nav-end{display:none}.nav-work-sm,.menu-box{display:block}.nav-work-sm{margin-left:auto}.hero,.selected,.experience,.studio-home,.about-band,.page-hero,.case-page,.about-page{padding-top:36px;padding-bottom:48px}.hero h1{font-size:clamp(36px,10vw,44px);max-width:14ch}.lede,.hero .lede,.job-copy,.feature-copy .lede-sm{font-size:16px}.media-stage,.media-stage--short{height:260px}.job,.edu{grid-template-columns:1fr;gap:6px}.job-org{order:-1}.wordmark{font-size:24px}.section-head,.site-footer .wrap{flex-direction:column;align-items:start}}@media(max-width:320px){:root{--gutter: 16px}}@media(prefers-reduced-motion:reduce){.btn,.studio-card,.shot,.media-stage,.jl-scene{transition:none}.btn:hover,.btn:focus-visible,.studio-card:hover,.studio-card:focus-visible,.shot:hover,.shot:focus-visible{transform:none}.media-stage{transform:none}.jl-scene{transform:rotateX(8deg) rotateY(-18deg)}}.shot img[hidden],.gif-still[hidden]{display:none}.media-play:focus-visible{outline:2px solid var(--champagne);outline-offset:4px}