.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.feature-scroll{position:relative;height:240svh;scroll-margin-top:94px;background:var(--paper)}
.feature-carousel{position:sticky;top:0;height:calc(100svh - 94px);overflow:hidden;background:#4b514c;color:#272922;transform:translate3d(0,var(--feature-scroll-shift,0px),0)}
.feature-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .42s ease}
.feature-slide[hidden]{display:none}
.feature-slide.is-active{z-index:1;opacity:1;pointer-events:auto}
.feature-slide>img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--feature-position,center 26%)}
.feature-image-nav{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;width:50%;border:0;background:transparent;padding:0 30px;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.feature-image-nav--previous{left:0;justify-content:flex-start}
.feature-image-nav--next{right:0;justify-content:flex-end}
.feature-image-nav svg{display:block;width:20px;height:52px;fill:none;stroke:#fffefa;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;opacity:.65;filter:drop-shadow(0 1px 3px rgba(15,24,18,.75));transition:opacity .22s ease,transform .22s ease}
.feature-image-nav--previous:active svg{transform:translateX(-3px)}
.feature-image-nav--next:active svg{transform:translateX(3px)}
.feature-image-nav:focus-visible{outline:none}
.feature-image-nav:focus-visible svg{opacity:1;outline:2px solid #fffefa;outline-offset:7px}
@media(hover:hover) and (pointer:fine){.feature-image-nav svg{opacity:0}.feature-image-nav:hover svg{opacity:.95}.feature-image-nav--previous:hover svg{transform:translateX(-3px)}.feature-image-nav--next:hover svg{transform:translateX(3px)}}
.feature-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,24,18,.22),transparent 58%),linear-gradient(0deg,rgba(15,24,18,.18),transparent 35%);pointer-events:none}
.feature-card{position:absolute;z-index:2;left:max(32px,calc((100vw - 1360px)/2));bottom:112px;width:max-content;max-width:min(560px,calc(100% - 64px));background:#f8f7f2;padding:24px 30px 28px;border:1px solid rgba(39,41,34,.18)}
.feature-slide--card-right .feature-card{left:auto;right:max(32px,calc((100vw - 1360px)/2))}
.feature-slide--compact .feature-card{max-width:min(390px,calc(100% - 64px))}
.feature-slide--card-top .feature-card{top:32px;bottom:auto}
.feature-card p{margin:0 0 6px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.feature-card h2{font-family:Italiana,Georgia,serif;font-size:clamp(4.8rem,8vw,8rem);line-height:.97;letter-spacing:-.055em;font-weight:400;margin:0 0 16px}
.feature-slide--long .feature-card h2{font-size:clamp(3.5rem,5vw,5.25rem)}
.feature-slide-individual .feature-card h2{font-size:clamp(2.4rem,4vw,3.8rem)}
.feature-card a{display:inline-block;font-size:.82rem;font-weight:600;border-bottom:0;padding-bottom:2px}
.feature-card a:hover{text-decoration:none;color:#5a6d5d}
.feature-controls{position:absolute;z-index:2;left:50%;bottom:26px;width:min(360px,calc(100% - 128px));transform:translateX(-50%);pointer-events:none}
.feature-progress{display:block;height:8px;border:1px solid rgba(255,254,250,.9);background:rgba(15,24,18,.58);padding:2px;overflow:hidden}
.feature-progress>span{display:block;width:100%;height:100%;background:#fffefa;transform:scaleX(0);transform-origin:left center}
@keyframes feature-progress-fill{to{transform:scaleX(1)}}
.work-card .work-image{display:block;width:100%;height:540px;object-fit:cover;object-position:center 26%}
.work-card-large .work-image{height:660px}
.work-card-third h3{font-size:clamp(1.45rem,2.2vw,2.25rem)}
.about{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);column-gap:clamp(48px,8vw,130px);row-gap:0;align-items:start}
.about-heading{grid-column:2;grid-row:1;align-self:end;padding-top:24px}
.about-heading h2{font-size:clamp(3.75rem,5.7vw,6rem);margin:0 0 28px}
.about-photo{grid-column:1;grid-row:1/span 2;align-self:start;position:relative;display:block;height:auto;margin:0;padding:16px;background:var(--paper);border:1px solid var(--dark)}
.about-photo::before{content:"";position:absolute;inset:6px;display:block;border:1px solid var(--line);pointer-events:none}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 78%;border-radius:0;box-shadow:none}
.about-photo figcaption{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:15px 1px 2px;font-family:"DM Sans",Arial,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.about-photo figcaption::after{content:"ELLI VISUALS";color:var(--sage-text)}
.about-copy{grid-column:2;grid-row:2;align-self:start;max-width:58ch}
.about-copy>p:not(.eyebrow){font-size:.95rem;line-height:1.85;margin-bottom:1.25rem}
.about-copy .text-link{margin-top:.25rem}
@media(max-width:1050px){.feature-card{bottom:100px}.work-card .work-image{height:410px}.work-card-large .work-image{height:510px}}
@media(max-width:760px){.feature-scroll{scroll-margin-top:70px}.feature-carousel{height:calc(100svh - 70px)}.feature-slide>img{object-position:var(--feature-position,center 20%)}.feature-card{left:18px;right:auto;bottom:116px;width:max-content;max-width:calc(100% - 36px);padding:17px 20px}.feature-slide--card-right .feature-card{left:auto;right:18px;width:max-content;max-width:min(58vw,230px);padding:16px 18px}.feature-slide--card-right .feature-card h2{font-size:clamp(2.5rem,8vw,3.3rem)}.feature-slide--card-top .feature-card{top:18px;bottom:auto}.feature-image-nav{padding-inline:18px}.feature-image-nav svg{width:16px;height:40px}.feature-controls{bottom:24px;width:calc(100% - 116px)}.work-card .work-image{height:300px}.work-card-large .work-image{height:510px}}
@media(max-width:760px){.feature-slide--compact .feature-card{max-width:min(46vw,180px)}}
@media(max-width:420px){.feature-card h2{font-size:4.2rem}.feature-slide--long .feature-card h2{font-size:clamp(2.7rem,9vw,3.5rem)}.work-card .work-image{height:245px}.work-card-large .work-image{height:390px}}
@media(max-width:760px){.work-card-third h3{font-size:1.2rem}}
@media(max-width:760px){.about{grid-template-columns:1fr;gap:0;padding-block:90px}.about-heading{grid-column:1;grid-row:1;padding-top:0}.about-heading h2{font-size:clamp(3.45rem,11vw,5.6rem);margin-bottom:32px}.about-photo{grid-column:1;grid-row:2;margin-bottom:34px;padding:11px}.about-photo::before{inset:5px}.about-photo img{aspect-ratio:1/1;object-position:center 78%}.about-photo figcaption{font-size:.72rem;letter-spacing:.08em;padding:11px 1px 1px}.about-copy{grid-column:1;grid-row:3;max-width:none}}

@media(prefers-reduced-motion:reduce){.feature-slide,.feature-image-nav svg{transition:none}}
@media(prefers-reduced-motion:reduce){.feature-scroll{height:auto}.feature-carousel{position:relative;transform:none!important}}