/* İZHANE — cinematic archive theme. Shared terminal layout lives in styles.css. */
:root {
  --ink: #101110;
  --paper: #eee9df;
  --paper-dim: #b2aea5;
  --muted: #999b98;
  --red: #ba4938;
  --red-bright: #e48069;
  --line: #30312e;
  --editorial: Georgia, "Times New Roman", serif;
}
button, a { -webkit-tap-highlight-color: transparent; }
button { transition: background .2s, color .2s, border-color .2s, transform .2s; }
button:focus-visible, a:focus-visible, textarea:focus-visible { outline: 2px solid #eeae7e; outline-offset: 5px; }
.landing-shell { background: #111210; }
.landing-header { height: 94px; padding-inline: 5.5%; grid-template-columns: 1fr auto 1fr; border-color: #d9d2c41f; }
.landing-brand { gap: 12px; }
.landing-brand strong { font-size: 1.4rem; letter-spacing: .2em; }
.landing-brand small { color: #a4a39b; font-size: .55rem; letter-spacing: .15em; }
.brand-mark { width: 36px; height: 36px; border: 0; padding: 0; transform: none; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.landing-header nav button { font-family: var(--sans); font-size: .78rem; letter-spacing: 0; text-transform: none; color: #bbb9b1; }
.landing-header-actions { display: flex; align-items: center; gap: 12px; justify-self: end; }
.landing-nav-free { background: transparent; border: 1px solid rgba(76, 175, 80, 0.45); color: #81c784; padding: 7px 14px; border-radius: 4px; font-family: var(--mono); font-size: .68rem; cursor: pointer; transition: all .2s; }
.landing-nav-free:hover { background: rgba(76, 175, 80, 0.15); border-color: #81c784; color: #a5d6a7; transform: translateY(-1px); }
.landing-resume { background: #e7e0d4; color: #23241f; border: 0; min-height: 40px; padding-inline: 18px; font: 500 .74rem var(--sans); text-transform: none; letter-spacing: 0; border-radius: 4px; }
.landing-resume:hover { color: #111; background: #fff6e7; transform: translateY(-2px); }
.landing-resume span { color: #37372e; font-size: .95rem; }
.landing-account-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; white-space: nowrap; }
.account-save-strip { font-size: .72rem; line-height: 1.6; padding: 10px 0; color: #b6b09f; border-bottom: 1px solid #393b30; overflow-wrap: anywhere; }
.account-save-strip a { color: #ddb583; text-decoration: underline; text-underline-offset: 3px; }

.landing-hero { min-height: 820px; height: auto; display: flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; padding: 110px 0 80px; }
.landing-hero > img { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 65% center; filter: saturate(.65) brightness(.85); }
.landing-shade { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg,#101110 0%,#101110f0 24%,#101110b5 48%,#10111025 75%),linear-gradient(0deg,#101110 0%,transparent 30%,#10111018 80%,#10111066); }
.hero-frame { inset: 116px 5.5% 100px; border: 0; pointer-events: none; }
.hero-frame span:first-child { left: auto; right: 0; bottom: auto; top: 12px; color: #c5c0b6; font-size: .59rem; letter-spacing: .15em; }
.hero-frame span:last-child { top: 110px; right: -38px; color: #bab7ad88; font-size: .54rem; letter-spacing: .18em; }

.landing-hero-grid { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 5.5%; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(30px, 4vw, 70px); align-items: center; position: relative; z-index: 3; }
.landing-copy { width: 100%; max-width: 620px; margin: 0; padding: 0; }
.landing-kicker { color: #c6b8a5; font-size: .62rem; letter-spacing: .17em; gap: 12px; margin-bottom: 24px; display: flex; align-items: center; }
.landing-kicker i { width: 8px; height: 8px; background: #cd6a50; box-shadow: 0 0 0 4px #bc584c18; border-radius: 50%; }
.landing-copy h1 { font: 400 clamp(3.2rem,5.4vw,5.6rem)/1.04 var(--editorial); letter-spacing: -.055em; text-indent: 0; color: #efe9dd; text-shadow: 0 5px 35px #0003; margin: 0; }
.landing-copy h1 em { font-weight: 400; color: #c69b76; }
.landing-copy h1 span { color: #c56248; }
.landing-motto { margin: 22px 0 10px; font: 500 .94rem var(--sans); text-transform: none; letter-spacing: .01em; color: #ddd7cb; }
.landing-intro { color: #b1afa7; font-size: .88rem; line-height: 1.8; max-width: 520px; margin: 0; }

.landing-actions { gap: 16px; margin-top: 28px; display: flex; align-items: center; flex-wrap: wrap; }
.landing-primary { min-height: 48px; padding-inline: 22px; background: #be4c38; color: #fff4e7; font: 500 .78rem var(--sans); text-transform: none; letter-spacing: 0; border: none; border-radius: 4px; display: inline-flex; align-items: center; gap: 24px; cursor: pointer; transition: all .2s; }
.landing-primary span { font-size: 1rem; color: #fff4e7; }
.landing-primary:hover { background: #d15a44; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(190, 76, 56, 0.35); }
.landing-secondary { padding: 0 16px; min-height: 48px; display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12); color: #d4cfc3; font: .76rem var(--sans); letter-spacing: 0; border-radius: 4px; cursor: pointer; transition: all .2s; }
.landing-secondary:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.25); color: #fff; transform: translateY(-2px); }
.play-mark { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #aaa79b70; border-radius: 50%; font-size: .8rem; }

.hero-model-note { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 20px; padding: 9px 14px; background: rgba(22, 26, 20, 0.65); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 6px; font-size: 0.72rem; color: #aba69b; }
.hero-model-dot { width: 6px; height: 6px; border-radius: 50%; background: #4caf50; box-shadow: 0 0 6px rgba(76, 175, 80, 0.7); }
.hero-sep { color: #555; }

/* ── Hero Showcase (Vitrin) ─────────────────── */
.hero-showcase { background: rgba(19, 23, 18, 0.88); backdrop-filter: blur(20px); border: 1px solid rgba(200, 173, 120, 0.32); border-radius: 12px; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.04); overflow: hidden; transition: border-color 0.3s ease; }
.hero-showcase:hover { border-color: rgba(200, 173, 120, 0.55); }
.showcase-tabs { display: flex; background: rgba(10, 12, 10, 0.75); border-bottom: 1px solid rgba(255, 255, 255, 0.08); overflow-x: auto; }
.sc-tab { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 10px; background: transparent; border: none; border-bottom: 2px solid transparent; color: #92948a; font-family: var(--mono); font-size: 0.68rem; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; }
.sc-tab:hover { color: #ded7cc; background: rgba(255, 255, 255, 0.02); }
.sc-tab.is-active { color: #e5dfd2; border-bottom-color: #c8ad78; background: rgba(200, 173, 120, 0.08); }
.sc-tab-dot { width: 6px; height: 6px; border-radius: 50%; }
.gold-dot { background: #e4bd79; box-shadow: 0 0 5px #e4bd79; }
.green-dot { background: #4caf50; box-shadow: 0 0 5px #4caf50; }
.red-dot { background: #e57373; box-shadow: 0 0 5px #e57373; }
.sc-tab-tag { font-size: 0.55rem; padding: 1px 4px; border-radius: 3px; }
.gold-tag { background: rgba(228, 189, 121, 0.2); color: #e4bd79; }
.green-tag { background: rgba(76, 175, 80, 0.2); color: #81c784; }

.sc-pane { display: none; }
.sc-pane.is-active { display: block; animation: scFadeIn 0.22s ease-out; }
@keyframes scFadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

.sc-visual { position: relative; height: 185px; overflow: hidden; background: #0c0e0d; }
.sc-visual img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.92) contrast(1.04); }
.sc-visual-overlay { position: absolute; inset: 0; display: flex; align-items: flex-start; justify-content: space-between; padding: 12px 14px; background: linear-gradient(180deg, rgba(10,12,10,0.65) 0%, transparent 40%, rgba(10,12,10,0.85) 100%); }
.sc-badge-badge { font-family: var(--mono); font-size: 0.64rem; font-weight: 600; padding: 4px 8px; border-radius: 4px; letter-spacing: 0.04em; }
.gold-badge { background: #3b321c; color: #f3d48d; border: 1px solid #7c683b; }
.green-badge { background: #1a3322; color: #81c784; border: 1px solid #2e593a; }
.red-badge { background: #381f1c; color: #ef9a9a; border: 1px solid #63332d; }
.sc-time-chip { font-family: var(--mono); font-size: 0.62rem; padding: 3px 7px; border-radius: 3px; background: rgba(0, 0, 0, 0.65); color: #ccc; backdrop-filter: blur(4px); }
.sc-body { padding: 18px 20px; }
.sc-meta-line { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 0.62rem; color: #9c9484; margin-bottom: 8px; }
.sc-status-label { color: #c8ad78; font-weight: 600; }
.sc-title { font-family: var(--editorial); font-size: 1.65rem; color: #ede7db; margin: 0 0 8px; }
.sc-quote { font-size: 0.82rem; line-height: 1.6; color: #b8b2a3; font-style: italic; margin: 0 0 14px; padding-left: 10px; border-left: 2px solid #7c6d50; }
.sc-features { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.sc-features span { font-size: 0.67rem; font-family: var(--mono); padding: 3px 8px; border-radius: 4px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); color: #b2ada0; }
.sc-action-row { display: flex; }
.sc-btn { width: 100%; min-height: 44px; padding: 0 16px; display: flex; align-items: center; justify-content: center; gap: 12px; font-family: var(--sans); font-weight: 600; font-size: 0.8rem; border-radius: 4px; border: none; cursor: pointer; transition: all 0.2s ease; }
.sc-btn-gold { background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%); color: #1a1608; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.25); }
.sc-btn-gold:hover { background: linear-gradient(135deg, #e5c358 0%, #c9971c 100%); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4); }
.sc-btn-green { background: linear-gradient(135deg, #388e3c 0%, #2e7d32 100%); color: #fff; }
.sc-btn-green:hover { background: linear-gradient(135deg, #43a047 0%, #388e3c 100%); transform: translateY(-2px); }
.sc-btn-red { background: linear-gradient(135deg, #c62828 0%, #b71c1c 100%); color: #fff; }
.sc-btn-red:hover { background: linear-gradient(135deg, #d32f2f 0%, #c62828 100%); transform: translateY(-2px); }

.hero-bottom { position: absolute; inset: auto 5.5% 0; height: 60px; border-top: 1px solid #d9d2c425; display: flex; align-items: center; justify-content: space-between; color: #92948a; font: .55rem var(--mono); letter-spacing: .12em; }
.scroll-cue { position: static; display: flex; color: #c3c1b5; font-size: .56rem; gap: 16px; min-height: 44px; background: transparent; border: none; cursor: pointer; }
.scroll-cue span { font-size: 1rem; }
.experience-strip { min-height: 92px; padding: 20px 8.5%; display: flex; justify-content: space-between; align-items: center; gap: 18px; background: #171815; border-block: 1px solid #a59c8726; }
.experience-strip > span { color: #cecbc0; font-size: .75rem; white-space: nowrap; }
.experience-strip b { font: .58rem var(--mono); font-weight: 400; color: #969383; margin-right: 12px; }
.experience-strip > i { font-style: normal; font-size: .85rem; color: #957553; }
.case-archive { background: #111210; padding: 92px 8.5% 100px; }
.archive-heading { margin-bottom: 36px; padding-bottom: 0; border: 0; gap: 25px; }
.archive-heading > div > p, .method-copy > p { display: flex; gap: 10px; align-items: center; color: #b5a78f; font-size: .56rem; letter-spacing: .15em; margin-bottom: 16px; }
.section-tick { display: inline-block; width: 15px; height: 1px; background: #c16b50; }
.archive-heading h2, .method-copy h2 { font: 400 clamp(2rem,3vw,3.15rem)/1.18 var(--editorial); letter-spacing: -.035em; color: #e5dfd2; }
.archive-heading > p { color: #a1a297; font-size: .76rem; line-height: 1.8; }
.case-catalog { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 23px; }
.case-card { display: flex; flex-direction: column; border-color: #33362e; background: #191b17; border-radius: 8px; overflow: hidden; }
.case-card.featured { border-color: #675642; box-shadow: none; }
.case-card:hover { transform: translateY(-5px); border-color: #80735b; }

/* ── Fiyatlandırma & Model Bilgi Şeridi ──────────── */
.landing-pricing-strip { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; max-width: 1320px; margin: 0 auto 36px; padding: 18px 24px; background: rgba(22, 26, 20, 0.75); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; }
.pricing-pill-item { padding: 6px 12px; }
.pricing-pill-item h4 { margin: 6px 0 4px; font-size: 1.05rem; color: #ede7db; font-family: var(--editorial); }
.pricing-pill-item p { margin: 0 0 8px; font-size: 0.78rem; color: #9e9a8e; line-height: 1.6; }
.pill-head-badge { display: inline-block; font-family: var(--mono); font-size: 0.6rem; padding: 2px 8px; border-radius: 3px; background: rgba(76, 175, 80, 0.15); color: #81c784; border: 1px solid rgba(76, 175, 80, 0.35); letter-spacing: 0.04em; }
.gold-head { background: rgba(228, 189, 121, 0.15); color: #e4bd79; border-color: rgba(228, 189, 121, 0.4); }
.pill-check-line { font-size: 0.72rem; font-family: var(--mono); color: #81c784; }
.gold-check { color: #e4bd79; }
.pricing-strip-arrow { display: flex; align-items: center; justify-content: center; color: #666; font-size: 1.3rem; }

/* ── Özel Kart Vurguları & Rozetler ─────────────── */
.featured-case { border-color: #8a7342 !important; box-shadow: 0 10px 35px rgba(212, 175, 55, 0.15) !important; }
.featured-case:hover { border-color: #d4af37 !important; box-shadow: 0 16px 45px rgba(212, 175, 55, 0.28) !important; }
.catalog-badge { position: absolute; z-index: 2; top: 14px; left: 14px; padding: 4px 8px; font-family: var(--mono); font-size: 0.62rem; font-weight: 600; border-radius: 4px; letter-spacing: 0.04em; }

.meta-tag-gold { color: #e4bd79 !important; font-weight: 600; }
.meta-tag-free { color: #81c784 !important; font-weight: 600; }
.meta-tag-prem { color: #e57373 !important; font-weight: 600; }

.btn-open-gold { background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%) !important; color: #1a1608 !important; font-weight: 600 !important; }
.btn-open-gold:hover { background: linear-gradient(135deg, #e5c358 0%, #c9971c 100%) !important; color: #000 !important; }
.btn-open-free { background: #2e7d32 !important; color: #fff !important; font-weight: 600 !important; }
.btn-open-free:hover { background: #388e3c !important; }
.btn-open-prem { background: #be4c38 !important; color: #fff !important; }
.btn-open-prem:hover { background: #d15a44 !important; }

.case-visual { height: 205px; flex-shrink: 0; position: relative; overflow: hidden; }
.case-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 78% 70%; filter: saturate(.65) brightness(.9); transform: none; }
.case-visual::after { background: linear-gradient(0deg,#10110fbf,transparent 65%); }
.case-visual > span { top: 15px; left: 15px; padding: 6px 8px; font-size: .5rem; background: #dee0ce; color: #334331; }
.case-visual > b { bottom: 8px; right: 15px; color: #ece4d75c; font: 400 3.5rem var(--editorial); letter-spacing: -.04em; }
.case-19 { background: radial-gradient(ellipse at 52% 0%,#b493654f,transparent 65%),linear-gradient(90deg,#141915,#24281e 24%,#38392b 25%,#2b2e23 74%,#151a14 75%); }
.case-19::before { inset: 16px 27% -10px; border: 4px double #77705855; box-shadow: 0 0 0 9px #171c1550,inset 0 0 40px #0008; }
.case-19 > span { background: #272b22; color: #cdc5b1; }
.case-19 > i { top: 35%; left: 50%; padding: 4px 12px; font: 1.1rem var(--editorial); background: #a08c61; color: #292b21; border: 2px solid #bba374; transform: translate(-50%,-50%); box-shadow: 0 2px 6px #0006; }
.door-handle { position: absolute; z-index: 2; left: 62%; top: 68%; width: 23px; height: 5px; background: #9d8c61; box-shadow: 0 2px 5px #0008; }
.case-card-body { padding: 23px; flex: 1; display: flex; flex-direction: column; }
.case-card-meta { font-size: .52rem; color: #be9b72; display: flex; justify-content: space-between; }
.case-card-meta small { color: #a1a191; }
.case-card-body h3 { margin: 17px 0 12px; color: #e3dfd0; font: 400 1.9rem var(--editorial); letter-spacing: -.03em; }
.case-card-body blockquote { min-height: 63px; font: .77rem/1.75 var(--sans); color: #c6c4b7; }
.case-card-body > p { margin: 14px 0 20px; min-height: 65px; color: #a5a799; font-size: .74rem; line-height: 1.8; }
.case-tags { display: flex; gap: 7px; margin: auto 0 23px; flex-wrap: wrap; }
.case-tags span { padding: 5px 7px; border: 1px solid #414536; color: #b3b5a4; font-size: .55rem; border-radius: 3px; }
.case-open { min-height: 44px; padding: 0 15px; font: 500 .74rem var(--sans); text-transform: none; letter-spacing: 0; background: #ded9c9; color: #262b21; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: all .2s; }
.case-open span { color: inherit; font-size: 1rem; }
.case-open.is-disabled { border: 1px solid #414536; background: transparent; color: #9b9e8d; }
.case-open.is-disabled span { color: #9b9e8d; }
.sealed-card { opacity: 1; }
.method-section { background: #1a1c17; border-color: #3d413233; padding: 86px 8.5%; grid-template-columns: 1fr 1.2fr; gap: 75px; }
.method-copy h2 { font-size: clamp(2rem,2.9vw,3rem); line-height: 1.24; }
.method-copy h2 em { color: #c0a781; font-weight: 400; }
.method-intro { margin-top: 23px; max-width: 300px; color: #afb0a2; font-size: .78rem; line-height: 1.8; }
.method-cta { display: flex; align-items: center; gap: 32px; margin-top: 23px; padding: 12px 0; border-bottom: 1px solid #6e705d; background: transparent; color: #dfddcf; font-size: .76rem; }
.method-section ol { border: 0; gap: 28px; }
.method-section li { padding: 17px 0 0; border: 0; border-top: 1px solid #494d3b; min-height: 145px; gap: 10px; }
.method-section li span { color: #b3956a; font-size: .6rem; }
.method-section li strong { color: #dfddcf; font: 1.3rem var(--editorial); }
.method-section li p { color: #adb09e; font-size: .74rem; line-height: 1.75; }
.landing-footer { padding: 32px 5.5%; min-height: 120px; background: #111210; grid-template-columns: 1fr minmax(180px,auto) minmax(300px,1.25fr) auto; }
.landing-footer > p { font: italic .82rem var(--editorial); color: #a4a496; }
.landing-footer > span { color: #969889; font-size: .56rem; }
.landing-legal-links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 16px; color:#8f9385; font-size:.62rem; }
.landing-legal-links a { text-decoration:none; }
.landing-legal-links a:hover { color:#d0b17c; }
.landing-brand.compact strong { font-size: 1rem; }
.landing-brand.compact small { font-size: .5rem; }

/* The terminal uses the same warm palette with clearer reading sizes. */
.workspace { background: radial-gradient(ellipse at 40% 0%,#24251d55,transparent 65%),#111310; }
.topbar { background: #121510f5; }
.sidebar, .intel-panel { background: #131611; }
.nav-item { min-height: 47px; font-size: .82rem; }
.nav-item.is-active { background: linear-gradient(90deg,#bd573921,transparent); border-color: #cc7753; }
.primary-nav h2, .case-progress > small, .operator small { color: #959a8c; }
.nav-code, .panel-heading, .panel-heading small { color: #989c90; }
.case-hero h1 { font-family: var(--editorial); font-weight: 400; letter-spacing: -.06em; color: #eee4d0; }
.page-head h1 { font-family: var(--editorial); font-weight: 400; font-size: clamp(2rem,3vw,3rem); }
.page-head > div > p:last-child, .drawer-summary, .observation p, .inspection-card p, .scene-note p, .request-guide p { color: #adb1a3; font-size: .82rem; line-height: 1.75; }
.evidence-card, .person-row, .person-file, .transcript, .question-card, .request-card, .inspection-card { background: #191d16; border-color: #353d2c; }
.evidence-card:hover, .evidence-card.is-selected, .person-row:hover, .person-row.is-selected { background: #22261c; border-color: #89734d; }
.detail-drawer { background: linear-gradient(140deg,#272a20,#191c16); border-color: #5d5e45; }
.evidence-card h2, .inspection-card strong, .person-row strong, .question-card strong, .request-card h2 { color: #dfdfcf; font-size: .9rem; }
.evidence-card > p, .evidence-card-top, .evidence-card-bottom, .detail-drawer dt, .person-row small, .drawer-meta, .inspection-card small { color: #a0a691; }
.activity-item strong { color: #d0d1c2; }
.activity-item small, .empty-mini, .notes-footer { color: #a0a594; }
.btn-primary { background: #c5b38e; color: #1d2518; }
.btn-primary:hover { background: #e2d0aa; }
.brief-panel { background: #1a1e17; border-color: #414a34; }
.brief-panel > p { color: #c0c2b0; font-size: .87rem; }
.status-chip { color: #c0c3ad; border-color: #535b42; }
.speech p, .speech.subject p { font-size: .87rem; color: #d0d2bf; }
.record-row { color: #b5b9a5; font-size: .77rem; }
.record-row strong { color: #d5d7c6; }
.view-overview { grid-template-columns: minmax(0,1fr); align-items: start; gap: 36px; }
@media (min-width: 1700px) {
  .view-overview { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); align-items: center; }
}

@media (min-width: 1600px) {
  .landing-copy { margin-left: max(8.5%,calc((100vw - 1370px)/2)); }
  .case-archive, .method-section, .experience-strip { padding-inline: max(8.5%,calc((100vw - 1370px)/2)); }
}
@media (max-width: 1100px) {
  .landing-copy { margin-left: 6%; max-width: 66%; }
  .hero-dossier { right: 5%; width: 245px; bottom: 125px; }
  .experience-strip, .case-archive, .method-section { padding-inline: 5.5%; }
  .case-catalog { gap: 14px; }
  .case-card-body { padding: 18px; }
  .method-section { gap: 35px; }
  .experience-strip > i { display: none; }
  .experience-strip > span { font-size: .68rem; }
}
@media (max-width: 960px) {
  .landing-header { grid-template-columns: 1fr auto; height: 82px; }
  .landing-header nav { display: none; }
  .landing-hero { height: auto; min-height: 770px; padding: 100px 0 60px; }
  .landing-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .hero-showcase { max-width: 520px; width: 100%; margin: 0 auto; }
  .landing-pricing-strip { grid-template-columns: 1fr; gap: 14px; }
  .pricing-strip-arrow { display: none; }
  .landing-copy h1 { font-size: clamp(3.2rem,7.5vw,4.5rem); }
  .case-catalog { grid-template-columns: 1fr; gap: 24px; }
  .method-section { grid-template-columns: 1fr; gap: 40px; }
  .method-intro { max-width: 430px; }
}
@media (max-width: 640px) {
  .landing-header { height: 76px; padding-inline: 22px; background: #10111070; backdrop-filter: blur(8px); }
  .landing-brand strong { font-size: 1.12rem; }
  .landing-brand .brand-mark { width: 30px; height: 30px; padding: 0; }
  .landing-brand small { display: none; }
  .landing-nav-free { display: none; }
  .landing-resume { padding-inline: 12px; font-size: .65rem; min-height: 38px; }
  .landing-resume span { margin-left: 8px; }
  .landing-hero { display: block; min-height: 0; padding: 110px 24px 80px; }
  .landing-hero-grid { padding: 0; }
  .landing-hero > img { object-position: 70% center; filter: brightness(.65); }
  .landing-shade { background: linear-gradient(90deg,#101110ee,#1011108c),linear-gradient(0deg,#101110,transparent 75%); }
  .hero-frame { display: none; }
  .landing-copy { width: 100%; max-width: none; margin: 0; padding: 0; }
  .landing-kicker { font-size: .5rem; letter-spacing: .1em; margin-bottom: 25px; }
  .landing-copy h1 { font-size: clamp(2.8rem,11.5vw,4.7rem); }
  .landing-motto { font-size: .88rem; margin-top: 24px; }
  .landing-intro { font-size: .8rem; max-width: 360px; }
  .desktop-break { display: none; }
  .landing-actions { flex-direction: row; gap: 18px; align-items: center; margin-top: 24px; }
  .landing-primary { width: auto; gap: 20px; padding-inline: 16px; font-size: .72rem; }
  .landing-secondary { width: auto; font-size: .68rem; }
  .hero-footnote { font-size: .59rem; }
  .hero-dossier { position: relative; display: block; right: auto; bottom: auto; margin: 43px 10px 8px auto; width: 230px; padding: 19px; transform: rotate(-3deg); }
  .dossier-title { margin-top: 15px; font-size: 1.6rem; }
  .dossier-bottom { margin-top: 15px; }
  .hero-bottom { inset-inline: 24px; height: 64px; font-size: .44rem; letter-spacing: .04em; }
  .scroll-cue { display: flex; font-size: .46rem; gap: 10px; }
  .experience-strip { padding: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px 15px; }
  .experience-strip > span { font-size: .64rem; }
  .experience-strip b { margin-right: 7px; font-size: .5rem; }
  .case-archive { padding: 64px 24px; }
  .archive-heading { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 27px; }
  .archive-heading h2 { font-size: 2.2rem; }
  .archive-heading > p { font-size: .74rem; }
  .case-catalog { grid-template-columns: 1fr; gap: 25px; }
  .sealed-card { display: flex; grid-column: auto; }
  .sealed-card .case-visual { height: 205px; min-height: 0; }
  .case-card-body { padding: 23px; }
  .case-card-body blockquote, .case-card-body > p { min-height: 0; }
  .case-tags { margin-top: 0; }
  .method-section { padding: 64px 24px; }
  .method-section ol { grid-template-columns: 1fr 1fr; gap: 25px; }
  .method-section li { min-height: 155px; }
  .method-section li p { font-size: .72rem; }
  .landing-footer { padding: 28px 24px; grid-template-columns: 1fr auto; min-height: 90px; }
  .landing-footer > p { display: none; }
  .landing-legal-links { grid-column:1/-1; justify-content:flex-start; padding-top:18px; border-top:1px solid #32362d; }
  .case-hero h1 { font-size: 5rem; }
  .nav-item { min-height: 46px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}