/* Home's work sequence uses the original artist template's type and neutral palette. */
.work-overview{background:#f5f4ef;color:#232323}
.overview-width{width:calc(100% - 120px);max-width:1280px;margin:0 auto}
.work-overview a{color:inherit}
.work-overview a:focus-visible{outline:3px solid #087d74;outline-offset:5px}
.overview-kicker{font-size:11px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px}
.current-feature{padding:82px 0 88px}
.current-feature:first-child{padding-top:150px}
.current-feature--book{background:#fff}
.current-feature-title{font-size:clamp(34px,4.5vw,64px);font-weight:600;line-height:1.12;letter-spacing:-.035em;margin:0 0 32px}
.current-feature-title a:hover,.overview-section-title a:hover,.design-work-item h3 a:hover{color:#087d74}
.current-feature-image{display:block;width:100%}
.current-feature-image img{display:block;width:100%;height:auto}
.current-feature--wordmark .current-feature-image{background:#080808}
.current-feature--book .current-feature-image{background:#f0efeb;padding:44px 24px}
.current-feature--book .current-feature-image img{width:auto;height:auto;max-width:100%;max-height:630px;margin:0 auto}
.current-feature-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-top:24px}
.current-feature-caption p{max-width:58ch;font-size:17px;line-height:1.7;margin:0}
.overview-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;text-decoration:none;flex-shrink:0}
.overview-link:hover{color:#087d74}
.work-directory{padding:85px 0 95px;background:#1c1c1c;color:#f5f4ef}
.overview-section-title{font-size:clamp(28px,3.3vw,44px);line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:0 0 38px}
.directory-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.directory-group h3{font-size:19px;line-height:1.4;font-weight:600;margin:0 0 20px}
.directory-group ul{margin:0;padding:0;list-style:none}
.directory-group li{border-top:1px solid #454545;padding:4px 0 9px;line-height:1.5}
.directory-project{display:flex;align-items:center;min-height:44px;font-size:14px}
.directory-source{display:inline-block;font-size:11px;line-height:1.6;color:#bfc2bf!important;text-decoration:underline;text-underline-offset:3px;padding:0 0 7px}
.work-directory a:hover{color:#91d8d0!important}
.overview-design{padding:85px 0 95px;background:#fff}
.design-work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.design-work-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.8;margin-bottom:24px;background:#f5f4ef;padding:18px}
.design-work-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.design-work-item h3{font-size:24px;font-weight:600;line-height:1.3;margin:0 0 12px}
.design-work-item p{font-size:14px;line-height:1.7;max-width:36ch;margin:0 0 12px}
.overview-history{padding:90px 0 100px}
.overview-history .overview-section-title{margin-bottom:24px}
.overview-history-copy{max-width:62ch;font-size:18px;line-height:1.7;margin-bottom:28px}
.overview-history-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:28px}
.overview-history-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:13px}
.overview-directory-intro{padding:150px 0 60px}
.overview-directory-intro .overview-section-title{margin-bottom:16px}
.work-overview section[id],.work-overview [id]{scroll-margin-top:95px}
@media (max-width:1100px){
 .overview-width{width:calc(100% - 70px)}
 .directory-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 50px}
 .current-feature-caption{flex-direction:column;gap:10px}
 .design-work-list{gap:28px}
}
@media (max-width:767px){
 .overview-width{width:calc(100% - 40px)}
 .current-feature{padding:48px 0 56px}
 .current-feature:first-child,.overview-directory-intro{padding-top:118px}
 .current-feature-title{font-size:34px;margin-bottom:24px}
 .current-feature--book .current-feature-image{padding:30px 22px}
 .current-feature--book .current-feature-image img{max-height:500px}
 .current-feature-caption{margin-top:20px}
 .current-feature-caption p{font-size:16px}
 .work-directory,.overview-design,.overview-history{padding:55px 0 62px}
 .directory-columns{grid-template-columns:1fr;gap:28px}
 .directory-group h3{margin-bottom:12px}
 .design-work-list{grid-template-columns:1fr;gap:44px}
 .design-work-image{aspect-ratio:1.8;padding:18px;max-width:480px}
 .design-work-item p{max-width:50ch}
 .overview-history-copy{font-size:16px}
 .overview-history-links{gap:4px 24px}
}

/* Preferred opening restored from Steven's supplied reference, inside the current site shell. */
.studio-opening{background:#0b0b0b;color:#d5d5d5;padding:150px 0 80px;min-height:760px;display:flex;align-items:center;border-bottom:1px solid #373737}
.studio-opening-layout{display:grid;grid-template-columns:42fr 58fr;grid-template-rows:auto auto;column-gap:48px;align-items:center}
.studio-opening-heading{grid-column:1;grid-row:1;align-self:end}
.studio-opening-eyebrow{font-size:11px;font-weight:500;line-height:1.6;letter-spacing:2px;text-transform:uppercase;color:#a6a6a6;margin:0 0 28px}
.studio-opening h1{font-size:clamp(52px,5.2vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.055em;color:#fff;margin:0}
.studio-opening-art{grid-column:2;grid-row:1/3;margin:0;min-width:0}
.studio-opening-art a{display:block}
.studio-opening-art img{display:block;width:100%;height:auto}
.studio-opening-art figcaption{font-size:12px;line-height:1.6;color:#aaa;margin-top:16px;letter-spacing:.2px}
.studio-opening-intro{grid-column:1;grid-row:2;align-self:start;padding-top:32px;max-width:540px}
.studio-opening-intro p{font-size:18px;line-height:1.65;margin:0 0 24px}
.studio-opening-link{display:inline-flex;align-items:center;gap:28px;min-height:44px;padding:10px 0;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;color:#fff!important;border-bottom:1px solid #6c6c6c}
.studio-opening-link:hover{border-color:#fff}
.studio-opening-link span{font-size:19px}
.studio-opening a:focus-visible{outline-color:#fff}
@media(max-width:1100px){.studio-opening-layout{column-gap:36px}.studio-opening-intro p{font-size:17px}}
@media(max-width:767px){
 .studio-opening{min-height:0;padding:112px 0 56px}
 .studio-opening-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .studio-opening-heading{order:1;align-self:auto}
 .studio-opening-eyebrow{font-size:10px;margin-bottom:24px}
 .studio-opening h1{font-size:clamp(42px,12vw,64px);line-height:1.06}
 .studio-opening-art{order:2;margin-top:32px}
 .studio-opening-art figcaption{font-size:11px;margin-top:12px}
 .studio-opening-intro{order:3;padding-top:28px}
 .studio-opening-intro p{font-size:18px}
}