/* Magazine layer: lists instead of boxes, photo spreads, more air */
#expertise .services-grid,#services .services-grid{display:block!important;border-top:1px solid var(--ink)}
#expertise .svc-card,#services .svc-card{display:grid!important;grid-template-columns:72px minmax(0,1.15fr) minmax(0,1fr) 32px;gap:28px;align-items:baseline;background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:34px 0!important;transform:none!important;box-shadow:none!important;transition:padding .5s cubic-bezier(.2,.7,.2,1),color .3s}
#expertise .svc-card::before,#services .svc-card::before{display:none}
#expertise .svc-card:hover,#services .svc-card:hover{padding-left:14px!important;color:var(--aura)}
#expertise .svc-title,#services .svc-title{font-style:normal!important;font-weight:300;font-size:clamp(24px,2.6vw,40px)!important;letter-spacing:-.03em;line-height:1.1}
#expertise .svc-desc,#services .svc-desc{font-size:15px;max-width:40ch}
#expertise .svc-more{grid-column:4;grid-row:1;padding:0;margin:0;font-size:0;justify-self:end;align-self:center}
#expertise .svc-more::after,#services .svc-card::after{content:"→";font-size:22px;font-weight:300;letter-spacing:0;color:var(--ink);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
#services .svc-card::after{grid-column:4;justify-self:end;align-self:center}
#expertise .svc-card:hover .svc-more::after,#services .svc-card:hover::after{transform:translateX(6px);color:var(--aura)}
.xp-intro{margin-bottom:80px!important}
.services-section{padding:clamp(110px,13vw,200px) 0!important}
/* spread */
.mag-spread{max-width:1440px;margin:0 auto;padding:clamp(40px,6vw,96px) clamp(20px,4vw,56px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,32px);align-items:start}
.mag-spread figure{margin:0;overflow:hidden;background:#e8e4dc}
.mag-spread img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.ms-a{grid-column:1/6;grid-row:1/3;aspect-ratio:4/5}
.ms-b{grid-column:8/12;grid-row:2;aspect-ratio:4/5;margin-top:clamp(32px,4vw,64px)!important}
.ms-cap{grid-column:7/12;grid-row:1;font-size:14px;line-height:1.5;color:var(--ink-2);margin-top:clamp(24px,5vw,80px)}
.ms-cap b{display:block;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--aura);margin-bottom:10px}
.ms-cap p{font-size:clamp(22px,2.2vw,32px);font-weight:300;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
/* band */
.mag-band{position:relative;height:min(86vh,820px);overflow:hidden;margin-top:0}
.mag-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mag-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,29,54,.05) 30%,rgba(15,29,54,.55) 100%)}
.mag-band .mb-q{position:absolute;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:clamp(32px,6vw,72px);z-index:1;color:#fff;font-weight:300;font-size:clamp(34px,5.4vw,88px);line-height:1;letter-spacing:-.035em}
.mag-band .mb-q em{font-style:italic}
/* hero photo */
.hero-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(27vw,400px));gap:clamp(32px,4vw,72px);align-items:end}
.hero .hero-top h1{max-width:none;font-size:clamp(44px,5.6vw,100px);margin:0}
.hero-top.no-photo{display:block}
.hero .hero-top.no-photo h1{max-width:16ch;font-size:clamp(48px,7.4vw,136px)}
.hero-photo{margin:0;aspect-ratio:4/5;overflow:hidden;position:relative;z-index:1;opacity:0;animation:fade-in 1.4s ease .35s forwards}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
@media (prefers-reduced-motion:reduce){.hero-photo{opacity:1;animation:none}}
/* split band */
.mag-band.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);height:min(84vh,800px)}
.mag-band.split::after{display:none}
.mag-band.split figure{margin:0;position:relative;overflow:hidden}
.mb-panel{background:var(--aura);display:flex;align-items:flex-end;padding:clamp(32px,5vw,72px)}
.mag-band.split .mb-q{position:static;color:#fff;font-size:clamp(34px,4.4vw,76px)}
/* diary */
.diary-section{padding:clamp(110px,13vw,200px) 0}
.diary{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(24px,4vw,64px)}
.dcol{display:flex;flex-direction:column;gap:clamp(48px,6vw,96px)}
.dcol.l{width:47%}.dcol.r{width:41%;padding-top:clamp(80px,12vw,220px)}
.d-item{margin:0}
.d-item.sm{width:74%}.d-item.sm.r{margin-left:auto}
.d-ph img{width:100%;height:100%;object-fit:cover;display:block}
.d-item figcaption{margin-top:16px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.d-item figcaption .n{color:var(--aura)}
.d-item .d-q{grid-column:1/-1;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(18px,1.6vw,23px);line-height:1.3;letter-spacing:-.01em;text-transform:none;color:var(--ink);max-width:28ch}
@media (max-width:960px){.diary{flex-direction:column;gap:48px}.dcol.l,.dcol.r{width:100%;padding-top:0}.d-item.sm{width:82%}}
/* photo treatment: shared tone + fine grain so photos sit in the page */
.am-ph{position:relative;overflow:hidden;background:#e9e5dd}
.am-ph img{filter:saturate(.84) contrast(.96) brightness(1.02) sepia(.07)}
.am-ph::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;opacity:.2;mix-blend-mode:overlay}
.am-ph.reveal{opacity:1;transform:none;clip-path:inset(14% 0 0 0);transition:clip-path 1.5s cubic-bezier(.2,.7,.2,1)}
.am-ph.reveal img{transform:scale(1.1);transition:transform 2s cubic-bezier(.2,.7,.2,1)}
.am-ph.reveal.in{clip-path:inset(0 0 0 0)}
.am-ph.reveal.in img{transform:none}
@media (prefers-reduced-motion:reduce){.am-ph.reveal{clip-path:none}.am-ph.reveal img{transform:none}}
@media (max-width:960px){
#expertise .svc-card,#services .svc-card{grid-template-columns:40px minmax(0,1fr) 24px;gap:12px;padding:26px 0!important}
#expertise .svc-desc,#services .svc-desc{grid-column:2/3}
#expertise .svc-more{grid-column:3}
#services .svc-card::after{grid-column:3;grid-row:1}
.ms-a{grid-column:1/-1;grid-row:auto}.ms-b{grid-column:5/-1;grid-row:auto;margin-top:0!important}.ms-cap{grid-column:1/-1;grid-row:auto;margin-top:8px}
.mag-band{height:70vh}
.hero-top{grid-template-columns:1fr;gap:28px}
.hero-photo{aspect-ratio:4/5;max-width:420px}
.mag-band.split{grid-template-columns:1fr;height:auto}
.mag-band.split figure{height:72vh}
.mb-panel{min-height:46vh}
}