/* Editorial 0.9.3 — native-scroll project sequence with linear fallbacks. */
.work-presentation{position:relative;min-width:0}
.selected-work{position:relative;z-index:3;padding:105px var(--pad) 115px;background:var(--bg);scroll-margin-top:80px;--work-reveal:1}
.selected-work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin:0 0 58px;border-bottom:1px solid var(--line);padding-bottom:32px}
.selected-work-heading h2{font-size:clamp(58px,7.1vw,112px);line-height:1.04;letter-spacing:-.065em;margin-top:20px}
.selected-work-heading>p{max-width:345px;font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 7px}
.work-index{display:none}.work-previews{min-width:0}.work-preview{margin:0 0 70px;scroll-margin-top:110px;min-width:0}.work-preview:last-child{margin-bottom:0}
.work-preview[hidden]{display:none!important}.work-preview-heading{margin-bottom:22px}.work-preview-heading h3{font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.17;margin:10px 0 0;max-width:720px}
.work-preview-art{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);box-shadow:0 24px 70px #00000018;min-width:0;transform-origin:50% 90%}
.work-preview-art>.product-visual{border:0;border-radius:0;max-height:none;margin:0;box-shadow:none;min-width:0}
.work-preview-art>img,.work-preview-art>video{display:block;width:100%;max-height:550px;object-fit:contain;background:var(--panel)}
.work-preview-art .pv-shell{border:0;border-radius:0;height:clamp(400px,33vw,510px)}
.work-preview-art .mo-teaser{min-height:400px}.work-preview-art .visual-top{padding:12px 16px}.work-preview-art .visual-foot{padding:10px 16px}
.work-preview-caption{display:flex;gap:26px;justify-content:space-between;align-items:center;padding-top:24px}.work-preview-caption>div{max-width:520px}.work-preview-label,.work-index-label{font:9px/1.5 ui-monospace,monospace;letter-spacing:.10em;color:var(--muted)}
.work-preview-caption p{font-size:14px;line-height:1.65;margin:7px 0 0}.work-preview-caption .text-link{flex-shrink:0;white-space:nowrap;font-size:13px}
.work-preview-credit{font-size:10px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);margin:24px 0 0;padding-top:13px}.work-preview-credit span{padding:0 7px}
.editorial-scope{display:grid;grid-template-columns:1fr 1fr;gap:22px!important}.editorial-scope dt{text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.editorial-scope dd{font-size:13px;line-height:1.65;margin:0}
.pc-context>div,.mo-context>div{max-width:800px}.pc-context>div>p,.mo-context>div>p{font-size:17px;line-height:1.8;margin-top:15px}.pc-context>.eyebrow,.mo-context>.eyebrow{display:block}
.editorial-decisions{padding:45px 0 65px;border-top:1px solid var(--line)}.editorial-decisions>h2{font-size:23px;letter-spacing:-.03em;margin:0 0 28px}.editorial-decisions ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:0}.editorial-decisions li>span{color:var(--accent-text);font:11px ui-monospace,monospace}.editorial-decisions h3{font-size:18px;font-weight:500;letter-spacing:-.025em;line-height:1.4;margin:15px 0 10px}.editorial-decisions p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.editorial-story-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.editorial-story-media img{width:100%;height:auto;object-fit:contain}
@media(min-width:1100px){
 .selected-work[data-work-enhanced=desktop] .work-index-layout{display:grid;grid-template-columns:minmax(245px,.31fr) minmax(0,.69fr);gap:clamp(32px,4vw,68px);align-items:start}
 .selected-work[data-work-enhanced=desktop] .work-index{display:block;padding-top:5px}
 .work-index-label{display:block;padding:0 0 20px}.work-index-button{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) 15px;gap:12px;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:24px 0;color:var(--muted);cursor:pointer;position:relative}
 .work-index-button:last-child{border-bottom:1px solid var(--line)}.work-index-button:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:var(--accent-text);transform:scaleX(0);transform-origin:left;transition:transform .35s}
 .work-index-button[aria-pressed=true]:before{transform:scaleX(1)}.work-index-number{font:11px/1.6 ui-monospace,monospace;padding-top:2px}.work-index-text{display:block}.work-index-category{font:10px/1.6 ui-monospace,monospace;display:block;margin-bottom:7px}.work-index-text strong{display:block;font-size:20px;line-height:1.3;letter-spacing:-.04em;font-weight:500;color:var(--ink)}.work-index-scope{display:block;font-size:9px;line-height:1.7;margin-top:12px;max-width:245px}.work-index-indicator{font-size:18px;opacity:.35;transition:transform .25s,opacity .25s}
 .work-index-button[aria-pressed=true]{color:var(--accent-text)}.work-index-button[aria-pressed=true] strong{color:var(--ink)}.work-index-button[aria-pressed=true] .work-index-indicator{opacity:1;transform:rotate(45deg)}.work-index-button:focus-visible{outline:2px solid var(--accent-text);outline-offset:6px;border-radius:2px}
 .selected-work[data-work-enhanced=desktop] .work-preview{margin:0}.selected-work[data-work-enhanced=desktop] .work-preview-heading{min-height:85px;margin-bottom:23px}.selected-work[data-work-enhanced=desktop] .work-preview-heading h3{font-size:clamp(28px,2.8vw,45px)}
}
@media(min-width:1000px) and (min-height:650px){
 .enhanced.motion-enabled .intro-sequence{height:185svh}
 .enhanced.motion-enabled .intro-sequence+.selected-work{margin-top:-67svh;padding-top:0;background:linear-gradient(to bottom,transparent 0,var(--bg) 120px)}
}
@media(max-width:1099px){.selected-work{padding-top:75px;padding-bottom:55px}.selected-work-heading{gap:28px;margin-bottom:42px}.selected-work-heading h2{font-size:65px}.selected-work-heading>p{font-size:13px;max-width:300px}.work-preview{border-bottom:1px solid var(--line);padding-bottom:38px;margin-bottom:55px}.work-preview-art .pv-shell{height:460px}.work-preview-art .pv-screen{min-width:760px}.work-preview-art .pv-scroll{overflow-x:auto}}
@media(max-width:650px){.selected-work{padding:55px var(--pad) 30px}.selected-work-heading{display:block;padding-bottom:28px}.selected-work-heading h2{font-size:54px;margin:15px 0 20px}.selected-work-heading>p{max-width:330px;font-size:14px}.work-preview-heading h3{font-size:31px;max-width:340px}.work-preview-heading .eyebrow{font-size:9px}.work-preview-art{border-radius:6px}.work-preview-art .pv-shell{height:390px}.work-preview-art .mo-teaser{min-height:300px}.work-preview-caption{display:block;padding-top:21px}.work-preview-caption p{font-size:13px}.work-preview-caption .text-link{margin-top:20px;display:inline-flex}.work-preview-credit{font-size:9px}.editorial-scope{grid-template-columns:1fr!important;gap:18px!important}.pc-context>div>p,.mo-context>div>p{font-size:15px}.editorial-decisions{padding:25px 0 40px}.editorial-decisions ol{grid-template-columns:1fr;gap:25px}.editorial-decisions h3{margin-top:9px}.editorial-story-media{grid-template-columns:1fr}.work-preview-art .visual-top>span:last-child{font-size:6px}}

/* In homepage previews, the wheel always continues the page narrative. */
.selected-work :is(.pv-scroll,.pv-kanban,.pv-assistant,.pv-pr-main){overflow-y:hidden;overscroll-behavior-y:auto}
/* The circle stays still; only the two glyphs travel within its clipping mask. */
.hero-bottom .explore-link .circle-arrow{position:relative;overflow:hidden;transform:none;flex-shrink:0}
.hero-bottom .explore-link:is(:hover,:focus-visible) .circle-arrow{transform:none}
.hero-bottom .circle-arrow>span{position:absolute;inset:0;display:grid;place-items:center;transition:transform .42s cubic-bezier(.22,.8,.2,1),opacity .32s}
.hero-bottom .circle-arrow svg{width:17px;height:17px}
.hero-bottom .circle-arrow .explore-arrow-out{transform:translate(0,0);opacity:1}
.hero-bottom .circle-arrow .explore-arrow-out svg{transform:rotate(45deg)}
.hero-bottom .circle-arrow .explore-arrow-in{transform:translate(-30px,-30px);opacity:0}
.hero-bottom .circle-arrow .explore-arrow-in svg{transform:rotate(90deg)}
.hero-bottom .explore-link:is(:hover,:focus-visible) .explore-arrow-out{transform:translate(32px,0);opacity:0}
.hero-bottom .explore-link:is(:hover,:focus-visible) .explore-arrow-in{transform:translate(0,0);opacity:1}
/* Compact enough for the whole selected project and its link to stay on screen. */
@media(min-width:1100px) and (min-height:760px){
 .selected-work[data-work-enhanced=desktop]{padding-top:0;padding-bottom:0}
 .selected-work[data-work-enhanced=desktop] .work-presentation{padding:18px 0 20px}
 .selected-work[data-work-pinned=true] .work-presentation{position:sticky;top:var(--work-top,96px)}
 .selected-work[data-work-enhanced=desktop] .selected-work-heading{margin-bottom:22px;padding-bottom:18px;gap:30px}
 .selected-work[data-work-enhanced=desktop] .selected-work-heading h2{font-size:clamp(40px,4vw,64px);margin:9px 0 0;line-height:1.04}
 .selected-work[data-work-enhanced=desktop] .selected-work-heading>p{font-size:12px;line-height:1.6;max-width:330px}
 .selected-work[data-work-enhanced=desktop] .selected-work-heading .eyebrow{font-size:8px}
 .selected-work[data-work-enhanced=desktop] .work-index-layout{gap:clamp(28px,3.6vw,60px)}
 .selected-work[data-work-enhanced=desktop] .work-index{padding-top:0}
 .selected-work[data-work-enhanced=desktop] .work-index-label{padding-bottom:12px;font-size:8px}
 .selected-work[data-work-enhanced=desktop] .work-index-button{padding:16px 0}
 .selected-work[data-work-enhanced=desktop] .work-index-category{font-size:9px;margin-bottom:5px}
 .selected-work[data-work-enhanced=desktop] .work-index-text strong{font-size:clamp(17px,1.45vw,23px);line-height:1.22}
 .selected-work[data-work-enhanced=desktop] .work-index-scope{font-size:8px;margin-top:8px}
 .selected-work[data-work-enhanced=desktop] .work-preview-heading{min-height:68px;margin-bottom:14px}
 .selected-work[data-work-enhanced=desktop] .work-preview-heading h3{font-size:clamp(25px,2.3vw,38px);margin-top:7px;line-height:1.13}
 .selected-work[data-work-enhanced=desktop] .work-preview-heading .eyebrow{font-size:8px}
 .selected-work[data-work-enhanced=desktop] .work-preview-art{height:clamp(290px,42svh,500px)}
 .selected-work[data-work-enhanced=desktop] .work-preview-art>.product-visual{height:100%;max-height:none!important;display:flex;flex-direction:column}
 .selected-work[data-work-enhanced=desktop] .work-preview-art .pv-shell{height:100%;min-height:0}
 .selected-work[data-work-enhanced=desktop] .work-preview-art .mo-teaser{min-height:0;flex:1}
 .selected-work[data-work-enhanced=desktop] .work-preview-art>img,.selected-work[data-work-enhanced=desktop] .work-preview-art>video{height:100%}
 .selected-work[data-work-enhanced=desktop] .work-preview-caption{padding-top:15px;gap:20px;min-height:65px}
 .selected-work[data-work-enhanced=desktop] .work-preview-caption p{font-size:12px;line-height:1.6;margin-top:5px}
 .selected-work[data-work-enhanced=desktop] .work-preview-credit{margin-top:13px;padding-top:10px;font-size:9px}
 .selected-work[data-work-pinned=true] .work-preview:not([hidden]){animation:work-preview-enter .18s ease-out both}
 @keyframes work-preview-enter{from{opacity:.75}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){.hero-bottom .circle-arrow>span{transition:none}.selected-work .work-presentation{position:static!important}.selected-work{height:auto!important}.selected-work *{animation:none!important;transition:none!important}.selected-work .work-preview-art,.selected-work .work-index-button{transform:none!important;opacity:1!important}}
@media print{.selected-work{height:auto!important}.work-presentation{position:static!important}.work-index{display:none!important}.work-index-layout{display:block!important}.work-preview[hidden]{display:block!important}.work-preview{break-inside:avoid}.selected-work{padding:25px 0;margin:0!important;background:white!important}.work-preview-art{transform:none!important;opacity:1!important;box-shadow:none}.work-preview-heading{min-height:0!important}.work-preview-caption{display:block}.editorial-decisions ol{display:block}.editorial-decisions li{break-inside:avoid;margin-bottom:15px}}


/* Clean entry: a single transparent content layer, driven only by scroll. */
.work-content{min-width:0}
.selected-work{--water-depth:0}
.selected-work[data-work-water=submerged] .work-content{filter:blur(calc(var(--water-depth)*4.2px));opacity:calc(1 - var(--water-depth)*.22);transform:translateY(calc(var(--water-depth)*16px))}
.selected-work[data-work-water=clear] .work-content{filter:none;opacity:1;transform:none}
.selected-work[data-work-water] #work-title .title-line{transform:none;opacity:1;transition:none}
@media(prefers-reduced-motion:reduce){.selected-work .work-content{filter:none!important;opacity:1!important;transform:none!important}}
@media print{.selected-work .work-content{filter:none!important;opacity:1!important;transform:none!important}}

/* Safari: the measured filter-free variant, without changing the ocean shader.
   Keep the opacity/translation entrances and the one-second Explore path.
   Chrome and other engines retain their existing blur/backdrop treatments. */
html.rt-safari-filters .site-header,
html.rt-safari-filters .hero-bottom .explore-link,
html.rt-safari-filters .hero-content h1 span,
html.rt-safari-filters .selected-work .work-content{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* 0.9.8 — project index thumbnails use the actual case-study interface components. */
.menu-project .menu-thumb-ui{display:block;position:relative;flex:0 0 154px;width:154px;height:94px;overflow:hidden;transform:none;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:0;contain:layout paint;isolation:isolate}
.menu-ui-capture{display:block;position:absolute;inset:0 auto auto 0;width:1000px;height:610px;transform:scale(.154);transform-origin:0 0;pointer-events:none;user-select:none;text-align:left}
.menu-ui-capture .pv-shell{height:610px;width:1000px;border:0;border-radius:0;box-shadow:none}
.menu-ui-capture .pv-screen{min-width:0;height:100%}.menu-ui-capture .pv-scroll{flex:1;min-height:0;overflow:hidden}
.menu-ui-capture .mo-teaser{width:1000px;height:610px;min-height:610px;border:0}
.menu-ui-capture .pv-mobile-hint{display:none}.menu-ui-capture .pv-view-switch>span{font-size:10px;padding:5px 9px}
.menu-project:hover .menu-thumb-ui,.menu-project:focus-visible .menu-thumb-ui{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
@media(max-width:999px){.menu-project .menu-thumb-ui{flex-basis:110px;width:110px;height:67px}.menu-ui-capture{transform:scale(.11)}}
@media(max-width:600px){.menu-project .menu-thumb-ui{flex-basis:88px;width:88px;height:54px}.menu-ui-capture{transform:scale(.088)}.menu-project{gap:14px}.menu-project strong{font-size:19px}}