.portfolio-page{--portfolio-taupe:#d0c0ae;--portfolio-charcoal:#252522;--portfolio-rule:#a28d7566;--warm:#d0c0ae;--muted:#bfb5a8;background:var(--portfolio-charcoal);color:var(--portfolio-taupe);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.portfolio-page h2:where(:not(.intro-headline)),.portfolio-page h3{font-family:var(--font-heading);letter-spacing:0;font-weight:400;line-height:1.22}.portfolio-page h2:where(:not(.intro-headline)){font-size:clamp(28px,3vw,40px)}.portfolio-page .eyebrow{color:#c4ab89;letter-spacing:.2em;font-size:11px}.portfolio-page :focus-visible{outline:2px solid var(--portfolio-taupe);outline-offset:5px}body:has(.immersive-hero-page) .site-header{background:#252522bc}body:has(.immersive-hero-page .portfolio-hero[data-in-view=false]) .site-header{background:#252522}html:has(.immersive-hero-page){scroll-padding-top:0}.immersive-hero-page{--portfolio-header-height:83px}.portfolio-hero{isolation:isolate;height:100svh;min-height:700px;max-height:1000px;margin-top:calc(-1 * var(--portfolio-header-height));padding:calc(var(--portfolio-header-height) + 70px) var(--gutter) 140px;color:#eee8df;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.portfolio-hero-backdrop{z-index:-2;position:absolute;inset:0;overflow:hidden}.portfolio-hero-backdrop img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;animation:18s ease-in-out -4s infinite alternate paused portfolio-architectural-drift}.portfolio-index .portfolio-hero-backdrop img{object-position:50% 10%}.portfolio-hero[data-portfolio-motion=playing] .portfolio-hero-backdrop img{will-change:transform;animation-play-state:running}.portfolio-hero-shade{z-index:-1;pointer-events:none;background:#14130e5c;position:absolute;inset:0}.portfolio-hero-identity{text-align:center;flex-direction:column;align-items:center;width:min(100%,500px);display:flex}.portfolio-hero-logo{width:350px;height:auto;margin-bottom:23px}.portfolio-hero-identity .eyebrow{color:#eee8df;letter-spacing:.2em;margin-bottom:15px;font-size:10px}.immersive-hero-page .portfolio-hero h1.eyebrow{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;color:#eee8df;font-size:10px;font-weight:500;line-height:1.8}.portfolio-hero-region{color:#eee8df;letter-spacing:.025em;margin-top:19px;font-size:12px}.portfolio-hero-identity .button{color:#eee8df;background:#25252238;border-color:#d0c0ae;min-width:225px;margin-top:30px;font-size:10px}.portfolio-hero-identity .button:hover{background:#252522bd}.portfolio-hero-tools{left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:flex-end;gap:22px;display:flex;position:absolute;bottom:34px}.portfolio-scroll-cue{color:#eee8df;letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:flex-start;gap:12px;min-height:44px;font-size:9px;display:inline-flex}.portfolio-scroll-cue:hover{color:#fff}.portfolio-hero-tools .motion-toggle{letter-spacing:.12em;background:#25252285;border-color:#d0c0ae50;font-size:9px}.portfolio-index-intro{padding-block:60px 33px;scroll-margin-top:100px}.portfolio-index-intro .eyebrow{align-items:center;gap:25px;margin-bottom:20px;font-size:10px;display:flex}.portfolio-index-intro .eyebrow:before{content:"";background:var(--rule);flex-shrink:0;width:55px;height:1px}.portfolio-index-intro>p:last-child{max-width:620px;margin-top:17px;font-size:16px;line-height:1.8}.portfolio-audience-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.portfolio-audience-panel{isolation:isolate;aspect-ratio:9/11;border:1px solid var(--portfolio-rule);align-items:flex-end;min-width:0;display:flex;position:relative;overflow:hidden}.portfolio-audience-panel>img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform 1.2s;position:absolute;inset:0}.portfolio-audience-panel:after{content:"";z-index:-1;pointer-events:none;background:#16151042;position:absolute;inset:0}.portfolio-audience-copy{color:#eee8df;text-shadow:0 1px 12px #000b;width:100%;padding:clamp(26px,3vw,43px)}.portfolio-index .portfolio-audience-copy h2{color:#eee8df;font-size:clamp(28px,3vw,38px)}.portfolio-audience-copy>p{color:#eee8df;letter-spacing:.16em;text-transform:uppercase;margin-top:10px;font-size:9px;line-height:1.9}.portfolio-audience-copy .arrow-link{color:#eee8df;border-color:#d0c0ae;gap:24px;margin-top:12px;font-weight:500}.portfolio-collection{margin-top:64px;scroll-margin-top:112px}.portfolio-collection-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px;display:flex}.portfolio-collection-heading .eyebrow{margin-bottom:17px;font-size:10px}.portfolio-collection-heading .portfolio-disclosure{margin:0;font-size:11px}.portfolio-collection-note{margin-top:23px;font-size:11px;line-height:1.8}@keyframes portfolio-architectural-drift{0%{transform:scale(1.02)translate(.7%,.25%)}to{transform:scale(1.1)translate(-1%,-.4%)}}.portfolio-intro{grid-template-columns:1fr 1fr;align-items:end;gap:65px;padding-block:56px 38px;display:grid}.portfolio-lead{max-width:600px;font-size:17px;line-height:1.8}.portfolio-disclosure{color:#c4ab89;margin-top:18px;font-size:12px;line-height:1.8}.portfolio-browse{padding-bottom:51px}.portfolio-browser-bar{border-block:1px solid var(--portfolio-rule);justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;padding-block:17px;display:flex}.portfolio-audience-filters{align-items:center;gap:10px;display:flex}.portfolio-audience-filters button{min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:0;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:inline-flex}.portfolio-audience-filters button span{color:#c4ab89;font-size:10px}.portfolio-audience-filters button[aria-pressed=true]{color:var(--portfolio-taupe);border-color:#a28d75}.portfolio-audience-filters button:hover{color:var(--portfolio-taupe);border-color:#a28d7566}.portfolio-result{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:11px}.portfolio-concepts{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a28d75 #ffffff0b;gap:26px;margin:-6px;padding:6px 6px 22px;scroll-padding-inline:6px;display:flex;position:relative;overflow-x:auto}.portfolio-concepts::-webkit-scrollbar{height:3px}.portfolio-concepts::-webkit-scrollbar-track{background:#ffffff0b}.portfolio-concepts::-webkit-scrollbar-thumb{background:#a28d75}.portfolio-concepts>.portfolio-card{scroll-snap-align:start;flex:0 0 44%}.portfolio-concepts>.portfolio-card:focus-visible{outline-offset:3px}.portfolio-page .portfolio-concepts .portfolio-card-image img{aspect-ratio:4/3}.portfolio-carousel-tools{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.portfolio-carousel-tools>p{color:#c4ab89;letter-spacing:.16em;text-transform:uppercase;font-size:9px}.portfolio-carousel-navigation{align-items:center;gap:10px;display:flex}.portfolio-carousel-position{font-variant-numeric:tabular-nums;min-width:66px;margin-right:12px;font-size:12px}.portfolio-carousel-position>span{color:var(--muted)}.portfolio-carousel-navigation button{width:48px;height:48px;color:var(--portfolio-taupe);background:0 0;border:1px solid #a28d75;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.portfolio-carousel-navigation button:hover:not(:disabled){border-color:var(--portfolio-taupe);background:#a28d751c}.portfolio-carousel-navigation button:disabled{opacity:.3;cursor:default}.portfolio-card{border-bottom:1px solid var(--portfolio-rule);min-width:0;padding-bottom:23px;display:block}.portfolio-card:hover{color:var(--portfolio-taupe)}.portfolio-card-image picture{display:block}.portfolio-page .portfolio-card-image img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;transition:transform .65s}.portfolio-page .portfolio-concept-badge{color:#d0c0ae;letter-spacing:.13em;background:#252522ed;padding:7px 10px;font-size:9px;bottom:17px;left:17px}.portfolio-card-category{color:#c4ab89;letter-spacing:.1em;text-transform:uppercase;margin-top:21px;font-size:10px}.portfolio-card-heading{justify-content:space-between;align-items:center;gap:20px;margin-top:9px;display:flex}.portfolio-card-heading h2{font-size:25px}.portfolio-card-heading svg{flex-shrink:0}.portfolio-card-focus{margin-top:12px;font-size:14px;line-height:1.8}.portfolio-invitation{border-top:1px solid var(--portfolio-rule);justify-content:space-between;align-items:center;gap:40px;padding-block:39px 52px;display:flex}.portfolio-invitation .eyebrow{margin-bottom:17px}.portfolio-invitation h2{font-size:30px}.portfolio-invitation p:last-child{max-width:550px;margin-top:16px;font-size:15px}.portfolio-invitation .button{flex-shrink:0}.portfolio-back{min-height:44px;color:var(--portfolio-taupe);align-items:center;gap:13px;padding-block:8px;font-size:12px;display:inline-flex}.portfolio-back:hover{color:#c4ab89}.concept-intro{padding-block:26px 35px}.concept-intro-heading{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:27px;display:grid}.concept-intro-copy{max-width:720px}.concept-intro-heading .eyebrow{margin-bottom:18px}.concept-space{color:var(--portfolio-taupe);font-size:20px}.concept-intro-copy p+p{margin-top:10px;font-size:14px}.concept-intro-copy .portfolio-disclosure{font-size:12px}.concept-gallery{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:clamp(30px,5vw,72px);display:grid}.concept-gallery-stage{min-width:0}.concept-gallery-open{width:100%;color:var(--portfolio-taupe);cursor:zoom-in;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative}.concept-gallery-open picture{display:block}.concept-gallery-stage img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.concept-expand-label{background:#252522ed;border:1px solid #a28d7580;align-items:center;gap:10px;min-height:44px;padding:9px 13px;font-size:11px;display:inline-flex;position:absolute;bottom:17px;right:17px}.concept-gallery-tools{flex-direction:column;align-items:flex-start;gap:23px;min-width:0;padding-top:22px;display:flex}.concept-gallery-description .eyebrow{margin-bottom:18px}.concept-gallery-description h2{font-size:27px}.concept-gallery-description>p:last-child{max-width:430px;margin-top:19px;font-size:15px;line-height:1.8}.concept-gallery-thumbnails{gap:12px;display:flex}.concept-gallery-thumbnails button{opacity:.7;background:0 0;border:1px solid #0000;border-radius:0;width:85px;padding:0}.concept-gallery-thumbnails button[aria-pressed=true]{opacity:1;border-color:#a28d75}.concept-gallery-thumbnails button:hover{opacity:1}.concept-gallery-thumbnails picture{display:block}.concept-gallery-thumbnails img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.concept-gallery-navigation{align-items:center;gap:18px;display:flex}.concept-gallery-navigation button,.concept-viewer button{color:#d0c0ae;background:#252522e6;border:1px solid #a28d75;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:inline-flex}.concept-gallery-navigation button:hover,.concept-viewer button:hover{background:#383630;border-color:#d0c0ae}.concept-gallery-count{text-align:center;min-width:40px;font-size:12px}.concept-gallery-caption{border-top:1px solid var(--portfolio-rule);max-width:430px;padding-top:18px;font-size:12px;line-height:1.8}.concept-story{border-top:1px solid var(--portfolio-rule);grid-template-columns:1.2fr .8fr;gap:clamp(35px,5vw,72px);margin-top:48px;padding-block:43px 52px;display:grid}.concept-story h2{font-size:30px}.concept-story-copy{max-width:670px;margin-top:21px;font-size:15px;line-height:1.85}.concept-considerations h3{font-size:20px;font-weight:400}.concept-considerations ul{margin:21px 0 15px;padding:0;list-style:none}.concept-considerations li{border-top:1px solid var(--portfolio-rule);padding-block:14px;font-size:14px;line-height:1.8}.concept-viewer{color:#d0c0ae;background:#252522;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.concept-viewer::backdrop{background:#252522}.concept-viewer-inner{grid-template-rows:auto minmax(0,1fr) auto;gap:18px;height:100%;padding:clamp(17px,2.5vw,35px);display:grid}.concept-viewer-header{align-items:center;gap:24px;display:flex}.portfolio-page .concept-viewer-header h2{flex:1;font-size:20px}.concept-viewer-header>span{font-size:12px}.concept-viewer-image{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.concept-viewer-image>img{object-fit:contain;width:100%;height:100%;min-height:0}.concept-viewer-image>button{position:absolute;top:50%;transform:translateY(-50%)}.concept-viewer-previous{left:0}.concept-viewer-next{right:0}.concept-viewer-caption{color:#c4ab89;font-size:12px;line-height:1.7}@media (hover:hover) and (pointer:fine){:is(.portfolio-audience-panel:hover>img,.portfolio-audience-panel:focus-visible>img){transform:scale(1.035)}:is(.portfolio-page .portfolio-card:hover .portfolio-card-image img,.portfolio-page .portfolio-card:focus-visible .portfolio-card-image img){transform:scale(1.025)}}@media (max-width:1050px){.portfolio-intro,.concept-intro-heading{gap:40px}.portfolio-concepts{gap:22px}.portfolio-concepts>.portfolio-card{flex-basis:61%}.concept-gallery{gap:32px}.concept-gallery-thumbnails button{width:75px}.portfolio-invitation{flex-direction:column;align-items:flex-start;gap:25px}}@media (max-width:820px){.immersive-hero-page{--portfolio-header-height:73px}.portfolio-hero{height:92svh;min-height:640px}.portfolio-hero-logo{width:320px}.portfolio-audience-panels{gap:18px}.portfolio-audience-copy{padding:25px}.portfolio-audience-copy>p{letter-spacing:.1em;font-size:8px}.portfolio-collection-heading{flex-direction:column;align-items:flex-start;gap:16px}.portfolio-intro{grid-template-columns:1fr;gap:25px;padding-block:40px 30px}.portfolio-lead{max-width:650px;font-size:16px}.concept-intro-heading{grid-template-columns:1fr;gap:22px}.concept-gallery{grid-template-columns:1fr;gap:24px}.concept-gallery-tools{gap:21px;padding-top:0}.concept-gallery-stage{width:100%;max-width:700px}.concept-gallery-description{max-width:650px}.concept-gallery-description>p:last-child{max-width:600px}.concept-story{grid-template-columns:1fr;gap:32px;margin-top:36px;padding-block:34px 42px}}@media (max-width:560px){.immersive-hero-page{--portfolio-header-height:73px}.portfolio-hero{height:92svh;min-height:600px;max-height:800px;padding-top:130px;padding-bottom:115px}.portfolio-hero-backdrop img{object-position:58% 50%}.portfolio-index .portfolio-hero-backdrop img{object-position:100% 50%}.portfolio-hero-logo{width:min(270px,92%);margin-bottom:24px}.portfolio-hero-identity .eyebrow,.immersive-hero-page .portfolio-hero h1.eyebrow{letter-spacing:.13em;font-size:9px}.portfolio-hero-region{max-width:280px;margin-top:16px;font-size:11px;line-height:1.9}.portfolio-hero-identity .button{margin-top:24px}.portfolio-hero-tools{align-items:center;gap:12px;bottom:26px}.portfolio-scroll-cue{letter-spacing:.12em;gap:9px;font-size:8px}.portfolio-hero-tools .motion-toggle{gap:7px;padding-inline:10px;font-size:8px}.portfolio-index-intro{padding-block:39px 26px}.portfolio-index-intro .eyebrow{letter-spacing:.13em;gap:16px;font-size:9px}.portfolio-index-intro .eyebrow:before{width:30px}.portfolio-index-intro>p:last-child{margin-top:15px;font-size:15px}.portfolio-audience-panels{grid-template-columns:1fr;gap:22px}.portfolio-audience-panel{aspect-ratio:9/11}.portfolio-audience-copy{padding:25px}.portfolio-index .portfolio-audience-copy h2{font-size:32px}.portfolio-audience-copy>p{font-size:9px}.portfolio-collection{margin-top:43px;scroll-margin-top:93px}.portfolio-collection-heading{margin-bottom:21px}.portfolio-page h2:where(:not(.intro-headline)){font-size:28px}.portfolio-intro{padding-block:32px 26px}.portfolio-disclosure{margin-top:14px;font-size:11px}.portfolio-browse{padding-bottom:36px}.portfolio-browser-bar{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:24px;padding-block:13px}.portfolio-audience-filters{gap:5px;width:100%}.portfolio-audience-filters button{gap:8px;padding-inline:11px;font-size:12px}.portfolio-result{font-size:10px}.portfolio-concepts{gap:18px}.portfolio-concepts>.portfolio-card{flex-basis:86%}.portfolio-carousel-tools{gap:12px;margin-top:18px}.portfolio-carousel-tools>p{letter-spacing:.1em;font-size:8px}.portfolio-carousel-position{min-width:48px;margin-right:0;font-size:11px}.portfolio-carousel-navigation{gap:8px}.portfolio-carousel-navigation button{width:44px;height:44px}.portfolio-card{padding-bottom:21px}.portfolio-card-category{margin-top:17px}.portfolio-card-heading h2{font-size:24px}.portfolio-card-focus{font-size:13px}.portfolio-page .portfolio-concept-badge{bottom:13px;left:13px}.portfolio-invitation{padding-block:31px 41px}.portfolio-invitation h2{font-size:28px}.concept-intro{padding-block:19px 28px}.concept-intro-heading{margin-top:20px}.concept-space{font-size:18px}.concept-gallery-description h2{font-size:24px}.concept-gallery-description>p:last-child{margin-top:15px;font-size:14px}.concept-gallery-thumbnails button{width:78px}.concept-expand-label{font-size:10px;bottom:13px;right:13px}.concept-story h2{font-size:28px}.concept-viewer-inner{gap:15px;padding:16px}.concept-viewer-header{gap:14px}.portfolio-page .concept-viewer-header h2{font-size:16px}.concept-viewer-caption{font-size:11px}}@media (prefers-reduced-motion:reduce){html:has(.immersive-hero-page){scroll-behavior:auto}.portfolio-hero-backdrop img{animation:none;transform:none}.portfolio-audience-panel>img{transition:none}:is(.portfolio-audience-panel:hover>img,.portfolio-audience-panel:focus-visible>img){transform:none}.portfolio-page .portfolio-card-image img{transition:none}:is(.portfolio-page .portfolio-card:hover .portfolio-card-image img,.portfolio-page .portfolio-card:focus-visible .portfolio-card-image img){transform:none}}
