html{scroll-behavior:auto;scroll-padding-top:0}.hero-role{top:20%}.hero-role-inner{max-width:430px}.name-marquee{bottom:98px}.hero-role-small{margin-top:23px}.project-story{background:var(--paper)}.story-heading{padding:90px var(--pad) 65px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.story-heading h2{font-size:clamp(52px,7.5vw,120px);font-weight:400;line-height:1.1;letter-spacing:-.065em}.story-heading h2>span{display:inline-block;vertical-align:top;font-size:12px;letter-spacing:0;margin:15px 0 0 22px;color:var(--muted)}.story-heading>span{font-size:11px;color:var(--muted);padding-bottom:12px}.project-pin{position:relative;padding:0 var(--pad);background:var(--paper)}.showcase-hud{height:75px;display:flex;align-items:center;gap:25px;font-size:9px;color:var(--muted)}.showcase-hud>span:first-child{letter-spacing:.07em}.showcase-hud>a{margin-left:auto;font-size:10px;padding-right:35px}.project-count-live{font:10px 'Courier New',monospace;color:var(--ink)}.project-slide{background:var(--paper);position:relative;padding-bottom:45px}.showcase-visual{display:block;position:relative;width:100%;height:clamp(430px,61vh,780px);overflow:hidden;background:#a8b9c0;isolation:isolate}.showcase-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}.showcase-visual:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#131c252b);pointer-events:none}.visual-caption{position:absolute;bottom:19px;left:22px;font-size:8px;color:white;text-shadow:0 1px 5px #0008;z-index:2}.visual-open{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%) scale(.85);opacity:0;display:grid;place-items:center;width:110px;height:110px;border-radius:50%;color:#fff;background:var(--blue);font-size:12px;transition:transform .45s var(--ease),opacity .35s;z-index:3}.showcase-visual:hover .visual-open,.showcase-visual:focus-visible .visual-open{opacity:1;transform:translate(-50%,-50%) scale(1)}.showcase-info{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.65fr) 95px;gap:50px;align-items:center;min-height:180px;padding:25px 0 30px}.showcase-kind{display:block;color:var(--muted);font-size:9px;margin-bottom:14px}.title-mask{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.showcase-title{font-size:clamp(34px,4.7vw,75px);font-weight:400;letter-spacing:-.06em;line-height:1.14}.showcase-info>p{font-size:12px;color:var(--muted);line-height:1.8;max-width:340px}.showcase-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:88px;height:88px;border-radius:50%;background:var(--ink);color:white;transition:background .4s;position:relative;isolation:isolate;overflow:hidden}.showcase-button>span:first-child{font-size:10px}.showcase-button>span:last-child{font-size:23px;font-weight:300}.showcase-button:before{content:'';position:absolute;inset:0;background:var(--blue);border-radius:50%;transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}.showcase-button:hover:before{transform:none}.slide-nightjar .showcase-visual{background:#39332c}.slide-remote .showcase-visual{background:#bac4b0}.slide-zorvane .showcase-visual{background:#495d71}.slide-barber .showcase-visual{background:#c7b8a2}.slide-batch .showcase-visual{background:#ac6d55}.project-chapters{display:none}.project-pin.story-active{height:100svh;min-height:660px;max-height:1200px;overflow:hidden}.story-active .project-slides{position:absolute;top:75px;left:var(--pad);right:var(--pad);bottom:45px;isolation:isolate}.story-active .project-slide{position:absolute;inset:0;display:flex;flex-direction:column;padding-bottom:0;will-change:clip-path}.story-active .showcase-visual{height:auto;flex:1;min-height:0}.story-active .showcase-info{flex:0 0 175px}.story-active .showcase-hud{position:relative;z-index:9}.story-active .project-chapters{position:absolute;bottom:17px;left:var(--pad);right:var(--pad);height:18px;display:flex;gap:14px;align-items:center;z-index:8}.project-chapters>button{display:flex;align-items:center;gap:8px;flex:1;height:25px;text-align:left;color:#919b88}.project-chapters span{font:8px 'Courier New',monospace}.project-chapters i{height:1px;flex:1;display:block;background:#ccd1c7;position:relative;overflow:hidden}.project-chapters i:after{content:'';position:absolute;inset:0;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .55s}.project-chapters>button[aria-current=step]{color:var(--blue)}.project-chapters>button[aria-current=step] i:after{transform:scaleX(1)}.project-chapters>button:hover i:after{transform:scaleX(.5)}
.journey{padding:100px var(--pad) 140px;position:relative;overflow:hidden}.journey>h2{font-size:clamp(58px,7.1vw,110px);font-weight:400;line-height:1.05;margin-top:65px}.timeline{margin-top:100px;gap:50px}.timeline-track{height:1px;background:#ced3c8}.timeline-track>span{transform-origin:left;background:var(--blue)}.timeline-bead{display:block;position:absolute;left:0;top:-5px;width:11px;height:11px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 8px #354ed410;transform:translateX(-50%);will-change:left,top}.timeline-year{display:flex;align-items:center;gap:20px;overflow:hidden;font-size:clamp(46px,5.6vw,90px);line-height:1.2;font-weight:400;letter-spacing:-.07em;color:#9aa390}.timeline-year>.year-value{font:inherit;display:inline-block;will-change:transform}.timeline-year>.year-arrow{font-size:.8em}.timeline h3{font-size:22px;font-weight:450;letter-spacing:-.045em}.timeline p{font-size:12px;color:#7d8771;max-width:255px}.timeline-item{transition:color .4s;--entry-active:0}.timeline-item:before{border-color:#b7c0ad}.timeline-item.is-current:before{background:var(--blue);border-color:var(--blue)}.timeline-item.is-current .timeline-year{color:var(--ink)}.timeline-item.current .timeline-year{color:var(--blue)}.timeline-item.is-past .timeline-year{color:#67775a}.timeline-item.is-current h3{color:var(--ink)}.timeline-item h3{transition:color .5s;color:#727d66}.contact h2{font-size:clamp(54px,6.9vw,110px)}.contact-top>p{max-width:250px}.contact-facts{margin-top:50px}.info-content>p{line-height:1.8}
.motion-off .project-slide{clip-path:none!important;transform:none!important;visibility:visible!important;opacity:1!important}.motion-off .showcase-title,.motion-off .showcase-info>p,.motion-off .showcase-visual>img{transform:none!important;opacity:1!important;visibility:visible!important}.motion-off .year-value{transform:none!important;opacity:1!important}
@media(min-width:1700px){.story-active .showcase-info{flex-basis:205px}.showcase-info>p{font-size:14px}.showcase-kind{font-size:11px}.showcase-button{width:100px;height:100px}.visual-caption{font-size:10px}.showcase-hud{font-size:11px;height:85px}.story-active .project-slides{top:85px}.timeline p{font-size:14px}}
@media(max-width:1100px){.story-heading{padding-top:70px}.story-heading h2{font-size:8vw}.story-heading>span{font-size:10px;max-width:180px;line-height:1.6}.showcase-info{grid-template-columns:minmax(0,1fr) minmax(180px,.65fr) 75px;gap:30px}.showcase-title{font-size:4.5vw}.showcase-info>p{font-size:11px}.showcase-button{width:73px;height:73px}.showcase-visual{height:500px}.story-active .showcase-info{flex-basis:175px}.timeline{gap:30px}.timeline h3{font-size:19px}.timeline p{font-size:11px}}
@media(max-width:760px){.hero-role{top:95px}.hero-role-inner{max-width:270px}.hero-role p{font-size:21px}.hero-role-small{margin-top:15px}.story-heading{padding:55px 24px 25px;display:block}.story-heading h2{font-size:13vw;line-height:1.15}.story-heading h2>span{font-size:8px;margin:6px 0 0 12px}.story-heading>span{display:block;font-size:9px;max-width:none;padding:0;margin-top:15px}.project-pin{padding:0 24px}.showcase-hud{height:65px;font-size:7px;gap:15px}.showcase-hud>span:first-child{letter-spacing:.04em}.project-count-live{font-size:8px}.showcase-hud>a{font-size:8px;max-width:120px;line-height:1.4;padding:0;margin-left:auto}.project-pin.story-active{min-height:620px;max-height:1100px}.story-active .project-slides{top:65px;left:24px;right:24px;bottom:45px}.story-active .showcase-info{flex-basis:245px}.showcase-visual{height:390px}.showcase-visual>img{object-fit:cover;object-position:center}.slide-school .showcase-visual>img{object-position:52% center}.slide-nightjar .showcase-visual>img{object-position:center}.slide-remote .showcase-visual>img{object-position:47% center}.visual-caption{font-size:6px;left:12px;bottom:12px;max-width:230px;line-height:1.6}.visual-open{display:none}.showcase-info{grid-template-columns:minmax(0,1fr) 63px;gap:15px;min-height:230px;padding:23px 0 20px;align-content:center}.showcase-info>div{grid-column:1/-1}.showcase-kind{font-size:8px;margin-bottom:12px}.showcase-title{font-size:clamp(29px,8vw,47px);line-height:1.15;letter-spacing:-.055em;overflow-wrap:anywhere}.showcase-info>p{font-size:11px;max-width:270px}.showcase-button{width:60px;height:60px;gap:3px;align-self:center}.showcase-button>span:first-child{font-size:8px}.showcase-button>span:last-child{font-size:19px}.story-active .project-chapters{left:24px;right:24px;gap:10px;bottom:17px}.project-chapters span{font-size:6px}.project-chapters>button{gap:4px}.project-slide{padding-bottom:25px}.journey{padding:65px 24px 65px}.journey>h2{font-size:13vw;line-height:1.08;margin-top:40px}.timeline{margin-top:55px;padding-left:26px}.timeline-track{width:1px;height:auto;left:0;top:0;bottom:35px}.timeline-track>span{transform-origin:top}.timeline-bead{left:-4px;top:0;width:9px;height:9px;transform:translateY(-50%);box-shadow:0 0 0 6px #354ed410}.timeline-item{padding-left:8px;padding-bottom:45px}.timeline-item:before{left:-29px;top:12px}.timeline-year{font-size:48px;gap:25px}.timeline h3{font-size:21px;margin-top:13px}.timeline p{font-size:11px;max-width:275px;line-height:1.8;margin-top:10px}.contact{padding-top:30px}.contact-top{margin-top:35px}.contact-orbit{margin-top:30px}.contact-facts{margin-top:35px}}
@media(max-width:380px){.hero-role{top:90px}.hero-role p{font-size:20px}.story-active .showcase-info{flex-basis:245px}.showcase-info>p{font-size:10px}.showcase-title{font-size:8.1vw}.showcase-info{gap:13px}.showcase-hud>a{max-width:100px;font-size:7px}.project-chapters span{display:none}.story-heading>span{font-size:8px}}
@media(max-height:650px) and (min-width:761px){.hero-role{top:18%}.hero-role p{font-size:24px}.hero-arrow{margin-bottom:20px}.project-pin.story-active{min-height:540px}.story-active .showcase-info{flex-basis:145px}.showcase-title{font-size:38px}.showcase-info{min-height:145px}.showcase-info>p{font-size:10px}.showcase-kind{font-size:8px;margin-bottom:8px}.showcase-hud{height:55px}.story-active .project-slides{top:55px}.showcase-button{width:65px;height:65px}}
.documents{padding:80px var(--pad) 75px;background:#e4e7df}.documents-heading{display:flex;justify-content:space-between;gap:40px;align-items:baseline;margin-bottom:40px}.documents-heading h2{font-size:clamp(35px,4.4vw,70px);font-weight:400;line-height:1.15;letter-spacing:-.055em}.documents-heading>span{font-size:11px;color:var(--muted)}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.document-card{position:relative;display:block;overflow:hidden;height:250px;background:#d5dcd0;padding:35px;color:var(--ink)}.document-card:nth-child(2){background:#d7dce0}.document-label{position:relative;z-index:2;width:60%;height:100%;display:flex;align-items:flex-start;flex-direction:column}.document-label>span:first-child{font-size:9px;color:#78826d}.document-label h3{font-size:33px;font-weight:400;letter-spacing:-.055em;margin-top:20px;line-height:1.15}.document-period{font-size:9px;color:#7e8773;margin-top:8px}.document-label .document-open{margin-top:auto;font-size:10px;border-bottom:1px solid #9fa994;padding-bottom:5px}.document-card>img{position:absolute;width:170px;height:auto;max-width:45%;right:15px;top:35px;transform:rotate(9deg);box-shadow:2px 10px 20px #2d3a291c;transition:transform .7s var(--ease);transform-origin:50% 70%;filter:saturate(.5)}.document-card:nth-child(2)>img{transform:rotate(-8deg);right:25px}.document-card:hover>img{transform:rotate(2deg) translateY(-15px)}.document-card:nth-child(2):hover>img{transform:rotate(-2deg) translateY(-15px)}
@media(max-width:1100px){.document-card{padding:28px;height:230px}.document-label h3{font-size:29px}.document-card>img{width:150px;right:0;top:45px}.document-card:nth-child(2)>img{right:10px}.documents-heading>span{font-size:10px}}
@media(max-width:760px){.documents{padding:45px 24px 45px}.documents-heading{display:block;margin-bottom:28px}.documents-heading h2{font-size:9.4vw}.documents-heading>span{font-size:10px;display:block;margin-top:13px}.document-grid{grid-template-columns:1fr;gap:18px}.document-card{height:205px;padding:28px}.document-label h3{font-size:30px;margin-top:16px}.document-label>span:first-child{font-size:8px}.document-label .document-open{font-size:9px}.document-card>img{width:135px;right:7px;top:28px}.document-card:nth-child(2)>img{right:17px}.document-period{font-size:8px;margin-top:6px}}
.journey.journey-pinned{height:100svh;min-height:720px;max-height:1200px;padding-top:60px;padding-bottom:90px;display:flex;flex-direction:column}.journey-pinned>h2{margin-top:50px;font-size:clamp(58px,6.8vw,108px)}.journey-pinned .timeline{margin-top:auto;padding-top:35px;padding-bottom:20px}.journey-pinned .timeline-item{opacity:.36;transform:translateY(14px);transition:opacity .6s,transform .6s}.journey-pinned .timeline-item.is-current{opacity:1;transform:translateY(0)}.journey-pinned .timeline-item.is-past{opacity:.65;transform:translateY(0)}.journey-pinned .timeline-item:before{top:-38px}.journey-pinned .timeline-year{font-size:clamp(56px,6.3vw,96px)}.contact-actions>a{margin-left:auto}
.showcase-visual>picture{display:block;width:100%;height:100%}.showcase-visual>picture>img{width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}.visual-caption{font-size:9px}
@media(max-width:760px){.project-pin.story-active{min-height:0}.showcase-hud{padding-right:60px;gap:10px}.showcase-hud>a{font-size:7px;max-width:85px}.story-active .project-chapters{height:32px;bottom:9px}.project-chapters>button{height:32px}.project-chapters span{font-size:8px}.showcase-visual>picture>img{object-fit:cover;object-position:center}.visual-caption{font-size:7.5px}}
@media(max-width:1100px){.journey.journey-pinned{padding-bottom:70px}.journey-pinned .timeline h3{font-size:18px}.journey-pinned .timeline p{font-size:11px}.journey-pinned .timeline-year{font-size:6vw}}
@media print{.project-story,.documents{display:none!important}}