/* GIN 2026 / Unified Work + Contact design system.
   This is intentionally loaded after legacy styles. Homepage remains untouched. */
:root{--gin-page:clamp(20px,4.5vw,82px);--gin-black:#0a0a0a;--gin-border:#d8d8d8;--gin-muted-text:#63666a}
body.gin-subpage{--ink:#080808;--paper:#fff;--muted:#64676b;color:#080808;background:#fff;font-family:Manrope,Arial,sans-serif}
body.gin-subpage .v18-head{height:70px;min-height:70px;padding-inline:var(--gin-page);position:sticky;top:0;z-index:999;background:#fff;color:#080808;border-bottom:1px solid #e2e2e2}
body.gin-subpage .v18-nav{top:70px;z-index:998}
body.gin-subpage .v18-head .v18-brand img{height:40px;max-width:114px;object-fit:contain;filter:none}
body.gin-subpage .v18-menu-button{font:800 11px Manrope,Arial,sans-serif;background:#fff;color:#080808}
body.gin-subpage .v18-foot{background:#080808;color:white}
body.gin-subpage .v18-footer-statement>span{font-family:Anton,Impact,sans-serif}
body.gin-subpage main{min-width:0}
/* One consistent, smaller page title system for ALL internal pages. */
body.gin-subpage .v18-intro{padding-top:clamp(48px,7vw,92px);padding-bottom:clamp(44px,5vw,75px)}
body.gin-subpage .v18-intro h1{font:800 clamp(38px,5.9vw,84px)/1.07 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:28px 0 22px;text-wrap:balance}
body.gin-subpage .v18-intro p{font:400 clamp(14px,1.24vw,16px)/1.8 Manrope,Arial,sans-serif;max-width:740px}
body.gin-subpage .gin-article-head h1{font-size:clamp(34px,4.2vw,62px)}
body.gin-subpage .blog-heading h1{font-size:clamp(34px,4.5vw,62px)!important}
body.gin-subpage .v18-micro{font-size:10px}
body.gin-subpage a:focus-visible,body.gin-subpage button:focus-visible{outline:3px solid #05a873;outline-offset:4px}
/* Work editorial pages: unifies legacy case CSS with the homepage rhythm. */
body.gin-subpage.case-page{font-size:14px;line-height:1.75;background:#fff;color:#111}
body.gin-subpage.case-page .case-main{padding:0 0 0!important;background:#fff!important;color:#111!important;isolation:auto}
body.gin-subpage.case-page .case-main .case-intro{
 max-width:1480px;margin:auto;padding:clamp(36px,5vw,66px) var(--gin-page) clamp(32px,4vw,58px)!important;
 background:#fff!important;color:#101010!important
}
body.gin-subpage.case-page .case-intro .case-back{display:inline-flex;align-items:center;padding:8px 0;color:#515151!important;font:750 11px/1.4 Manrope,Arial,sans-serif;letter-spacing:.04em;text-decoration:none}
body.gin-subpage.case-page .case-intro .case-back:hover{color:#088b66!important}
body.gin-subpage.case-page .case-intro .case-discipline{margin:38px 0 12px!important;font:800 10px/1.5 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#686868!important}
body.gin-subpage.case-page .case-intro h1{
 font:800 clamp(36px,5.35vw,76px)/1.09 Manrope,Arial,sans-serif!important;
 letter-spacing:-.061em!important;color:#090909!important;max-width:1160px;
 margin:12px 0 23px!important;text-wrap:balance;overflow-wrap:break-word
}
body.gin-subpage.case-page .case-intro .case-lead{font:500 clamp(16px,1.6vw,22px)/1.62 Manrope,Arial,sans-serif!important;color:#4f5052!important;max-width:840px;margin:0 0 26px!important}
body.gin-subpage.case-page .case-intro .case-facts{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid #d6d6d6;padding-top:17px;margin:0!important}
body.gin-subpage.case-page .case-intro .case-facts span{border:0;border-radius:0;background:transparent;padding:0 28px 0 0;margin-right:24px;border-right:1px solid #ddd;color:#555!important;font:750 10px/1.6 Manrope,Arial,sans-serif;letter-spacing:.045em}
body.gin-subpage.case-page .case-intro .case-facts span:last-child{border:0}
body.gin-subpage.case-page .case-visual{
 width:calc(100% - var(--gin-page)*2);max-width:1315px;margin:0 auto!important;
 background:#f1f1f1!important;border:0!important;border-radius:0!important;overflow:hidden;
}
body.gin-subpage.case-page .case-visual img{display:block;width:100%;height:auto;max-height:72svh;object-fit:contain;background:#f1f1f1!important}
body.gin-subpage.case-page .case-visual .project-letter{background:#f1f1f1!important;min-height:350px}
body.gin-subpage.case-page .case-visual figcaption{background:#fff;color:#767676!important;font:650 10px/1.7 Manrope,Arial,sans-serif;padding:14px 0!important;letter-spacing:.035em}
body.gin-subpage.case-page .case-main .case-reading{
 width:calc(100% - var(--gin-page)*2);max-width:1315px;
 padding:clamp(55px,7vw,110px) 0!important;margin:0 auto;
 background:#fff!important;color:#111!important
}
body.gin-subpage.case-page .case-reading .case-chapter{
 display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
 gap:clamp(26px,5vw,90px);padding:clamp(28px,3.5vw,56px) 0;
 border-top:1px solid #dedede!important;background:#fff!important;color:#111!important
}
body.gin-subpage.case-page .case-chapter h2{
 font:800 clamp(21px,2.5vw,34px)/1.24 Manrope,Arial,sans-serif!important;
 letter-spacing:-.04em!important;color:#111!important;margin:0!important;text-wrap:balance
}
body.gin-subpage.case-page .case-chapter p,
body.gin-subpage.case-page .case-chapter li{font:450 clamp(13px,1.08vw,15px)/1.86 Manrope,Arial,sans-serif!important;color:#51545a!important;max-width:750px}
body.gin-subpage.case-page .case-chapter ul{margin:0 0 24px;padding-left:18px}
body.gin-subpage.case-page .case-chapter a.case-link{font:800 11px Manrope,Arial,sans-serif;color:#0c0c0c!important;border-bottom:1px solid #000;padding:4px 0;text-decoration:none}
body.gin-subpage.case-page .case-chapter a.case-link:hover{color:#098a62!important;border-color:#098a62}
body.gin-subpage.case-page .case-next{display:block;padding:clamp(45px,7vw,110px) var(--gin-page)!important;background:#0a0a0a!important;color:#f9f9f9!important;border:0!important;text-decoration:none}
body.gin-subpage.case-page .case-next span{font:750 10px Manrope,Arial,sans-serif;letter-spacing:.12em;color:#bfc1bf!important}
body.gin-subpage.case-page .case-next strong{display:block;max-width:1200px;font:800 clamp(29px,4.7vw,65px)/1.16 Manrope,Arial,sans-serif!important;letter-spacing:-.055em;margin-top:22px;color:#fff!important}
body.gin-subpage.case-page .case-next:hover strong{color:#c3e9c5!important}
body.gin-subpage.case-page .gin-work-cta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding:28px var(--gin-page);max-width:1480px;margin:0 auto;color:#111;background:#fff}
body.gin-subpage.case-page .gin-work-cta>span{font:750 11px Manrope,Arial,sans-serif;letter-spacing:.05em}
body.gin-subpage.case-page .gin-work-cta>a{font:800 11px Manrope,Arial,sans-serif;border:1px solid #111;padding:15px 22px;color:#111;text-decoration:none}
body.gin-subpage.case-page .gin-work-cta>a:hover{background:#111;color:#fff}
/* Redesigned /contact/ — high-contrast editorial + practical inquiry paths. */
.gin-contact{background:#fff;color:#111}
.gin-contact .gin-contact-hero{background:#0a0a0a;color:#fff;padding:clamp(35px,6vw,92px) var(--gin-page) clamp(50px,7vw,115px)}
.gin-contact .gin-contact-hero-inner{max-width:1480px;margin:auto}
.gin-contact .gin-contact-micro{border-top:1px solid #575757;padding-top:15px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.12em}
.gin-contact .gin-contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(265px,.55fr);align-items:end;gap:clamp(20px,5vw,85px);padding-top:clamp(48px,7vw,115px)}
.gin-contact .gin-contact-hero h1{font:800 clamp(40px,6.2vw,88px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.075em;margin:0;text-wrap:balance}
.gin-contact .gin-contact-hero h1 em{font-style:normal;color:#bfe9cb}
.gin-contact .gin-contact-side{border-top:1px solid #575757;padding-top:20px}
.gin-contact .gin-contact-side p{font:500 clamp(15px,1.32vw,19px)/1.7 Manrope,Arial,sans-serif;color:#c9c9c9;margin:0 0 28px}
.gin-contact .gin-contact-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;max-width:100%;min-height:54px;padding:13px 18px;background:#bfe9cb;color:#101010;text-decoration:none;font:800 clamp(12px,1.1vw,15px) Manrope,Arial,sans-serif;overflow-wrap:anywhere}
.gin-contact .gin-contact-primary:hover{background:white}
.gin-contact .gin-contact-index{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:25px;align-items:start;margin-top:clamp(50px,6vw,90px);padding-top:19px;border-top:1px solid #575757}
.gin-contact .gin-contact-index span{font:800 10px Manrope,Arial,sans-serif;letter-spacing:.1em;color:#bdbdbd}
.gin-contact .gin-contact-index p{font:500 clamp(13px,1.3vw,17px)/1.7 Manrope,Arial,sans-serif;color:#dfdfdf;margin:0}
.gin-contact .gin-contact-work{max-width:1480px;margin:auto;padding:clamp(65px,8vw,125px) var(--gin-page)}
.gin-contact .gin-contact-overline{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #aaa;padding-top:15px;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.11em}
.gin-contact .gin-contact-work h2{font:800 clamp(30px,4.6vw,67px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.057em;margin:34px 0 18px;max-width:940px}
.gin-contact .gin-contact-work>p{max-width:720px;color:#606060;font:450 clamp(14px,1.2vw,16px)/1.8 Manrope,Arial,sans-serif}
.gin-contact .gin-contact-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:58px 0 0}
.gin-contact .gin-contact-service{display:grid;grid-template-columns:1fr 24px;gap:10px 15px;align-items:start;padding:26px 0 31px;border-top:1px solid #cfcfcf;text-decoration:none;color:#0c0c0c;transition:padding .2s}
.gin-contact .gin-contact-service strong{font:800 clamp(19px,2vw,29px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.gin-contact .gin-contact-service>span{font:800 22px Manrope,Arial,sans-serif;text-align:right}
.gin-contact .gin-contact-service p{grid-column:1/-1;color:#666;font:450 14px/1.7 Manrope,Arial,sans-serif;margin:0;max-width:480px}
.gin-contact .gin-contact-service:hover{padding-left:9px;color:#007e58}
.gin-contact .gin-contact-bottom{background:#e9eeeb;padding:clamp(50px,6vw,90px) var(--gin-page)}
.gin-contact .gin-contact-bottom-inner{max-width:1480px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(25px,7vw,115px)}
.gin-contact .gin-contact-bottom h2{font:800 clamp(29px,4vw,56px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.052em;margin:0}
.gin-contact .gin-contact-bottom .gin-contact-details{display:grid;gap:24px;align-content:start}
.gin-contact .gin-contact-detail{border-top:1px solid #bcc8c0;padding-top:13px}
.gin-contact .gin-contact-detail small{display:block;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.1em;color:#555;margin-bottom:10px}
.gin-contact .gin-contact-detail a{font:800 clamp(16px,1.8vw,25px)/1.5 Manrope,Arial,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere;text-decoration:none;color:#111}
.gin-contact .gin-contact-detail a:hover{color:#008965}
.gin-contact .gin-contact-copy{border:1px solid #111;background:transparent;padding:9px 15px;cursor:pointer;font:750 11px Manrope,Arial,sans-serif;margin:12px 0 0}
.gin-contact .gin-contact-copy:hover{background:#111;color:#fff}
.gin-contact .gin-contact-note{font:500 12px/1.7 Manrope,Arial,sans-serif;color:#5c5c5c}
@media(max-width:900px){
 .gin-contact .gin-contact-hero-grid{grid-template-columns:1fr;align-items:start}
 .gin-contact .gin-contact-side{max-width:630px}
 .gin-contact .gin-contact-bottom-inner{grid-template-columns:1fr}
}
@media(max-width:700px){
 :root{--gin-page:20px}
 body.gin-subpage .v18-head{height:64px;min-height:64px}
 body.gin-subpage .v18-nav{top:64px}
 body.gin-subpage .v18-intro h1{font-size:clamp(33px,8vw,52px)}
 body.gin-subpage.case-page .case-intro .case-discipline{margin-top:25px!important}
 body.gin-subpage.case-page .case-intro h1{font-size:clamp(30px,7.8vw,49px)!important;letter-spacing:-.047em!important}
 body.gin-subpage.case-page .case-intro .case-lead{font-size:15px!important}
 body.gin-subpage.case-page .case-main .case-reading{padding:45px 0!important}
 body.gin-subpage.case-page .case-reading .case-chapter{grid-template-columns:1fr;gap:16px}
 body.gin-subpage.case-page .case-chapter h2{font-size:23px!important}
 body.gin-subpage.case-page .case-visual img{max-height:65svh}
 body.gin-subpage.case-page .case-intro .case-facts span{border:0;margin-bottom:8px}
 .gin-contact .gin-contact-hero h1{font-size:clamp(39px,10vw,66px)}
 .gin-contact .gin-contact-index{grid-template-columns:1fr;gap:10px}
 .gin-contact .gin-contact-services{grid-template-columns:1fr;margin-top:36px}
 .gin-contact .gin-contact-work h2{font-size:clamp(30px,7.4vw,46px)}
 .gin-contact .gin-contact-bottom h2{font-size:clamp(29px,7vw,42px)}
 .gin-contact .gin-contact-primary{width:100%}
 .gin-contact .gin-contact-service{padding:22px 0 26px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gin-contact .gin-contact-service{transition:none}}