/* Website portfolio and its project pages only; the original homepage is untouched. */
.website-portfolio,.website-case{overflow:clip}
.website-portfolio :is(section,figure),.website-case :is(section,figure){scroll-margin-top:100px}
.website-portfolio h1,.website-case h1,.website-portfolio h2,.website-case h2,.website-portfolio h3,.website-case h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.website-portfolio-hero,.website-case-hero{padding:125px var(--gutter) 72px;background:radial-gradient(ellipse at 80% 20%,#ac87351c,transparent 60%)}
.website-portfolio .service-breadcrumb,.website-case .service-breadcrumb{font-size:10px;margin-bottom:48px;line-height:1.6}
.website-portfolio-hero h1{font-size:clamp(76px,9.7vw,154px);line-height:.87;margin:28px 0 40px;max-width:15ch}
.website-portfolio-hero h1 em{font-size:.77em}
.website-portfolio-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;max-width:1050px;margin-left:auto}
.website-portfolio-intro>p,.website-case-intro{font-size:14px;line-height:1.9;color:#bbb6a8;max-width:54ch}
.website-portfolio-feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:6%;align-items:center;padding:78px var(--gutter);border-block:1px solid #cfb58c33;background:#24231a6e}
.website-portfolio-feature h2,.website-section-heading h2,.website-next-project h2,.website-case-screens h2,.website-case-credit h2,.website-case-services h2{font-size:clamp(45px,5.5vw,78px);line-height:.97;margin:24px 0}
.website-portfolio-feature header>p,.website-section-heading>p,.website-next-project p,.website-case-screens header>p,.website-case-services header>p{font-size:13px;line-height:1.9;color:#b1ad9f;max-width:50ch}
.website-film{min-width:0;margin:0;padding:8px;border:1px solid #cfb58c55;background:#242219de;box-shadow:0 24px 70px #0003}
.website-film video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;object-fit:contain;background:#0c0d0a;color:#e9ddc7}
.website-film figcaption{padding:15px 8px 8px;color:#aaa38e;font-size:10px;line-height:1.7}
.website-film figcaption>span{display:block;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#cfb58c}
.website-film figcaption p{margin:8px 0}
.website-film figcaption a{display:inline-flex;min-height:44px;align-items:center;gap:14px;color:#e0cfaa}
.website-projects,.website-case-features,.website-case-screens,.website-case-services{padding:95px var(--gutter)}
.website-section-heading{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:12%;margin-bottom:46px}
.website-section-heading h2{margin-bottom:0}
.website-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.website-project-card{min-width:0;border:1px solid #cfb58c44;background:#28251bba;box-shadow:0 18px 50px #0002}
.website-project-main{display:block}
.website-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #cfb58c33;color:#b4a68c;background:#191b15}
.website-browser-bar>span:first-child{display:flex;gap:4px}
.website-browser-bar i{display:block;width:4px;height:4px;border:1px solid #a9946d88;border-radius:50%}
.website-browser-bar small{font-size:8px;letter-spacing:.03em;overflow-wrap:anywhere;text-align:center}
.website-project-cover{display:grid;place-items:center;aspect-ratio:16/10;background:#10120e;overflow:hidden}
.website-project-cover img{display:block;width:100%;height:100%;object-fit:contain;transition:scale .65s ease}
.website-project-main:hover .website-project-cover img{scale:1.015}
.website-project-placeholder{padding:30px;font:italic clamp(35px,4vw,65px)/1 var(--serif);text-align:center;color:#cfb58c}
.website-project-copy{padding:28px 28px 20px}
.website-project-copy>.service-eyebrow{font-size:8px;line-height:1.7}
.website-project-copy h3{font-size:clamp(36px,3.3vw,58px);line-height:1.01;margin:24px 0 20px}
.website-project-copy>p{font-size:12px;line-height:1.8;color:#b6b0a0;margin-bottom:22px}
.website-project-enter{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:44px;font-size:10px;color:#e4d2ad}
.website-project-enter>span{font-size:21px}
.website-project-visit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;min-height:48px;border-top:1px solid #cfb58c33;font-size:10px;color:#bcb19b}
.website-next-project{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center;padding:95px var(--gutter);border-top:1px solid #cfb58c44;background:radial-gradient(ellipse at 80% 50%,#9d77271c,transparent 60%)}
.website-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.website-actions .service-text-link{min-height:44px}
.website-next-project .website-actions{flex-direction:column;align-items:flex-start;gap:20px}
.website-empty{padding:35px 0;color:#b3aa95;font-size:13px;line-height:1.8}
.website-case-hero h1{font-size:clamp(68px,8vw,125px);line-height:.91;max-width:18ch;margin:28px 0 32px}
.website-case-intro{max-width:65ch}
.website-case-meta{display:flex;flex-wrap:wrap;gap:18px;margin:30px 0;font-size:9px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase;color:#baaa8c}
.website-case-hero>.website-actions{margin-top:30px}
.website-case-walkthrough{padding:0 var(--gutter) 85px}
.website-case-walkthrough .website-film{max-width:1300px;margin-inline:auto}
.website-case-narrative{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:90px var(--gutter);border-block:1px solid #cfb58c33;background:#25231978}
.website-case-narrative h2{font-size:clamp(40px,4.3vw,66px);line-height:.98;margin:24px 0 30px}
.website-case-narrative p,.website-case-credit p{font-size:13px;line-height:1.95;color:#b5b0a1;margin:0 0 22px}
.website-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.website-feature-grid>article{padding:25px 22px;border-top:1px solid #cfb58c66;background:#24231b77;min-width:0}
.website-feature-grid h3{font-size:35px;line-height:1.02;margin:22px 0 18px}
.website-feature-grid p{font-size:12px;line-height:1.85;color:#aaa696}
.website-case-screens{border-top:1px solid #cfb58c33}
.website-case-screens>header{margin-bottom:35px}
.website-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.website-screen-grid figure{min-width:0;margin:0;padding:8px;border:1px solid #cfb58c44;background:#28251bba}
.website-screen-grid a{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:#11130f}
.website-screen-grid img{display:block;width:100%;height:100%;object-fit:contain}
.website-screen-grid a>span{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #cfb58c88;border-radius:50%;background:#171b14e8;color:#e6d4ae;font-size:22px}
.website-screen-grid figcaption{font-size:10px;line-height:1.8;color:#aaa38f;padding:14px 6px 8px}
.website-case-outcome{padding:100px var(--gutter);border-block:1px solid #cfb58c55;background:radial-gradient(ellipse at 80% 20%,#a2812b23,transparent 60%),#25251bad}
.website-case-outcome h2{font-size:clamp(66px,8.5vw,132px);line-height:.92;margin:30px 0 48px}
.website-case-outcome>div{max-width:780px;margin-left:auto}
.website-case-outcome p{font:400 clamp(25px,2.9vw,40px)/1.37 var(--serif);letter-spacing:-.02em;color:#e1d5bd;margin-bottom:25px}
.website-case-credit{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;padding:90px var(--gutter);border-bottom:1px solid #cfb58c33}
.website-case-credit .service-text-link{font-size:11px;min-height:44px;margin-top:8px}
.website-case-services>header{margin-bottom:35px}
.website-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:38px}
.website-service-grid>a{display:flex;flex-direction:column;min-width:0;padding:28px 24px;border:1px solid #cfb58c44;background:#28251bba}
.website-service-grid h3{font-size:36px;line-height:1.02;margin:22px 0 18px}
.website-service-grid p{font-size:12px;line-height:1.85;color:#aaa696;margin-bottom:22px}
.website-service-grid .website-project-enter{margin-top:auto}
.website-portfolio a:focus-visible,.website-case a:focus-visible,.website-portfolio video:focus-visible,.website-case video:focus-visible{outline:2px solid #e4ca98;outline-offset:4px}
@media(max-width:1050px){.website-portfolio-feature{grid-template-columns:1fr;gap:35px}.website-portfolio-feature>header{max-width:650px}.website-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-project-copy{padding-inline:22px}.website-project-visit{padding-inline:22px}}
@media(max-width:760px){
 .website-portfolio-hero,.website-case-hero{padding-top:110px;padding-bottom:55px}.website-portfolio .service-breadcrumb,.website-case .service-breadcrumb{margin-bottom:30px;flex-wrap:wrap;line-height:1.8}.website-portfolio-hero h1{font-size:clamp(66px,15vw,105px);line-height:.92;margin-bottom:30px}.website-portfolio-hero h1 em{font-size:.85em}.website-portfolio-intro{display:block}.website-portfolio-intro>p,.website-case-intro{font-size:13px;line-height:1.9}.website-portfolio-intro>.service-text-link{margin-top:22px;min-height:44px}.website-portfolio-feature,.website-projects,.website-next-project,.website-case-features,.website-case-screens,.website-case-services{padding-block:62px}.website-portfolio-feature h2,.website-section-heading h2,.website-next-project h2,.website-case-screens h2,.website-case-credit h2,.website-case-services h2{font-size:clamp(44px,9.7vw,68px)}.website-section-heading{display:block;margin-bottom:30px}.website-section-heading>p{margin-top:25px;font-size:12px}.website-project-grid{gap:30px 18px}.website-project-copy{padding:22px 18px 14px}.website-project-copy h3{font-size:34px}.website-project-copy>p{font-size:11px}.website-project-copy>.service-eyebrow{font-size:7px}.website-project-visit{padding-inline:18px}.website-next-project{grid-template-columns:1fr;gap:28px}.website-case-hero h1{font-size:clamp(62px,13vw,95px)}.website-case-meta{letter-spacing:.05em}.website-actions{gap:20px}.website-case-walkthrough{padding-bottom:55px}.website-film{padding:5px}.website-film figcaption{padding:13px 7px 6px}.website-case-narrative{grid-template-columns:1fr;gap:35px;padding-block:62px}.website-case-narrative h2{font-size:48px;margin-block:20px 24px}.website-feature-grid{gap:15px}.website-feature-grid>article{padding:23px 17px}.website-feature-grid h3{font-size:31px}.website-feature-grid p{font-size:11px}.website-screen-grid{gap:16px}.website-case-outcome{padding-block:70px}.website-case-outcome h2{font-size:clamp(64px,14vw,100px)}.website-case-outcome p{font-size:28px}.website-case-credit{grid-template-columns:1fr;gap:20px;padding-block:62px}.website-service-grid{gap:16px}.website-service-grid>a{padding:23px 18px}.website-service-grid h3{font-size:32px}
}
@media(max-width:560px){.website-project-grid,.website-feature-grid,.website-screen-grid,.website-service-grid{grid-template-columns:1fr}.website-project-copy h3{font-size:41px}.website-project-copy>p{font-size:12px}.website-browser-bar small{font-size:7px}.website-film figcaption>span{font-size:8px}.website-case-hero>.website-actions{align-items:flex-start;flex-direction:column}.website-feature-grid h3{font-size:35px}}
@media(max-height:500px) and (min-width:761px){.website-portfolio-hero,.website-case-hero{padding-top:110px}.website-portfolio-hero h1{font-size:82px}.website-case-hero h1{font-size:76px}}
.motion-paused .website-project-cover img{transition:none;scale:1}
@media(prefers-reduced-motion:reduce){.website-project-cover img{transition:none;scale:1!important}}