:root { --ink:#11100e; --paper:#f5f2ea; --white:#fff; --red:#ff4b3e; --violet:#7758ff; --cyan:#47c6d9; --brass:#d9a441; --muted:#736d65; --line:rgba(17,16,14,.18); --shell:min(1240px,calc(100vw - 48px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,"Segoe UI",Arial,sans-serif; line-height:1.5; }
body:has(dialog[open]) { overflow:hidden; }
img { display:block; max-width:100%; }
a { color:inherit; }
button, input, select, textarea { font:inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; transform:translateY(-150%); padding:9px 12px; background:var(--white); color:var(--ink); }
.skip-link:focus { transform:none; }
.page-shell { width:var(--shell); margin-inline:auto; }
.site-header { position:fixed; z-index:50; inset:0 0 auto; min-height:72px; padding:0 max(24px,calc((100vw - 1240px)/2)); display:flex; align-items:center; justify-content:space-between; gap:32px; color:var(--white); border-bottom:1px solid rgba(255,255,255,.18); transition:background .25s,color .25s; }
.site-header.is-scrolled,.site-header-solid { color:var(--ink); background:rgba(245,242,234,.96); border-color:var(--line); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:baseline; gap:14px; text-decoration:none; }
.brand strong { font-size:25px; letter-spacing:.06em; }
.brand span { font-size:11px; letter-spacing:.11em; text-transform:uppercase; opacity:.75; }
.site-nav { display:flex; align-items:center; gap:27px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.site-nav a { text-decoration:none; }
.nav-action { padding:10px 15px; border:1px solid currentColor; }
.menu-button { display:none; width:42px; height:42px; border:0; background:transparent; color:inherit; }
.menu-button span:not(.sr-only) { display:block; width:22px; height:2px; margin:5px auto; background:currentColor; }
.hero { position:relative; min-height:92svh; overflow:hidden; display:flex; align-items:flex-end; color:var(--white); background:var(--ink); }
.hero-image,.hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.hero-image { object-fit:cover; object-position:center; }
.hero-shade { background:linear-gradient(90deg,rgba(9,8,7,.9) 0%,rgba(9,8,7,.62) 34%,rgba(9,8,7,.12) 66%,rgba(9,8,7,.34) 100%),linear-gradient(0deg,rgba(8,7,6,.8),transparent 45%); }
.hero-content { position:relative; z-index:2; padding-bottom:126px; }
.kicker,.section-label { margin:0 0 18px; font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.kicker { color:#f2c7bf; }
.hero h1 { margin:0; max-width:850px; font-size:clamp(58px,8vw,126px); line-height:.88; letter-spacing:0; }
.hero-copy { max-width:650px; margin:30px 0 28px; font-size:clamp(17px,1.6vw,23px); color:#e5dfd7; }
.hero-actions,.inline-actions { display:flex; flex-wrap:wrap; gap:12px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 19px; border:1px solid currentColor; text-decoration:none; font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; }
.button-primary { color:var(--white); background:var(--red); border-color:var(--red); }
.button-ghost { color:var(--white); background:rgba(0,0,0,.12); }
.hero-status { position:absolute; z-index:2; inset:auto 0 0; display:grid; grid-template-columns:repeat(4,1fr); background:rgba(11,10,9,.75); border-top:1px solid rgba(255,255,255,.2); backdrop-filter:blur(12px); }
.hero-status span { padding:20px max(16px,3vw); border-right:1px solid rgba(255,255,255,.14); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.section { padding:clamp(80px,10vw,144px) 0; scroll-margin-top:70px; }
.section h2 { margin:0; font-size:clamp(39px,5.2vw,74px); line-height:1; letter-spacing:0; }
.split-heading { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr); gap:9vw; align-items:start; }
.mission-copy,.outsourcing-band .split-heading>div:last-child { font-size:clamp(18px,1.7vw,24px); }
.mission-copy p:first-child { margin-top:0; }
.mission-copy p:last-child { color:var(--red); font-weight:800; }
.agents-band { color:var(--white); background:var(--ink); }
.wide-heading { display:flex; justify-content:space-between; gap:70px; align-items:end; margin-bottom:54px; }
.wide-heading>p { max-width:430px; margin:0; color:inherit; opacity:.7; }
.agent-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.2); }
.agent-card { min-width:0; padding:0 0 22px; color:var(--white); text-align:left; border:0; background:var(--ink); cursor:pointer; }
.agent-card figure { position:relative; margin:0 0 19px; aspect-ratio:1/2; overflow:hidden; background:#26221f; }
.agent-card img { position:absolute; top:50%; left:0; width:400%; height:auto; max-width:none; transition:filter .25s ease; }
.agent-card:hover img,.agent-card:focus-visible img { filter:brightness(1.08) contrast(1.02); }
.agent-narrative img { transform:translate(-15.5%,-50%); }.agent-evidence img { transform:translate(-30.5%,-50%); }.agent-design img { transform:translate(-50.5%,-50%); }.agent-adaptation img { transform:translate(-69.5%,-50%); }
.agent-index,.agent-name,.agent-output { display:block; margin-inline:18px; }
.agent-index { color:var(--red); font-size:11px; font-weight:900; letter-spacing:.12em; }
.agent-name { margin-top:8px; font-size:23px; font-weight:900; }
.agent-output { margin-top:6px; color:#aaa39b; font-size:13px; }
.workflow-band { background:#ece6dc; }
.workflow-band h2 { max-width:890px; }
.workflow-list { display:grid; grid-template-columns:repeat(6,1fr); margin:64px 0 0; padding:0; list-style:none; border-top:1px solid var(--ink); }
.workflow-list li { min-height:250px; padding:20px 16px 0 0; border-right:1px solid var(--line); }
.workflow-list span { display:block; color:var(--red); font-size:12px; font-weight:900; }
.workflow-list strong { display:block; margin-top:48px; font-size:22px; }
.workflow-list p { max-width:155px; color:var(--muted); font-size:13px; }
.types-band { background:var(--white); }
.type-list article { display:grid; grid-template-columns:130px 1fr; gap:22px; padding:24px 0; border-top:1px solid var(--line); }
.type-list article>span { color:var(--red); font-size:11px; font-weight:900; text-transform:uppercase; }
.type-list h3 { margin:0; font-size:23px; }
.type-list p { grid-column:2; margin:0; color:var(--muted); }
.master-band { color:var(--white); background:linear-gradient(135deg,#2a1734,#11100e 65%); overflow:hidden; }
.master-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:7vw; align-items:center; }
.master-copy>p:not(.section-label) { max-width:570px; color:#c9c1ba; font-size:18px; }
.master-copy dl { display:flex; gap:40px; margin:38px 0; }
.master-copy dl div { display:flex; align-items:baseline; gap:8px; }
.master-copy dt { font-size:31px; font-weight:900; color:var(--red); }
.master-copy dd { margin:0; color:#b5aea7; font-size:12px; text-transform:uppercase; }
.text-link { display:inline-block; padding-bottom:5px; text-decoration:none; border-bottom:1px solid currentColor; font-weight:800; }
.slide-stack { position:relative; min-height:560px; }
.slide-preview { position:absolute; width:min(620px,90%); aspect-ratio:16/9; padding:30px; display:flex; flex-direction:column; justify-content:flex-end; box-shadow:0 26px 80px rgba(0,0,0,.35); }
.slide-preview span { margin-bottom:auto; font-size:10px; font-weight:900; letter-spacing:.12em; }
.slide-preview strong { max-width:520px; font-size:clamp(25px,3vw,45px); line-height:1; }
.slide-preview p { max-width:430px; margin:14px 0 0; }
.slide-preview-one { top:0; left:0; z-index:3; background:linear-gradient(120deg,rgba(17,16,14,.82),rgba(17,16,14,.1)),url("./assets/agents/pppt-team-hero.png") center/cover; transform:rotate(-2deg); }
.slide-preview-two { top:115px; right:-20px; z-index:2; color:var(--ink); background:#f5f2ea; transform:rotate(3deg); }
.slide-preview-three { bottom:0; left:50px; z-index:1; background:linear-gradient(135deg,var(--red),var(--violet)); transform:rotate(-1deg); }
.templates-band { background:#ece6dc; }
.template-rail { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.template-rail span { min-height:120px; padding:20px 12px; display:flex; align-items:flex-end; border-right:1px solid var(--line); font-size:16px; font-weight:800; }
.architecture-band { color:var(--white); background:var(--ink); }
.architecture-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:start; }
.architecture-flow { display:grid; gap:15px; font-size:17px; }
.architecture-flow>*:not(i) { padding:18px 20px; border-left:4px solid var(--red); background:#1f1c19; }
.architecture-flow i { width:1px; height:28px; margin-left:24px; background:#6f6861; }
.architecture-flow b { color:var(--ink); background:var(--cyan); border-color:var(--cyan); }
.outsourcing-band { background:var(--white); }
.status-band { color:var(--white); background:var(--violet); }
.status-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; }
.status-grid ul { margin:0; padding:0; list-style:none; }
.status-grid li { padding:19px 0; border-top:1px solid rgba(255,255,255,.4); font-size:18px; }
.status-grid li span { display:inline-block; min-width:110px; color:#d9d2ff; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.site-footer { padding:34px max(24px,calc((100vw - 1240px)/2)); display:flex; justify-content:space-between; gap:40px; color:var(--white); background:var(--ink); font-size:12px; }
.site-footer>div { display:flex; gap:24px; align-items:center; }
.site-footer a { text-decoration:none; }
.agent-dialog { width:min(1040px,94vw); max-height:90vh; padding:0; color:var(--ink); background:var(--paper); border:0; box-shadow:0 30px 100px rgba(0,0,0,.5); }
.agent-dialog::backdrop { background:rgba(5,4,4,.8); backdrop-filter:blur(6px); }
.dialog-close { position:absolute; z-index:3; top:16px; right:16px; padding:9px 12px; border:1px solid var(--ink); background:var(--paper); cursor:pointer; }
.dialog-grid { display:grid; grid-template-columns:.58fr 1.42fr; min-height:650px; }
.dialog-grid figure { position:relative; margin:0; min-height:650px; overflow:hidden; background:#251f1a; }
.dialog-grid img { position:absolute; top:50%; left:0; width:400%; height:auto; max-width:none; transform:translate(var(--agent-shift,-15.5%),-50%); }
.dialog-copy { padding:80px 54px 50px; }
.dialog-copy h2 { margin:0; font-size:clamp(43px,5vw,70px); line-height:.95; }
.dialog-mission { margin:28px 0; font-size:22px; }
.dialog-copy dl div { padding:17px 0; border-top:1px solid var(--line); }
.dialog-copy dt { margin-bottom:5px; color:var(--red); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.dialog-copy dd { margin:0; }
.brief-page { background:#ece6dc; }
.brief-main { padding:140px 0 90px; }
.brief-intro { max-width:890px; margin-bottom:60px; }
.brief-intro h1 { margin:0; font-size:clamp(48px,7vw,96px); line-height:.92; }
.brief-intro>p:last-child { max-width:650px; font-size:18px; }
.brief-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); gap:7vw; align-items:start; }
.brief-form { display:grid; gap:22px; }
.brief-form label { display:grid; gap:7px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.brief-form input,.brief-form select,.brief-form textarea { width:100%; padding:13px 14px; color:var(--ink); background:var(--white); border:1px solid #9f9890; border-radius:0; text-transform:none; letter-spacing:0; font-weight:400; }
.brief-form textarea { min-height:100px; resize:vertical; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.brief-form .button { justify-self:start; }
.brief-output { position:sticky; top:100px; color:var(--white); background:var(--ink); }
.brief-output>div:first-child { padding:20px; display:flex; justify-content:space-between; gap:18px; border-bottom:1px solid rgba(255,255,255,.2); }
.brief-output .section-label { margin:0; color:var(--red); }
.brief-output pre { min-height:430px; max-height:60vh; overflow:auto; margin:0; padding:24px; white-space:pre-wrap; font:13px/1.55 "Cascadia Code",Consolas,monospace; }
.output-actions { display:flex; border-top:1px solid rgba(255,255,255,.2); }
.output-actions button { flex:1; padding:15px; color:var(--white); background:transparent; border:0; border-right:1px solid rgba(255,255,255,.2); cursor:pointer; }
.output-actions button:disabled { opacity:.35; cursor:not-allowed; }
@media (max-width:980px) { .site-header{padding-inline:20px}.menu-button{display:block}.site-nav{position:absolute;inset:72px 0 auto;padding:24px;display:none;flex-direction:column;align-items:flex-start;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.hero-image{object-position:56% center}.hero-shade{background:linear-gradient(90deg,rgba(8,7,6,.9),rgba(8,7,6,.38)),linear-gradient(0deg,rgba(8,7,6,.85),transparent 50%)}.split-heading,.master-grid,.architecture-grid,.status-grid,.brief-layout{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,1fr)}.workflow-list{grid-template-columns:repeat(3,1fr)}.master-grid{gap:60px}.brief-output{position:static}.wide-heading{align-items:start;flex-direction:column;gap:22px}.template-rail{grid-template-columns:repeat(3,1fr)}.dialog-grid{grid-template-columns:.62fr 1.38fr}.dialog-copy{padding:70px 34px 40px} }
@media (max-width:620px) { :root{--shell:calc(100vw - 30px)}.brand span{display:none}.hero{min-height:88svh}.hero-content{padding-bottom:120px}.hero h1{font-size:15vw}.hero-copy{font-size:16px}.hero-status{grid-template-columns:1fr 1fr}.hero-status span{padding:12px 15px}.section{padding:74px 0}.section h2{font-size:12vw}.agent-grid{grid-template-columns:1fr}.agent-card figure{aspect-ratio:1/1.65}.workflow-list{grid-template-columns:1fr 1fr}.workflow-list li{min-height:190px}.type-list article{grid-template-columns:1fr;gap:9px}.type-list p{grid-column:auto}.master-copy dl{gap:18px;flex-wrap:wrap}.slide-stack{min-height:380px}.slide-preview{padding:20px}.slide-preview-two{top:80px}.template-rail{grid-template-columns:1fr 1fr}.site-footer,.site-footer>div{flex-direction:column;align-items:flex-start}.dialog-grid{grid-template-columns:1fr;max-height:90vh;overflow:auto}.dialog-grid figure{min-height:68vh}.dialog-copy{padding:44px 22px}.field-row{grid-template-columns:1fr}.brief-main{padding-top:110px}.brief-intro h1{font-size:14vw} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.agent-card img{transition:none} }