/* A tighter, quieter frame for the next portfolio review. */
html.ag body[data-theme=day] .abc-letters>button:after{display:none!important}

html.ag body .abc-detail{padding-left:130px!important}
html.ag body #abcDetailLetter{left:25px!important;width:91px!important;height:104px!important}
html.ag body .abc-detail-copy p{max-width:none!important;white-space:nowrap!important;font-size:clamp(13px,1.08vw,16px)!important;letter-spacing:-.015em}
@media(max-width:900px){html.ag body .abc-detail-copy p{white-space:normal!important}}
@media(max-width:750px){html.ag body .abc-detail{padding-left:78px!important}html.ag body #abcDetailLetter{left:13px!important;top:24px!important;width:54px!important;height:64px!important}}

html.ag body[data-theme=day] .abc-detail{background:linear-gradient(135deg,#ffffff9a,#f1f7ff6b)!important}
html.ag body[data-theme=day] .abc-detail-copy h2,
html.ag body[data-theme=day] .abc-detail-copy>span{color:#26222d!important;-webkit-text-fill-color:#26222d!important}
html.ag body[data-theme=day] .work-window{background:linear-gradient(180deg,#ffffffa8,#f4f9ff73)!important}
html.ag body[data-theme=day] .inquiry-form{background:linear-gradient(160deg,#ffffffae,#f3f9ff79)!important}

/* All selections, including horizontally cropped assets, use the measured Popeyes mat. */
html.ag body #projectList .shortlist-art.is-framed{padding:var(--pad)!important;background:var(--mat,var(--asset-color))!important}
html.ag body #projectList .shortlist-art:not(.is-framed){padding:5.35%!important;background:var(--asset-color)!important;box-sizing:border-box}
html.ag body #projectList .shortlist-art.is-framed .art-crop{border-radius:2px}

/* The relationship map belongs to the surrounding sky, with a faint chart grid. */
html.ag body .ag-sky-window{border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;isolation:isolate}
html.ag body .ag-sky-window:before{display:block!important;content:'';position:absolute;inset:2% 0 2%;background-image:linear-gradient(to right,#e094fc2a 1px,transparent 1px),linear-gradient(to bottom,#e094fc2a 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 76%);z-index:-1;pointer-events:none}
html.ag body[data-theme=day] .ag-sky-window:before{background-image:linear-gradient(to right,#8e5fa926 1px,transparent 1px),linear-gradient(to bottom,#8e5fa926 1px,transparent 1px)}
html.ag body[data-theme=day] #agStarGloss stop:nth-child(1){stop-color:#fffaff}
html.ag body[data-theme=day] #agStarGloss stop:nth-child(2){stop-color:#f3d9fd}
html.ag body[data-theme=day] #agStarGloss stop:nth-child(3){stop-color:#e094fc}
html.ag body[data-theme=day] #agStarGloss stop:nth-child(4){stop-color:#c476df}
html.ag body[data-theme=day] .ag-links path{stroke:#87569f!important}
html.ag body[data-theme=day] .ag-ring{stroke:#a65cc5!important}
html.ag body[data-theme=day] .ag-plus text{fill:#bb6bda!important}

/* Keep the client marks full color; give the shapes real, darker depth. */
html.ag body .client-satellite .logo-object{filter:drop-shadow(0 2px 2px #10172ca3) drop-shadow(0 8px 8px #0a102e91)!important}
html.ag body .client-satellite[data-brand=lsu] .logo-object,
html.ag body .client-satellite[data-brand=linus] .logo-object{filter:drop-shadow(0 2px 2px #0a0d20d9) drop-shadow(0 10px 9px #080e2abb)!important}
html.ag body .client-satellite[data-brand="blue-yonder"] .logo-object:after{background:linear-gradient(90deg,#00c7d8 0 16.5%,#092b52 16.5% 100%)!important}

/* Three live directions for the kind words, all using the existing constellation. */
html.ag body .quote-concept-switch{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px auto 0;position:relative;z-index:5}
html.ag body .quote-concept-switch button{font:500 12px/1 'Helvetica Neue',Helvetica,sans-serif;text-transform:lowercase;letter-spacing:.01em;color:inherit;background:#ffffff15;border:1px solid #e094fc77;border-radius:999px;min-height:38px;padding:8px 15px;cursor:pointer;transition:background .25s,transform .25s,border-color .25s}
html.ag body .quote-concept-switch button:hover{transform:translateY(-2px);border-color:#e094fc}
html.ag body .quote-concept-switch button[aria-pressed=true]{background:#e094fc;color:#201a2b;border-color:#e094fc}
html.ag body[data-theme=day] .quote-concept-switch button:not([aria-pressed=true]){background:#ffffff72;color:#24222c}
html.ag body .quote-concept-switch .quote-view-arrow{width:38px;padding:0;font-size:20px}
html.ag body .quote-concept-switch small{font-size:11px;opacity:.65;padding-left:5px}
html.ag body .quote-universe{min-height:660px!important}
html.ag body .quote-universe .quote-toolbar,
html.ag body .quote-universe .quote-pin{display:none!important}
html.ag body .quote-universe .quote-note{box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center;rotate:0!important;transform:none!important;max-width:660px!important;min-height:320px!important;margin:110px 0!important;padding:38px 44px!important;transition:background .45s,clip-path .45s,border-radius .45s,box-shadow .45s}
html.ag body .quote-universe .quote-note blockquote{font:400 clamp(25px,2.55vw,43px)/1.18 'Helvetica Neue',Helvetica,sans-serif;letter-spacing:-.045em;margin:0 0 30px!important}
html.ag body .quote-universe .quote-credit{position:relative;z-index:2;margin-top:0}
html.ag body .quote-universe .quote-credit strong{font-size:14px;text-transform:lowercase}

/* 01 / open sky: the words themselves become the celestial object. */
html.ag body .quote-universe[data-quote-view="sky"] .quote-note{width:64%!important;background:none!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:0 2px 18px #090d27db;text-align:center}
html.ag body .quote-universe[data-quote-view="sky"] .quote-note:before{content:'“';font:200 200px/.5 Georgia,serif;color:#e094fc;position:absolute;top:18px;left:0;opacity:.5;z-index:-1}
html.ag body .quote-universe[data-quote-view="sky"] .quote-credit span{color:#ede4f7!important}
html.ag body[data-theme=day] .quote-universe[data-quote-view="sky"] .quote-note{color:#252238!important;text-shadow:0 1px 15px #ffffffd0}
html.ag body[data-theme=day] .quote-universe[data-quote-view="sky"] .quote-credit span{color:#554c61!important}

/* 02 / orbit ribbon: a rich, horizontal editorial strip. */
html.ag body .quote-universe[data-quote-view="ribbon"] .quote-note{width:67%!important;max-width:720px!important;min-height:280px!important;background:linear-gradient(110deg,#e094fc 0 13px,#202447 13px 100%)!important;color:#fff!important;border:1px solid #eab6ff99!important;border-radius:14px 70px 14px 70px!important;box-shadow:0 24px 50px #0008!important;text-align:left}
html.ag body .quote-universe[data-quote-view="ribbon"] .quote-note:after{content:'✦';position:absolute;right:25px;top:12px;color:#e094fc;font-size:54px;line-height:1}
html.ag body .quote-universe[data-quote-view="ribbon"] .quote-credit span{color:#d5c9e4!important}
html.ag body[data-theme=day] .quote-universe[data-quote-view="ribbon"] .quote-note{background:linear-gradient(110deg,#e094fc 0 13px,#f7f3fc 13px 100%)!important;color:#272234!important;box-shadow:0 20px 44px #3b3c5955!important}
html.ag body[data-theme=day] .quote-universe[data-quote-view="ribbon"] .quote-credit span{color:#685f73!important}

/* 03 / star chart: a translucent specimen sheet without a computer toolbar. */
html.ag body .quote-universe[data-quote-view="chart"] .quote-note{width:60%!important;background:#fbf8ffed!important;color:#252139!important;border:1px solid #d8b6f3!important;border-radius:5px!important;box-shadow:14px 14px 0 #e094fc68,0 32px 60px #0005!important;text-align:left;padding:55px 42px 38px!important}
html.ag body .quote-universe[data-quote-view="chart"] .quote-note:before{content:'✦  FIELD NOTE / 06';position:absolute;top:16px;left:42px;right:42px;padding-bottom:10px;border-bottom:1px solid #c497df;font:600 10px/1 'Helvetica Neue',Helvetica,sans-serif;letter-spacing:.14em;color:#8f47b3}
html.ag body .quote-universe[data-quote-view="chart"] .quote-note:after{content:'✧';position:absolute;bottom:20px;right:30px;font-size:64px;color:#e094fc99}
html.ag body .quote-universe[data-quote-view="chart"] .quote-credit span{color:#635b70!important}
html.ag body .quote-universe[data-quote-view="chart"] .quote-note{margin-top:150px!important}

@media(max-width:750px){
 html.ag body .quote-concept-switch{gap:5px}
 html.ag body .quote-concept-switch button{font-size:11px;padding:8px 10px}
 html.ag body .quote-concept-switch small{flex-basis:100%;text-align:center}
 html.ag body .quote-universe{min-height:650px!important}
 html.ag body .quote-universe .quote-note{width:78%!important;min-height:280px!important;padding:26px!important;margin:145px 0!important}
 html.ag body .quote-universe .quote-note blockquote{font-size:clamp(21px,5.3vw,31px)!important}
 html.ag body .quote-universe[data-quote-view="sky"] .quote-note,
 html.ag body .quote-universe[data-quote-view="ribbon"] .quote-note,
 html.ag body .quote-universe[data-quote-view="chart"] .quote-note{width:80%!important}
 html.ag body .quote-universe[data-quote-view="chart"] .quote-note{width:70%!important;padding-top:50px!important}
 html.ag body .quote-universe[data-quote-view="chart"] .quote-note blockquote{font-size:19px!important}
 html.ag body .quote-universe[data-quote-view="chart"] .quote-note:before{left:26px;right:26px}
}

/* Final choice: a typographic marquee, with no decorative bulbs. */
html.ag body .machine-marquee{height:170px!important;width:81%!important;border:1px solid #ead8fa!important;border-bottom:0!important;border-radius:170px 170px 0 0!important;background:linear-gradient(145deg,#efd6fa 0%,#d8c6f1 54%,#d4e6f8 100%)!important;box-shadow:inset 0 2px 0 #fff9,0 19px 33px -23px #68428c99!important;overflow:hidden}
html.ag body .machine-marquee:before{content:'';position:absolute;inset:12px 13px -20px;border:1px solid #ffffffa8;border-bottom:0;border-radius:160px 160px 0 0;pointer-events:none}
html.ag body[data-theme=night] .machine-marquee{background:linear-gradient(145deg,#473365 0%,#302948 58%,#242a48 100%)!important;border-color:#b78bd0!important;box-shadow:inset 0 2px 0 #ffffff23,0 18px 42px -22px #050717!important}
html.ag body[data-theme=night] .machine-marquee:before{border-color:#dfbeec55}
html.ag body .machine-marquee .marquee-lights{display:none!important}
html.ag body .machine-marquee h2{font-size:clamp(32px,4.2vw,56px)!important;letter-spacing:-.05em!important}

/* The logo glyphs are now the same visual cap height as each word. */
html.ag body .reel-labels>span{gap:0!important;align-items:baseline!important}
html.ag body .reel-labels .reel-word,
html.ag body .reel-labels>span:nth-child(3) .reel-word{font-size:clamp(24px,2.5vw,34px)!important;letter-spacing:-.055em!important}
html.ag body .reel-labels .reel-the,
html.ag body .reel-labels>span:nth-child(3) .reel-the{position:relative;left:-5px;top:5px;margin-right:-4px;font-size:clamp(15px,1.65vw,21px)!important}
html.ag body .reel-labels .slot-initial,
html.ag body .reel-labels>span:nth-child(2) .slot-initial,
html.ag body .reel-labels>span:nth-child(3) .slot-initial{height:clamp(18px,1.9vw,25px)!important;top:1px!important;margin-right:0!important}

/* Day logos need a clean halo, not the dark blurred depth used at night. */
html.ag body[data-theme=day] .client-satellite .logo-object,
html.ag body[data-theme=day] .client-satellite[data-brand=lsu] .logo-object,
html.ag body[data-theme=day] .client-satellite[data-brand=linus] .logo-object{filter:drop-shadow(0 0 4px #ffffff) drop-shadow(0 0 13px #fffffff2) drop-shadow(0 1px 2px #ffffffd8)!important}

/* Compact discovery controls; curation actions stay together on the right. */
html.ag body #collection .explore-search{padding:3px 2px 10px!important}
html.ag body #collection .filter-row{margin:13px 0 7px!important}
html.ag body #collection .color-row{margin:7px 0!important}
html.ag body #collection .shortlist-tools{justify-content:flex-end;align-items:center;gap:8px;margin:3px 0 6px!important}
html.ag body #collection .shortlist-tools .experiment-note{flex-basis:auto!important;order:-1;margin-right:auto}
html.ag body #collection #shortlistRefresh,
html.ag body #collection #shortlistUndo:disabled{display:none!important}
html.ag body #collection .shortlist-tools .experiment-note{display:none!important}
html.ag body #collection #galleryArrange{order:1}
html.ag body #collection #galleryUpload{order:2}
html.ag body #collection #resultCount{margin:8px 0 11px!important}
@media(min-width:1150px){
 html.ag body #collection{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center}
 html.ag body #collection>.explore-search,
 html.ag body #collection>.filter-row,
 html.ag body #collection>#resultCount,
 html.ag body #collection>#projectList{grid-column:1/-1}
 html.ag body #collection>.color-row{grid-column:1;min-width:0;overflow-x:auto}
 html.ag body #collection>.shortlist-tools{grid-column:2;min-width:0;flex-wrap:nowrap}
 html.ag body #collection .shortlist-tools .experiment-note{max-width:170px;line-height:1.2}
}

/* A sparse celestial chart: the stars occupy nodes, the title occupies its center. */
html.ag body .ag-sky-window:before{display:none!important}
html.ag body .ag-grid path{opacity:.11;stroke-width:.85}
html.ag body[data-theme=night] .ag-grid path{stroke:#e9d9ff!important;opacity:.18!important}
html.ag body[data-theme=day] .ag-grid path{stroke:#9c70b4!important;opacity:.22!important}
html.ag body .ag-grid .ag-grid-axis{opacity:.18!important;stroke-dasharray:none}
html.ag body .ag-sky-label{left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:max-content;max-width:70%;border:0!important;border-radius:0!important;background:none!important;padding:0!important;font:600 clamp(10px,1vw,14px)/1.35 'Helvetica Neue',Helvetica,sans-serif!important;font-style:normal!important;letter-spacing:.24em!important;text-transform:uppercase;opacity:1!important;text-align:center;z-index:4;text-shadow:0 1px 8px #0a0d2a}
html.ag body[data-theme=day] .ag-sky-label{color:#784693!important;text-shadow:0 0 10px #fff,0 0 18px #fff}
html.ag body[data-theme=night] .ag-sky-label{color:#f1dbff!important}
html.ag body .ag-plus{display:none!important}
html.ag body .ag-st-body{filter:drop-shadow(0 2px 1px #151028a0) drop-shadow(0 6px 6px #11112b9a) drop-shadow(0 0 7px #e094fc8a)!important}
html.ag body[data-theme=day] .ag-st-body{filter:drop-shadow(0 1px 1px #704b8e88) drop-shadow(0 5px 5px #9061ab75) drop-shadow(0 0 5px #ffffffd9)!important}
html.ag body .ag-star-depth{stroke:none!important}

/* Chosen testimonial treatment: open sky, a paired-star quotation cue. */
html.ag body .quote-concept-switch{display:none!important}
html.ag body .quote-universe[data-quote-view="sky"] .quote-note:before{content:'✦   ✦'!important;position:static!important;display:block;margin:0 auto 18px;font:400 28px/1 'Helvetica Neue',Helvetica,sans-serif!important;letter-spacing:-.12em;color:#e6afff;opacity:1!important;z-index:2;filter:drop-shadow(0 0 8px #e094fc9c);text-shadow:none}
html.ag body .quote-universe[data-quote-view="sky"] .quote-note blockquote{margin:0 0 26px!important}
html.ag body .quote-universe[data-quote-view="sky"] .quote-credit{display:flex!important;justify-content:center!important;text-align:center!important;width:100%}
html.ag body .quote-universe[data-quote-view="sky"] .quote-credit>div{display:flex;flex-direction:column;align-items:center}
html.ag body .quote-universe[data-quote-view="sky"] .quote-credit:before{content:'';display:block;position:absolute;top:-13px;left:50%;width:56px;height:1px;translate:-50% 0;background:#e094fc99}

@media(max-width:750px){
 html.ag body .machine-marquee{height:112px!important;width:84%!important;border-radius:130px 130px 0 0!important}
 html.ag body .machine-marquee:before{inset:8px 8px -12px;border-radius:110px 110px 0 0}
 html.ag body .machine-marquee h2{font-size:clamp(24px,7vw,31px)!important}
 html.ag body .reel-labels .reel-word,
 html.ag body .reel-labels>span:nth-child(3) .reel-word{font-size:clamp(11px,3.45vw,16px)!important}
 html.ag body .reel-labels .reel-the,
 html.ag body .reel-labels>span:nth-child(3) .reel-the{font-size:clamp(8px,2.3vw,12px)!important;left:-3px;top:3px}
 html.ag body .reel-labels .slot-initial,
 html.ag body .reel-labels>span:nth-child(2) .slot-initial,
 html.ag body .reel-labels>span:nth-child(3) .slot-initial{height:clamp(9px,2.9vw,14px)!important;top:0!important}
 html.ag body #collection .shortlist-tools .experiment-note{flex-basis:100%!important;order:5;text-align:right}
 html.ag body .ag-sky-label{font-size:9px!important;letter-spacing:.14em!important;max-width:52%}
}