/* styles-3.css */

:root{--yd-bg:#121413;--yd-bg2:#0d0f0e;--yd-surface:#191c1a;--yd-surface2:#1e2220;--yd-surface3:#232826;--yd-paper:#ebeeec;--yd-muted:#9ea5a1;--yd-soft:#8c938f;--yd-line:rgba(235,238,236,.12);--yd-line2:rgba(235,238,236,.22);--yd-lab:#a3c48e;--yd-lab-soft:#c2d9b2;--yd-software:#dba8b4;--yd-software-soft:#ead0d6;--yd-data:#a9c6dc;--yd-violet:#dba8b4;--yd-shell:min(1180px,calc(100% - 40px));--yd-r1:14px;--yd-r2:24px;--yd-r3:34px;--yd-shadow:0 34px 90px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--yd-bg)}body{margin:0;min-width:320px;color:var(--yd-paper);background:radial-gradient(circle at 88% 8%,rgba(219,168,180,.13),transparent 30rem),radial-gradient(circle at 10% 20%,rgba(163,196,142,.09),transparent 26rem),linear-gradient(180deg,var(--yd-bg),var(--yd-bg2));font-family:"Newsreader",Georgia,"Times New Roman",serif;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.14;background-image:linear-gradient(rgba(235,238,236,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(235,238,236,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font:inherit}.yd-shell{width:var(--yd-shell);margin-inline:auto}.yd-skip{position:fixed;left:12px;top:12px;z-index:999;padding:10px 14px;color:var(--yd-bg);background:var(--yd-paper);border-radius:10px;transform:translateY(-160%)}.yd-skip:focus{transform:translateY(0)}
.yd-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(235,238,236,.08);background:rgba(18,20,19,.8);backdrop-filter:blur(20px)}.yd-nav{min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.yd-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;font-weight:500;letter-spacing:-.02em}.yd-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--yd-bg);background:linear-gradient(135deg,var(--yd-lab),var(--yd-software));border-radius:12px;font-size:.72rem;font-weight:600;letter-spacing:.05em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.26)}.yd-links{display:flex;align-items:center;gap:28px;color:var(--yd-muted);font-size:.9rem}.yd-links a:hover,.yd-links a:focus-visible{color:var(--yd-paper)}.yd-nav-cta{justify-self:end;display:inline-flex;align-items:center;min-height:42px;padding:0 17px;border:1px solid var(--yd-line2);border-radius:999px;font-size:.86rem;font-weight:500;background:rgba(255,255,255,.025)}.yd-nav-cta:hover{border-color:rgba(219,168,180,.52);background:rgba(219,168,180,.08)}
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.045em}.yd-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;color:var(--yd-data);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.yd-eyebrow:before{content:"";width:24px;height:1px;background:currentColor;flex:0 0 24px}.yd-lead{color:var(--yd-paper)!important;font-size:clamp(1.16rem,1.7vw,1.45rem);line-height:1.52}.yd-actions{display:flex;flex-wrap:wrap;gap:12px}.yd-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:.92rem;font-weight:500;transition:transform .16s ease,background .16s ease,border-color .16s ease}.yd-button:hover{transform:translateY(-2px)}.yd-primary{color:#121413;background:var(--yd-paper)}.yd-primary:hover{background:#fff}.yd-secondary{border-color:var(--yd-line2);background:rgba(255,255,255,.025)}.yd-secondary:hover{border-color:rgba(169,198,220,.46);background:rgba(169,198,220,.06)}
.yd-hero{padding:92px 0 86px}.yd-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);gap:clamp(38px,5vw,72px);align-items:center}.yd-hero h1{max-width:760px;margin-bottom:28px;font-size:clamp(3rem,4.25vw,4.75rem);font-weight:400;line-height:.99}.yd-headline-line{display:block}.yd-lab-text{color:var(--yd-paper)}.yd-soft-text{color:var(--yd-lab-soft)}.yd-hero-copy>p:not(.yd-eyebrow){max-width:700px;margin-bottom:32px;color:var(--yd-muted);font-size:clamp(1.08rem,1.45vw,1.25rem)}.yd-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid var(--yd-line)}.yd-proof-strip article{padding:18px 18px 0 0}.yd-proof-strip article+article{padding-left:20px;border-left:1px solid var(--yd-line)}.yd-proof-strip strong{display:block;margin-bottom:5px;font-size:.9rem}.yd-proof-strip span{color:var(--yd-soft);font-size:.76rem}.yd-art-frame{position:relative;min-height:590px;overflow:hidden;border:1px solid var(--yd-line2);border-radius:var(--yd-r3);background:radial-gradient(circle at 62% 42%,rgba(219,168,180,.18),transparent 25rem),radial-gradient(circle at 42% 78%,rgba(163,196,142,.15),transparent 20rem),rgba(25,28,26,.76);box-shadow:var(--yd-shadow)}.yd-art-label{position:absolute;top:24px;left:26px;z-index:2;padding:7px 10px;border:1px solid var(--yd-line);border-radius:999px;color:var(--yd-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.yd-art-img{position:absolute;inset:48px 8px 10px;width:calc(100% - 16px);height:calc(100% - 58px);object-fit:contain;object-position:center}
.yd-section{padding:104px 0}.yd-border{border-top:1px solid var(--yd-line)}.yd-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.48fr);gap:58px;align-items:end;margin-bottom:52px}.yd-section-heading h2,.yd-about-preview h2{margin:0;font-size:clamp(2.35rem,4.4vw,4.5rem);font-weight:400}.yd-section-heading>p{margin:0 0 6px;color:var(--yd-muted)}.yd-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--yd-line);border-radius:var(--yd-r2);background:var(--yd-line);gap:1px}.yd-proof-card{min-height:250px;display:flex;flex-direction:column;padding:28px;background:var(--yd-surface)}.yd-number{margin-bottom:auto;color:var(--yd-data);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.yd-proof-card h3{margin-bottom:10px;font-size:1.28rem}.yd-proof-card p{margin:0;color:var(--yd-muted);font-size:.9rem}
.yd-project-stage{display:grid;grid-template-columns:1fr 1fr;gap:20px}.yd-project{--yd-project:var(--yd-software);--yd-project-soft:var(--yd-software-soft);overflow:hidden;border:1px solid var(--yd-line);border-radius:var(--yd-r2);background:var(--yd-surface);transition:border-color .18s ease,transform .18s ease}.yd-project:hover{transform:translateY(-4px);border-color:var(--yd-line2)}.yd-meso{--yd-project:var(--yd-lab);--yd-project-soft:var(--yd-lab-soft)}.yd-aeda{--yd-project:var(--yd-software);--yd-project-soft:var(--yd-software-soft)}.yd-project.yd-featured{grid-column:1/-1;display:grid;grid-template-columns:1.06fr .94fr}.yd-project-image{position:relative;min-height:350px;overflow:hidden;border-bottom:1px solid var(--yd-line);background:var(--yd-surface2)}.yd-featured .yd-project-image{min-height:468px;border-right:1px solid var(--yd-line);border-bottom:0}.yd-project-body{padding:30px}.yd-featured .yd-project-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,62px)}.yd-project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px}.yd-index{color:var(--yd-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem}.yd-status{flex:0 0 auto;display:inline-flex;align-items:center;min-height:30px;padding:0 10px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--yd-project) 36%,transparent);border-radius:999px;color:var(--yd-project-soft);background:color-mix(in srgb,var(--yd-project) 8%,transparent);font-size:.67rem;font-weight:600}.yd-project-body h3{margin-bottom:14px;font-size:clamp(1.95rem,3.2vw,3rem)}.yd-project-body>p{color:var(--yd-muted)}.yd-points,.yd-list{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.yd-points li,.yd-list li{display:grid;grid-template-columns:10px 1fr;gap:12px;align-items:start;color:var(--yd-muted);font-size:.9rem}.yd-points li:before,.yd-list li:before{content:"";width:6px;height:6px;margin-top:.64em;border-radius:50%;background:var(--yd-project,var(--yd-data))}.yd-project-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}.yd-text-link{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:500}.yd-text-link:after{content:"↗";color:var(--yd-project,var(--yd-data))}
.yd-ui{position:absolute;inset:18px;overflow:hidden;border:1px solid var(--yd-line);border-radius:20px;background:#101211}.yd-ui-top{min-height:44px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--yd-line);background:rgba(255,255,255,.02)}.yd-ui-title{font-size:.8rem;font-weight:500}.yd-meso-layout,.yd-aeda-layout{display:grid;grid-template-columns:145px 1fr;min-height:calc(100% - 44px)}.yd-sidebar{padding:16px 12px;border-right:1px solid var(--yd-line);background:#161917}.yd-sidebar h4{margin:0 0 14px;font-size:.86rem}.yd-step-list{display:grid;gap:8px}.yd-step{padding:9px 10px;border:1px solid transparent;border-radius:12px;color:var(--yd-muted);font-size:.72rem}.yd-active-meso{color:var(--yd-lab-soft);background:rgba(163,196,142,.10);border-color:rgba(163,196,142,.18)}.yd-active-aeda{color:var(--yd-software-soft);background:rgba(219,168,180,.10);border-color:rgba(219,168,180,.22)}.yd-ui-main{padding:16px}.yd-ui-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.yd-ui-head h4{margin:0 0 4px;font-size:1rem}.yd-ui-head p{margin:0;color:var(--yd-soft);font-size:.72rem}.yd-metric{flex:0 0 auto;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--yd-line);border-radius:999px;color:var(--yd-soft);font-size:.68rem;white-space:nowrap}.yd-panel,.yd-request,.yd-diff,.yd-activity{padding:12px;border:1px solid var(--yd-line);border-radius:16px;background:#171a18}.yd-panel+.yd-panel,.yd-request+.yd-diff,.yd-diff+.yd-activity{margin-top:14px}.yd-panel-title{margin-bottom:10px;color:var(--yd-soft);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.yd-curve-img{display:block;width:100%;height:170px;object-fit:contain}.yd-row,.yd-activity-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(235,238,236,.08)}.yd-row:first-of-type,.yd-activity-line:first-of-type{border-top:0}.yd-row strong,.yd-activity-line strong{display:block;font-size:.8rem}.yd-row span,.yd-activity-line span{color:var(--yd-soft);font-size:.7rem}.yd-tag,.yd-request-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:.64rem;font-weight:600;white-space:nowrap}.yd-good{color:var(--yd-data);background:rgba(169,198,220,.09);border:1px solid rgba(169,198,220,.18)}.yd-warn{color:#e7bd61;background:rgba(231,189,97,.11);border:1px solid rgba(231,189,97,.18)}.yd-request-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.yd-request-head strong{display:block;font-size:.9rem}.yd-request-head span{color:var(--yd-soft);font-size:.7rem}.yd-request-badge{color:var(--yd-software-soft)!important;background:rgba(219,168,180,.10);border:1px solid rgba(219,168,180,.18)}.yd-tiny-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.yd-tiny{min-height:28px;padding:0 10px;border-radius:999px;font-size:.68rem;font-weight:600}.yd-fill{color:#121413;background:var(--yd-software-soft);border:1px solid transparent}.yd-outline{color:var(--yd-muted);background:transparent;border:1px solid var(--yd-line)}.yd-code-line{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:7px 0;border-top:1px solid rgba(235,238,236,.08);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:var(--yd-muted)}.yd-code-line:first-of-type{border-top:0}.yd-plus{color:var(--yd-data)}.yd-minus{color:var(--yd-lab)}
.yd-about-preview{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(58px,9vw,126px);align-items:start}.yd-about-copy{padding-top:47px}.yd-about-copy p{color:var(--yd-muted)}.yd-languages{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.yd-languages span,.yd-blog-nav span{padding:7px 10px;border:1px solid var(--yd-line);border-radius:999px;color:var(--yd-muted);background:rgba(255,255,255,.02);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}
.yd-blog-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.yd-post{--yd-post:var(--yd-data);grid-column:span 6;min-height:300px;display:flex;flex-direction:column;padding:28px;border:1px solid var(--yd-line);border-radius:var(--yd-r2);background:linear-gradient(150deg,rgba(255,255,255,.035),transparent 36%),var(--yd-surface)}.yd-post:nth-child(1){--yd-post:var(--yd-lab-soft)}.yd-post:nth-child(2){--yd-post:var(--yd-software-soft)}.yd-post:nth-child(3){--yd-post:var(--yd-data)}.yd-post:nth-child(4){--yd-post:var(--yd-violet)}.yd-post-meta{display:flex;justify-content:space-between;gap:18px;color:var(--yd-soft);font-size:.7rem}.yd-post-category{color:var(--yd-post);font-weight:600;white-space:nowrap}.yd-coming,.yd-draft-badge{white-space:nowrap;color:#e7bd61!important}.yd-post h3{margin:auto 0 12px;max-width:520px;font-size:clamp(1.55rem,2.3vw,2.15rem)}.yd-post p{margin-bottom:18px;color:var(--yd-muted);font-size:.9rem}
.yd-contact{padding:38px 0 106px}.yd-contact-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:50px;padding:clamp(38px,7vw,78px);border:1px solid rgba(219,168,180,.28);border-radius:var(--yd-r3);background:radial-gradient(circle at 92% 12%,rgba(219,168,180,.18),transparent 25rem),radial-gradient(circle at 12% 88%,rgba(163,196,142,.11),transparent 24rem),var(--yd-surface);box-shadow:var(--yd-shadow)}.yd-contact-panel h2{max-width:760px;margin:0 0 18px;font-size:clamp(2.45rem,4.8vw,4.8rem)}.yd-contact-panel p{max-width:680px;margin:0;color:var(--yd-muted)}.yd-contact-side{display:grid;gap:16px;min-width:250px}.yd-email{font-size:1.05rem;font-weight:500}.yd-socials{display:flex;flex-wrap:wrap;gap:12px}.yd-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--yd-line2);border-radius:999px;color:var(--yd-muted);background:rgba(255,255,255,.02);transition:transform .16s ease,color .16s ease,border-color .16s ease,background .16s ease}.yd-icon:hover{transform:translateY(-2px);color:var(--yd-paper);border-color:rgba(219,168,180,.44);background:rgba(219,168,180,.08)}.yd-icon img{width:18px;height:18px;object-fit:contain}.yd-footer{padding:38px 0;border-top:1px solid var(--yd-line)}.yd-footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.yd-footer-note{color:var(--yd-soft);font-size:.78rem}
/* Internal pages */
.yd-page-hero,.yd-writing-hero,.yd-case-hero{padding:92px 0 96px}.yd-page-grid,.yd-case-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);gap:clamp(50px,8vw,110px);align-items:center}.yd-page-hero h1,.yd-writing-hero h1,.yd-case-hero h1{margin:0 0 24px;font-size:clamp(3.2rem,7vw,7.2rem)}.yd-page-hero p,.yd-writing-hero>div>p,.yd-case-hero p{max-width:760px;color:var(--yd-muted)}.yd-portrait{padding:12px;border:1px solid var(--yd-line2);border-radius:var(--yd-r3);background:linear-gradient(135deg,rgba(163,196,142,.08),rgba(219,168,180,.08));box-shadow:var(--yd-shadow)}.yd-portrait img{width:100%;height:auto;border-radius:calc(var(--yd-r3) - 10px)}.yd-photo-note{margin:12px 4px 0!important;color:var(--yd-soft)!important;font-size:.72rem!important}.yd-timeline{display:grid;border:1px solid var(--yd-line);border-radius:var(--yd-r2);overflow:hidden}.yd-timeline article{display:grid;grid-template-columns:160px 1fr;gap:36px;padding:28px;background:var(--yd-surface);border-top:1px solid var(--yd-line)}.yd-timeline article:first-child{border-top:0}.yd-timeline time{color:var(--yd-data);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.yd-timeline h3{margin:0 0 8px;font-size:1.35rem}.yd-timeline p{margin:0;color:var(--yd-muted)}.yd-methods,.yd-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.yd-method,.yd-roadmap article{padding:28px;border:1px solid var(--yd-line);border-radius:var(--yd-r2);background:var(--yd-surface)}.yd-method h3,.yd-roadmap h3{font-size:1.32rem}.yd-method p,.yd-roadmap p{margin:0;color:var(--yd-muted)}.yd-publication{margin-top:32px;padding:28px;border:1px solid rgba(169,198,220,.24);border-radius:var(--yd-r2);background:rgba(169,198,220,.04)}.yd-publication small{display:block;margin-bottom:9px;color:var(--yd-data);font-weight:600;text-transform:uppercase;letter-spacing:.12em}.yd-publication h3{margin-bottom:10px;font-size:1.45rem}.yd-publication p{color:var(--yd-muted)}.yd-publication a{font-weight:500;text-decoration:underline;text-decoration-color:rgba(169,198,220,.4);text-underline-offset:4px}
.yd-writing-hero .yd-shell{max-width:1000px}.yd-writing-hero h1{max-width:900px}.yd-blog-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.yd-case-kicker,.yd-phase{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--yd-project) 38%,transparent);border-radius:999px;color:var(--yd-project-soft);background:color-mix(in srgb,var(--yd-project) 9%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:600;white-space:nowrap}.yd-case-visual{position:relative;min-height:500px;border:1px solid var(--yd-line2);border-radius:var(--yd-r3);background:var(--yd-surface2);box-shadow:var(--yd-shadow)}.yd-case-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(55px,9vw,130px);padding-top:100px;padding-bottom:100px}.yd-case-section h2{margin:0;font-size:clamp(2.35rem,4.4vw,4.5rem)}.yd-case-copy p{color:var(--yd-muted)}
/* Article drafts */
.yd-article-hero{padding:90px 0 58px}.yd-article-shell{width:min(820px,calc(100% - 40px));margin-inline:auto}.yd-article-hero h1{margin:0 0 24px;font-size:clamp(2.8rem,6vw,5.7rem)}.yd-article-deck{color:var(--yd-muted);font-size:clamp(1.1rem,1.7vw,1.32rem)}.yd-article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.yd-article-meta span{padding:7px 10px;border:1px solid var(--yd-line);border-radius:999px;color:var(--yd-muted);font-size:.72rem}.yd-draft-banner{margin:0 auto 40px;width:min(820px,calc(100% - 40px));padding:16px 18px;border:1px solid rgba(231,189,97,.28);border-radius:14px;color:#e7bd61;background:rgba(231,189,97,.07);font-size:.86rem;font-weight:500}.yd-article{padding:0 0 110px}.yd-article-content{width:min(760px,calc(100% - 40px));margin-inline:auto}.yd-article-content h2{margin:60px 0 18px;font-size:clamp(1.85rem,3.3vw,2.8rem)}.yd-article-content h3{margin:38px 0 14px;font-size:1.4rem}.yd-article-content p,.yd-article-content li{color:#c4cac7;font-size:1.04rem}.yd-article-content ul,.yd-article-content ol{display:grid;gap:10px;padding-left:1.25rem}.yd-article-content blockquote{margin:40px 0;padding:22px 24px;border-left:3px solid var(--yd-data);border-radius:0 16px 16px 0;background:rgba(169,198,220,.055);color:var(--yd-paper);font-size:1.18rem}.yd-article-content code{padding:2px 6px;border:1px solid var(--yd-line);border-radius:6px;background:var(--yd-surface2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.yd-article-content a{text-decoration:underline;text-decoration-color:rgba(219,168,180,.5);text-underline-offset:4px}.yd-article-end{margin-top:60px;padding-top:26px;border-top:1px solid var(--yd-line);color:var(--yd-soft);font-size:.86rem}
@media(max-width:1080px){.yd-hero-grid,.yd-page-grid,.yd-case-grid{grid-template-columns:1fr}.yd-nav{grid-template-columns:1fr auto}.yd-links{display:none}.yd-proof-grid{grid-template-columns:repeat(2,1fr)}.yd-project.yd-featured{grid-template-columns:1fr}.yd-featured .yd-project-image{min-height:420px;border-right:0;border-bottom:1px solid var(--yd-line)}.yd-about-preview,.yd-section-heading,.yd-contact-panel,.yd-case-section{grid-template-columns:1fr}.yd-about-copy{padding-top:0}.yd-art-frame{min-height:560px}.yd-portrait{max-width:650px}.yd-case-visual{min-height:490px}}
@media(max-width:780px){:root{--yd-shell:min(100% - 28px,1180px)}.yd-header{position:relative}.yd-nav{min-height:68px}.yd-brand>span:last-child{display:none}.yd-hero,.yd-page-hero,.yd-writing-hero,.yd-case-hero{padding:68px 0 74px}.yd-hero h1{font-size:clamp(2.55rem,10.8vw,4.3rem)}.yd-proof-strip{grid-template-columns:1fr}.yd-proof-strip article{padding:14px 0}.yd-proof-strip article+article{padding-left:0;border-left:0;border-top:1px solid var(--yd-line)}.yd-art-frame{min-height:430px}.yd-section{padding:78px 0}.yd-proof-grid,.yd-project-stage,.yd-methods,.yd-roadmap{grid-template-columns:1fr}.yd-project.yd-featured{grid-column:auto}.yd-project-image,.yd-featured .yd-project-image{min-height:340px}.yd-project-body,.yd-featured .yd-project-body{padding:26px}.yd-project-top{flex-direction:column;align-items:flex-start}.yd-blog-grid{grid-template-columns:1fr}.yd-post{grid-column:auto;min-height:270px}.yd-contact-panel{padding:30px 24px}.yd-footer-grid{grid-template-columns:1fr}.yd-meso-layout,.yd-aeda-layout{grid-template-columns:110px 1fr}.yd-sidebar{padding:12px 8px}.yd-step{padding:8px 7px;font-size:.64rem}.yd-ui-main{padding:10px}.yd-request-head{flex-direction:column}.yd-timeline article{grid-template-columns:1fr;gap:10px}.yd-case-section{padding-top:76px;padding-bottom:76px}.yd-case-visual{min-height:440px}.yd-page-hero h1,.yd-writing-hero h1,.yd-case-hero h1{font-size:clamp(2.8rem,13vw,5rem)}.yd-post-meta{flex-direction:column;align-items:flex-start;gap:6px}.yd-post-category{white-space:normal}.yd-article-hero{padding-top:66px}.yd-article-content p,.yd-article-content li{font-size:1rem}}
@media(max-width:520px){.yd-art-frame{min-height:360px}.yd-art-img{inset:42px 0 8px;width:100%;height:calc(100% - 50px)}.yd-project-image,.yd-featured .yd-project-image{min-height:390px}.yd-ui{inset:10px}.yd-meso-layout,.yd-aeda-layout{grid-template-columns:1fr}.yd-sidebar{display:none}.yd-ui-main{padding:12px}.yd-contact-side{min-width:0}.yd-status{white-space:nowrap}.yd-case-visual{min-height:390px}.yd-portrait{padding:8px}.yd-socials{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}

/* Hub alignment (A1, Oct 2026): headings at the hub's weight and tracking. */
h1,h2,h3{font-weight:400;letter-spacing:-0.03em}
h1{letter-spacing:-0.035em}


/* src/styles/ae.css */
html { background: #121413; }
html body { background: #121413; background-image: none; color: #ebeeec; font-family: "Newsreader", Georgia, "Times New Roman", serif; min-width: 0; }
html body::before, html body::after { content: none; display: none; }
.ae h1, .ae h2, .ae h3 { max-width: none; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0; }
.ae nav { color: inherit; font-size: inherit; align-items: baseline; }
.ae svg { height: auto; max-width: 100%; }
.ae img { max-width: 100%; }
.ae footer { border-top: 0; }
.ae button { font: inherit; }
.ae figure { margin: 1em 40px; }
.ae label { display: block; margin: 0; font-weight: 400; color: inherit; }
.ae [data-instatic-honeypot] { display: none !important; }
.ae {
  color-scheme: dark;
  --bg: #121413;
  --wall: #0d0f0e;
  --ink: #ebeeec;
  --muted: #9ea5a1;
  --aeda: #dba8b4;
  --aeda-ink: #1f1216;
  --aeda-band: #211a1c;
  --plain-band: #191c1a;
  --link: #a9c6dc;
  --tint: rgba(235, 238, 236, 0.06);
  --tint-2: rgba(235, 238, 236, 0.12);
  --edge: rgba(235, 238, 236, 0.30);
  --danger: #e8a598;

  --step-small: clamp(0.9375rem, 0.9rem + 0.15vw, 1rem);
  --step-body: clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem);
  --fs-ui: 1.1875rem;
  --fs-lead: 1.625rem;
  --fs-heading: clamp(2.25rem, 1.6rem + 2.2vw, 3.25rem);
  --fs-display: clamp(2rem, 0.9rem + 4.6vw, 5rem);

  --r-panel: 16px;
  --r-img: 6px;
  --r-btn: 999px;
  --content: 860px;
  --margin: clamp(20px, 3vw, 32px);
  --gap-section: clamp(120px, 14vw, 200px);
  --ease: cubic-bezier(.2, .7, .2, 1);
}
.ae, .ae * { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
.ae {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Newsreader", Georgia, "Times New Roman", serif;
  font-size: var(--step-body);
  line-height: 1.55;
  font-kerning: normal;
  font-optical-sizing: auto;
}
.ae h1, .ae h2, .ae h3 { font-weight: 400; text-wrap: balance; margin: 0; }
.ae p { margin: 0; text-wrap: pretty; }
.ae :focus-visible { outline: 3px solid var(--link); outline-offset: 3px; border-radius: 4px; }
.ae a { color: inherit; text-decoration: none; transition: color 180ms var(--ease); }
.ae a:hover { text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
.ae p a, .ae li a, .ae dd a { color: var(--link); text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
.ae a.go { font-weight: 500; }
.ae a.go::after { content: "\00a0\2192"; display: inline-block; transition: transform 180ms var(--ease); }
.ae a.go:hover { text-decoration: none; }
.ae a.go:hover::after { transform: translateX(3px); }
.ae .ae-frame-w { width: min(1200px, 100% - 2 * var(--margin)); margin-inline: auto; }
.ae .ae-content { width: min(var(--content), 100% - 2 * var(--margin)); margin-inline: auto; }
.ae .ae-wall { background: var(--wall); padding-block: 0 112px; }
.ae .ae-bar { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding-top: 30px; font-size: var(--fs-ui); }
.ae .ae-wall h1 { margin-top: 72px; }
.ae .ae-hero { margin-top: 40px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 72px; align-items: center; }
.ae .ae-wall h1 { font-size: var(--fs-display); line-height: 1.02; letter-spacing: -0.03em; }
.ae .ae-wall h1 .ae-ln { display: block; overflow: clip; padding-bottom: 0.1em; margin-bottom: -0.1em; }
.ae .ae-wall h1 .ae-ln > span { display: block; }
.ae .ae-lede { font-size: var(--fs-lead); line-height: 1.35; max-width: 30rem; }
.ae .ae-sheet { margin: 0; width: 100%; max-width: 340px; justify-self: end; }
.ae .ae-sheet svg { display: block; width: 100%; height: auto; border-radius: var(--r-img); }
.ae .ae-sheet figcaption, .ae .ae-cap { margin-top: 12px; font-size: var(--step-small); color: var(--muted); }
.ae .ae-signup { margin-top: 36px; display: grid; gap: 10px; max-width: 32rem; }
.ae .ae-signup label, .ae .ae-signup legend { font-size: var(--fs-ui); }
.ae .ae-signup .ae-row { display: flex; flex-wrap: wrap; gap: 10px; }
.ae .ae-signup input[type=email], .ae .ae-signup input[type=text] {
  flex: 1 1 14rem; min-height: 56px; padding: 0 20px; font: inherit; font-size: var(--fs-ui);
  color: var(--ink); background: var(--tint); border: 1px solid var(--edge); border-radius: var(--r-btn);
}
.ae .ae-signup input::placeholder { color: var(--muted); }
.ae .ae-signup input[aria-invalid="true"] { border-color: var(--danger); }
.ae .ae-signup fieldset { border: 0; margin: 8px 0 0; padding: 0; }
.ae .ae-signup legend { padding: 0; }
.ae .ae-signup .ae-choices { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.ae .ae-signup .ae-choices label { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 20px; background: var(--tint-2); border-radius: var(--r-btn); cursor: pointer; }
.ae .ae-signup .ae-choices input { width: 20px; height: 20px; accent-color: var(--aeda); margin: 0; }
.ae .ae-signup .ae-choices label:has(input:checked) { outline: 2px solid var(--aeda); outline-offset: -2px; }
.ae .ae-signup .ae-opt { margin-top: 8px; }
.ae .ae-signup .ae-help { font-size: var(--step-small); color: var(--muted); }
.ae .ae-signup .ae-help a { color: var(--link); }
.ae .ae-signup .ae-err { font-size: var(--step-small); color: var(--danger); }
.ae .ae-signup .ae-done { font-size: var(--fs-ui); color: var(--aeda); }
.ae .ae-signup .ae-err:empty, .ae .ae-signup .ae-done:empty { margin-block: -5px; }
.ae .ae-signup.ae-sent .ae-field { display: none; }
.ae .ae-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 28px;
  font: inherit; font-size: var(--fs-ui); font-weight: 500; border-radius: var(--r-btn); border: 0; cursor: pointer;
  background: var(--aeda); color: var(--aeda-ink); text-decoration: none; white-space: nowrap;
  transition: transform 140ms var(--ease), filter 180ms var(--ease);
}
.ae .ae-button:hover { text-decoration: none; filter: brightness(1.06); }
.ae .ae-button:active { transform: scale(.97); }
.ae .ae-band { padding-block: 128px; }
.ae .ae-band.ae-aeda { background: var(--aeda-band); }
.ae .ae-band.ae-plain { background: var(--plain-band); }
.ae section.ae-part { padding-top: var(--gap-section); }
.ae .ae-sh h2 { font-size: var(--fs-heading); line-height: 1.04; letter-spacing: -0.03em; }
.ae .ae-sh .ae-sub { margin-top: 12px; font-size: var(--fs-ui); color: var(--muted); }
.ae .ae-band.ae-aeda .ae-sh .ae-sub { color: var(--aeda); }
.ae .ae-statement { margin-top: 32px; font-size: var(--fs-lead); line-height: 1.35; }
.ae .ae-body { margin-top: 20px; max-width: 40rem; }
.ae .ae-examples { margin-top: 48px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
.ae .ae-examples blockquote { margin: 0; font-size: var(--fs-lead); line-height: 1.3; font-style: italic; }
.ae .ae-examples p { margin-top: 14px; }
.ae [data-ui] { font-family: inherit; }
.ae [data-ui].ae-ask { margin-top: 48px; background: var(--tint); padding: 26px 28px 28px; border-radius: var(--r-panel); max-width: 40rem; }
.ae [data-ui].ae-ask .ae-who { font-size: var(--step-small); color: var(--aeda); }
.ae [data-ui].ae-ask .ae-q { font-size: var(--fs-lead); line-height: 1.3; margin-top: 6px; }
.ae [data-ui].ae-ask .ae-file { margin-top: 14px; background: var(--tint); padding: 12px 16px; font-size: var(--fs-ui); border-radius: 10px; }
.ae [data-ui].ae-ask .ae-file span { color: var(--muted); }
.ae [data-ui].ae-ask .ae-choices { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.ae [data-ui].ae-ask button { font: inherit; font-size: var(--fs-ui); min-height: 56px; padding: 0 24px; border-radius: var(--r-btn); cursor: pointer; transition: transform 140ms var(--ease), background-color 160ms var(--ease); }
.ae [data-ui].ae-ask button:active { transform: scale(.97); }
.ae [data-ui].ae-ask .ae-yes { background: var(--aeda); color: var(--aeda-ink); border: 1px solid var(--aeda); }
.ae [data-ui].ae-ask .ae-alt { background: transparent; color: var(--ink); border: 1px solid var(--edge); }
.ae [data-ui].ae-ask .ae-alt:hover { background: var(--tint-2); }
.ae [data-ui].ae-ask button[aria-pressed="true"] { outline: 2px solid var(--aeda); outline-offset: 3px; }
.ae [data-ui].ae-ask .ae-said { margin-top: 16px; font-size: var(--fs-ui); }
.ae [data-ui].ae-ask .ae-said:empty { display: none; }
.ae .ae-facts { margin: 40px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 48px; }
.ae .ae-facts dt { font-size: var(--fs-lead); line-height: 1.25; }
.ae .ae-facts dd { margin: 8px 0 0; }
.ae .ae-faq { margin-top: 36px; display: grid; gap: 12px; }
.ae .ae-faq details { background: var(--tint); border-radius: var(--r-panel); }
.ae .ae-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 64px; padding: 14px 24px; font-size: var(--step-body); font-weight: 500; }
.ae .ae-faq summary::-webkit-details-marker { display: none; }
.ae .ae-faq summary::after { content: "+"; font-size: 1.5em; line-height: 1; color: var(--aeda); transition: transform 180ms var(--ease); }
.ae .ae-faq details[open] summary::after { transform: rotate(45deg); }
.ae .ae-faq details > p { padding: 0 24px 22px; max-width: 40rem; }
.ae .ae-share { margin-top: 32px; font-size: var(--fs-ui); }
.ae footer { padding-block: 96px 32px; }
.ae .ae-foot { display: grid; grid-template-columns: 1fr auto; gap: 16px 24px; font-size: var(--step-small); color: var(--muted); }
.ae .ae-foot nav { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: flex-end; }
.ae .ae-foot a { color: var(--ink); }
@media (prefers-reduced-motion: no-preference) {
html.ae-js .ae .ae-wall h1 .ae-ln > span { transform: translateY(105%); animation: ae-line-up 850ms var(--ease) forwards; animation-delay: calc(120ms + var(--i) * 120ms); }
html.ae-js .ae .ae-wall [data-load] { opacity: 0; transform: translateY(14px); animation: ae-load-rise 650ms var(--ease) forwards; animation-delay: var(--d); }
html.ae-js .ae .ae-rise { opacity: 0; transform: translateY(16px); transition: opacity 550ms var(--ease), transform 600ms var(--ease); transition-delay: var(--d, 0ms); }
html.ae-js .ae .ae-rise.ae-in { opacity: 1; transform: none; }
}

@media (max-width: 900px) {
.ae .ae-hero { grid-template-columns: minmax(0, 1fr); gap: 48px; }
.ae .ae-sheet { max-width: 300px; justify-self: start; }
}

@media (max-width: 720px) {
.ae { --fs-lead: 1.375rem; }
.ae .ae-wall { padding-block: 0 88px; }
.ae .ae-wall h1 { margin-top: 48px; }
.ae .ae-hero { margin-top: 28px; }
.ae .ae-band { padding-block: 96px; }
.ae .ae-examples, .ae .ae-facts { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.ae .ae-foot { grid-template-columns: 1fr; }
.ae .ae-foot nav { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
.ae .ae-button, .ae a.go::after, .ae .ae-faq summary::after, .ae [data-ui] * { transition: none !important; }
}

@keyframes ae-line-up { to { transform: none; } }
@keyframes ae-load-rise { to { opacity: 1; transform: none; } }
.ae [data-i="0"] { --i: 0; }
.ae [data-i="1"] { --i: 1; }
.ae [data-d="120ms"] { --d: 120ms; }
.ae [data-d="140ms"] { --d: 140ms; }
.ae [data-d="200ms"] { --d: 200ms; }
.ae [data-d="380ms"] { --d: 380ms; }
.ae [data-d="520ms"] { --d: 520ms; }
.ae [data-d="80ms"] { --d: 80ms; }
.ae [data-x="ae-x1"] { margin-top: var(--gap-section); }
.ae [data-x="ae-x2"] { margin-top: var(--gap-section); }
.ae [data-x="ae-x3"] { margin-top: 6px; }