/* The Studio Edit only: quiet motion, readable copy, useful industry links. */
.studio-edit .audience-links{align-items:center;gap:28px;font-size:14px;line-height:1.45}
.audience-links p{font-weight:700;max-width:270px;line-height:1.45;flex-shrink:0}
.audience-links small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:400;color:var(--muted);margin-top:7px}
.studio-edit .audience-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;min-height:48px;border-bottom:1px solid #a7aa99;transition:color .2s,border-color .2s}
.audience-links a span{opacity:1;font-size:19px;color:var(--ink)}
.audience-links a:hover,.audience-links a[aria-current]{color:#3e542a;border-color:#3e542a}
.studio-edit .approach-motion{position:relative;isolation:isolate;overflow:hidden;min-height:650px;padding:105px 8% 115px;grid-template-columns:1fr 1.7fr;align-items:center;gap:7vw}
.approach-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--paper)}
.approach-photos{position:absolute;inset:-65px 28% -65px 0;transform:translate3d(0,var(--approach-shift,0px),0);will-change:transform;opacity:.7}
.approach-photos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 53%;opacity:0;transition:opacity 1.8s ease;filter:saturate(.68);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent)}
.approach-photos img.is-active{opacity:1}
.approach-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3f1eb40 0%,#f3f1eb70 25%,#f3f1ebeb 48%,#f3f1eb 67%)}
.approach-motion>.eyebrow{align-self:start;max-width:260px;line-height:1.7;font-size:10px;padding-top:7px;text-shadow:0 1px 15px #f3f1eb}
.studio-edit .approach-motion p.big{font-size:clamp(34px,3.05vw,51px);line-height:1.16;max-width:780px}
.studio-edit .approach-motion .muted{color:#666a5e}
.studio-edit .approach-motion .support{max-width:620px;font-size:17px;line-height:1.7;color:#555b4d;margin-top:30px}
.approach-photo-controls{position:absolute;left:8%;bottom:35px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:10px;color:#30382a}
.approach-photo-note{text-transform:uppercase;letter-spacing:.12em;flex-basis:100%;font-size:9px}
.approach-photo-count{font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.12em}
.approach-pause{border:1px solid #515c4666;border-radius:30px;padding:9px 13px;background:#f3f1ebdd;display:inline-flex;gap:16px;align-items:center;font-size:11px;min-height:40px}
.approach-pause[hidden]{display:none}.approach-pause:disabled{opacity:.7;cursor:default}
@media(max-width:1000px){.studio-edit .audience-links{gap:18px;flex-wrap:wrap}.audience-links p{flex-basis:100%;max-width:none}.audience-links a{flex:1;min-width:160px;font-size:12px}.studio-edit .approach-motion{padding:85px 6% 110px;gap:5vw;grid-template-columns:.65fr 1.7fr;min-height:620px}.approach-photo-controls{left:6%;max-width:180px}.approach-motion>.eyebrow{font-size:9px}}
@media(max-width:650px){.studio-edit .audience-links{display:flex;padding:24px 6%;gap:12px}.audience-links p{font-size:14px}.audience-links a{flex-basis:100%;font-size:13px;padding:12px 0}.studio-edit .approach-motion{display:block;padding:56px 6% 135px;min-height:700px}.approach-motion>.eyebrow{margin-bottom:32px;font-size:9px;max-width:100%}.studio-edit .approach-motion p.big{font-size:34px;line-height:1.15}.studio-edit .approach-motion .support{font-size:15px;line-height:1.65;margin-top:25px}.approach-scene:after{background:linear-gradient(180deg,#f3f1ebb3 0%,#f3f1ebec 25%,#f3f1ebed 77%,#f3f1eba8 100%)}.approach-photos{right:0}.approach-photos img{object-position:35% center}.approach-photo-controls{left:6%;right:6%;bottom:27px;max-width:none}.approach-photo-note{flex-basis:auto;margin-right:auto}.approach-pause{min-height:44px}}
@media(prefers-reduced-motion:reduce){.approach-photos{transform:none!important;will-change:auto}.approach-photos img{transition:none}.approach-photos img:not(:first-child){opacity:0}.approach-photos img:first-child{opacity:1}}

/* Keep the editorial portfolio in aligned rows at every screen width. */
.studio-edit .work-card:nth-child(n){padding-top:0}

/* Five-photo contact sheet for each stage of the creative journey. */
.studio-edit .journey-panel{justify-content:flex-start}
.studio-edit .journey-photo-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:30px}
.studio-edit .journey-photo-row[hidden]{display:none}
.studio-edit .journey-photo-row button{display:block;border:0;padding:0;background:var(--line);overflow:hidden;aspect-ratio:4/5;cursor:zoom-in}
.studio-edit .journey-photo-row img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.studio-edit .journey-photo-row button:hover img{transform:scale(1.04)}
.studio-edit .journey-photo-row button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:650px){.studio-edit .journey-photo-row{gap:6px;margin-bottom:24px;grid-template-columns:repeat(5,minmax(78px,1fr));overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.studio-edit .journey-photo-row button{scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.studio-edit .journey-photo-row img{transition:none}}

.landing-entry-paths{margin:30px auto 0;max-width:520px}.landing-entry-paths p{font-size:14px;margin:12px auto}.landing-entry-paths a{color:inherit}

.hero-entry-links{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}.hero-entry-links .text-link{margin-bottom:0;font-size:13px}@media(max-width:650px){.hero-entry-links{display:grid;gap:10px;justify-items:start}}

/* Studio matches the visible ink height of the original logo. */
.studio-edit header .wordmark{--studio-size:33px;gap:10px;flex-shrink:0}
.studio-wordmark{font-family:var(--display);font-style:italic;font-weight:400;font-size:var(--studio-size);line-height:1;letter-spacing:-.04em;white-space:nowrap;margin-top:0;transform:none}
@media(max-width:1000px){.studio-edit header .wordmark{--studio-size:27.4px}}
@media(max-width:650px){.studio-edit header{gap:12px}.studio-edit header .dsh-original-logo{width:146px}.studio-edit header .wordmark{--studio-size:20.5px;gap:8px}.studio-edit header .login{padding:13px 17px;gap:16px}}
@media(max-width:380px){.studio-edit header{gap:8px}.studio-edit header .dsh-original-logo{width:120px}.studio-edit header .wordmark{--studio-size:16.85px}.studio-edit header .login{padding:13px;gap:12px}}