:root{
  --bg:#0b0b0c;--bg-soft:#111214;--paper:#f2efe9;--paper-2:#e7e3dc;--ink:#0c0d0f;--muted:#8e9299;--line:rgba(255,255,255,.14);--line-dark:rgba(0,0,0,.14);--radius:24px;--pad:clamp(20px,4vw,64px);--max:1440px;--hero-mask-opacity:.12;
  --text-xs:11px;--text-sm:13px;--text-base:16px;--text-lg:20px;--leading-tight:1.18;--leading-body:1.75;--leading-relaxed:1.9;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em;line-break:strict;word-break:normal;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(calc(100% - var(--pad)*2),var(--max));margin:auto}.section{padding:clamp(72px,9vw,150px) 0}.section.light{background:var(--paper);color:var(--ink)}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.58}.display{font-size:clamp(54px,8vw,128px);line-height:.9;letter-spacing:-.055em;margin:0}.section-title{font-size:clamp(34px,5vw,72px);line-height:1;letter-spacing:-.045em;margin:10px 0 0}.lede{font-size:clamp(20px,2.4vw,34px);line-height:1.35;letter-spacing:-.025em;max-width:900px}.muted{color:var(--muted)}.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:72px;display:flex;align-items:center;transition:.35s ease;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent)}.nav.scrolled{background:rgba(12,13,15,.7);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(calc(100% - var(--pad)*2),var(--max));margin:auto}.brand{font-weight:700;letter-spacing:.04em}.nav-links{display:flex;align-items:center;gap:24px;font-size:14px}.nav-links a{opacity:.68;transition:.2s}.nav-links a:hover,.nav-links a.active{opacity:1}.resume-link{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:9px 14px}.menu-btn{display:none;border:0;background:transparent;color:white;font-size:14px}.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:flex-end}.hero-media{position:absolute;inset:0;background:#08090a}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.48) 0%,rgba(3,5,8,.22) 42%,rgba(3,5,8,.06) 70%,rgba(3,5,8,0) 100%),linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 62%,rgba(0,0,0,.2) 100%),rgba(0,0,0,var(--hero-mask-opacity));transition:background 1s ease}.reel-frame{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transform:scale(1.05);animation:frameCycle 30s infinite ease-in-out}.reel-frame:nth-child(1){animation-delay:0s}.reel-frame:nth-child(2){animation-delay:7.5s}.reel-frame:nth-child(3){animation-delay:15s}.reel-frame:nth-child(4){animation-delay:22.5s}.reel-frame:nth-child(4){background-image:url('placeholders/create.svg')}.reel-frame:nth-child(1){background-image:url('placeholders/create.svg')}.reel-frame:nth-child(2){background-image:url('placeholders/deliver.svg')}.reel-frame:nth-child(3){background-image:url('placeholders/system.svg')}@keyframes frameCycle{0%{opacity:0;transform:scale(1.06)}6%{opacity:1}23%{opacity:1;transform:scale(1)}29%{opacity:0}100%{opacity:0}}
.hero-content{position:relative;z-index:2;padding:0 0 clamp(52px,7vw,92px);width:100%;text-shadow:0 2px 18px rgba(0,0,0,.55)}.hero-row{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.hero-sub{font-size:clamp(15px,1.6vw,22px);margin-top:20px;display:flex;gap:12px;align-items:center}.hero-stage{font-size:12px;letter-spacing:.22em;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 10px;min-width:84px;text-align:center}.hero-line{opacity:.78}.scroll-cue{position:absolute;bottom:24px;right:var(--pad);z-index:3;font-size:11px;letter-spacing:.18em;opacity:.7;text-shadow:0 2px 18px rgba(0,0,0,.55)}.scroll-cue:after{content:"";display:block;width:1px;height:34px;background:currentColor;margin:8px auto 0;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{transform:scaleY(.45);opacity:.3}50%{transform:scaleY(1);opacity:1}}
.positioning{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end}.provisional{font-size:12px;opacity:.55;margin-top:12px}.achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:80px}.achievement{padding:28px 0;border-top:1px solid var(--line-dark)}.achievement .value{font-size:clamp(44px,6vw,84px);line-height:1;font-weight:700;letter-spacing:-.05em}.achievement h3{font-size:18px;margin:16px 0 8px}.achievement p{margin:0;max-width:320px;opacity:.64;line-height:1.7;font-size:14px}
.selected-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.selected-title-cn{line-height:1.08;letter-spacing:.02em}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-card{position:relative;min-width:0;cursor:pointer;transition:.35s ease}.work-grid:hover .work-card{opacity:.58}.work-grid:hover .work-card:hover{opacity:1;transform:translateY(-6px)}.work-visual{aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#17181b;position:relative}.work-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:.55s ease}.work-card:hover img{transform:scale(1.035)}.work-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.38),transparent 44%)}.play-chip{position:absolute;z-index:2;right:16px;bottom:16px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.24);backdrop-filter:blur(8px);border-radius:999px;padding:8px 10px;font-size:11px;letter-spacing:.08em}.work-meta{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-top:18px}.work-label{font-size:12px;letter-spacing:.14em;opacity:.55}.work-title{font-size:22px;margin:6px 0 10px}.work-role{font-size:13px;line-height:1.55;opacity:.64}.arrow{font-size:13px;opacity:.62;white-space:nowrap;margin-top:24px}.work-card:hover .arrow{opacity:1}.more-strip{margin-top:80px;padding-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:30px}.archive-peek{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.peek{display:block;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:110px;background:rgba(255,255,255,.025);scroll-margin-top:110px}.peek[href]{cursor:pointer;transition:transform .24s ease,border-color .24s ease,background .24s ease}.peek[href]:hover,.peek:target{transform:translateY(-3px);border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.055)}.peek small{opacity:.5}.peek strong{display:block;margin-top:28px;font-size:15px}.more-link{margin-top:22px;display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:14px}#case-study-copy,#project-overview{white-space:pre-line}
.cap-chain{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:60px}.cap{padding:22px 22px 22px 0;border-top:1px solid var(--line-dark);position:relative}.cap:not(:last-child):after{content:"→";position:absolute;right:12px;top:20px;opacity:.35}.cap span{font-size:13px;opacity:.48}.cap h3{font-size:17px;margin:20px 20px 0 0;line-height:1.45}.experience-list{margin-top:55px;border-top:1px solid var(--line)}.experience-item{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--line)}.experience-item h3{margin:0;font-size:18px}.experience-item .meta{font-size:13px;opacity:.52;margin-top:7px}.experience-item p{margin:0;line-height:1.8;opacity:.7}.about-box{max-width:900px}.about-copy{font-size:clamp(24px,3.2vw,44px);line-height:1.45;letter-spacing:-.03em;margin-top:30px}.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.contact-actions{display:grid;gap:14px}.contact-card{border-top:1px solid var(--line-dark);padding:18px 0;display:flex;justify-content:space-between;gap:20px}.contact-card span:first-child{opacity:.48}.footer{padding:26px 0;background:var(--paper);color:var(--ink);border-top:1px solid var(--line-dark);font-size:12px}.footer-inner{display:flex;justify-content:space-between}.footer a{opacity:.6}
.archive-hero{padding:160px 0 58px;background:var(--paper);color:var(--ink)}.archive-count{font-size:clamp(58px,9vw,140px);font-weight:700;letter-spacing:-.07em;line-height:.9;margin:20px 0}.filters{position:sticky;top:72px;z-index:20;background:rgba(242,239,233,.92);backdrop-filter:blur(14px);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.filter-inner{display:flex;gap:8px;overflow:auto;padding:14px 0;scrollbar-width:none}.filter-inner::-webkit-scrollbar{display:none}.filter-btn{border:1px solid var(--line-dark);background:transparent;border-radius:999px;padding:9px 14px;white-space:nowrap;color:var(--ink);cursor:pointer}.filter-btn.active{background:var(--ink);color:white}.archive-section{background:var(--paper);color:var(--ink);min-height:60vh;padding:48px 0 120px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.archive-card{border:1px solid var(--line-dark);border-radius:20px;overflow:hidden;background:#f8f5ef;cursor:pointer;transition:.25s;scroll-margin-top:130px}.archive-card:hover,.archive-card:target{transform:translateY(-4px)}.archive-card:target{border-color:rgba(0,0,0,.42);box-shadow:0 12px 34px rgba(0,0,0,.12)}.archive-card .visual{aspect-ratio:16/10;background:#17181b;overflow:hidden;position:relative}.archive-card .visual img{width:100%;height:100%;object-fit:cover;transition:.4s}.archive-card:hover img{transform:scale(1.03)}.archive-card .info{padding:18px}.archive-card h3{font-size:19px;margin:8px 0}.archive-card .role{font-size:13px;opacity:.62;line-height:1.6}.status{font-size:11px;border:1px solid var(--line-dark);padding:5px 8px;border-radius:999px;display:inline-block}.cat{font-size:11px;letter-spacing:.08em;opacity:.48}.modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:30px}.modal.open{display:flex}.modal-card{width:min(100%,1100px);background:#0e0f11;border:1px solid rgba(255,255,255,.15);border-radius:22px;overflow:hidden}.modal-media{aspect-ratio:16/9;background:#16171a;display:grid;place-items:center}.modal-media img,.modal-media video{width:100%;height:100%;object-fit:cover}.modal-info{padding:20px 22px 24px}.modal-close{position:absolute;top:20px;right:22px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.4);color:white;border-radius:999px;width:40px;height:40px;cursor:pointer}.project-hero{padding:150px 0 64px}.project-top{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end}.project-overview{font-size:clamp(19px,2vw,28px);line-height:1.55;opacity:.78}.project-role{margin-top:22px;font-size:13px;opacity:.58}.project-media{width:min(calc(100% - var(--pad)*2),var(--max));margin:auto;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#17181b}.project-media img,.project-media video{width:100%;height:100%;object-fit:cover}.project-body{background:var(--paper);color:var(--ink);padding:80px 0 120px}.project-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:80px}.project-block{padding:32px 0;border-top:1px solid var(--line-dark)}.project-block h2{font-size:14px;letter-spacing:.12em;margin:0}.project-block p,.project-block li{line-height:1.8;opacity:.72}.project-block ul{padding-left:20px}.tools{font-size:14px;line-height:1.8}.project-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:70px}.project-nav a{border:1px solid var(--line-dark);border-radius:18px;padding:20px;display:flex;justify-content:space-between;font-weight:400;font-synthesis:none}.project-nav a span{font-weight:inherit}.progress{position:fixed;z-index:120;top:0;left:0;height:2px;width:0;background:white}.placeholder-mark{display:inline-block;font-size:10px;letter-spacing:.1em;border:1px solid rgba(255,175,64,.45);color:#ffb35f;padding:4px 7px;border-radius:999px;margin-left:8px;vertical-align:middle}
@media(max-width:900px){.nav-links{display:none}.menu-btn{display:block}.nav.open .nav-links{display:flex;position:absolute;top:64px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:rgba(12,13,15,.96);color:#fff;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px}.hero-row,.positioning,.contact-grid,.project-top,.project-grid{grid-template-columns:1fr}.hero-row{gap:18px}.hero .display{font-size:clamp(48px,14vw,88px)}.achievements{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.work-grid:hover .work-card{opacity:1}.work-card{margin-bottom:26px}.more-strip{grid-template-columns:1fr}.archive-peek{grid-template-columns:1fr 1fr}.cap-chain{grid-template-columns:1fr 1fr}.cap:not(:last-child):after{display:none}.experience-item{grid-template-columns:1fr;gap:14px}.archive-grid{grid-template-columns:1fr 1fr}.project-media{border-radius:16px}.project-nav{grid-template-columns:1fr}.scroll-cue{right:20px}.section{padding:72px 0}}
@media(max-width:620px){:root{--pad:18px}.nav{height:64px}.archive-grid{grid-template-columns:1fr}.archive-peek{grid-template-columns:1fr}.cap-chain{grid-template-columns:1fr}.selected-head{align-items:flex-start;flex-direction:column}.work-visual{aspect-ratio:16/11}.hero-sub{align-items:flex-start;flex-direction:column}.hero-line{max-width:290px}.hero-media:after{background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.44) 100%),linear-gradient(90deg,rgba(3,5,8,.24) 0%,rgba(3,5,8,.08) 74%,rgba(3,5,8,0) 100%),rgba(0,0,0,var(--hero-mask-opacity))}.hero-video,.hero-poster{object-position:46% 50%}.filters{top:64px}.project-hero{padding-top:120px}.project-body{padding-top:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hero-video,#hero-fallback,.hero-poster{position:absolute;inset:0;width:100%;height:100%}.hero-video,.hero-poster{object-fit:contain;object-position:50% 50%}.hero-video{display:block;opacity:0;visibility:hidden;transition:opacity .65s ease}.hero-video.ready{opacity:1;visibility:visible}#hero-fallback{opacity:1;visibility:visible;transition:opacity .65s ease,visibility 0s linear .65s}.hero-video.ready + #hero-fallback{opacity:0;visibility:hidden;pointer-events:none}.hero-poster{display:none}.has-poster .hero-poster{display:block}.has-poster .reel-frame{display:none}.nav.on-light{color:var(--ink);background:rgba(242,239,233,.84);border-bottom:1px solid rgba(0,0,0,.08)}.nav.on-light .resume-link{border-color:rgba(0,0,0,.2)}.nav.on-light .menu-btn{color:var(--ink)}.preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:.25s}.work-card.is-playing .preview-video,.archive-card.is-playing .preview-video{opacity:1}.work-card.is-playing .work-visual>img,.archive-card.is-playing .visual>img{opacity:0}.work-visual>img,.archive-card .visual>img{transition:opacity .25s,transform .55s}.workflow-hero{padding:150px 0 56px}.workflow-head-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px}.workflow-head-meta .eyebrow{margin:0}.workflow-head-meta .status{border-color:var(--line);color:rgba(255,255,255,.74);font-weight:400}.workflow-positioning{max-width:860px;margin:28px 0 0;font-size:clamp(19px,2vw,28px);line-height:1.55;color:rgba(255,255,255,.72)}.workflow-card{width:min(calc(100% - var(--pad)*2),var(--max));margin:0 auto 80px;background:var(--paper);color:var(--ink);border-radius:24px;padding:clamp(26px,4vw,56px)}.workflow-section{padding:32px 0;border-top:1px solid var(--line-dark)}.workflow-section:first-child{padding-top:0;border-top:0}.workflow-section:last-child{padding-bottom:0}.workflow-section>.eyebrow{margin-bottom:16px}.workflow-responsibility{max-width:920px;margin:0;font-size:clamp(17px,1.7vw,22px);line-height:1.75;color:rgba(17,18,20,.72)}.workflow-card .sample{margin-top:0;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#17181b}.workflow-card .sample img,.workflow-card .sample video{width:100%;height:100%;object-fit:cover}.workflow-about{display:grid;gap:16px;max-width:960px}.workflow-about p{margin:0;font-size:16px;line-height:1.85;color:rgba(17,18,20,.7)}.workflow-tags{display:flex;flex-wrap:wrap;gap:8px}.workflow-tag{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border:1px solid var(--line-dark);border-radius:999px;font-size:12px;color:rgba(17,18,20,.68)}
@media(max-width:620px){.hero-video,.hero-poster{object-fit:cover;object-position:50% 50%}}
.hero-video.ready ~ #hero-fallback{opacity:0;visibility:hidden;pointer-events:none}
.hero .owner-name{width:max-content;font-size:clamp(72px,7.2vw,112px);line-height:1;letter-spacing:.14em;font-weight:700}.hero .owner-desc{margin:0 0 20px;line-height:1.6}.hero .hero-sub{margin-top:30px;gap:16px}
@media(max-width:620px){.hero .owner-name{font-size:clamp(58px,16vw,72px);line-height:1.06;letter-spacing:.1em}.hero .owner-desc{margin-bottom:16px;max-width:320px;line-height:1.65}.hero .hero-sub{margin-top:24px;gap:14px}}
.achievement p{white-space:pre-line}
.case-video-player{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.case-video-player .case-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case-video-shade{position:absolute;z-index:1;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));pointer-events:none}.case-video-controls{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto auto minmax(60px,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;color:#fff;transition:opacity .2s ease;pointer-events:none}.case-video-player:not(.controls-visible):not(.is-paused):not(.is-seeking) .case-video-controls{opacity:0}.case-video-button{position:relative;z-index:4;width:30px;height:30px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#fff;cursor:pointer;pointer-events:auto}.case-video-button:hover,.case-video-button:focus-visible{background:rgba(255,255,255,.16);outline:none}.case-video-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.75);pointer-events:none}.case-video-seek{position:relative;z-index:5;height:30px;display:flex;align-items:center;cursor:pointer;touch-action:none;user-select:none;pointer-events:auto;outline:none}.case-video-seek:focus-visible .case-video-track{box-shadow:0 0 0 2px rgba(255,255,255,.48)}.case-video-seek.is-disabled{cursor:not-allowed;opacity:.45}.case-video-track{position:relative;width:100%;height:4px;border-radius:999px;background:rgba(255,255,255,.28);pointer-events:none}.case-video-buffered,.case-video-played{position:absolute;left:0;top:0;height:100%;width:0;border-radius:inherit;pointer-events:none}.case-video-buffered{background:rgba(255,255,255,.35)}.case-video-played{background:#fff}.case-video-thumb{position:absolute;z-index:2;left:0;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 7px rgba(0,0,0,.5);transform:translate(-50%,-50%);pointer-events:none}.case-video-player.is-seeking .case-video-track{height:6px}.case-video-player.is-seeking .case-video-thumb{width:14px;height:14px}.case-video-player:fullscreen{display:grid;place-items:center;background:#000}.case-video-player:fullscreen .case-video{object-fit:contain}
@media(max-width:620px){.case-video-controls{grid-template-columns:auto auto minmax(44px,1fr) auto auto;gap:7px;padding:10px 11px}.case-video-button{width:27px;height:27px}.case-video-time{font-size:10px}.case-video-seek{height:32px}.case-video-thumb{width:13px;height:13px}}
.preview-video.media-contain,.case-video-player.media-contain .case-video{object-fit:contain;background:#000}
.workflow-back-button{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(0,0,0,.16);font-size:13px;font-weight:400;font-synthesis:none;transition:background .2s ease,border-color .2s ease}.workflow-back-button:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.36)}.nav.on-light .workflow-back-button{border-color:rgba(0,0,0,.2);background:rgba(255,255,255,.3)}.nav.on-light .workflow-back-button:hover{border-color:rgba(0,0,0,.38);background:rgba(255,255,255,.58)}
.peek strong{line-height:1.55;white-space:pre-line}
.experience-main{padding:38px 0 48px;align-items:start}.experience-heading h3{font-size:clamp(20px,1.8vw,28px);line-height:1.35}.experience-role{margin-top:12px;max-width:360px;font-size:14px;line-height:1.65;color:rgba(255,255,255,.72)}.experience-main .meta{margin-top:12px;opacity:.5}.experience-summary{max-width:920px;font-size:16px;line-height:1.85!important;opacity:1!important;color:rgba(255,255,255,.76)}.experience-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.experience-direction{padding-top:18px;border-top:1px solid var(--line)}.experience-direction h4{margin:0 0 12px;font-size:14px;line-height:1.45;font-weight:600}.experience-direction p{font-size:13px;line-height:1.8!important;opacity:1!important;color:rgba(255,255,255,.62)}.experience-metric{font-weight:650;color:#fff;font-synthesis:none}@media(max-width:760px){.experience-directions{grid-template-columns:1fr;gap:22px}.experience-main{padding-bottom:38px}.experience-summary{font-size:15px}}
.about-section{padding-top:clamp(96px,11vw,170px);padding-bottom:clamp(104px,12vw,184px)}.about-section .about-box{max-width:1100px}.about-section .about-copy{max-width:1020px;margin-top:38px;font-size:clamp(18px,1.85vw,28px);line-height:1.78;letter-spacing:-.018em;white-space:pre-line}@media(max-width:620px){.about-section{padding-top:84px;padding-bottom:96px}.about-section .about-copy{margin-top:28px;font-size:18px;line-height:1.75;letter-spacing:-.01em}}
.about-section{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(112px,12vw,184px);padding-bottom:clamp(132px,14vw,214px);background:radial-gradient(circle at 12% 7%,rgba(255,255,255,.96) 0,rgba(255,255,255,0) 35%),radial-gradient(circle at 88% 88%,rgba(20,20,18,.055) 0,rgba(20,20,18,0) 43%),linear-gradient(137deg,#f6f3ed 0%,#f2efe9 46%,#e9e5de 100%);color:var(--ink)}.about-section:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(242,239,233,.55) 0%,transparent 10%,transparent 88%,rgba(242,239,233,.72) 100%);pointer-events:none}.about-art{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.about-ghost{position:absolute;display:block;max-width:none;object-fit:cover;filter:grayscale(1) saturate(.08) blur(10px);mix-blend-mode:multiply;transform:translateZ(0);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.78) 40%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.78) 40%,transparent 76%)}.about-ghost-create{top:-2%;right:-14%;width:min(62vw,920px);height:34%;object-position:25% 50%;opacity:.075;transform:rotate(1.6deg) scale(1.08)}.about-ghost-deliver{top:34%;left:-18%;width:min(57vw,850px);height:31%;object-position:52% 50%;opacity:.048;transform:rotate(-2.2deg) scale(1.06)}.about-ghost-system{right:-13%;bottom:-2%;width:min(61vw,900px);height:30%;object-position:50% 50%;opacity:.068;transform:rotate(1.8deg) scale(1.08)}.about-tide{position:absolute;display:block;border-top:1px solid rgba(18,18,16,.12);border-radius:50% 50% 0 0 / 100% 100% 0 0;opacity:.34}.about-tide-one{top:24%;left:-16%;width:132%;height:270px;transform:rotate(-4deg)}.about-tide-two{top:58%;left:-22%;width:146%;height:390px;transform:rotate(2.5deg);opacity:.26}.about-tide-three{top:73%;left:-12%;width:128%;height:300px;transform:rotate(-5deg);border-top-color:rgba(18,18,16,.17);opacity:.46}.about-section .about-box{position:relative;z-index:2;max-width:1180px}.about-locator{display:flex;align-items:center;gap:14px}.about-locator:after{content:"";width:52px;height:1px;background:rgba(12,13,15,.24)}.about-locator .eyebrow{opacity:.64;letter-spacing:.22em}.about-section .about-copy{max-width:none;margin-top:clamp(52px,6vw,84px);font-size:inherit;line-height:inherit;letter-spacing:normal;white-space:normal}.about-copy p{margin:0}.about-opening{max-width:1010px;font-size:clamp(30px,3.45vw,54px);line-height:1.32;letter-spacing:-.042em;font-weight:520;font-synthesis:none;color:#111214}.about-body-copy{max-width:880px;margin-top:clamp(40px,5vw,72px)!important;font-size:clamp(18px,1.65vw,25px);line-height:1.8;letter-spacing:-.018em;color:rgba(12,13,15,.75)}.about-inline-emphasis{font-weight:650;font-synthesis:none;color:#0d0e10}.about-memory{max-width:780px;margin-top:clamp(92px,10vw,150px);margin-left:clamp(0px,8vw,128px);padding:8px 0 10px clamp(20px,2.6vw,36px);border-left:1px solid rgba(12,13,15,.25)}.about-memory-lead{font-size:clamp(17px,1.5vw,22px);line-height:1.86;color:rgba(12,13,15,.66)}.about-script-count{font-weight:650;font-synthesis:none;color:#111214}.about-memory-quote{max-width:690px;margin-top:22px!important;font-size:clamp(20px,1.82vw,28px);line-height:1.67;letter-spacing:-.02em;font-weight:520;font-synthesis:none;color:rgba(12,13,15,.84)}.about-turn{max-width:820px;margin-top:clamp(120px,13vw,188px)!important;margin-left:auto;font-size:clamp(21px,2.1vw,32px);line-height:1.62;letter-spacing:-.026em;color:rgba(12,13,15,.8)}.about-wave-passage{margin-top:clamp(112px,12vw,176px)}.about-wave-lead{max-width:860px;font-size:clamp(38px,4.6vw,68px);line-height:1.12;letter-spacing:-.05em;font-weight:600;font-synthesis:none;color:#0d0e10}.about-wave-body{max-width:840px;margin-top:clamp(28px,3.5vw,48px)!important;font-size:clamp(20px,1.9vw,29px);line-height:1.72;letter-spacing:-.022em;color:rgba(12,13,15,.75)}.about-closing{max-width:880px;margin-top:clamp(128px,14vw,202px)!important;margin-left:auto;font-size:clamp(25px,2.75vw,42px);line-height:1.55;letter-spacing:-.034em;font-weight:520;font-synthesis:none;color:#111214}@media(max-width:900px){.about-ghost-create{right:-28%;width:82vw;opacity:.055}.about-ghost-deliver{display:none}.about-ghost-system{right:-25%;width:86vw;opacity:.05}.about-memory{margin-left:6vw}.about-turn{max-width:720px}.about-tide-one{width:150%;left:-28%}.about-tide-two{display:none}.about-tide-three{width:150%;left:-30%}}@media(max-width:620px){.about-section{padding-top:88px;padding-bottom:112px;background:radial-gradient(circle at 12% 5%,rgba(255,255,255,.92),transparent 31%),radial-gradient(circle at 92% 90%,rgba(20,20,18,.035),transparent 38%),linear-gradient(145deg,#f6f3ed 0%,#f1eee8 54%,#ebe7e0 100%)}.about-section .about-copy{margin-top:46px}.about-locator:after{width:34px}.about-ghost{filter:grayscale(1) saturate(0) blur(9px)}.about-ghost-create{top:1%;right:-36%;width:132vw;height:auto;opacity:.034;object-fit:contain;object-position:center;transform:none}.about-ghost-system{right:-40%;bottom:2%;width:138vw;height:22%;opacity:.036;transform:none}.about-tide-one{top:28%;left:-46%;width:190%;height:190px;opacity:.22}.about-tide-three{top:72%;left:-48%;width:190%;height:220px;opacity:.28}.about-opening{font-size:clamp(27px,8vw,36px);line-height:1.4;letter-spacing:-.035em}.about-body-copy{margin-top:36px!important;font-size:18px;line-height:1.78}.about-memory{margin-top:82px;margin-left:0;padding-left:18px}.about-memory-lead{font-size:16px;line-height:1.8}.about-memory-quote{margin-top:18px!important;font-size:20px;line-height:1.68}.about-turn{margin-top:96px!important;font-size:23px;line-height:1.62}.about-wave-passage{margin-top:94px}.about-wave-lead{font-size:clamp(34px,10vw,46px);line-height:1.16}.about-wave-body{margin-top:24px!important;font-size:20px;line-height:1.72}.about-closing{margin-top:104px!important;font-size:25px;line-height:1.58}}
.contact-section{position:relative;padding-top:clamp(104px,10vw,156px);padding-bottom:clamp(112px,11vw,172px);background:linear-gradient(180deg,#ebe7e0 0%,var(--paper) 18%,var(--paper) 100%);border-top:1px solid rgba(12,13,15,.08)}.contact-section .contact-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start;gap:clamp(60px,8vw,132px)}.contact-intro .section-title{max-width:720px}.contact-copy{max-width:760px;margin:28px 0 0;font-size:clamp(17px,1.55vw,22px);line-height:1.9;letter-spacing:-.012em;color:rgba(12,13,15,.68);white-space:pre-line}.contact-section .contact-actions{padding-top:48px}.contact-section .contact-card{min-height:64px;padding:20px 0;align-items:center}.contact-section .contact-card strong{font-weight:550;font-synthesis:none;text-align:right;overflow-wrap:anywhere}.contact-section .contact-card:hover{color:#000}.contact-section .contact-card[href]:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}@media(max-width:900px){.contact-section .contact-grid{grid-template-columns:1fr;gap:58px}.contact-section .contact-actions{padding-top:0}}@media(max-width:620px){.contact-section{padding-top:84px;padding-bottom:96px}.contact-copy{margin-top:24px;font-size:17px;line-height:1.82}.contact-section .contact-card{min-height:58px;padding:17px 0;gap:22px}.contact-section .contact-card strong{font-size:14px}}

/* Workflow Archive — catalog / contact-sheet visual system */
.archive-page,.workflow-page{background:#c9c5be;color:var(--ink)}
.archive-page:before,.workflow-page:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.archive-page .nav,.workflow-page .nav{color:var(--ink);background:rgba(211,207,199,.78);border-bottom:1px solid rgba(12,13,15,.12);backdrop-filter:blur(20px)}
.archive-page .nav .resume-link,.workflow-page .nav .resume-link{border-color:rgba(12,13,15,.2)}
.archive-page .workflow-back-button,.workflow-page .workflow-back-button{border-color:rgba(12,13,15,.2);background:rgba(246,243,236,.26)}
.archive-page .workflow-back-button:hover,.workflow-page .workflow-back-button:hover{border-color:rgba(12,13,15,.4);background:rgba(246,243,236,.58)}
.archive-page .menu-btn{color:var(--ink)}
.archive-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(620px,76vh,820px);padding:150px 0 clamp(56px,6vw,88px);overflow:hidden;background:radial-gradient(circle at 11% 14%,rgba(255,255,255,.78) 0,transparent 34%),radial-gradient(circle at 83% 52%,rgba(45,43,39,.16) 0,transparent 43%),linear-gradient(132deg,#dad6ce 0%,#cbc7bf 48%,#b7b3ac 100%);color:var(--ink)}
.archive-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(230,226,218,.62) 0%,rgba(213,209,201,.14) 40%,rgba(190,186,179,.32) 100%);pointer-events:none}
.archive-hero-art{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.archive-hero-ghost{position:absolute;display:block;max-width:none;object-fit:cover;filter:grayscale(1) saturate(0) contrast(.92) blur(7px);mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.72) 42%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.72) 42%,transparent 76%)}
.archive-hero-ghost-system{top:-8%;right:-4%;width:min(58vw,920px);height:72%;opacity:.17;transform:rotate(2.5deg) scale(1.04)}
.archive-hero-ghost-animation{left:28%;bottom:-17%;width:min(48vw,700px);height:58%;opacity:.09;transform:rotate(-3deg)}
.archive-hero-ghost-science{right:-16%;bottom:-23%;width:min(44vw,660px);height:58%;opacity:.075;transform:rotate(5deg)}
.archive-hero-word{position:absolute;left:-.035em;bottom:-.18em;font-size:clamp(170px,25vw,390px);font-weight:700;line-height:.8;letter-spacing:-.075em;color:rgba(20,20,18,.045);white-space:nowrap}
.archive-cross{position:absolute;width:15px;height:15px;opacity:.32}
.archive-cross:before,.archive-cross:after{content:"";position:absolute;background:rgba(12,13,15,.58)}
.archive-cross:before{left:7px;top:0;width:1px;height:15px}.archive-cross:after{top:7px;left:0;width:15px;height:1px}
.archive-cross-one{top:24%;left:8%}.archive-cross-two{right:7%;bottom:15%}
.archive-hero-content{position:relative;z-index:2}
.archive-cover-meta,.archive-cover-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.19em}
.archive-cover-meta{padding-bottom:22px;border-bottom:1px solid rgba(12,13,15,.2)}
.archive-cover-meta .eyebrow{opacity:.78}
.archive-cover-labels{display:flex;gap:28px;color:rgba(12,13,15,.54)}
.archive-hero-main{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,.58fr);align-items:end;gap:clamp(44px,7vw,110px);padding:clamp(52px,7vw,90px) 0}
.archive-count{align-self:end;margin:0;font-size:clamp(150px,22vw,330px);font-weight:700;font-variant-numeric:tabular-nums;line-height:.69;letter-spacing:-.09em;color:#101113;text-shadow:0 1px 0 rgba(255,255,255,.2)}
.archive-hero-copy{align-self:end;padding-bottom:5px}
.archive-index-label{margin-bottom:22px;font-size:10px;letter-spacing:.18em;color:rgba(12,13,15,.5)}
.archive-hero-copy .lede{max-width:540px;margin:0;font-size:clamp(34px,4vw,58px);line-height:.97;letter-spacing:-.055em}
.archive-hero-copy .muted{max-width:490px;margin:24px 0 0;color:rgba(12,13,15,.58);font-size:14px;line-height:1.8}
.archive-cover-foot{padding-top:18px;border-top:1px solid rgba(12,13,15,.2);color:rgba(12,13,15,.5)}
.archive-page .filters{top:72px;background:rgba(195,191,183,.9);border-color:rgba(12,13,15,.18);box-shadow:0 8px 28px rgba(20,20,18,.045)}
.archive-page .filter-inner{gap:0;padding:12px 0}
.archive-page .filter-btn{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:38px;padding:9px 17px;border:0;border-left:1px solid rgba(12,13,15,.16);border-radius:0;background:transparent;color:rgba(12,13,15,.66);font-size:12px;letter-spacing:.08em;transition:background .2s,color .2s}
.archive-page .filter-btn:last-child{border-right:1px solid rgba(12,13,15,.16)}
.archive-page .filter-btn:hover{background:rgba(246,243,236,.28);color:var(--ink)}
.archive-page .filter-btn.active{background:#171819;color:#f3f0e9}
.filter-number{font-size:9px;font-variant-numeric:tabular-nums;opacity:.48}
.archive-page .archive-section{position:relative;isolation:isolate;min-height:64vh;padding:clamp(66px,7vw,104px) 0 clamp(108px,11vw,164px);overflow:hidden;background:radial-gradient(circle at 4% 8%,rgba(255,255,255,.56) 0,transparent 32%),radial-gradient(circle at 93% 78%,rgba(56,53,48,.08) 0,transparent 38%),linear-gradient(145deg,#d8d4cc 0%,#cdc9c1 54%,#c1bdb6 100%);color:var(--ink)}
.archive-page .archive-section:before{content:"INDEX / SELECTED SAMPLES";position:absolute;z-index:-1;right:-.02em;top:.08em;font-size:clamp(76px,13vw,200px);font-weight:700;line-height:1;letter-spacing:-.065em;color:rgba(16,17,19,.032);white-space:nowrap}
.archive-page .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,2.5vw,40px) clamp(20px,2vw,32px)}
.archive-page .archive-card{position:relative;isolation:isolate;padding:9px;border:1px solid rgba(12,13,15,.2);border-radius:3px;overflow:visible;background:rgba(235,231,223,.44);box-shadow:0 16px 45px rgba(25,24,21,.045);transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;scroll-margin-top:138px}
.archive-page .archive-card:before,.archive-page .archive-card:after{content:"";position:absolute;z-index:4;width:15px;height:15px;pointer-events:none}
.archive-page .archive-card:before{top:-5px;left:-5px;border-top:1px solid rgba(12,13,15,.52);border-left:1px solid rgba(12,13,15,.52)}
.archive-page .archive-card:after{right:-5px;bottom:-5px;border-right:1px solid rgba(12,13,15,.52);border-bottom:1px solid rgba(12,13,15,.52)}
.archive-page .archive-card:hover,.archive-page .archive-card:focus-visible,.archive-page .archive-card:target{transform:translateY(-5px);border-color:rgba(12,13,15,.54);background:rgba(240,237,230,.62);box-shadow:0 24px 58px rgba(25,24,21,.11);outline:none}
.archive-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:32px;padding:0 4px;font-size:9px;letter-spacing:.17em;color:rgba(12,13,15,.52)}
.archive-index{font-weight:650;font-variant-numeric:tabular-nums;color:rgba(12,13,15,.76)}
.archive-page .archive-card .visual{aspect-ratio:16/10;border:1px solid rgba(12,13,15,.28);border-radius:0;background:#17181b}
.archive-page .archive-card .visual:after{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);pointer-events:none}
.archive-page .archive-card .visual img{filter:saturate(.82) contrast(.96);transition:opacity .25s,transform .55s,filter .28s}
.archive-page .archive-card:hover .visual img{transform:scale(1.025);filter:saturate(.98) contrast(1.02)}
.archive-page .preview-video{filter:saturate(.92) contrast(1.01)}
.archive-page .play-chip{right:11px;bottom:10px;padding:6px 8px;border-radius:2px;background:rgba(12,13,15,.56);font-size:9px;letter-spacing:.16em;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}
.archive-page .archive-card:hover .play-chip,.archive-page .archive-card.is-playing .play-chip{opacity:.82;transform:none}
.archive-page .archive-card .info{min-height:230px;padding:19px 10px 18px}
.archive-page .archive-card .cat{display:flex;align-items:center;min-height:24px;font-size:10px;letter-spacing:.13em;color:rgba(12,13,15,.52);opacity:1}
.archive-page .archive-card .cat .status{margin-left:4px}
.archive-page .archive-card .status{padding:3px 6px;border-color:rgba(12,13,15,.2);border-radius:2px;font-size:9px;font-weight:450;letter-spacing:.1em;color:rgba(12,13,15,.58)}
.archive-page .archive-card h3{max-width:290px;margin:15px 0 13px;font-size:clamp(19px,1.55vw,24px);font-weight:550;font-synthesis:none;line-height:1.3;letter-spacing:-.025em}
.archive-page .archive-card .role{max-width:330px;font-size:13px;line-height:1.75;color:rgba(12,13,15,.62);opacity:1}
.archive-enter{position:absolute;right:18px;bottom:17px;font-size:9px;letter-spacing:.15em;color:rgba(12,13,15,.38);transition:color .2s}
.archive-page .archive-card:hover .archive-enter{color:rgba(12,13,15,.78)}
.archive-page .footer,.workflow-page .footer{background:#b8b4ad;color:var(--ink);border-color:rgba(12,13,15,.15)}

/* Lightweight workflow detail — one archive entry, not a case-study page */
.workflow-page .workflow-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(520px,68vh,720px);padding:150px 0 clamp(58px,7vw,96px);overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.68) 0,transparent 32%),radial-gradient(circle at 85% 57%,rgba(30,29,27,.17) 0,transparent 42%),linear-gradient(135deg,#d9d5cd 0%,#c9c5bd 52%,#b7b3ac 100%);color:var(--ink)}
.workflow-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(215,211,203,.94) 0%,rgba(210,206,198,.84) 42%,rgba(195,191,184,.35) 73%,rgba(183,179,172,.48) 100%);pointer-events:none}
.workflow-hero-art{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.workflow-hero-ghost{position:absolute;top:-10%;right:-8%;width:min(67vw,1050px);height:115%;object-fit:cover;object-position:center;opacity:.18;filter:grayscale(1) saturate(0) contrast(.92) blur(5px);mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 54%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 54%,transparent 100%)}
.workflow-hero-word{position:absolute;right:-.035em;bottom:-.13em;font-size:clamp(170px,24vw,360px);font-weight:700;line-height:.8;letter-spacing:-.07em;color:rgba(16,17,19,.045)}
.workflow-cross-one{left:6%;top:31%}.workflow-cross-two{right:7%;bottom:12%}
.workflow-hero-content{position:relative;z-index:2}
.workflow-entry-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:17px;border-bottom:1px solid rgba(12,13,15,.22);font-size:10px;letter-spacing:.19em;color:rgba(12,13,15,.55)}
.workflow-entry-meta span:last-child{font-weight:650;font-variant-numeric:tabular-nums;color:rgba(12,13,15,.78)}
.workflow-page .workflow-head-meta{margin:clamp(38px,5vw,66px) 0 22px}
.workflow-page .workflow-head-meta .eyebrow{opacity:.62}
.workflow-page .workflow-head-meta .status{padding:4px 7px;border-color:rgba(12,13,15,.22);border-radius:2px;color:rgba(12,13,15,.62)}
.workflow-page .workflow-hero .section-title{max-width:1120px;font-size:clamp(48px,6.2vw,92px);line-height:.98}
.workflow-page .workflow-positioning{max-width:830px;margin:30px 0 0;color:rgba(12,13,15,.66);font-size:clamp(19px,2vw,28px);line-height:1.58}
.workflow-page .workflow-card{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:clamp(78px,9vw,136px) var(--pad) clamp(108px,11vw,164px);border-radius:0;overflow:hidden;background:radial-gradient(circle at 8% 13%,rgba(255,255,255,.52) 0,transparent 27%),radial-gradient(circle at 92% 70%,rgba(54,51,47,.07) 0,transparent 34%),linear-gradient(145deg,#dad6ce 0%,#d0ccc4 54%,#c5c1ba 100%);color:var(--ink)}
.workflow-page .workflow-card:before{content:"ARCHIVE / ENTRY";position:absolute;z-index:-1;right:-.02em;top:.16em;font-size:clamp(78px,13vw,200px);font-weight:700;line-height:1;letter-spacing:-.065em;color:rgba(16,17,19,.028);white-space:nowrap;pointer-events:none}
.workflow-page .workflow-section{width:min(100%,var(--max));margin:0 auto;padding:clamp(54px,6vw,88px) 0;border-top:1px solid rgba(12,13,15,.2)}
.workflow-page .workflow-section:first-child{padding-top:0;border-top:0}
.workflow-page .workflow-section:last-child{padding-bottom:0}
.workflow-page .workflow-section>.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:rgba(12,13,15,.62);opacity:1}
.workflow-page .workflow-section>.eyebrow:after{content:"";width:42px;height:1px;background:rgba(12,13,15,.25)}
.workflow-page .workflow-responsibility{max-width:1050px;font-size:clamp(19px,2vw,29px);line-height:1.72;letter-spacing:-.018em;color:rgba(12,13,15,.72)}
.workflow-page .workflow-media-section{padding-top:clamp(58px,7vw,104px)}
.workflow-page .workflow-card .sample{position:relative;aspect-ratio:16/9;border:1px solid rgba(12,13,15,.36);border-radius:3px;box-shadow:0 24px 70px rgba(24,23,20,.15);background:#151617}
.workflow-page .workflow-card .sample:before,.workflow-page .workflow-card .sample:after{content:"";position:absolute;z-index:6;width:20px;height:20px;pointer-events:none}
.workflow-page .workflow-card .sample:before{top:-7px;left:-7px;border-top:1px solid rgba(12,13,15,.64);border-left:1px solid rgba(12,13,15,.64)}
.workflow-page .workflow-card .sample:after{right:-7px;bottom:-7px;border-right:1px solid rgba(12,13,15,.64);border-bottom:1px solid rgba(12,13,15,.64)}
.workflow-page .workflow-about{max-width:1050px;gap:20px}
.workflow-page .workflow-about p{font-size:clamp(16px,1.45vw,20px);line-height:1.9;color:rgba(12,13,15,.68)}
.workflow-page .workflow-tags{max-width:1050px;gap:8px}
.workflow-page .workflow-tag{min-height:30px;padding:6px 10px;border-color:rgba(12,13,15,.2);border-radius:2px;background:rgba(245,242,235,.16);font-size:11px;letter-spacing:.04em;color:rgba(12,13,15,.64)}

@media(max-width:900px){
  .archive-hero{min-height:660px}
  .archive-hero-main{grid-template-columns:1fr;gap:42px;padding:58px 0}
  .archive-count{font-size:clamp(150px,31vw,240px)}
  .archive-hero-copy{max-width:650px}
  .archive-hero-ghost-system{right:-24%;width:84vw;opacity:.12}
  .archive-hero-ghost-animation{left:-4%;width:68vw}
  .archive-hero-ghost-science{display:none}
  .archive-page .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-page .archive-card .info{min-height:238px}
  .workflow-hero-ghost{right:-28%;width:92vw;opacity:.13}
  .workflow-page .workflow-hero:before{background:linear-gradient(90deg,rgba(215,211,203,.96) 0%,rgba(210,206,198,.8) 68%,rgba(190,186,178,.46) 100%)}
}
@media(max-width:620px){
  .archive-page .nav,.workflow-page .nav{height:64px}
  .archive-page .nav.open .nav-links{background:rgba(30,30,28,.96);color:#fff}
  .archive-hero{min-height:610px;padding:112px 0 44px}
  .archive-cover-labels span:last-child,.archive-cover-foot span:last-child{display:none}
  .archive-cover-labels{gap:0}
  .archive-hero-main{gap:34px;padding:46px 0 38px}
  .archive-count{font-size:clamp(124px,42vw,180px);line-height:.72}
  .archive-hero-copy .lede{font-size:clamp(33px,10vw,46px);line-height:1}
  .archive-index-label{margin-bottom:15px;font-size:8px}
  .archive-hero-copy .muted{margin-top:19px;font-size:13px;line-height:1.72}
  .archive-hero-word{font-size:42vw;bottom:-.08em}
  .archive-hero-ghost-system{top:3%;right:-54%;width:142vw;height:63%;opacity:.075;filter:grayscale(1) blur(8px)}
  .archive-hero-ghost-animation{left:-36%;bottom:-13%;width:116vw;height:44%;opacity:.045}
  .archive-cross-two{display:none}
  .archive-page .filters{top:64px}
  .archive-page .filter-inner{padding:9px 0}
  .archive-page .filter-btn{min-height:36px;padding:8px 14px;font-size:11px}
  .archive-page .archive-section{padding:54px 0 96px}
  .archive-page .archive-grid{grid-template-columns:1fr;gap:30px}
  .archive-page .archive-card{padding:7px}
  .archive-page .archive-card .info{min-height:210px;padding:17px 9px 16px}
  .archive-page .archive-card h3{font-size:21px}
  .archive-page .archive-card .role{font-size:13px;line-height:1.7}
  .archive-page .play-chip{display:none}
  .archive-enter{right:16px;bottom:15px}
  .workflow-page .workflow-hero{min-height:570px;padding:112px 0 56px}
  .workflow-hero-ghost{top:0;right:-66%;width:160vw;height:100%;opacity:.075;filter:grayscale(1) blur(7px)}
  .workflow-hero-word{font-size:44vw;bottom:-.04em}
  .workflow-cross-two{display:none}
  .workflow-page .workflow-head-meta{margin:38px 0 18px}
  .workflow-page .workflow-hero .section-title{font-size:clamp(43px,13vw,62px);line-height:1}
  .workflow-page .workflow-positioning{margin-top:24px;font-size:18px;line-height:1.62}
  .workflow-page .workflow-card{padding-top:70px;padding-bottom:100px}
  .workflow-page .workflow-section{padding:54px 0}
  .workflow-page .workflow-responsibility{font-size:18px;line-height:1.75}
  .workflow-page .workflow-card .sample{border-radius:2px}
  .workflow-page .workflow-about p{font-size:16px;line-height:1.86}
  .workflow-page .workflow-tag{font-size:10px}
}

/* Archive evidence layer — real packaged Workflow inventory, treated as atmosphere. */
.archive-hero{background:radial-gradient(circle at 10% 10%,rgba(250,247,240,.82) 0,transparent 34%),radial-gradient(circle at 88% 48%,rgba(60,58,54,.2) 0,transparent 48%),linear-gradient(132deg,#ddd8cf 0%,#c9c4bb 50%,#aea9a1 100%)}
.archive-hero:before{background:linear-gradient(90deg,rgba(226,221,212,.88) 0%,rgba(220,215,206,.66) 35%,rgba(205,200,191,.2) 67%,rgba(187,182,174,.36) 100%),linear-gradient(180deg,rgba(235,230,221,.38) 0%,transparent 48%,rgba(176,172,164,.28) 100%)}
.archive-zip-evidence{position:absolute;display:block;max-width:none;object-fit:cover;pointer-events:none;filter:grayscale(1) saturate(0) contrast(1.18) brightness(.88) blur(1.35px);mix-blend-mode:multiply;transform:translateZ(0)}
.archive-zip-evidence-hero{top:-8%;right:-5%;width:min(67vw,1040px);height:116%;object-position:56% 45%;opacity:.22;-webkit-mask-image:radial-gradient(ellipse 76% 76% at 59% 48%,#000 0%,rgba(0,0,0,.94) 44%,rgba(0,0,0,.4) 73%,transparent 100%);mask-image:radial-gradient(ellipse 76% 76% at 59% 48%,#000 0%,rgba(0,0,0,.94) 44%,rgba(0,0,0,.4) 73%,transparent 100%)}
.archive-hero-word{color:rgba(20,20,18,.032)}
.archive-hero-copy{position:relative}
.archive-hero-copy:before{content:"";position:absolute;z-index:-1;inset:-38px -42px -34px -36px;background:radial-gradient(ellipse at center,rgba(211,206,197,.6) 0%,rgba(211,206,197,.25) 52%,transparent 78%);pointer-events:none}
.archive-selection-note{display:grid;grid-template-columns:minmax(150px,.36fr) minmax(0,1fr);gap:clamp(30px,6vw,94px);align-items:start;margin-bottom:clamp(58px,7vw,96px);padding:22px 0 28px;border-top:1px solid rgba(12,13,15,.3);border-bottom:1px solid rgba(12,13,15,.14)}
.archive-selection-note span{padding-top:5px;font-size:10px;letter-spacing:.19em;color:rgba(12,13,15,.5)}
.archive-selection-note p{max-width:780px;margin:0;font-size:clamp(17px,1.75vw,25px);line-height:1.68;letter-spacing:-.018em;color:rgba(12,13,15,.72)}
.archive-continues{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(380px,43vw,560px);margin-top:clamp(96px,11vw,164px);overflow:hidden;border-top:1px solid rgba(12,13,15,.28);border-bottom:1px solid rgba(12,13,15,.28);background:radial-gradient(circle at 8% 16%,rgba(245,241,233,.54) 0%,transparent 35%),linear-gradient(130deg,rgba(215,210,201,.88) 0%,rgba(181,177,169,.92) 60%,rgba(151,149,144,.94) 100%)}
.archive-continues:after{content:"CONTINUES";position:absolute;z-index:1;right:-.035em;bottom:-.16em;font-size:clamp(104px,17vw,260px);font-weight:700;line-height:.78;letter-spacing:-.075em;color:rgba(15,16,17,.045);pointer-events:none}
.archive-continues-art{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.archive-zip-evidence-end{top:-24%;right:-3%;width:min(70vw,1080px);height:148%;object-position:52% 73%;opacity:.17;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 20%,#000 49%,rgba(0,0,0,.82) 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 20%,#000 49%,rgba(0,0,0,.82) 82%,transparent 100%)}
.archive-continues-copy{position:relative;z-index:3;width:100%;padding:clamp(38px,5vw,74px)}
.archive-continues-copy .eyebrow{opacity:.66}
.archive-continues-count{margin-top:clamp(42px,6vw,82px);font-size:clamp(100px,16vw,238px);font-weight:680;font-variant-numeric:tabular-nums;line-height:.68;letter-spacing:-.085em;color:#111214}
.archive-continues-copy p{max-width:520px;margin:clamp(28px,3vw,42px) 0 0;font-size:clamp(19px,2vw,28px);line-height:1.5;letter-spacing:-.02em;color:rgba(12,13,15,.72)}
.archive-continues-copy>span{display:block;margin-top:18px;font-size:9px;letter-spacing:.2em;color:rgba(12,13,15,.46)}

@media(max-width:900px){
  .archive-zip-evidence-hero{top:3%;right:-31%;width:112vw;height:90%;opacity:.17}
  .archive-selection-note{grid-template-columns:1fr;gap:18px}
  .archive-continues{min-height:430px}
  .archive-zip-evidence-end{right:-28%;width:110vw;opacity:.14}
}
@media(max-width:620px){
  .archive-hero:before{background:linear-gradient(180deg,rgba(228,223,214,.76) 0%,rgba(217,212,203,.52) 47%,rgba(184,180,172,.34) 100%)}
  .archive-zip-evidence-hero{top:5%;right:-66%;width:168vw;height:72%;object-position:32% 40%;opacity:.12;filter:grayscale(1) saturate(0) contrast(1.13) brightness(.9) blur(1.5px);-webkit-mask-image:radial-gradient(ellipse 72% 72% at 47% 48%,#000 0%,rgba(0,0,0,.82) 46%,rgba(0,0,0,.28) 72%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 47% 48%,#000 0%,rgba(0,0,0,.82) 46%,rgba(0,0,0,.28) 72%,transparent 100%)}
  .archive-hero-copy:before{inset:-25px -18px -22px -18px;background:radial-gradient(ellipse at center,rgba(205,200,191,.56),transparent 76%)}
  .archive-selection-note{margin-bottom:52px;padding:18px 0 23px}
  .archive-selection-note p{font-size:17px;line-height:1.68}
  .archive-continues{min-height:390px;margin-top:88px}
  .archive-continues-copy{padding:32px 20px 38px}
  .archive-continues-count{margin-top:54px;font-size:126px}
  .archive-continues-copy p{max-width:250px;font-size:19px}
  .archive-zip-evidence-end{top:-4%;right:-92%;width:210vw;height:112%;object-position:22% 72%;opacity:.1}
  .archive-continues:after{font-size:38vw}
}

/* About is a continuous manifesto over a visible, project-derived atmosphere. */
#about.about-section{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(112px,12vw,184px);padding-bottom:clamp(132px,14vw,214px);background:#d2cec7;color:var(--ink)}
#about.about-section:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse 68% 28% at 9% 5%,rgba(249,246,239,.82) 0%,rgba(249,246,239,0) 72%),radial-gradient(ellipse 58% 36% at 92% 31%,rgba(81,82,80,.24) 0%,rgba(81,82,80,0) 76%),radial-gradient(ellipse 66% 30% at 8% 66%,rgba(239,231,219,.42) 0%,rgba(239,231,219,0) 72%),linear-gradient(180deg,#e9e4dc 0%,#dfd9d0 31%,#c9c4bc 65%,#aaa7a0 100%);pointer-events:none}
#about.about-section:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(10,11,12,.2) 0%,rgba(10,11,12,0) 8%,rgba(10,11,12,0) 82%,rgba(57,57,54,.09) 100%);pointer-events:none}
.about-background{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.about-background:before{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(ellipse 70% 34% at 37% 19%,rgba(235,230,221,.58) 0%,rgba(235,230,221,.22) 47%,rgba(235,230,221,0) 76%),radial-gradient(ellipse 58% 28% at 62% 52%,rgba(199,195,187,.2) 0%,rgba(199,195,187,0) 73%),linear-gradient(90deg,rgba(226,221,212,.24) 0%,rgba(226,221,212,.08) 46%,rgba(226,221,212,0) 74%)}
.about-background:after{content:"";position:absolute;z-index:3;inset:0;background:repeating-linear-gradient(108deg,rgba(23,24,24,.018) 0,rgba(23,24,24,.018) 1px,transparent 1px,transparent 13px);mix-blend-mode:multiply}
.about-background .about-ghost{position:absolute;z-index:1;display:block;max-width:none;object-fit:cover;filter:grayscale(.94) saturate(.18) contrast(1.08) blur(6px);mix-blend-mode:multiply;transform:translateZ(0);-webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,#000 0%,rgba(0,0,0,.94) 45%,rgba(0,0,0,.4) 67%,transparent 88%);mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,#000 0%,rgba(0,0,0,.94) 45%,rgba(0,0,0,.4) 67%,transparent 88%)}
.about-background .about-ghost-create{top:-1.5%;right:-10%;width:min(66vw,980px);height:34%;object-position:35% 50%;opacity:.15;transform:rotate(1.25deg) scale(1.08)}
.about-background .about-ghost-deliver{top:32%;left:-15%;width:min(61vw,900px);height:32%;object-position:56% 44%;opacity:.13;transform:rotate(-1.7deg) scale(1.07)}
.about-background .about-ghost-system{right:-12%;bottom:-1%;width:min(65vw,960px);height:31%;object-position:51% 50%;opacity:.16;transform:rotate(1.45deg) scale(1.08)}
.about-background .about-tide{position:absolute;z-index:4;display:block;border-top:1px solid rgba(28,29,29,.24);border-radius:50% 50% 0 0 / 100% 100% 0 0;opacity:.72;mix-blend-mode:multiply}
.about-background .about-tide-one{top:22%;left:-14%;width:132%;height:250px;transform:rotate(-4deg)}
.about-background .about-tide-two{top:55%;left:-21%;width:145%;height:390px;transform:rotate(2.4deg);opacity:.5}
.about-background .about-tide-three{top:72%;left:-12%;width:128%;height:290px;transform:rotate(-5deg);border-top-color:rgba(24,25,25,.34);opacity:.82}
#about.about-section .about-box{position:relative;z-index:4;max-width:1180px}
#about .about-opening{text-wrap:balance;text-shadow:0 1px 0 rgba(248,245,238,.2)}
#about .about-body-copy{max-width:850px;color:rgba(12,13,15,.78)}
#about .about-memory{background:linear-gradient(90deg,rgba(220,215,206,.3),rgba(220,215,206,0) 78%);border-left-color:rgba(12,13,15,.42)}
#about .about-turn{color:rgba(12,13,15,.86)}
#about .about-wave-lead{max-width:790px;font-size:clamp(42px,5.05vw,74px);text-shadow:0 1px 0 rgba(235,231,223,.24)}
#about .about-wave-body{color:rgba(12,13,15,.8)}
#about .about-closing{color:#111214;text-shadow:0 1px 0 rgba(235,231,223,.22)}
@media(max-width:900px){.about-background .about-ghost-create{right:-24%;width:84vw;opacity:.13}.about-background .about-ghost-deliver{left:-30%;width:82vw;opacity:.1}.about-background .about-ghost-system{right:-24%;width:86vw;opacity:.13}.about-background .about-tide-one{width:152%;left:-30%}.about-background .about-tide-two{width:158%;left:-34%}.about-background .about-tide-three{width:152%;left:-31%}}
@media(max-width:620px){#about.about-section{padding-top:92px;padding-bottom:116px;background:#d1cdc5}#about.about-section:before{background:radial-gradient(ellipse 96% 22% at 8% 3%,rgba(246,242,234,.74),transparent 72%),radial-gradient(ellipse 84% 24% at 96% 44%,rgba(84,85,83,.16),transparent 74%),linear-gradient(180deg,#e7e1d8 0%,#d8d2c9 48%,#b9b5ae 100%)}#about.about-section:after{background:linear-gradient(180deg,rgba(10,11,12,.15),transparent 6%,transparent 88%,rgba(57,57,54,.08))}.about-background:before{background:radial-gradient(ellipse 118% 24% at 30% 13%,rgba(231,226,217,.55),transparent 70%),linear-gradient(90deg,rgba(225,220,211,.16),transparent 80%)}.about-background .about-ghost{filter:grayscale(.95) saturate(.12) contrast(1.05) blur(5px);-webkit-mask-image:radial-gradient(ellipse 78% 70% at 50% 50%,#000 0%,rgba(0,0,0,.88) 44%,rgba(0,0,0,.34) 68%,transparent 90%);mask-image:radial-gradient(ellipse 78% 70% at 50% 50%,#000 0%,rgba(0,0,0,.88) 44%,rgba(0,0,0,.34) 68%,transparent 90%)}.about-background .about-ghost-create{top:1%;right:-47%;width:150vw;height:23%;opacity:.11;object-position:44% 50%;transform:none}.about-background .about-ghost-deliver{display:none}.about-background .about-ghost-system{right:-54%;bottom:0;width:160vw;height:24%;opacity:.1;transform:none}.about-background .about-tide-one{top:28%;left:-48%;width:194%;height:190px;opacity:.58}.about-background .about-tide-two{display:none}.about-background .about-tide-three{top:71%;left:-48%;width:194%;height:220px;opacity:.68}#about .about-memory{background:none}#about .about-wave-lead{font-size:clamp(34px,9vw,40px)}}

/* WHAT I DO — editorial results over visible evidence. */
#what-i-do.what-section{position:relative;isolation:isolate;overflow:hidden;min-height:820px;padding-top:clamp(118px,11vw,172px);padding-bottom:clamp(112px,11vw,168px);background:#d2cec6;color:var(--ink)}
#what-i-do.what-section:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse 62% 52% at 12% 14%,rgba(247,243,235,.84) 0%,rgba(247,243,235,0) 72%),radial-gradient(ellipse 48% 64% at 58% 44%,rgba(233,222,207,.48) 0%,rgba(233,222,207,0) 76%),radial-gradient(ellipse 54% 58% at 94% 82%,rgba(75,76,75,.26) 0%,rgba(75,76,75,0) 78%),linear-gradient(145deg,#e9e4dc 0%,#d8d2c9 53%,#b9b6b0 100%)}
#what-i-do.what-section:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(7,8,9,.3) 0%,rgba(7,8,9,.08) 7%,rgba(7,8,9,0) 18%,rgba(226,221,212,0) 78%,rgba(226,221,212,.46) 100%);pointer-events:none}
.what-background{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.what-background:after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(216,210,201,.12),rgba(216,210,201,0) 70%,rgba(216,210,201,.62) 100%),linear-gradient(90deg,rgba(228,223,214,.26),transparent 36%,transparent 72%,rgba(187,183,177,.12))}
.what-ghost{position:absolute;z-index:1;display:block;max-width:none;object-fit:cover;filter:grayscale(.92) saturate(.16) contrast(1.1) blur(4px);mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 0%,rgba(0,0,0,.92) 48%,rgba(0,0,0,.36) 70%,transparent 90%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 0%,rgba(0,0,0,.92) 48%,rgba(0,0,0,.36) 70%,transparent 90%)}
.what-ghost-workflow{top:-11%;left:-11%;width:min(48vw,720px);height:62%;opacity:.18;object-position:51% 48%;transform:rotate(-1.4deg) scale(1.06)}
.what-ghost-audience{top:18%;left:35%;width:min(40vw,610px);height:54%;opacity:.14;object-position:52% 38%;transform:rotate(1deg) scale(1.04)}
.what-ghost-video{right:-10%;bottom:-9%;width:min(48vw,730px);height:61%;opacity:.18;object-position:40% 50%;transform:rotate(-1.5deg) scale(1.06)}
.what-word{position:absolute;z-index:2;font-size:clamp(118px,17vw,270px);line-height:.72;letter-spacing:-.075em;font-weight:700;color:rgba(20,21,21,.055);white-space:nowrap;mix-blend-mode:multiply}
.what-word-workflow{top:12%;left:-8%}.what-word-audience{top:44%;left:25%}.what-word-video{right:-4%;bottom:1%;font-size:clamp(150px,22vw,340px)}
.what-content{position:relative;z-index:4}
#what-i-do .positioning{display:block;max-width:900px}
#what-i-do .positioning .eyebrow{opacity:.66;letter-spacing:.2em}
#what-i-do .lede{max-width:900px;margin:22px 0 0;font-size:clamp(25px,3vw,46px);line-height:1.32;color:rgba(12,13,15,.84)}
#what-i-do .achievements{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;margin-top:clamp(90px,10vw,142px)}
#what-i-do .achievement{position:relative;z-index:2;padding:24px 22px 28px 0;border-top:1px solid rgba(12,13,15,.32)}
#what-i-do .achievement-1{grid-column:1/5}
#what-i-do .achievement-2{grid-column:5/9;transform:translateY(-34px)}
#what-i-do .achievement-3{grid-column:9/13;transform:translateY(44px)}
#what-i-do .achievement-label{display:block;margin-bottom:22px;font-size:10px;line-height:1;letter-spacing:.24em;color:rgba(12,13,15,.5)}
#what-i-do .achievement .value{font-size:clamp(76px,9.5vw,148px);line-height:.78;font-weight:650;letter-spacing:-.075em;color:#111214;text-shadow:0 1px 0 rgba(246,242,234,.24)}
#what-i-do .achievement-3 .value{max-width:390px;font-size:clamp(56px,6.6vw,102px);line-height:.83}
#what-i-do .achievement h3{margin:30px 0 10px;font-size:16px;letter-spacing:.02em}
#what-i-do .achievement p{max-width:300px;margin:0;font-size:14px;line-height:1.75;color:rgba(12,13,15,.68)}

/* CAPABILITIES — a production path, not a skills grid. */
#capabilities.capabilities-section{position:relative;isolation:isolate;overflow:hidden;min-height:800px;padding-top:clamp(116px,11vw,170px);padding-bottom:clamp(126px,12vw,186px);background:#bcb9b3;color:var(--ink)}
#capabilities.capabilities-section:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse 58% 44% at 10% 10%,rgba(231,226,218,.74) 0%,rgba(231,226,218,0) 74%),radial-gradient(ellipse 46% 56% at 82% 35%,rgba(91,92,91,.22) 0%,rgba(91,92,91,0) 76%),radial-gradient(ellipse 52% 40% at 46% 92%,rgba(224,216,205,.3) 0%,rgba(224,216,205,0) 76%),linear-gradient(155deg,#d3cfc7 0%,#bdbab4 55%,#a4a3a0 100%)}
#capabilities.capabilities-section:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(12,13,15,.18) 0%,transparent 10%,transparent 82%,rgba(12,13,15,.12) 100%);pointer-events:none}
.capabilities-background{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.capabilities-background:after{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(ellipse 64% 46% at 50% 51%,rgba(193,189,182,.26),transparent 72%),repeating-linear-gradient(102deg,rgba(20,21,21,.018) 0,rgba(20,21,21,.018) 1px,transparent 1px,transparent 15px)}
.capability-ghost{position:absolute;z-index:1;display:block;max-width:none;object-fit:cover;filter:grayscale(.96) saturate(.1) contrast(1.08) blur(6px);mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,#000 0%,rgba(0,0,0,.86) 44%,rgba(0,0,0,.28) 68%,transparent 89%);mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,#000 0%,rgba(0,0,0,.86) 44%,rgba(0,0,0,.28) 68%,transparent 89%)}
.capability-ghost-idea{top:6%;left:-12%;width:min(41vw,620px);height:45%;opacity:.13;object-position:37% 50%;transform:rotate(-1.5deg)}
.capability-ghost-system{top:27%;left:33%;width:min(39vw,590px);height:48%;opacity:.13;object-position:52% 50%;transform:rotate(1.2deg)}
.capability-ghost-output{right:-11%;bottom:-8%;width:min(43vw,660px);height:49%;opacity:.14;object-position:52% 42%;transform:rotate(-1deg)}
.capability-word{position:absolute;z-index:2;font-size:clamp(112px,16vw,240px);font-weight:700;line-height:.76;letter-spacing:-.075em;color:rgba(16,17,17,.055);white-space:nowrap;mix-blend-mode:multiply}
.capability-word-path{top:8%;left:-3%}.capability-word-make{top:46%;left:37%}.capability-word-final{right:-4%;bottom:0}
.capabilities-content{position:relative;z-index:4}
#capabilities .eyebrow{opacity:.65;letter-spacing:.2em}
#capabilities .section-title{max-width:1100px;margin-top:18px;font-size:clamp(38px,5.1vw,72px);line-height:1.04}
#capabilities .cap-chain{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;min-height:360px;margin-top:clamp(86px,10vw,142px)}
#capabilities .cap-track{position:absolute;z-index:0;display:block;border-top:1px solid rgba(18,19,19,.42);border-radius:50% 50% 0 0 / 100% 100% 0 0;pointer-events:none}
#capabilities .cap-track-one{top:92px;left:-9%;width:72%;height:146px;transform:rotate(5deg)}
#capabilities .cap-track-two{top:154px;right:-10%;width:72%;height:164px;transform:rotate(-5deg);border-top-color:rgba(18,19,19,.5)}
#capabilities .cap{position:relative;z-index:2;align-self:start;min-width:0;padding:18px 12px 20px 0;border-top:1px solid rgba(12,13,15,.34);background:none}
#capabilities .cap:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border:1px solid rgba(12,13,15,.55);transform:rotate(45deg);background:#bbb8b2}
#capabilities .cap:not(:last-child):after{display:none}
#capabilities .cap-1{transform:translateY(4px)}
#capabilities .cap-2{transform:translateY(66px)}
#capabilities .cap-3{transform:translateY(24px)}
#capabilities .cap-4{transform:translateY(112px)}
#capabilities .cap-5{transform:translateY(61px)}
#capabilities .cap-6{transform:translateY(126px);border-top-color:rgba(12,13,15,.64)}
#capabilities .cap span{font-size:10px;letter-spacing:.18em;color:rgba(12,13,15,.5);opacity:1}
#capabilities .cap h3{max-width:150px;margin:28px 0 0;font-size:17px;line-height:1.45;font-weight:600}
#capabilities .cap small{display:block;margin-top:24px;font-size:9px;letter-spacing:.2em;color:rgba(12,13,15,.58)}
#capabilities .cap-6 h3{font-size:19px}

@media(max-width:900px){#what-i-do.what-section{min-height:auto}#what-i-do .achievements{grid-template-columns:1fr;margin-top:82px}#what-i-do .achievement{grid-column:auto;min-height:250px;padding-right:0}#what-i-do .achievement-2,#what-i-do .achievement-3{transform:none}#what-i-do .achievement-2{margin-left:8vw}#what-i-do .achievement-3{margin-left:16vw}#what-i-do .achievement .value{font-size:clamp(82px,17vw,132px)}#what-i-do .achievement-3 .value{font-size:clamp(60px,13vw,94px)}.what-ghost-audience{display:none}.what-ghost-workflow{left:-32%;width:88vw;opacity:.14}.what-ghost-video{right:-32%;width:90vw;opacity:.15}#capabilities.capabilities-section{min-height:auto}#capabilities .cap-chain{grid-template-columns:1fr;min-height:0;margin-top:76px;padding-left:54px;gap:0}#capabilities .cap-track-one{top:0;bottom:0;left:17px;width:116px;height:auto;border-top:0;border-left:1px solid rgba(18,19,19,.46);border-radius:55% 0 0 45%;transform:none}#capabilities .cap-track-two{display:none}#capabilities .cap{min-height:132px;padding:14px 0 22px;border-top:0;border-left:1px solid rgba(12,13,15,.3);transform:none}#capabilities .cap:before{top:13px;left:-4px}#capabilities .cap h3{max-width:280px;margin-top:21px;font-size:19px}#capabilities .cap-6{min-height:110px;border-left-color:rgba(12,13,15,.62)}.capability-ghost-system{display:none}.capability-ghost-idea{left:-38%;width:92vw;opacity:.1}.capability-ghost-output{right:-42%;width:100vw;opacity:.11}}
@media(max-width:620px){#what-i-do.what-section{padding-top:98px;padding-bottom:96px;background:#d1ccc4}#what-i-do.what-section:before{background:radial-gradient(ellipse 110% 27% at 8% 5%,rgba(244,240,232,.76),transparent 72%),radial-gradient(ellipse 105% 32% at 92% 88%,rgba(75,76,75,.19),transparent 76%),linear-gradient(155deg,#e6e0d7 0%,#d5cfc6 58%,#bcb8b1 100%)}#what-i-do .lede{font-size:24px;line-height:1.42}#what-i-do .achievements{margin-top:72px}#what-i-do .achievement{min-height:224px}#what-i-do .achievement-2{margin-left:7vw}#what-i-do .achievement-3{margin-left:13vw}#what-i-do .achievement .value{font-size:clamp(78px,25vw,100px)}#what-i-do .achievement-3 .value{font-size:clamp(54px,17vw,68px)}#what-i-do .achievement h3{margin-top:24px}.what-word{font-size:110px}.what-word-audience{display:none}.what-word-video{font-size:150px}.what-ghost-workflow{top:-2%;left:-64%;width:148vw;height:40%;opacity:.12}.what-ghost-video{right:-66%;bottom:-3%;width:154vw;height:42%;opacity:.13}#capabilities.capabilities-section{padding-top:96px;padding-bottom:104px;background:#b9b6b0}#capabilities.capabilities-section:before{background:radial-gradient(ellipse 105% 24% at 5% 4%,rgba(230,225,216,.68),transparent 72%),radial-gradient(ellipse 90% 28% at 94% 86%,rgba(76,77,77,.16),transparent 74%),linear-gradient(160deg,#d0ccc4 0%,#bab7b1 58%,#a5a4a1 100%)}#capabilities .section-title{font-size:clamp(36px,11vw,46px);line-height:1.1}#capabilities .cap-chain{padding-left:44px;margin-top:68px}#capabilities .cap-track-one{left:11px;width:94px}#capabilities .cap{min-height:126px}#capabilities .cap h3{font-size:18px}.capability-ghost-idea{top:4%;left:-72%;width:160vw;height:35%;opacity:.09}.capability-ghost-output{right:-74%;bottom:-2%;width:166vw;height:34%;opacity:.1}.capability-word{font-size:100px}.capability-word-make{display:none}.capability-word-final{font-size:132px}}

/* Public portfolio media protection and restrained attribution. */
.portfolio-video-watermark{position:absolute;z-index:2;display:block;max-width:76%;overflow:hidden;color:rgba(255,255,255,.43);font-size:10px;font-weight:500;font-synthesis:none;line-height:1;letter-spacing:.16em;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.72);white-space:nowrap;user-select:none;pointer-events:none}
.hero-watermark{top:96px;right:28px;animation:heroWatermarkPositions 56s steps(1,end) infinite}
.player-watermark{top:18px;right:20px;animation:playerWatermarkPositions 52s steps(1,end) infinite}
.preview-watermark{top:11px;left:11px;max-width:68%;font-size:8px;letter-spacing:.12em;opacity:0;transition:opacity .25s ease}
.work-card.is-playing .preview-watermark,.archive-card.is-playing .preview-watermark{opacity:.34}
.media-rights-note{font-size:11px;line-height:1.7;letter-spacing:.04em}
.project-rights-note{width:min(calc(100% - var(--pad)*2),var(--max));margin:14px auto 36px;color:rgba(255,255,255,.48)}
.workflow-page .media-rights-note{margin:16px 0 0;color:rgba(12,13,15,.5)}
@keyframes playerWatermarkPositions{
  0%,24.99%{top:18px;right:20px;bottom:auto;left:auto}
  25%,49.99%{top:18px;right:auto;bottom:auto;left:20px}
  50%,74.99%{top:auto;right:20px;bottom:66px;left:auto}
  75%,100%{top:auto;right:auto;bottom:66px;left:20px}
}
@keyframes heroWatermarkPositions{
  0%,24.99%{top:96px;right:28px;bottom:auto;left:auto}
  25%,49.99%{top:42%;right:28px;bottom:auto;left:auto}
  50%,74.99%{top:auto;right:28px;bottom:54px;left:auto}
  75%,100%{top:27%;right:auto;bottom:auto;left:28px}
}
@media(max-width:620px){
  .portfolio-video-watermark{max-width:72%;font-size:8px;letter-spacing:.12em}
  .hero-watermark{top:82px;right:18px}
  .player-watermark{top:13px;right:14px}
  .preview-watermark{display:none}
  .project-rights-note{margin-top:11px;margin-bottom:28px;font-size:10px}
  .workflow-page .media-rights-note{font-size:10px}
}

/* Typography and responsive polish. */
:where(h1,h2,h3,h4,.display,.section-title,.lede){
  line-break:strict;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:balance;
}
:where(p,li,.work-role,.archive-card .role,.workflow-positioning,.workflow-responsibility){
  line-break:strict;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:pretty;
}
.eyebrow{line-height:1.35}
.brand,.nav-links a,.resume-link,.menu-btn,.more-link,.arrow,.filter-btn,.status,.play-chip,.workflow-back-button,.workflow-tag,.case-video-time,.archive-index,.archive-entry-label,.archive-cover-meta>.eyebrow,.archive-cover-labels span,.workflow-entry-meta span,.experience-metric,.about-script-count,.achievement .value,.nowrap-token,.project-title-prefix,.project-title-suffix{
  white-space:nowrap;
}
#case-study-copy,#project-overview,.achievement p,.peek strong,.about-section .about-copy,.contact-copy{white-space:normal}
.selected-title-cn{display:flex;flex-wrap:wrap;gap:.08em .42em}
.selected-title-cn span{white-space:nowrap}
.selected-head>.muted{max-width:300px;margin:0;line-height:var(--leading-body);text-wrap:pretty}
.peek strong{min-height:3.1em;line-height:1.55;text-wrap:balance}
.work-grid{align-items:stretch}
.work-card{display:flex;flex-direction:column}
.work-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;flex:1;align-items:stretch}
.work-meta>div:first-child{display:flex;min-width:0;flex-direction:column}
.work-title{line-height:1.35;text-wrap:balance}
.work-role{flex:1;line-height:1.68}
.arrow{align-self:end}
.archive-page .archive-card{display:flex;flex-direction:column}
.archive-page .archive-card .info{display:flex;flex:1;flex-direction:column;padding-bottom:42px}
.archive-page .archive-card h3{line-height:1.35;text-wrap:balance}
.archive-page .archive-card .role{flex:1}
.archive-enter{white-space:nowrap}
.experience-heading .meta{white-space:nowrap}
.experience-summary,.experience-direction p{max-width:860px}
.project-overview{max-width:760px}
.project-block p,.project-block li{max-width:880px}
.tools{max-width:760px}
.workflow-page .workflow-about{max-width:920px}
.workflow-page .workflow-about p{max-width:880px}
.workflow-page .workflow-tags{align-items:flex-start}
.contact-copy{max-width:700px}
.contact-card span:first-child{white-space:nowrap}
.footer a{white-space:nowrap}

@media(min-width:901px){
  .work-title{min-height:2.7em}
}
@media(max-width:1200px) and (min-width:901px){
  .work-title{font-size:20px}
  .work-role{font-size:12.5px}
  .archive-page .archive-card h3{font-size:20px}
}
@media(max-width:900px){
  .peek strong{min-height:0}
  .work-title{min-height:0}
  .work-role{max-width:720px}
  .project-overview{max-width:820px}
  .nav.open .nav-links{left:var(--pad);right:var(--pad)}
}
@media(max-width:620px){
  .selected-head>.muted{max-width:340px}
  .work-meta{gap:12px}
  .work-title{font-size:21px}
  .project-overview{font-size:18px;line-height:1.68}
  .project-block p,.project-block li{line-height:var(--leading-body)}
  .workflow-page .workflow-hero .section-title{max-width:100%}
  .workflow-page .workflow-positioning{max-width:100%}
  .footer-inner{gap:18px}
}
@media(max-width:400px){
  .workflow-page .workflow-hero .section-title{font-size:clamp(36px,11.2vw,44px);line-height:1.08}
  .archive-page .archive-card h3{font-size:20px}
  .case-video-controls{gap:5px;padding-inline:9px}
  .case-video-time{font-size:9px}
}
@media(max-width:340px){
  :root{--pad:14px}
  .nav-inner{gap:14px}
  .brand{font-size:13px}
  .menu-btn{font-size:13px;padding-inline:4px}
  .work-meta{grid-template-columns:1fr;gap:10px}
  .arrow{justify-self:end;margin-top:0}
  .archive-cover-meta{gap:10px;font-size:9px;letter-spacing:.14em}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .contact-section .contact-card{gap:14px}
  .contact-section .contact-card strong{font-size:13px}
}