/* The Studio shares the universe shell and panel language; no independent site chrome. */
.branch-swatch-studio {background:#273850;color:#a9cbff}
.branch-option[data-branch="tanner/studio"] .branch-option-copy strong {font-family:var(--sans);font-size:14px}
.studio-universe {--studio-bg:#151c26;--studio-panel:#1b2532;--studio-raised:#233246;--studio-ink:#edf3fa;--studio-muted:#aab8ca;--studio-line:#334257;--studio-accent:#aecfff;--studio-button:#aecfff;--studio-button-ink:#10243f;--studio-image:#25364c;min-height:100%;padding:clamp(20px,3.5vw,48px);background:var(--studio-bg);color:var(--studio-ink);font:16px/1.6 var(--sans);overflow-wrap:break-word}
body.light .studio-universe {--studio-bg:#edf2f8;--studio-panel:#f8fafd;--studio-raised:#e0e9f6;--studio-ink:#1d3047;--studio-muted:#52677e;--studio-line:#c8d6e6;--studio-accent:#315f9c;--studio-button:#305e9b;--studio-button-ink:#fff;--studio-image:#dce6f3}
.studio-universe :is(h1,h2,h3,p,figure) {margin:0;color:inherit}
.studio-universe :is(button,a,summary) {font:inherit;color:inherit}
.studio-universe :is(a,button,summary):focus-visible {outline:2px solid var(--studio-accent);outline-offset:3px}
.studio-universe a {text-decoration:none}
.studio-universe button:hover {background:var(--studio-raised)}
.studio-universe [tabindex="-1"]:focus {outline:none}
.studio-heading {display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto 30px}
.studio-universe .studio-byline {font-size:14px;color:var(--studio-accent);margin-bottom:12px}
.studio-universe .studio-heading h1 {font-size:clamp(30px,3.8vw,49px);font-weight:500;line-height:1.13;letter-spacing:-1.7px;margin:0}
.studio-universe .studio-introduction {font-size:16px;color:var(--studio-muted);margin-top:15px;max-width:650px;line-height:1.6}
.studio-edition {font-size:13px;color:var(--studio-muted);white-space:nowrap;padding-bottom:4px}
.studio-layout {display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.8fr);gap:28px;max-width:1200px;margin:auto;align-items:start}
.studio-shelf {min-width:0;padding-top:4px}
.studio-universe .studio-shelf h2 {font-size:14px;font-weight:500;color:var(--studio-muted);margin:0 0 13px;padding:0 13px}
.studio-service-menu {display:grid;gap:6px}
.studio-service-menu button {min-height:78px;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:15px 14px;gap:12px;border:1px solid transparent;border-radius:8px}
.studio-service-menu button[aria-pressed="true"] {border-color:var(--studio-line);background:var(--studio-raised)}
.studio-service-menu strong {display:block;font-size:18px;font-weight:500;letter-spacing:-.3px}
.studio-service-menu small {display:block;font-size:13px;color:var(--studio-muted);margin-top:5px}
.studio-menu-marker {font-size:12px;color:var(--studio-accent)}
.studio-service-detail {padding:25px 14px 22px;min-height:282px}
.studio-universe .studio-service-detail h3 {font-size:19px;font-weight:500;line-height:1.45;letter-spacing:-.3px;margin-bottom:12px;max-width:280px}
.studio-service-detail p {font-size:15px;line-height:1.75;color:var(--studio-muted);margin-bottom:16px}
.studio-service-detail .studio-service-scope {font-size:13px;line-height:1.7;color:var(--studio-accent);margin:0}
.studio-person {display:flex;align-items:center;gap:12px;border-top:1px solid var(--studio-line);padding:22px 0 18px}
.studio-avatar {display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:9px;background:var(--studio-raised);border:1px solid var(--studio-line);color:var(--studio-accent);font:16px var(--mono)}
.studio-person strong {font-size:14px;font-weight:500}
.studio-person p {font-size:13px;line-height:1.55;color:var(--studio-muted);margin-top:4px}
.studio-universe .studio-contact-button {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:11px 15px;border-radius:7px;background:var(--studio-button);color:var(--studio-button-ink);font-size:14px;font-weight:600}
.studio-contact-button:hover {filter:brightness(1.08)}
.studio-contact-button svg {width:18px;height:18px}
.studio-email {display:flex;align-items:center;min-height:44px;font-size:13px!important;color:var(--studio-muted)!important;overflow-wrap:anywhere}
.studio-email:hover {color:var(--studio-accent)!important;text-decoration:underline}
.studio-universe details {border-top:1px solid var(--studio-line)}
.studio-universe summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;list-style:none;cursor:pointer;font-size:14px}
.studio-universe summary::-webkit-details-marker {display:none}
.studio-universe summary>span {font-size:22px;font-weight:300;color:var(--studio-muted)}
.studio-universe details[open]>summary>span {transform:rotate(45deg)}
.studio-process {margin-top:14px}
.studio-process ol {list-style:none;padding:0;counter-reset:studio-process;margin:6px 0 0}
.studio-process li {position:relative;padding:0 0 18px 30px;counter-increment:studio-process;font-size:14px}
.studio-process li:before {content:counter(studio-process);position:absolute;left:0;top:0;color:var(--studio-accent);font-size:13px}
.studio-process strong {display:block;font-weight:500;margin-bottom:5px}
.studio-process li>span {color:var(--studio-muted);font-size:13px;line-height:1.6;display:block}
.studio-project-panel {min-width:0;background:var(--studio-panel);border:1px solid var(--studio-line);border-radius:10px;overflow:hidden}
.studio-panel-top {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px 9px 24px;border-bottom:1px solid var(--studio-line)}
.studio-panel-top>span {font-size:13px;color:var(--studio-muted);white-space:nowrap}
.studio-project-menu {display:flex;align-items:center;gap:4px;min-width:0}
.studio-project-menu button {min-height:44px;border-radius:5px;padding:0 12px;font-size:13px;white-space:nowrap;color:var(--studio-muted)}
.studio-project-menu button[aria-pressed="true"] {background:var(--studio-raised);color:var(--studio-ink)}
.studio-case-heading {padding:26px 28px 24px}
.studio-universe .studio-project-category {font-size:13px;color:var(--studio-accent);margin-bottom:10px}
.studio-universe .studio-case-heading h2 {font-size:clamp(26px,3vw,37px);font-weight:500;line-height:1.2;letter-spacing:-1px;margin-bottom:12px;max-width:600px}
.studio-case-heading>p:last-child {font-size:16px;line-height:1.65;color:var(--studio-muted);max-width:590px}
.studio-project-visual {position:relative;background:var(--studio-image);margin:0 28px;min-width:0;border-radius:8px;padding:22px}
.studio-screen {position:relative}
.studio-screen img {display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 12px 25px #0002}
.studio-capture-label {display:block;font-size:12px;color:var(--studio-muted);margin-top:16px}
.studio-universe .studio-marker {position:absolute;width:44px;height:44px;padding:0;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:transparent}
.studio-universe .studio-marker:hover {background:transparent}
.studio-marker>span {display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:2px solid #fff;background:#192b43;color:#fff;font-size:12px;font-weight:600;box-shadow:0 3px 10px #0005}
.studio-marker[aria-pressed="true"]>span {background:#315fae;box-shadow:0 0 0 3px #ffffff70,0 3px 10px #0005}
.studio-marker:hover>span {transform:scale(1.1)}
.studio-visual-recess {display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:0 28px;align-items:center;padding:26px}
.studio-screen-recess {grid-column:1;grid-row:1}
.studio-screen-recess img {border-radius:17px}
.studio-visual-recess .studio-capture-label {grid-column:1/-1;grid-row:2}
.studio-visual-aside {grid-column:2;grid-row:1}
.studio-visual-aside .studio-aside-label {font-size:13px;color:var(--studio-accent)}
.studio-visual-aside p {font-size:24px;line-height:1.35;letter-spacing:-.6px;margin:14px 0 18px}
.studio-visual-aside>span:last-child {font-size:14px;line-height:1.7;color:var(--studio-muted)}
.studio-visual-inked {padding:30px 24px}
.studio-flow {display:grid;gap:20px}
.studio-universe .studio-flow button {position:relative;display:grid;grid-template-columns:32px 1fr;gap:3px 12px;text-align:left;padding:15px;background:var(--studio-panel);border:1px solid var(--studio-line);border-radius:7px;min-height:76px}
.studio-flow button>span {grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--studio-line);border-radius:50%;font-size:12px;align-self:center;color:var(--studio-accent)}
.studio-flow strong {font-size:15px;font-weight:500}
.studio-flow small {font-size:13px;color:var(--studio-muted)}
.studio-flow button[aria-pressed="true"] {border-color:var(--studio-accent)}
.studio-flow button+button:before {content:'';position:absolute;width:1px;height:19px;background:var(--studio-line);left:28px;top:-21px}
.studio-annotation {display:flex;align-items:start;gap:20px;padding:24px 28px;min-height:133px}
.studio-note-switcher {display:flex;gap:3px;flex-shrink:0}
.studio-note-switcher button {width:32px;min-height:44px;padding:0;font-size:13px;border-radius:6px;color:var(--studio-muted)}
.studio-note-switcher button[aria-pressed="true"] {background:var(--studio-raised);color:var(--studio-accent)}
.studio-universe #studio-note h3 {font-size:15px;line-height:1.6;font-weight:500;margin-bottom:5px}
#studio-note p {font-size:14px;line-height:1.65;color:var(--studio-muted)}
.studio-project-details {padding:0 28px 12px}
.studio-project-details details>p {font-size:15px;line-height:1.75;color:var(--studio-muted);padding-bottom:16px}
.studio-project-role {display:block;color:var(--studio-accent);font-size:12px;margin-bottom:16px}
.studio-panel-footnote {border-top:1px solid var(--studio-line);padding:14px 28px;color:var(--studio-muted);font-size:12px;line-height:1.6}
@media(max-width:1050px){.studio-edition{display:none}.studio-layout{grid-template-columns:minmax(220px,.85fr) minmax(0,1.6fr);gap:22px}.studio-panel-top{align-items:start;flex-direction:column;padding:14px 16px 8px;gap:7px}.studio-project-menu{width:100%;justify-content:space-between}.studio-project-menu button{padding:0 10px}.studio-case-heading{padding:23px}.studio-project-visual{margin:0 23px;padding:16px}.studio-annotation{padding:20px 23px;flex-direction:column;gap:12px}.studio-visual-recess{display:block}.studio-screen-recess{width:170px;margin:auto!important}.studio-visual-aside{display:none}.studio-project-details{padding:0 23px 10px}.studio-service-detail{padding-left:10px;padding-right:10px}}
@media(max-width:700px){.studio-universe{padding:24px 18px}.studio-heading{margin-bottom:26px}.studio-universe .studio-heading h1{font-size:32px;letter-spacing:-1px}.studio-layout{grid-template-columns:1fr;gap:26px}.studio-service-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.studio-service-menu button{min-height:76px;padding:10px;align-items:start}.studio-service-menu strong{font-size:14px;line-height:1.5}.studio-service-menu small,.studio-menu-marker{display:none}.studio-service-menu button[aria-pressed="true"]{border-color:var(--studio-accent)}.studio-universe .studio-shelf h2{padding:0;margin-bottom:14px}.studio-service-detail{min-height:0;padding:20px 0}.studio-universe .studio-service-detail h3{max-width:none}.studio-service-detail p{font-size:15px}.studio-person{padding-top:18px}.studio-project-menu{justify-content:flex-start;gap:5px;flex-wrap:wrap}.studio-project-menu button{font-size:13px;flex:1}.studio-case-heading{padding:22px 18px}.studio-universe .studio-case-heading h2{font-size:29px}.studio-project-visual{margin:0 14px;padding:16px}.studio-annotation{padding:18px;min-height:160px}.studio-note-switcher button{width:44px}.studio-project-details{padding:0 18px 8px}.studio-panel-footnote{padding:14px 18px}.studio-process{margin-top:4px}.studio-visual-recess{padding:24px}.studio-screen-recess{width:min(190px,85%)}.studio-flow button{padding:12px!important;grid-template-columns:28px 1fr!important;gap:3px 10px!important}.studio-flow strong{font-size:14px}.studio-flow small{font-size:12px}}
@media(max-width:359px){.studio-universe{padding:22px 13px}.studio-universe .studio-heading h1{font-size:29px}.studio-service-menu button{padding:8px}.studio-service-menu strong{font-size:13px}.studio-project-menu button{padding:0 7px;font-size:12px}.studio-universe .studio-case-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.studio-universe *{scroll-behavior:auto!important;transition:none!important}}