/* A photographic journey: matter, gesture, creation, encounter. */
main{overflow:clip}.hero-side .journey-kicker{font:600 12px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}.urban-diptych{perspective:1400px;padding:6vw 6vw 7vw;gap:5vw;background:var(--concrete);overflow:clip}.urban-diptych figure{border:1px solid var(--ink);box-shadow:14px 22px 0 #25272518,0 32px 48px #25272529;transform-origin:center;backface-visibility:hidden}.urban-diptych figure:first-child{transform:rotate(-2deg)}.urban-diptych figure:last-child{transform:translateY(35px) rotate(2deg)}.urban-diptych img{height:clamp(360px,43vw,660px)}.urban-diptych figcaption{position:relative}.gesture-story{background:var(--cacao);color:var(--porcelain);padding:85px 5vw 100px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.gesture-heading{display:flex;gap:40px;align-items:start;justify-content:space-between;margin-bottom:65px}.gesture-heading .eyebrow{color:#b9c9d7;padding-top:15px}.gesture-heading h2{font:400 clamp(45px,5.8vw,88px)/1.04 var(--serif);letter-spacing:-.025em;margin:0;max-width:780px}.gesture-heading h2 em{color:#b9c9d7;font-weight:400}.gesture-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:start}.gesture-visual{position:relative;min-width:0}.gesture-frames{height:590px;max-height:76svh;position:relative;overflow:hidden;box-shadow:18px 22px 0 #0003;border:1px solid #b4a48f55}.gesture-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:0;transition:opacity .65s ease,transform 1.1s ease;transform:scale(1.035)}.gesture-frame.is-active{opacity:1;transform:scale(1)}.gesture-caption{display:flex;justify-content:space-between;padding:20px 0 12px;font:12px/1.5 monospace;text-transform:uppercase;letter-spacing:.04em}.gesture-progress{height:2px;background:#f6f2ea33}.gesture-progress span{display:block;width:100%;height:100%;background:#b9c9d7;transform:scaleX(.03);transform-origin:left}.gesture-step{padding:36px 0 50px;border-top:1px solid #f6f2ea44}.gesture-number{font:14px monospace;color:#b9c9d7}.gesture-step h3{font:600 clamp(36px,4.3vw,66px)/1.1 var(--sans);letter-spacing:-.055em;margin:28px 0}.gesture-step p{font-size:18px;line-height:1.8;max-width:360px;margin:0}.motion-ready .gesture-visual{position:sticky;top:30px}.motion-ready .gesture-step{min-height:70svh;display:flex;flex-direction:column;justify-content:center}.motion-ready .gesture-step:last-child{min-height:78svh}.motion-ready [data-reveal]{opacity:.18;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.creation-grid{perspective:1200px}.creation-grid figure{position:relative;transition:transform .45s ease,box-shadow .45s ease;transform-origin:center}.creation-grid figcaption{position:relative;background:var(--porcelain)}.founder-portrait{box-shadow:15px 18px 0 var(--concrete)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.creation-grid figure:hover{z-index:2;transform:translateY(-8px) rotateX(2deg);box-shadow:0 22px 32px #25272535}}
@media(max-width:760px){.urban-diptych{padding:35px 22px 55px;gap:18px}.urban-diptych img{height:auto;aspect-ratio:2/3}.urban-diptych figure{box-shadow:7px 10px 0 #25272518,0 15px 23px #25272526}.urban-diptych figure:last-child{transform:translateY(20px) rotate(2deg)}.urban-diptych figcaption{font-size:12px;padding:10px}.urban-diptych figcaption span+span{display:none}.gesture-story{padding:60px 20px 45px}.gesture-heading{display:block;margin-bottom:35px}.gesture-heading h2{font-size:clamp(40px,9vw,66px);margin-top:20px}.gesture-layout{display:block}.gesture-frames{height:42svh;max-height:440px;min-height:210px;box-shadow:8px 10px 0 #0003}.gesture-frame{object-position:center 43%}.gesture-caption{padding-top:14px}.motion-ready .gesture-visual{top:0;z-index:3;background:var(--cacao);padding:14px 0 16px}.gesture-step{padding:30px 0}.motion-ready .gesture-step,.motion-ready .gesture-step:last-child{min-height:54svh;padding:40px 10px;scroll-margin-top:52svh}.gesture-step h3{font-size:clamp(34px,8vw,54px);margin:17px 0}.gesture-step p{font-size:17px}.founder-portrait{box-shadow:8px 10px 0 var(--concrete)}}
@media(max-height:600px){.motion-ready .gesture-visual{position:relative;top:auto}.motion-ready .gesture-step,.motion-ready .gesture-step:last-child{min-height:0;padding:25px 0}.gesture-frames{max-height:none;height:400px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.urban-diptych figure{transform:none!important}.gesture-frame{transition:none;transform:none}.motion-ready .gesture-visual{position:relative;top:auto}.motion-ready .gesture-step,.motion-ready .gesture-step:last-child{min-height:0;padding:30px 0}[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.creation-grid figure{transform:none!important;transition:none!important}}