/* Portfolio flights: the globe doubles as a living project index. */
.hero{min-height:740px;padding-top:24px;grid-template-columns:1.12fr 1fr}.hero-copy{max-width:610px}.hero h1{font-size:clamp(40px,4.4vw,72px);letter-spacing:-3.5px;line-height:1.08;font-weight:550;margin-bottom:24px}.headline-secondary{display:block;color:#92979d;margin-top:15px}.hero-copy>p{max-width:340px;font-size:12px;line-height:1.9}.hero-contact{color:#a7adb4}.globe-stage{width:55%;right:0;top:16px;height:650px;isolation:isolate;scroll-margin-top:30px}.globe-stage canvas{cursor:default}.globe-toolbar{position:absolute;left:12%;right:11%;top:4%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a9afb6;z-index:3}.globe-toolbar>span{display:flex;gap:10px;align-items:center}.project-callout{position:absolute;left:0;top:0;width:230px;z-index:4;will-change:transform;filter:drop-shadow(0 14px 22px #07090c45)}.project-callout[hidden]{display:none}.project-card{background:#ecedf0;color:#16191e;border:1px solid #ffffff65;border-radius:7px;overflow:hidden;animation:project-arrive .7s var(--ease);transform-origin:20% 100%}.project-card-image{height:106px;position:relative;background:#22272e;overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:none;display:block}.project-card-image:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0c;pointer-events:none}.project-arrival{position:absolute;left:9px;top:9px;background:#101317de;color:#e3e7ed;padding:5px 7px;border:1px solid #ffffff20;border-radius:3px;font-size:6px;letter-spacing:.7px;display:flex;gap:6px;align-items:center}.project-arrival i{width:3px;height:3px;border-radius:50%;background:currentColor}.project-card-copy{padding:14px 15px 12px}.project-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#747d88;margin-bottom:7px}.project-card h3{font-size:23px;font-weight:750;letter-spacing:-1px;line-height:1;margin:0 0 8px}.project-card p{font-size:9px;line-height:1.7;color:#5a636e;margin:0;min-height:30px}.project-link,.project-private{margin-top:12px;padding-top:10px;border-top:1px solid #cbd0d6;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;min-height:29px}.project-link span{font-size:15px;transition:transform .3s var(--ease)}.project-link:hover span{transform:translate(2px,-2px)}.project-private{font-weight:500;color:#747d88}.project-flight-status{position:absolute;bottom:88px;left:0;right:0;text-align:center;color:#aeb6c0;font-size:8px;letter-spacing:.3px;pointer-events:none}.project-switcher{display:flex;justify-content:center;align-items:center;position:absolute;bottom:35px;left:5%;right:5%;gap:4px;z-index:5}.project-switcher button{position:relative;font-size:8px;padding:12px 11px;min-height:40px;color:#868f9b;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:background .3s,color .3s,border-color .3s;white-space:nowrap}.project-switcher button.active{color:#e4e8ee;border-color:#ffffff30;background:#ffffff05}.project-switcher button:hover{color:#e4e8ee;background:#ffffff09}.map-disclaimer{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:6px;color:#737d89;letter-spacing:.6px}.hero-bottom{margin-top:55px}.project-card.is-static{animation:none}@keyframes project-arrive{from{opacity:0;transform:translate(var(--arrival-x,0px),var(--arrival-y,14px)) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{min-height:860px}.hero h1{font-size:80px}.globe-stage{height:760px;top:16px}.project-callout{width:260px}.project-card-image{height:126px}.project-card-copy{padding:17px}.project-card h3{font-size:26px}.project-card p{font-size:10px}.project-switcher button{font-size:10px}}
@media(max-width:1000px) and (min-width:651px){.hero{min-height:710px}.hero-copy{max-width:none}.hero h1{font-size:clamp(33px,4.5vw,45px);letter-spacing:-1.8px}.hero-copy>p{max-width:280px;font-size:11px}.globe-stage{width:56%;right:-2%;height:620px;top:16px}.project-callout{width:205px}.project-card-image{height:89px}.project-card h3{font-size:21px}.project-card-copy{padding:12px}.project-card p{font-size:8px}.project-switcher button{font-size:7px;padding:11px 8px}.globe-toolbar{font-size:6px;left:9%;right:9%}.hero .eyebrow{font-size:8px}}
@media(max-width:650px){.hero{min-height:auto;padding-top:37px}.hero-copy{max-width:none}.hero h1{font-size:clamp(31px,8.9vw,51px);line-height:1.1;letter-spacing:-1.8px;margin-bottom:24px}.headline-secondary{margin-top:14px}.hero-copy>p{max-width:310px;font-size:11px;margin-bottom:24px}.hero .eyebrow{font-size:7px;margin-bottom:22px}.hero-contact{font-size:9px}.globe-stage{width:calc(100% + 40px);margin:16px -20px 0;right:auto;top:auto;height:520px}.globe-toolbar{left:7%;right:7%;top:8px;font-size:6px}.project-callout{width:207px}.project-card-image{height:88px}.project-card h3{font-size:22px}.project-card-copy{padding:12px}.project-card p{font-size:8px}.project-link,.project-private{font-size:8px;min-height:36px}.project-flight-status{bottom:82px;font-size:7px}.project-switcher{bottom:29px;left:3%;right:3%;gap:2px}.project-switcher button{font-size:8px;min-height:44px;padding:10px 9px}.map-disclaimer{bottom:8px;font-size:6px}.hero-bottom{margin-top:8px}.hero-bottom>span:first-child{max-width:145px;font-size:7px}.statement h2{font-size:clamp(35px,9vw,43px)}}
@media(prefers-reduced-motion:reduce){.project-card{animation:none}}

/* Each project retains its own visual identity inside the monochrome site. */
.project-card{--card-bg:#f5f5f1;--card-ink:#17221c;--card-muted:#68726b;--card-line:#cdd3ca;--card-accent:#436238;background:var(--card-bg);color:var(--card-ink);border-color:var(--card-line)}
.project-card[data-theme="vestige"]{--card-bg:#171c13;--card-ink:#ecebd8;--card-muted:#b2b69b;--card-line:#3c442e;--card-accent:#c0ce7d}
.project-card[data-theme="comanda"]{--card-bg:#1d2027;--card-ink:#f0f1f5;--card-muted:#aeb4c0;--card-line:#363b48;--card-accent:#ff4774}
.project-card[data-theme="rentalos"]{--card-bg:#fffaf3;--card-ink:#332014;--card-muted:#7c6c5d;--card-line:#e8d9c9;--card-accent:#b94a00}
.project-card[data-theme="bb-today"]{--card-bg:#f6f4eb;--card-ink:#143f32;--card-muted:#60796e;--card-line:#d1dcd3;--card-accent:#216349}
.project-card-image img{filter:none}.project-card-meta,.project-card p{color:var(--card-muted)}.project-card h3{color:var(--card-ink)}.project-link{color:var(--card-accent);border-color:var(--card-line)}.project-private{color:var(--card-muted);border-color:var(--card-line)}.project-arrival{top:auto;bottom:7px;left:7px;font-size:5px;padding:4px 6px;background:#101317e8}.project-callout{transition:none}.hero h1{margin-top:0}.hero-copy{padding-top:0}.hero{padding-top:24px}
.about{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;padding-top:100px;padding-bottom:100px;border-top:1px solid #ffffff18}.about h2{font-size:clamp(37px,4.8vw,70px);letter-spacing:-3px;line-height:1.1;margin:30px 0 50px}.about-mark{width:85px;height:85px;color:#b0b6bc}.about-story{padding-top:42px}.about-story p{font-size:13px;color:#a6adb5;line-height:1.95;max-width:48ch;margin:0 0 22px}.about-story .about-lead{font-size:22px;line-height:1.5;color:#e5e9ee;letter-spacing:-.7px;margin-bottom:28px}.about-signature{border-top:1px solid #ffffff25;padding-top:25px;margin-top:35px;display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.8;color:#aeb5bd}.about-signature a{align-self:end;color:#e5e9ee}.about-signature a span{margin-left:12px}
@media(max-width:1000px) and (min-width:651px){.header nav{gap:23px;font-size:11px}.about{gap:7%}.about h2{font-size:42px;letter-spacing:-2px}.about-story .about-lead{font-size:19px}.about-story p{font-size:12px}.about-signature{flex-direction:column}.about-signature a{align-self:start}}
@media(max-width:650px){.hero{padding-top:22px}.hero-copy{padding-top:0}.about{display:block;padding-top:59px;padding-bottom:59px}.about h2{font-size:clamp(33px,9.1vw,52px);letter-spacing:-2px;margin-bottom:22px}.about-mark{width:55px;height:55px}.about-story{padding-top:32px}.about-story .about-lead{font-size:21px;max-width:26ch}.about-story p{font-size:12px}.about-signature{font-size:9px}.about-signature a{max-width:120px}}

/* Give completed work a clear title without adding space above the hero. */
.globe-toolbar{align-items:flex-start;gap:18px}.globe-heading{max-width:390px;letter-spacing:normal}.globe-heading h2{font-size:clamp(15px,1.35vw,22px);line-height:1.25;letter-spacing:-.6px;font-weight:600;color:#e2e7ed;margin:0}.globe-heading p{font-size:10px;line-height:1.65;color:#949eaa;max-width:38ch;margin:8px 0 0}
@media(max-width:650px){.globe-heading{max-width:255px}.globe-heading h2{font-size:15px;letter-spacing:-.45px}.globe-heading p{font-size:9px;max-width:30ch;margin-top:7px}.globe-toolbar{gap:12px}}

@media(min-width:1600px){.hero-copy{max-width:700px}}