:root{--night:#130c23;--gold:#dbb450;--cream:#faf5eb;--rule:#d9ccba}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;background:var(--cream);color:#2a2130;font:17px/1.75 Inter,Arial,sans-serif}
header{height:65px;background:var(--night);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #3c3049}
a{color:inherit;text-underline-offset:5px}
.logo{font:18px Georgia,serif;text-decoration:none;letter-spacing:.025em}
nav a,.btn,.eyebrow,.caption,#work h3{font:600 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
nav a{padding:9px 16px;border:1px solid #695838;color:var(--gold);text-decoration:none}
.hero{display:grid;grid-template-columns:55% 45%;min-height:clamp(580px,85svh,900px);color:var(--cream);background:linear-gradient(145deg,#160c2a,#2e184f)}
.intro{align-self:center;padding:64px 6vw}
.eyebrow,.caption{color:#e0bc68;letter-spacing:.22em}
h1,h2,h3,p{margin:0}
h1,h2,h3,.members,#work p{font-family:'Cormorant Garamond',Baskerville,'Times New Roman',serif;font-weight:400}
h1{margin:25px 0 22px;font-size:clamp(58px,6.5vw,116px);line-height:.98;letter-spacing:-.045em}
.intro p{font:italic clamp(18px,1.7vw,25px)/1.6 Georgia,serif;color:#d1bed8}
.btn,.contact a{display:inline-block;background:var(--gold);color:#25172b;text-decoration:none;padding:17px 26px;margin-top:31px}
.btn:hover,.contact a:hover{background:#edcd78}
.art{margin:0;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 40% 43%,#4c4249,#29252c 70%,#1f1a23);overflow:hidden}
.art img{display:block;width:100%;filter:grayscale(1) invert(1) sepia(.9) saturate(1.8);mix-blend-mode:screen}
.caption{position:absolute;bottom:24px;left:26px;font-size:10px}
.section{padding:clamp(60px,8vw,130px) max(7vw,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1fr 1.35fr;gap:7vw}
h2{font-size:clamp(45px,5.2vw,85px);letter-spacing:-.045em;line-height:1.03}
h3{font-size:clamp(26px,2.4vw,38px);line-height:1.2;margin-bottom:12px}
#work h3{color:#725520}
.members{padding:0;margin:0 0 20px;list-style:none;display:flex;flex-wrap:wrap;gap:0 24px}
.members,#work p{font-size:clamp(25px,2.4vw,36px)}
.section:nth-of-type(3){background:#251438;color:var(--cream)}
.section p{max-width:58ch}
.service+.service{border-top:1px solid var(--rule);padding-top:22px;margin-top:24px}
.contact{text-align:center;background:linear-gradient(145deg,#180d2b,#301947);color:var(--cream);padding:clamp(70px,9vw,135px) 24px}
.contact a{font-size:14px;max-width:100%}
footer{background:var(--night);color:#d9cbd9;text-align:center;padding:24px;font:14px Georgia,serif}
a:focus-visible{outline:3px solid #b38b33;outline-offset:4px}
@media(max-width:700px){.hero,.section{grid-template-columns:1fr}.intro{padding:60px 7vw 44px}.art{height:320px}.art img{width:min(100%,380px)}.hero{min-height:0}.section{gap:25px}.logo{font-size:15px}nav a{font-size:9px;padding:9px}.caption{bottom:12px;left:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

nav{display:flex;align-items:center;gap:1rem}
nav a:not(:last-child){border:0;padding:8px 0;color:#eee4e8}
.hero .purpose{font:16px/1.6 Inter,Arial,sans-serif;color:#dfd4df;max-width:38ch;margin-top:20px}
.art img{mask-image:radial-gradient(ellipse closest-side,#000 74%,transparent 100%)}
.portfolio{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:center;gap:clamp(30px,8vw,140px);padding:clamp(60px,8vw,120px) max(7vw,calc((100vw - 1040px)/2));background:radial-gradient(ellipse at 90% 65%,#392638,#19131e 66%);color:var(--cream)}
.portfolio h2{margin:18px 0 24px}
.feature-copy p{max-width:48ch;color:#e0d5dd}
.watch{display:inline-block;color:#eac770;margin-top:22px}
.player{width:100%;aspect-ratio:9/16;background:#100d13;border:1px solid #71604a;border-radius:12px;overflow:hidden}
.player iframe{width:100%;height:100%;display:block;border:0}
#work{background:#19121f;color:var(--cream)}
#work h3{color:#dbb450}
#services{background:#f6f0e7}
@media(max-width:700px){header{height:auto;min-height:65px;gap:14px;flex-wrap:wrap;padding-block:12px}nav{gap:12px}.portfolio{grid-template-columns:1fr}.player{max-width:320px;justify-self:center}}

.member-photo{margin:24px 0 0;max-width:290px}
.member-photo img,.roadmap details img{display:block;width:100%;height:auto}
.member-photo figcaption{margin-top:8px;color:#d8c8dd;font-size:14px}
.roadmap{padding:clamp(60px,8vw,120px) max(7vw,calc((100vw - 1120px)/2));background:#1c1421;color:var(--cream)}
.principle{font:24px/1.5 Georgia,serif;max-width:48ch;margin:22px 0 34px}
.priorities{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:30px}
.priorities article{border-top:1px solid #68533d;padding-top:20px}
.priorities p{color:#ded1df}
.roadmap details{margin-top:32px}
.roadmap summary{color:#eac770;cursor:pointer;width:fit-content}
.roadmap details img{margin-top:18px}

#work.section{grid-template-columns:1fr;gap:30px}
#work .network-title{font:clamp(30px,4vw,60px)/1.12 Georgia,serif;color:var(--cream);letter-spacing:-.035em;text-transform:none}
.network-title span{display:block;font:18px/1.7 sans-serif;color:#d9bc83;letter-spacing:.08em;margin-top:8px}
.divisions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px;margin:28px 0}
.divisions div{border-top:1px solid #695738;padding-top:14px}
.divisions dt{font-size:15px;color:#e0c685}
.divisions dt span{display:block;font-size:13px}
.divisions dd{margin:8px 0;font:26px Georgia,serif}
.cat-profile{display:grid;grid-template-columns:minmax(100px,185px) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,50px)}
.cat-profile img{display:block;width:100%;height:auto}
.cat-profile h4{font:32px Georgia,serif;margin:0 0 10px}
#work .cat-profile p{font:17px/1.6 Arial,sans-serif}
.cat-profile summary{cursor:pointer;color:#dfc585;margin:15px 0}
@media(max-width:600px){.cat-profile{grid-template-columns:1fr}.cat-profile>img{max-width:180px}}

.founder{display:grid;grid-template-columns:minmax(160px,280px) minmax(0,1fr);align-items:center;gap:clamp(22px,5vw,76px);margin:32px 0 44px;padding-bottom:40px;border-bottom:1px solid #574738}
.founder img{display:block;width:100%;height:auto}
#work .founder h3{font:clamp(42px,5vw,76px)/1.1 Georgia,serif;color:var(--cream);text-transform:none;letter-spacing:-.04em;margin:12px 0 20px}
#work .founder p{font:17px/1.7 Arial,sans-serif;max-width:57ch}
.founder p+p{margin-top:14px}
@media(max-width:650px){.founder{grid-template-columns:1fr}.founder img{max-width:210px}}

.founder-sources{margin-top:1.25rem;border-top:1px solid #574738;padding-top:1rem}
.founder-sources h4{color:#e4c887;font-size:1.1rem;margin:0 0 .75rem}
.founder-sources a{color:#e4c887}
#work .founder-sources p{margin:12px 0;font-size:15px}

.research-record{padding-inline-start:1.2em;margin:0 0 1.25rem;max-width:57ch}
.research-record li+li{margin-top:.45rem}
.research-record li::marker{color:var(--gold)}

.creator-work{padding-block:32px;margin-block:30px;border-block:1px solid #574738;scroll-margin-top:24px}
.creator-work h4{font:clamp(32px,4vw,48px)/1.15 Georgia,serif;margin:10px 0 24px}
.credits,.feed-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3vw,32px)}
.credits dt{color:#e0c685;font-size:14px}.credits dd{margin:4px 0 16px;font:22px/1.4 Georgia,serif}
.feed-gallery figure{margin:0}.feed-gallery img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;display:block;background:#15101a}
.feed-gallery figcaption{font-size:14px;margin-top:8px;color:#e2d8de}
@media(max-width:650px){.credits{grid-template-columns:1fr;gap:0}.feed-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.experience{padding:clamp(55px,7vw,100px) max(7vw,calc((100vw - 1120px)/2));background:#211727;color:var(--cream)}
.experience h2{max-width:18ch}
.experience>p{max-width:68ch;margin:22px 0 32px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project-grid article{border-top:1px solid #68533d;padding-top:20px}
.project-grid h3{margin:10px 0}.experience .feed-gallery{margin-top:16px;gap:8px}
#spark img{max-width:100%;height:auto;display:block;margin-top:12px}
#spark summary{cursor:pointer;color:#eac770;margin-top:12px}
@media(max-width:680px){.project-grid{grid-template-columns:1fr}}

.hiring{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(24px,6vw,90px);padding:clamp(56px,7vw,105px) max(7vw,calc((100vw - 1120px)/2));background:#f6f0e7;color:#25192a}
.hiring .eyebrow{color:#765714}.hiring h2{margin:16px 0}.role-terms{color:#604d60}.role-copy ul{padding-left:1.2em;margin:20px 0}.role-copy li+li{margin-top:8px}
@media(max-width:700px){.hiring{grid-template-columns:1fr}header{height:auto;padding-block:14px}nav{flex-wrap:wrap}}

.network-metrics{background:#191221;color:var(--cream);border-block:1px solid #51404c;padding:clamp(28px,4vw,60px) max(7vw,calc((100vw - 1120px)/2))}
.network-metrics dl{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,90px);margin:0}
.network-metrics dl>div{display:flex;flex-direction:column;align-items:flex-start}
.network-metrics dt{color:#dbcfdc;font-size:16px;max-width:36ch}
.network-metrics dd{order:-1;margin:0 0 6px;color:#e8c776;font:clamp(40px,5vw,76px)/1.1 Georgia,serif}
@media(max-width:600px){.network-metrics dl{grid-template-columns:1fr}}

.film-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 52px);
  margin: 30px 0 50px;
}
.film .eyebrow { margin: 20px 0 8px; }
.film h3 { margin: 0 0 10px; }
.film p { color: #e1d8df; }
.source-link, .credit-sources a { font-size: 14px; }
.source-link { display: inline-block; color: #eac770; margin-top: 12px; }
.reel { background: #151019; border: 1px solid #675446; }
.reel summary { position: relative; display: block; cursor: pointer; }
.reel summary::-webkit-details-marker { display: none; }
.reel summary:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.reel-poster { display: block; width: 100%; height: clamp(190px, 22vw, 286px); }
.reel-poster.aqiesh { object-fit: contain; background: radial-gradient(ellipse at center, #59443e, #211820 75%); }
#ana-in-china > .eyebrow { margin-top: 0; }
.hangzhou-photos { display: grid; grid-template-columns: 2fr 3fr; gap: 12px; margin-top: 18px; }
.hangzhou-photos figure { margin: 0; min-width: 0; }
.hangzhou-photos a { display: block; cursor: zoom-in; }
.hangzhou-photos img { display: block; width: 100%; height: auto; border: 1px solid #675446; }
.hangzhou-photos figcaption { margin-top: 8px; font-size: 14px; line-height: 1.5; color: #e1d8df; }
@media (max-width: 520px) { .hangzhou-photos { grid-template-columns: 1fr; gap: 20px; } }
.reel-action {
  display: inline-flex; align-items: center; gap: 8px;
  position: absolute; left: 14px; bottom: 14px;
  padding: 6px 11px; background: #1b1324; color: var(--cream);
  border: 1px solid #977e55; font: 600 13px/1.5 Inter, Arial, sans-serif;
}
.reel summary:hover .reel-action { background: #39293f; }
.play { color: var(--gold); }
.reel .when-open, .reel[open] .when-closed, .reel[open] .play, .reel[open] .reel-poster { display: none; }
.reel[open] .when-open { display: inline; }
.reel[open] .reel-action { position: static; margin: 10px; }
.reel iframe { display: block; border: 0; width: 100%; height: min(700px, 76svh); background: #fff; }
.food-review-player { width: min(100%, 290px); margin: 16px 0 0; }
.food-review-player .reel-poster, .food-review-player iframe { width: 100%; height: auto; aspect-ratio: 9 / 16; }
.food-review-player .reel-poster { object-fit: cover; }
.experience .project-grid { grid-template-columns: 1fr 1fr 1.4fr; }
.client-list {
  padding: clamp(56px, 7vw, 104px) max(7vw, calc((100vw - 1120px)/2));
  background: #f6f0e7; color: #291e2b;
}
.credit-ledger { margin: 32px 0 0; }
.credit-ledger > div {
  display: grid; grid-template-columns: minmax(160px, .72fr) minmax(0, 1.9fr);
  gap: 16px 36px; padding: 21px 0; border-top: 1px solid #cdbfa8;
}
.credit-ledger dt { color: #664c23; font-size: 15px; font-weight: 600; }
.credit-ledger dd { margin: 0; }
.credit-ledger strong { font: 400 clamp(22px, 2.1vw, 32px)/1.3 Georgia, serif; }
.credit-ledger p { margin: 6px 0 0; max-width: 65ch; }
.credit-sources { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.credit-ledger #spark summary { color: #60471a; }
@media (max-width: 740px) {
  .film-grid, .experience .project-grid { grid-template-columns: 1fr; }
  .film-grid { gap: 34px; }
  .reel-poster { height: auto; aspect-ratio: 16 / 9; }
  .credit-ledger > div { grid-template-columns: 1fr; gap: 4px; }
}

.clips { border-top: 1px solid #68533d; padding-top: 30px; margin: 36px 0 52px; }
.clips > h3 { margin-bottom: 14px; }
.clip-grid { display: grid; gap: clamp(14px, 2vw, 28px); }
.clip-grid { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 22px; }
.clip { min-width: 0; }
.clip-cover { width: 100%; display: block; height: auto; aspect-ratio: 3/4; object-fit: cover; }
.clip-watch { display: block; position: relative; border: 1px solid #675446; }
.clip-watch:hover .reel-action { background: #39293f; }
.clip-credit { margin-top: 12px; color: #e4c985; font-size: 13px; }
.clip h4 { font: 24px/1.2 Georgia,serif; margin: 6px 0; }
.credit-marks { display: flex; margin: 0 0 12px; }
.credit-marks img { max-width: 145px; max-height: 60px; width: auto; height: auto; object-fit: contain; mix-blend-mode: multiply; }
@media(max-width:760px){.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.clip h4{font-size:20px}.clip .reel-action{left:6px;bottom:6px;padding:4px 7px;font-size:11px}}