/* A more expressive layer on the approved Nostedt identity. */
:root{--ink-warm:oklch(20% .009 20);--paper-warm:oklch(96% .005 35);--motion-out:cubic-bezier(.16,1,.3,1)}
.experience{padding-block:40px 88px}
.experience-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:end;margin-bottom:44px}
.experience h2{font-size:clamp(32px,4vw,56px);font-weight:500;letter-spacing:-.055em;line-height:1.12}
.experience-heading>p{max-width:43ch;color:var(--reading);font-size:15px;line-height:1.8}
.experience-line{display:grid;grid-template-columns:180px minmax(0,1fr) 130px;align-items:center;gap:5%;padding:38px 0;border-top:1px solid var(--line)}
.experience-line:last-child{border-bottom:1px solid var(--line)}
.experience-brand img{max-width:145px;max-height:65px;object-fit:contain;object-position:left center}
.experience-line h3{font-size:clamp(20px,2.1vw,28px);font-weight:600;letter-spacing:-.035em;line-height:1.3;max-width:30ch}
.experience-line p{font-size:14px;color:var(--reading);line-height:1.8;max-width:54ch;margin-top:12px}
.experience-result{display:block;font-size:12px;font-weight:800;color:var(--wine);margin-top:18px}
.experience-open{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:11px}
.experience-open b{font-size:28px;font-weight:400;transition:transform .3s var(--motion-out)}
.experience-line:hover .experience-open b{transform:translate(4px,-4px)}
.experience-line:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.experience-note{font-size:11px;color:var(--muted);margin-top:18px;max-width:65ch}
.experience+.intro{padding-top:0}
.working-together{background:var(--ink-warm);color:var(--paper-warm);padding-block:clamp(56px,8vw,112px)}
.working-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:12%;align-items:start}
.working-label{font-size:13px;margin-bottom:30px}
.working-intro h2{font-family:var(--display);font-weight:400;font-size:clamp(62px,7.7vw,112px);line-height:1.06;letter-spacing:-.02em}
.working-intro>p:not(.working-label){font-size:15px;max-width:32ch;margin-top:30px;color:oklch(82% .008 30)}
.working-link{display:inline-flex;gap:26px;align-items:center;min-height:48px;margin-top:24px;font-size:12px;border-bottom:1px solid oklch(60% .008 30)}
.working-link span{font-size:24px;transition:transform .3s var(--motion-out)}
.working-link:hover span{transform:translate(3px,-3px)}
.working-steps{list-style:none;margin:0;padding:0}
.working-steps li{display:grid;grid-template-columns:52px 1fr;gap:22px;padding:34px 0;border-top:1px solid oklch(40% .009 30)}
.working-steps li:first-child{padding-top:24px}.working-steps li:last-child{padding-bottom:0}
.step-number{font-size:13px;font-variant-numeric:tabular-nums;color:oklch(76% .025 20);padding-top:6px}
.working-steps h3{font-size:clamp(23px,2.6vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.25}
.working-steps p{font-size:14px;line-height:1.85;color:oklch(82% .008 30);margin-top:16px;max-width:43ch}
.step-output{display:block;font-size:11px;color:var(--paper-warm);margin-top:20px}
.brand-signoff{margin:0 18px;overflow:hidden;padding:clamp(24px,4vw,64px) clamp(24px,4vw,70px) 0;line-height:.95;color:var(--wine);font-size:clamp(86px,21.4vw,360px);letter-spacing:-.085em;font-weight:800;user-select:none}
.brand-signoff span{display:block}.footer{margin-top:20px}
.brand-logos img{transition:transform .35s var(--motion-out)}
.brand-logos a:hover img{transform:scale(1.06)}
.contact-button span,.contact-link span{display:inline-block;transition:transform .3s var(--motion-out)}
.contact-button:hover span,.contact-link:hover span{transform:translate(3px,-3px)}
.service-list summary{transition:color .2s}.service-list summary:hover{color:var(--wine)}
@media(prefers-reduced-motion:no-preference){
 .hero h1 span{animation:headline-arrive .8s var(--motion-out) both}.hero h1 span+span{animation-delay:.1s}
 .reveal-enter{animation:section-arrive .7s var(--motion-out) both}
 @keyframes headline-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
 @keyframes section-arrive{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
}
@media(min-width:1700px){.brand-signoff{max-width:1664px;margin-inline:auto}}
@media(max-width:900px){.experience-line{grid-template-columns:130px 1fr 30px;gap:5%}.experience-brand img{max-width:120px}.experience-open>span{display:none}.working-layout{gap:7%}.working-steps li{grid-template-columns:30px 1fr;gap:12px}}
@media(max-width:600px){
 .experience{padding-block:20px 52px}.experience-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.experience h2{font-size:34px}.experience-heading>p{font-size:14px}
 .experience-line{grid-template-columns:1fr 32px;gap:20px;padding-block:28px}.experience-brand{grid-column:1/-1}.experience-brand img{max-width:116px;height:42px}.experience-line h3{font-size:23px}.experience-line p{font-size:13px}.experience-open{align-self:start}.experience-note{font-size:10px;line-height:1.7}
 .working-layout{grid-template-columns:1fr;gap:44px}.working-intro h2{font-size:clamp(64px,17vw,94px)}.working-intro>p:not(.working-label){max-width:36ch}.working-label{margin-bottom:24px}.working-steps h3{font-size:26px}.working-steps li{padding-block:26px}.working-steps p{font-size:14px}
 .brand-signoff{margin-inline:10px;padding:36px 14px 0;font-size:21.2vw}.footer{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-logos img,.experience-open b,.working-link span,.contact-button span,.contact-link span{transition:none;transform:none!important}}
.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;color:inherit}
.brand-logos img.logo-goldeyes{width:82px;height:82px;max-height:82px;object-fit:contain;filter:grayscale(1)}
.service-category{font-size:12px!important;letter-spacing:.04em;color:var(--wine)!important;margin-bottom:18px}
.service-fit{font-size:13px;margin-top:22px}