.about-page{background:#f2eee6;color:#111}.about-hero{background:#050505;color:#fff;padding:calc(var(--header-h) + 105px) 0 120px;overflow:hidden}.about-hero__grid{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(60px,9vw,145px);align-items:end}.about-hero h1{font-size:clamp(4rem,7.3vw,7.7rem);line-height:.89;letter-spacing:-.06em;margin:16px 0 34px}.about-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--bronze)}.about-hero__grid>div:first-child>p:not(.jm-eyebrow){max-width:660px;color:rgba(255,255,255,.6);font-size:clamp(1rem,1.25vw,1.18rem);margin-bottom:32px}.about-years{display:flex;align-items:flex-end;gap:22px;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:24px}.about-years strong{font-size:clamp(8rem,15vw,15rem);line-height:.67;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px var(--bronze)}.about-years span{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--bronze);padding-bottom:4px}
.about-intro{background:#fff;padding:clamp(110px,14vw,185px) 0}.about-intro__grid{display:grid;grid-template-columns:.32fr 1.08fr .72fr;gap:clamp(35px,5vw,80px);align-items:end}.about-intro h2,.about-intro p{margin:0}.about-intro__grid>p:last-child{color:var(--muted);font-size:17px}
.about-experience{background:#d2aa82;padding:clamp(105px,13vw,175px) 0}.about-experience__head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(70px,10vw,150px);align-items:end;margin-bottom:80px}.about-experience__head h2,.about-experience__head>p{margin:0}.about-experience__head>p{color:rgba(0,0,0,.62);font-size:17px}.about-experience__rows{border-top:1px solid rgba(0,0,0,.3)}.about-experience__rows article{display:grid;grid-template-columns:70px .85fr 1.15fr;gap:30px;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.3);align-items:start}.about-experience__rows article>span{font-size:10px;letter-spacing:.14em}.about-experience__rows h3{font-size:clamp(1.35rem,2.2vw,1.9rem);margin:0}.about-experience__rows p{margin:0;color:rgba(0,0,0,.62)}
.about-work{background:#e9e3d9;padding:clamp(105px,13vw,175px) 0}.about-work__head{display:grid;grid-template-columns:.34fr 1.66fr;gap:50px;margin-bottom:75px}.about-work__head h2{margin:0}.about-work__carousel{max-width:920px;margin:0 auto}.about-work__viewport{overflow:hidden;touch-action:pan-y}.about-work__track{display:flex;align-items:flex-start;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}.about-work__track>.about-photo{flex:0 0 100%;min-width:0;padding:0 clamp(5px,4vw,48px)}.about-photo{margin:0}.about-photo>button{display:block;width:100%;padding:10px;border:0;background:#fff;appearance:none;cursor:zoom-in}.about-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:780px;margin:0 auto;transition:transform .7s cubic-bezier(.22,1,.36,1)}.about-photo>button:hover img{transform:scale(1.012)}.about-photo figcaption{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#6e665d;margin:10px auto 0;max-width:720px}.about-work__controls{display:flex;justify-content:space-between;align-items:center;max-width:820px;margin:30px auto 0;padding-top:18px;border-top:1px solid var(--line)}.about-work__count{display:flex;align-items:baseline;gap:8px;font-size:12px;letter-spacing:.12em}.about-work__count b{font-size:1.35rem}.about-work__count i{font-style:normal;color:#8a837a}.about-work__controls>div{display:flex}.about-work__controls button{width:54px;height:54px;border:1px solid #171715;background:transparent;color:#171715;display:grid;place-items:center;padding:0;appearance:none;cursor:pointer;transition:background .2s,color .2s,opacity .2s}.about-work__controls button+button{border-left:0}.about-work__controls button:hover:not(:disabled){background:#171715;color:#fff}.about-work__controls button:disabled{opacity:.28;cursor:not-allowed}.about-work__controls svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.about-work__link{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:65px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700;text-decoration:none}.about-work__link span{font-size:24px}
.about-projects{background:#181816;color:#fff;padding:clamp(110px,14vw,190px) 0}.about-projects__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,10vw,150px);align-items:end}.about-projects__grid>*{min-width:0}.about-projects h2{margin-bottom:25px}.about-projects__grid>div:first-child>p:last-child{color:rgba(255,255,255,.56);max-width:620px}.about-projects__names{border-top:1px solid rgba(255,255,255,.2)}.about-projects__names span{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:clamp(1.35rem,2.3vw,1.95rem);letter-spacing:-.02em}
.about-method{background:#fff;padding:clamp(110px,14vw,185px) 0}.about-method__head{display:grid;grid-template-columns:.34fr 1.66fr;gap:50px;margin-bottom:75px}.about-method__head h2{margin:0}.about-method ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.about-method li{min-height:300px;padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.about-method li>span{font-size:10px;color:#916541;margin-bottom:auto}.about-method h3{font-size:1.35rem;margin:55px 0 8px}.about-method p{margin:0;color:var(--muted)}
.about-contact{background:#dcd5c9;padding:clamp(105px,13vw,175px) 0}.about-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,10vw,150px);align-items:end}.about-contact h2{margin:0}.about-contact__grid>div:last-child>p{color:#625b52;font-size:17px;margin-bottom:32px}.about-contact__actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.about-contact__actions>a:last-child{font-weight:700;text-decoration:none;border-bottom:1px solid #111;padding:9px 0}.about-contact__actions>a:last-child span{margin-left:12px}
.about-final{background:#000;color:#fff;padding:clamp(110px,14vw,190px) 0}.about-final>.jm-container{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.about-final h2{margin:0}.about-final .jm-button{justify-self:end}
@media(max-width:980px){.about-hero__grid,.about-intro__grid,.about-experience__head,.about-projects__grid,.about-contact__grid,.about-final>.jm-container{grid-template-columns:1fr}.about-hero__grid{gap:80px}.about-years{max-width:570px}.about-intro__grid,.about-experience__head{gap:26px}.about-experience__rows article{grid-template-columns:50px 1fr}.about-experience__rows p{grid-column:2}.about-method ol{grid-template-columns:1fr 1fr}.about-final .jm-button{justify-self:start}}
@media(max-width:680px){.about-hero{padding:calc(var(--header-h) + 60px) 0 88px}.about-hero h1{font-size:clamp(3.25rem,15.5vw,4.55rem)}.about-hero__grid{gap:68px}.about-years strong{font-size:9.6rem}.about-intro,.about-experience,.about-work,.about-projects,.about-method,.about-contact{padding:88px 0}.about-experience__head,.about-work__head,.about-method__head{grid-template-columns:1fr;gap:22px;margin-bottom:48px}.about-experience__rows article{grid-template-columns:42px 1fr;gap:14px}.about-work__gallery{grid-template-columns:1fr}.about-work__gallery>div{margin-top:28px}.about-work__gallery>.about-photo--offset{grid-column:auto;width:84%;margin:28px 0 0 auto}.about-work__link{margin-top:48px}.about-projects__grid,.about-contact__grid{gap:48px}.about-method ol{grid-template-columns:1fr}.about-method li{min-height:230px}.about-contact__actions{align-items:stretch;flex-direction:column}.about-contact__actions .jm-button{width:100%}.about-final{padding:90px 0}.about-final .jm-button{width:100%;justify-self:stretch}}
@media(prefers-reduced-motion:reduce){.about-photo img{transition:none!important}}
