/* About: numbered editorial layout, scoped to this page. */
.massami-about{max-width:1380px;padding:66px 50px 92px;margin:0 auto;color:#e7e7e4}
.massami-about *{box-sizing:border-box}
.massami-about :is(h1,h2,p,ol,figure,blockquote){margin:0}
.massami-about :is(h1,h2){color:#f0f0ed;letter-spacing:-.04em}
.massami-about-intro{display:grid;grid-template-columns:34% 1fr;gap:46px;padding-bottom:52px}
.massami-heading-rule{display:block;width:37px;height:2px;background:#deded9;margin-bottom:20px}
.massami-about-intro h1{font-size:clamp(72px,8.3vw,120px);font-weight:600;line-height:1.02}
.massami-about-bio{max-width:780px;padding-top:11px;font-size:18px;line-height:1.65;letter-spacing:-.012em}
.massami-about-bio p+p{margin-top:22px}
.massami-service-list{list-style:none;padding:0!important;margin:0!important}
.massami-service-row{display:grid;grid-template-columns:80px minmax(0,1fr) 41.5%;gap:28px;align-items:center;padding:13px 0;border-top:1px solid #333;min-height:160px}
.massami-service-row:last-child{border-bottom:1px solid #333}
.massami-service-number{font-size:45px;line-height:1.25;font-weight:200;letter-spacing:-.06em;border-right:1px solid #303030;color:#bdbdb8;padding:0 22px 0 0}
.massami-service-row h2{font-size:clamp(21px,2vw,28px);line-height:1.35;letter-spacing:-.025em;font-weight:400;padding:0 8px}
.massami-about .massami-service-example{aspect-ratio:3/1;width:100%;height:auto;min-height:132px;max-height:180px;background:#181818}
.massami-about .massami-service-example img{object-fit:cover}
.massami-about .massami-example-2 img,.massami-about .massami-example-4 img{object-fit:contain}
.massami-example-open{position:absolute;right:12px;bottom:9px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(16,16,16,.78);color:#fff;font-size:19px;opacity:0;transition:opacity .2s}
.massami-service-example:hover .massami-example-open,.massami-service-example:focus-visible .massami-example-open{opacity:1}
.massami-service-lettering{aspect-ratio:3/1;min-height:132px;max-height:180px;display:flex;align-items:center;justify-content:center;background:#151515;overflow:hidden}
.massami-service-lettering span{font-size:80px;font-weight:500;line-height:1;letter-spacing:.16em;padding-left:.16em;color:#41413e}
.massami-testimonials{display:grid;grid-template-columns:24% minmax(0,1fr);gap:35px;padding:44px 0;border-bottom:1px solid #333}
.massami-testimonials .massami-section-heading{padding-top:10px}
.massami-testimonials h2{font-size:34px;line-height:1.1;font-weight:600}
.massami-testimonial-grid{display:grid;grid-template-columns:1fr 1fr}
.massami-testimonial{padding:0 28px}
.massami-testimonial:first-child{padding-left:0}
.massami-testimonial+.massami-testimonial{border-left:1px solid #333;padding-right:0}
.massami-quote-mark{display:block;font-size:72px;height:46px;line-height:1;color:#64645f;font-family:Georgia,serif}
.massami-about .massami-testimonial blockquote{border:0;padding:0;font-size:15px;line-height:1.65;color:#d5d5d0;letter-spacing:-.005em}
.massami-testimonial figcaption{display:flex;gap:12px;align-items:center;margin-top:23px;line-height:1.5}
.massami-testimonial figcaption>span{display:flex;flex-direction:column}
.massami-testimonial strong{font-size:14px;color:#eee;font-weight:500}
.massami-testimonial figcaption span span{font-size:12px;color:#969690}
.massami-about .massami-client-logo{width:34px;height:34px;object-fit:contain;background:#eee}
.massami-about-contact{display:grid;grid-template-columns:34% minmax(0,1fr);gap:46px;padding-top:48px;scroll-margin-top:24px}
.massami-about-contact h2{font-size:clamp(56px,6.4vw,88px);font-weight:600;line-height:1.05}
.massami-about-contact .massami-section-heading p{margin-top:25px;max-width:280px;color:#b6b6af;font-size:16px;line-height:1.6}
.massami-contact-panel{padding-top:7px}
.massami-contact-form{position:relative;display:grid;gap:19px}
.massami-form-top{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.massami-contact-form label{font-size:12px;line-height:1.6;color:#bebeb6;display:block}
.massami-contact-form :is(input:not([type=hidden]),textarea){display:block;margin:7px 0 0;width:100%;max-width:100%;border:1px solid #54544f;border-radius:0;background:transparent;color:#eee;padding:11px 13px;font:inherit;font-size:15px;line-height:1.5;box-shadow:none}
.massami-contact-form input:not([type=hidden]){height:45px}
.massami-contact-form textarea{resize:vertical;min-height:140px}
.massami-contact-form :is(input,textarea):focus{border-color:#e2e2dc;outline:1px solid #e2e2dc;outline-offset:0}
.massami-contact-form button{border:1px solid #eee;border-radius:0;justify-self:start;background:#efefed;color:#111;padding:10px 21px;min-width:150px;font-size:14px;line-height:1.5;display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer}
.massami-contact-form button:hover{background:#cfcfc7;border-color:#cfcfc7}
.massami-form-notice{border:1px solid #7e8c78;padding:14px 17px!important;margin-bottom:20px!important;font-size:14px}
.massami-form-error{border-color:#b78e7e}
.massami-form-notice ul{margin:0;padding-left:18px}
.massami-contact-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(min-width:1600px){.massami-about{padding-top:80px}}
@media(max-width:1000px){.massami-about{padding:48px 30px 70px}.massami-about-intro,.massami-about-contact{grid-template-columns:30% 1fr;gap:30px}.massami-about-bio{font-size:16px}.massami-service-row{grid-template-columns:58px minmax(0,1fr) 40%;gap:16px;min-height:136px}.massami-service-number{font-size:36px;padding-right:16px}.massami-about .massami-service-example,.massami-service-lettering{min-height:112px}.massami-service-lettering span{font-size:64px}.massami-testimonials{grid-template-columns:1fr;gap:28px}.massami-testimonials .massami-heading-rule{margin-bottom:14px}.massami-about-contact h2{font-size:62px}}
@media(max-width:640px){.massami-about{padding:38px 20px 55px}.massami-about-intro{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.massami-about-intro h1{font-size:76px}.massami-heading-rule{width:30px;margin-bottom:16px}.massami-about-bio{padding-top:0;font-size:16px}.massami-about-bio p+p{margin-top:18px}.massami-service-row{grid-template-columns:46px minmax(0,1fr);gap:16px;padding:20px 0;min-height:0}.massami-service-number{font-size:31px;padding-right:13px}.massami-service-row h2{font-size:21px;padding:0}.massami-about .massami-service-example,.massami-service-lettering{grid-column:1/-1;min-height:135px;max-height:none;aspect-ratio:2.6/1}.massami-service-lettering{min-height:86px;aspect-ratio:auto}.massami-service-lettering span{font-size:48px}.massami-example-open{opacity:1}.massami-testimonials{padding:32px 0;gap:25px}.massami-testimonials h2{font-size:30px}.massami-testimonial-grid{grid-template-columns:1fr;gap:29px}.massami-testimonial{padding:0}.massami-testimonial+.massami-testimonial{border-left:0;border-top:1px solid #333;padding:25px 0 0}.massami-about-contact{grid-template-columns:1fr;gap:26px;padding-top:34px}.massami-about-contact h2{font-size:64px}.massami-about-contact .massami-section-heading p{margin-top:16px;max-width:none}.massami-form-top{grid-template-columns:1fr;gap:19px}.massami-contact-form button{min-width:155px}}
@media(prefers-reduced-motion:reduce){.massami-example-open{transition:none}}