/* A single story: people, considered design, experience, then the choice of space. */
body[data-route='/'] #crew{display:block;max-width:1240px;margin-inline:auto;padding-block:clamp(68px,8vw,116px);text-align:center}
body[data-route='/'] #crew .crew-heading{margin:0 auto 38px;max-width:760px}
body[data-route='/'] #crew .crew-image{width:100%;max-width:1020px;margin:0 auto;overflow:visible;border:0;background:none;box-shadow:none}
body[data-route='/'] #crew .crew-image img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;object-position:50% 56%;border-radius:26px}
body[data-route='/'] #crew .crew-image::before,body[data-route='/'] #crew .crew-image::after{bottom:62px;border-radius:26px}
body[data-route='/'] #crew figcaption{width:max-content;max-width:calc(100% - 32px);margin:-26px auto 0;padding:20px 42px;left:auto;right:auto;bottom:auto;border-radius:26px;background:var(--ek-glass-light),rgba(25,31,24,.25);backdrop-filter:var(--ek-glass-optics);-webkit-backdrop-filter:var(--ek-glass-optics);border:1px solid var(--ek-glass-edge);box-shadow:var(--ek-glass-shadow)}
body[data-route='/'] #crew figcaption .handwritten{font-size:clamp(29px,3.1vw,43px);line-height:1.2}
body[data-route='/'] #crew .crew-caption{margin-top:10px;letter-spacing:.09em}
body[data-route='/'] #crew .crew-copy[hidden]{display:none}
.home-designer{max-width:1200px;margin-inline:auto;padding-top:20px;padding-bottom:90px;gap:7%;grid-template-columns:1fr 1fr}
.home-designer figure{width:100%;max-width:540px;margin-inline:auto}
.home-designer figure img{width:100%;aspect-ratio:1.03;object-position:52% 50%}
.home-designer .editorial-title .title-main{font-size:clamp(44px,4.6vw,70px)}
.home-designer .editorial-title .title-note{font-size:clamp(39px,4.4vw,65px)}
.home-designer p{max-width:340px;margin:28px auto 20px;font-size:17px;line-height:1.65}
.home-designer figure .handwritten{left:0;bottom:27px;width:100%;max-width:none;text-align:center;font-size:clamp(31px,3.2vw,43px);text-shadow:0 2px 12px #151810}
body[data-route='/'] .proof{max-width:1120px;margin-inline:auto;padding-block:44px;grid-template-columns:1.3fr 1fr 1fr}
body[data-route='/'] .proof .number{font-size:clamp(92px,10vw,136px)}
body[data-route='/'] .proof .small-number{font-size:clamp(31px,3.1vw,45px);text-wrap:balance}
body[data-route='/'] .home-choice-section{max-width:1240px;padding-top:clamp(65px,8vw,115px);padding-bottom:65px}
.home-choice-section .intro-text{max-width:440px;margin:22px auto 0;font-size:17px}
body[data-route='/'] .home-services.service-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,3.1vw,42px);max-width:920px;margin:38px auto 0;padding:0;overflow:visible}
.home-services .service-choice{display:flex;flex-direction:column;align-items:center;gap:15px;min-width:0;min-height:44px;padding:8px 0;border:0;text-decoration:none}
.service-choice-name{font:16px/1.4 Inter,Arial,sans-serif;white-space:nowrap;color:var(--chalk)}
.service-choice-photo{position:relative;display:block;width:100%;max-width:152px;aspect-ratio:1;border-radius:26px;border:1px solid rgba(244,232,192,.32);box-shadow:0 10px 28px #0003,inset 0 1px #fff5;isolation:isolate;transition:box-shadow 180ms ease,border-color 180ms ease,transform 160ms ease}
.service-choice-photo>.editorial-photo,.service-choice-photo>.extension-frame{width:100%;height:100%;aspect-ratio:1;border-radius:25px;border:0;box-shadow:none;overflow:hidden}
.service-choice-photo .editorial-photo img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.service-choice-photo .photo-notes{display:none}
.service-choice-photo .extension-artwork{width:100%;height:100%;object-fit:cover}
.service-choice-photo .extension-photo{opacity:1}
.service-choice-photo .extension-drawing{display:none}
.service-choice-arrow{position:absolute;right:-7px;bottom:-7px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ek-glass-light),rgba(35,42,31,.36);border:1px solid var(--ek-glass-edge);box-shadow:var(--ek-glass-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--chalk);font-size:16px;pointer-events:none}
.home-projects{padding-top:40px;text-align:center}
.home-projects>.text-link{margin:20px auto 0}
@media(hover:hover) and (pointer:fine){.service-choice:hover .service-choice-photo{border-color:#eee1b3;box-shadow:0 10px 28px #0003,0 0 25px #ecdaaa24;transform:translateY(-2px)}.service-choice:hover .service-choice-name{color:#fffaf0}}
.service-choice:active .service-choice-photo{transform:scale(.98)}
@media(min-width:1100px){body[data-route='/'] .home-projects .project-track{grid-auto-columns:calc((100% - 72px)/4)}body[data-route='/'] .home-projects .card-bottom h3{font-size:clamp(24px,2.2vw,33px)}}
@media(max-width:760px){
 body[data-route='/'] #crew{padding-block:60px}
 body[data-route='/'] #crew .crew-heading{margin-bottom:28px}
 body[data-route='/'] #crew .crew-image img{aspect-ratio:1.06;object-position:54% 50%;border-radius:22px}
 body[data-route='/'] #crew figcaption{max-width:calc(100% - 14px);padding:19px 17px;margin-top:-18px;border-radius:23px}
 body[data-route='/'] #crew figcaption .handwritten{font-size:30px}
 :root body[data-route='/'] #crew .crew-caption{font-size:11px;letter-spacing:.05em}
 .home-designer{padding-top:14px;padding-bottom:54px;gap:28px}
 .home-designer figure{max-width:480px}
 .home-designer figure img{aspect-ratio:1.08}
 .home-designer p{font-size:16px;margin-block:20px 14px}
 .home-designer .editorial-title .title-main{font-size:44px}
 .home-designer .editorial-title .title-note{font-size:39px}
 body[data-route='/'] .proof{grid-template-columns:1fr 1fr;gap:25px 18px;padding-block:34px;margin-inline:var(--gutter)}
 body[data-route='/'] .proof .number{font-size:98px}
 body[data-route='/'] .proof .small-number{font-size:31px}
 body[data-route='/'] .home-choice-section{padding-top:60px;padding-bottom:34px}
 body[data-route='/'] .home-services.service-choices{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:20px;max-width:330px;margin-top:25px}
 .home-services .service-choice{gap:12px}
 .service-choice-photo{max-width:116px;border-radius:23px}
 .service-choice-photo>.editorial-photo,.service-choice-photo>.extension-frame{border-radius:22px}
 .service-choice-name{font-size:15px}
 .service-choice:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 30px)/2)}
 .home-projects{padding-top:34px}
}
@media(prefers-reduced-motion:reduce){.service-choice-photo{transition:none}.service-choice:hover .service-choice-photo,.service-choice:active .service-choice-photo{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body[data-route='/'] #crew figcaption,.service-choice-arrow{background:#252c21;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#d6c99f}}
