@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400&family=Instrument+Serif&family=Space+Grotesk:wght@400;500&display=swap";:root{color:#17251e;font-synthesis:none;background:#dce9df;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;overflow-x:hidden}a{color:inherit}.eyebrow,.section-index,.scroll-cue{text-transform:uppercase;letter-spacing:.08em;font:400 .75rem/1.3 IBM Plex Mono,monospace}.portal-design{color:#17251e;background:#dce9df;min-height:100vh}.portal-hero{border-bottom:1px solid #17251e;min-height:100svh;padding:clamp(1.5rem,4vw,4rem);position:relative}.portal-hero h1{letter-spacing:-.085em;margin:16vh 0 0;font:500 clamp(5rem,15vw,13rem)/.73 Space Grotesk,sans-serif}.portal-intro{letter-spacing:-.03em;width:min(33rem,80vw);margin:3rem 0 0 auto;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.25}.scroll-cue{gap:1rem;display:flex;position:absolute;bottom:2rem;left:clamp(1.5rem,4vw,4rem)}.portal-scene{background:#f2aa9b;border-bottom:1px solid #17251e;height:220vh}.portal-sticky{width:100%;height:100vh;padding:var(--portal-inset-y) var(--portal-inset-x);position:sticky;top:0;overflow:hidden}.portal-window{border:1px solid #17251e;width:100%;min-width:0;height:100%;position:relative;overflow:hidden}.portal-window picture{width:100%;height:100%;display:block}.portal-window img{object-fit:cover;filter:saturate(.9)contrast(.98);width:100%;height:100%;transform:scale(var(--portal-scale));display:block}.portal-caption{color:#f7f2e8;width:100%;min-width:0;transform:translateY(var(--caption-y));background:#000;justify-content:space-between;align-items:end;gap:2rem;padding:1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.portal-caption span{text-transform:uppercase;flex:none;font:.75rem IBM Plex Mono,monospace}.portal-caption strong{text-align:right;min-width:0;max-width:12ch;font:400 clamp(1.6rem,3vw,3rem)/.95 Instrument Serif,serif}.portal-work{background:#f5f1e8;border-bottom:1px solid #17251e;grid-template-columns:minmax(10rem,23vw) 1fr;padding:0;display:grid}.section-index{border-right:1px solid #17251e;height:100vh;padding:2rem;position:sticky;top:0}.work-row{border-bottom:1px solid #17251e;grid-template-columns:2.5rem minmax(12rem,1.2fr) 1.5fr minmax(9rem,.8fr) 1rem;align-items:start;gap:1.5rem;min-height:13rem;padding:2rem;text-decoration:none;display:grid}.work-row:last-child{border-bottom:0}.work-row h2{letter-spacing:-.06em;margin:0;font:500 clamp(1.8rem,3vw,3.2rem)/.95 Space Grotesk,sans-serif}.work-row p{max-width:30rem;margin:0;font-size:1.05rem;line-height:1.45}.work-row small,.work-row>span{text-transform:uppercase;font:.72rem/1.5 IBM Plex Mono,monospace}.work-row:hover{color:#f5f1e8;background:#17251e}.portal-contact{color:#dce9df;background:#17251e;border-bottom:1px solid #dce9df;align-items:end;gap:3rem;min-height:44vh;padding:3rem 3.2rem;display:flex}.portal-contact p{margin-right:auto}.portal-contact a{font-size:clamp(1.4rem,2vw,2rem);text-decoration:none}.portal-contact a span{font-size:.75em}.photos-page{color:#111;background:#ecfdff;min-height:100vh;padding:3rem}.photos-page header{max-width:42rem;margin-bottom:3rem}.photos-page header a{color:#a64523;margin-bottom:3rem;display:inline-block}.photos-page h1{margin:0;font:400 2.5rem Space Grotesk,sans-serif}.gallery{columns:3 16rem;gap:1.5rem;max-width:70rem;margin:0 auto 3rem}.gallery figure{break-inside:avoid;margin:0 0 1.5rem}.gallery img{width:100%;display:block}.gallery figcaption{padding-top:.4rem;font-size:.85rem}@supports (animation-timeline:view()){.reveal-on-scroll{opacity:.18;filter:blur(10px);animation:linear both reveal;animation-timeline:view();animation-range:entry 5% cover 38%;transform:translateY(3rem)}@keyframes reveal{to{opacity:1;filter:blur();transform:translateY(0)}}}@media (width<=720px){.portal-hero h1{margin-top:22vh}.portal-intro{margin-left:0}.portal-work{display:block}.section-index{border-bottom:1px solid;border-right:0;width:100%;height:auto;position:static}.work-row{grid-template-columns:2rem 1fr 1rem;min-height:0}.work-row p,.work-row small{grid-column:2/4}.portal-contact{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 1.5rem}.portal-contact p{margin-right:0}.portal-caption{gap:1rem;padding:1rem}}@media (prefers-reduced-motion:reduce){.portal-window img,.portal-caption,.reveal-on-scroll{filter:none;opacity:1;animation:none;transform:none}}