/* The original green reader, with the offer and next step before the founders. */
#glass-page[data-page=about] #page-scroll{padding-top:32px;}
#glass-page[data-page=about] #page-label{font-size:13px;letter-spacing:.05em;}
#glass-page[data-page=about] #close-page{font-size:12px;}
.about-story{max-width:790px;margin:auto;}
#page-scroll .about-story p{font-size:17px;line-height:1.6;margin:0 0 18px;}
.about-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;}
#page-scroll .about-opening #page-title{font-size:clamp(48px,6vw,70px);margin:0;min-width:0;}
.about-intro-grid{display:grid;grid-template-columns:1fr 1.14fr;gap:32px;align-items:start;}
#page-scroll .about-story p.about-headline{font-size:clamp(35px,4vw,46px);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:0;}
.about-headline em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;}
#page-scroll .about-introduction p:last-child{margin-bottom:0;}
#glass-page[data-page=about] .about-primary{display:inline-flex;justify-content:center;width:auto;max-width:100%;min-height:50px;padding:15px 22px;margin-top:26px;border-radius:12px;border:1px solid var(--ink);background:var(--ink);color:#f7f6e9;font-size:17px;line-height:1.3;text-align:center;}
#glass-page[data-page=about] .about-primary:hover{background:#0b5033;color:#fff;}
#page-scroll .about-story section{margin-top:48px;padding-top:26px;border-top:1px solid #043b2440;}
#page-scroll .about-story h2{font-size:clamp(29px,3.4vw,39px);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:0 0 28px;}
#page-scroll .about-story h3{font-family:Helvetica,Arial,sans-serif;font-weight:500;letter-spacing:-.025em;line-height:1.2;}
.about-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
#glass-page[data-page=about] .about-service{display:flex;flex-direction:column;align-items:start;padding:23px 24px;border:1px solid #043b245c;border-radius:14px;background:#ffffff10;color:var(--ink);min-width:0;}
#glass-page[data-page=about] .about-service:hover{background:#ffffff30;border-color:var(--ink);}
#page-scroll .about-service h3{font-size:28px;margin:0 0 16px;}
#page-scroll .about-service p{font-size:16px;line-height:1.55;margin:0 0 22px;}
.about-project-link{display:block;font-size:16px;line-height:1.45;text-decoration:underline;text-underline-offset:4px;margin-top:auto;}
.about-project-credit{display:block;font-size:15px;line-height:1.5;margin-top:10px;}
#glass-page[data-page=about] .about-text-link{display:inline-block;min-height:44px;padding:12px 0;margin-top:12px;border:0;border-radius:0;background:none;font-size:16px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;}
#glass-page[data-page=about] .about-text-link:hover{background:none;text-decoration-thickness:2px;}
.about-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
#page-scroll .about-process h3{font-size:22px;margin:0 0 14px;}
#page-scroll .about-process p{font-size:16px;line-height:1.6;margin:0;}
.about-people-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:32px;align-items:start;}
.about-photo{min-width:0;margin:0;}
.about-photo img{display:block;width:100%;height:auto;border:1px solid #043b242e;}
.about-photo figcaption{margin-top:12px;font:15px/1.5 Helvetica,Arial,sans-serif;}
#page-scroll .about-people-copy h3{font-size:29px;margin:0 0 20px;}
.about-invitation{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;}
#page-scroll .about-invitation h2{font-size:clamp(33px,4vw,44px);line-height:1.04;}
#page-scroll .about-invitation p{margin-bottom:0;}
.about-after-hours{margin-top:20px;}
@media(max-width:760px){
 .about-intro-grid{grid-template-columns:1fr;gap:24px;}
 #page-scroll .about-story p.about-headline{font-size:43px;}
 .about-introduction{max-width:620px;}
 .about-services{gap:14px;}
 #glass-page[data-page=about] .about-service{padding:21px;}
 .about-people-grid{gap:24px;}
 .about-process{grid-template-columns:1fr;gap:25px;}
 .about-invitation{gap:26px;}
}
@media(max-width:620px){
 #glass-page[data-page=about] #page-scroll{padding:25px 23px 34px;}
 .about-heading{gap:12px;margin-bottom:24px;}
 #page-scroll .about-opening #page-title{font-size:48px;}
 #page-scroll .about-story p.about-headline{font-size:36px;}
 #page-scroll .about-story p{font-size:16px;}
 #page-scroll .about-story section{margin-top:38px;padding-top:24px;}
 #page-scroll .about-story h2{font-size:31px;margin-bottom:24px;}
 .about-services{grid-template-columns:1fr;gap:16px;}
 #page-scroll .about-service h3{font-size:27px;}
 #glass-page[data-page=about] .about-primary{width:100%;font-size:16px;padding:15px 17px;}
 .about-people-grid{grid-template-columns:1fr;gap:26px;}
 .about-people-copy{grid-row:1;}
 .about-on-set{max-width:360px;}
 .about-invitation{grid-template-columns:1fr;gap:32px;}
 .about-after-hours{width:88%;max-width:340px;margin:0 0 0 auto;}
}