/* A continuous, left-moving life story: one line, many human contexts. */
:root{--paper:#f7f6f1;--thread:#e63b2e;--lime:#f35b42;--yellow:#f5c544;--blue:#284ac8}
body{overflow-x:clip}::selection{background:var(--thread);color:#fff}.monogram span{color:var(--thread)}
.scroll-scene{position:relative}.scroll-viewport{position:relative}.scroll-chrome,#scroll-start{display:none}
.story-track{position:relative}.human-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.human-thread path{fill:none;stroke:var(--thread);stroke-width:5;vector-effect:non-scaling-stroke;stroke-linecap:round}
.story-panel{position:relative;min-height:760px;isolation:isolate;padding:100px 6vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw}
.story-copy{position:relative;z-index:4;max-width:460px}.story-kicker{font-size:10px;line-height:1.5;letter-spacing:.12em;font-weight:400;margin-bottom:24px}.story-copy h2{font-family:Display,Arial,sans-serif;font-size:clamp(37px,4.5vw,70px);font-weight:400;line-height:1.02;letter-spacing:-.065em}.story-copy h2 em,.work-introduction h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;color:var(--thread)}
.story-description{font-size:clamp(15px,1.35vw,19px);line-height:1.55;max-width:370px;margin-top:24px}.story-afterthought{font-size:13px;line-height:1.5;margin-top:24px;color:#66685e}.thread-note{font-size:15px;line-height:1.8;margin-top:24px}.thread-note strong{font-weight:400;color:var(--thread);border-bottom:2px solid var(--thread)}
.story-art{position:relative;z-index:2;width:100%;aspect-ratio:1;max-height:65vh;transform:translateY(calc(var(--drift,0)*12px));transition:transform .25s ease-out}.collage-window{width:100%;height:100%;background-image:url('assets/journey-collage.png');background-repeat:no-repeat;background-size:300% 100%;mix-blend-mode:multiply}.collage-environment{background-position:0 0;border-radius:50%;transform:rotate(-7deg)}.collage-colombo{background-position:50% 0}.collage-design{background-position:100% 0;clip-path:polygon(4% 3%,95% 0,100% 97%,3% 100%);transform:rotate(5deg)}
.paper-disc{position:absolute;inset:0 0 7% 7%;border-radius:50%;background:var(--yellow);transform:rotate(8deg)}.story-polaroid{position:absolute;left:9%;top:3%;width:73%;padding:12px 12px 18px;background:#fff;transform:rotate(-8deg);box-shadow:0 14px 30px #17171312}.story-polaroid img{width:100%;filter:grayscale(1);aspect-ratio:1;object-fit:cover}.story-polaroid figcaption{font-size:8px;letter-spacing:.06em;margin-top:14px;text-align:center}.empathy-ribbon{position:absolute;left:-7%;bottom:8%;padding:13px 27px;background:var(--thread);color:#fff;font-family:Display,sans-serif;font-size:clamp(23px,3.4vw,58px);letter-spacing:-.055em;line-height:1;transform:rotate(-7deg);white-space:nowrap}.hand-note{position:absolute;right:3%;bottom:-3%;font:italic 19px/1.2 Georgia,serif;transform:rotate(8deg)}
.paper-label{position:absolute;bottom:1%;left:12%;background:var(--yellow);color:var(--ink);padding:12px 18px;font-size:10px;letter-spacing:.06em;transform:rotate(-6deg);white-space:nowrap}.cutout-number{position:absolute;right:-1%;top:8%;width:95px;height:95px;display:grid;place-items:center;background:var(--blue);color:#fff;font-family:Display,sans-serif;font-size:39px;clip-path:polygon(50% 0,60% 29%,85% 8%,77% 37%,100% 50%,73% 61%,88% 86%,60% 76%,50% 100%,38% 75%,12% 88%,26% 60%,0 50%,27% 37%,13% 12%,40% 26%)}
.postcard{position:absolute;inset:3% 0 6%;padding:0 0 30px;background:#fff;transform:rotate(6deg);box-shadow:0 8px 25px #17171312}.postcard .collage-window{height:calc(100% - 15px)}.postcard>span{display:flex;justify-content:space-between;padding:8px 17px;font-size:9px;letter-spacing:.08em}.postcard b{font-size:17px}.place-sticker{position:absolute;top:-9%;left:0;width:120px;height:120px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--yellow);font:italic 20px/1 Georgia,serif;transform:rotate(-15deg)}.design-sticker{position:absolute;top:0;right:0;background:var(--blue);color:#fff;width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;font:24px/1 Display,sans-serif;transform:rotate(12deg)}.design-sticker em{font:italic 42px/1 Georgia,serif}.now-circle{position:absolute;inset:9%;border-radius:50%;background:var(--yellow)}.now-community{position:absolute;width:95%;left:-10%;bottom:6%;filter:grayscale(1);z-index:2;transform:rotate(-5deg)}.now-product{position:absolute;width:54%;right:-2%;top:1%;border:9px solid var(--paper);border-radius:50%;overflow:hidden;transform:rotate(9deg);z-index:3}.now-product img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1)}.now-art .paper-label{z-index:4;bottom:0;left:27%;background:var(--thread);color:#fff}.story-destinations{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px}.story-destinations a{font-size:12px;padding:9px 0;border-bottom:1px solid var(--ink)}.story-destinations a:hover{color:var(--thread);border-color:var(--thread)}.story-destinations span{margin-left:9px}
.chapter-foot{position:absolute;bottom:83px;left:6vw;right:6vw;display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;z-index:3}.chapter-foot>span{color:var(--thread);font-size:20px}
/* Horizontal enhancement is scroll driven; the unenhanced and reduced-motion story stays readable. */
.scroll-enabled .scroll-viewport{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate;background:var(--paper)}
.scroll-enabled .site-header{z-index:30}.scroll-enabled .site-header nav{padding:6px 12px;background:#f7f6f1ed}.scroll-enabled .hero{position:absolute;inset:0;height:100svh;min-height:0;max-height:none;transform:translate3d(calc(var(--travel,0)*-1px),0,0);opacity:var(--intro-opacity,1);will-change:transform}
.scroll-enabled .story-track{position:absolute;top:0;left:100%;height:100%;display:flex;width:max-content;transform:translate3d(calc(var(--travel,0)*-1px),0,0);will-change:transform}
.scroll-enabled .story-panel{width:84vw;height:100svh;min-height:0;flex:none;padding:110px 5vw 95px;display:block}.scroll-enabled .story-opening{width:100vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-inline:7vw}.scroll-enabled .story-now{width:100vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-inline:7vw}
.scroll-enabled .story-panel:not(.story-opening):not(.story-now) .story-copy{position:absolute;top:16%;left:5vw;width:36vw;max-width:440px}.scroll-enabled .story-panel:not(.story-opening):not(.story-now) .story-art{position:absolute;width:36vw;max-width:540px;right:2vw;bottom:14%;height:auto;max-height:58vh;aspect-ratio:1}.scroll-enabled .story-colombo .story-copy{top:auto!important;bottom:18%;left:42vw!important;width:35vw!important}.scroll-enabled .story-colombo .story-art{right:auto!important;left:4vw;bottom:auto!important;top:15%}
.scroll-enabled .scroll-chrome{position:absolute;display:flex;bottom:0;left:0;right:0;height:58px;background:var(--paper);align-items:center;gap:24px;justify-content:space-between;padding:0 32px;z-index:35;border-top:1px solid #d8d7cf;font-size:10px;opacity:var(--chrome-opacity,0);visibility:hidden}.scroll-instruction{font-size:9px;letter-spacing:.1em;white-space:nowrap}.scroll-instruction>span{color:var(--thread);margin-left:8px}.gallery-chapters{display:flex;gap:24px}.gallery-chapters a{padding:10px 0;color:#717267;font-size:11px;white-space:nowrap}.gallery-chapters a[aria-current]{color:var(--thread);box-shadow:0 1px var(--thread)}.scroll-meter{height:2px;background:#dddcd4;flex:1;max-width:160px;overflow:hidden}.scroll-meter>span{display:block;height:100%;background:var(--thread);transform:scaleX(var(--progress,0));transform-origin:left}.gallery-skip{font-size:11px;white-space:nowrap}.gallery-skip:hover{color:var(--thread)}.scroll-enabled #scroll-start{position:absolute;display:block;left:0;top:100vh;width:1px;height:1px;pointer-events:none}
/* The vertical page is explicitly divided by research discipline. */
.work{padding-top:0}.work-introduction{padding:95px 0 70px;border-top:1px solid var(--line)}.work-introduction h2{font:400 clamp(40px,6.6vw,95px)/1.05 Display,sans-serif;letter-spacing:-.065em}.work-introduction>p:not(.story-kicker){margin-top:25px;color:#5c5f53;font-size:17px;line-height:1.5}.practice-jump{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:50px}.practice-jump a{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:20px;align-items:center;font-size:19px;letter-spacing:-.02em}.practice-jump a:hover{color:var(--thread)}.practice-jump a>span{font-size:11px;color:var(--thread)}.practice-jump b{margin-left:auto;font-weight:400}.practice-group{padding-top:30px;scroll-margin-top:35px}.practice-group+.practice-group{margin-top:100px;border-top:1px solid var(--ink);padding-top:65px}.discipline-heading{display:grid;grid-template-columns:60px 1fr 100px;gap:30px;align-items:start;padding:25px 0 45px}.discipline-index{color:var(--thread);font:400 35px/1 Display,sans-serif;letter-spacing:-.05em}.discipline-heading .story-kicker{margin-bottom:15px}.discipline-heading h2{font:400 clamp(30px,3.6vw,55px)/1.05 Display,sans-serif;letter-spacing:-.055em}.discipline-heading p:last-child{max-width:590px;margin-top:18px;font-size:16px;line-height:1.5;color:#5d6055}.discipline-mark{font-size:85px;line-height:.8;color:var(--thread);justify-self:end}.project-heading h3{font-size:clamp(65px,8vw,130px)}.project-top{font-size:10px;color:#616557}.contact{background:var(--thread);color:#fff}.contact .copy-email{border-color:#ffffff80}.contact .email{border-color:#ffffff80}.contact-bottom{border-color:#ffffff70}.project-cursor{color:#fff;background:var(--thread)}
@media(max-height:800px) and (min-width:681px){.scroll-enabled .hero{padding-top:85px}.scroll-enabled .hero-big{font-size:min(15.2vw,24vh)}.scroll-enabled .hero-intro{top:calc(105px + 24vh);font-size:18px}.scroll-enabled .hero-side{top:calc(105px + 24vh);font-size:15vh}.scroll-enabled .hero-signature{top:48%}.scroll-enabled .hero-signature h1{font-size:min(12.7vw,22vh)}.scroll-enabled .hero-bottom-left,.scroll-enabled .hero-bottom-right{bottom:80px}.scroll-enabled .hero-bottom-left{font-size:16px}.scroll-enabled .hero-bottom-right{font-size:22px}.scroll-enabled .scroll-cue{bottom:74px}.story-copy h2{font-size:clamp(34px,4.2vw,60px)}.story-description{font-size:16px;margin-top:20px}.story-afterthought{margin-top:18px}.story-kicker{margin-bottom:18px}.story-art{max-height:60vh}.story-polaroid{width:67%}.story-opening .story-description{max-width:400px}}
@media(max-width:900px) and (min-width:681px){.scroll-enabled .story-panel{width:100vw}.scroll-enabled .story-panel:not(.story-opening):not(.story-now) .story-art{width:42vw}.scroll-enabled .story-panel:not(.story-opening):not(.story-now) .story-copy{width:40vw}.scroll-enabled .story-colombo .story-copy{left:53vw!important;width:40vw!important}.scroll-chrome .scroll-instruction,.scroll-meter{display:none}.gallery-chapters{gap:18px}.story-copy h2{font-size:45px}.story-description{font-size:16px}.discipline-heading{grid-template-columns:45px 1fr 65px;gap:20px}}
@media(max-width:680px){
 .scroll-enabled .hero{height:100svh}.scroll-enabled .hero-signature{top:53%;transform:none}.scroll-enabled .hero-side,.scroll-enabled .hero-intro{top:29%}.scroll-enabled .curiosity{top:43%}.scroll-enabled .hero-bottom-left{bottom:14%;font-size:12px;max-width:44%}.scroll-enabled .hero-bottom-right{bottom:14%;font-size:15px;max-width:49%}.scroll-enabled .site-header nav{padding:6px 8px;gap:20px}.scroll-enabled .scroll-cue{bottom:7%;left:auto;right:20px;font-size:11px;flex-direction:row;gap:15px}.scroll-enabled .hero-baseline{bottom:17px}
 .story-panel,.scroll-enabled .story-panel,.scroll-enabled .story-opening,.scroll-enabled .story-now{width:100vw;padding:90px 24px 70px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;height:100svh;min-height:680px}.scroll-enabled .story-panel{min-height:0}.story-copy,.scroll-enabled .story-panel:not(.story-opening):not(.story-now) .story-copy,.scroll-enabled .story-colombo .story-copy{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:none}.story-kicker{font-size:8px;margin-bottom:13px}.story-copy h2{font-size:37px;line-height:1.04}.story-opening .story-copy h2{font-size:39px}.story-opening .story-copy h2 br{display:none}.story-opening .story-copy h2 em{display:block}.story-description{font-size:14px;line-height:1.45;max-width:390px;margin-top:15px}.story-afterthought{display:none}.thread-note{font-size:13px;margin-top:12px}
 .story-art,.scroll-enabled .story-panel:not(.story-opening):not(.story-now) .story-art,.scroll-enabled .story-colombo .story-art{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;align-self:center;width:min(65vw,34svh)!important;height:min(65vw,34svh)!important;max-height:none;flex-shrink:1;min-height:0;aspect-ratio:1;margin-bottom:14px}.story-opening .story-art{width:min(66vw,32svh)!important;height:min(66vw,32svh)!important}.story-now .story-art{width:min(58vw,29svh)!important;height:min(58vw,29svh)!important}.hand-note{font-size:13px;right:-13%;bottom:0}.empathy-ribbon{font-size:26px;left:-10%;padding:10px 16px}.story-polaroid{padding:7px 7px 10px}.story-polaroid figcaption{font-size:6px;margin-top:9px}.chapter-foot{display:none}.cutout-number{width:65px;height:65px;font-size:28px}.place-sticker,.design-sticker{width:76px;height:76px;font-size:15px}.design-sticker em{font-size:28px}.paper-label{font-size:7px;padding:10px 12px;left:0}.postcard>span{font-size:7px;padding:6px 10px}.postcard{padding-bottom:20px}.postcard .collage-window{height:calc(100% - 10px)}.story-destinations{margin-top:14px;gap:10px}.story-destinations a{font-size:10px;padding:6px 0}.human-thread path{stroke-width:3}
 .scroll-enabled .scroll-chrome{height:50px;padding:0 20px;gap:16px}.scroll-instruction,.scroll-meter{display:none}.gallery-chapters{flex:1;gap:16px;overflow-x:auto;scrollbar-width:none;align-items:center}.gallery-chapters a{font-size:9px}.gallery-skip{font-size:0}.gallery-skip::after{content:'Work ↘';font-size:10px}.work-introduction{padding:60px 0 40px}.work-introduction h2{font-size:40px}.work-introduction>p:not(.story-kicker){font-size:15px;margin-top:21px}.practice-jump{grid-template-columns:1fr;gap:0;margin-top:32px}.practice-jump a{font-size:16px;padding:20px 0}.practice-jump a+a{border-top:0}.discipline-heading{grid-template-columns:32px 1fr;gap:15px;padding:25px 0 30px}.discipline-mark{display:none}.discipline-index{font-size:27px}.discipline-heading h2{font-size:30px}.discipline-heading .story-kicker{font-size:7px;margin-bottom:13px}.discipline-heading p:last-child{font-size:14px;margin-top:16px}.practice-group+.practice-group{margin-top:65px;padding-top:35px}.project-heading h3{font-size:17vw}
}
@media(prefers-reduced-motion:reduce){.story-art{transform:none;transition:none}.story-track{overflow:hidden}.human-thread{display:none}.story-panel{min-height:650px}.story-panel+.story-panel{border-top:1px solid var(--line)}}
/* Leave a clear reading surface where the empathy line passes behind copy. */
.story-copy{background:var(--paper);padding-block:8px}

.scroll-enabled .scroll-viewport>.scroll-cue{opacity:var(--intro-opacity,1);z-index:20}
html:not(.scroll-enabled) .scroll-viewport>.scroll-cue{display:none}