/* Morphogen v2.4: shared layout corrections and introduction. */
html{scroll-padding-top:100px}body{overflow-x:visible}section[id],.lib[id],.srow[id],h2[id]{scroll-margin-top:100px}h1,h2,h3,p,li,dd,figcaption,a{overflow-wrap:break-word}button,input,select,textarea{max-width:100%}img,video{max-width:100%}[hidden]{display:none!important}.wrap>*{min-width:0}.we-panel>*{min-width:0}.kvl dd{min-width:0}.figs figure{min-width:0}.figs figcaption span{min-width:0}.flow ol>li{min-width:0}.flow li>div{min-width:0}.prompts pre{overflow-wrap:anywhere}.addr{flex-wrap:wrap}.addr b{overflow-wrap:anywhere}.site-h{background:#0C151F}.site-h .wrap{max-width:1440px;height:80px;padding:0 40px}.menu .panel{top:80px}.site-h .nav{gap:20px}.site-h .nav a{font-size:13px}.brand span{letter-spacing:.24em}.tbanner{font-size:11px;letter-spacing:.025em;padding:7px 16px;background:#e9edf2;color:#4f5e6c}.tbanner a{color:#355f82}.btn{border-radius:2px}.site-f{padding:56px 0}.site-f .wrap{max-width:1360px}.site-f p{max-width:64ch}.kvl{max-width:960px}.flow li{display:list-item}.flow ol>li{display:grid;grid-template-columns:32px minmax(0,1fr)}
.wide-wrap{width:100%;max-width:1440px;margin:auto;padding:0 64px}.landing section{padding:112px 0}.landing h2{font-size:clamp(36px,4.2vw,62px);line-height:1.09;letter-spacing:-.045em;font-weight:400;max-width:none}.landing h3{font-weight:500;letter-spacing:-.02em}.micro{font:500 10px/1.6 var(--font);letter-spacing:.14em;text-transform:uppercase}.landing .eyebrow{font-size:10px;letter-spacing:.18em}.landing .text-link{display:inline-flex;gap:20px;align-items:center;text-decoration:none;font-size:13px;font-weight:500;min-height:44px}.landing .dark .text-link{color:var(--link)}.text-link:hover{text-decoration:underline;text-underline-offset:7px}.landing .intro{padding:24px 0 0;background:radial-gradient(ellipse at 80% 32%,#1b3040 0,transparent 48%),var(--noc)}.intro-topline{display:flex;justify-content:space-between;color:var(--secd);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding-bottom:30px;border-bottom:1px solid #31404e}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding:72px 0 64px}.intro-copy h1{font-size:clamp(46px,4.8vw,72px);line-height:1.075;letter-spacing:-.05em;font-weight:400;max-width:11.9ch}.intro-copy h1 em{font-style:normal;color:var(--link)}.intro-copy>.eyebrow{margin-bottom:24px;color:var(--link)}.intro-lede{font-size:16px;line-height:1.8;max-width:41ch;color:var(--secd);margin:28px 0}.intro-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.intro-actions .btn{font-size:13px;min-height:48px;padding:14px 20px;background:var(--link);color:var(--noc);gap:24px}.intro-actions .btn:hover{background:#c3def4}.intro-status{font-size:10px;letter-spacing:.025em;color:var(--secd);margin:26px 0 0;display:flex;gap:8px;align-items:center}.intro-status>span{display:block;background:var(--link);width:4px;height:4px;border-radius:50%}.intro-bottom{padding:23px 0;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #31404e;color:var(--secd);font-size:11px}.intro-bottom a{color:var(--link);text-decoration:none;display:flex;gap:36px}
.sequence{min-width:0;position:relative;padding-top:20px}.sequence-top{display:flex;justify-content:space-between;color:var(--secd);margin-bottom:16px}.sequence-art{position:relative;aspect-ratio:1.1;background:#0c151f}.seq-panel{position:absolute;inset:0;overflow:hidden;animation:sequence-reveal 1s ease both}.seq-panel img,.seq-panel>svg{width:100%;height:100%;object-fit:cover}.seq-panel[data-panel="1"]>svg{object-fit:contain}.seq-panel[data-panel="1"] svg>rect:last-child,.seq-panel[data-panel="1"] svg>text{display:none}.seq-panel[data-panel="1"] svg g{stroke-dasharray:1600;stroke-dashoffset:1600;animation:trace-rule 2.5s ease forwards}.seq-panel[data-panel="1"] polygon{fill:#355f82;fill-opacity:.45;stroke:#9cc0e0;stroke-width:1}.art-label{position:absolute;bottom:0;left:0;right:0;padding:40px 16px 15px;background:linear-gradient(transparent,rgba(12,21,31,.9));font-size:9px;letter-spacing:.07em;color:#fff}.sequence-frame{position:absolute;inset:-8px;pointer-events:none}.sequence-frame i{position:absolute;width:17px;height:17px;border-color:#9cc0e0;opacity:.6}.sequence-frame i:nth-child(1){top:0;left:0;border-top:1px solid;border-left:1px solid}.sequence-frame i:nth-child(2){top:0;right:0;border-top:1px solid;border-right:1px solid}.sequence-frame i:nth-child(3){bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.sequence-frame i:nth-child(4){bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}.seq-descriptions{min-height:95px;padding-top:24px}.seq-descriptions p{margin:0}.seq-descriptions b{display:block;font-size:15px;font-weight:500;margin-bottom:4px}.seq-descriptions span{color:var(--secd);font-size:12px;line-height:1.6}.sequence-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #31404e;padding-top:8px}.stage-buttons{display:flex;gap:18px}.sequence-controls button{border:0;border-bottom:1px solid transparent;background:none;color:var(--secd);font-family:var(--font);font-size:11px;padding:12px 0;min-height:44px;cursor:pointer}.sequence-controls button[aria-pressed="true"]{border-color:var(--link);color:white}.sequence-controls button:hover{color:white}.sequence-controls button:focus-visible{outline:2px solid var(--link);outline-offset:4px}.motion-control{min-width:62px;text-align:right}@keyframes sequence-reveal{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes trace-rule{to{stroke-dashoffset:0}}
.section-head{display:grid;grid-template-columns:.65fr 1.3fr 1fr;gap:48px;align-items:start;margin-bottom:70px}.section-head>.eyebrow{margin-top:9px}.section-head>p:last-child{font-size:16px;line-height:1.8;color:var(--sec);margin:6px 0 0;max-width:36ch}.value-section{background:#f5f7f9}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.value-grid article{border-top:1px solid #b8c7d3;padding-top:24px}.value-number{font-size:11px;color:var(--act);display:block;margin-bottom:36px}.value-grid h3{font-size:23px;margin-bottom:12px}.value-grid p{color:var(--sec);font-size:15px;line-height:1.8;max-width:36ch;margin:0;min-height:110px}.deliverable{display:block;font-size:10px;letter-spacing:.055em;color:var(--act);margin-top:22px}.landing .proof-image{padding:0;position:relative;aspect-ratio:2/1;background:var(--noc);min-height:360px}.proof-image>img{width:100%;height:100%;object-fit:cover}.proof-caption{position:absolute;inset:auto 0 0;padding:90px 64px 36px;color:white;background:linear-gradient(transparent,rgba(12,21,31,.86));display:flex;align-items:end;justify-content:space-between;gap:32px}.proof-caption>span{font-size:clamp(24px,3vw,40px);letter-spacing:-.025em;line-height:1.2}.proof-caption>a{color:white;font-size:12px;white-space:nowrap;text-underline-offset:5px}.method-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px}.method-mark{height:65px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--bor);margin-bottom:16px}.method-mark>span{width:13px;height:13px;border:1px solid var(--act);border-radius:50%;background:#e8eff5}.method-mark>span:nth-child(2){width:22px;height:22px}.method-mark>span:nth-child(3){width:32px;height:32px}.organized>span{border-radius:2px;transform:rotate(-15deg)}.method-row .micro{color:var(--act)}.method-row h3{font-size:24px;margin-bottom:12px}.method-row article>p:last-child{font-size:15px;line-height:1.8;max-width:36ch;color:var(--sec)}.workflow-foot{display:flex;gap:40px;justify-content:space-between;border-top:1px solid var(--bor);padding-top:24px;margin-top:40px;align-items:start}.workflow-foot p{font-size:13px;line-height:1.7;color:var(--sec);max-width:64ch;margin:0}.workflow-foot a{flex:none}
.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:56px}.feature-work{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:center;text-decoration:none;color:white;border-top:1px solid #31404e;padding:40px 0}.feature-copy .micro{color:var(--link)}.feature-copy h3{font-size:40px;line-height:1.15;letter-spacing:-.03em;margin:28px 0 20px}.feature-copy p{color:var(--secd);font-size:14px;line-height:1.8;max-width:29ch}.project-link{font-size:12px;color:var(--link);display:block;margin-top:32px}.work-img{overflow:hidden;background:#172532}.work-img img{width:100%;aspect-ratio:1.6;object-fit:cover;transition:transform .7s}.selected-work a:hover .work-img img{transform:scale(1.025)}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:32px}.work-pair>a{text-decoration:none;color:white}.work-label{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}.work-label .micro{color:var(--secd)}.work-label h3{font-size:26px;margin-top:6px}.work-label>span{font-size:24px;color:var(--link)}.work-note{color:var(--secd);font-size:11px;margin:48px 0 0;max-width:70ch}.availability-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.availability h2{margin-top:25px}.availability .lede{font-size:16px;line-height:1.8;max-width:38ch;margin-top:28px}.availability-items article{padding:24px 0;border-top:1px solid var(--bor)}.availability-items article:first-child{padding-top:0;border:0}.availability-items .micro{color:var(--act)}.availability-items h3{font-size:25px;margin:8px 0}.availability-items p{font-size:14px;line-height:1.8;color:var(--sec);max-width:48ch;margin:8px 0}.availability-items a{font-size:12px}.landing #founding .wrap{max-width:1360px;padding:0 24px}.landing #founding .eyebrow .num{display:none}.landing #founding h2{font-size:50px}.landing #founding .lede{font-size:16px;line-height:1.8}.landing #founding .flist{margin-top:36px}.landing #founding .offer{border:1px solid #31404e;background:#142330}.landing #founding .offer p{line-height:1.8}.landing .home-questions{padding:80px 0}.home-questions h2{font-size:36px}.question-list details{border-top:1px solid var(--bor);padding:0}.question-list details:last-child{border-bottom:1px solid var(--bor)}.question-list summary{font-size:16px;cursor:pointer;list-style:none;padding:24px 35px 24px 0;position:relative}.question-list summary:after{content:'+';position:absolute;right:2px;font-size:22px;font-weight:400}.question-list details[open] summary:after{content:'−'}.question-list summary::-webkit-details-marker{display:none}.question-list p{color:var(--sec);font-size:15px;line-height:1.8;max-width:76ch;margin:0 0 24px}
/* Case-study reading and compact concept. */
.case-nav{padding:18px 24px;display:flex;justify-content:center;gap:32px;flex-wrap:wrap;background:var(--sur);border-bottom:1px solid var(--bor)}.case-nav a{font-size:12px;text-decoration:none;min-height:30px;display:inline-flex;align-items:center}.concept-feature{margin:36px 0 0}.concept-feature img{width:100%;max-height:500px;object-fit:cover}.concept-feature figcaption{font-size:12px;color:var(--sec);margin-top:10px}.concept-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}.concept-principles h3{font-size:20px}.concept-principles p{font-size:15px;line-height:1.8;color:var(--sec);margin:12px 0 0;max-width:34ch}.concept-principles>article{border-top:1px solid var(--bor);padding-top:18px}.concept-status{font-size:13px;color:var(--sec);margin:30px 0}.record-details{border-top:1px solid var(--bor);border-bottom:1px solid var(--bor);margin-top:24px}.record-details>summary{cursor:pointer;min-height:60px;padding:18px 4px;font-size:15px;color:var(--act)}.record-details>div{padding:0 0 28px}.record-details .kvl{max-width:900px}.record-details .flow:first-child{margin-top:0;border-top:0;padding-top:16px}.dark .record-details{border-color:var(--line-d)}.dark .record-details>summary{color:var(--link)}.dark .record-details .lede{max-width:70ch}.dcr-prog .dcr-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}.dcr-prog h4{font-size:17px}.dcr-prog li{line-height:1.8}.concept-section h2{max-width:820px}.dcr-rule p{max-width:70ch}.dcr-map>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}
@media(min-width:901px){.dcr-two{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.dna .row{min-width:0}.dcr-dna{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.wide-wrap{padding:0 40px}.intro-grid{gap:40px}.intro-copy h1{font-size:54px}.section-head{grid-template-columns:1fr 1.7fr;gap:24px 40px}.section-head>p:last-child{grid-column:2}.feature-work{gap:40px}.availability-grid{gap:60px}.value-grid{gap:30px}.landing #founding .wrap{padding:0 40px}}
@media(max-width:800px){.landing section{padding:72px 0}.wide-wrap{padding:0 24px}.intro-topline>span:last-child{display:none}.intro-grid{grid-template-columns:1fr;gap:42px;padding:44px 0}.intro-copy h1{font-size:clamp(44px,8.8vw,66px);max-width:14ch}.intro-copy>.eyebrow{margin-bottom:20px}.intro-lede{max-width:46ch}.sequence{max-width:600px;width:100%;padding:0}.sequence-art{aspect-ratio:1.5}.intro-bottom{font-size:10px}.intro-bottom>span{max-width:24ch}.intro-bottom a{gap:12px;align-items:center}.section-head{grid-template-columns:1fr;margin-bottom:40px;gap:18px}.section-head>p:last-child{grid-column:1;max-width:45ch}.value-grid,.method-row{grid-template-columns:1fr;gap:32px}.value-grid article{padding-top:16px}.value-number{margin-bottom:20px}.value-grid p{min-height:0;max-width:48ch}.deliverable{margin-top:16px}.landing .proof-image{aspect-ratio:auto;height:470px}.proof-caption{padding:90px 24px 24px;display:block}.proof-caption>a{display:block;margin-top:20px;white-space:normal}.method-row{gap:12px}.method-row article>p:last-child{max-width:48ch}.workflow-foot{flex-direction:column;gap:16px}.work-heading{align-items:start;gap:16px;flex-direction:column;margin-bottom:32px}.feature-work{grid-template-columns:1fr;gap:24px;padding:24px 0}.feature-copy h3{font-size:34px;margin:12px 0}.feature-copy h3 br{display:none}.feature-copy p{max-width:45ch}.project-link{margin-top:18px}.feature-work .work-img{grid-row:1}.work-pair{gap:36px;grid-template-columns:1fr;margin-top:24px}.work-label h3{font-size:24px}.availability-grid{grid-template-columns:1fr;gap:40px}.availability .lede{max-width:45ch}.landing #founding .wrap{padding:0 24px}.landing #founding h2{font-size:40px}.landing #founding .offer{padding:24px 18px}.landing .home-questions{padding:64px 0}.concept-principles{grid-template-columns:1fr;gap:24px}.concept-principles p{max-width:50ch}.case-nav{gap:8px 24px;justify-content:flex-start;padding:16px}.concept-feature img{min-height:220px}.dcr-prog .dcr-cols{grid-template-columns:1fr}.dcr-map>div{grid-template-columns:1fr}}
@media(max-width:500px){.site-h .wrap{padding:0 16px;height:68px}.menu .panel{top:68px}.wide-wrap{padding:0 20px}.intro-copy h1{font-size:45px;max-width:12ch}.intro-actions{gap:8px 24px}.intro-grid{padding-top:36px}.intro-topline{font-size:9px;padding-bottom:20px}.intro-lede{font-size:15px;margin:22px 0}.intro-bottom{gap:16px}.intro-bottom>a{max-width:16ch}.sequence-art{aspect-ratio:1.2}.seq-descriptions{min-height:105px}.stage-buttons{gap:20px}.landing h2{font-size:38px}.landing #founding .wrap{padding:0 20px}.landing #founding h2{font-size:37px}.concept-section h2{font-size:32px;line-height:1.2}.case-nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.seq-panel[data-panel="1"] svg g{stroke-dashoffset:0}}
/* Keep the introduction and its controls in a comfortable first view. */
html{scroll-padding-top:0}.intro-grid{padding:48px 0}.sequence-art{aspect-ratio:1.35}.seq-panel[data-panel="0"] svg g{stroke-dasharray:1600;stroke-dashoffset:1600;animation:trace-rule 3s ease forwards}.sequence{padding-top:0}
@media(max-width:800px){.intro-grid{padding:40px 0}.sequence-art{aspect-ratio:1.5}}
@media(max-width:500px){.intro-grid{padding-top:32px}.sequence-art{aspect-ratio:1.2}}
@media(prefers-reduced-motion:reduce){.seq-panel[data-panel="0"] svg g{stroke-dashoffset:0}}

.plans .value-grid h3{font-size:34px;letter-spacing:-.03em}.plans h3 small{font-size:14px;font-weight:400;color:var(--sec);letter-spacing:0}.plans .plan-featured{border-top:2px solid var(--act)}.plans-note{font-size:13px;line-height:1.7;color:var(--sec);max-width:76ch;margin:40px 0 0}.plans-note a{margin-left:6px}

/* 2026-10-18 polish (Carlos review): readable type sizes, balanced headings, fine print legible on white,
   Fractured Tide caption clear of the Netlify badge. Backup: refinement.css.pre-2026-10-18. */
h1,h2,h3{text-wrap:balance}p,li,figcaption{text-wrap:pretty}
.micro{font-size:12px;letter-spacing:.12em}
.landing .eyebrow,.eyebrow{font-size:12px}
.intro-topline,.intro-status{font-size:12px}
.intro-bottom{font-size:13px}
.site-h .nav a{font-size:14px}
.fine{font-size:14px;line-height:1.6}
section:not(.dark) .fine,.site-f .fine{color:var(--sec)}
.availability-grid{gap:80px}
.availability-items h3{font-size:26px}
.availability-items p{font-size:16px;line-height:1.75}
.availability-items a{font-size:14px}
.method-row article>p:last-child{font-size:16px;line-height:1.75}
.section-head>p:last-child{font-size:17px}
.workflow-foot p,.plans-note{font-size:15px;line-height:1.7}
.work-note{font-size:15px}
.proof-caption{display:block;padding-bottom:44px}
.proof-caption>a{display:inline-block;margin-top:18px;font-size:14px;white-space:normal}
@media(max-width:800px){.availability-grid{gap:40px}.availability-items h3{font-size:22px}}
/* 2026-10-18 type floor: no reading text under 12px (the "STUDIO" logotype is exempt). */
.value-number{font-size:13px}.deliverable{font-size:12px}
.art-label,.sequence button,.motion-control{font-size:12px}
.cls,.mode,.chip,.chipline,.mvl,.pn{font-size:12px!important}
.pair figcaption,.became small,.views span,.views em,.scale b{font-size:12px!important}
.plans-grid article>p{font-size:16px;line-height:1.7}
/* 2026-10-18: lineage step labels always sit above their titles, so two-line labels never misalign. */
body .g-lin .step{flex-direction:column;align-items:flex-start;gap:4px}
.plans-note a{margin-left:0}
/* 2026-10-18: Fractured Tide hero set in a dark band (Carlos): dark field above, full-bleed image,
   caption on the dark below the image, link on its own line clear of the phrase. */
.landing .proof-image{height:auto;aspect-ratio:auto;min-height:0;padding:96px 0 0;background:var(--noc)}
.landing .proof-image>img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.landing .proof-caption{position:static;inset:auto;background:none;max-width:1440px;margin:0 auto;padding:36px 64px 96px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.landing .proof-caption>span{display:block}
.landing .proof-caption>a{display:inline-block;margin:0;color:var(--link);font-size:14px;white-space:nowrap}
@media(max-width:800px){.landing .proof-image{height:auto;padding-top:56px}.landing .proof-caption{padding:28px 24px 64px;gap:16px}}
