.tri-teacher-page{
  --teacher-accent: #1b8883;
  --teacher-accent-soft: #d9eeeb;
  --teacher-surface: #f1f7f5;
  --teacher-ink: #0b3037;
  --paper: #f8fbfa;
  --violet: #62538f;
  --gold: #d9b66f;
  --line: color-mix(in srgb, var(--teacher-ink) 15%, transparent);
  --display: Georgia, "Times New Roman", serif;
  --body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.tri-teacher-page, .tri-teacher-page *{ box-sizing: border-box; }
.tri-teacher-page{ margin: 0; color: var(--teacher-ink); background: var(--paper); font-family: var(--body); line-height: 1.6; }
.tri-teacher-page a{ color: inherit; }
.tri-teacher-page .sr-only{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.tri-teacher-page .variant-bar{ display: flex; align-items: center; gap: 1rem; min-height: 48px; padding: .6rem clamp(1rem,4vw,4rem); color: #fff; background: #111; font-size: .72rem; letter-spacing: .05em; }
.tri-teacher-page .variant-bar a{ text-underline-offset: .3rem; }
.tri-teacher-page .variant-bar span{ color: #bbb; }
.tri-teacher-page .variant-bar .customise-toggle{ margin-left: auto; }
.tri-teacher-page .identity-panel{ position: sticky; top: 0; z-index: 30; }
.tri-teacher-page.option-page .eyebrow{ margin: 0 0 1rem; color: var(--teacher-accent); font-size: .68rem; font-weight: 750; letter-spacing: .2em; text-transform: uppercase; }
.tri-teacher-page.option-page h1, .tri-teacher-page.option-page h2, .tri-teacher-page.option-page h3{ font-family: var(--display); font-weight: 400; }
.tri-teacher-page.option-page .brandline{ display: flex; justify-content: space-between; align-items: center; padding: 1.4rem clamp(1.25rem,4vw,4rem); font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; }
.tri-teacher-page .brand-symbol{ display: inline-grid; place-items: center; width: 32px; height: 32px; margin-right: .7rem; border: 1px solid currentColor; border-radius: 50%; }
.tri-teacher-page .variant-section{ padding: clamp(5rem,10vw,10rem) max(4vw,calc((100vw - 1400px)/2)); }
.tri-teacher-page .gallery-page{ min-height: 100vh; background: radial-gradient(circle at 90% 0,#e4e1f2,transparent 32%),radial-gradient(circle at 5% 90%,#d8efeb,transparent 35%),#f5f7f5; }
.tri-teacher-page .option-gallery{ width: min(92vw,1400px); margin: auto; padding: clamp(4rem,8vw,8rem) 0 3rem; }
.tri-teacher-page .gallery-header{ display: grid; grid-template-columns: 1.3fr .7fr; gap: 2rem; align-items: end; margin-bottom: 4rem; }
.tri-teacher-page .gallery-kicker{ grid-column: 1/-1; color: #16857f; font-size: .72rem; font-weight: 750; letter-spacing: .18em; text-transform: uppercase; }
.tri-teacher-page .gallery-header h1{ margin: 0; color: #0b3037; font: 400 clamp(3.4rem,8vw,8rem)/.9 var(--display); letter-spacing: -.055em; }
.tri-teacher-page .gallery-header > p:last-child{ max-width: 34rem; color: #607076; }
.tri-teacher-page .gallery-grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.tri-teacher-page .gallery-card{ position: relative; min-height: 410px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 2rem; border: 1px solid rgba(11,48,55,.14); border-radius: 1.4rem; text-decoration: none; box-shadow: 0 18px 55px rgba(24,56,63,.08); }
.tri-teacher-page .gallery-card h2{ margin: 0; font: 400 clamp(2rem,4vw,4rem)/1 var(--display); }
.tri-teacher-page .gallery-card p{ max-width: 28rem; margin-bottom: 0; opacity: .72; }
.tri-teacher-page .option-number{ position: relative; z-index: 2; font-size: .7rem; letter-spacing: .15em; }
.tri-teacher-page .gallery-card.editorial{ background: #f6eee7; }
.tri-teacher-page .gallery-card.premium{ color: white; background: linear-gradient(150deg,#181716,#6c4437); }
.tri-teacher-page .gallery-card.command{ background: linear-gradient(140deg,#eaf8f6,#eeeafa); }
.tri-teacher-page .gallery-card.hybrid{ background: linear-gradient(145deg,#f7f1e8,#dfeeee); }
.tri-teacher-page .gallery-card.proof{ grid-column:1/-1; min-height:460px; color:white; background:linear-gradient(120deg,#0d3d48,#62568f); }
.tri-teacher-page .mini-arch, .tri-teacher-page .mini-portrait, .tri-teacher-page .mini-panel, .tri-teacher-page .mini-halo{ position: absolute; top: 10%; right: 8%; width: 42%; height: 64%; border-radius: 48% 48% 1rem 1rem; }
.tri-teacher-page .mini-arch{ background: #b77b62; }
.tri-teacher-page .mini-portrait{ background: radial-gradient(circle at 50% 24%,#d7b7a9 0 14%,transparent 15%),linear-gradient(#b87c65,#3b2824); box-shadow: 0 25px 60px rgba(0,0,0,.3); }
.tri-teacher-page .mini-panel{ width: 52%; height: 45%; border-radius: 1.2rem; background: linear-gradient(135deg,#075664,#655a99); }
.tri-teacher-page .mini-halo{ border-radius: 50%; border: 1px solid #348c87; background: radial-gradient(circle,#f9f4ec 0 33%,transparent 34%); }
.tri-teacher-page .proof-photo{ position:absolute; inset:0 0 0 auto; width:52%; background:linear-gradient(90deg,#0d3d48 0,transparent 38%),url("assets/diane-wilkins-hero-v1.png") center 30%/cover no-repeat; }
.tri-teacher-page .gallery-card div{ position: relative; z-index: 2; }
.tri-teacher-page .gallery-footer{ padding-top: 2rem; color: #6b7779; font-size: .72rem; text-align: center; }
.tri-teacher-page .selector-page{ min-height:100vh; margin:0; color:#10343b; background:radial-gradient(circle at 88% 0,#e7e2f3,transparent 30%),radial-gradient(circle at 5% 70%,#dcefeb,transparent 34%),#f4f6f3; font-family:var(--body); }
.tri-teacher-page .selector-shell{ width:min(94vw,1500px); margin:auto; padding:clamp(2rem,5vw,5rem) 0 2rem; }
.tri-teacher-page .selector-header{ display:grid; grid-template-columns:150px 1fr minmax(250px,.45fr); gap:clamp(1.5rem,4vw,4rem); align-items:center; margin-bottom:3rem; }
.tri-teacher-page .selector-portrait{ width:150px; aspect-ratio:1; object-fit:cover; object-position:50% 20%; border-radius:50%; border:1px solid rgba(16,52,59,.15); background:#fff; }
.tri-teacher-page .selector-header h1{ max-width:900px; margin:.4rem 0 1rem; font:400 clamp(3.1rem,6.3vw,7rem)/.88 var(--display); letter-spacing:-.055em; }
.tri-teacher-page .selector-header p{ max-width:720px; color:#617176; }
.tri-teacher-page .selector-header aside{ padding:1.3rem; border:1px solid rgba(16,52,59,.14); border-radius:1rem; background:rgba(255,255,255,.58); }
.tri-teacher-page .selector-header aside strong{ font-family:var(--display); font-size:1.25rem; }
.tri-teacher-page .selector-header aside p, .tri-teacher-page .selector-header aside a{ font-size:.78rem; }
.tri-teacher-page .selector-header aside a{ text-underline-offset:.25rem; }
.tri-teacher-page .selector-tabs{ display:grid; grid-template-columns:repeat(4,1fr); gap:.7rem; margin-bottom:1rem; }
.tri-teacher-page .selector-tab{ min-height:135px; display:flex; flex-direction:column; align-items:flex-start; gap:.35rem; padding:1.15rem; color:#10343b; text-align:left; border:1px solid rgba(16,52,59,.15); border-radius:1rem; background:rgba(255,255,255,.68); cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.tri-teacher-page .selector-tab:hover{ transform:translateY(-2px); }
.tri-teacher-page .selector-tab:focus-visible{ outline:3px solid #147f7b; outline-offset:2px; }
.tri-teacher-page .selector-tab.is-active{ color:#fff; border-color:transparent; background:linear-gradient(130deg,#0d5360,#63578f); box-shadow:0 15px 35px rgba(25,64,72,.18); }
.tri-teacher-page .selector-tab span, .tri-teacher-page .selector-tab small{ font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; }
.tri-teacher-page .selector-tab strong{ margin-top:auto; font:400 1.35rem/1.05 var(--display); }
.tri-teacher-page .selector-workspace{ overflow:hidden; border:1px solid rgba(16,52,59,.15); border-radius:1.4rem; background:#fff; box-shadow:0 25px 70px rgba(24,70,78,.12); }
.tri-teacher-page .preview-toolbar{ display:grid; grid-template-columns:1fr auto auto; gap:1.2rem; align-items:center; padding:1rem 1.25rem; border-bottom:1px solid rgba(16,52,59,.12); }
.tri-teacher-page .preview-toolbar h2{ margin:.1rem 0; font:400 clamp(1.4rem,2.2vw,2rem)/1 var(--display); }
.tri-teacher-page .preview-toolbar p{ margin:0; color:#6b787b; font-size:.78rem; }
.tri-teacher-page .viewport-controls{ display:flex; gap:.25rem; padding:.25rem; border-radius:999px; background:#edf2f0; }
.tri-teacher-page .viewport-controls button{ padding:.55rem .85rem; border:0; border-radius:999px; color:#31535a; background:transparent; cursor:pointer; }
.tri-teacher-page .viewport-controls button[aria-pressed="true"]{ color:#fff; background:#123f48; }
.tri-teacher-page #open-full-page{ padding:.65rem 1rem; border:1px solid currentColor; border-radius:999px; font-size:.72rem; text-decoration:none; }
.tri-teacher-page .preview-frame-shell{ width:100%; margin:auto; padding:0; background:#dfe6e4; transition:max-width .25s ease; }
.tri-teacher-page .preview-frame-shell[data-size="tablet"]{ max-width:820px; }
.tri-teacher-page .preview-frame-shell[data-size="mobile"]{ max-width:390px; }
.tri-teacher-page #prototype-preview{ width:100%; height:76vh; min-height:650px; display:block; border:0; background:white; }
.tri-teacher-page .selector-choice{ display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; margin-top:1rem; padding:clamp(1.5rem,4vw,3.5rem); color:#fff; border-radius:1.3rem; background:#103f48; }
.tri-teacher-page .selector-choice h2{ margin:.25rem 0; font:400 clamp(2.2rem,4vw,4.2rem)/.95 var(--display); }
.tri-teacher-page .selector-choice p{ color:#c5d9d7; }
.tri-teacher-page .choice-actions{ display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.tri-teacher-page .choice-actions button{ padding:.9rem 1rem; border:1px solid #bcd9d6; border-radius:999px; color:#103f48; background:#d9eeeb; cursor:pointer; }
.tri-teacher-page .choice-actions button.secondary{ color:#fff; background:transparent; }
.tri-teacher-page .choice-actions button:disabled{ cursor:not-allowed; opacity:.45; }
.tri-teacher-page #choice-output{ grid-column:1/-1; min-height:1.6rem; margin:0; font-size:.82rem; }
.tri-teacher-page .selector-footer{ padding-top:1.5rem; color:#69787b; font-size:.7rem; text-align:center; }
.tri-teacher-page.premium-page{ --teacher-accent:#c9a46b; --teacher-accent-soft:#d8c1ad; --teacher-surface:#171615; --teacher-ink:#161412; --paper:#f5f0e9; background: var(--paper); }
.tri-teacher-page .premium-hero{ position: relative; min-height: calc(100svh - 48px); overflow: hidden; color: white; background: linear-gradient(115deg,#111 0 30%,#6e493e 72%,#c4a28d); }
.tri-teacher-page .premium-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 58%),radial-gradient(circle at 75% 22%,rgba(255,255,255,.25),transparent 18%); }
.tri-teacher-page .premium-hero .brandline{ position:relative; z-index:3; border-bottom:1px solid rgba(255,255,255,.28); }
.tri-teacher-page .premium-portrait{ position:absolute; z-index:1; right:4%; top:9%; bottom:0; width:58%; border-radius:50% 50% 0 0; background:radial-gradient(circle at 52% 26%,#d8bfb2 0 13%,transparent 13.5%),linear-gradient(155deg,#c89b84,#51352f 68%,#1a1716); }
.tri-teacher-page .premium-portrait.has-photo{ overflow:hidden; }
.tri-teacher-page .premium-portrait.has-photo img{ width:100%; height:100%; display:block; object-fit:cover; object-position:50% 28%; }
.tri-teacher-page .premium-title{ position:relative; z-index:3; width:min(93vw,1400px); margin:auto; padding:clamp(8rem,15vw,15rem) 0 12rem; }
.tri-teacher-page .premium-title h1{ margin:0; font-size:clamp(5rem,15vw,14rem); line-height:.72; letter-spacing:-.075em; }
.tri-teacher-page .premium-title p:last-child{ max-width:34rem; margin-top:2rem; font-size:clamp(1rem,1.7vw,1.35rem); }
.tri-teacher-page .premium-intro-card{ position:absolute; z-index:4; right:7%; bottom:4%; width:min(34rem,43vw); padding:2rem; color:#171615; border-radius:1.3rem; background:rgba(250,247,241,.94); backdrop-filter:blur(14px); }
.tri-teacher-page .premium-intro-card strong{ display:block; font:400 clamp(1.6rem,3vw,3rem)/1.1 var(--display); }
.tri-teacher-page .premium-credo{ display:grid; grid-template-columns:.55fr 1.4fr .7fr; gap:clamp(2rem,6vw,7rem); align-items:start; }
.tri-teacher-page .premium-credo h2{ margin:0; font-size:clamp(3rem,7vw,7.4rem); line-height:.94; letter-spacing:-.05em; }
.tri-teacher-page .premium-credo .body-copy{ color:#6c645c; }
.tri-teacher-page .premium-story{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,8vw,9rem); color:#f6f0e9; background:#171615; }
.tri-teacher-page .premium-story-art{ min-height:680px; border-radius:48% 48% 1rem 1rem; background:radial-gradient(circle at 50% 35%,#d5bba9,transparent 12%),linear-gradient(145deg,#bd8c70,#4d3630); }
.tri-teacher-page .premium-story-copy{ align-self:center; }
.tri-teacher-page .premium-story h2{ margin:0 0 2rem; font-size:clamp(3.5rem,7vw,7rem); line-height:.9; }
.tri-teacher-page .premium-story p:not(.eyebrow){ max-width:34rem; color:#c8c1ba; font-size:1.1rem; }
.tri-teacher-page .premium-paths{ color:#171615; background:#eee5d8; }
.tri-teacher-page .premium-paths h2{ max-width:900px; margin:0 0 5rem; font-size:clamp(3.2rem,7vw,7.2rem); line-height:.92; }
.tri-teacher-page .premium-path-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.tri-teacher-page .premium-path-grid article{ min-height:420px; display:flex; flex-direction:column; justify-content:flex-end; padding:2rem; border-top:1px solid #8e7a69; background:rgba(255,255,255,.42); }
.tri-teacher-page .premium-path-grid h3{ margin:0 0 1rem; font-size:2.4rem; line-height:1; }
.tri-teacher-page .premium-practical{ display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(3rem,8vw,9rem); align-items:end; color:#171615; background:#f2e9de; }
.tri-teacher-page .premium-practical h2{ margin:0; font-size:clamp(3.4rem,7vw,7.5rem); line-height:.9; letter-spacing:-.05em; }
.tri-teacher-page .premium-quote{ text-align:center; background:var(--teacher-accent); color:#fff; }
.tri-teacher-page .premium-quote blockquote{ max-width:1100px; margin:auto; font:400 clamp(3rem,7vw,7.5rem)/.94 var(--display); letter-spacing:-.05em; }
.tri-teacher-page .premium-outcome{ display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(3rem,8vw,9rem); align-items:end; color:#171615; background:#f5f0e9; }
.tri-teacher-page .premium-outcome h2{ max-width:900px; margin:0; font-size:clamp(3.2rem,6vw,6.5rem); line-height:.94; }
.tri-teacher-page .premium-outcome > p{ color:#6c645c; }
.tri-teacher-page .premium-invite{ min-height:720px; display:grid; place-items:center; align-content:center; text-align:center; background:radial-gradient(circle,var(--teacher-accent-soft),transparent 50%),var(--paper); }
.tri-teacher-page .premium-invite h2{ max-width:1050px; margin:0; font-size:clamp(4rem,9vw,10rem); line-height:.84; letter-spacing:-.06em; }
.tri-teacher-page.premium-page .qa-section{ color:#f5f0e9; background:#171615; }
.tri-teacher-page.premium-page .qa-list, .tri-teacher-page.premium-page .qa-item{ border-color:rgba(255,255,255,.18); }
.tri-teacher-page.premium-page .qa-item p{ color:#c8c1ba; }
.tri-teacher-page .review-button{ display:inline-flex; margin-top:2rem; padding:.9rem 1.35rem; border:1px solid currentColor; border-radius:999px; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }
.tri-teacher-page.command-page{ background:radial-gradient(circle at 70% 0,#edf0fb,transparent 32%),#f0f8f7; }
.tri-teacher-page .command-shell{ width:min(93vw,1400px); margin:auto; padding-bottom:5rem; }
.tri-teacher-page .command-header{ display:flex; justify-content:space-between; align-items:end; padding:2rem 0; }
.tri-teacher-page .command-header h1{ margin:.25rem 0 0; font-size:clamp(2.4rem,5vw,4.8rem); line-height:1; }
.tri-teacher-page .command-status{ text-align:right; color:#64747a; font-size:.76rem; }
.tri-teacher-page .command-status strong{ display:block; color:var(--violet); font-size:1rem; }
.tri-teacher-page .command-focus{ display:grid; grid-template-columns:1.2fr .8fr; gap:2rem; padding:clamp(2rem,5vw,4.5rem); color:white; border-radius:1.6rem; background:linear-gradient(125deg,#084c58,#0d7e80 50%,#655a99); box-shadow:0 25px 70px rgba(19,69,77,.18); }
.tri-teacher-page .command-focus h2{ margin:0; font-size:clamp(3rem,7vw,7rem); line-height:.9; }
.tri-teacher-page .command-focus p{ max-width:46rem; }
.tri-teacher-page .diane-command-focus{ grid-template-columns:.85fr .55fr .7fr; align-items:center; }
.tri-teacher-page .command-profile-photo{ min-height:420px; align-self:stretch; overflow:hidden; border-radius:48% 48% 1rem 1rem; background:#285b66; box-shadow:0 22px 55px rgba(0,0,0,.22); }
.tri-teacher-page .command-profile-photo img{ width:100%; height:100%; display:block; object-fit:cover; object-position:50% 28%; }
.tri-teacher-page .command-statement{ padding-top:1rem; border-top:1px solid rgba(255,255,255,.25); color:#cce4e1; }
.tri-teacher-page .profile-summary{ align-self:center; padding:1.5rem; border:1px solid rgba(255,255,255,.25); border-radius:1.2rem; background:rgba(255,255,255,.08); backdrop-filter:blur(12px); }
.tri-teacher-page .summary-row{ display:flex; justify-content:space-between; gap:1rem; padding:.75rem 0; border-bottom:1px solid rgba(255,255,255,.17); font-size:.82rem; }
.tri-teacher-page .summary-row:last-child{ border:0; }
.tri-teacher-page .command-block{ padding:clamp(4.5rem,8vw,8rem) 0 0; }
.tri-teacher-page .command-block-head{ display:grid; grid-template-columns:1.3fr .7fr; gap:2rem; align-items:end; margin-bottom:2.5rem; }
.tri-teacher-page .command-block-head h2{ margin:0; font-size:clamp(3rem,6vw,6rem); line-height:.95; }
.tri-teacher-page .command-block-head p{ color:#637379; }
.tri-teacher-page .command-card-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.tri-teacher-page .command-card{ min-height:310px; padding:2rem; border:1px solid var(--line); border-radius:1.2rem; background:rgba(255,255,255,.78); box-shadow:0 12px 35px rgba(24,80,88,.06); }
.tri-teacher-page .command-card .number{ color:var(--teacher-accent); font-size:.7rem; }
.tri-teacher-page .command-card h3{ margin:5rem 0 1rem; font-size:2.2rem; line-height:1; }
.tri-teacher-page .command-card p{ color:#68777b; }
.tri-teacher-page .journey-panel{ padding:2rem; border:1px solid var(--line); border-radius:1.3rem; background:#fff; }
.tri-teacher-page .journey-line{ display:grid; grid-template-columns:repeat(5,1fr); position:relative; gap:1rem; }
.tri-teacher-page .journey-line::before{ content:""; position:absolute; top:1rem; left:8%; right:8%; height:1px; background:linear-gradient(90deg,var(--teacher-accent),var(--violet)); }
.tri-teacher-page .journey-step{ position:relative; padding-top:3rem; }
.tri-teacher-page .journey-step::before{ content:""; position:absolute; top:.55rem; left:0; width:.8rem; height:.8rem; border:4px solid #fff; border-radius:50%; background:var(--teacher-accent); box-shadow:0 0 0 1px var(--teacher-accent); }
.tri-teacher-page .journey-step strong{ display:block; font-family:var(--display); font-size:1.3rem; }
.tri-teacher-page .readiness-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.tri-teacher-page .readiness-card{ display:grid; grid-template-columns:auto 1fr; gap:1.2rem; padding:1.5rem; border:1px solid var(--line); border-radius:1rem; background:rgba(255,255,255,.7); }
.tri-teacher-page .readiness-card span{ color:var(--teacher-accent); font-size:.72rem; }
.tri-teacher-page .command-cta{ margin-top:6rem; padding:clamp(3rem,7vw,7rem); text-align:center; border-radius:1.5rem; background:linear-gradient(135deg,#e1f2ef,#ece7f6); }
.tri-teacher-page .command-cta h2{ max-width:900px; margin:auto; font-size:clamp(3rem,7vw,7rem); line-height:.9; }
.tri-teacher-page.command-page .qa-section{ padding-top:clamp(4.5rem,8vw,8rem); }
.tri-teacher-page.hybrid-page{ --teacher-accent:#147f7b; --teacher-accent-soft:#d8ebe8; --teacher-surface:#f2ecdf; --teacher-ink:#123239; background:#f8f7f2; }
.tri-teacher-page .hybrid-hero{ width:min(94vw,1500px); margin:1.5rem auto 0; overflow:hidden; border-radius:1.6rem; background:linear-gradient(145deg,#e9f5f2,#eee7dc); }
.tri-teacher-page .hybrid-hero .brandline{ border-bottom:1px solid var(--line); }
.tri-teacher-page .hybrid-stage{ position:relative; min-height:760px; display:grid; grid-template-columns:1.2fr .8fr; gap:2rem; align-items:center; padding:clamp(2rem,6vw,6rem); }
.tri-teacher-page .hybrid-copy{ position:relative; z-index:2; }
.tri-teacher-page .hybrid-copy h1{ margin:0; font-size:clamp(5rem,12vw,12rem); line-height:.72; letter-spacing:-.075em; }
.tri-teacher-page .hybrid-copy > p:last-child{ max-width:35rem; margin-top:2rem; }
.tri-teacher-page .hybrid-image{ position:absolute; right:5%; top:8%; bottom:6%; width:48%; border-radius:48% 48% 1.2rem 1.2rem; background:radial-gradient(circle at 50% 28%,#f7eee4 0 14%,transparent 14.5%),linear-gradient(155deg,#6eb0a9,#565080); box-shadow:0 30px 75px rgba(19,68,74,.18); }
.tri-teacher-page .hybrid-image.has-photo{ overflow:hidden; background:#305e67; }
.tri-teacher-page .hybrid-image.has-photo img{ width:100%; height:100%; display:block; object-fit:cover; object-position:52% 32%; }
.tri-teacher-page .hybrid-badge{ position:absolute; z-index:3; right:4%; bottom:4%; width:min(32rem,42vw); padding:1.7rem; color:white; border-radius:1.1rem; background:linear-gradient(120deg,rgba(4,72,80,.94),rgba(91,78,139,.92)); }
.tri-teacher-page .hybrid-badge strong{ display:block; font:400 1.8rem/1.1 var(--display); }
.tri-teacher-page .hybrid-practical{ display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(3rem,8vw,9rem); align-items:end; background:#f2ede5; border-top:1px solid var(--violet); }
.tri-teacher-page .hybrid-practical h2{ margin:0; font-size:clamp(3.4rem,7vw,7.5rem); line-height:.88; letter-spacing:-.05em; }
.tri-teacher-page .hybrid-detail-list{ margin:0; }
.tri-teacher-page .hybrid-detail-list > div{ display:grid; grid-template-columns:.75fr 1.25fr; gap:1.25rem; padding:1.25rem 0; border-bottom:1px solid var(--line); }
.tri-teacher-page .hybrid-detail-list dt{ color:color-mix(in srgb,var(--teacher-ink) 64%,transparent); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }
.tri-teacher-page .hybrid-detail-list dd{ margin:0; font-size:.98rem; }
.tri-teacher-page .hybrid-story{ display:grid; grid-template-columns:1.4fr .6fr; gap:clamp(3rem,8vw,9rem); }
.tri-teacher-page .hybrid-story h2{ margin:0; font-size:clamp(3.2rem,7vw,7rem); line-height:.95; }
.tri-teacher-page .hybrid-story aside{ color:#65757a; }
.tri-teacher-page .hybrid-dashboard{ color:#edf8f6; background:#103f48; }
.tri-teacher-page .hybrid-dashboard-head{ display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-bottom:3rem; }
.tri-teacher-page .hybrid-dashboard h2{ margin:0; font-size:clamp(3rem,6vw,6rem); line-height:.95; }
.tri-teacher-page .hybrid-module-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.tri-teacher-page .hybrid-module{ min-height:280px; padding:2rem; border:1px solid rgba(255,255,255,.18); border-radius:1.1rem; background:rgba(255,255,255,.055); }
.tri-teacher-page .hybrid-module h3{ margin:4rem 0 1rem; font-size:2rem; }
.tri-teacher-page .hybrid-module p{ color:#b8cfcd; }
.tri-teacher-page .hybrid-path{ background:var(--teacher-surface); }
.tri-teacher-page .hybrid-path h2{ max-width:980px; margin:0 0 4rem; font-size:clamp(3.2rem,7vw,7rem); line-height:.92; }
.tri-teacher-page .hybrid-path-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.tri-teacher-page .hybrid-path-row article{ padding:1.5rem; border-top:1px solid var(--teacher-accent); }
.tri-teacher-page .hybrid-path-row strong{ display:block; margin:2.5rem 0 1rem; font:400 1.7rem/1 var(--display); }
.tri-teacher-page .hybrid-explore{ background:#f8f7f2; border-top:1px solid var(--line); }
.tri-teacher-page .hybrid-explore > h2{ max-width:1050px; margin:0 0 clamp(4rem,8vw,7rem); font-size:clamp(3.4rem,7vw,7.5rem); line-height:.9; letter-spacing:-.05em; }
.tri-teacher-page .hybrid-explore-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; align-items:stretch; }
.tri-teacher-page .hybrid-explore-grid article{ min-height:430px; display:flex; flex-direction:column; padding:clamp(1.6rem,3vw,2.5rem); border:1px solid var(--line); border-radius:1.2rem; background:#fbfaf7; }
.tri-teacher-page .hybrid-explore-grid article.featured{ background:color-mix(in srgb,var(--teacher-accent-soft) 58%,#ead7cb); border-color:transparent; }
.tri-teacher-page .hybrid-explore-grid article > span:first-child{ color:var(--violet); font-size:.7rem; font-weight:700; letter-spacing:.12em; }
.tri-teacher-page .hybrid-explore-grid h3{ margin:auto 0 1.25rem; font-size:clamp(2rem,3vw,3.25rem); line-height:.95; }
.tri-teacher-page .hybrid-explore-grid p{ color:color-mix(in srgb,var(--teacher-ink) 70%,transparent); }
.tri-teacher-page .hybrid-card-action{ margin-top:2rem; padding-top:1rem; border-top:1px solid var(--line); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; }
.tri-teacher-page .hybrid-outcome{ display:grid; grid-template-columns:1.3fr .7fr; gap:clamp(3rem,8vw,9rem); align-items:end; background:var(--teacher-surface); }
.tri-teacher-page .hybrid-outcome h2{ margin:0; font-size:clamp(3.2rem,6vw,6.5rem); line-height:.94; }
.tri-teacher-page .hybrid-outcome > p{ color:color-mix(in srgb,var(--teacher-ink) 70%,transparent); }
.tri-teacher-page .hybrid-quote{ min-height:650px; display:grid; place-items:center; align-content:center; color:var(--teacher-ink); text-align:center; background:radial-gradient(circle,var(--teacher-accent-soft),transparent 54%),#f8f7f2; }
.tri-teacher-page .hybrid-quote blockquote{ max-width:1120px; margin:0; color:var(--teacher-ink); font:400 clamp(3rem,5.4vw,6rem)/1.04 var(--display); letter-spacing:-.035em; }
.tri-teacher-page .hybrid-quote > p:not(.eyebrow){ max-width:42rem; margin:1.5rem auto 0; color:color-mix(in srgb,var(--teacher-ink) 72%,transparent); }
.tri-teacher-page.diane-proof .hybrid-copy h1{ font-size:clamp(4.8rem,10.5vw,10.5rem); }
@media (max-width:900px){.tri-teacher-page .selector-header{ grid-template-columns:110px 1fr; }
.tri-teacher-page .selector-header aside{ grid-column:1/-1; }
.tri-teacher-page .selector-portrait{ width:110px; }
.tri-teacher-page .selector-tabs{ grid-template-columns:repeat(2,1fr); }
.tri-teacher-page .preview-toolbar{ grid-template-columns:1fr; }
.tri-teacher-page .viewport-controls{ justify-self:start; }
.tri-teacher-page .selector-choice{ grid-template-columns:1fr; }
.tri-teacher-page .gallery-header, .tri-teacher-page .premium-credo, .tri-teacher-page .premium-story, .tri-teacher-page .premium-practical, .tri-teacher-page .premium-outcome, .tri-teacher-page .command-focus, .tri-teacher-page .command-block-head, .tri-teacher-page .hybrid-stage, .tri-teacher-page .hybrid-story, .tri-teacher-page .hybrid-dashboard-head, .tri-teacher-page .hybrid-practical, .tri-teacher-page .hybrid-outcome, .tri-teacher-page .qa-heading{ grid-template-columns:1fr; }
.tri-teacher-page .premium-intro-card{ width:min(86vw,34rem); }
.tri-teacher-page .premium-path-grid, .tri-teacher-page .command-card-grid, .tri-teacher-page .hybrid-module-grid, .tri-teacher-page .hybrid-explore-grid{ grid-template-columns:1fr; }
.tri-teacher-page .hybrid-explore-grid article, .tri-teacher-page .hybrid-explore-grid article.featured{ min-height:330px; transform:none; }
.tri-teacher-page .journey-line{ grid-template-columns:1fr; }
.tri-teacher-page .journey-line::before{ top:0; bottom:0; left:.9rem; right:auto; width:1px; height:auto; }
.tri-teacher-page .journey-step{ padding:0 0 2rem 3rem; }
.tri-teacher-page .journey-step::before{ top:.3rem; left:.5rem; }
.tri-teacher-page .command-profile-photo{ min-height:480px; }
.tri-teacher-page .hybrid-path-row{ grid-template-columns:repeat(2,1fr); }}
@media (max-width:640px){.tri-teacher-page .selector-header{ grid-template-columns:1fr; }
.tri-teacher-page .selector-portrait{ width:90px; }
.tri-teacher-page .selector-tabs{ grid-template-columns:1fr 1fr; }
.tri-teacher-page .selector-tab{ min-height:120px; }
.tri-teacher-page .choice-actions{ grid-template-columns:1fr; }
.tri-teacher-page #choice-output{ grid-column:auto; }
.tri-teacher-page .variant-bar{ flex-wrap:wrap; }
.tri-teacher-page .variant-bar span{ order:3; width:100%; }
.tri-teacher-page .gallery-header, .tri-teacher-page .gallery-grid{ grid-template-columns:1fr; }
.tri-teacher-page .gallery-card{ min-height:340px; }
.tri-teacher-page .gallery-card.proof{ grid-column:auto; }
.tri-teacher-page .proof-photo{ width:72%; opacity:.62; }
.tri-teacher-page .premium-hero{ min-height:920px; }
.tri-teacher-page .premium-title{ padding-top:7rem; }
.tri-teacher-page .premium-portrait{ right:-30%; top:36%; width:105%; }
.tri-teacher-page .premium-intro-card{ right:4%; bottom:3%; width:92%; }
.tri-teacher-page .premium-story-art{ min-height:460px; }
.tri-teacher-page .command-header{ align-items:start; }
.tri-teacher-page .command-status{ max-width:8rem; }
.tri-teacher-page .command-profile-photo{ min-height:380px; }
.tri-teacher-page .readiness-grid, .tri-teacher-page .hybrid-path-row{ grid-template-columns:1fr; }
.tri-teacher-page .hybrid-hero{ width:100%; margin:0; border-radius:0; }
.tri-teacher-page .hybrid-stage{ min-height:900px; align-items:start; padding-top:5rem; }
.tri-teacher-page .hybrid-image{ top:34%; right:-22%; bottom:8%; width:105%; }
.tri-teacher-page .hybrid-image.has-photo img{ object-position:50% 28%; }
.tri-teacher-page .hybrid-badge{ right:4%; bottom:3%; width:92%; }
.tri-teacher-page .hybrid-detail-list > div{ grid-template-columns:1fr; gap:.35rem; }}
/* Theme compatibility: OneListing Pro + Directorist custom single listing page (v0.1.1) */
.tri-teacher-page :is(h1,h2,h3,h4,h5,h6){ color:inherit; }
.tri-teacher-page br, .custom_single_listing .directorist-single-wrapper .tri-teacher-page br{ display:inline; }
.tri-teacher-page{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.directorist-single:has(.tri-teacher-page){ overflow-x:clip; }
.tri-teacher-page{ --display:"Playfair Display", Georgia, "Times New Roman", serif; }
.tri-teacher-page blockquote{ border:0; padding:0; background:none; quotes:none; }
.tri-teacher-page blockquote::before, .tri-teacher-page blockquote::after{ content:none; }
.tri-teacher-page .premium-quote blockquote{ margin-left:auto; margin-right:auto; }
.tri-teacher-page .premium-title h1{ max-width:4.2em; }