/* Full-screen map, followed by the Orbe portfolio composition in Evolott's identity. */
html{scroll-padding-top:0}
.architecture .project-start.wrap{width:100%;max-width:none;height:100svh;min-height:650px;padding:0;position:relative;isolation:isolate;scroll-margin-top:0}
.project-start .location-map-frame{position:absolute;inset:0;height:100%;border-radius:0}
.project-start>.section-heading{position:absolute;z-index:460;left:var(--gutter);top:60px;width:min(460px,40%);display:block;margin:0;padding:26px 30px;background:#fffffff2;border-radius:4px;pointer-events:none}
.project-start .section-heading .section-index{font-size:8px;color:#667282}
.project-start .section-heading h2{font-size:clamp(36px,3.6vw,57px);line-height:1.1;margin:22px 0 20px;font-weight:400}
.project-start .section-heading>p{font-size:10px;line-height:1.8;max-width:310px}
.project-start .map-top{left:auto;right:var(--gutter);top:32px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.project-start .map-actions{margin:0}.project-start .map-instruction{font-size:9px}
.project-start .map-bottom-card{left:auto;right:var(--gutter);bottom:120px;width:min(650px,calc(100% - 2*var(--gutter)));border-radius:5px;padding:20px 24px}
.project-start>.map-section-bottom{position:absolute;z-index:460;bottom:26px;left:var(--gutter);right:var(--gutter);margin:0;background:#fffffff2;padding:15px 22px;border-radius:4px;pointer-events:auto}
.project-start .map-section-bottom p{font-size:9px}.project-start .map-draft-actions{gap:20px}.project-start .map-draft-actions button{font-size:9px;margin-top:3px;padding-block:4px}
.project-start .leaflet-control-zoom{margin:0 var(--gutter) 205px 0}
.project-start .leaflet-control-attribution{max-width:100%;font-size:8px}
.portfolio-layout{display:grid;grid-template-columns:205px minmax(0,1fr);align-items:start;background:#fff}
.portfolio-rail{position:sticky;top:0;height:100svh;max-height:1100px;padding:40px 24px 25px;border-right:1px solid #e8e9e8;display:flex;flex-direction:column;background:#fff;z-index:5}
.portfolio-rail .brand{font-size:26px;gap:7px}.portfolio-rail .brand small{font-size:8px}.portfolio-rail .symbol{width:.95em}
.portfolio-rail nav{display:flex;flex-direction:column;gap:7px;margin-top:60px;font-size:10px}.portfolio-rail nav>button{padding:7px 0;text-align:left;display:flex;justify-content:space-between;gap:10px}.portfolio-rail nav small{font-size:8px;color:#8b9499}.portfolio-rail nav>a{padding:5px 0}.portfolio-rail nav hr{width:100%;border:0;border-top:1px solid #dfe2e3;margin:14px 0}.rail-label{font-size:7px;color:#8a9298;letter-spacing:.06em;margin-bottom:10px}.portfolio-rail [aria-pressed=true]{color:#1749EF}.rail-bottom{margin-top:auto;padding-top:35px;font-size:7px;line-height:1.8;color:#727c85}.rail-bottom>.symbol{width:31px;color:#000}.rail-bottom p{margin:19px 0 18px;color:#343e47}.rail-bottom>a{display:block;margin-top:22px}
.portfolio-content{min-width:0}.portfolio-feature{position:relative;height:100svh;min-height:650px;max-height:1150px;color:#fff;isolation:isolate;overflow:hidden;background:#303b38}
.portfolio-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.portfolio-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,transparent 35%,#0007 100%);z-index:-1;pointer-events:none}
.feature-top{position:absolute;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.035em}.feature-top a{border-bottom:1px solid #ffffff80;padding-bottom:8px}
.feature-open{position:absolute;bottom:190px;left:45px;max-width:calc(100% - 90px);padding:0;text-align:left;color:#fff}.feature-open>span:first-child{font-size:12px;display:block;margin-bottom:22px}.feature-open h2{font-size:clamp(38px,4.7vw,76px);line-height:1.1;font-weight:400;letter-spacing:-.05em;margin-bottom:18px}.feature-open>small{font-size:10px}.feature-explore{font-size:8px;letter-spacing:.04em;display:flex;align-items:center;gap:55px;margin-top:30px;width:max-content;border-bottom:1px solid #ffffff80;padding-bottom:9px}.feature-explore i{font-style:normal;font-size:22px}
.feature-controls{position:absolute;left:45px;right:45px;bottom:105px;display:flex;justify-content:space-between;gap:30px;align-items:center}.feature-controls>div{display:flex;gap:24px;align-items:center}.feature-controls button{color:#fff;padding:7px 0;font-size:11px}.feature-controls button[aria-pressed=true]{border-bottom:1px solid white}.feature-controls>div:last-child button{font-size:27px;font-weight:300}.feature-controls #feature-pause{font-size:12px;min-width:25px}
.feature-down{position:absolute;left:45px;right:45px;bottom:28px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff70;padding-top:20px;font-size:8px;letter-spacing:.03em}.feature-down span{font-size:25px}
.portfolio-archive,.portfolio-studio{padding:85px 40px 90px;scroll-margin-top:20px}.archive-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;margin-bottom:60px}.archive-heading .section-index{font-size:8px;padding-top:5px}.archive-heading h2{font-size:clamp(33px,3.2vw,52px);line-height:1.1;font-weight:400;letter-spacing:-.05em}.archive-view{display:flex;gap:18px;justify-self:end;padding-top:13px}.archive-view button{font-size:7px;padding:0 0 7px;color:#8a9197;letter-spacing:.03em}.archive-view button[aria-pressed=true]{color:#131b20;border-bottom:1px solid currentColor}
.archive-toolbar{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-block:1px solid #dfe2e3;margin-bottom:35px;font-size:8px;color:#7a848c}.archive-toolbar>div{display:flex;gap:25px}.archive-toolbar button{font-size:10px;color:#838a91;padding:0}.archive-toolbar button[aria-pressed=true]{color:#1749EF}.archive-toolbar>span{font-size:7px;letter-spacing:.03em;align-self:center}
.archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:75px 35px;align-items:start}.archive-card{padding:0;text-align:left;display:block;width:100%;min-width:0}.archive-card:nth-child(6n+1){grid-column:span 8}.archive-card:nth-child(6n+2){grid-column:span 4;padding-top:90px}.archive-card:nth-child(6n+3){grid-column:span 5}.archive-card:nth-child(6n+4){grid-column:span 7;align-self:end;padding-bottom:35px}.archive-card:nth-child(6n+5){grid-column:span 7}.archive-card:nth-child(6n+6){grid-column:span 5;padding-top:90px}
.archive-photo{position:relative;aspect-ratio:1.5;overflow:hidden;background:#eef0ee}.archive-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.archive-card:nth-child(6n+2) .archive-photo,.archive-card:nth-child(6n+3) .archive-photo{aspect-ratio:.81}.archive-card:hover img{transform:scale(1.025)}.archive-photo>span{position:absolute;bottom:17px;right:17px;background:#ffffffed;border-radius:50%;width:32px;height:32px;font-size:23px;font-weight:300;display:grid;place-items:center}
.archive-caption{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:10px;padding-top:18px;align-items:baseline}.archive-caption>small{font-size:8px;color:#9099a0}.archive-caption h3{font-size:21px;font-weight:400;line-height:1.2;letter-spacing:-.035em}.archive-caption>span{font-size:21px;grid-column:3;grid-row:1/3;align-self:center}.archive-caption>em{font-size:9px;color:#89939a;grid-column:2;font-style:normal}
.archive-grid.is-index{display:block}.is-index .archive-card:nth-child(n){padding:22px 0;display:flex;gap:28px;align-items:center;border-bottom:1px solid #e2e5e5}.is-index .archive-photo{width:130px;height:90px;aspect-ratio:auto;flex:none}.is-index .archive-caption{flex:1;grid-template-columns:25px 1fr auto;align-items:center;padding:0}.is-index .archive-caption>em{grid-column:2}.is-index .archive-photo>span{display:none}
.portfolio-archive .inline-study{width:100%;margin-bottom:50px}.portfolio-studio{border-top:1px solid #eceeed}.portfolio-studio .archive-heading>.symbol{width:45px;justify-self:end}.portfolio-studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-left:24%;margin-bottom:75px}.portfolio-studio-copy>p{font-size:23px;line-height:1.5;letter-spacing:-.03em}.portfolio-studio-copy>div>p{font-size:12px;color:#6d777f;line-height:1.9;margin-bottom:22px}.portfolio-studio-copy .text-link{font-size:9px}.portfolio-studio-images{display:grid;grid-template-columns:3fr 5fr;gap:9%;align-items:start}.portfolio-studio-images figure:first-child{padding-top:85px}.portfolio-studio-images img{width:100%;aspect-ratio:.95;object-fit:cover}.portfolio-studio-images figure:first-child img{aspect-ratio:.75}.portfolio-studio-images figcaption{font-size:8px;color:#899198;margin-top:13px}
@media(min-width:1800px){.portfolio-layout{grid-template-columns:245px minmax(0,1fr)}.portfolio-rail{padding-inline:32px}.portfolio-archive,.portfolio-studio{padding-inline:60px}.archive-grid{gap:95px 55px}}
@media(max-width:1000px){.portfolio-layout{grid-template-columns:170px minmax(0,1fr)}.portfolio-rail{padding-inline:20px}.portfolio-rail .brand{font-size:21px}.portfolio-rail nav{font-size:9px}.portfolio-archive,.portfolio-studio{padding-inline:28px}.archive-grid{gap:50px 23px}.archive-heading{gap:23px;grid-template-columns:.8fr 1.6fr 1fr}.archive-heading h2{font-size:34px}.archive-view{gap:12px}.archive-caption h3{font-size:17px}.portfolio-studio-copy{padding-left:0;gap:8%}.project-start>.section-heading{width:45%}}
@media(max-width:760px){.architecture .project-start.wrap{height:100svh;min-height:800px}.project-start>.section-heading{top:25px;left:20px;width:min(350px,calc(100% - 40px));padding:18px 22px}.project-start .section-heading h2{font-size:34px;margin:14px 0}.project-start .section-heading>p{font-size:9px}.project-start .map-top{top:270px;left:20px;right:20px;align-items:flex-start;gap:8px}.project-start .map-instruction{padding:9px 12px;font-size:8px}.project-start .map-actions{gap:6px}.project-start .map-actions button{padding:10px 12px;font-size:8px}.project-start>.map-section-bottom{bottom:22px;left:20px;right:20px;padding:12px 16px}.project-start .map-section-bottom p{font-size:8px}.project-start .map-section-bottom>.text-link{margin-top:10px;font-size:9px}.project-start .map-bottom-card{bottom:190px;left:65px;right:20px;width:auto;padding:15px}.project-start .leaflet-control-zoom{margin-right:20px;margin-bottom:240px}.portfolio-layout{display:block}.portfolio-rail{display:none}.portfolio-feature{height:100svh;min-height:650px;max-height:1000px}.feature-top{top:23px;left:23px;right:23px;font-size:7px}.feature-open{left:24px;bottom:185px;max-width:calc(100% - 48px)}.feature-open>span:first-child{font-size:10px;margin-bottom:18px}.feature-open h2{font-size:42px;line-height:1.1}.feature-open>small{font-size:9px}.feature-explore{font-size:7px;margin-top:25px;gap:40px}.feature-controls{left:24px;right:24px;bottom:105px}.feature-controls>div{gap:20px}.feature-down{left:24px;right:24px;bottom:27px;font-size:7px}.portfolio-archive,.portfolio-studio{padding:55px 23px 65px}.archive-heading{grid-template-columns:1fr auto;gap:25px 20px;margin-bottom:35px}.archive-heading>.section-index{grid-column:1/-1;font-size:8px}.archive-heading h2{font-size:35px}.archive-view{padding-top:0;align-self:end;gap:14px}.archive-view button{font-size:6px}.archive-toolbar{margin-bottom:25px;gap:15px;padding-block:17px}.archive-toolbar>div{gap:16px;flex-wrap:wrap}.archive-toolbar button{font-size:9px}.archive-toolbar>span{font-size:6px;white-space:nowrap}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.archive-card:nth-child(n){grid-column:span 1;padding:0;align-self:start}.archive-card:nth-child(3n+1){grid-column:1/-1}.archive-card:nth-child(n) .archive-photo{aspect-ratio:.88}.archive-card:nth-child(3n+1) .archive-photo{aspect-ratio:1.45}.archive-caption{grid-template-columns:1fr 15px;gap:7px 5px;padding-top:14px}.archive-caption>small{display:none}.archive-caption h3{font-size:15px}.archive-caption>em{grid-column:1;font-size:8px}.archive-caption>span{grid-column:2;grid-row:1/3;font-size:17px}.archive-card:nth-child(3n+1) h3{font-size:19px}.archive-photo>span{width:27px;height:27px;font-size:20px;bottom:10px;right:10px}.is-index .archive-card:nth-child(n){gap:17px;padding-block:17px}.is-index .archive-photo{width:78px;height:70px}.is-index .archive-caption{grid-template-columns:1fr 15px;gap:7px}.is-index .archive-caption>em{grid-column:1}.is-index .archive-card:nth-child(n) h3{font-size:17px}.portfolio-studio-copy{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.portfolio-studio-copy>p{font-size:25px}.portfolio-studio-copy>div>p{font-size:12px}.portfolio-studio-images{gap:20px;grid-template-columns:3fr 4fr}.portfolio-studio-images figure:first-child{padding-top:40px}.portfolio-studio-images figcaption{font-size:7px;line-height:1.8}.portfolio-studio .archive-heading>.symbol{width:38px}.portfolio-archive .inline-study{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){.archive-photo img{transition:none}}

/* A project folder is a single, bounded group with its own cover and gallery. */
.portfolio-feature>img{z-index:-3}.portfolio-feature>img.feature-incoming{z-index:-2;opacity:0;pointer-events:none}
.feature-count{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.04em}.feature-count>span:not(:first-child){opacity:.65}
.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}
.archive-grid .archive-card.project-folder:nth-child(n){grid-column:auto;padding:26px 0 0;align-self:start;position:relative;text-align:left;isolation:isolate}
.folder-tab{position:absolute;left:0;top:0;height:28px;width:46%;max-width:155px;border:1px solid #dce1e5;border-bottom:0;background:#f6f7f8;border-radius:9px 15px 0 0;padding:9px 15px 0;font-size:7px;line-height:1;color:#7b8793;letter-spacing:.04em;z-index:1}
.folder-face{position:relative;padding:15px 13px 17px;background:#f6f7f8;border:1px solid #dce1e5;border-radius:0 12px 12px 12px;transition:border-color .25s,transform .35s,box-shadow .35s}
.folder-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:7px;line-height:1.5;color:#8a95a1}
.archive-grid .project-folder:nth-child(n) .archive-photo{aspect-ratio:1.5;border-radius:5px;background:#e8ebed}.project-folder .archive-photo img{transition:transform .8s ease}
.archive-grid .project-folder .archive-caption{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 2px 0;align-items:center}.archive-grid .project-folder:nth-child(n) h3{font-size:20px;line-height:1.2;grid-column:1}.archive-grid .project-folder .archive-caption>span{grid-column:2;grid-row:1;font-size:21px;color:#586777}
.folder-open{display:block;font-size:8px;letter-spacing:.015em;color:#8a95a1;padding:8px 2px 0}
.project-folder:hover .folder-face,.project-folder:focus-visible .folder-face{border-color:#9babcc;box-shadow:0 10px 25px -18px #14284855;transform:translateY(-3px)}.project-folder:hover .folder-open{color:#1749EF}
.archive-grid.is-index .archive-card.project-folder:nth-child(n){padding:0;margin-bottom:14px;border:0;display:block}.is-index .project-folder>.folder-tab{display:none}.is-index .folder-face{border-radius:8px;display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:20px;align-items:center;padding:13px}.is-index .folder-meta{grid-column:2;grid-row:2;margin:0;justify-content:flex-start;gap:20px}.archive-grid.is-index .project-folder:nth-child(n) .archive-photo{grid-column:1;grid-row:1/3;width:100px;height:70px;aspect-ratio:auto}.archive-grid.is-index .project-folder .archive-caption{grid-column:2/4;grid-row:1;padding:0;display:flex;justify-content:space-between}.is-index .folder-open{grid-column:3;grid-row:2;padding:0}
.portfolio-archive .inline-study{padding-top:0}.inline-study-top [data-close-study]{color:#1749EF}
@media(min-width:1800px){.archive-grid{gap:48px 35px}}
@media(max-width:1100px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}}
@media(max-width:760px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.archive-grid .project-folder:nth-child(n) h3{font-size:18px}.folder-meta{font-size:7px}.folder-face{padding:13px 11px 15px}.folder-tab{width:55%;padding-left:12px}.is-index .folder-face{grid-template-columns:75px minmax(0,1fr);gap:12px}.archive-grid.is-index .project-folder:nth-child(n) .archive-photo{width:75px;height:70px}.archive-grid.is-index .project-folder .archive-caption{grid-column:2}.is-index .folder-meta{grid-column:2;gap:10px;font-size:7px}.is-index .folder-open{display:none}}
@media(max-width:520px){.archive-grid{grid-template-columns:1fr;gap:28px}.archive-grid .project-folder:nth-child(n) h3{font-size:22px}.folder-face{padding:17px 14px 19px}.folder-tab{font-size:8px;width:40%;padding-left:15px}.folder-meta{font-size:8px;margin-bottom:15px}.folder-open{font-size:9px}.archive-grid .project-folder .archive-caption{padding-top:19px}}
@media(prefers-reduced-motion:reduce){.folder-face,.project-folder .archive-photo img{transition:none}.project-folder:hover .folder-face{transform:none}}