:root{color-scheme:dark;--bg:#111516;--surface:#191e1e;--text:#edeae1;--muted:#a9ada9;--gold:#d6b778;--line:#353b37;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:hover:not(:disabled),a:hover{color:var(--gold)}.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;background:var(--gold);color:#111;padding:16px;z-index:20}.skip:focus{top:15px}.header{height:91px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;background:#111516;position:relative;z-index:3;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:19px;letter-spacing:1.5px;font-weight:bold}.brand img{border-radius:50%}.brand-light{font-weight:normal;display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:5.7px;margin-top:4px}.header nav{display:flex;gap:35px;align-items:center;font-size:14px}.development{border:1px solid #62573e;color:var(--gold);padding:9px 13px;font-size:12px;letter-spacing:1px;text-transform:uppercase}.hero{position:relative;min-height:700px;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-image{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#101414 0%,rgba(16,20,20,.96) 18%,rgba(16,20,20,.55) 43%,rgba(16,20,20,.02) 77%),linear-gradient(0deg,#101414 0%,transparent 35%),url('assets/hero.webp');background-size:cover,cover,auto 116%;background-position:center,center,76% 36%;background-repeat:no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.1;background-image:linear-gradient(#c9b07922 1px,transparent 1px),linear-gradient(90deg,#c9b07922 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.hero-content{padding-top:70px;padding-bottom:110px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:2.6px;font-size:12px;font-weight:600;line-height:1.8;margin:0 0 24px}.rule{display:inline-block;width:34px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h1{font-size:clamp(64px,6.6vw,98px);line-height:1.01;letter-spacing:-3px;margin-bottom:27px}h1 em{color:var(--gold);font-weight:normal}.hero-lead{font-size:22px;line-height:1.4;margin-bottom:16px}.hero-description{font-size:16px;color:#c4c6bf;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{border:1px solid var(--gold);padding:14px 20px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;line-height:1.4}.primary{background:var(--gold);color:#1c201d}.secondary{background:#171c1bd9;color:var(--text);border-color:#707363}.button small{font-size:10px;text-transform:uppercase;letter-spacing:.7px;opacity:.7;border-left:1px solid currentColor;padding-left:9px}.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px}.hero-bottom>a{font-size:14px;letter-spacing:0}.hero-bottom>a span{padding-left:28px;color:var(--gold)}.hero-bottom>span{color:#9fa49a;font-size:10px;letter-spacing:2px}.workflow-strip{border-block:1px solid var(--line);background:#181d1c}.workflow-strip .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:25px}.workflow-strip span{font-size:10px;color:var(--gold);letter-spacing:1.8px}.workflow-strip p{margin:0;font-family:Georgia,serif;font-size:19px;word-spacing:12px}.workflow-strip b{font-weight:normal;color:#696e62}.story{padding-block:100px;display:grid;grid-template-columns:145px 1fr 1.15fr;gap:40px;align-items:center;border-bottom:1px solid var(--line)}.author-mark{text-align:center}.author-mark img{opacity:.85;border-radius:50%}.author-mark p{font-size:9px;letter-spacing:1.5px;margin:15px 0 0;color:var(--muted)}h2{font-size:42px;line-height:1.14;letter-spacing:-1px;margin-bottom:0}.story .eyebrow{font-size:10px;margin-bottom:14px;letter-spacing:2px}.story-copy p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:15px}.story-copy p:last-child{margin:0}.section-intro{padding-top:95px;display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:75px}.section-intro .eyebrow{margin-bottom:14px}.section-intro h2{font-size:52px}.section-intro>p{font-size:15px;line-height:1.7;color:var(--muted);max-width:260px;margin-bottom:0}.feature{display:grid;grid-template-columns:.85fr 1.5fr;gap:65px;align-items:center;padding-bottom:82px;margin-bottom:75px;border-bottom:1px solid var(--line)}.feature.reverse{grid-template-columns:1.5fr .85fr}.feature.reverse .feature-copy{order:2}.feature.reverse figure{order:1}.step{font-family:Georgia,serif;color:var(--gold);font-size:27px;display:flex;align-items:center;gap:17px;margin-bottom:23px}.step span{font:10px Arial,sans-serif;letter-spacing:2px;color:#9ba096}h3{font-size:42px;line-height:1.13;letter-spacing:-1px;margin-bottom:18px}.feature-lead{font-size:17px;line-height:1.55;margin-bottom:15px;color:#ddd9cb}.feature-description{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:23px}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.tags li{border:1px solid #45483c;background:#22261f;padding:6px 10px;font-size:11px;color:#cbbd98;line-height:1.5}.feature figure{margin:0;min-width:0}.screenshot{display:block;position:relative;width:100%;padding:0;border:1px solid #4c4d3d;background:#0c1011;box-shadow:0 20px 40px #0003;overflow:hidden}.screenshot img{width:100%;height:auto;display:block;transition:transform .5s}.screenshot:hover img{transform:scale(1.018)}.expand{position:absolute;bottom:12px;right:12px;background:#111b;color:var(--gold);border:1px solid #92805b;padding:5px 10px;font-size:20px}.feature figcaption{display:flex;justify-content:space-between;gap:20px;color:#939a93;font-size:11px;line-height:1.6;margin-top:13px}.feature figcaption span:first-child{color:#b8a779;font-size:9px;letter-spacing:1.5px;white-space:nowrap}.detail-link{background:none;border:0;border-bottom:1px solid #625d48;padding:0 0 6px;color:var(--gold);font-size:13px;margin-top:24px}.detail-link span{margin-left:15px}.final-feature{margin-bottom:0;border-bottom:0;padding-bottom:100px}.footer{border-top:1px solid var(--line);padding-top:45px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer .brand{font-size:16px}.footer .brand-light{font-size:9px;letter-spacing:5px}.footer p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:20px}.footer nav{display:flex;align-items:start;gap:25px;padding-top:20px;font-size:13px}.footer nav button{padding:0;color:var(--muted);background:none;border:0;font-size:13px}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid #2b322e;color:#90968e;font-size:11px;padding-block:23px;gap:20px}dialog{border:1px solid #776b4c;color:var(--text);background:#171d1b;padding:24px;max-height:92vh}dialog::backdrop{background:#080c0eea;backdrop-filter:blur(6px)}.image-dialog{width:min(1500px,95vw)}.image-dialog img{width:100%;max-height:76vh;object-fit:contain;display:block}.image-dialog p{margin:16px 0 0;font-size:14px;color:var(--muted)}.close{display:block;margin:0 0 20px auto;border:0;background:none;color:var(--gold);padding:5px}.notice-dialog{width:min(510px,90vw);padding:32px}.notice-dialog h2{margin-bottom:24px}.notice-dialog>p:not(.eyebrow){line-height:1.8;color:var(--muted)}.notice-dialog .button{margin-top:10px}
@media(min-width:1700px){.hero-image{background-size:cover,cover,cover}.hero{min-height:780px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.header{padding-inline:30px}.header nav{gap:22px}.story{grid-template-columns:1fr 1.2fr;gap:35px}.author-mark{display:none}.feature,.feature.reverse{gap:35px;grid-template-columns:1fr 1.3fr}.feature.reverse{grid-template-columns:1.3fr 1fr}h3{font-size:35px}.feature figcaption span:last-child{display:none}.workflow-strip p{word-spacing:4px;font-size:16px}.footer nav{gap:18px}}
@media(max-width:760px){:root{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header{height:78px;padding-inline:20px}.brand{font-size:15px;gap:10px}.brand img{width:40px;height:40px}.brand-light{font-size:9px;letter-spacing:4.5px}.header nav a{display:none}.development{font-size:9px;padding:8px;letter-spacing:.5px}.hero{min-height:740px;justify-content:start}.hero-content{padding-top:55px;padding-bottom:210px}.hero-image{background-size:cover,cover,auto 70%;background-position:center,center,63% 100%;background-image:linear-gradient(180deg,#101414 3%,#101414f5 29%,#10141433 66%,#10141488 100%),linear-gradient(0deg,#101414 0%,transparent 35%),url('assets/hero.webp')}.hero .eyebrow{font-size:10px;letter-spacing:1.7px}.rule{width:22px;margin-right:7px}h1{font-size:66px;letter-spacing:-2px}.hero-lead{font-size:19px}.hero-description{font-size:14px}.hero-actions{gap:10px;margin-top:25px}.button{font-size:12px;padding:12px 14px}.button small{font-size:8px}.hero-bottom>span{display:none}.hero-bottom{bottom:20px}.workflow-strip .wrap{display:block;padding-block:21px}.workflow-strip span{font-size:9px}.workflow-strip p{margin-top:14px;font-size:15px;word-spacing:2px;line-height:1.7}.story{display:block;padding-block:60px}.story h2{font-size:36px;margin-bottom:25px}.story-copy p{font-size:15px}.section-intro{display:block;padding-top:60px;margin-bottom:50px}.section-intro h2{font-size:40px}.section-intro>p{max-width:none;margin-top:20px}.eyebrow{font-size:10px;letter-spacing:2px}.feature,.feature.reverse{display:flex;flex-direction:column;gap:25px;margin-bottom:45px;padding-bottom:45px;align-items:stretch}.feature.reverse .feature-copy,.feature.reverse figure{order:initial}.step{font-size:23px;margin-bottom:17px}h3{font-size:36px}.feature-lead{font-size:17px}.feature-description{font-size:15px}.feature figcaption span:last-child{display:block;font-size:10px;max-width:55%}.feature figcaption span:first-child{font-size:8px}.final-feature{margin-bottom:0;padding-bottom:65px}.footer{padding-top:35px;gap:15px}.footer nav{width:100%;flex-wrap:wrap;gap:24px;padding-bottom:20px}.footer-bottom{flex-direction:column;gap:9px}.image-dialog{padding:12px}.image-dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Author story */
.story{grid-template-columns:260px .95fr 1.15fr;gap:45px}
.author-portrait{margin:0;min-width:0}
.author-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #655b43}
.author-portrait figcaption{padding-top:16px;display:flex;flex-direction:column;gap:7px;line-height:1.5}
.author-portrait strong{font-family:Georgia,serif;font-size:21px;font-weight:normal;color:var(--text)}
.author-portrait span{font-size:12px;color:var(--muted)}
.author-portrait a{font-size:13px;color:var(--gold)}
.story-copy a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px) and (min-width:761px){.story{grid-template-columns:210px 1fr;gap:30px}.author-portrait{grid-row:span 2}.story-copy{grid-column:2}.story h2{font-size:36px}}
@media(max-width:760px){.story{display:flex;flex-direction:column;align-items:stretch;gap:0}.author-portrait{max-width:290px;margin-bottom:35px}.story h2{margin-bottom:25px}}

/* Ambient hero film, loaded only for desktop motion-enabled visitors. */
.hero-motion{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s}
.hero-motion.is-ready{opacity:1}
.hero-motion video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-motion:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101414f5 0%,#101414d9 20%,#10141480 48%,#1014140d 85%),linear-gradient(0deg,#101414 0%,transparent 38%)}
.hero-media-controls{display:flex;gap:22px;align-items:center}.hero-media-controls>span{color:#aab0a5;font-size:10px;letter-spacing:2px}
#hero-video-toggle{background:#111c;color:var(--text);border:1px solid #83734f;border-radius:2px;padding:9px 12px;font-size:12px}
#hero-video-toggle:hover{color:var(--gold)}
@media(max-width:760px){.hero-motion,.hero-media-controls{display:none}}

/* Named workflow steps */
.step{flex-wrap:wrap;column-gap:17px;row-gap:8px}
.feature figcaption{flex-wrap:wrap}

/* Three intentional headline lines on mobile only. */
@media(max-width:760px){#hero-heading{font-size:clamp(3.25rem,16.9vw,4.125rem)}.hero-opening,.hero-ending{display:block}.hero-desktop-break{display:none}}
