/* STARGART's own palette and content, art-directed with Luneo's spacious rhythm. */
.site-header{position:sticky;top:0;background:rgba(243,240,233,.97);backdrop-filter:blur(12px)}
.desktop-nav{margin-left:auto;margin-right:clamp(25px,4vw,65px);gap:clamp(18px,2.6vw,38px)}
.desktop-nav a,.header-cta,.lang-toggle{font-size:11px;letter-spacing:.01em;text-transform:none}
.header-cta{background:transparent;color:var(--ink);padding:10px 0;border-bottom:1px solid var(--ink);gap:14px}
.header-cta:hover{background:transparent;color:var(--terracotta);border-color:var(--terracotta)}
.hero{height:calc(100svh - 84px);min-height:660px;max-height:920px;padding:0 var(--gutter);overflow:hidden;isolation:isolate;display:block}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,22,20,.55),rgba(20,22,20,.06) 78%),linear-gradient(0deg,rgba(20,22,20,.53),transparent 62%)}
.hero-image{position:absolute;inset:0;z-index:-2;height:100%;margin:0;background:#6e6a61}
.hero-image img{object-position:center 54%;transform:scale(1.02)}
.hero-image.is-visible img{transform:scale(1)}
.hero-image figcaption{display:none}
.hero-copy{height:100%;max-width:1100px;padding:0 0 clamp(38px,6.5vh,78px);display:flex;flex-direction:column;justify-content:flex-end}
.hero-copy .eyebrow{color:var(--paper)}
.hero h1{font-size:clamp(68px,9.3vw,138px);line-height:.88;max-width:1050px;letter-spacing:-.065em;color:var(--paper);margin-top:25px}
.hero h1 em{color:#e5dfd2}
.hero-bottom{max-width:1050px;margin-top:25px;align-items:flex-end}
.hero-intro{color:rgba(250,249,246,.91);max-width:350px}
.hero-links{gap:28px}
.text-link,.underlined-link{color:var(--paper);border-color:rgba(250,249,246,.72);font-size:10px;letter-spacing:.04em;text-transform:none}
.text-link-muted{color:rgba(250,249,246,.75);border-color:rgba(250,249,246,.4)}
.hero-index{display:none}
.section-pad{padding-top:clamp(105px,12vw,170px);padding-bottom:clamp(105px,12vw,170px)}
.section-heading{font-size:10px;letter-spacing:.08em}
.section-index{color:#77766f}
.display-heading{font:400 clamp(62px,8vw,116px)/.93 var(--sans);letter-spacing:-.085em;color:#c5c2bb}
.display-heading em{font:italic 400 .92em/.95 var(--serif);color:#a5a89a;letter-spacing:-.065em}
.studio-grid{padding-top:clamp(70px,9vw,125px);column-gap:10%;row-gap:80px}
.studio-story{padding-top:12px}
.studio-story .lead{font:400 clamp(21px,2.3vw,31px)/1.42 var(--sans);letter-spacing:-.035em}
.studio-story>p:not(.lead){font-size:14px;line-height:1.85}
.studio-detail{width:82%}
.projects-intro{padding-top:clamp(70px,9vw,125px);padding-bottom:55px}
.projects-intro .display-heading{max-width:700px}
.projects-intro>p{font-size:14px;max-width:350px;line-height:1.75}
.project-grid{column-gap:5%;row-gap:95px}
.project-card:nth-child(even){margin-top:145px}
.project-card:nth-child(4n+3){margin-left:12%;margin-top:-35px}
.project-card:nth-child(4n+4){margin-top:70px}
.project-card:nth-child(odd) .project-image{aspect-ratio:1.34}
.project-card:nth-child(even) .project-image{aspect-ratio:1.08}
.project-title{font:400 clamp(25px,3vw,39px)/1.05 var(--sans);letter-spacing:-.055em}
.project-category{font-size:10px;letter-spacing:.07em;text-transform:none}
.project-image .project-tag{font-size:9px;letter-spacing:.05em;text-transform:none}
.services-layout{display:block;padding:clamp(70px,9vw,125px) 8% 0}
.services-intro{position:static;display:grid;grid-template-columns:1fr .65fr;column-gap:10%;align-items:end;margin-bottom:62px}
.services-intro>p{font-size:14px;line-height:1.8;max-width:380px;margin:0 0 2px}
.services-intro .underlined-link{grid-column:2;margin:21px 0 0}
.service-list{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 30px}
.service-item{display:grid;grid-template-columns:1fr 24px;gap:13px 14px;align-items:end;padding:0;border:0;min-width:0}
.service-image{grid-column:1/-1;position:relative;overflow:hidden;background:var(--stone);aspect-ratio:1.45}
.service-image img,.process-image img,.journal-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .85s var(--ease)}
.service-item:hover .service-image img,.journal-card:hover .journal-image{transform:scale(1.035)}
.service-number{position:absolute;top:14px;left:14px;background:rgba(250,249,246,.92);color:var(--ink);padding:8px 10px;font-size:9px;letter-spacing:.08em}
.service-copy h3{font:400 clamp(22px,2.3vw,32px)/1.1 var(--sans);letter-spacing:-.045em}
.service-copy p{font-size:12px;line-height:1.7;margin:10px 0 0;max-width:440px;color:#6e6d66}
.service-arrow{align-self:start;padding-top:2px;font-size:18px}
.process-top{padding-top:clamp(70px,9vw,125px);padding-bottom:65px}
.process-top>p{font-size:14px;line-height:1.8}
.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0 8%}
.process-item{min-height:0;border:0;padding:0}
.process-item::after{display:none}
.process-image{overflow:hidden;aspect-ratio:1.22;margin-bottom:20px;background:var(--stone)}
.process-item>span{font-size:10px;letter-spacing:.1em}
.process-item h3{font:400 clamp(22px,2.2vw,30px)/1.1 var(--sans);letter-spacing:-.04em;margin:12px 0 9px}
.process-item p{font-size:12px;line-height:1.7}
.journal-top{padding-top:clamp(70px,9vw,125px)}
.journal-grid{gap:26px}
.journal-card{border:0;padding:0;min-height:0}
.journal-image{width:100%;height:auto;aspect-ratio:1.3;margin-bottom:17px}
.journal-card>span{font-size:9px;letter-spacing:.08em;text-transform:none}
.journal-card h3{font:400 clamp(23px,2.4vw,33px)/1.12 var(--sans);letter-spacing:-.045em;margin:18px 0 12px}
.journal-card p{font-size:11px;line-height:1.65;text-transform:none;letter-spacing:0}
.interlude{height:clamp(540px,72vw,860px)}
.interlude-content p{font-size:clamp(48px,7vw,96px)}
.contact-heading{font-size:clamp(64px,9.4vw,132px)}
.footer-top>p{font:400 21px/1.45 var(--sans);letter-spacing:-.03em}
@media(max-width:850px){
  .hero{height:calc(100svh - 68px);min-height:650px}
  .hero h1{font-size:clamp(62px,12.5vw,98px)}
  .studio-grid{padding-left:0;padding-right:0;column-gap:7%}
  .projects-intro,.project-grid,.services-layout,.process-top,.process-grid,.journal-top,.journal-grid,.contact-main{padding-left:0;padding-right:0}
  .services-intro{grid-template-columns:1fr .8fr;column-gap:7%}
  .service-list{gap:42px 22px}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}
  .process-item:nth-child(2):after{display:none}
}
@media(max-width:600px){
  .hero{height:calc(100svh - 68px);min-height:700px;padding-left:var(--gutter);padding-right:var(--gutter)}
  .hero h1{font-size:clamp(60px,14vw,82px)}
  .hero-bottom{gap:22px}
  .hero-links{gap:20px}
  .text-link{font-size:9px}
  .studio-grid{grid-template-columns:1fr;gap:32px;padding-top:58px}
  .studio-detail{grid-column:1;width:78%;margin:10px 0 0 auto}
  .studio-meta{grid-column:1}
  .projects-intro{padding:58px 0 34px}
  .projects-intro>p{margin:20px 0 0;max-width:330px}
  .project-grid{grid-template-columns:1fr;gap:44px}
  .project-card:nth-child(even),.project-card:nth-child(4n+3),.project-card:nth-child(4n+4){width:100%;margin:0}
  .project-card:nth-child(even){width:86%;margin-left:auto}
  .services-layout{padding:58px 0 0}
  .services-intro{display:block;margin-bottom:42px}
  .services-intro>p{margin-top:20px}
  .services-intro .underlined-link{margin-top:22px}
  .service-list{grid-template-columns:1fr;gap:34px}
  .service-image{aspect-ratio:1.35}
  .service-copy h3{font-size:27px}
  .process-top{padding:58px 0 42px}
  .process-grid{grid-template-columns:1fr 1fr;gap:30px 16px}
  .process-image{aspect-ratio:.98;margin-bottom:14px}
  .process-item h3{font-size:23px}
  .process-item p{font-size:11px}
  .journal-top{padding:58px 0 34px}
  .journal-grid{grid-template-columns:1fr;gap:30px}
  .journal-image{aspect-ratio:1.5}
}
.studio .underlined-link,.services .underlined-link{color:var(--ink);border-color:var(--ink)}