@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#202320;--muted:#626861;--line:#e1e4df;--paper:#fff;--soft:#f5f6f3;--accent:#d64a23;--radius:12px;--display:Manrope,ui-sans-serif,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}::selection{color:var(--ink);background:#ffe0c8}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration-color:var(--accent)}p{margin:0 0 18px}h1,h2,h3,h4{font-family:var(--display);font-weight:700;text-wrap:balance;margin:0;color:var(--ink)}h1{font-size:clamp(3.5rem,7.4vw,6rem);line-height:1.04;letter-spacing:-.04em}h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.13;letter-spacing:-.035em}h3{font-size:22px;line-height:1.35;letter-spacing:-.02em;margin-bottom:16px}h4{font-size:14px;line-height:1.4;margin-bottom:8px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.wrap{max-width:1360px;margin-inline:auto;padding-inline:56px}.skip{position:absolute;top:-80px;left:24px;z-index:10;background:var(--ink);color:white;padding:12px 20px}.skip:focus{top:12px}.site-header{display:flex;align-items:center;gap:36px;height:116px}.name{text-decoration:none;font-family:var(--display);font-size:21px;letter-spacing:-.02em;margin-right:auto}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a{text-decoration:none}.dust-link{display:flex;align-items:center;padding-left:26px;border-left:1px solid var(--line)}.dust-link img{width:96px;height:32px;object-fit:contain}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-block:76px 88px;align-items:center}.intro-copy{max-width:420px;padding-top:8px}.role{font-size:14px;color:var(--muted);margin-bottom:18px}.intro-copy>p:not(.role){font-size:20px;line-height:1.6}.button{display:inline-flex;align-items:center;gap:26px;background:var(--ink);color:#fff;text-decoration:none;padding:14px 20px;border-radius:6px;font-size:14px;line-height:1.5;margin-top:12px;transition:background .2s}.button:hover{background:#3d443b}.project{padding-bottom:116px}.project-heading{border-top:1px solid var(--line);padding-top:38px;margin-bottom:30px;display:flex;align-items:baseline;justify-content:space-between;gap:36px}.project-heading>p{font-size:20px;line-height:1.4;margin:0;color:var(--muted)}figure{margin:0}.orbit-figure>a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#102a36}.orbit-figure img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.orbit-figure figcaption{font-size:12px;color:var(--muted);margin-top:14px}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:52px}.project-notes p,.copilot-notes>p,.experience-copy p,.closing p{max-width:70ch}.project-notes ul{padding-left:19px;margin:0 0 22px}.project-notes li{padding-left:5px;margin-bottom:10px}.small{font-size:12px;color:var(--muted);line-height:1.65}.copilot-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}.copilot-notes{padding-top:14px}.results{margin:32px 0 16px;border-top:1px solid var(--line);font-size:14px;font-variant-numeric:tabular-nums}.results>div{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;border-bottom:1px solid var(--line);padding-block:12px}.results dt{color:var(--muted)}.results dd{margin:0;font-weight:600}.conversation{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.conversation-header{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:20px}.conversation-header span{font-size:11px;color:var(--muted);white-space:nowrap}.prospect{padding-block:24px;font-size:14px}.prospect strong{font-size:15px}.prospect p{color:var(--muted);margin:6px 0 0}.message{margin-bottom:18px;padding:20px 22px;border-radius:8px;background:#fff;border:1px solid var(--line)}.message p,.coach p{font-size:14px;line-height:1.65;margin:0}.coach{padding:2px 22px 22px}.coach p{color:var(--muted)}.example-note{font-size:11px;color:var(--muted);margin:22px 0 0;line-height:1.7}.experience{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid var(--line);padding-top:52px;padding-bottom:110px}.experience-list{margin:24px 0 36px;padding-left:19px}.experience-list li{margin-bottom:12px;padding-left:5px}details{border-block:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding-block:18px;font-size:14px;font-weight:600}summary::-webkit-details-marker{display:none}details[open] summary svg{transform:rotate(180deg)}.career{list-style:none;margin:0;padding:0}.career li{border-top:1px solid var(--line);padding:20px 0}.career strong,.career span{display:block}.career strong{font-size:15px}.career span{font-size:12px;color:var(--muted);margin:4px 0 10px}.career p{font-size:14px;margin:0}.other-work{padding-bottom:110px}.other-work>p{color:var(--muted);margin-top:20px}.tool-list{border-top:1px solid var(--line);margin-top:32px}.tool-list>a{display:grid;grid-template-columns:180px 1fr 24px;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:28px 0;text-decoration:none}.tool-list>a:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--accent)}.tool-list h3{margin:0;font-size:24px}.tool-list p{font-size:15px;margin-bottom:5px}.tool-list small{font-size:12px;color:var(--muted)}.closing{display:flex;align-items:center;justify-content:space-between;gap:100px;border-top:1px solid var(--line);padding-top:60px;padding-bottom:82px}.closing>div{max-width:650px}.closing h2{margin-bottom:28px}.closing>img{width:180px;height:60px;object-fit:contain;margin-right:44px}footer{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:24px 40px;font-size:11px;color:var(--muted)}footer p{margin:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--soft)}::-webkit-scrollbar-thumb{background:#a5aaa1;border:3px solid var(--soft);border-radius:8px}
@media(max-width:1050px){.wrap{padding-inline:36px}.intro{gap:40px}.copilot-layout,.experience{gap:40px}.project-notes{gap:50px}.conversation-header{display:block}.conversation-header span{display:block;margin-top:5px}.closing>img{margin-right:0}.tool-list>a{grid-template-columns:140px 1fr 24px}}
@media(max-width:700px){.wrap{padding-inline:24px}.site-header{height:94px;gap:20px}.site-header nav{display:none}.name{font-size:18px}.dust-link{padding-left:20px}.dust-link img{width:78px;height:26px}.intro{grid-template-columns:1fr;gap:26px;padding-block:44px 60px}.intro-copy{max-width:100%;padding:0}.intro-copy>p:not(.role){font-size:18px}.role{font-size:13px;margin-bottom:12px}.project{padding-bottom:72px}.project-heading{display:block;padding-top:28px;margin-bottom:24px}.project-heading>p{font-size:18px;margin-top:12px}.project-heading br{display:none}.orbit-figure>a{overflow-x:auto}.orbit-figure img{min-width:680px;aspect-ratio:16/10}.orbit-figure figcaption{font-size:11px}.project-notes{grid-template-columns:1fr;gap:26px;margin-top:32px}.copilot-layout,.experience{grid-template-columns:1fr;gap:30px}.copilot-notes{padding:0}.conversation{padding:20px}.conversation-header{display:block}.message{padding:18px}.coach{padding-inline:18px}.results>div{grid-template-columns:1fr 1fr}.experience{padding-top:36px;padding-bottom:72px}.experience-list{margin-bottom:24px}.other-work{padding-bottom:70px}.tool-list>a{grid-template-columns:1fr 24px;gap:12px;padding-block:24px}.tool-list h3{grid-column:1}.tool-list>a>div{grid-column:1;grid-row:2}.tool-list svg{grid-column:2;grid-row:1}.closing{padding-top:38px;padding-bottom:60px;gap:30px}.closing>img{display:none}footer{display:block;padding-bottom:30px}footer p{margin-bottom:10px}body{font-size:16px;line-height:1.65}}
.conversation-header span,.example-note,footer,.orbit-figure figcaption{font-size:12px}.results{padding-top:0}.results>div{padding-top:12px;padding-bottom:12px}.orbit-figure img{aspect-ratio:auto}.orbit-figure>a{scrollbar-width:thin;scrollbar-color:#a5aaa1 var(--soft)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.title-destination{display:inline-flex;align-items:center;gap:.2em;white-space:nowrap}.title-destination img{display:block;width:auto;height:.65em;object-fit:contain}.tool-gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:52px}.tool-gallery h3{margin-bottom:18px}.tool-gallery a{display:flex;align-items:center;min-height:360px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tool-gallery img{display:block;width:100%;height:auto}.tool-gallery figcaption{font-size:12px;line-height:1.65;color:var(--muted);margin-top:14px}@media(max-width:700px){.tool-gallery{grid-template-columns:1fr;gap:36px;margin-top:32px}.tool-gallery a{min-height:0}}

:root {
  --ink: #202124;
  --muted: #5d6470;
  --line: #dfe3e9;
  --soft: #f6f7fa;
  --radius: 22px;
}
.site-header { height: 80px; border-bottom: 1px solid var(--line); }
.intro {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 26px;
  padding-block: 66px 74px;
  text-align: center;
}
.intro h1 { font-size: clamp(3.2rem, 6.6vw, 5.4rem); line-height: 1.08; }
.title-destination { gap: .22em; margin-top: .06em; }
.title-destination img { height: .84em; }
.intro-copy { max-width: 580px; padding: 0; }
.role { font-size: 16px; color: var(--ink); margin-bottom: 12px; }
.intro-copy > p:not(.role) { color: var(--muted); font-size: 19px; line-height: 1.6; }
.button { border-radius: 12px; padding: 14px 22px; gap: 22px; }
.button:hover { background: #363b43; }
.project-heading { border: 0; padding-top: 16px; margin-bottom: 28px; }
#orbit .project-heading { display: block; text-align: center; }
#orbit .project-heading > p { margin-top: 12px; }
.orbit-figure > a {
  padding: 22px;
  background: var(--soft);
  border-color: var(--soft);
  border-radius: 26px;
}
.orbit-figure img {
  border-radius: 12px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
}
.orbit-figure figcaption { text-align: center; }
.project-notes { gap: 70px; margin-top: 48px; }
.project { padding-bottom: 96px; }
.conversation { padding: 30px; background: var(--soft); border-color: var(--soft); }
.message { border-radius: 12px; }
.experience { padding-top: 60px; padding-bottom: 96px; }
.other-work { padding-top: 12px; padding-bottom: 96px; }
.tool-gallery { gap: 30px; }
.tool-gallery a { min-height: 340px; padding: 22px; border-color: var(--soft); border-radius: 22px; }
.tool-gallery img { border-radius: 12px; }
.tool-gallery figcaption { max-width: 65ch; }
.closing { border-top: 0; background: var(--soft); border-radius: 26px; padding-block: 54px 60px; margin-bottom: 40px; }
footer { border-top: 0; }
@media (max-width: 1050px) {
  .intro { padding-block: 56px 64px; }
  .project-notes { gap: 44px; }
  .tool-gallery a { min-height: 260px; padding: 16px; }
}
@media (max-width: 700px) {
  .site-header { height: 76px; }
  .intro { gap: 22px; padding-block: 44px 54px; }
  .intro h1 { font-size: clamp(2.5rem, 10.6vw, 3.8rem); }
  .role { font-size: 14px; }
  .intro-copy > p:not(.role) { font-size: 17px; }
  .project-heading { padding-top: 14px; }
  .project { padding-bottom: 64px; }
  .orbit-figure > a { padding: 10px; border-radius: 18px; }
  .orbit-figure img { border-radius: 8px; }
  .project-notes { gap: 24px; margin-top: 30px; }
  .conversation { padding: 20px; }
  .experience { padding-top: 36px; padding-bottom: 64px; }
  .other-work { padding-bottom: 64px; }
  .tool-gallery { gap: 30px; }
  .tool-gallery a { min-height: 0; padding: 12px; border-radius: 18px; }
  .closing { border-radius: 0; padding-block: 38px 44px; margin-bottom: 16px; }
}

/* Direct navigation and compact walkthroughs, within the existing visual system. */
.site-header nav a:hover { text-decoration: underline; }
.intro-actions { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 26px; }
.intro-actions .button { margin-top: 0; }
.text-link { font-size: 14px; }
.tool-jumps { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin-top: 22px; font-size: 14px; }
.tool-jumps a { padding-block: 8px; color: var(--muted); }
summary { min-height: 48px; gap: 12px; }
.demo-detail + .demo-detail { border-top: 0; }
.demo-detail > p { font-size: 14px; color: var(--muted); margin-bottom: 18px; }
.closing { display: grid; grid-template-columns: 1fr 1.1fr; align-items: start; gap: 80px; }
.closing > div { min-width: 0; max-width: none; }
.closing-heading h2 { max-width: 12ch; }
.closing-brand { display: inline-flex; margin-top: 8px; padding-block: 12px; }
.closing-brand img { display: block; width: 180px; height: 60px; object-fit: contain; }
.closing-copy .small { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 24px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.footer-links a { padding-block: 6px; }
.tool-gallery figcaption a { display: inline; min-height: 0; padding: 0; background: none; border: 0; border-radius: 0; overflow: visible; }
@media (max-width: 1050px) {
  .site-header { gap: 24px; }
  .site-header nav { gap: 20px; }
  .closing { gap: 40px; }
}
@media (max-width: 700px) {
  .intro-actions { flex-direction: column; gap: 16px; }
  .text-link { padding-block: 8px; }
  .closing { grid-template-columns: 1fr; gap: 24px; }
  .closing-heading h2 { max-width: none; margin-bottom: 12px; }
  .closing-brand { margin-top: 0; }
  .closing-brand img { width: 96px; height: 32px; }
}