:root{
--canvas:#F6F3ED;--surface:#FFFEFB;--surface-subtle:#EFECE6;--text:#24272B;--secondary:#5A6168;--tertiary:#747A80;--divider:#D6D2CA;--outline:#8A8E91;--primary:#3F667C;--primary-strong:#31586F;--primary-container:#DCE8EE;--success:#3D6B56;--success-bg:#E3EFE7;--warning:#8A5A12;--warning-bg:#F6E7CC;--danger:#A33A35;--danger-bg:#F8E3E0;--serif:Georgia,"Times New Roman",serif;--sans:Roboto,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font:16px/1.55 var(--sans)}a{color:inherit}.page-shell{width:min(1120px,calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(246,243,237,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--divider)}.nav-wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-size:19px;font-weight:700;letter-spacing:-.03em;text-decoration:none}.brand img{display:block}.brand .brand-mark{width:28px;height:28px;border-radius:0;object-fit:contain}.site-header nav{display:flex;gap:22px}.site-header nav a,.footer-links a{position:relative;color:var(--secondary);white-space:nowrap;font-size:13px;font-weight:550;text-decoration:none}.site-header nav a:hover,.footer-links a:hover{color:var(--primary-strong)}.site-header nav a[aria-current=page]{color:var(--primary);font-weight:700}.site-header nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:3px;background:var(--primary)}
h1,h2,h3,p{margin-top:0}h1,h2,h3,blockquote{letter-spacing:-.04em}h1{font:400 clamp(3.5rem,7vw,6.45rem)/.96 var(--serif)}h1 em,blockquote em{color:var(--primary);font-weight:400}h2{font:400 clamp(2.2rem,4vw,3.9rem)/1.04 var(--serif)}h3{font:600 1.35rem/1.2 var(--sans);letter-spacing:-.02em}.eyebrow,.section-label,.note-meta,.status{letter-spacing:.095em;text-transform:uppercase;font-size:11px;font-weight:750}.eyebrow{color:var(--secondary);margin-bottom:24px}.signal-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--primary);vertical-align:1px}.lede{max-width:680px;color:var(--secondary);font:clamp(1.12rem,2vw,1.36rem)/1.55 var(--serif)}
.hero{display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:64px;padding:96px 0 108px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 18px;border:1px solid transparent;border-radius:10px;font:650 14px var(--sans);cursor:pointer;text-decoration:none}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-strong)}.button-secondary{background:var(--surface);color:var(--primary-strong);border-color:var(--outline)}.text-link{color:var(--primary-strong);font-size:14px;font-weight:650;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:3px}.text-link span,.button span{font-size:19px;line-height:.7}.hero-instrument{justify-self:end;max-width:350px}.hero-instrument img{display:block;width:100%;height:auto}.instrument-caption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--tertiary);letter-spacing:.09em;text-transform:uppercase;font-size:10px}.principle-strip{background:var(--text);color:var(--surface)}.principle-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:21px 0}.principle-inner p{margin:0;font:1.18rem var(--serif)}.principle-inner a{color:#dce8ee;font-size:13px;text-decoration:none}.principle-inner a:hover{text-decoration:underline;text-underline-offset:3px}
.section{padding:96px 0;border-bottom:1px solid var(--divider)}.section-label{color:var(--primary);margin-bottom:26px}.loop-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:42px}.loop-grid h2{grid-row:span 2;max-width:620px;margin:0}.loop-steps{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--secondary);font-size:12px;font-weight:700}.loop-steps i{width:20px;height:1px;background:var(--primary)}.body-copy{max-width:520px;margin:0;color:var(--secondary)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--divider);margin-bottom:30px}.product-grid article{min-height:226px;padding:26px 22px 24px 0;border-bottom:1px solid var(--divider)}.product-grid article+article{padding-left:22px;border-left:1px solid var(--divider)}.product-grid p:last-child{color:var(--secondary);font-size:14px}.status{display:inline-block;margin-bottom:38px}.core{color:var(--primary-strong)}.optional{color:var(--success)}.experimental{color:var(--warning)}.research{color:var(--tertiary)}.private{color:var(--danger)}
.philosophy-section{display:grid;grid-template-columns:230px 1fr;align-items:start;gap:35px}.philosophy-section blockquote{grid-column:2;margin:0;font:clamp(2.7rem,5.2vw,5.25rem)/.97 var(--serif)}.philosophy-section>p{grid-column:2;margin:20px 0 0;color:var(--secondary)}.section-heading,.closing{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading{margin-bottom:38px}.section-heading .section-label{margin-bottom:16px}.section-heading h2,.closing h2{margin:0}.closing{padding:84px 0}.closing h2{max-width:740px}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.note-card{min-height:250px;display:flex;flex-direction:column;padding:24px;color:var(--text);background:var(--surface);border:1px solid var(--divider);border-radius:12px;text-decoration:none;transition:border-color .18s,transform .18s}.note-card:hover{border-color:var(--outline);transform:translateY(-2px)}.note-card h3{margin:24px 0 14px;font-size:1.28rem}.note-card p:last-child{margin-bottom:0;color:var(--secondary);font-size:14px}.note-meta{margin:0;color:var(--primary)}.note-meta span{color:var(--divider)}
.page-hero{padding:82px 0 64px;border-bottom:1px solid var(--divider)}.page-hero h1{margin-bottom:20px;font-size:clamp(3.3rem,6vw,5.25rem)}.content-section{padding:70px 0}.two-col{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px}.two-col>.section-label{margin-top:7px}.prose{max-width:780px}.prose p,.prose li{color:var(--secondary);font-size:16.5px}.prose h2{margin:52px 0 18px;font-size:2.2rem}.prose h3{margin:36px 0 14px}.prose ul{padding-left:20px}.prose blockquote{margin:0;font:clamp(2.35rem,5vw,4.5rem)/1 var(--serif)}.status-table{width:100%;border-collapse:collapse;margin:32px 0}.status-table th,.status-table td{padding:16px 12px;border-bottom:1px solid var(--divider);vertical-align:top;text-align:left}.status-table th{color:var(--tertiary);letter-spacing:.09em;text-transform:uppercase;font-size:11px}.status-table td:first-child{color:var(--text);font-weight:600}.status-table .status{margin:0}.notice{padding:20px 22px;border-left:3px solid var(--warning);background:var(--surface-subtle);color:var(--secondary)}.notice strong{color:var(--text)}.evidence-block{margin:26px 0;padding:0;border-top:1px solid var(--divider)}.evidence-row{display:grid;grid-template-columns:minmax(160px,.7fr) 1.3fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--divider)}.evidence-row b{font-size:14px}.evidence-row span{color:var(--secondary);font-size:14px}
.note-list{display:grid;border-top:1px solid var(--divider)}.note-list a{display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:22px;padding:22px 0;color:var(--text);border-bottom:1px solid var(--divider);text-decoration:none}.note-list a:hover h2{color:var(--primary-strong)}.note-list time{color:var(--tertiary);font-size:13px}.note-list h2{margin:0;font:600 1.42rem/1.2 var(--sans);letter-spacing:-.02em}.note-list p{margin:7px 0 0;color:var(--secondary);font-size:14px}.note-list .arrow{color:var(--primary);font-size:22px}.article{max-width:800px;padding:78px 0}.article header{margin-bottom:48px}.article h1{margin:16px 0;font-size:clamp(3rem,5.5vw,5rem)}.article .article-date{color:var(--tertiary);font-size:13px}.article .prose-body{color:#3f464d;font:20px/1.65 var(--serif)}.article .prose-body p{margin:0 0 24px}
.feedback-form{display:grid;gap:18px;max-width:680px;padding:26px;background:var(--surface);border:1px solid var(--divider);border-radius:12px}.feedback-form label{display:grid;gap:7px;font-size:14px;font-weight:650}.feedback-form input,.feedback-form textarea,.feedback-form select{padding:11px 12px;background:var(--surface);color:var(--text);border:1px solid var(--outline);border-radius:10px;font:16px var(--sans)}.feedback-form textarea{min-height:150px;resize:vertical}.feedback-form .helper{margin:0;color:var(--secondary);font-size:13px}
.site-footer{padding:54px 0 24px;background:var(--surface-subtle);border-top:1px solid var(--divider)}.footer-inner{display:flex;justify-content:space-between;gap:40px}.footer-inner p{max-width:300px;margin:14px 0 0;color:var(--secondary);font-size:13px}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.legal{margin-top:48px;padding-top:15px;border-top:1px solid var(--divider);color:var(--tertiary);font-size:11px}
@media (max-width:760px){.page-shell{width:min(calc(100% - 32px),1120px)}.site-header{position:static}.nav-wrap{display:block;padding:14px 0}.site-header nav{gap:18px;margin-top:13px;padding-bottom:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a[aria-current=page]:after{bottom:-6px}.hero{grid-template-columns:1fr;padding:66px 0 72px}.hero-instrument{grid-row:1;justify-self:start;max-width:220px}.hero-copy{grid-row:2}.hero h1{font-size:clamp(3.15rem,15vw,4.8rem)}.principle-inner,.closing,.footer-inner{flex-direction:column;align-items:flex-start}.section{padding:68px 0}.loop-grid,.philosophy-section,.two-col{grid-template-columns:1fr}.loop-grid h2,.philosophy-section blockquote,.philosophy-section>p{grid-column:auto}.product-grid{grid-template-columns:1fr 1fr}.product-grid article:nth-child(3){padding-left:0;border-left:0}.product-grid article+article{padding-left:18px}.notes-grid{grid-template-columns:1fr}.note-card{min-height:auto}.note-list a{grid-template-columns:1fr auto;gap:10px}.note-list time,.note-list h2{grid-column:1}.note-list .arrow{grid-area:1/2/3}.footer-links{align-items:flex-start}.evidence-row{grid-template-columns:1fr;gap:4px}.status-table{display:block;overflow-x:auto}}
@media (max-width:440px){.product-grid{grid-template-columns:1fr}.product-grid article+article,.product-grid article:nth-child(3){padding-left:0;border-left:0}.product-grid article{min-height:auto}.principle-inner{padding:18px 0}.principle-inner p{font-size:1.04rem}.feedback-form{padding:20px}}

.hero-micro{margin:22px 0 0;color:var(--tertiary);font-size:13px}.two-up{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}.two-up h2{margin:0;max-width:600px}.two-up .body-copy+.body-copy{margin-top:20px}.origin-copy{padding-top:20px;border-top:1px solid var(--divider)}.product-grid.three{grid-template-columns:repeat(3,1fr)}.product-grid.three article:nth-child(4){display:none}.truth-section{background:var(--text);color:var(--surface);border-bottom:0}.truth-inner{display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:start}.truth-inner .section-label{color:#b9d0dc;margin-top:8px}.truth-inner h2{margin:0;font-size:clamp(2.8rem,5.2vw,5.3rem)}.truth-inner h2 em{color:#b9d0dc}.truth-inner>p:last-child{grid-column:2;max-width:680px;color:#d6d8d9}.body-copy.wide{max-width:760px}.future-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.future-row span{padding:10px 13px;background:var(--surface);border:1px solid var(--divider);border-radius:999px;font-size:13px;font-weight:650}.flow-chain{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 48px}.flow-chain span{padding:10px 12px;background:var(--surface);border:1px solid var(--divider);border-radius:10px;font-size:13px;font-weight:650}.flow-chain b{color:var(--primary);font-size:18px}.audio-heading{margin-bottom:34px}.audio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.audio-grid article{display:flex;flex-direction:column;min-height:420px;padding:26px;background:var(--surface);border:1px solid var(--divider);border-radius:12px}.audio-grid h3{font-size:1.5rem}.audio-grid p{color:var(--secondary);font-size:14px}.path-number{color:var(--primary)!important;letter-spacing:.1em;font-weight:800}.hardware{margin-top:18px}.hardware strong{color:var(--text)}.path-result{margin-top:auto!important;padding-top:20px;border-top:1px solid var(--divider);color:var(--primary-strong)!important;font-weight:700}.origin-panel{max-width:820px;margin:34px 0 18px;padding:28px;border-left:3px solid var(--primary);background:var(--surface-subtle)}.origin-panel h3{margin-bottom:10px}.origin-panel p{margin:0;color:var(--secondary)}.source-note{max-width:920px;color:var(--tertiary);font-size:12px}.source-note a{color:var(--secondary)}.future-stack{border-top:1px solid var(--divider)}.future-stack>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--divider)}.future-stack h2{margin:0;font:600 1.45rem/1.2 var(--sans);letter-spacing:-.02em}.future-stack p{margin:0}.closing .body-copy{margin:14px 0 0;max-width:650px}
@media (max-width:760px){.two-up,.truth-inner{grid-template-columns:1fr}.truth-inner>p:last-child{grid-column:auto}.audio-grid{grid-template-columns:1fr}.audio-grid article{min-height:auto}.product-grid.three{grid-template-columns:1fr}.future-stack>div{grid-template-columns:1fr;gap:5px}}


/* v3.10 mobile composition + adaptive logo */
.hero-instrument .hero-mark{object-fit:contain}
@media (max-width:760px){
  .page-shell{width:min(calc(100% - 40px),1120px)}
  .nav-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px 0 15px}
  .site-header .brand{font-size:20px}
  .site-header nav{width:100%;justify-content:center;gap:clamp(15px,5vw,24px);margin-top:0;padding-bottom:4px;overflow:visible}
  .site-header nav a{font-size:12.5px}
  .site-header nav a[aria-current=page]:after{bottom:-8px}
  .hero{grid-template-columns:1fr;gap:34px;padding:50px 0 70px}
  .hero-instrument{grid-row:1;justify-self:center;width:min(54vw,205px);max-width:none;text-align:center}
  .instrument-caption{justify-content:center;gap:28px;margin-top:8px;white-space:nowrap}
  .hero-copy{grid-row:2;width:min(100% - 24px,560px);margin:0 auto}
  .hero-copy .eyebrow{text-align:center;margin-bottom:22px}
  .hero h1{font-size:clamp(3rem,13.5vw,4.25rem);line-height:.94;margin-bottom:24px}
  .hero .lede{font-size:1.08rem;line-height:1.58}
  .hero-actions{margin-top:28px}
}
@media (max-width:440px){
  .page-shell{width:calc(100% - 36px)}
  .nav-wrap{padding-top:15px}
  .site-header nav{gap:clamp(13px,4.1vw,18px)}
  .hero{padding-top:44px}
  .hero-instrument{width:min(52vw,190px)}
  .hero-copy{width:calc(100% - 18px)}
  .hero h1{font-size:clamp(2.95rem,13vw,3.6rem)}
}


/* v3.13 Track Lab media */
.media-card{margin:26px 0 0;background:var(--surface);border:1px solid var(--divider);border-radius:16px;overflow:hidden}.media-card img{display:block;width:100%;height:auto;background:#08111b}.media-card figcaption{padding:13px 16px;color:var(--secondary);font-size:13px;line-height:1.5}.media-card figcaption strong{color:var(--text)}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 0}.media-grid .media-card{margin:0}.media-inline-note{margin:10px 0 0;color:var(--tertiary);font-size:12px}.home-media{margin-top:28px}.home-media figcaption{font-size:14px}
@media (max-width:760px){.media-grid{grid-template-columns:1fr}}


/* v4 — human, product-led, phone-first */
.v4-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);align-items:center;gap:72px;padding:88px 0 96px}.v4-hero-copy h1{margin-bottom:28px}.v4-hero-copy .lede{max-width:720px}.hero-phone{justify-self:center;max-width:350px}.principle-small{color:#bdc4c8;font-size:12px;letter-spacing:.04em}.v4-story{display:grid;grid-template-columns:300px minmax(0,1fr);gap:64px;padding:96px 0;border-bottom:1px solid var(--divider);align-items:start}.v4-copy{position:sticky;top:96px}.v4-copy h2{margin-bottom:22px}.v4-copy>p:not(.section-label):not(.micro-proof){color:var(--secondary);font-size:16.5px}.micro-proof{color:var(--tertiary);font-size:13px}.product-shot{margin:0;background:var(--surface);border:1px solid var(--divider);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(36,39,43,.055)}.product-shot img{display:block;width:100%;height:auto}.product-shot figcaption{padding:12px 15px;color:var(--secondary);font-size:13px;line-height:1.45}.shot-label{padding:10px 14px;border-bottom:1px solid var(--divider);color:var(--primary-strong);background:var(--surface);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.phone-shot{max-width:380px}.tablet-shot{max-width:680px}.fullscreen-shot{max-width:none;background:#111820}.device-pair{display:grid;grid-template-columns:minmax(210px,.66fr) minmax(0,1.34fr);gap:20px;align-items:start}.device-pair .phone-shot{width:100%}.device-pair .tablet-shot{width:100%}.phone-first-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.phone-first-grid .phone-shot{width:100%}.phone-first-grid .wide-card{grid-column:1/-1;width:100%;max-width:none}.lab-story{display:block;background:var(--surface-subtle);width:100%;max-width:none;padding:0}.lab-story>.page-shell{padding:96px 0}.lab-story .v4-copy{position:static;max-width:720px;margin-bottom:38px}.lab-feature-grid{display:grid;grid-template-columns:minmax(240px,.48fr) minmax(0,1.52fr);gap:20px;align-items:start}.lab-feature-grid .phone-shot{width:100%}.detail-shot{margin-top:20px}.tablet-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.tablet-mode-grid .tablet-shot{width:100%;max-width:none}.one-line-caption{margin:16px 0 0;color:var(--secondary);font:1.1rem var(--serif);text-align:center}.small-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.small-gallery .phone-shot{width:100%}.discord-story{align-items:center}.discord-story .v4-copy{position:static}.v4-two{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:96px 0;border-bottom:1px solid var(--divider)}.v4-two article{max-width:480px}.v4-two article+article{padding-left:56px;border-left:1px solid var(--divider)}.v4-two p:not(.section-label){color:var(--secondary);font-size:16.5px}.v4-origin{display:grid;grid-template-columns:220px 1fr;gap:40px 56px;padding:96px 0;border-bottom:1px solid var(--divider)}.v4-origin .section-label{grid-row:1/3}.v4-origin h2{margin:0}.v4-origin div{max-width:650px;color:var(--secondary);font-size:17px}.v4-origin div p:last-child{margin-bottom:0}.closing-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.guide-gallery{margin-top:30px}.guide-single{margin-top:28px}.guide-wide{margin-top:28px;max-width:none}.article-shot{margin:32px auto;max-width:360px}.article .product-shot figcaption{font:13px/1.45 var(--sans)}
@media (max-width:900px){.v4-hero{grid-template-columns:1fr .75fr;gap:34px}.v4-story{grid-template-columns:240px minmax(0,1fr);gap:34px}.tablet-mode-grid{grid-template-columns:1fr 1fr}.tablet-mode-grid .product-shot:last-child{grid-column:1/-1;max-width:650px}.device-pair{grid-template-columns:.78fr 1.22fr}}
@media (max-width:760px){.v4-hero{grid-template-columns:1fr;padding:54px 0 68px}.v4-hero-copy{grid-row:1}.hero-phone{grid-row:2;width:min(78vw,340px)}.v4-hero-copy .eyebrow{text-align:left}.v4-story{grid-template-columns:1fr;gap:30px;padding:70px 0}.v4-copy{position:static;max-width:650px}.device-pair{grid-template-columns:1fr}.device-pair .phone-shot{width:min(78vw,360px);justify-self:center}.device-pair .tablet-shot{width:100%}.phone-first-grid{grid-template-columns:1fr 1fr}.lab-story>.page-shell{padding:70px 0}.lab-feature-grid{grid-template-columns:1fr}.lab-feature-grid .phone-shot{width:min(78vw,360px);justify-self:center}.tablet-mode-grid{grid-template-columns:1fr}.tablet-mode-grid .product-shot:last-child{grid-column:auto;max-width:none}.small-gallery{grid-template-columns:1fr 1fr}.discord-story .phone-shot{width:min(78vw,360px);justify-self:center}.v4-two{grid-template-columns:1fr;gap:46px;padding:70px 0}.v4-two article+article{padding-left:0;padding-top:44px;border-left:0;border-top:1px solid var(--divider)}.v4-origin{grid-template-columns:1fr;gap:14px;padding:70px 0}.v4-origin .section-label{grid-row:auto}.principle-small{display:none}}
@media (max-width:520px){.phone-first-grid,.small-gallery{grid-template-columns:1fr}.phone-first-grid .phone-shot,.small-gallery .phone-shot{width:min(82vw,360px);justify-self:center}.v4-hero-copy h1{font-size:clamp(3rem,13vw,4.2rem)}.v4-story h2{font-size:clamp(2.25rem,10vw,3.4rem)}.product-shot{border-radius:14px}.shot-label{font-size:9px}.closing-actions{align-items:flex-start;flex-direction:column}}


/* v4.2 — personal line, current media, beta-closure note */
.maker-story{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:64px;align-items:center;padding:96px 0;border-bottom:1px solid var(--divider)}
.maker-photo{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--divider);background:var(--surface);box-shadow:0 12px 34px rgba(36,39,43,.06)}
.maker-photo img{display:block;width:100%;height:auto}
.maker-copy{max-width:520px}
.maker-copy h2{margin-bottom:22px}
.maker-copy p:not(.section-label){color:var(--secondary);font-size:16.5px}
.then-now{display:grid;grid-template-columns:300px minmax(0,1fr);gap:64px;align-items:start;padding:96px 0;border-bottom:1px solid var(--divider)}
.then-now-copy h2{margin-bottom:20px}
.then-now-copy p:not(.section-label){color:var(--secondary);font-size:16.5px}
.then-now-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.then-now-grid .phone-shot{width:100%;max-width:380px;justify-self:center}
.tablet-mode-grid.single{grid-template-columns:1fr}
.tablet-mode-grid.single .tablet-shot{max-width:none}
.dev-closure{margin:42px 0 44px;padding:28px 30px;border-left:3px solid var(--primary);background:var(--surface-subtle)}
.dev-closure h2{margin-bottom:14px}
.dev-closure p:last-child{margin-bottom:0}
@media (max-width:900px){
  .maker-story{gap:36px}
  .then-now{grid-template-columns:240px minmax(0,1fr);gap:34px}
}
@media (max-width:760px){
  .maker-story{grid-template-columns:1fr;gap:30px;padding:70px 0}
  .maker-copy{max-width:650px}
  .then-now{grid-template-columns:1fr;gap:30px;padding:70px 0}
  .then-now-grid{grid-template-columns:1fr 1fr}
  .dev-closure{margin:34px 0;padding:24px 22px}
}
@media (max-width:520px){
  .then-now-grid{grid-template-columns:1fr}
  .then-now-grid .phone-shot{width:min(82vw,360px)}
}