/* Approved Agency direction: portraits, a living particle field and real results. */
:root {
 --bg:#111513; --bg-deep:#111513; --panel:#191E1B; --panel-2:#242B25; --panel-3:#2D352D;
 --line:#343D33; --line-2:#798673; --edge:#56654F;
 --ink:#F3F4ED; --ink-2:#DADED3; --ink-3:#B5BEB0;
 --accent:#D4EF94; --accent-2:#E1F7AF; --accent-ink:#20291A; --blue:#D4EF94;
 --pass:#A2DFB3; --watch:#F0CE98; --amber:#F0CE98; --fail:#FFB7AE; --red:#FFB7AE;
 --user-bubble:#344D20; --user-bubble-ink:#F5F7ED;
 --tint-accent:rgba(212,239,148,.09); --tint-pass:rgba(162,223,179,.12);
 --tint-amber:rgba(240,206,152,.12); --tint-red:rgba(255,183,174,.12);
 --rail:94px; --banner:90px; --v-agency:#6E8CFF;
 --cover-paper:#E9ECDF; --cover-paper-ink:#293125; --cover-peach:#DEB79B; --cover-peach-ink:#302B23; --cover-forest:#39483B; --cover-forest-ink:#F3F0E7;
}
:root[data-theme="light"] {
 --bg:#F3F3ED; --bg-deep:#F3F3ED; --panel:#FFFEF8; --panel-2:#EFF1E7; --panel-3:#E6EADC;
 --line:#D6DDCB; --line-2:#7C886F; --edge:#ADB89F;
 --ink:#20291F; --ink-2:#3D4935; --ink-3:#536149;
 --accent:#344D20; --accent-2:#293E19; --accent-ink:#F5F7ED; --blue:#344D20;
 --pass:#246035; --watch:#745019; --amber:#745019; --fail:#982F28; --red:#982F28;
 --user-bubble:#344D20; --user-bubble-ink:#F5F7ED;
 --tint-accent:rgba(52,77,32,.07); --tint-pass:rgba(36,96,53,.1);
 --tint-amber:rgba(116,80,25,.09); --tint-red:rgba(152,47,40,.09); --v-agency:#3A54B4;
}
.osten-bar { justify-content:flex-start; gap:13px; padding-inline:30px; }
.osten-sign { gap:16px; }
.osten-sign svg { width:46px; height:46px; }
.osten-sign .osten-word { font-size:28px; letter-spacing:.2em; }
.osten-bar .osten-vertical { color:var(--mark); font-size:24px; letter-spacing:.09em; text-indent:0; }
:root[data-theme="light"] .osten-bar .osten-vertical { color:var(--mark); }
.osten-sign svg path:nth-of-type(3) { stroke:var(--mark); }
.header-client { margin-left:auto; color:var(--ink-3); font-size:12px; max-width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.page { padding:30px 40px 80px; width:100%; max-width:1440px; margin-inline:auto; }
.atelier-home { max-width:1220px; }
@media(min-width:901px){
 .rail { padding:20px 10px; gap:16px; border-right:1px solid var(--line); }
 .rail-mark { justify-content:center; padding:0; }
 .rail-mark b { display:none; }.rail-mark:has(b){display:none}
 .rail-mark img { max-width:64px; max-height:36px; }
 .rail-label { display:none; }.rail-link { flex-direction:column; justify-content:center; gap:5px; padding:9px 2px; min-height:57px; text-align:center; position:relative; }
 .rail-text { min-width:0; max-width:100%; }.rail-text b { font-size:11px; line-height:1.2; overflow-wrap:anywhere; font-weight:500; }
 .rail-icon,.rail-icon svg { width:19px; height:19px; font-size:20px; }
 .rail-badge { position:absolute; right:3px; top:2px; font-size:10px; }
 .rail-rule { margin:8px 0; }.rail-foot { gap:9px; overflow-y:visible; }
 .switch-row { flex-direction:column; gap:8px; align-items:center; font-size:10px; }.rail-signout { margin:5px 0; font-size:10px; align-self:center; }.rail-group { gap:4px; }
}
.atelier-greeting { display:flex; justify-content:space-between; align-items:center; gap:14px; font-size:12px; color:var(--ink-3); margin-bottom:10px; }
.atelier-greeting .tour-link { display:inline-flex; gap:10px; font-size:12px; white-space:nowrap; }
.atelier-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:center; min-height:330px; margin:14px 0 16px; }
.atelier-eyebrow { font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); margin:0 0 20px; }
.atelier-intro h1 { font-size:clamp(38px,4.3vw,60px); font-weight:500; line-height:1.07; letter-spacing:-.05em; margin:0; }
.atelier-intro h1 em { display:block; font-family:Georgia,serif; font-weight:400; color:var(--accent); }
.atelier-intro-copy { font-size:14px; color:var(--ink-3); margin:20px 0; line-height:1.6; }
.atelier-promise { font-size:14px; color:var(--ink-2); margin:0 0 16px; padding-left:13px; border-left:1px solid var(--edge); line-height:1.55; }
.atelier-promise em { font-style:normal; color:var(--accent); }
.atelier-team-link { font-size:12px; color:var(--ink-3); display:inline-flex; gap:12px; padding:6px 0; }
.agency-scene { height:345px; min-width:0; position:relative; isolation:isolate; }
.agency-particles { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:-1; }
.agency-aura { position:absolute; inset:10px; background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 15%,transparent),transparent 65%); filter:blur(10px); z-index:-2; animation:agency-breathe 7s ease-in-out infinite; }
.agency-orbit { position:absolute; inset:40px 15px; border:1px solid color-mix(in srgb,var(--accent) 15%,transparent); border-radius:50%; transform:rotate(-27deg); z-index:-1; }
.agency-orbit.second { inset:90px 5px; transform:rotate(28deg); opacity:.5; }
.agency-core { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; justify-items:center; align-content:center; gap:4px; width:98px; height:108px; background:var(--panel); border:1px solid var(--edge); border-radius:28px; color:var(--ink); box-shadow:var(--elev); }
.agency-core:hover { text-decoration:none; border-color:var(--accent); }.agency-core svg { width:35px; height:33px; }.agency-mark-line { stroke:var(--v-agency); }.agency-core b { font-size:12px; letter-spacing:.18em; }.agency-core > span { color:var(--v-agency); text-transform:uppercase; letter-spacing:.14em; font-size:9px; }
.agency-person { position:absolute; padding:8px 13px 8px 8px; display:flex; gap:11px; align-items:center; background:var(--panel); border:1px solid var(--line); border-radius:16px; box-shadow:var(--elev); color:var(--ink); animation:agency-float 7s ease-in-out infinite; max-width:48%; }
.agency-person:hover { text-decoration:none; border-color:var(--accent); }.agency-person .face { width:48px; height:50px; min-width:48px; border-radius:11px; border:0; }.agency-person .face-img { width:100%; height:100%; object-fit:cover; }.agency-person > span:last-child { min-width:0; }.agency-person b { display:block; font-size:13px; font-weight:500; }.agency-person small { display:block; color:var(--ink-3); font-size:11px; line-height:1.3; margin-top:3px; }
.agency-person-1 { top:28px; left:6%; animation-delay:-1s; }.agency-person-2 { top:132px; right:0; animation-delay:-3s; }.agency-person-3 { bottom:15px; left:17%; animation-delay:-5s; }
.agency-motion { position:absolute; bottom:0; right:0; background:transparent; border:0; font-size:11px; color:var(--ink-3); display:flex; gap:7px; align-items:center; padding:7px; }
.agency-scene[data-motion="off"] * { animation-play-state:paused!important; }
.home-workspace .request-hero { border-color:var(--line); border-radius:21px; padding:22px 23px 12px; box-shadow:none; }.home-workspace .request-hero textarea { min-height:65px; font-size:17px; }
.home-workspace .request-actions { margin-top:0; }.home-workspace .request-note { margin-top:10px; font-size:11px; }.home-workspace .file-limits { font-size:11px; }.home-workspace .request-ideas { margin:13px 0 27px; }.home-workspace .idea-chip { font-size:11px; min-height:36px; padding:7px 13px; }
.home-workspace .home-section { margin-top:26px; }.home-workspace .section-heading { margin-bottom:15px; }.home-workspace .section-heading h2 { font-size:21px; }
.home-workspace .result-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.home-workspace .result-card { display:block; padding:0; border:0; background:transparent; box-shadow:none; border-radius:12px; }.home-workspace .result-card:hover { transform:translateY(-4px); text-decoration:none; }
.result-cover { height:190px; border-radius:13px; overflow:hidden; position:relative; padding:20px; margin-bottom:13px; background:var(--cover-paper); color:var(--cover-paper-ink); }
.cover-kicker { display:block; font-size:10px; letter-spacing:.1em; text-transform:uppercase; position:relative; z-index:1; }.cover-title { position:relative; z-index:1; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-family:Georgia,serif; font-size:clamp(23px,2.5vw,33px); font-weight:400; line-height:1.12; letter-spacing:-.035em; margin-top:18px; max-width:95%; overflow-wrap:anywhere; }
.cover-decoration { position:absolute; width:150px; height:150px; border:1px solid currentColor; opacity:.15; border-radius:50%; right:-45px; bottom:-80px; box-shadow:0 0 0 9px currentColor,0 0 0 18px color-mix(in srgb,currentColor 40%,transparent); }
.result-cover-1 { background:var(--cover-peach); color:var(--cover-peach-ink); }.result-cover-1 .cover-title { font-family:var(--sans); font-weight:600; font-size:29px; letter-spacing:-.045em; }.result-cover-1 .cover-decoration { bottom:-20px; right:-40px; width:160px; height:160px; }
.result-cover-2 { background:var(--cover-forest); color:var(--cover-forest-ink); }.result-cover-2::before { content:""; position:absolute; inset:15px 25px -40px; transform:rotate(-5deg); background:var(--cover-paper); border-radius:3px; }.result-cover-2 .cover-kicker,.result-cover-2 .cover-title { color:var(--cover-paper-ink); margin-left:24px; margin-right:20px; }.result-cover-2 .cover-title { font-size:27px; }.result-cover-2 .cover-decoration { display:none; }
.result-cover:has(.result-cover-image){padding:0}.result-cover:has(.result-cover-image)::before{display:none}.result-cover-image { width:100%; height:100%; object-fit:cover; display:block; }
.home-workspace .result-card h3 { display:flex; justify-content:space-between; gap:12px; font-size:13px; margin:0 0 4px; font-weight:500; }.result-card h3 > span { flex:none; color:var(--ink-3); }.home-workspace .result-caption { font-size:11px; color:var(--ink-3); }
.home-workspace .work-grid { gap:12px; }.home-workspace .work-card { padding:13px 17px; gap:5px; border-radius:12px; }.home-workspace .work-card h3 { font-size:14px; }.home-workspace .work-card .fine { font-size:11px; }.home-workspace .work-status { font-size:11px; }
.home-team-drawer { padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:30px 0 20px; }.home-team-drawer > summary { font-size:13px; color:var(--ink-3); }.home-team-drawer .featured-team { margin:16px 0; }.home-team-drawer .text-link { font-size:12px; }
.atelier-guide { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-top:21px; margin-top:24px; }.atelier-guide > div { display:flex; align-items:center; gap:12px; }.atelier-guide b { font-size:13px; font-weight:500; display:block; }.atelier-guide small { display:block; font-size:12px; color:var(--ink-3); }.atelier-guide .face { width:42px; height:42px; }.atelier-guide .text-link { font-size:12px; }
.dock-button { gap:10px; padding:9px 16px 9px 9px; border-radius:40px; background:var(--panel); box-shadow:var(--elev); border-color:var(--edge); }.dock-button .face { width:34px; height:34px; border-radius:50%; }.dock-hint { font-size:13px; }.dock-panel { border-radius:20px; border-color:var(--edge); background:var(--panel); }.dock-head { background:var(--panel-2); }.dock-head .face { flex:none; width:32px; height:32px; }
@keyframes agency-float { 50% { transform:translateY(-8px); } }@keyframes agency-breathe { 50% { transform:scale(1.1); opacity:.65; } }
@media(max-width:1100px){.page{padding:28px 28px 80px}.agency-person { max-width:49%; gap:7px; padding:7px; }.agency-person .face { width:40px; height:43px; min-width:40px; }.agency-person small { font-size:10px; }.agency-scene { height:325px; }.agency-person-1 { left:0; }.agency-person-3 { left:9%; }.agency-core { width:83px; height:94px; }.result-cover { height:175px; padding:18px; }}
@media(max-width:900px){:root{--rail:210px}.header-client{display:none}.rail-text b{font-size:14px}.rail-mark b{font-size:13px}.atelier-hero{gap:12px}.atelier-intro h1{font-size:43px}.result-cover-2 .cover-title{font-size:23px}.cover-title,.result-cover-1 .cover-title{font-size:25px}}
@media(max-width:700px){
 .dock{display:flex;left:12px;right:12px;bottom:12px;align-items:flex-end}.dock-panel{width:400px;max-width:calc(100vw - 24px);max-height:76dvh}.dock-button{padding:7px 13px 7px 7px}.dock-button .face{width:30px;height:30px}
 body .osten-bar{height:76px;min-height:76px;padding:0 16px;gap:8px;justify-content:flex-start}:root{--banner:76px}
 body .osten-bar .osten-sign{gap:8px;margin:0}body .osten-bar .osten-sign svg{width:31px;height:31px}body .osten-bar .osten-word{font-size:20px;letter-spacing:.13em}body .osten-bar .osten-vertical{font-size:16px;letter-spacing:.07em}body .osten-bar .mobile-menu{margin-right:8px;font-size:12px;padding:7px 10px}
 .page{padding:24px 18px 90px}.atelier-greeting{font-size:11px;gap:10px;align-items:flex-start}.atelier-greeting .tour-link{font-size:11px;white-space:normal;max-width:125px;text-align:right;flex:none}
 .atelier-hero{grid-template-columns:1fr;gap:0;margin-top:25px}.atelier-intro h1{font-size:46px}.atelier-eyebrow{margin-bottom:15px}.atelier-intro-copy{font-size:13px;margin:16px 0}.atelier-promise{font-size:13px;margin-bottom:10px}.atelier-team-link{font-size:12px}
 .agency-scene{height:280px;max-width:410px;width:100%;margin:0 auto}.agency-person-1{left:1%;top:17px}.agency-person-2{right:0;top:110px}.agency-person-3{left:10%;bottom:10px}.agency-core{left:42%;top:49%;width:80px;height:94px}.agency-person{max-width:47%}.agency-person .face{width:40px;height:43px;min-width:40px}.agency-person b{font-size:12px}.agency-person small{font-size:10px}
 .home-workspace .request-hero{padding:18px 17px 12px}.home-workspace .request-hero textarea{font-size:16px}.home-workspace .request-ideas{gap:7px}.home-workspace .idea-chip{font-size:10px;padding:7px 10px}
 .home-workspace .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.home-workspace .result-card:first-child{grid-column:1/-1}.home-workspace .result-card:first-child .result-cover{height:170px}.home-workspace .result-card:first-child .cover-title{font-size:34px;max-width:85%}.result-cover{height:165px;padding:16px}.cover-title,.result-cover-1 .cover-title{font-size:23px}.result-cover-2::before{inset:13px 14px -40px}.result-cover-2 .cover-title,.result-cover-2 .cover-kicker{margin-left:7px;margin-right:7px}.result-cover-2 .cover-title{font-size:23px}.cover-kicker{font-size:9px}.home-workspace .result-card h3{font-size:12px}.home-workspace .result-caption{font-size:10px}
 .home-team-drawer .featured-team{grid-template-columns:1fr 1fr}.atelier-guide{align-items:flex-start;gap:12px;flex-wrap:wrap}.atelier-guide small{font-size:11px}.home-workspace .workspace-shortcuts{grid-template-columns:1fr;gap:4px}.home-workspace .workspace-shortcuts small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.agency-scene *{animation:none!important}}

/* Keep one level of information visible; details belong to the requested task. */
.atelier-hero{min-height:295px;margin:0 0 12px;gap:40px}.atelier-intro h1{margin-bottom:25px}.atelier-promise{border:0;padding:0;margin:0;font-size:13px}.agency-scene{height:310px}.home-workspace .request-hero{margin-bottom:34px}.home-workspace .request-hero textarea{min-height:72px}.home-workspace .home-section{margin-top:34px}.home-workspace .work-grid{display:flex;flex-wrap:wrap;gap:10px}.home-workspace .work-card{display:flex;align-items:center;flex-direction:row;gap:14px;padding:12px 16px}.home-workspace .work-card h3{margin:0;font-weight:400}.cover-title{margin-top:25px}.result-caption{display:block;margin-top:10px}.home-workspace .result-cover{height:205px}.home-workspace .section-heading h2{font-size:20px}.colleague-details{font-size:12px;margin-top:12px}.colleague-details p{margin-top:12px!important}.result-filters{margin:12px 0 25px;font-size:12px}.result-filters .chips{margin-top:15px}.result-arrow{margin-left:auto}.rail-more{position:relative;text-align:center}.rail-more>summary{list-style:none;cursor:pointer;padding:8px;font-size:22px;line-height:1}.rail-more>summary span{display:block;font-size:11px;margin-top:7px}.rail-more>nav{position:absolute;left:80px;top:0;z-index:90;min-width:190px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--elev);text-align:left}.rail-more>nav a{display:block;padding:9px 12px;font-size:13px;border-radius:8px}.rail-more>nav a:hover{background:var(--panel-2)}.rail-more .rail-icon{display:none}.rail-more .rail-text b{font-size:13px}.rail-more .rail-link{min-height:0;text-align:left;position:relative}.rail-more .rail-badge{right:8px;top:10px}.rail{overflow:visible}.defence{position:relative;margin-left:auto;font-size:11px}.defence>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;color:var(--ink-3);white-space:nowrap}.defence-light{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--tint-amber)}.defence[data-state=pass] .defence-light{background:var(--pass);box-shadow:0 0 0 4px var(--tint-pass)}.defence[data-state=fail] .defence-light{background:var(--fail);box-shadow:0 0 0 4px var(--tint-red)}.defence[data-state=checking] .defence-light{animation:defence-check 1s ease-in-out infinite}.defence-popover{position:absolute;right:0;top:30px;z-index:100;width:270px;max-width:calc(100vw - 32px);padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--elev);font-size:13px;white-space:normal}.defence-popover p{line-height:1.5;margin:12px 0}.defence-popover .fine{font-size:11px}.defence-popover button{font-size:12px}.defence-popover b{font-size:14px}@keyframes defence-check{50%{opacity:.35}}
@media(max-width:900px){.rail-more>nav{left:0;top:42px}.rail-more{text-align:left}.rail-more>summary{display:flex;align-items:center;gap:12px}.rail-more>summary span{margin:0;font-size:13px}}
@media(max-width:700px){.atelier-hero{margin-top:8px;gap:0}.atelier-intro h1{font-size:43px;margin-bottom:18px}.agency-scene{height:270px}.home-workspace .request-hero{margin-bottom:25px}.home-workspace .work-card{width:100%;font-size:12px}.home-workspace .work-card h3{font-size:13px}.defence>summary>span:last-child{display:none}.defence>summary{padding:10px}.defence{margin-left:auto}.defence-popover{position:fixed;top:70px;right:12px}.osten-bar{padding-inline:12px!important;gap:5px!important}body .osten-bar .mobile-menu{margin-right:3px;padding:7px}body .osten-bar .osten-word{font-size:18px;letter-spacing:.1em}body .osten-bar .osten-vertical{font-size:14px;letter-spacing:.04em}body .osten-bar .osten-sign svg{width:27px;height:27px}.home-workspace .result-cover{height:165px}}
@media(prefers-reduced-motion:reduce){.defence-light{animation:none!important}}

@media(max-width:960px){body .shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--banner) minmax(0,1fr)}body .osten-bar .mobile-menu{display:inline-flex}body .rail{display:none}body .rail[data-open=true]{display:flex;position:fixed;top:var(--banner);bottom:0;left:0;width:230px;height:calc(100dvh - var(--banner));z-index:85;overflow-y:auto;box-shadow:var(--elev)}.rail-more>nav{position:static;box-shadow:none;min-width:0}.rail-more .rail-text b{font-size:13px}body .page{grid-column:1;min-width:0}.rail-group{align-items:stretch}.rail-link{flex-direction:row;text-align:left;justify-content:flex-start}.rail-text b{font-size:13px}.rail-foot{margin-top:auto}.switch-row{flex-direction:row}.defence{flex:none}.osten-bar .osten-vertical{font-size:18px}.osten-sign .osten-word{font-size:23px}}

.home-workspace[data-product="export"] .agency-mark-line { stroke:var(--v-export); }
.home-workspace[data-product="export"] .agency-core > span { color:var(--v-export); }

/* Business deliverables: readable surfaces, no spreadsheet-like mesh. */
.article table,.answer-body table,.message table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);width:100%;margin:24px 0;box-shadow:0 10px 28px #00000012}
.article th,.article td,.answer-body th,.answer-body td{padding:18px 22px;border:0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.65;text-align:left;vertical-align:top}
.article th,.answer-body th{background:var(--panel-3);color:var(--ink);font-size:14px;letter-spacing:.4px;font-weight:600}
.article tr:last-child td,.answer-body tr:last-child td{border-bottom:0}
.article tbody tr:nth-child(even),.answer-body tbody tr:nth-child(even){background:var(--panel-2)}
.article h2{margin-top:36px;font-size:27px;letter-spacing:-.6px}.article h3{margin-top:28px;font-size:21px}.article>p{font-size:17px;line-height:1.8;max-width:80ch}.result-facts{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);margin:22px 0}.result-facts dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:12px 24px;margin:0}.result-facts dt{color:var(--ink-3);font-size:15px}.result-facts dd{margin:0;color:var(--ink);font-size:17px}.result-facts p{margin:0}.artifact-image,.read-figure img,.answer-file-image img{border-radius:18px;max-width:100%;height:auto}.article .table-scroll{border-radius:18px;overflow:auto}.article .table-scroll table{margin:0}
@media(max-width:640px){.article table,.answer-body table{display:block;max-width:100%;overflow-x:auto}.article th,.article td,.answer-body th,.answer-body td{padding:14px;min-width:120px;font-size:15px}.result-facts dl{grid-template-columns:1fr;gap:8px}.result-facts dd{margin-bottom:16px}}

/* AVELK client document finish */
.article.markdown { font-family: inherit; background:var(--surface, #171c19); border:1px solid var(--line, #394137); border-radius:24px; padding:clamp(20px,4vw,48px); }
.article.markdown p,.article.markdown li,.article.markdown td {font-family:inherit; font-size:17px; line-height:1.75;}
.article.markdown h2,.article.markdown h3 {text-transform:none; letter-spacing:-.02em; line-height:1.3;}
.article.markdown h2 {font-size:clamp(24px,3vw,34px);}
.agency-motion {display:none;}
@media(max-width:600px) {.article.markdown {padding:20px 16px;border-radius:20px;} .article.markdown p,.article.markdown li,.article.markdown td {font-size:16px;}}