@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,560;9..144,720&family=Outfit:wght@360;430;560;700&display=swap";:root{--ink: #101828;--deep: #17324a;--teal: #1aa7a0;--teal-dark: #0e7d78;--paper: #f6f3ec;--card: #fffdf8;--mist: #e7f2f0;--line: #ddd6c8;--muted: #5b6570;--white: #ffffff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Outfit,system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}img{max-width:100%;display:block}a{color:var(--teal-dark)}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;letter-spacing:-.02em;line-height:1.15}.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:16px}.brand{color:var(--ink);text-decoration:none;font-weight:700}.nav{display:flex;gap:18px;font-size:14px;font-weight:560}.nav a{color:var(--muted);text-decoration:none}.nav a.active,.nav a:hover{color:var(--ink)}.hero{display:grid;grid-template-columns:148px 1fr;gap:28px;align-items:start;padding:28px 0 48px}.portrait{width:148px;height:148px;border-radius:50%;object-fit:cover;border:3px solid rgba(26,167,160,.35);background:var(--deep)}.kicker{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-dark);margin:0 0 10px}.hero h1{font-size:clamp(32px,5vw,52px);margin:0 0 12px}.claim{font-size:clamp(20px,3vw,28px);margin:0 0 10px;font-weight:560}.sub{margin:0 0 10px;color:var(--muted)}.quiet{margin:0;color:var(--deep);font-weight:560}.section{padding:8px 0 56px}.section h2{font-size:clamp(26px,3vw,36px);margin:0 0 8px}.lede{color:var(--muted);margin:0 0 24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;text-decoration:none;color:inherit;display:block}.card:hover{border-color:var(--teal)}.idx{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--teal-dark)}.card h3{font-size:18px;margin:8px 0;font-family:Outfit,sans-serif}.card p,.role p{margin:0;color:#3f4851;font-size:14.5px}.role{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;margin:0 0 16px}.role h3{margin:0 0 4px;font-size:22px}.meta{color:var(--teal-dark);font-weight:560;font-size:14px;margin-bottom:10px}.role ul{margin:10px 0 0;padding:0 0 0 18px}.role li{margin:0 0 8px}.diagram{background:var(--deep);color:var(--white);border-radius:24px;padding:24px 16px 20px;position:relative;overflow:hidden}.diagram svg{width:100%;height:auto;display:block}.node{cursor:pointer}.node circle{fill:#234560;stroke:#7fd9d2;stroke-width:1.5}.node text{fill:#e8f3f1;font-size:11px;font-family:Outfit,sans-serif}.hub-btn{cursor:pointer}.hub-btn circle{fill:var(--teal)}.hub-btn text{fill:var(--ink);font-weight:700;font-family:Outfit,sans-serif}.link{stroke:#7fd9d2;stroke-width:1.4;fill:none;opacity:0;transition:opacity .4s ease}.diagram.is-on .link{opacity:1}.reveal{min-height:52px;margin:12px 16px 0;font-size:14px;color:#d7ecea}.diagram-caption{margin:14px 16px 4px;color:#b7c9c7;font-size:14px}.strip{display:grid;gap:10px}.strip article{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.strip strong{display:block}.qgrid{display:grid;gap:12px}.qgrid article{background:var(--card);border-left:3px solid var(--teal);padding:14px 16px}.qgrid h3{margin:0;font-size:18px;font-family:Outfit,sans-serif}.reel{background:#0d1a28;color:#fff;border-radius:20px;min-height:220px;display:grid;place-items:center;text-align:center;padding:32px 20px}.reel p{margin:8px 0 0;color:#b7c9c7}.capsule{border:1px dashed var(--line);border-radius:16px;padding:18px;color:var(--muted)}.chat{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:520px}.chat-side{background:linear-gradient(160deg,#101828,#17324a 55%,#1aa7a0);color:#fff;border-radius:20px;padding:22px}.chat-side img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:12px}.chat-pane{background:var(--card);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.msgs{flex:1;padding:16px;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{max-width:85%;padding:10px 12px;border-radius:14px;font-size:14px;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:var(--deep);color:#fff}.bubble.model{align-self:flex-start;background:var(--mist)}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.composer input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit}.composer button,.btn{background:var(--deep);color:#fff;border:0;border-radius:12px;padding:12px 14px;font:inherit;font-weight:560;cursor:pointer}.starters{list-style:none;padding:0;margin:16px 0 0;font-size:13px;color:#d5e8e5}.starters li{margin:0 0 8px;cursor:pointer}.starters li:hover{color:#fff}.site-footer{padding:28px 0 48px;color:var(--muted);font-size:14px;text-align:center}.downloads{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:10px}.contact a{color:var(--ink)}.door-app{min-height:100vh;--ink: #00386a;--deep: #00386a;--accent: #c4ce83;--purple: #4b3f67;--link: #005db9;--paper: #f4f6f8;--card: #ffffff;--mist: #e8eef4;--line: #d3dce6;--muted: #5c6d7c;background:var(--paper);color:var(--ink)}.door-app a{color:var(--link)}.door-hero{background:linear-gradient(145deg,#00386a,#005db9 58%,#4b3f67 120%);color:#fff;padding:48px 0 56px;text-align:center}.door-hero-inner{display:grid;justify-items:center;gap:22px}.door-hero-copy{max-width:680px}.door-app .section{text-align:center}.door-app .cards{text-align:left}.door-app .portrait{border-color:#c4ce838c;background:#00386a}.door-hero .kicker{color:#c4ce83}.door-hero .sub,.door-hero .quiet{color:#ffffffd1}.door-hero h1{margin:0 0 8px}.door-app .idx,.door-app .meta{color:var(--purple)}.door-app .card:hover{border-color:var(--accent)}.door-app .btn{background:#00386a}.btn.ghost{background:transparent;border:1px solid #c4ce83;color:#fff;text-decoration:none;display:inline-block}.tabbar{display:flex;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px;margin-top:-22px;position:relative;z-index:2}.tab-btn{flex:1;border:0;background:transparent;cursor:pointer;font:inherit;font-weight:560;font-size:13px;white-space:pre-line;line-height:1.2;padding:12px 8px;border-radius:12px;color:var(--muted)}.tab-btn.on{background:#00386a;color:#fff}.tab-panel{padding:40px 0 8px}.cover-step{margin:0 auto 40px;text-align:center;max-width:760px}.cover-step h3{font-size:clamp(26px,3vw,36px);margin:8px 0 16px}.cover-text{white-space:pre-wrap;font-size:17px}.insight{margin-top:18px;background:#00386a;color:#fff;border-radius:16px;padding:18px 20px;font-weight:560;text-align:left}.door-app .chat-side{background:linear-gradient(160deg,#00386a,#4b3f67 58%,#005db9)}.door-app .bubble.user{background:#00386a}.door-app .bubble.model{background:#e8eef4}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px}.chip{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.chip.on{background:#00386a;color:#fff;border-color:#00386a}.tl-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px}.tl-period{font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:720;color:#00386a47;margin-bottom:16px}.tl-role{background:#00386a;color:#fff;border-radius:22px;padding:22px;cursor:pointer;border:1px solid rgba(196,206,131,.35)}.tl-role .idx,.tl-role .meta{color:#c4ce83}.tl-role p,.tl-role li{color:#ffffffd1}.tl-more{margin-top:12px;font-size:12px;font-weight:700;color:#c4ce83}.tl-event{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:12px}.tl-event.is-achievement{border-color:#c4ce83;background:#f7f8ef}.tl-event.is-speaking{border-color:#c5b8d4;background:#f6f3f8}.tl-event-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px}.tl-event h4{margin:0 0 6px;font-size:16px;font-family:Outfit,sans-serif}.tl-year{font-size:11px;font-weight:700;color:var(--muted);background:#fff;padding:2px 8px;border-radius:6px}.hub-app{min-height:100vh;--ink: #1c2423;--deep: #1e2a28;--olo: #3d7f78;--accent: #c4622d;--paper: #f2eee8;--card: #faf7f2;--mist: #e6eeec;--line: #ddd6cc;--muted: #5e6664;--link: #3d7f78;background:var(--paper);color:var(--ink)}.hub-app a{color:var(--link)}.hub-hero{background:linear-gradient(155deg,#1e2a28,#2a3a37 58%,#8a4e2c 155%);color:#f4f1ea;padding:56px 0 64px;text-align:center;position:relative;overflow:hidden}.hub-grain{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}.hub-hero-inner{display:grid;justify-items:center;gap:22px;position:relative}.hub-hero-copy{max-width:680px}.film-still{position:relative;border:0;background:transparent;padding:0;cursor:pointer;width:240px;height:240px;margin-bottom:28px}.film-still .portrait{width:240px;height:240px;border-radius:50%;border:3px solid rgba(61,127,120,.55);box-shadow:0 0 0 6px #c4622d47,0 18px 40px #00000047;animation:still-breathe 12s ease-in-out infinite}@keyframes still-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.play-pip{position:absolute;inset:auto auto 14px 14px;width:36px;height:36px;border-radius:50%;background:#1e2a28d1;color:#f4f1ea;display:grid;place-items:center;font-size:12px;padding-left:2px;border:1px solid rgba(216,138,90,.7)}.play-pip.lg{inset:auto 18px 18px auto;width:52px;height:52px;font-size:16px;background:#1e2a28e0}.film-caption{position:absolute;left:50%;bottom:-28px;transform:translate(-50%);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d08a5a;white-space:nowrap;font-weight:700}.hub-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:-8px;position:relative;z-index:2}.hub-nav .chip{background:var(--card);box-shadow:0 10px 28px #1e2a2814;padding:10px 18px;text-transform:none;letter-spacing:.04em}.hub-app .portrait{border-color:#3d7f7873;background:#1e2a28}.hub-hero .kicker{color:#d08a5a}.hub-hero .sub,.hub-hero .quiet{color:#f4f1ead1}.hub-hero h1{margin:0 0 8px}.hub-app .idx,.hub-app .meta{color:var(--accent)}.hub-app .card{background:var(--card)}.hub-app .card:hover{border-color:var(--olo)}.hub-app .btn{background:#1e2a28}.hub-app .btn.ghost{border-color:#c9845a;color:#f4f1ea}.hub-app .chip{background:var(--card);color:var(--ink);border-color:var(--line)}.hub-app .chip.on{background:#1e2a28;color:#f4f1ea;border-color:#1e2a28}.hub-app .tl-period{color:#1c242347}.hub-app .tl-role{background:#1e2a28;border-color:#3d7f7859}.hub-app .tl-role .idx,.hub-app .tl-role .meta,.hub-app .tl-more{color:#c9845a}.hub-app .tl-event.is-achievement{border-color:#c9b199;background:#f6efe6}.hub-app .tl-event.is-speaking{border-color:#b7cdc8;background:#eef4f2}.hub-app .chat-side{background:linear-gradient(160deg,#1c2423,#1e2a28 52%,#c4622d)}.hub-app .chat-side img{width:96px;height:96px}.hub-app .bubble.user{background:#1e2a28}.hub-app .bubble.model{background:#e6eeec}.hub-app .contact a{color:var(--ink)}.hub-app .section{text-align:center}.hub-app .cards{text-align:left}.watch-strip{margin:28px 0 8px;text-align:center}.watch-toggle{display:inline-flex;align-items:center;gap:12px;border:1px solid #c9845a;background:transparent;color:#f4f1ea;border-radius:999px;padding:10px 16px 10px 18px;font:inherit;font-size:13px;font-weight:560;cursor:pointer}.watch-toggle:hover,.watch-toggle[aria-expanded=true]{background:#f4f1ea14}.watch-toggle-label{font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:560}.watch-count{color:#f4f1eab8;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.watch-chevron{color:#d08a5a;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.watch-strip .lede{margin:0 0 20px}.watch-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}.watch-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0 0 14px;cursor:pointer;font:inherit;color:inherit;text-align:left;overflow:hidden}.watch-card:hover{border-color:var(--olo)}.watch-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#1e2a28}.watch-thumb img{width:100%;height:100%;object-fit:cover}.watch-card .idx,.watch-card strong,.watch-meta{display:block;padding:0 12px}.watch-card .idx{margin-top:12px}.watch-card strong{margin:4px 0 2px;font-size:15px}.watch-meta{font-size:12px;color:var(--muted)}.tl-thumb{position:relative;display:block;width:100%;border:0;padding:0;margin:0 0 10px;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:16/9;background:#1e2a28}.tl-thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin:0 0 18px;text-decoration:none;color:inherit}.project-feature img{width:100%;height:100%;object-fit:cover;min-height:220px}.project-feature>div{padding:28px 28px 28px 8px}.project-feature h3,.project-card h3{font-family:Fraunces,Georgia,serif;font-size:28px;margin:8px 0 6px}.project-tag{color:var(--accent);font-weight:560;margin:0 0 10px!important;font-style:italic}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}.project-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}.project-card:hover,.project-feature:hover{border-color:var(--olo)}.project-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:#1e2a28}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-card .idx,.project-card h3,.project-card p{padding-left:16px;padding-right:16px}.project-card .idx{margin-top:14px}.project-card p:last-child{padding-bottom:18px}.vid-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1010b8;z-index:40;display:grid;place-items:center;padding:24px}.vid-sheet{width:min(920px,100%)}.vid-close{float:right;border:0;background:transparent;color:#f4f1ea;font-size:28px;cursor:pointer}.vid-title{color:#f4f1ea;margin:0 40px 10px 0;font-size:14px}.vid-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.vid-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}@media (max-width: 800px){.hero{grid-template-columns:1fr;text-align:center;justify-items:center}.chat{grid-template-columns:1fr}.strip article{grid-template-columns:1fr}.nav{flex-wrap:wrap;justify-content:flex-end}.tabbar{flex-wrap:wrap}.tl-row{grid-template-columns:1fr}.watch-row{grid-template-columns:1fr 1fr}.project-grid,.project-feature{grid-template-columns:1fr}.film-still,.film-still .portrait{width:200px;height:200px}.film-caption{bottom:-24px}.hub-nav{margin-top:12px}.project-feature>div{padding:18px}}@media print{.no-print,.chat,.site-header,.composer{display:none!important}body{background:#fff}a{text-decoration:none;color:inherit}.diagram{break-inside:avoid}}@media (prefers-reduced-motion: reduce){.film-still .portrait{animation:none}}