/* Editorial composition inspired by the reference's spacing and image hierarchy. */
.editorial-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:3%;padding:36px 4% 70px;margin:20px 3% 0;min-height:660px;height:calc(100svh - 135px);max-height:980px;background:#e9e8e3;border-radius:28px;align-items:center}
.editorial-hero .hero-copy{width:auto;margin:0;z-index:2}.editorial-hero h1{font-size:clamp(66px,7.8vw,128px);line-height:.96;margin:36px 0 32px;font-weight:500;letter-spacing:-.065em}.editorial-hero .hero-copy p{font-size:clamp(14px,1.2vw,18px);line-height:1.6}.editorial-hero .hero-bottom{left:4%;right:4%;bottom:24px;font-size:8px;letter-spacing:.7px}.editorial-hero .round-link b{transition:background .25s,transform .25s}.editorial-hero .round-link:hover b{background:var(--red);transform:rotate(-45deg)}
.editorial-cover{align-self:stretch;position:relative;min-width:0;overflow:hidden;border-radius:18px;background:#999;height:100%;isolation:isolate}.editorial-cover>img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% center;will-change:transform}.editorial-cover:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.cover-caption{position:absolute;bottom:26px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between;z-index:1;color:white;font-size:9px;letter-spacing:1px;line-height:2}.cover-caption strong{font-size:clamp(22px,2.5vw,38px);letter-spacing:-1px;font-weight:500}.cover-caption b{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff77;border-radius:50%;font-size:20px}.cover-concept{position:absolute;top:22px;left:22px;font-size:8px;letter-spacing:1px;color:white;background:#17171970;padding:8px 11px;border-radius:20px}
.section{padding:100px 6%}.intro{gap:8%;border-bottom:1px solid #1717191a}.intro h2,.section-head h2{font-weight:500;letter-spacing:-.045em;line-height:1.05}.intro p{max-width:650px;color:#626264}.formats .section-head{margin-bottom:35px}.formats .projects{gap:50px 26px}.formats .project.wide{grid-column:auto}.formats .mockup{height:auto;aspect-ratio:1.4;border-radius:16px;overflow:hidden}.formats .project:last-child{grid-column:1/-1;max-width:none}.formats .project:last-child .mockup{aspect-ratio:2.6}.formats .photo-mockup img{transition:transform .65s cubic-bezier(.2,.65,.2,1)}.formats .project:hover .photo-mockup img{transform:scale(1.035)}.formats .project-caption h3{font-size:clamp(24px,2.6vw,40px);font-weight:500;letter-spacing:-1px;margin:8px 0}.formats .project-caption p{font-size:11px;letter-spacing:.3px;color:#666}.tabs{flex-wrap:wrap}.tabs button{font-size:12px;padding:10px 18px}.process{background:#e6e5e1;border-radius:26px;margin:20px 3%;padding:80px 4%}.contact{padding-block:110px}.reveal{transform:translateY(24px);transition:opacity .7s ease,transform .8s ease}.site-header .header-ripple{display:none}
@media(max-width:800px){.editorial-hero{grid-template-columns:1fr;height:auto;max-height:none;gap:28px;padding:32px 6% 64px;min-height:0}.editorial-hero h1{font-size:clamp(60px,11vw,90px);margin:27px 0 22px}.editorial-cover{height:390px}.editorial-hero .hero-bottom>span{max-width:65%;font-size:7px;line-height:1.6}.editorial-hero .hero-copy{margin:0;width:100%}.hero-intro{display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-intro .round-link{margin:0}.hero-intro .round-link span{max-width:90px}.section{padding:64px 6%}.formats .project:last-child{grid-column:auto}.formats .project:last-child .mockup{aspect-ratio:1.4}.formats .projects{gap:36px}.process{padding:55px 6%}.cover-caption strong{font-size:28px}}
@media(max-width:450px){.editorial-cover{height:320px}.hero-intro{display:block}.hero-intro .round-link{margin-top:22px}.hero-intro .round-link span{max-width:none}.editorial-hero .hero-bottom button{font-size:9px}.editorial-hero h1{font-size:62px}.cover-caption{left:18px;right:18px;bottom:18px}.tabs{gap:6px}.tabs button{padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.editorial-cover>img{will-change:auto;transform:none!important}.reveal{opacity:1;transform:none}.formats .photo-mockup img,.round-link b{transition:none}}