/* PASH AUTO / REFERENCE EDITION — original implementation inspired by editorial rhythm, not borrowed templates */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700;800&family=Fraunces:ital,opsz,wght,SOFT,WONK@1,9..144,500,0,0;1,9..144,600,0,0&display=swap');
:root{--paper:#f5f4ee;--paper2:#eaece7;--white:#fff;--ink:#10282e;--muted:#566b6a;--green:#5aa34b;--lime:#ace06b;--blue:#087fab;--line:#cdd7d0;--dark:#112c35}
html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;background:var(--paper)}
h1,h2,h3{font-family:'Instrument Sans',sans-serif;font-weight:700;letter-spacing:-.062em}h1{font-weight:760}h3{font-weight:700}
.hero{grid-template-columns:minmax(0,53%) minmax(0,47%)}.hero h1{font-size:clamp(49px,5.7vw,98px);letter-spacing:-.078em;line-height:.975;max-width:800px}.hero h1 .chapter-serif{display:block;margin:.045em 0 0;color:#448b4c;font:italic 540 .91em/1.05 'Fraunces',Georgia,serif;letter-spacing:-.052em}.hero h1 .hero-kicker{display:block;font-family:'IBM Plex Mono',monospace;font-size:.135em;letter-spacing:.11em;font-weight:600;color:var(--blue);line-height:1.4;margin:0 0 18px}.hero-copy .lead{max-width:520px}.hero-meta{padding-top:55px}.hero-photo .ribbon{background:#e9f5f1;color:var(--dark);font-size:10px}.hero-photo .imprint strong{font:700 clamp(27px,2.9vw,47px)/1.07 'Instrument Sans',sans-serif;letter-spacing:-.052em}.hero-photo{background:#0d292d}.brands{background:#edf2ed;border-color:#cfdcd3}.brands b{font-family:'Instrument Sans',sans-serif;font-weight:730;letter-spacing:-.06em}.brands b:nth-child(even){color:#2c7761}
.nav a{font-family:'DM Sans',sans-serif;letter-spacing:.008em}.logo{border-color:#e0e6de}.site-header{background:#f7f8f4}
.section{padding-block:clamp(85px,10vw,165px)}.sect-head h2{max-width:750px;font-weight:760}.service-card{min-height:250px;transition:background .22s,box-shadow .22s}.service-card:hover,.service-card:focus-visible{background:#f0f5ed;box-shadow:inset 5px 0 #5aa34b}.service-card .code{font-family:'IBM Plex Mono',monospace;color:#4b7b55}.service-card h3{font-size:clamp(24px,2vw,34px);letter-spacing:-.047em}.service-card:nth-child(4n+1){background:#e5ede4}.service-card:nth-child(4n+1):hover{background:#d9ead5}.service-card:hover .card-arch{color:var(--blue)}
.split .content{background:#102d35}.split .content h2{font-family:'Instrument Sans',sans-serif}.cta-band{background:#d1eaba}.cta-band h2{font-family:'Instrument Sans',sans-serif}
.footer{background:#0d252e}.footer h3{font:700 clamp(26px,3.2vw,47px)/1.15 'Instrument Sans',sans-serif}.footer-bottom{color:#a9c1c0}
#screen-loader{background:#112b32;color:#fff;gap:15px;justify-items:center}#screen-loader small{color:#a8d5cc;font-size:10px;letter-spacing:.18em}#screen-loader .signal{background:#36505a;width:260px;height:2px}#screen-loader .signal:before{background:#acd875}#screen-loader:before{content:'PASH AUTO';font:800 30px/1 'Instrument Sans',sans-serif;letter-spacing:-.06em;color:#f3f8f3;margin-bottom:8px}
@view-transition{navigation:auto}::view-transition-old(root){animation:fadeOut .18s both}::view-transition-new(root){animation:fadeIn .31s both}@keyframes fadeOut{to{opacity:0;filter:blur(2px)}}@keyframes fadeIn{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
.pash-casebook{background:#f9f9f5;padding-block:clamp(80px,10vw,160px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pash-case-head{display:grid;grid-template-columns:.36fr 1fr;gap:40px;align-items:start;border-top:3px solid var(--ink);padding-top:28px;margin-bottom:40px}.pash-case-head h2{margin:0;max-width:900px;font-size:clamp(43px,6vw,101px);font-weight:760;line-height:1.05}.pash-case-head h2 i{font:italic 550 1em 'Fraunces',Georgia,serif;letter-spacing:-.05em;color:#3f9256}.pash-case-eyebrow{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.13em;color:#315f58}.pash-case-summary{display:grid;grid-template-columns:1fr .85fr;gap:clamp(25px,5vw,85px);align-items:end;margin-bottom:46px}.pash-case-summary p{max-width:540px;color:#536a69;font-size:clamp(16px,1.4vw,20px);line-height:1.8}.pash-case-summary .mono{color:#4d726c}.pash-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}.pash-case-unit{padding:35px 30px 28px;min-height:300px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .25s}.pash-case-unit:first-child{padding-left:0}.pash-case-unit:last-child{border:0;padding-right:0}.pash-case-unit:hover{background:#eef4ea}.pash-case-unit .n{font:500 13px 'IBM Plex Mono',monospace;color:#3a7775}.pash-case-unit h3{margin:auto 0 17px;font-size:clamp(27px,2.8vw,43px);line-height:1.1}.pash-case-unit p{font-size:14px;color:#627474;line-height:1.8}.pash-case-unit a{font-size:12px;font-weight:750;align-self:start;border-bottom:1px solid var(--green);padding-bottom:5px}.pash-case-dash{height:4px;background:linear-gradient(to right,#3c8451 0% 68%,#048fba 68% 100%);margin-top:45px}
.pash-identity-band{background:#112d34;color:#fff;padding:clamp(70px,9vw,120px) var(--pad);display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end}.pash-identity-band h2{font-size:clamp(42px,6vw,87px);max-width:850px;font-weight:650}.pash-identity-band h2 i{font-family:'Fraunces',Georgia,serif;font-weight:550;color:#b9d98f}.pash-identity-band p{max-width:330px;color:#d2e5e0;line-height:1.8}.pash-identity-band a{display:inline-flex;color:#cceba9;font-weight:750;border-bottom:1px solid currentColor;padding-bottom:9px;margin-top:12px}.pash-identity-band .eyebrow{color:#cceba9}
.chapter-meter{position:fixed;left:0;top:0;right:0;height:3px;z-index:180;pointer-events:none}.chapter-meter>span{display:block;height:100%;width:var(--page-progress,0%);background:#168fa9;transition:width .06s linear}.pash-floating-index{position:fixed;right:17px;bottom:18px;z-index:60;font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#dfeee8;background:#132c34;padding:11px 14px;box-shadow:0 5px 20px #0b1d2220;pointer-events:none;opacity:0;transform:translateY(9px);transition:opacity .25s,transform .25s}.pash-floating-index.show{opacity:1;transform:none}.backtop{right:17px;bottom:70px}
@media(min-width:971px){.pash-floating-index{right:75px;bottom:26px}.backtop{right:22px;bottom:22px}}@media(max-width:970px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(47px,8vw,78px)}}@media(max-width:650px){.hero h1{font-size:clamp(45px,11vw,65px);line-height:1.025;margin:22px 0 25px}.hero h1 .hero-kicker{font-size:.175em}.hero h1 .chapter-serif{font-size:.97em}.hero-copy .lead{font-size:16px}.hero-meta{padding-top:25px}.pash-case-head,.pash-case-summary,.pash-case-grid,.pash-identity-band{grid-template-columns:1fr}.pash-case-head{gap:25px}.pash-case-head h2{font-size:clamp(38px,10.8vw,59px)}.pash-case-unit,.pash-case-unit:first-child,.pash-case-unit:last-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line);min-height:225px}.pash-case-unit h3{margin:40px 0 13px}.pash-case-summary{margin-bottom:10px}.pash-identity-band{gap:18px}.pash-identity-band h2{font-size:clamp(39px,10vw,64px)}.pash-floating-index{font-size:9px}.service-card:nth-child(4n+1){background:#e6eee4}.section{padding-block:72px}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}.pash-floating-index{transition:none}.reveal{opacity:1!important;transform:none!important}}
