/* SYNVOKE STORE — static launch website.
   One small stylesheet, no external fonts/frameworks/trackers.
   Edit these design tokens to update the entire visual system. */
:root {
  color-scheme: dark;
  --bg: #0d1110;
  --bg-alt: #101613;
  --surface: #171e1a;
  --surface-2: #1d2720;
  --line: #2a332c;
  --muted: #a0a8a0;
  --subtle: #738077;
  --text: #f0f2ec;
  --accent: #d0fb76;
  --accent-deep: #adcf62;
  --ink: #111812;
  --max: 1240px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; }
::selection { background: var(--accent); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 3px; }
img { display: block; max-width: 100%; }
.container { width: min(calc(100% - 88px), var(--max)); margin-inline: auto; }
.skip-link { position: absolute; z-index: 200; top: -60px; left: 16px; background: var(--accent); color: var(--ink); padding: 12px 18px; font-weight: 750; }
.skip-link:focus { top: 14px; }
.site-shell { overflow: clip; }
.announcement { border-bottom: 1px solid #2a3a2d; background: #1b291c; color: #d4e1c4; }
.announcement-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 37px; font-size: 9px; font-weight: 750; letter-spacing: .165em; }
.announcement-inner > span { display: inline-flex; gap: 11px; align-items: center; }
.announcement-right { color: #a8b7a2; letter-spacing: .08em; text-transform: none; font-weight: 600; font-size: 11px; }
.announcement-right span { color: var(--accent); font-size: 14px; }
.live-dot, .status-pulse { display: inline-block; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px #d0fb76a3; }
.site-header { position: relative; z-index: 40; border-bottom: 1px solid #253027; background: rgba(13,17,16,.94); }
.nav-wrap { min-height: 83px; display: flex; align-items: center; gap: 36px; }
.brand { display: flex; align-items: center; min-width: max-content; }
.brand-mark { width: 34px; height: 34px; margin-right: 11px; }
.brand-word { letter-spacing: -.075em; font-size: 23px; line-height: 1; font-weight: 900; }
.brand-period { color: var(--accent); }
.brand-divider { width: 1px; height: 22px; background: #4d594c; margin: 0 15px 0 17px; }
.brand-store { letter-spacing: .2em; color: var(--accent); font-size: 10px; font-weight: 800; margin-top: 2px; }
.desktop-nav { display: flex; align-items: center; margin-left: auto; gap: 34px; }
.desktop-nav a { color: #c6ccc5; font-size: 12px; font-weight: 590; transition: color .2s ease; }
.desktop-nav a:hover, .button-text:hover, .founder-link:hover, .footer a:hover { color: var(--accent); }
.nav-contact { border: 1px solid #58664c; padding: 13px 18px; font-size: 12px; font-weight: 700; white-space: nowrap; transition: background .2s ease,border-color .2s ease; }
.nav-contact span { margin-left: 12px; color: var(--accent); font-size: 17px; }
.nav-contact:hover { border-color: var(--accent); background: #1d2a1d; }
.mobile-navigation { display: none; }
.hero { position: relative; isolation: isolate; padding-top: 80px; }
.hero-atmosphere { pointer-events: none; position: absolute; inset: 0 0 auto; height: 780px; z-index: -1; background: radial-gradient(ellipse 43% 48% at 72% 37%,rgba(93,143,80,.09), transparent 78%), radial-gradient(ellipse 45% 60% at 19% 50%,rgba(33,69,46,.07),transparent 79%); }
.hero-layout { display: grid; grid-template-columns: minmax(0,1.03fr) minmax(0,.97fr); align-items: center; gap: 64px; min-height: 532px; }
.hero-copy { padding-top: 8px; }
.eyebrow, .section-marker, .section-overline { color: var(--accent); font-size: 10px; letter-spacing: .18em; font-weight: 800; }
.eyebrow { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.eyebrow-square { width: 7px; height: 7px; background: var(--accent); display: inline-block; }
.eyebrow-rule { height: 1px; background: #485b3b; width: 35px; }
.hero h1 { font-size: clamp(59px,5.28vw,82px); line-height: 1.035; letter-spacing: -.075em; font-weight: 765; margin: 29px 0 23px; white-space: nowrap; }
.headline-muted { color: #89958a; }
.headline-accent { color: var(--accent); }
.heading-star { font-size: .4em; vertical-align: top; position: relative; top: -.18em; left: .14em; font-weight: 400; }
.hero-description { max-width: 480px; font-size: 15.5px; line-height: 1.82; color: #a6b0a6; margin: 0; }
.hero-description a { color: #e8f0df; text-decoration: underline; text-decoration-color: #6f8765; text-underline-offset: 4px; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-top: 30px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 52px; font-size: 12.5px; font-weight: 800; transition: transform .2s ease, background .2s ease, color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { padding: 0 14px 0 21px; min-width: 193px; color: var(--ink); background: var(--accent); }
.button-primary:hover { background: #e3ff9e; }
.button-arrow { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border: 1px solid rgba(16,28,15,.28); font-size: 17px; font-weight: 400; }
.button-text { color: #d9e1d7; font-weight: 700; gap: 13px; }
.button-text span { font-size: 17px; color: var(--accent); font-weight: 400; }
.hero-footnote { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #85948a; font-size: 11px; margin-top: 40px; letter-spacing: .015em; }
.hero-footnote .status-pulse { width: 6px; height: 6px; }
.footnote-separator { height: 13px; width: 1px; background: #435046; margin: 0 5px; }
.hero-visual { position: relative; height: 500px; background: linear-gradient(149deg,#1c2920 0%,#121a15 65%,#111813 100%); border: 1px solid #3a493b; box-shadow: inset 0 0 80px rgba(157,212,116,.03), 0 21px 70px rgba(0,0,0,.21); overflow: hidden; }
.hero-visual::before { content:""; pointer-events: none; position:absolute; inset:0; background-image:linear-gradient(to right,rgba(169,199,149,.048) 1px,transparent 1px),linear-gradient(to bottom,rgba(169,199,149,.048) 1px,transparent 1px); background-size: 40px 40px; mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 90%); }
.hero-visual::after { content:""; position: absolute; inset: 16% 8%; border:1px solid rgba(186,225,143,.085); pointer-events:none; }
.visual-topline, .visual-bottomline { position: absolute; left: 26px; right: 26px; display: flex; align-items: center; justify-content: space-between; z-index: 3; font-size: 9px; letter-spacing: .175em; font-weight: 800; }
.visual-topline { top: 24px; color: #b9caba; }
.visual-topline span:last-child { color: #91a48c; }
.visual-orbit { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 385px; height: 385px; }
.orbit { position: absolute; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(196,248,126,.18); }
.orbit-outer { width: 370px; height: 370px; }
.orbit-middle { width: 276px; height: 276px; border-style: dashed; opacity: .88; }
.orbit-inner { width: 179px; height: 179px; background: radial-gradient(circle,rgba(159,225,99,.19),rgba(85,128,67,.04) 72%,transparent); }
.orbit-center { position:absolute; width:106px; height:106px; border:1px solid #748d5b; background:linear-gradient(145deg,#365137,#1b2b1d); border-radius: 25px; left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg); display:flex; align-items:center; justify-content:center; box-shadow:0 0 85px rgba(171,235,109,.15), 0 15px 22px #08130c; }
.orbit-center span { font-weight:900; font-size:64px; line-height:1; letter-spacing:-.1em; transform:rotate(8deg); color:var(--accent); }
.orbit-center i { position:absolute; width:8px; height:8px; background:var(--accent); border-radius:50%; right:16px; bottom:17px; }
.orbit-satellite { width:9px;height:9px;background:var(--accent); border-radius:50%;position:absolute;box-shadow:0 0 20px rgba(208,251,118,.5); }
.satellite-one { top:48px; left:144px; }.satellite-two { bottom: 58px; right:73px;width:6px;height:6px;background:#91ba75; }
.visual-floating { position:absolute; z-index: 5; display:flex; align-items:center; gap:12px; min-height:64px; padding: 10px 13px; border:1px solid #5f765b; background:rgba(30,44,32,.93); box-shadow:0 14px 25px #0711096e; }
.visual-floating-top { right:-1px;top:95px; width: 242px; }
.visual-floating-bottom { left:-1px; bottom:88px; width: 248px; }
.float-icon { height:33px;width:33px; flex:none; background:#304932;display:flex;justify-content:center;align-items:center;color:var(--accent);font-size:16px;font-weight:800; }
.float-icon-code { font-size:12px; }.float-icon-spark { font-size:23px; }
.visual-floating strong,.visual-floating small { display:block; }.visual-floating strong {color:#e8f1e3; font-size:9px;letter-spacing:.07em;white-space:nowrap; }.visual-floating small {color:#97a99a;font-size:9px;margin-top:5px;white-space:nowrap;}.float-cross {margin-left:auto;align-self:flex-start;color:var(--accent);font-size:14px;}.float-dots {margin-left:auto;display:flex;align-self:flex-end;gap:3px;}.float-dots b {width:3px;height:3px;border-radius:100%;background:#859b7d;}
.visual-bottomline { bottom:22px; color:var(--accent); }.visual-bottomline span:first-child { display:flex;align-items:center;gap:8px;}.visual-bottomline span:last-child {color:#829480;font-size:8px;line-height:1.6;text-align:right;}.square-dot {height:5px;width:5px;background:var(--accent);}
.hero-bottom { display:flex;align-items:center;justify-content:space-between; margin-top:51px; margin-bottom:19px;font-size:9px;font-weight:750;letter-spacing:.16em;color:#718077;}.hero-bottom a {color:#a4aea3;transition:color .2s ease;}.hero-bottom a:hover {color:var(--accent);}.hero-bottom a span {font-size:17px;margin-left:12px;color:var(--accent);font-weight:400;}
.value-strip { border-block: 1px solid #303b30; background:#141b16; }.value-strip-inner { display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:69px; color:#a1b4a0; font-size:9px; letter-spacing:.17em; font-weight:800;white-space:nowrap;}.strip-symbol {color:var(--accent);font-size:18px;font-weight:400;}
.section { scroll-margin-top: 35px; }.about-section {padding:130px 0 135px;}.section-marker {display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9aa899;font-size:10px;letter-spacing:.14em;}.section-marker span:first-child {color:var(--accent);}.about-grid {display:grid;grid-template-columns:1fr .8fr;gap:90px;margin-top:52px;align-items:start;}.about-grid h2,.section-title-row h2,.principles-lead h2,.studio-content h2 {margin:0;font-size:clamp(44px,4.8vw,73px);font-weight:740;letter-spacing:-.07em;line-height:1.11;}.about-grid h2 em,.principles-lead h2 em {font-style:normal;color:var(--accent);}.about-text {padding-top:4px;max-width:495px;}.about-text p {margin:0 0 21px;color:#a2ada4;font-size:16px;line-height:1.9;}.about-text p strong {font-weight:690;color:#e5ebe1;}.underlined-link {display:inline-flex;align-items:center;gap:35px;font-size:12px;font-weight:800;color:var(--accent);padding:8px 0;border-bottom:1px solid var(--accent);margin-top:8px;}.underlined-link span {font-size:18px;font-weight:400;}.underlined-link:hover {color:#fff;border-color:#fff;}
.explore-section { background:#131a15; border-top:1px solid #233124; border-bottom:1px solid #233124; padding:99px 0 115px; }.section-title-row {display:flex;align-items:end;justify-content:space-between;gap:60px;margin:50px 0 43px;}.section-overline {color:var(--accent);margin:0 0 19px;}.section-title-row h2 span {color:var(--accent);}.section-title-row>p {width:340px; flex:none; margin:0 0 9px;color:#a6b0a4;font-size:14px;line-height:1.8;}
.focus-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.focus-card {background:#18221b;border:1px solid #394b38;min-height:440px;display:flex;flex-direction:column;position:relative;transition:border-color .2s ease,transform .2s ease;}.focus-card:hover {border-color:#7d9a63;transform:translateY(-3px);}.focus-card-featured {background:#1b281e;}.focus-top {display:flex;align-items:center;justify-content:space-between;padding:23px 25px 0;color:#a9c59c;font-size:9px;letter-spacing:.15em;font-weight:800;}.card-symbol {font-size:20px;color:#95b07e;font-weight:400;}.focus-art {height:212px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}.focus-art::before {content:"";position:absolute; width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(143,195,100,.13),transparent 72%);}.app-window {z-index:2;width:222px;height:144px;background:#1a291c;border:1px solid #678062;box-shadow:15px 17px 0 rgba(6,14,9,.58),0 0 60px #accd7626;transform:rotate(-7deg);}.window-top {height:25px;background:#29412d;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #4c674a;}.window-top i {width:4px;height:4px;border-radius:50%;background:#a1b49b;}.window-top span {margin-left:auto;color:#b8d5a7;font-size:7px;letter-spacing:.14em;}.window-body {display:flex;height:118px;}.window-sidebar {width:41px;padding:14px 10px;background:#142216;display:flex;flex-direction:column;gap:12px;}.window-sidebar b {width:18px;height:3px;background:#496b49;}.window-content {flex:1;padding:15px 16px;}.window-line {height:5px;background:#617e57;opacity:.85;margin-bottom:8px;}.window-line.long {width:84%;}.window-line.medium {width:55%;background:#3e5942;}.window-line.short {width:37%;background:#3e5942;}.window-chart {height:45px;display:flex;align-items:end;gap:12px;padding-top:7px;}.window-chart span {background:#a8da75;width:14px;}.window-chart span:nth-child(1){height:26%;}.window-chart span:nth-child(2){height:62%;}.window-chart span:nth-child(3){height:44%;}.window-chart span:nth-child(4){height:90%;}.window-chart span:nth-child(5){height:70%;}.focus-art-ai .ai-orbit {width:172px;height:172px;border:1px solid #587650;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 56px #a8f37a11;}.ai-orbit::before,.ai-orbit::after {content:"";position:absolute;width:108px;height:108px;border-radius:50%;border:1px dashed #698767;}.ai-orbit::after {width:207px;height:207px;border-style:solid;border-color:#334d36;}.ai-center {height:91px;width:91px;border-radius:22px;background:linear-gradient(135deg,#4c7450,#233b28);border:1px solid #8dbb81;color:var(--accent);display:grid;place-items:center;font-size:68px;z-index:2;box-shadow:0 0 40px #cbfa751f;}.ai-satellite {width:9px;height:9px;background:#cbf37f;border-radius:50%;position:absolute;z-index:4;}.ai-satellite-a{top:14px;right:20px;}.ai-satellite-b{bottom:17px;left:12px;width:6px;height:6px;}.ai-satellite-c{top:81px;right:-23px;width:5px;height:5px;background:#8cae79;}.focus-art-tools .tool-window {border:1px solid #6b916a;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:15px;position:absolute;}.tool-window-back {height:119px;width:127px;transform:translate(37px,-17px) rotate(10deg);background:#203422;opacity:.65;}.tool-window-front {height:126px;width:136px;background:#29472b;transform:translate(-18px,11px) rotate(-8deg);box-shadow:11px 15px 0 #09160b;}.tool-window span {display:flex;align-items:center;justify-content:center;border:1px solid #5a8056;color:var(--accent);font-size:25px;font-weight:550;background:#263c29;}.tool-window-back span {font-size:18px;}.focus-details {padding:0 25px 26px;margin-top:auto;}.focus-details h3 {margin:0 0 9px;font-weight:730;font-size:21px;letter-spacing:-.035em;}.focus-details p {margin:0;color:#a2b0a2;line-height:1.7;font-size:12.5px;min-height:63px;max-width:275px;}.card-state {border-top:1px solid #354634;color:#adc29f;padding-top:16px;margin-top:18px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:650;}.card-state>span {font-size:17px;line-height:0;color:var(--accent);}.focus-disclaimer {text-align:right;margin:19px 0 0;font-size:11px;color:#859488;line-height:1.6;}
.principles-section {padding:125px 0 136px;}.principles-layout {display:grid;grid-template-columns:.9fr 1.1fr;gap:112px;}.principles-lead .section-marker {margin-bottom:48px;}.principles-lead h2 {font-size:clamp(47px,5.1vw,76px);}.principles-lead>p {color:#a5afa5;font-size:14px;line-height:1.8;max-width:310px;margin-top:24px;}.principles-list {border-top:1px solid #3b4b3b;}.principle {display:grid;grid-template-columns:57px 1fr 24px;align-items:start;gap:18px;border-bottom:1px solid #3b4b3b;padding:28px 2px 30px 0;}.principle-num {font-size:10px;color:var(--accent);font-weight:700;margin-top:5px;letter-spacing:.05em;}.principle h3 {font-size:20px;letter-spacing:-.035em;margin:0 0 9px;}.principle p {font-size:13px;line-height:1.8;color:#a1ada2;max-width:370px;margin:0;}.principle-star {font-size:18px;color:var(--accent);opacity:.8;}
.studio-section {padding:0 0 109px;}.studio-card {background:var(--accent);color:var(--ink);padding:30px 40px 27px;position:relative;overflow:hidden;}.studio-top,.studio-bottom {display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.15em;font-weight:850;}.studio-top {border-bottom:1px solid rgba(16,32,14,.2);padding-bottom:19px;}.studio-asterisk {font-size:21px;}.studio-content {display:grid;grid-template-columns:1fr .38fr;gap:40px;min-height:350px;align-items:center;padding:52px 0 55px;}.studio-eyebrow {font-size:10px;font-weight:850;letter-spacing:.17em;margin:0 0 19px;}.studio-content h2 {font-size:clamp(37px,4vw,64px);line-height:1.1;}.studio-content h2 span {opacity:.62;}.studio-content p:not(.studio-eyebrow) {font-size:13px;line-height:1.8;max-width:530px;margin:20px 0 0;color:#33452d;}.studio-actions {display:flex;align-items:center;gap:29px;flex-wrap:wrap;margin-top:28px;}.button-dark {color:#eaf3e4;background:var(--ink);min-width:196px;padding:0 12px 0 19px;}.button-dark:hover {background:#35472b;}.button-dark .button-arrow {border-color:#607655;color:var(--accent);}.founder-link {font-size:12px;font-weight:780;border-bottom:1px solid #354b2e;padding-bottom:5px;transition:color .2s ease;}.founder-link span {font-size:17px;margin-left:15px;}.founder-link:hover {color:#4a672e;}.studio-monogram {font-size:clamp(205px,24vw,320px);font-weight:900;letter-spacing:-.19em;line-height:1;color:rgba(20,38,16,.08);position:relative;justify-self:center;transform:rotate(-12deg);user-select:none;}.studio-monogram span {font-size:.2em;position:absolute;right:-.18em;top:.18em;}.studio-bottom {border-top:1px solid rgba(16,32,14,.2);padding-top:23px;}
.footer {background:#0b100d;border-top:1px solid #2f3d31;}.footer-upper {display:flex;justify-content:space-between;gap:70px;padding:75px 0 80px;}.footer-logo {font-size:25px;font-weight:900;letter-spacing:-.07em;}.footer-logo>span {color:var(--accent);}.footer-logo small {color:var(--accent);font-size:10px;letter-spacing:.18em;font-weight:750;margin-left:7px;vertical-align:3px;}.footer-upper p {font-size:12px;color:#8b9a8e;line-height:1.9;margin:16px 0 0;}.footer-links {display:flex;gap:100px;padding-right:40px;}.footer-links>div {display:flex;flex-direction:column;gap:13px;}.footer-label {color:var(--accent);font-size:10px;letter-spacing:.16em;font-weight:850;margin-bottom:7px;}.footer-links a {font-size:12px;color:#c7d0c5;transition:color .2s ease;}.footer-lower {border-top:1px solid #29362d;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#708174;font-size:9px;letter-spacing:.105em;font-weight:750;}.footer-lower a {color:#b6c2b2;white-space:nowrap;}.footer-status {color:var(--accent);font-size:9px;margin-left:7px;}
@media (max-width:1100px) {
  .container {width:min(calc(100% - 64px),var(--max));}.nav-wrap {gap:22px;}.desktop-nav {gap:22px;}.hero-layout {gap:30px;}.hero h1 {font-size:clamp(53px,5.5vw,71px);}.hero-visual {height:460px;}.visual-orbit {transform:translate(-50%,-50%) scale(.9);}.value-strip-inner {font-size:8px;gap:12px;}.about-grid {gap:50px;}.principles-layout {gap:65px;}.footer-links {gap:60px;padding-right:0;}
}
@media (max-width:860px) {
  .container {width:min(calc(100% - 44px),var(--max));}.nav-wrap {min-height:75px;}.desktop-nav,.nav-contact {display:none;}.mobile-navigation {display:block;margin-left:auto;position:relative;}.mobile-navigation summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;color:#d6e1d5;font-size:12px;font-weight:750;padding:12px 4px;}.mobile-navigation summary::-webkit-details-marker{display:none;}.menu-icon {display:flex;flex-direction:column;gap:5px;}.menu-icon span {display:block;width:19px;height:2px;background:var(--accent);}.mobile-navigation[open] .menu-icon span:first-child {transform:translateY(3.5px) rotate(45deg);}.mobile-navigation[open] .menu-icon span:last-child {transform:translateY(-3.5px) rotate(-45deg);}.mobile-links {position:absolute;top:calc(100% + 12px);right:0;width:min(320px,calc(100vw - 44px));display:flex;flex-direction:column;padding:9px 22px 14px;background:#19251b;border:1px solid #526a4a;box-shadow:0 14px 34px #0008;}.mobile-links a {border-bottom:1px solid #324834;padding:17px 0;font-size:13px;font-weight:650;display:flex;justify-content:space-between;}.mobile-links a:last-child {border:none;}.mobile-links a span {color:var(--accent);}.hero {padding-top:57px;}.hero-layout {grid-template-columns:1fr;gap:47px;}.hero-copy {padding:0;}.hero h1 {font-size:clamp(58px,9vw,88px);}.hero-description {max-width:670px;}.hero-visual {height:445px;max-width:none;}.hero-bottom {margin-top:36px;}.value-strip-inner {flex-wrap:wrap;justify-content:center;min-height:80px;padding:17px 0;gap:13px 18px;}.about-section {padding:90px 0 95px;}.about-grid {grid-template-columns:1fr;gap:26px;margin-top:33px;}.about-grid h2 {font-size:clamp(46px,7vw,68px);}.about-text {max-width:640px;}.explore-section {padding:80px 0 88px;}.section-title-row {margin:40px 0 30px;}.focus-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.focus-card {min-height:445px;}.focus-card:last-child {grid-column:1/-1;min-height:340px;}.focus-card:last-child .focus-art {height:153px;}.principles-section {padding:95px 0;}.principles-layout {grid-template-columns:1fr;gap:35px;}.principles-lead .section-marker {margin-bottom:35px;}.principles-lead>p {max-width:580px;}.studio-content {grid-template-columns:1fr .2fr;gap:10px;}.studio-monogram {font-size:185px;}.footer-upper {gap:40px;}.footer-links {gap:45px;}
}
@media (max-width:560px) {
  html {scroll-padding-top:40px;}.container {width:calc(100% - 36px);}.announcement-inner {justify-content:center;min-height:34px;font-size:8px;letter-spacing:.1em;}.announcement-right {display:none!important;}.nav-wrap {min-height:67px;}.brand-mark {width:30px;height:30px;margin-right:9px;}.brand-word {font-size:21px;}.brand-divider {height:18px;margin:0 10px 0 12px;}.brand-store {font-size:9px;}.hero {padding-top:49px;}.eyebrow {font-size:9px;letter-spacing:.11em;gap:8px;}.eyebrow-rule {width:22px;}.hero h1 {font-size:clamp(48px,11.35vw,67px);letter-spacing:-.08em;margin:23px 0 19px;}.hero-description {font-size:14px;line-height:1.78;}.hero-actions {gap:18px;margin-top:27px;}.button-primary {min-width:180px;}.button-text {font-size:12px;}.hero-footnote {margin-top:28px;font-size:10px;gap:8px;}.hero-layout {gap:32px;}.hero-visual {height:367px;}.visual-topline,.visual-bottomline {left:18px;right:18px;}.visual-topline {top:17px;}.visual-orbit {transform:translate(-50%,-50%) scale(.72);}.visual-floating {min-height:53px;gap:9px;padding:7px 10px;}.visual-floating-top {width:203px;top:77px;}.visual-floating-bottom {width:212px;bottom:69px;}.float-icon {width:29px;height:29px;}.visual-floating strong {font-size:8px;}.visual-floating small {font-size:8px;}.visual-bottomline {bottom:15px;}.hero-bottom {margin-top:28px;margin-bottom:17px;}.hero-bottom,.hero-bottom a {font-size:8px;}.hero-bottom a span {font-size:14px;margin-left:6px;}.value-strip-inner {gap:10px 12px;min-height:77px;}.value-strip-inner>span {font-size:8px;}.strip-symbol {font-size:14px!important;}.value-strip-inner>span:nth-last-child(2),.value-strip-inner>span:nth-last-child(3) {display:none;}.about-section {padding:73px 0 85px;}.section-marker {font-size:9px;}.section-marker>span:last-child {font-size:8px;}.about-grid h2,.section-title-row h2,.principles-lead h2 {font-size:clamp(44px,10.8vw,59px);}.about-text p {font-size:14px;line-height:1.85;}.explore-section {padding:69px 0 81px;}.section-title-row {display:block;margin-top:35px;}.section-title-row>p {width:auto;max-width:360px;margin:20px 0 0;font-size:13px;}.section-overline {font-size:9px;}.focus-grid {grid-template-columns:1fr;gap:13px;}.focus-card,.focus-card:last-child {grid-column:auto;min-height:410px;}.focus-card:last-child .focus-art {height:212px;}.focus-art {height:207px;}.focus-details p {min-height:0;max-width:320px;}.focus-disclaimer {text-align:left;font-size:10px;}.principles-section {padding:77px 0 90px;}.principle {grid-template-columns:46px 1fr 14px;gap:12px;}.principle h3 {font-size:19px;}.principle p {font-size:12px;}.principle-star {font-size:13px;}.studio-section {padding:0 0 75px;}.studio-card {padding:22px 22px 21px;}.studio-top,.studio-bottom {font-size:8px;letter-spacing:.1em;}.studio-content {display:block;padding:46px 0 40px;}.studio-content h2 {font-size:clamp(37px,9.2vw,50px);}.studio-content p:not(.studio-eyebrow) {font-size:12px;}.studio-monogram {display:none;}.studio-bottom {line-height:1.6;align-items:start;}.studio-bottom span:last-child {text-align:right;}.studio-actions {gap:22px;}.footer-upper {display:block;padding:58px 0 62px;}.footer-links {margin-top:42px;justify-content:space-between;padding-right:12px;gap:30px;}.footer-lower {flex-wrap:wrap;padding:22px 0 26px;justify-content:space-between;gap:12px;}.footer-lower>span:nth-child(2) {order:3;width:100%;}}
@media (max-width:390px) {.brand-word {font-size:18px;}.brand-store {font-size:8px;}.brand-divider {margin:0 8px 0 9px;}.hero h1 {font-size:46px;}.hero-actions {gap:8px;}.button-primary {min-width:165px;padding-left:12px;}.button-text {gap:6px;}.hero-visual {height:330px;}.visual-orbit {transform:translate(-50%,-50%) scale(.65);}.visual-floating-top {top:61px;}.visual-floating-bottom {bottom:60px;}.value-strip-inner {letter-spacing:.05em;}}
@media (prefers-reduced-motion: reduce) {html {scroll-behavior:auto;}*,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}

/* Accessible standalone 404 page */
.not-found { min-height:100vh; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:20px; }
.not-found h1 { margin:0; font-size:clamp(44px,7vw,80px); line-height:1.1; letter-spacing:-.07em; }
.not-found > p:not(.eyebrow) { max-width:480px; line-height:1.75; color:var(--muted); margin:0 0 10px; }

@media (max-width:350px) { .hero h1 { font-size:41px; } .hero-actions { gap:13px; } }
