:root{--ink:#e7e3d6;--muted:#abaea9;--rule:#d7dbcc29;--accent:#d9cba7;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#0b0e10;color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}.painting{position:absolute;z-index:-1;top:0;left:0;width:100%;height:1150px;background:linear-gradient(180deg,#090d1030 0%,#090d100a 35%,#0b0e1070 65%,#0b0e10 98%),url(assets/painting-wide.webp) center top/cover no-repeat;pointer-events:none}a{color:inherit;text-decoration:none}a:hover{color:#fff}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{font:inherit}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between}.wordmark{font:18px var(--serif);letter-spacing:.1em;display:flex;align-items:center;gap:12px}.wordmark img{width:27px;height:27px;border-radius:5px}.header nav{display:flex;gap:32px;font-size:12px;color:#e0e1d9}.nav-source span{margin-left:9px}.hero{padding-top:5px}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero>.eyebrow{text-align:right;color:#e1e1d5;text-shadow:0 1px 8px #000}.hero-grid{padding-top:clamp(210px,32vh,380px);padding-bottom:110px}h1,h2,h3,p,figure{margin:0}h1{font-family:var(--serif);font-size:clamp(80px,13.6vw,188px);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:.07em;text-align:center;text-shadow:0 3px 35px #0005}.hero-description{display:flex;justify-content:space-between;align-items:center;gap:60px;margin:35px auto 0;max-width:1010px}.hero-description>div:first-child{max-width:500px}.hero-description p:first-child{font-family:var(--serif);font-size:29px;line-height:1.3;letter-spacing:-.5px}.secondary{font:14px/1.7 var(--sans);color:#c2c5be;margin-top:12px;max-width:475px}.hero-actions{flex-shrink:0;text-align:right}.button{display:inline-flex;gap:40px;align-items:center;font-size:13px;padding:10px 0;border-bottom:1px solid var(--accent);color:var(--ink)}.button:hover{border-color:white}.availability{display:block;font-size:10px;color:var(--muted);margin-top:12px}.product-stage{padding:0;scroll-margin-top:40px}.stage-label{display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);letter-spacing:.04em;color:var(--muted);padding:0 0 17px}.image-link{display:block;box-shadow:0 35px 90px #0006}.desktop-shot{width:100%;height:auto;display:block}.product-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:17px;font-size:10px;color:var(--muted)}.hero-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding-top:35px}.hero-foot a{display:flex;gap:20px}.section{padding-block:125px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:12%}.section-intro h2,.section-heading h2,.getting-started h2{font-family:var(--serif);font-size:clamp(36px,4.1vw,57px);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin-top:23px}.section-intro>p,.getting-started>div>p{font-size:14px;color:var(--muted);margin-top:25px;max-width:355px}.feature-rows article{display:flex;align-items:flex-start;gap:26px;padding:0 0 33px;margin-bottom:30px;border-bottom:1px solid var(--rule)}.feature-rows article:last-child{padding-bottom:0;border:0;margin-bottom:0}.index{font-family:var(--mono);font-size:10px;color:#8e948e;white-space:nowrap}.feature-rows .index{padding-top:5px}.feature-rows h3{font-size:16px;font-weight:450}.feature-rows p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:10px;max-width:355px}.continuity{position:relative;background:#111618}.continuity::before{content:"";position:absolute;top:0;right:0;width:38%;height:100%;background:linear-gradient(90deg,#111618,#11161877),url(assets/painting.webp) 80% 75%/cover;opacity:.22;pointer-events:none}.continuity>.wrap{position:relative}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.section-heading h2{margin-top:-7px;width:50%}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:65px}.detail-label{font-size:11px;color:#929a96}.detail-grid h3{font:400 29px/1.2 var(--serif);letter-spacing:-.5px;margin-top:18px}.detail-grid p{font-size:13px;color:var(--muted);margin-top:20px;max-width:320px}.detail-grid .detail-note{font-size:11px;color:#8f9691;margin-top:16px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:12px;border-bottom:1px solid #777d72;padding-bottom:4px;margin-top:24px}.privacy-note{margin-top:60px;border-top:1px solid var(--rule);padding-top:26px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.privacy-note p{font-size:12px;color:var(--muted);max-width:690px}.getting-started{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.build-panel{min-width:0;border-block:1px solid var(--rule);padding-block:20px}.build-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;color:var(--muted)}.build-header button{border:0;border-bottom:1px solid #777d72;background:none;color:var(--ink);font-size:11px;padding:5px 0;cursor:pointer}pre{font-family:var(--mono);font-size:11px;line-height:2.1;overflow-x:auto;padding-block:28px;margin:0;color:#d5d0ba}.build-panel>p{font-size:11px;color:var(--muted);max-width:350px}.build-panel .text-link{font-size:11px;margin-top:17px}.footer{display:flex;justify-content:space-between;align-items:center;padding-block:32px 42px;border-top:1px solid var(--rule);font-size:11px;color:var(--muted)}.footer .wordmark{color:var(--ink);font-size:22px}.footer>div{display:flex;gap:24px}.skip{position:fixed;top:-80px;left:20px;padding:12px 20px;background:var(--ink);color:#0b0e10;z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1700px){.painting{height:1350px}.hero-grid{padding-top:420px}}@media(max-width:900px){.wrap{width:calc(100% - 64px)}.hero-grid{padding-top:260px;padding-bottom:85px}.hero-description{gap:35px}.hero-description p:first-child{font-size:25px}.secondary{font-size:13px}.hero-actions{min-width:180px}.approach,.getting-started{gap:7%}.detail-grid{gap:30px}.section{padding-block:90px}.painting{height:1030px;background-position:center top}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:78px}.wordmark{font-size:16px;gap:8px}.wordmark img{width:23px;height:23px}.header nav{gap:20px;font-size:11px}.header nav>a:first-child{display:none}.hero>.eyebrow{font-size:8px}.painting{height:950px;background-image:linear-gradient(180deg,#090d101a 0%,#090d1000 25%,#0b0e10a0 64%,#0b0e10 96%),url(assets/painting.webp);background-position:center top}.hero-grid{padding-top:330px;padding-bottom:65px}h1{font-size:13.4vw;letter-spacing:.045em}.hero-description{display:block;margin-top:25px}.hero-description p:first-child{font-size:26px}.secondary{font-size:13px;max-width:380px}.hero-actions{text-align:left;margin-top:23px}.button{gap:40px;font-size:12px}.availability{font-size:9px;margin-top:10px}.stage-label{font-size:8px;padding-bottom:13px}.product-figure figcaption{font-size:9px;display:block;padding-top:12px}.product-figure figcaption span{display:block}.product-figure figcaption span+span{margin-top:4px;color:#848d88}.hero-foot{font-size:9px;gap:15px;padding-top:25px}.hero-foot a{gap:8px}.section{padding-block:70px}.approach,.getting-started{grid-template-columns:1fr;gap:40px}.section-intro h2,.section-heading h2,.getting-started h2{font-size:41px}.section-intro>p,.getting-started>div>p{max-width:390px}.feature-rows article{gap:22px;padding-bottom:25px;margin-bottom:25px}.section-heading{display:block}.section-heading h2{width:100%;margin-top:23px}.detail-grid{grid-template-columns:1fr;gap:34px;margin-top:38px}.detail-grid h3 br{display:none}.detail-grid h3{font-size:26px;margin-top:9px}.detail-grid p{max-width:100%;margin-top:12px}.privacy-note{grid-template-columns:1fr;gap:13px;margin-top:35px}.continuity::before{width:100%;opacity:.1}.footer{flex-wrap:wrap;gap:22px}.footer>span{display:none}.footer>div{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.workspace-study{display:grid;grid-template-columns:1fr 3fr;gap:50px;align-items:end;padding-bottom:125px}.workspace-study img{display:block;width:100%;height:auto}.workspace-study figcaption>p{font:32px var(--serif);margin-top:20px}.workspace-study figcaption>span:not(.eyebrow){display:block;color:var(--muted);font-size:13px;margin-top:14px}.workspace-study small{display:block;color:#8f9691;font-size:10px;margin-top:22px}@media(max-width:900px){.workspace-study{gap:30px;padding-bottom:90px;grid-template-columns:1fr 2.5fr}}@media(max-width:640px){.workspace-study{display:flex;flex-direction:column-reverse;align-items:stretch;gap:23px;padding-bottom:70px}.workspace-study figcaption>p{font-size:26px;margin-top:12px}.workspace-study small{margin-top:10px}}

/* Feature notes: long-form explanations and unframed product images. */
.features-page { background: #0b0e10; }
.feature-opening { position: relative; padding-block: 95px 65px; }
.feature-opening::before { content: ''; position: absolute; z-index: -1; inset: -100px -56px -100px 35%; background: linear-gradient(90deg,#0b0e10,transparent),linear-gradient(0deg,#0b0e10,transparent 75%),url(assets/painting-wide.webp) 65% 40%/cover; opacity: .3; }
.feature-opening h1 { text-align: left; text-transform: none; font-size: clamp(56px,7vw,96px); letter-spacing: -.04em; line-height: 1.08; margin-top: 25px; }
.feature-opening>p { color: var(--muted); max-width: 430px; font-size: 15px; margin-top: 25px; }
.feature-index { display: flex; flex-wrap: wrap; gap: 22px 32px; margin-top: 50px; padding-top: 22px; border-top: 1px solid var(--rule); font-size: 12px; color: var(--muted); }
.feature-index a:hover, .header [aria-current=page] { color: var(--accent); }
.feature-chapter { padding-block: 85px; border-bottom: 1px solid var(--rule); }
.chapter-heading { display: grid; grid-template-columns: 1fr 2fr; gap: 65px; margin-bottom: 45px; }
.chapter-heading h2,.feature-end h2 { font: 400 clamp(36px,4vw,55px)/1.15 var(--serif); letter-spacing: -.03em; }
.chapter-heading p { font-size: 14px; max-width: 625px; color: var(--muted); margin-top: 24px; }
.chapter-heading .feature-small { font-size: 12px; color: #919a94; }
.gallery-controls { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-bottom: 20px; }
.gallery-controls button { background: none; color: var(--muted); font-size: 12px; border: 0; border-bottom: 1px solid transparent; padding: 8px 0; cursor: pointer; }
.gallery-controls button[aria-pressed=true] { color: var(--ink); border-color: var(--accent); }
.layout-gallery img,.summary-detail img { width: 100%; height: auto; display: block; }
.layout-gallery figcaption,.summary-detail figcaption { color: var(--muted); font-size: 11px; margin-top: 17px; }
.feature-notes { display: grid; grid-template-columns: repeat(3,1fr); gap: 55px; margin-top: 44px; }
.feature-notes h3 { font-size: 15px; font-weight: 450; }
.feature-notes p { font-size: 13px; color: var(--muted); margin-top: 14px; }
.summary-detail { width: 85%; margin-left: auto; }
.phone-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7%; max-width: 1050px; margin: 55px auto 0; }
.phone-gallery img { display: block; width: 100%; height: auto; border-radius: 22px; }
.phone-gallery figcaption { font-size: 11px; color: var(--muted); margin-top: 20px; }
.capture-note { font-size: 10px; color: #919a94; margin-top: 30px; text-align: center; }
.feature-end { padding-block: 90px; }
.phone-preview { display: grid; grid-template-columns: 1fr 1fr; gap: 12%; align-items: center; }
.phone-preview h2 { font: 400 clamp(36px,4vw,55px)/1.15 var(--serif); letter-spacing: -.03em; margin-top: 23px; }
.phone-preview p { max-width: 370px; font-size: 14px; color: var(--muted); margin-top: 25px; }
.phone-preview-images { display: flex; align-items: flex-start; gap: 22px; }
.phone-preview-images a { width: calc(50% - 11px); }
.phone-preview-images a:last-child { margin-top: 65px; }
.phone-preview-images img { width: 100%; height: auto; display: block; border-radius: 18px; }
@media(max-width:900px) { .chapter-heading { gap: 35px; grid-template-columns: 1fr 2.5fr; } .feature-notes { gap: 25px; } .feature-opening::before { right: -32px; } .phone-gallery { gap: 4%; } }
@media(max-width:640px) { .feature-opening { padding-block: 60px 30px; } .feature-opening::before { right: -20px; left: 0; } .feature-opening h1 { font-size: 57px; } .feature-index { gap: 16px 25px; margin-top: 35px; } .feature-chapter { padding-block: 55px; } .chapter-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 30px; } .chapter-heading h2 { font-size: 38px; } .feature-notes { grid-template-columns: 1fr; gap: 28px; margin-top: 30px; } .summary-detail { width: 100%; } .gallery-controls { gap: 22px; } .gallery-controls button { font-size: 11px; } .phone-gallery { grid-template-columns: 1fr; max-width: 280px; gap: 40px; margin-top: 35px; } .phone-preview { grid-template-columns: 1fr; gap: 35px; } .phone-preview-images { max-width: 380px; margin: auto; } .feature-end { padding-block: 65px; } }

.overseer-preview { display: grid; grid-template-columns: 1fr 2.4fr; gap: 60px; align-items: center; padding-top: 0; }
.overseer-preview h2 { font: 400 clamp(36px,4vw,55px)/1.15 var(--serif); letter-spacing: -.03em; margin-top: 23px; }
.overseer-preview p { font-size: 14px; color: var(--muted); margin-top: 24px; }
.overseer-preview img { display: block; width: 100%; height: auto; }
.overseer-preview figcaption { color: var(--muted); font-size: 10px; margin-top: 16px; }
@media(max-width:900px) { .overseer-preview { gap: 35px; grid-template-columns: 1fr 2fr; } }
@media(max-width:640px) { .overseer-preview { grid-template-columns: 1fr; gap: 30px; } }

/* Compact overview and linked feature guide. */
.compact-home .hero-grid { padding-top: clamp(90px, 16vh, 190px); padding-bottom: 54px; }
.compact-home .painting { height: 970px; }
.compact-home .hero-description { margin-top: 28px; }
.compact-home .hero-description p:first-child { font-size: clamp(23px, 2.5vw, 30px); }
.compact-home .product-stage { max-width: 1050px; margin-inline: auto; }
.compact-home .hero-foot { max-width: 1050px; margin-inline: auto; padding-top: 20px; }
.highlights { padding-top: 76px; }
.highlights-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 45px; margin-bottom: 36px; }
.highlights-heading h2 { font: 400 clamp(30px, 3.5vw, 45px)/1.2 var(--serif); letter-spacing: -.025em; margin-top: 15px; }
.highlights-heading>p { max-width: 335px; font-size: 13px; color: var(--muted); }
.feature-directory { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 38px; }
.feature-tile { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 26px 0 30px; border-top: 1px solid var(--rule); scroll-margin-top: 25px; }
.tile-meta { display: flex; justify-content: space-between; width: 100%; color: var(--muted); font: 10px/1.5 var(--mono); margin-bottom: 20px; }
.tile-meta>span:last-child { color: var(--accent); font-size: 15px; }
.feature-tile h3 { font: 400 26px/1.2 var(--serif); letter-spacing: -.015em; }
.feature-tile p { font-size: 13px; color: var(--muted); line-height: 1.75; margin-top: 12px; margin-bottom: 22px; max-width: 370px; }
.tile-link { margin-top: auto; font-size: 11px; color: var(--accent); display: flex; gap: 14px; }
.feature-tile:hover { border-color: var(--accent); }
.feature-tile:hover h3 { color: var(--accent); }
.feature-more { display: flex; align-items: baseline; justify-content: space-between; gap: 25px; padding-top: 20px; border-top: 1px solid var(--rule); }
.feature-more p { font-size: 12px; color: var(--muted); max-width: 650px; }
.feature-more .text-link { flex-shrink: 0; margin-top: 0; }
.compact-home .getting-started { padding-block: 76px; }
.directory-opening { padding-block: 50px 45px; }
.directory-opening h1 { font-size: clamp(45px, 6vw, 72px); }
.guide-tour { padding-block: 10px 65px; }
.breadcrumbs { display: flex; gap: 12px; flex-wrap: wrap; font-size: 11px; color: var(--muted); padding-top: 20px; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 4px; }
.feature-detail .feature-chapter { padding-top: 45px; }
.feature-detail .chapter-heading h1 { text-transform: none; text-align: left; font: 400 clamp(36px, 4vw, 55px)/1.15 var(--serif); letter-spacing: -.03em; text-shadow: none; }
.detail-next { display: flex; justify-content: space-between; gap: 25px; padding-block: 40px 55px; font-size: 13px; color: var(--accent); }
@media (max-width: 900px) {
  .feature-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 30px; }
  .highlights-heading { align-items: flex-start; }
  .highlights-heading>p { max-width: 250px; padding-top: 24px; }
  .compact-home .hero-grid { padding-top: 110px; }
}
@media (max-width: 640px) {
  .compact-home .hero-grid { padding-top: 135px; padding-bottom: 35px; }
  .compact-home .hero-description { margin-top: 22px; }
  .compact-home .header nav { gap: 18px; }
  .highlights { padding-top: 48px; }
  .highlights-heading { display: block; margin-bottom: 28px; }
  .highlights-heading>p { max-width: 100%; padding-top: 18px; }
  .feature-directory { grid-template-columns: 1fr; }
  .feature-tile { padding-block: 22px 25px; }
  .feature-tile h3 { font-size: 26px; }
  .tile-meta { margin-bottom: 12px; }
  .feature-tile p { max-width: none; }
  .feature-more { display: block; }
  .feature-more .text-link { margin-top: 18px; }
  .compact-home .getting-started { padding-block: 50px; }
  .directory-opening { padding-top: 32px; }
  .detail-next { font-size: 12px; flex-wrap: wrap; }
}