/* Broader, natural serif proportions. No transforms applied to type. */
.art-hero h1{font-size:clamp(68px,6.6vw,98px);line-height:1.06;letter-spacing:-.035em}
.hero-line>span{padding-bottom:0}
.system-hero .system-panel-head{font-size:24px}
h2{font-size:clamp(43px,4.6vw,68px);line-height:1.1}
.manifesto h2{font-size:clamp(42px,4.6vw,68px);line-height:1.16}
.statement-word{font-size:clamp(55px,7vw,100px);line-height:1.1}
.work-card-text h3{font-size:32px}.operator-text h2{font-size:clamp(42px,4.4vw,64px)}
.method-section h2{font-size:clamp(42px,4.4vw,64px)}.method-section .engagement h3{font-size:32px}
.subhero h1{font-size:clamp(54px,6.6vw,96px);line-height:1.08}
.practice-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:end;margin-bottom:48px}
.practice-heading h2{font-size:clamp(43px,4.8vw,68px);line-height:1.12;letter-spacing:-.035em}
.practice-heading h2 em{font-weight:400;color:var(--brown)}
.practice-heading>p{font-size:14px;line-height:1.85;max-width:350px;margin:0 0 5px}
.practice-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}
.practice-tile{min-width:0}.practice-preview{width:100%;display:block;padding:0;border:0;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;text-align:left;color:var(--cream);background:var(--stone);isolation:isolate}
.practice-art{height:265px;position:relative;overflow:hidden;transition:transform .65s cubic-bezier(.2,.7,.2,1);font-family:Inter,sans-serif}
.practice-preview:hover .practice-art{transform:scale(1.035)}
.preview-arrow{position:absolute;right:17px;bottom:17px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cream);color:var(--olive);font-size:21px;transition:background .2s,transform .2s}
.practice-preview:hover .preview-arrow{transform:rotate(45deg);background:var(--ochre)}
.practice-tile-body{position:relative;padding:22px 0 0 30px}.practice-number{position:absolute;left:0;top:25px;font-size:10px;color:var(--brown)}
.practice-tile h3{font-size:27px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}.practice-tile p{font-size:12px;line-height:1.75;max-width:300px;margin:0}
.practice-tile-links{display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:13px}
.practice-tile-links button{font-size:11px;padding:5px 0;border:0;background:transparent;color:var(--brown);cursor:pointer;text-align:left}
.practice-tile-links button span{padding-left:9px}.practice-tile-links a{font-size:9px;color:var(--muted)}
.photo-art img{width:100%;height:100%;object-fit:cover;display:block}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:45px 65px 18px 22px;background:linear-gradient(transparent,#161616a8);font-size:13px;color:#fff}
.art-caption small{display:block;font:9px Inter,sans-serif;letter-spacing:.1em;opacity:.8;margin-top:4px}
.art-overline,.art-footnote{position:absolute;left:24px;right:24px;font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.art-overline{top:23px}.art-footnote{bottom:23px;text-align:center;font-size:8px;letter-spacing:.08em}
.revenue-art{background:var(--olive);color:var(--cream)}.revenue-orbit{width:200px;height:170px;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);border:1px solid #e8dcc355;border-radius:50%}
.revenue-orbit:after{content:'';position:absolute;inset:18px -24px;border:1px solid #e8dcc32e;border-radius:50%;transform:rotate(-35deg)}
.revenue-orbit strong{position:absolute;inset:30px 0;text-align:center;font:39px/1.05 var(--serif);color:var(--cream);z-index:1}.revenue-orbit em{color:#dfaa67}.revenue-orbit>span{position:absolute;z-index:2;background:var(--olive);font-size:8px;letter-spacing:.1em;padding:5px 7px;color:#e0ddcd}.revenue-orbit>span:nth-child(1){top:-11px;left:78px}.revenue-orbit>span:nth-child(2){top:107px;left:-11px}.revenue-orbit>span:nth-child(3){right:-12px;top:107px}
.channel-art{padding:24px 27px;background:#e8e3d6;color:var(--olive)}.mini-channel.central{background:var(--cream);width:175px;margin:0 auto;padding:12px;border-radius:7px;text-align:center;font-size:13px;font-weight:600;box-shadow:0 6px 18px #3c3a2308}.mini-channel span{display:block;font-size:8px;font-weight:400;margin-top:4px}
.channel-art>i{height:18px;width:1px;background:#8f896d;display:block;margin:auto}.mini-channel-row{display:flex;gap:8px;position:relative}.mini-channel-row>span{flex:1;background:var(--olive);color:var(--cream);border-radius:5px;text-align:center;padding:8px 2px;font-size:9px}.mini-ledger{margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:9px}.mini-ledger b{font-size:8px;font-weight:500;color:var(--brown)}.channel-art>small{display:block;font-size:7px;letter-spacing:.08em;margin-top:12px}
.systems-art{background:#d4d5bd;padding:28px 28px 45px;color:var(--olive)}.mini-system.satellites{display:flex;justify-content:space-between;gap:25px;position:relative}.satellites span{background:#f9f6efaa;padding:9px 12px;border:1px solid #3c3a2317;border-radius:5px;font-size:9px;flex:1;text-align:center}.mini-system.core{font:31px/1.15 var(--serif);background:var(--olive);color:var(--cream);width:78%;margin:17px auto;padding:17px 10px;border-radius:9px;text-align:center;position:relative;box-shadow:0 7px 20px #3c3a2310}.core em{color:#dfaa67}.core small{display:block;font:8px Inter,sans-serif;margin-top:6px;color:#dedccf}.core:before,.core:after{content:'';width:1px;height:17px;position:absolute;left:50%;background:#72734e}.core:before{top:-17px}.core:after{bottom:-17px}
.team-art{background:#c9a876;padding:26px 22px;color:var(--cream)}.training-book{width:65%;height:222px;padding:20px 21px;background:var(--olive);transform:rotate(-7deg);box-shadow:6px 7px 0 #e4d8b9,12px 15px 25px #3c3a2330;border-left:5px solid #2a2919}.training-book>small{font-size:7px;letter-spacing:.12em}.training-book strong{display:block;font:30px/1.1 var(--serif);margin:18px 0;color:var(--cream)}.training-book em{color:#dfa65c}.training-book>span{font-size:7px}.training-note{position:absolute;right:25px;bottom:30px;width:145px;background:var(--cream);color:var(--olive);padding:17px 14px;transform:rotate(6deg);box-shadow:0 10px 20px #16161620}.training-note>span{font-size:6px;letter-spacing:.1em}.training-note i{display:block;font-size:8px;font-style:normal;margin-top:9px;border-top:1px solid var(--line);padding-top:6px}.training-note i:before{content:'';display:inline-block;width:7px;height:7px;border:1px solid var(--brown);border-radius:50%;margin-right:6px}
/* Top-layer work explorer. */
.scope-is-open{overflow:hidden}
.scope-dialog{color:var(--ink);background:var(--cream);border:1px solid #f9f6ef66;border-radius:18px;padding:0;width:min(1220px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);margin:auto;overflow:auto;box-shadow:0 24px 120px #16161640;overscroll-behavior:contain;scrollbar-width:thin;transform-origin:var(--origin-x,50%) var(--origin-y,50%)}
.scope-dialog::backdrop{background:#252419b5;backdrop-filter:blur(8px)}
.scope-dialog[open]{animation:scope-open .45s cubic-bezier(.16,1,.3,1) both}.scope-dialog.is-closing{animation:scope-close .18s ease-in both}
.scope-shell{min-width:0}.scope-topbar{display:flex;align-items:center;gap:18px;padding:15px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f9f6eff5;z-index:4;backdrop-filter:blur(12px)}
.scope-brand{font:32px/1 var(--serif);letter-spacing:-.06em;color:var(--olive)}.scope-brand>span{color:var(--ochre)}.scope-top-label{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
.scope-close{margin-left:auto;width:36px;height:36px;background:var(--stone);border:1px solid var(--line);border-radius:50%;font:26px/1 Inter,sans-serif;color:var(--olive);cursor:pointer;display:grid;place-items:center}.scope-close:hover{background:var(--olive);color:var(--cream)}
.scope-modules{display:flex;gap:7px;padding:20px 30px 0;overflow-x:auto;scrollbar-width:thin}.scope-modules button{background:transparent;border:1px solid #3c3a2329;border-radius:6px;padding:9px 13px;white-space:nowrap;color:var(--olive);font-size:11px;cursor:pointer;transition:background .2s,color .2s}
.scope-modules button>span{font-size:8px;margin-right:10px;opacity:.7}.scope-modules button[aria-pressed=true]{background:var(--olive);border-color:var(--olive);color:var(--cream)}
.scope-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:45px;padding:24px 30px 28px}.scope-heading .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:8px;color:var(--brown)}.scope-heading h2{font-size:48px;line-height:1.1;letter-spacing:-.035em;margin:0}.scope-heading>p{margin:0;font-size:12px;line-height:1.8;max-width:470px}
.scope-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);border-top:1px solid var(--line);min-height:480px}
.scope-stages{border-right:1px solid var(--line);padding:23px 17px 30px;background:#ece9e24d}
.stage-nav-label{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--brown);display:block;margin:0 12px 15px}
.scope-stages button{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted);padding:12px 10px;display:grid;grid-template-columns:19px 1fr 10px;gap:8px;align-items:start;cursor:pointer;margin:3px 0;transition:background .2s,color .2s}
.scope-stages button>span{font-size:9px;color:var(--brown);padding-top:2px}.scope-stages strong{font:500 12px/1.5 Inter,sans-serif}.scope-stages i{font-style:normal;opacity:0;font-size:12px}.scope-stages button:hover{background:var(--stone)}.scope-stages button[aria-current=step]{background:var(--cream);border-color:#3c3a2324;color:var(--olive);box-shadow:0 3px 10px #3c3a2305}.scope-stages button[aria-current=step] i{opacity:1}
.scope-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:28px 30px 30px;min-width:0;scroll-margin-top:80px;align-items:start}
.scope-stage-copy,.scope-stage-visual{min-width:0}.scope-step-eyebrow{font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;color:var(--brown)}
.scope-stage-copy h3{font-size:31px;line-height:1.16;letter-spacing:-.02em;margin:0 0 12px}.scope-stage-copy h3:focus{outline:none}
.scope-summary{font-size:12px;line-height:1.75;margin:0 0 21px}
.scope-tasks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.scope-tasks li{padding-left:16px;position:relative;font-size:12px;line-height:1.8;color:var(--olive)}.scope-tasks li:before{content:'';width:4px;height:4px;background:var(--ochre);border-radius:50%;position:absolute;left:0;top:8px}
.scope-output{margin-top:24px;border-top:1px solid #3c3a2330;padding-top:16px}.scope-output>span{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--brown);font-weight:600}.scope-output>p{font:19px/1.35 var(--serif);color:var(--olive);margin:6px 0 0}
.scope-note{font-size:10px;line-height:1.7;color:var(--muted);margin:17px 0 0}.scope-sources{font-size:8px;line-height:1.8;color:var(--muted);margin-top:13px}.scope-sources a{text-decoration:underline;text-underline-offset:2px}.scope-practice-link{display:inline-block;margin-top:22px;color:var(--brown);font-size:10px;border-bottom:1px solid #5f3a2740;padding-bottom:3px}
.scope-sample{border-radius:10px;overflow:hidden;background:var(--stone);padding:16px;min-height:300px;color:var(--olive)}.sample-label{display:flex;justify-content:space-between;gap:10px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--brown);margin-bottom:17px}
.scope-photo{position:relative;margin:0 0 12px;border-radius:6px;overflow:hidden}.scope-photo img{display:block;width:100%;height:180px;object-fit:cover}.scope-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:15px 10px 8px;background:linear-gradient(transparent,#1616169e);font-size:7px;color:#fff;letter-spacing:.04em}
.sample-list{display:grid;gap:9px}.sample-row{display:flex;gap:11px;align-items:center;padding:12px 10px;background:var(--cream);border-radius:4px;border:1px solid #3c3a2310}.sample-row>span{font-size:8px;color:var(--brown);flex:0 0 15px}.sample-row strong{font:500 11px/1.4 Inter,sans-serif;color:var(--olive)}.sample-list.compact{gap:5px}.compact .sample-row{padding:8px 9px}.compact .sample-row strong{font-size:9px}
.scope-proof{margin-top:15px;display:block;padding:15px 1px 0;border-top:1px solid var(--line)}.scope-proof>span{font-size:9px;color:var(--brown);font-weight:600;display:flex;justify-content:space-between}.scope-proof p{font-size:10px;line-height:1.8;margin:6px 0 0}
.sample-sheet{padding:18px 16px;background:var(--cream);box-shadow:3px 4px 0 #c9c5b7}.sheet-heading{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.1em;padding-bottom:18px;border-bottom:1px solid var(--line)}.sheet-title{display:block;font:26px/1.13 var(--serif);color:var(--olive);margin:20px 0}.sheet-title em{color:var(--brown)}.sample-sheet .sample-row{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 0}.sample-sheet .sample-row strong{font-size:10px}.sheet-footer{display:flex;justify-content:space-between;font-size:7px;color:var(--brown);padding-top:22px;letter-spacing:.08em;text-transform:uppercase}
.sample-browser{background:var(--cream);border:1px solid #3c3a2320;border-radius:6px;overflow:hidden;box-shadow:0 12px 20px #3c3a2310;margin-bottom:15px}.browser-bar{display:flex;justify-content:space-between;padding:8px 10px;align-items:center;color:var(--brown);background:var(--cream)}.browser-bar>span{font-size:10px;letter-spacing:2px}.browser-bar>small{font-size:7px}.sample-browser img{display:block;width:100%;height:190px;object-fit:cover;object-position:top}
.sample-hub{padding:18px 0 10px}.hub-center{background:var(--olive);color:var(--cream);padding:23px 12px;text-align:center;border-radius:8px;position:relative;margin:0 10px 26px}.hub-center:after{content:'';position:absolute;bottom:-26px;left:50%;height:26px;width:1px;background:#8c886b}.hub-center>span{font-size:6px;letter-spacing:.18em}.hub-center strong{font:33px/1.1 var(--serif);display:block;margin:10px 0;color:var(--cream)}.hub-center em{color:#dfaa67}.hub-center small{font-size:8px;color:#e1dece}.hub-spokes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hub-node{background:var(--cream);padding:17px 10px;border-radius:5px;display:flex;flex-direction:column;gap:8px}.hub-node span{font-size:8px;color:var(--brown)}.hub-node strong{font-size:10px;font-weight:500;line-height:1.5}.sample-seal{text-align:center;font-size:8px;padding-top:16px;color:var(--brown)}.sample-seal>span{display:block;font-size:24px;margin-bottom:6px}
.sample-phone{width:220px;max-width:100%;margin:5px auto 15px;border:5px solid var(--olive);padding:26px 14px 20px;border-radius:27px;background:var(--cream);position:relative;box-shadow:9px 14px 25px #3c3a2317}.phone-island{width:50px;height:8px;border-radius:10px;position:absolute;top:8px;left:50%;transform:translateX(-50%);background:var(--olive)}.sample-phone>small{font-size:6px;letter-spacing:.13em}.sample-phone>strong{display:block;font:29px/1.12 var(--serif);margin:14px 0 21px;color:var(--olive)}.sample-phone em{color:var(--brown)}.phone-steps{display:grid;gap:9px}.phone-steps>div{display:flex;align-items:center;gap:7px;background:var(--stone);padding:11px 8px;border-radius:5px;font-size:9px;line-height:1.4}.phone-steps span{font-size:7px;color:var(--brown)}.phone-steps b{margin-left:auto;font-size:11px;font-weight:400}.phone-home{height:3px;width:60px;border-radius:6px;background:var(--olive);display:block;margin:20px auto -9px}.sample-underlabel{font-size:8px;display:block;text-align:center;color:var(--brown)}
.sample-handbook{padding:25px 22px 22px;background:var(--olive);color:var(--cream);border-left:7px solid #292818;box-shadow:4px 4px 0 #b5ad8d,8px 8px 0 #d7ccb3;position:relative;margin:7px 9px 12px 0;transform:rotate(-2deg)}.sample-handbook>small{font-size:7px;letter-spacing:.1em}.sample-handbook>strong{display:block;font:30px/1.12 var(--serif);margin:24px 0;color:var(--cream)}.sample-handbook em{color:#dfaa67}.book-path .sample-row{background:transparent;border:none;border-top:1px solid #f9f6ef33;border-radius:0;padding:12px 0}.book-path .sample-row strong{color:#eee9d9;font-size:9px}.book-path .sample-row>span{color:#dfaa67}.book-edition{display:block;font-size:6px;letter-spacing:.07em;margin-top:25px;opacity:.7}
.sample-cycle{background:var(--olive);color:var(--cream);border-radius:7px;padding:25px 18px}.cycle-title{font-size:7px;letter-spacing:.18em}.sample-cycle>strong{display:block;font:32px/1.12 var(--serif);color:var(--cream);margin:15px 0 23px}.sample-cycle em{color:#dfaa67}.cycle-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cycle-step{padding:12px;background:#f9f6ef0b;border:1px solid #f9f6ef30;border-radius:5px;min-height:70px}.cycle-step>span{font-size:8px;color:#dfaa67;display:block;margin-bottom:8px}.cycle-step>strong{font-size:9px;font-weight:400;line-height:1.5;color:var(--cream);display:block}.cycle-return{display:flex;gap:12px;align-items:center;margin-top:20px;font-size:25px;color:#dfaa67}.cycle-return>span{font-size:8px;line-height:1.7;color:#e1ddce}
.sample-distribution{padding:8px 0;color:var(--olive)}.sample-distribution>small{font-size:7px;letter-spacing:.14em;display:block;text-align:center}.distribution-property{background:var(--olive);color:var(--cream);font:26px var(--serif);padding:20px 10px;text-align:center;border-radius:6px;margin:20px 12px 0}.distribution-property>span{display:block;font:8px Inter,sans-serif;color:#e1ddce;margin-top:9px}.distribution-line{width:1px;height:25px;background:var(--brown);margin:auto}.distribution-channels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.distribution-node{background:var(--cream);border:1px solid var(--line);border-radius:5px;padding:17px 12px}.distribution-node span{font-size:8px;color:var(--brown);display:block;margin-bottom:9px}.distribution-node strong{font-size:10px;line-height:1.5;display:block;font-weight:500}.sample-distribution>p{font-size:8px;text-align:center;margin:28px 0 4px}.sample-distribution>p span{color:var(--brown);padding:0 5px}
.scope-bottom{border-top:1px solid var(--line);padding:19px 30px;display:flex;align-items:center;gap:22px}.scope-counter{font-size:9px;color:var(--muted);margin-right:auto}.scope-bottom>div{display:flex;gap:12px}.scope-bottom button{border:1px solid #3c3a2333;border-radius:5px;padding:10px 14px;color:var(--olive);background:transparent;cursor:pointer;font-size:10px;white-space:nowrap}.scope-bottom button[data-scope-next]{background:var(--olive);color:var(--cream)}.scope-bottom button:disabled{opacity:.35;cursor:default}.scope-contact{font-size:10px;color:var(--brown);border-bottom:1px solid #5f3a2744;padding-bottom:3px}
.stage-enter .scope-stage-copy{animation:stage-in .38s both}.stage-enter .scope-sample{animation:sample-in .55s cubic-bezier(.2,.7,.2,1) both}.stage-enter .sample-row,.stage-enter .hub-node,.stage-enter .phone-steps>div,.stage-enter .cycle-step,.stage-enter .distribution-node{animation:stage-in .4s both;animation-delay:calc(var(--i)*55ms + 70ms)}
@keyframes scope-open{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}@keyframes scope-close{to{opacity:0;transform:translateY(12px) scale(.985)}}@keyframes stage-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sample-in{from{opacity:0;transform:translateY(18px) rotate(1deg)}to{opacity:1;transform:none}}
@media(min-width:1600px){.art-hero h1{font-size:98px}}
@media(max-width:1100px){.art-hero h1{font-size:clamp(62px,6.4vw,76px)}.practice-art{height:235px}.practice-tile h3{font-size:24px}.practice-tile-body{padding-left:26px}.practice-tile-links{gap:10px}.practice-tile-links a{font-size:8px}.scope-workspace{grid-template-columns:210px minmax(0,1fr)}.scope-detail{gap:24px;padding:26px}.scope-stage-copy h3{font-size:28px}.scope-heading h2{font-size:43px}.scope-heading>p{font-size:11px}.scope-stages{padding:20px 12px}.scope-modules button{font-size:10px;padding:9px 10px}.scope-modules button>span{margin-right:6px}.scope-stage-visual{font-size:12px}}
@media(max-width:1000px){.art-hero h1{font-size:clamp(70px,9.4vw,96px)}.practice-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.practice-art{height:275px}.practice-heading{gap:35px}.practice-heading h2{font-size:48px}.practice-heading>p{font-size:12px}.scope-workspace{grid-template-columns:190px minmax(0,1fr)}.scope-detail{grid-template-columns:1fr}.scope-stage-visual{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}.scope-proof{border-top:0;margin-top:0;padding-top:0}.scope-sample{min-height:0}.scope-heading{gap:25px}.scope-modules{padding-inline:24px}.scope-modules button{flex-shrink:0}.scope-stages strong{font-size:10px}.scope-stages button{padding:12px 7px;gap:5px}.scope-bottom{padding-inline:24px}.scope-contact{font-size:9px}.scope-bottom button{font-size:9px}.sample-phone{width:205px}.scope-tasks li{font-size:12px}}
@media(max-width:750px){.scope-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:13px}.scope-topbar{padding:12px 20px}.scope-top-label{font-size:8px}.scope-modules{padding:16px 20px 3px;gap:7px}.scope-modules button{font-size:10px;padding:10px 12px}.scope-heading{display:block;padding:21px 20px}.scope-heading h2{font-size:38px}.scope-heading .eyebrow{font-size:8px;margin-bottom:8px}.scope-heading>p{font-size:11px;margin:13px 0 0;max-width:100%}.scope-workspace{display:block;min-height:0}.scope-stages{display:flex;gap:7px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px 20px;scrollbar-width:thin}.stage-nav-label{display:none}.scope-stages button{width:auto;flex-shrink:0;display:flex;gap:8px;align-items:center;white-space:nowrap;padding:10px 12px;margin:0;background:var(--stone);border-color:transparent}.scope-stages button>span{padding:0}.scope-stages strong{font-size:10px}.scope-stages i{display:none}.scope-stages button[aria-current=step]{background:var(--olive);color:var(--cream)}.scope-stages button[aria-current=step]>span{color:#dfaa67}.scope-detail{padding:25px 20px;gap:25px}.scope-stage-copy h3{font-size:30px}.scope-summary{font-size:12px}.scope-tasks li{font-size:11px;line-height:1.8}.scope-output>p{font-size:20px}.scope-note{font-size:10px}.scope-stage-visual{grid-template-columns:1fr}.scope-proof{border-top:1px solid var(--line);padding-top:15px}.scope-sample{padding:18px}.scope-photo img{height:200px}.sample-browser img{height:230px}.scope-bottom{padding:17px 20px;flex-wrap:wrap;gap:12px;justify-content:space-between}.scope-counter{flex-basis:100%;font-size:9px}.scope-contact{font-size:9px}.scope-bottom button{padding:11px 12px;font-size:10px}.scope-bottom>div{gap:7px}.scope-sources{font-size:9px}.scope-proof p{font-size:11px}.scope-modules,.scope-stages{scroll-padding-inline:20px}.sample-sheet .sample-row strong{font-size:11px}}
@media(max-width:600px){.art-hero h1{font-size:clamp(43px,11.9vw,70px);line-height:1.06;letter-spacing:-.04em}.hero-topline{margin-bottom:29px}.hero-bottom{margin-top:25px}.hero-summary{font-size:13px}.system-hero .system-panel-head{font-size:21px}.system-hero .sys-description strong{font-size:22px}.manifesto h2{font-size:38px;line-height:1.18}.manifesto-meta strong{font-size:43px}.statement-word{font-size:clamp(39px,10.4vw,59px);line-height:1.15}.practice-heading{display:block;margin-bottom:29px}.practice-heading h2{font-size:39px;line-height:1.14}.practice-heading>p{margin-top:23px;font-size:12px;max-width:100%}.practice-gallery{grid-template-columns:1fr;gap:37px}.practice-art{height:290px}.practice-tile-body{padding:20px 0 0 28px}.practice-tile h3{font-size:27px}.practice-number{top:24px}.practice-tile p{font-size:12px;max-width:100%}.practice-tile-links button{font-size:11px}.practice-tile-links a{font-size:10px}.training-book{width:63%;height:238px;padding:26px}.training-book strong{font-size:34px}.training-note{width:155px;padding:20px 16px;bottom:37px}.training-note i{font-size:9px}.revenue-orbit{width:210px;height:180px}.revenue-orbit strong{font-size:43px;inset:35px 0}.mini-channel.central{padding:15px;font-size:14px}.channel-art{padding:29px 28px}.mini-channel-row>span{padding:11px 0;font-size:10px}.mini-ledger{font-size:11px;gap:10px}.mini-ledger b{font-size:10px}.channel-art>small{font-size:8px}.systems-art{padding:32px 30px 50px}.mini-system.core{padding:22px 10px;font-size:35px}.satellites span{padding:11px 10px;font-size:10px}.work-card-text h3{font-size:28px}.method-section h2,.operator-text h2{font-size:39px}.method-section .engagement h3{font-size:30px}.subhero h1{font-size:clamp(43px,11.8vw,68px)}h2{font-size:40px}.service-card h3{font-size:29px}.service-panel h3{font-size:31px}.cta h2{font-size:38px}.article h2{font-size:31px}.article h3{font-size:26px}.mobile-main>a{font-size:36px}.about-intro h1{font-size:clamp(43px,11.8vw,68px)}}
@media(prefers-reduced-motion:reduce){.scope-dialog[open],.scope-dialog.is-closing,.stage-enter *{animation:none!important;transition:none!important}.practice-art,.preview-arrow,.scope-modules button,.scope-stages button{transition:none}.practice-preview:hover .practice-art{transform:none}}
@media(max-width:750px){
.scope-modules,.scope-stages{scrollbar-width:none}.scope-modules::-webkit-scrollbar,.scope-stages::-webkit-scrollbar{display:none}
.scope-detail{display:flex;flex-direction:column;gap:0}.scope-stage-copy{display:contents}.scope-step-eyebrow{order:0}.scope-stage-copy h3{order:0}.scope-summary{order:0;margin-bottom:20px}.scope-stage-visual{order:1;display:block;width:100%;margin-bottom:24px}.scope-tasks{order:2}.scope-output{order:3}.scope-note{order:4}.scope-sources{order:5}.scope-practice-link{order:6;align-self:flex-start}.scope-proof{margin-top:15px}
}

.practice-art-brand{position:absolute;top:9px;right:18px;font:19px/1 var(--serif);letter-spacing:-.05em;z-index:2;color:inherit}.practice-art-brand>span{color:var(--ochre)}.team-art .practice-art-brand{color:var(--olive)}
.sample-label{align-items:center;min-height:22px}.sample-wordmark{font:24px/1 var(--serif);letter-spacing:-.05em;text-transform:none;color:var(--olive)}.sample-wordmark>span{color:var(--ochre)}.phone-brand{display:block;font:25px/1 var(--serif);letter-spacing:-.05em;margin:3px 0 15px;color:var(--olive)}

.private-art .private-geography{position:absolute;left:34px;top:82px;font:10px/1.8 Inter,sans-serif;letter-spacing:.07em;color:#eadfca;z-index:2;text-transform:none}
@media(max-width:600px){.private-art .private-geography{left:23px;top:75px;font-size:9px;line-height:1.8}}

/* Phone-first explorer: full-size controls, readable detail, and a stable stage picker. */
.scope-stage-picker{display:none}
@media(max-width:750px){
  .scope-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;scroll-padding-top:145px;-webkit-overflow-scrolling:touch}
  .scope-topbar{padding:10px 18px;padding-top:max(10px,env(safe-area-inset-top));min-height:64px;gap:14px;background:var(--cream)}
  .scope-top-label{font-size:10px;letter-spacing:.1em}
  .scope-close{width:44px;height:44px;flex:0 0 44px;font-size:28px;touch-action:manipulation}
  .scope-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:16px 18px 0;overflow:visible}
  .scope-modules button{min-width:0;min-height:48px;padding:10px 5px;white-space:normal;font-size:12px;line-height:1.3;touch-action:manipulation}
  .scope-modules button>span{display:none}
  .scope-heading{padding:24px 18px}
  .scope-heading .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.09em}
  .scope-heading h2{font-size:36px;line-height:1.12}
  .scope-heading>p{font-size:14px;line-height:1.65;margin-top:12px}
  .scope-workspace{display:contents}
  .scope-stages{display:block;position:sticky;top:calc(64px + max(0px, env(safe-area-inset-top) - 10px));z-index:3;padding:10px 18px;background:var(--cream);overflow:visible;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .scope-stages>button{display:none}
  .scope-stage-picker{display:block;margin:0;font-size:10px;color:var(--brown)}
  .scope-stage-picker>span{display:block;margin-bottom:5px;letter-spacing:.08em;text-transform:uppercase}
  .scope-stage-picker select{display:block;width:100%;max-width:100%;min-height:46px;background:var(--stone);color:var(--olive);border:1px solid var(--line);border-radius:7px;padding:10px 12px;font:500 16px/1.35 Inter,sans-serif;text-overflow:ellipsis}
  .scope-detail{padding:25px 18px 30px;scroll-margin-top:155px}
  .scope-step-eyebrow{font-size:11px;line-height:1.4;margin-bottom:10px}
  .scope-stage-copy h3{font-size:30px;line-height:1.2;margin-bottom:13px;overflow-wrap:anywhere}
  .scope-summary{font-size:15px;line-height:1.65;margin-bottom:22px}
  .scope-tasks{gap:15px}
  .scope-tasks li{font-size:15px;line-height:1.65;padding-left:17px}
  .scope-tasks li:before{top:10px;width:5px;height:5px}
  .scope-output{width:100%;margin-top:24px;padding-top:19px}
  .scope-output>span{font-size:10px}
  .scope-output>p{font-size:23px;line-height:1.4}
  .scope-note,.scope-sources{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
  .scope-practice-link{font-size:13px;line-height:1.5;min-height:44px;padding:13px 0 8px;margin-top:12px}
  .scope-stage-visual{margin-bottom:26px}
  .scope-sample{padding:16px;min-height:0}
  .sample-label{font-size:9px;line-height:1.4;letter-spacing:.06em;margin-bottom:16px}
  .scope-photo img{height:auto;aspect-ratio:3/2}
  .scope-photo figcaption{font-size:10px;line-height:1.4}
  .sample-row{padding:12px 10px}
  .sample-row>span,.hub-node span,.cycle-step>span,.distribution-node span{font-size:10px}
  .sample-row strong,.compact .sample-row strong,.sample-sheet .sample-row strong,.book-path .sample-row strong{font-size:12px;line-height:1.5}
  .compact .sample-row{padding:10px 9px}
  .hub-node strong,.cycle-step>strong,.distribution-node strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
  .hub-center>span,.cycle-title,.sample-distribution>small{font-size:9px;line-height:1.5}
  .hub-center small,.sample-seal,.sample-underlabel,.distribution-property>span,.sample-distribution>p,.cycle-return>span{font-size:11px;line-height:1.5}
  .sample-phone{width:255px;padding:28px 16px 20px}
  .sample-phone>small,.phone-steps span{font-size:9px}
  .phone-steps>div{font-size:12px;line-height:1.5;padding:12px 9px}
  .sample-handbook{transform:none;padding:22px 17px}
  .sample-handbook>small,.book-edition,.sheet-heading,.sheet-footer,.browser-bar>small{font-size:9px;line-height:1.5}
  .scope-proof{padding-top:16px;margin-top:16px;min-height:44px}
  .scope-proof>span{font-size:12px;line-height:1.5}
  .scope-proof p{font-size:13px;line-height:1.65}
  .scope-bottom{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:1fr auto;gap:7px 10px;background:var(--cream);padding:8px 18px max(10px,env(safe-area-inset-bottom));box-shadow:0 -6px 20px #3c3a2308}
  .scope-counter{font-size:11px;line-height:1.4;min-width:0;margin:0;align-self:center}
  .scope-contact{font-size:11px;line-height:1.4;padding:8px 0;border:0;grid-column:2;grid-row:1}
  .scope-bottom>div{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .scope-bottom button{min-height:46px;padding:11px 12px;font-size:13px;touch-action:manipulation}
  .scope-dialog :is(button,select,a):focus-visible{outline:2px solid var(--brown);outline-offset:3px}
}
@media(max-width:600px){
  .system-hero{padding:18px 16px;border-radius:18px}
  .system-hero .system-panel-head{align-items:center;gap:10px;font-size:21px;line-height:1.2}
  .system-hero .system-replay{min-height:44px;font-size:11px;padding:8px 0;gap:4px}
  .system-hero .system-scenarios{margin-top:12px;padding:3px;gap:3px}
  .system-hero .system-scenarios button{min-height:44px;white-space:normal;font-size:12px;line-height:1.3;padding:7px 5px}
  .system-hero .system-graph{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'property property' 'pms channels' 'team guest' 'quality quality';gap:12px;height:auto;margin:18px 0 16px;background:linear-gradient(var(--line),var(--line)) center/1px 100% no-repeat}
  .system-hero .system-paper,.system-hero .system-connections{display:none}
  .system-hero .sys-node{position:relative;inset:auto;width:auto;height:auto;min-height:92px;padding:14px 11px;gap:9px;border-radius:12px;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}
  .system-hero .sys-property{grid-area:property}
  .system-hero .sys-pms{grid-area:pms}
  .system-hero .sys-channels{grid-area:channels}
  .system-hero .sys-team{grid-area:team}
  .system-hero .sys-guest{grid-area:guest}
  .system-hero .sys-quality{grid-area:quality}
  .system-hero .sys-property,.system-hero .sys-quality{min-height:67px;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px 16px}
  .system-hero .sys-node strong{font-size:15px;line-height:1.3;letter-spacing:0}
  .system-hero .sys-node small{font-size:12px;line-height:1.4;margin-top:3px}
  .system-hero .sys-node .sys-icon{width:27px;height:27px;border-radius:8px}
  .system-hero .sys-icon svg{width:18px;height:18px}
  .system-hero .sys-node i{width:auto;height:auto;right:12px;top:12px;background:none;opacity:1;font-style:normal}
  .system-hero .sys-node i:after{content:'';display:block;width:16px;height:16px;background:currentColor;color:var(--brown);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 19 5M5 5h14v14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 19 5M5 5h14v14'/%3E%3C/svg%3E") center/contain no-repeat}
  .system-hero .system-build-steps{gap:2px;padding:3px}
  .system-hero .system-build-steps button{min-height:44px;font-size:11px;line-height:1.4;padding:7px 2px}
  .system-hero .system-build-steps button span{display:block;font-size:10px;margin:0 0 2px}
  .system-hero .sys-description{min-height:0;margin-top:16px;padding-top:18px}
  .system-hero .sys-description strong{font-size:23px;line-height:1.25}
  .system-hero .sys-description p{font-size:14px;line-height:1.6;margin-top:9px}
  .system-hero .sys-deliverables{gap:8px 14px;margin-top:12px}
  .system-hero .sys-deliverables li{font-size:12px;line-height:1.5}
  .system-hero .sys-service-link{font-size:13px;line-height:1.5;min-height:44px;margin-top:10px;align-items:center}
  .system-hero .system-footnote{font-size:11px;line-height:1.6;margin-top:12px}
  .practice-art{height:270px}
  .practice-tile p{font-size:15px;line-height:1.65}
  .practice-tile-links{gap:12px;align-items:stretch}
  .practice-tile-links button,.practice-tile-links a{font-size:12px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;padding:9px 0}
  .practice-heading>p{font-size:15px;line-height:1.65}
}

/* Consistent vector UI marks, independent of the phone's emoji font. */
.ui-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.scope-close .ui-icon{width:22px;height:22px}
.scope-close{display:inline-flex;align-items:center;justify-content:center}
.scope-bottom button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.scope-contact .ui-icon,.scope-practice-link .ui-icon{margin-left:5px;width:16px;height:16px}
.preview-arrow .ui-icon{width:20px;height:20px}
.scope-stages button i .ui-icon,.browser-bar .ui-icon,.phone-steps .ui-icon{width:14px;height:14px}
.sample-seal .ui-icon,.sample-distribution p .ui-icon{width:14px;height:14px}
.cycle-return>.ui-icon{width:27px;height:27px;flex-basis:27px}
