.featured-story{background:#f2ecea}.featured-story .section-heading{align-items:flex-end}.portfolio-card{display:block}.portfolio-card-image{position:relative;overflow:hidden;background:#e4ddda;aspect-ratio:1.24}.portfolio-card-image>img{width:100%;height:100%;object-fit:cover;filter:saturate(.64) contrast(.97);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .7s}.portfolio-card:hover img{transform:scale(1.035);filter:saturate(.85)}.portfolio-lead .portfolio-card-image{aspect-ratio:2.05}.preview-badge{position:absolute;top:24px;inset-inline-start:24px;background:#f7f2f0ee;color:#3a322f;border:1px solid #ffffff60;border-radius:2px;font-size:11px;padding:8px 12px;letter-spacing:.02em}.portfolio-open{position:absolute;bottom:24px;inset-inline-end:24px;width:52px;height:52px;background:#f7f2f0;color:var(--ink);display:grid;place-items:center;border-radius:50%;transition:background .3s,transform .3s}.portfolio-open svg{width:21px;height:21px}.portfolio-card:hover .portfolio-open{background:#e1d6d2;transform:rotate(45deg)}.portfolio-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px}.portfolio-caption p{font-size:12px;color:#6e6460;margin:0 0 9px}.portfolio-caption h3{font-size:clamp(25px,2.3vw,36px);letter-spacing:-.04em;font-weight:400;margin:0}.portfolio-caption>span{font-size:12px;display:flex;align-items:center;gap:12px}.portfolio-caption>span svg{width:17px;height:17px}.portfolio-pair{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:55px}.portfolio-pair .portfolio-card:last-child{margin-top:115px}.portfolio-pair .portfolio-card:last-child .portfolio-card-image{aspect-ratio:1.2}.portfolio-pair .portfolio-card:first-child .portfolio-card-image{aspect-ratio:.95}.portfolio-note{max-width:485px;color:#6f6663;font-size:13px;border-top:1px solid #d9ceca;padding-top:19px;margin:49px 0 0}.portfolio-intro{padding-block:78px 70px}.portfolio-intro>div{display:flex;justify-content:space-between;align-items:end;gap:50px}.portfolio-intro h1{font-size:clamp(58px,6.8vw,100px);line-height:1.05;font-weight:400;letter-spacing:-.06em;margin:18px 0 0}.portfolio-intro h1 em{font-family:'Cormorant Garamond',serif;font-weight:400;color:#735e56}.portfolio-intro>div>p{max-width:365px;color:#70645f;font-size:15px;line-height:1.8;margin:0 0 6px}.portfolio-index{padding-bottom:85px}.portfolio-row{margin-bottom:78px}.portfolio-row:nth-child(2){width:69%;margin-inline-start:auto}.portfolio-row:nth-child(3){width:77%}.portfolio-row:nth-child(3) .portfolio-card-image{aspect-ratio:1.65}.portfolio-row:nth-child(2) .portfolio-card-image{aspect-ratio:1.2}.portfolio-row-note{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:19px;margin-top:24px;justify-content:space-between}.portfolio-row-note>span{font-size:12px;color:#7a6e69}.portfolio-row-note p{font-size:14px;max-width:370px;margin:0;color:#70615b;line-height:1.75}.portfolio-end{border-top:1px solid var(--line);padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.portfolio-end p{font-size:18px;margin:0}.project-cover{position:relative;height:calc(100svh - 28px);min-height:700px;max-height:1000px;margin-top:-119px;color:#fff;overflow:hidden}.project-cover>img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);animation:project-settle 1.5s ease-out both}.project-cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#211916d1,transparent 65%),linear-gradient(180deg,#20171440,transparent 45%)}.project-cover-top{position:absolute;top:145px;inset-inline:56px;display:flex;justify-content:space-between;align-items:center}.project-cover-top>a{font-size:13px;border-bottom:1px solid #ffffff70;padding-bottom:5px}.project-cover-top .preview-badge{position:static}.project-cover-title{position:absolute;bottom:60px;inset-inline:0}.project-cover-title>p{font-size:13px;margin-bottom:22px}.project-cover h1{font-size:clamp(58px,7vw,102px);line-height:1.08;letter-spacing:-.055em;font-weight:400;max-width:920px;margin:0 0 35px}.project-cover .scroll-cue{color:white;display:inline-flex;gap:14px;align-items:center}.project-section-nav{position:sticky;top:112px;background:#f2ebe8f5;backdrop-filter:blur(12px);z-index:30;border-bottom:1px solid #ddd2ce}.project-section-nav>.container{display:flex;align-items:center;gap:28px;min-height:68px;font-size:12px}.project-section-nav span{margin-inline-end:auto;color:#63514a}.project-section-nav a{display:inline-flex;gap:9px;align-items:center;padding-block:20px}.project-section-nav svg{width:16px;height:16px}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:13%;scroll-margin-top:180px}.project-lede{font-size:24px;line-height:1.6;color:var(--ink);margin-top:0}.preview-disclosure{font-size:14px;line-height:1.9;color:#71635e}.project-facts{margin:35px 0 0;border-top:1px solid var(--line)}.project-facts>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:17px 0;border-bottom:1px solid var(--line)}.project-facts dt{color:#544742}.project-facts dd{margin:0;color:#80726d}.project-photography{scroll-margin-top:200px;padding-bottom:95px}.project-photo-open{position:relative;padding:0;width:100%;border:0;display:block;background:#ebe5e2;cursor:zoom-in;overflow:hidden}.project-photo-open>img{display:block;width:100%;max-height:880px;object-fit:contain;filter:saturate(.65);transition:transform 1s}.project-photo-open:hover>img{transform:scale(1.025)}.project-photo-open>span{position:absolute;bottom:25px;inset-inline-end:25px;display:flex;align-items:center;gap:20px;background:var(--paper);color:var(--ink);padding:14px 20px;font-size:12px}.project-photo-open svg{width:19px;height:19px}.project-photo-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#756b67;padding-top:17px}.project-observation{display:grid;grid-template-columns:1fr 1fr;gap:14%;padding-top:66px}.project-observation h2{font-size:34px;font-weight:400;letter-spacing:-.04em;line-height:1.35;margin:0}.project-observation p{margin:0;font-size:16px;color:#6d605b;line-height:1.9}.next-project>a{position:relative;display:block;height:460px;overflow:hidden;color:white}.next-project img{width:100%;height:100%;object-fit:cover;filter:saturate(.6);transition:transform 1.2s}.next-project a:hover img{transform:scale(1.045)}.next-project-shade{position:absolute;inset:0;background:#231b1885}.next-project-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;text-align:center;padding:30px}.next-project-content small{font-size:12px;letter-spacing:.04em}.next-project-content strong{font-size:clamp(43px,5.5vw,75px);font-weight:400;letter-spacing:-.05em}.next-project-arrow{width:53px;height:53px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center}.next-project-arrow svg{width:22px;height:22px}.gallery-page-intro{padding-top:70px}.gallery-page{padding-bottom:100px}.gallery-page .visual-gallery{gap:45px 28px}.gallery-page .gallery-open{aspect-ratio:.88}.gallery-page .visual-card:nth-child(3n + 2) .gallery-open{aspect-ratio:1.05}.gallery-page .visual-card:nth-child(3n + 2){padding-top:65px}.gallery-page .visual-card[hidden]{display:none}.gallery-page .filters{border-bottom:1px solid var(--line);padding-bottom:25px;gap:10px}.gallery-page .filters button{border-radius:2px}.gallery-page-intro h1 em{color:#79635a}.project-cover-title .scroll-ring{width:45px;height:45px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center}
@keyframes project-settle{from{transform:scale(1.055)}to{transform:scale(1)}}
@media(min-width:1700px){.project-cover-top{inset-inline:calc((100% - 1440px)/2)}}
@media(max-width:1080px){.project-story{gap:7%}.project-section-nav>.container{gap:20px}.project-cover-top{inset-inline:36px}.portfolio-intro>div{gap:35px}.portfolio-intro>div>p{max-width:300px}.portfolio-pair{gap:25px}.project-observation{gap:8%}}
@media(max-width:760px){.portfolio-pair{grid-template-columns:1fr;gap:36px;margin-top:35px}.portfolio-pair .portfolio-card:last-child{margin-top:0}.portfolio-pair .portfolio-card:first-child .portfolio-card-image,.portfolio-pair .portfolio-card:last-child .portfolio-card-image{aspect-ratio:1.1}.portfolio-lead .portfolio-card-image{aspect-ratio:1.12}.preview-badge{top:16px;inset-inline-start:16px;font-size:10px;padding:7px 10px}.portfolio-open{width:42px;height:42px;bottom:16px;inset-inline-end:16px}.portfolio-caption{padding-top:17px}.portfolio-caption h3{font-size:25px}.portfolio-caption>span{font-size:0;gap:0}.portfolio-caption p{font-size:11px}.portfolio-note{font-size:12px;margin-top:33px}.portfolio-intro{padding-block:46px}.portfolio-intro>div{display:block}.portfolio-intro h1{font-size:60px;margin:0 0 25px}.portfolio-intro>div>p{max-width:100%;font-size:14px}.portfolio-row{margin-bottom:43px}.portfolio-row:nth-child(n){width:100%}.portfolio-row:nth-child(n) .portfolio-card-image{aspect-ratio:1.08}.portfolio-row-note p{font-size:13px;max-width:280px}.portfolio-end{display:block}.portfolio-end p{font-size:17px;margin-bottom:18px}.portfolio-index{padding-bottom:52px}.project-cover{margin-top:-103px;height:85svh;min-height:620px}.project-cover-top{top:113px;inset-inline:22px}.project-cover-title{bottom:38px}.project-cover h1{font-size:57px;margin-bottom:26px}.project-cover-title>p{font-size:12px}.project-cover-top>a{font-size:11px}.project-section-nav{top:93px}.project-section-nav>.container{gap:25px;min-height:57px;font-size:11px}.project-section-nav span{display:none}.project-section-nav a{padding-block:18px}.project-section-nav a:last-child{margin-inline-start:auto}.project-section-nav a:last-child svg{display:none}.project-story{grid-template-columns:1fr;gap:25px}.project-lede{font-size:21px}.preview-disclosure{font-size:13px}.project-photo-open>span{bottom:15px;inset-inline-end:15px;padding:11px 13px;font-size:11px}.project-photo-caption{font-size:10px}.project-photography{padding-bottom:55px}.project-observation{grid-template-columns:1fr;gap:20px;padding-top:40px}.project-observation h2{font-size:29px}.project-observation p{font-size:14px}.next-project>a{height:350px}.gallery-page-intro{padding-top:42px}.gallery-page .visual-card:nth-child(3n + 2){padding-top:0}.gallery-page{padding-bottom:60px}.gallery-page .visual-gallery{gap:32px 18px}html[dir=rtl] .portfolio-intro h1{font-size:49px;line-height:1.5}html[dir=rtl] .project-cover h1{font-size:47px;line-height:1.5}html[dir=rtl] .portfolio-intro h1 em{font-family:inherit;font-style:normal}}
@media(prefers-reduced-motion:reduce){.project-cover>img{animation:none}.portfolio-card-image>img,.next-project img,.project-photo-open>img{transition:none}.portfolio-card:hover img,.next-project a:hover img,.project-photo-open:hover>img{transform:none}}

/* Comfortable reading and touch targets across both writing systems. */
.refined-header nav>a,.refined-header .nav-services summary{font-size:14px}.refined-header .header-cta,.refined-header .language{font-size:13px}.portfolio-caption>span,.project-section-nav>.container{font-size:14px}.portfolio-intro>div>p,.preview-disclosure,.portfolio-row-note p{font-size:16px}.preview-badge,.portfolio-note,.portfolio-caption p,.portfolio-row-note>span,.project-facts>div,.project-photo-caption,.project-photo-open>span,.next-project-content small{font-size:12px}.project-cover-top>a,.project-cover-title>p{font-size:14px}.gallery-page .filters button{min-height:44px;font-size:14px}.service-overview-content .scroll-cue{display:inline-flex;align-items:center;gap:14px}.service-overview-content .scroll-ring{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%}.project-section-nav{top:100px}.portfolio-card:focus-visible,.project-photo-open:focus-visible{outline:3px solid var(--red);outline-offset:6px}#featured{scroll-margin-top:105px}html[dir=rtl] .portfolio-intro h1 em{font-family:inherit;font-style:normal}html[dir=rtl] .project-cover h1{letter-spacing:0}html[dir=rtl] .project-observation h2{line-height:1.65;letter-spacing:0}
@media(max-width:1080px){.refined-header nav>a,.refined-header .nav-services summary{font-size:21px}.refined-header .dropdown-links>a{font-size:14px}.refined-header .menu-toggle{min-height:44px}.portfolio-caption>span{font-size:12px}}
@media(max-width:760px){.project-section-nav{top:83px}.project-section-nav>.container{font-size:12px;gap:17px}.portfolio-caption>span{font-size:0}.portfolio-intro>div>p,.preview-disclosure,.project-observation p{font-size:16px}.portfolio-caption p,.portfolio-note,.project-photo-caption,.project-photo-open>span,.preview-badge{font-size:12px}.refined-header .brand small{font-size:10px}.refined-header .language,.refined-header .menu-toggle{font-size:12px}.project-cover-top>a{font-size:12px}.portfolio-row-note p{font-size:14px}.hero-photo-credits .photo-credit{font-size:12px}.scroll-cue{font-size:12px}.motion-toggle{font-size:12px}.hero-controls{gap:8px}.hero-slides button{min-height:44px}.project-story{scroll-margin-top:160px}}
@media(max-width:390px){.cinema-content h1{font-size:49px}.refined-header .brand small{font-size:9px}.refined-header .brand strong{font-size:15px}.refined-header .header-inner{gap:8px;padding-inline:10px}.refined-header .brand{gap:6px}.refined-header .language{padding-inline-start:8px}.hero-controls{gap:5px}.scroll-cue{gap:8px}.scroll-cue .scroll-ring{width:32px;height:32px}.cinema-bottom{inset-inline:16px}.project-section-nav>.container{gap:12px}.project-section-nav a:last-child{max-width:110px;text-align:end}}
