/* Hallmark · macrostructure: diagnostic workbench / persistent analysis / open studio
 * Approved Ink/Paper/Iris tokens; original native compositions, no stock assets.
 * pre-emit critique: P4 H5 E4 S5 R4 V5. Motion is finite and object-level. */
:root{--scene-rule:var(--rule-strong);--scene-paper:var(--ink-800);--scene-soft:var(--accent-200);--scene-shadow:var(--sh-onink)}
/* The message and conversion action are never part of an entrance timeline. */
.motion-ready .hero__h1>span,.motion-ready .hero .lead,.motion-ready .hero__action{animation:none}
.hero h1{max-width:19ch;text-wrap:balance;font-style:normal}
.hero__offer{margin-top:20px;color:var(--text-onink)!important}
.hero__action{margin-top:24px}
.hero__audience{font-size:14px;line-height:1.5;max-width:42ch}
.section-title,.section-title .em{font-style:normal}
.motion-replay{border:0;border-bottom:1px solid var(--scene-rule);padding:0 0 0 2px;background:none;min-height:44px;display:inline-flex;gap:20px;align-items:center;color:var(--text-onink-muted);font-size:14px;cursor:pointer;white-space:nowrap}
.motion-replay:hover{color:var(--text-onink)}
.motion-replay:active{transform:translateY(1px)}
.motion-replay:focus-visible{outline:3px solid var(--accent-soft);outline-offset:4px}
.scene-tag{font-size:13px;color:var(--accent-soft)}
/* Hero: a physical stack, a route, a lens and a priority. */
.workbench{min-width:0;width:100%;max-width:540px;margin:auto;position:relative;padding:0 8px}
.workbench figcaption{display:grid;gap:8px;line-height:1.45;font-size:17px;padding-inline:16px}
.wb-desk{height:372px;position:relative;perspective:900px;margin:20px 8px 8px}
.wb-back,.wb-plane{position:absolute;inset:20px 8px 46px;border:1px solid var(--scene-rule);border-radius:16px;background:var(--scene-paper);transform-origin:50% 55%}
.wb-back--far{transform:translate(2px,-9px) rotate(-5deg) scale(.95);background:var(--ink-900)}
.wb-back--near{transform:translate(0,0) rotate(3deg) scale(.99)}
.wb-plane{transform:translateY(9px) rotate(-1deg);box-shadow:var(--scene-shadow)}
.wb-tracks{position:absolute;inset:0;width:100%;height:100%;fill:none;overflow:visible}
.wb-route{stroke:var(--scene-rule);stroke-width:1.6}
.wb-context{stroke:var(--scene-rule);stroke-width:1;stroke-dasharray:3 9;opacity:.35}
.wb-token{transform:translate(95px,240px)}
.wb-token rect{fill:var(--accent);stroke:var(--accent-soft);stroke-width:1}
.wb-token path{stroke:var(--text-onink);stroke-width:1.4}
.wb-nodes{position:absolute;inset:0}
.wb-node{position:absolute;border:1px solid var(--scene-rule);background:var(--ink-800);font-size:14px;line-height:1.4;padding:10px 8px;text-align:center;border-radius:7px;min-width:38%;font-weight:500}
.wb-node:nth-of-type(1){left:4%;top:18%}
.wb-node:nth-of-type(3){right:4%;top:18%}
.wb-node:nth-of-type(5){left:4%;top:65%;border-color:var(--accent-soft)}
.wb-node:nth-of-type(7){right:4%;top:65%}
.wb-lens{position:absolute;left:2%;top:61%;width:42%;height:25%;border:1px solid var(--accent-soft);border-radius:10px;transform:translate(0,0)}
.wb-lens span{position:absolute;top:calc(100% + 8px);left:6px;font-size:12px;color:var(--accent-soft);white-space:nowrap}
.wb-priority{position:absolute;bottom:0;right:0;min-height:66px;width:78%;max-width:315px;background:var(--paper);color:var(--text-strong);border:1px solid var(--bio-line);border-radius:10px;padding:16px;display:flex;gap:16px;align-items:center;box-shadow:var(--sh-card);transform:translate(0,-3px) rotate(2deg);font-size:16px;font-weight:600;line-height:1.35}
.priority-glyph{font-family:var(--f-serif);font-size:34px;color:var(--accent);line-height:1}
.workbench[data-stage="materials"] .wb-back--far{transform:translate(0,7px) rotate(0deg) scale(.97)}
.workbench[data-stage="materials"] .wb-back--near{transform:translate(0,6px) rotate(0deg)}
.workbench[data-stage="materials"] .wb-plane{transform:translateY(2px) rotate(1deg)}
.workbench[data-stage="materials"] .wb-token{transform:translate(95px,90px)}
.workbench[data-stage="trace"] .wb-token{transform:translate(325px,240px)}
.workbench[data-stage="materials"] .wb-lens,.workbench[data-stage="trace"] .wb-lens{opacity:0;transform:translate(16px,-65px) scale(.92)}
.workbench:not([data-stage="priority"]) .wb-priority{transform:translate(-22px,12px) rotate(-4deg) scale(.96);opacity:.38}
.workbench[data-stage="inspect"] .wb-plane{transform:translateY(9px) rotate(0deg)}
.workbench .motion-replay{margin-left:24px}
/* Loss explorer: all four narratives remain in flow; lens and objects respond. */
.loss-explorer{margin-top:40px}
.loss-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:20px}
.studio-controls{display:flex;flex-wrap:wrap;gap:4px 16px;padding-inline:18px;margin-bottom:16px}
.studio-controls .competence-select{width:auto;font-family:var(--f-sans);font-size:15px;padding:10px 0}
.competence-item h3{font-family:var(--f-display);font-size:20px;line-height:1.3;color:var(--text-onink)}
@media(max-width:39.99rem){.loss-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.studio-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:4px 12px}.studio-controls .competence-select{width:100%;font-size:14px}}
.loss-theatre{height:186px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--bio-line);border-bottom:1px solid var(--bio-line);overflow:hidden}
.loss-motif{position:relative;display:flex;align-items:center;padding:8px;transform:scale(.83);opacity:.7}
.loss-motif svg{width:100%;height:auto;max-height:174px;fill:none;stroke:var(--text-muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.motif-paper{fill:var(--white);stroke:var(--bio-line)}
.motif-accent{fill:var(--accent-200);stroke:var(--accent)}
.motif-signal{fill:var(--accent);stroke:var(--accent)}
.loss-lens{position:absolute;inset:8px auto 8px 0;width:25%;border:1px solid var(--accent);border-radius:12px;background:var(--accent-200);opacity:.7;transform:translateX(0)}
.loss-explorer[data-selected="1"] .loss-lens{transform:translateX(100%)}
.loss-explorer[data-selected="2"] .loss-lens{transform:translateX(200%)}
.loss-explorer[data-selected="3"] .loss-lens{transform:translateX(300%)}
.loss-explorer[data-selected="0"] [data-loss-motif="0"],.loss-explorer[data-selected="1"] [data-loss-motif="1"],.loss-explorer[data-selected="2"] [data-loss-motif="2"],.loss-explorer[data-selected="3"] [data-loss-motif="3"]{transform:scale(1);opacity:1}
.loss-explorer:not([data-selected="0"]) .attention-rays{transform:translateX(-20px)}
.loss-explorer:not([data-selected="1"]) .request-slip{transform:translate(32px,10px) rotate(4deg);transform-origin:center}
.loss-explorer:not([data-selected="2"]) .appointment-invite{transform:translate(-28px,18px)}
.loss-explorer:not([data-selected="2"]) .appointment-grid{transform:translate(6px,-10px) rotate(-5deg);transform-origin:center}
.loss-explorer:not([data-selected="3"]) .decision-gate{transform:translateX(24px)}
.loss-map{margin-top:0!important;gap:24px}
.loss-card{border:0;background:none;padding:24px 0 0;border-radius:0}
.loss-card__top{margin-bottom:20px!important}
.loss-select{min-height:44px;padding:8px 0;border:0;border-bottom:2px solid var(--bio-line);background:none;text-align:left;font-weight:600;font-size:15px;color:var(--text-body);cursor:pointer;width:100%;white-space:nowrap}
.loss-select[aria-pressed="true"]{border-bottom-color:var(--accent);color:var(--accent)}
.loss-select:hover{color:var(--accent)}
.loss-select:focus-visible,.competence-select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.loss-select:disabled,.competence-select:disabled{cursor:default}
.loss-card h3{font-size:22px}
.loss-card .loss-card__question{font-size:14px;line-height:1.5;min-height:0}
/* Consultation: same pieces, three arrangements, independent from scroll layout. */
.consultation__intro .section-title{font-size:clamp(32px,3.4vw,46px)}
.consultation__intro .lead{font-size:18px;line-height:1.55;margin-top:20px}
.consultation__note{margin-top:20px!important;font-size:14px;line-height:1.55;max-width:48ch}
.analysis-table{position:relative;height:258px;margin-top:24px;isolation:isolate;font-size:14px;color:var(--text-body)}
.analysis-back{position:absolute;inset:12px 8px 12px;border:1px solid var(--bio-line);border-radius:12px;background:var(--paper);transform:rotate(-2deg);z-index:-1}
.analysis-grid{position:absolute;inset:20px 14px;border:1px solid var(--line-paper);border-radius:10px;background:var(--white);z-index:-1}
.analysis-tile{position:absolute;left:7%;top:0;width:40%;padding:13px 12px;display:flex;gap:9px;align-items:center;background:var(--white);border:1px solid var(--bio-line);border-radius:7px;box-shadow:var(--sh-card);transform:translate(0,60px);line-height:1.3;font-weight:500}
.analysis-tile i{width:6px;height:6px;border:1px solid var(--text-muted);border-radius:50%;flex:none}
.tile-1{transform:translate(115%,153px);border-color:var(--accent)}
.tile-1 i{background:var(--accent);border-color:var(--accent)}
.tile-2{transform:translate(0,115px)}
.analysis-zone{position:absolute;font-size:12px;line-height:1.4;color:var(--text-muted)}
.zone-later{top:34px;left:7%}.zone-first{top:127px;left:53%;color:var(--accent)}
.analysis-bracket{position:absolute;left:52%;top:148px;width:42%;height:55px;border:1px solid var(--accent);border-radius:9px;opacity:1}
.analysis-marker{position:absolute;right:8%;top:84px;color:var(--accent);font-size:21px;opacity:0}
.analysis-table[data-stage="A"] .tile-0{transform:translate(0,48px) rotate(-2deg)}
.analysis-table[data-stage="A"] .tile-1{transform:translate(44%,105px)}
.analysis-table[data-stage="A"] .tile-2{transform:translate(100%,164px) rotate(2deg)}
.analysis-table[data-stage="A"] .analysis-bracket,.analysis-table[data-stage="A"] .analysis-zone{opacity:0}
.analysis-table[data-stage="B"] .tile-0{transform:translate(0,44px) rotate(-2deg)}
.analysis-table[data-stage="B"] .tile-1{transform:translate(44%,106px)}
.analysis-table[data-stage="B"] .tile-2{transform:translate(100%,174px) rotate(2deg)}
.analysis-table[data-stage="B"] .analysis-zone{opacity:0}
.analysis-table[data-stage="B"] .analysis-bracket{transform:translate(-68%,-47px)}
.analysis-table[data-stage="B"] .analysis-marker{opacity:1;transform:translate(-2px,20px)}
.inline-table{display:none}
.chapter-tag{font-size:15px;font-weight:600;color:var(--accent)}
.process-step{background:none;border:0;border-radius:0;border-bottom:1px solid var(--line-paper);padding:24px 0 36px!important}
.process-step .numeral{font-size:42px}
.process-step__output{border-top:0;padding:0;margin-top:24px;border-left:2px solid var(--accent);padding-left:16px}
.process-step__output>span{font-size:13px}
.process-step.is-current .chapter-tag{text-decoration:underline;text-underline-offset:6px}
/* Output notes: no PDF or deliverable implied. */
.decision-notes{margin-top:32px;display:flex;align-items:center;gap:40px}
.decision-notes figcaption{font-size:14px;color:var(--text-muted)}
.decision-notes>div{display:flex;gap:0;padding:10px 0;flex:1}
.decision-notes span{background:var(--white);border:1px solid var(--bio-line);border-radius:6px;padding:16px 24px;color:var(--accent);font-size:15px;box-shadow:var(--sh-card);transform:rotate(-4deg)}
.decision-notes span:nth-child(2){transform:translateX(-8px) rotate(0)}
.decision-notes span:nth-child(3){transform:translateX(-16px) rotate(4deg)}
.outcomes__list{margin-top:28px}
/* The studio stays open: an illustration field, not another fake app window. */
.competence-studio{max-width:520px;width:100%;margin:auto;position:relative}
.studio-figure{position:relative;padding:12px 18px 0;isolation:isolate}
.studio-figure figcaption{font-size:14px;color:var(--text-onink-muted);margin-bottom:8px}
.studio-back{position:absolute;inset:70px 36px 36px;border:1px solid var(--scene-rule);border-radius:12px;transform:rotate(-7deg);z-index:-1}
.studio-svg{width:100%;height:auto;display:block;overflow:visible;fill:none;stroke:var(--text-onink-muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.studio-guide{stroke:var(--scene-rule)}
.studio-paper{fill:var(--ink-800);stroke:var(--text-onink-muted)}
.studio-window{fill:var(--accent);stroke:var(--accent-soft)}
.studio-line{stroke:var(--text-onink-muted)}
.copy-line{fill:var(--text-onink);stroke:none}
.copy-line-0{fill:var(--accent-soft)}
.copy-caret{stroke:var(--accent-soft);stroke-width:2}
.traffic-grain{fill:var(--text-onink);stroke:none}
.grain-0{transform:translate(125px,40px)}
.grain-1{transform:translate(180px,-13px)}
.grain-2{transform:translate(159px,-91px)}
.grain-3{transform:translate(143px,70px)}
.grain-4{transform:translate(56px,-55px)}
.grain-5{transform:translate(41px,109px)}
.grain-6{transform:translate(35px,122px)}
.grain-7{transform:translate(260px,-68px)}
.video-playhead{stroke:var(--accent-soft);stroke-width:2;transform:translateX(272px)}
.phone-signal{transform:translate(145px,202px)}
.studio-svg [data-competence-scene]{display:none}
.competence-studio[data-selected="0"] [data-competence-scene="0"],.competence-studio[data-selected="1"] [data-competence-scene="1"],.competence-studio[data-selected="2"] [data-competence-scene="2"],.competence-studio[data-selected="3"] [data-competence-scene="3"],.competence-studio[data-selected="4"] [data-competence-scene="4"]{display:block}
.competence-studio .motion-replay{margin-left:18px}
.team-map{margin-top:32px;padding:0!important;border:0;border-radius:0;background:none}
.team-map__head{padding-bottom:20px;font-size:14px}
.competence-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:20px}
.competence-select{min-height:44px;padding:8px 0 12px;display:block;width:100%;background:none;border:0;border-bottom:2px solid var(--scene-rule);color:var(--text-onink);text-align:left;font-family:var(--f-display);font-size:20px;cursor:pointer;white-space:nowrap}
.competence-select[aria-pressed="true"]{border-color:var(--accent-soft);color:var(--accent-soft)}
.competence-select:hover{color:var(--accent-soft)}
.competence-select:focus-visible{outline-color:var(--accent-soft)}
.competence-item p{font-size:16px;color:var(--text-onink-muted);line-height:1.5;margin-top:16px;max-width:32ch}
@media(min-width:60rem){
 .hero__in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px}
 .hero h1{font-size:clamp(48px,4.3vw,62px);line-height:1.05}
 .hero{padding-top:56px}.hero-bottom{margin-top:48px}
 .wb-desk{height:400px}
 .consultation__in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:84px}
 .consultation__intro{top:32px}
 .team__in{align-items:center}
}
@media(min-width:60rem) and (max-height:799px){.consultation__intro{position:static}}
@media(max-width:59.99rem){
 .consultation__intro{position:static}.consultation__intro>.analysis-table{display:none}
 .inline-table{display:block;max-width:450px;width:100%;margin:24px auto 0}
 .consultation__note{max-width:50ch}
 .process{gap:8px}.process-step h3{max-width:28ch}
 .competence-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .team__in{gap:32px}
 .loss-theatre{height:176px}
}
@media(max-width:39.99rem){
 .workbench{padding:0;max-width:400px}.wb-desk{height:352px;margin:16px 2px 8px}
 .workbench figcaption{padding-inline:8px}.wb-back,.wb-plane{inset:16px 4px 56px}
 .wb-node{font-size:14px;padding:9px 5px;min-width:40%}
 .wb-node:nth-of-type(1),.wb-node:nth-of-type(5){left:3%}.wb-node:nth-of-type(3),.wb-node:nth-of-type(7){right:3%}
 .wb-priority{font-size:15px;right:0;padding:14px;min-height:64px;bottom:2px}
 .wb-lens{left:1%;width:44%;height:26%}.wb-lens span{font-size:12px;top:calc(100% + 6px)}
 .hero__in{gap:32px}.hero .lead{margin-top:24px;font-size:18px}.hero h1{font-size:40px;line-height:1.06}
 .hero__action .btn{padding-inline:20px}
 .loss-theatre{height:268px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,134px)}
 .loss-motif{padding:0 6px}.loss-motif svg{max-height:130px}
 .loss-lens{inset:4px auto auto 0;width:50%;height:126px}
 .loss-explorer[data-selected="1"] .loss-lens{transform:translate(100%,0)}
 .loss-explorer[data-selected="2"] .loss-lens{transform:translate(0,134px)}
 .loss-explorer[data-selected="3"] .loss-lens{transform:translate(100%,134px)}
 .loss-map{gap:16px}.loss-card{padding-top:16px}.loss-card__top{margin-bottom:16px!important}
 .loss-select{font-size:16px}.loss-card p{font-size:17px}
 .decision-notes{display:block}.decision-notes>div{margin-top:12px}.decision-notes span{padding:16px 12px;font-size:14px;white-space:nowrap}
 .competence-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
 .competence-item:last-child{grid-column:1/-1;max-width:32ch}
 .studio-figure{padding:0}.studio-back{inset:50px 20px 25px}.competence-studio .motion-replay{margin-left:0}
 .application-next li{display:block}
}
@media(max-width:22.5rem){.hero h1{font-size:36px}.wb-desk{height:336px}.wb-node{font-size:13px}.wb-lens span{font-size:12px}.wb-priority{width:80%;font-size:14px}.hero__audience{font-size:13px}.analysis-tile{font-size:13px;padding-inline:8px}.zone-first,.zone-later{font-size:12px}}
@media(prefers-reduced-motion:reduce){.workbench *,.loss-explorer *,.analysis-table *,.competence-studio *{animation:none!important;transition:none!important}}
@media print{.consultation__intro{position:static}.motion-replay{display:none}.workbench,.analysis-table,.studio-figure{break-inside:avoid}}