/* Shared, responsive design sketches; the monitor retains its original plane. */
/* Focus must not scroll the cropped photograph to reveal its retired link row. */
.fixed-hero,.hero-scene{overflow:clip}
.method-examples{--method-accent:var(--studio-accent);color:var(--studio-text);text-align:left}
.method-examples[data-current-example=amore]{--method-accent:var(--method-amore)}
.method-examples[data-current-example=proteneo]{--method-accent:var(--method-proteneo)}
.method-examples[data-current-example=references]{--method-accent:var(--method-references)}
.method-examples[data-current-example=handoff]{--method-accent:var(--method-handoff)}
.method-examples [hidden],.live-monitor>[hidden]{display:none!important}
.method-example-choices{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #ffffff1c;padding-bottom:12px}
.method-example-choices button{font:inherit;font-size:13px;min-height:44px;padding:0 17px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--studio-mid);cursor:pointer}
.method-example-choices button:hover{color:#fff;background:#ffffff07}
.method-example-choices button[aria-pressed=true]{color:var(--studio-text);background:var(--studio-ink);border-color:var(--method-accent);box-shadow:inset 0 2px 5px #0007}
.method-examples button:focus-visible,.monitor-story-toggle:focus-visible,.method-hero-link:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}
.method-examples button:focus-visible{outline-color:var(--method-accent)}
.method-example-detail{padding-top:25px}
.method-scope,.method-caption,.method-sketch-note{display:block;font-size:10px;line-height:1.5;letter-spacing:1.3px;text-transform:uppercase;color:var(--studio-muted)}
.method-example-heading h3{font-size:27px;font-weight:550;letter-spacing:-.8px;line-height:1.2;margin:10px 0 9px}
.method-example-heading p{font-size:14px;line-height:1.6;color:var(--studio-mid);margin:0;max-width:none}
.method-comparison{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;margin-top:27px}
.method-comparison>section{min-width:0;padding:20px;border:1px solid #ffffff16;border-radius:3px;background:var(--studio-ink)}
.method-comparison h4{font-size:16px;line-height:1.4;font-weight:500;margin:8px 0 17px}
.method-friction .method-caption{color:var(--studio-muted)}
.method-fragments{display:flex;align-content:start;flex-wrap:wrap;gap:8px}
.method-fragments span{border:1px dashed #ffffff26;padding:7px 9px;border-radius:3px;color:var(--studio-mid);font-size:12px;line-height:1.4}
.method-result{border-left:2px solid transparent!important;--showcase-rail-color:var(--method-accent)}
.method-result .method-caption{color:var(--method-accent)}
.method-result dl{margin:0}
.method-result dl>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:8px 0;border-top:1px solid #ffffff14;font-size:12px;line-height:1.5}
.method-result dt{font-weight:500;color:var(--studio-text)}
.method-result dd{margin:0;color:var(--studio-mid)}
.method-example-detail .method-decision{margin:20px 0 0;font-size:14px;line-height:1.7;color:var(--studio-text);max-width:760px}
.method-sketch-note{font-size:9px;letter-spacing:.4px;text-transform:none;color:var(--studio-muted);margin-top:10px}
.method-origin-story .method-origin-lead{max-width:820px;font-size:15px;line-height:1.65;color:var(--studio-mid);margin:16px 0 0}
.method-origin-principles{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}
.method-origin-principles>section{min-width:0;padding-left:16px;border-left:2px solid transparent;--showcase-rail-color:var(--method-accent)}
.method-origin-principles h4{font-size:18px;font-weight:550;line-height:1.3;margin:0 0 9px}
.method-origin-principles p{font-size:14px;line-height:1.7;color:var(--studio-mid);max-width:none;margin:0}
.method-origin-close{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin-top:24px;padding-top:17px;border-top:1px solid #ffffff1c}
.method-origin-close strong{font-size:16px;line-height:1.5;font-weight:550;color:var(--studio-text)}
.method-origin-close span{font-size:13px;line-height:1.5;color:var(--studio-mid)}

.live-monitor .monitor-product{height:calc(100% - 52px)}
.live-monitor{--monitor-accent:var(--method-amore)}
.live-monitor:has(.monitor-method:not([hidden]) [data-current-example=proteneo]){--monitor-accent:var(--method-proteneo)}
.live-monitor:has(.monitor-method:not([hidden]) [data-current-example=references]){--monitor-accent:var(--method-references)}
.live-monitor:has(.monitor-method:not([hidden]) [data-current-example=handoff]){--monitor-accent:var(--method-handoff)}
.monitor-product .amv-shell{min-height:0}
.monitor-story-bar{height:52px;padding:0 164px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff22;background:linear-gradient(#101012,var(--studio-ink))}
.monitor-story-bar>span{font-size:10px;letter-spacing:1px;color:var(--studio-muted)}
.monitor-story-toggle{display:flex;align-items:center;gap:18px;min-height:44px;padding:0 6px;border:0;background:none;color:var(--monitor-accent);font:500 18px Inter,Arial,sans-serif;cursor:pointer;border-radius:5px}
.monitor-story-toggle:focus-visible{outline-color:var(--monitor-accent)}
.monitor-story-toggle:hover{text-decoration:underline;text-underline-offset:4px}
.monitor-reader-open{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;background:none;color:var(--studio-text);font-size:16px;border-radius:5px;white-space:nowrap}
.monitor-reader-open:hover{text-decoration:underline;text-underline-offset:4px}
.monitor-reader-open:focus-visible{outline:2px solid var(--monitor-accent);outline-offset:3px}
.monitor-method{height:calc(100% - 52px);padding:16px 167px 13px 26px;overflow:auto;scrollbar-width:thin;background:linear-gradient(135deg,var(--studio-surface),var(--studio-ink))}
.monitor-method-heading>span{font-size:10px;letter-spacing:1.5px;color:var(--studio-muted)}
.monitor-method-heading h2{font-size:30px;font-weight:550;line-height:1.2;letter-spacing:-1px;margin:7px 0}
.monitor-method-heading>p{font-size:13px;color:var(--studio-mid);margin:0 0 14px}
.monitor-method .method-example-choices{gap:3px;padding-bottom:8px}
.monitor-method .method-example-choices button{font-size:15px;min-height:36px;padding:0 14px}
.monitor-method .method-example-detail{padding-top:13px}
.monitor-method .method-scope{font-size:9px;letter-spacing:.9px}
.monitor-method .method-example-heading h3{font-size:29px;margin:6px 0}
.monitor-method .method-example-heading p{display:none}
.monitor-method .method-comparison{gap:16px;margin-top:15px}
.monitor-method .method-comparison>section{padding:12px}
.monitor-method .method-caption{font-size:11px;letter-spacing:.9px}
.monitor-method .method-comparison h4{font-size:16px;margin:6px 0 10px}
.monitor-method .method-fragments{gap:5px}
.monitor-method .method-fragments span{padding:5px 7px;font-size:13px}
.monitor-method .method-result dl>div{grid-template-columns:95px 1fr;gap:8px;padding:6px 0;font-size:13px}
.monitor-method .method-decision{font-size:14px;line-height:1.5;margin-top:12px}
.monitor-method .method-sketch-note{display:none}
.monitor-method .method-origin-lead{font-size:15px;line-height:1.5;margin-top:10px}
.monitor-method .method-origin-principles{gap:23px;margin-top:17px}
.monitor-method .method-origin-principles>section{padding-left:13px}
.monitor-method .method-origin-principles h4{font-size:17px;margin-bottom:7px}
.monitor-method .method-origin-principles p{font-size:14px;line-height:1.5}
.monitor-method .method-origin-close{gap:4px 20px;margin-top:17px;padding-top:12px}
.monitor-method .method-origin-close strong{font-size:15px}
.monitor-method .method-origin-close span{font-size:12px}

.method.method-studio{display:block;padding:80px var(--page);background:linear-gradient(135deg,var(--studio-surface),var(--studio-ink))}
.method-studio-header{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;margin-top:24px}
.method-studio h2{font-size:clamp(29px,3.3vw,49px);font-weight:550;line-height:1.18;letter-spacing:-1.7px;margin:0}
.method-studio h2>span{display:block}
.method-studio h2>span:nth-child(2){color:var(--studio-secondary)}
.method-studio h2>span:last-child{color:var(--studio-accent)}
.method-studio>.section-index{display:flex;align-items:center;gap:12px;color:var(--studio-mid)}
.method-studio>.section-index::before{content:"";width:38px;height:2px;background:linear-gradient(90deg,transparent,var(--method-amore) 20%,var(--method-references) 80%,transparent)}
.method-studio-intro p{font-size:15px;line-height:1.8;color:var(--studio-mid);margin:0;max-width:520px}
.method-studio-intro p+p{margin-top:14px}
.method-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:43px 0 0;padding:12px;border:1px solid #ffffff18;border-radius:3px;background:linear-gradient(145deg,#18171d,#0b0b0e);box-shadow:inset 0 1px 0 #ffffff0b,0 10px 24px #0004;list-style:none}
.method-principles li{--principle-accent:var(--method-proteneo);position:relative;min-width:0;display:grid;grid-template-columns:2px minmax(0,1fr);align-content:start;gap:9px 14px;padding:24px 22px 24px 16px;border:1px solid #000b;border-bottom-color:#ffffff12;border-radius:3px;background:linear-gradient(150deg,#010002,#08080b);box-shadow:inset 0 3px 9px #000c,inset 0 1px 2px #000,0 1px 0 #ffffff07}
.method-principles li:nth-child(2){--principle-accent:var(--method-references)}
.method-principles li:nth-child(3){--principle-accent:var(--method-amore)}
/* Share both text rows so each rail tracks its own heading and paragraph. */
.method-principles li::after{content:"";grid-column:1;grid-row:1 / span 2;align-self:stretch;width:2px;pointer-events:none;background:linear-gradient(180deg,transparent,var(--principle-accent) 7px,var(--principle-accent) calc(100% - 7px),transparent)}
.method-principles strong{grid-column:2;font-size:17px;font-weight:550;line-height:1.5;color:var(--studio-text)}
.method-principles p{grid-column:2;font-size:14px;line-height:1.7;color:var(--studio-mid);margin:0;max-width:none}
.method-hero-link{display:none}
.method-reader-entry{display:none;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:0;background:transparent;color:var(--studio-text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.method-reader-entry span{color:var(--method-amore)}
.method-reader-entry:focus-visible{outline:2px solid var(--method-amore);outline-offset:4px}
body.method-reader-is-open{overflow:hidden}
#method-reader{width:min(980px,calc(100% - 48px));height:fit-content;max-width:none;max-height:calc(100dvh - 48px);padding:0;margin:auto;border:1px solid #ffffff26;border-radius:3px;background:linear-gradient(135deg,var(--studio-surface),var(--studio-ink));color:var(--studio-text);overscroll-behavior:contain;scrollbar-width:thin}
#method-reader::backdrop{background:#000c}
.method-reader-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px;border-bottom:1px solid #ffffff1c;background:var(--studio-ink)}
.method-reader-header h2{font-size:26px;font-weight:550;letter-spacing:-.7px;line-height:1.25;margin-top:6px}
.method-reader-header button{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px;background:transparent;color:var(--studio-text);font-size:13px;border-radius:5px}
.method-reader-header button span{font-size:24px}
.method-reader-header button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}
#method-reader-exhibit{padding:24px 32px 32px}
@media(max-width:760px){
 .method-reader-entry{display:flex;width:100%}
 #method-reader{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
 .method-reader-header{padding:16px;gap:12px}
 .method-reader-header h2{font-size:21px}
 #method-reader-exhibit{padding:20px 16px 24px}
 .method.method-studio{padding:45px var(--page)}
 .method-studio-header{grid-template-columns:1fr;gap:22px;margin-top:20px}
 .method-studio h2{font-size:clamp(26px,6.6vw,40px);letter-spacing:-1px}
 .method-studio-intro p{font-size:14px;line-height:1.7}
 .method-principles{grid-template-columns:1fr;gap:10px;margin:28px 0;padding:8px}
 .method-principles li{gap:7px 12px;padding:19px 16px 19px 14px}
 .method-principles strong{font-size:16px}
 .method-principles p{font-size:13px;margin:0}
 .method-example-choices{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-bottom:14px}
 .method-example-choices button{min-height:46px;padding:0 10px;font-size:13px;text-align:left}
 .method-example-detail{padding-top:22px}
 .method-scope{font-size:9px;letter-spacing:1px}
 .method-example-heading h3{font-size:24px;line-height:1.25}
 .method-example-heading p{font-size:13px;margin:0}
 .method-comparison{grid-template-columns:1fr;gap:12px;margin-top:20px}
 .method-comparison>section{padding:16px}
 .method-comparison h4{font-size:15px}
 .method-result dl>div{grid-template-columns:86px 1fr;gap:10px}
 .method-example-detail .method-decision{font-size:13px}
 .method-origin-story .method-origin-lead{font-size:14px;margin-top:14px}
 .method-origin-principles{grid-template-columns:1fr;gap:22px;margin-top:24px}
 .method-origin-principles h4{font-size:17px}
 .method-origin-principles p{font-size:14px}
 .method-origin-close{gap:7px;margin-top:24px;padding-top:17px}
 .method-hero-link{display:flex;align-items:center;justify-content:space-between;margin:0 24px 16px;min-height:44px;font-size:12px;color:var(--studio-accent);border-bottom:1px solid color-mix(in srgb,var(--studio-accent) 40%,transparent)}
}
@media(forced-colors:active){.method-example-choices button[aria-pressed=true]{border-color:Highlight}.method-result{border-color:Highlight!important}}
@media(forced-colors:active){.method-principles,.method-principles li{border-color:CanvasText}.method-principles li::after,.method-studio>.section-index::before{background:CanvasText}}