@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
:root{--paper:#f1f1eb;--ink:#293638;--muted:#636f70;--sea:#52777b;--clay:#986653;--sans:'Manrope',Arial,sans-serif;--rule:linear-gradient(90deg,transparent,#7d9e9b60 18%,#c6aa9455 65%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--sea);outline-offset:7px}img{display:block;width:100%;height:100%;object-fit:cover}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:15px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.masthead{height:100px;margin:0 5.6vw;display:flex;align-items:center;justify-content:space-between;position:relative}.masthead::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--rule)}.wordmark{display:block;width:148px;height:45px}.wordmark img{object-fit:contain}.masthead nav{display:flex;gap:38px;align-items:center;font-size:.8rem}.nav-contact{color:var(--sea)}.nav-contact span{margin-left:17px}
.intro{position:relative;padding:44px 5.6vw 49px;background:radial-gradient(ellipse at 78% 55%,#adc6c224 0,transparent 40%),radial-gradient(ellipse at 17% 36%,#d4b8a523 0,transparent 37%)}.intro-line{display:flex;justify-content:space-between;color:var(--muted);font-size:.64rem;letter-spacing:.13em;font-weight:500}.intro h1{font-size:clamp(4.3rem,7.5vw,7.8rem);line-height:1.06;font-weight:400;letter-spacing:-.065em;margin:26px 0 20px}.intro h1 span{color:var(--clay)}.intro-bottom{display:flex;justify-content:space-between;align-items:center}.intro-bottom p{font-size:1.05rem;color:var(--muted);letter-spacing:.01em;margin:0}.work-jump{font-size:.75rem;display:flex;gap:24px;align-items:center;color:var(--sea)}.work-jump span{font-size:1.3rem}
.work-room{padding:0 4vw 65px}.work-controls{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 1.6vw 28px}.work-controls::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--rule)}.work-controls button{font-size:.78rem}#filters{display:flex;gap:25px;flex-wrap:wrap}#filters button{position:relative;padding:7px 0;color:var(--muted)}#filters button::after{content:'';height:1px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,transparent,var(--sea),transparent);opacity:0;transition:opacity .2s}#filters button[aria-pressed=true]{color:var(--ink)}#filters button[aria-pressed=true]::after,#filters button:hover::after{opacity:1}#filters button span{font-size:.64rem;margin-left:6px;color:var(--clay)}#view-toggle{padding:7px 0;white-space:nowrap;color:var(--muted)}#view-toggle span{margin-left:18px;font-size:1.1rem}
.project-grid{display:block}.project-card{position:relative;min-height:470px;display:flex;align-items:center;margin:0 0 46px;isolation:isolate}.project-card::after{content:'';height:1px;position:absolute;bottom:-24px;left:6%;right:6%;background:var(--rule);opacity:.55}.project-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 54%,#b8d2ca35,transparent 54%)}.project-card:nth-child(even)::before{background:radial-gradient(ellipse at 24% 48%,#d7bca72e,transparent 58%)}.project-cover{position:absolute;left:0;top:0;width:76%;height:100%;display:block;padding:0;container-type:size}.project-cover img{object-position:var(--focus,50% 50%);mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 50%,#0007 66%,transparent 91%),linear-gradient(0deg,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-composite:intersect;transition:filter .35s;filter:saturate(.87)}.project-cover:hover img{filter:saturate(1)}.project-info{width:35%;margin-left:auto;padding:22px 3% 24px 0;position:relative;z-index:1;pointer-events:none}.project-info button{pointer-events:auto}.project-meta{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sea);margin-bottom:30px}.brand-mark{display:block;position:relative;width:95px;height:33px;margin:0 0 12px;mix-blend-mode:multiply;overflow:hidden;opacity:.85}.brand-mark img{object-fit:contain}.brand-mark.pinebay img{position:absolute;width:140px;height:140px;max-width:none;left:-23px;top:-54px}.brand-mark.doubletree{width:88px;height:58px}.brand-mark.fashion{width:45px;height:45px}.project-title{font-size:clamp(2rem,3.5vw,3.8rem);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:0 0 24px}.project-role{font-size:.8rem;line-height:1.9;color:var(--muted);max-width:270px;margin:0 0 27px}.project-details{font-size:.78rem;padding:0 0 10px;position:relative;color:var(--ink)}.project-details::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#8fa5a573,transparent)}.project-details span{margin-left:28px;color:var(--clay)}.play-label{position:absolute;left:23%;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;font-size:.75rem;color:#fff;background:#273a3b91;backdrop-filter:blur(6px);padding:13px 17px;border-radius:30px;z-index:2}.play-label>span:first-child{font-size:1.25rem;line-height:1}.project-card:nth-child(even) .project-cover{left:auto;right:0}.project-card:nth-child(even) .project-cover img{mask-image:linear-gradient(270deg,transparent 0%,#000 9%,#000 50%,#0007 66%,transparent 91%),linear-gradient(0deg,transparent 0%,#000 9%,#000 91%,transparent 100%)}.project-card:nth-child(even) .project-info{margin-left:0;margin-right:auto;padding:22px 0 24px 4.6%}.project-card:nth-child(even) .play-label{left:auto;right:23%}.project-savage .project-cover img{object-position:35% 50%}.project-hotel .project-cover img{object-position:50% 46%}.archive-link{display:flex;justify-content:space-between;position:relative;padding:25px 1.6vw;margin-top:14px;font-size:.85rem;color:var(--sea)}.archive-link::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--rule)}.archive-link span{font-size:1.2rem}
.project-grid.is-list .project-card{min-height:140px;margin:0;display:grid;grid-template-columns:160px 1fr;gap:35px;padding:20px 1.6vw}.is-list .project-card::before{display:none}.is-list .project-card::after{bottom:0;left:0;right:0}.is-list .project-cover{position:relative;inset:auto!important;width:100%;height:105px}.is-list .project-cover img{mask-image:none!important;filter:none}.is-list .play-label{left:auto!important;right:6px!important;top:auto;bottom:6px;padding:7px;transform:none}.is-list .play-word{display:none}.is-list .project-info{padding:0!important;width:100%;margin:0!important;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 35px}.is-list .brand-mark{display:none}.is-list .project-meta{grid-column:1;margin:0}.is-list .project-title{grid-column:1;grid-row:2/4;font-size:1.7rem;margin:8px 0}.is-list .project-role{grid-column:2;grid-row:1/3;margin:0 0 9px}.is-list .project-details{grid-column:2;justify-self:start}
.maker{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:7%;padding:85px 6vw 70px;align-items:center;background:radial-gradient(ellipse at 78% 52%,#d9c6b92c,transparent 50%),radial-gradient(ellipse at 16% 57%,#bcd3ce36,transparent 55%)}.maker-photo{height:560px;position:relative}.maker-photo img{object-position:55% 50%;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 68%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 91%,transparent);mask-composite:intersect;filter:saturate(.67)}.maker-photo>span{position:absolute;bottom:38px;left:32px;padding:7px 0;font-size:.6rem;letter-spacing:.14em;color:var(--muted)}.eyebrow{font-size:.65rem;font-weight:500;letter-spacing:.12em;color:var(--sea)}.maker h2{font-size:clamp(2.5rem,3.7vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.055em;margin:25px 0}.maker p{font-size:.9rem;line-height:1.95;color:var(--muted);max-width:520px}.experience{margin-top:30px;position:relative}.experience::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--rule)}.experience>div{display:flex;gap:25px;justify-content:space-between;padding:12px 0;font-size:.75rem}.experience span{color:var(--muted)}.experience strong{font-weight:500;text-align:right}.contact-link{display:flex;gap:20px;justify-content:space-between;font-size:.85rem;padding-bottom:10px;margin-top:28px;color:var(--clay)}footer{display:flex;justify-content:space-between;gap:30px;padding:30px 5.6vw;font-size:.7rem;color:var(--muted);position:relative}footer::before{content:'';position:absolute;top:0;left:4vw;right:4vw;height:1px;background:var(--rule)}
dialog{background:var(--paper);color:var(--ink);border:0;max-width:1320px;width:94vw;max-height:94svh;padding:32px;overflow:auto;box-shadow:0 30px 100px #10252c55}dialog::backdrop{background:#1d303ac9;backdrop-filter:blur(10px)}.dialog-bar{display:flex;justify-content:space-between;gap:24px;margin-bottom:30px}.dialog-bar h2{font-size:clamp(1.7rem,3vw,3rem);font-weight:400;letter-spacing:-.05em;line-height:1.2;margin:10px 0 0}#close-dialog{width:44px;height:44px;font-size:24px;flex-shrink:0}.dialog-body{display:grid;grid-template-columns:1.6fr 1fr;gap:40px}.film-player{height:clamp(320px,65svh,700px);display:grid;place-items:center;background:#172527}.film-player iframe{height:100%;width:100%;border:0}.story-play{height:100%;width:100%;position:relative;padding:0;overflow:hidden;container-type:size}.story-play img{object-fit:cover;object-position:var(--focus,50% 50%)}.story-play .play-label{left:50%;transform:translate(-50%,-50%);white-space:nowrap}.project-story p{font-size:.95rem;line-height:1.9;color:var(--muted)}.project-story dt{font-size:.65rem;color:var(--sea);letter-spacing:.1em;margin-top:26px;text-transform:uppercase}.project-story dd{margin:10px 0 0;font-size:.85rem;line-height:1.85}.project-story a{display:inline-block;font-size:.8rem;margin-top:28px;padding-bottom:8px;border-bottom:1px solid #56777a55;color:var(--sea)}.upright img{position:absolute!important;width:100cqh!important;height:100cqw!important;max-width:none;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)!important;object-fit:cover}.project-cover.upright{overflow:hidden;mask-image:linear-gradient(270deg,transparent 0%,#000 9%,#000 50%,#0007 66%,transparent 91%),linear-gradient(0deg,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-composite:intersect}.project-cover.upright img{mask-image:none!important}.is-list .project-cover.upright{mask-image:none}
@media(min-width:1650px){.masthead,.intro,.work-room,.maker,footer{max-width:1680px;margin-left:auto;margin-right:auto}.project-card{min-height:560px}}
@media(max-width:1000px){.project-card{min-height:400px}.project-info{width:37%;padding-right:1%}.project-title{font-size:2.5rem}.project-role{font-size:.75rem}.maker{gap:4%;padding:60px 5vw}.maker-photo{height:500px}.maker h2{font-size:2.6rem}.experience>div{display:block}.experience strong{display:block;text-align:left;margin-top:4px}.dialog-body{grid-template-columns:1fr}.film-player{height:55svh}}
@media(max-width:650px){.masthead{height:84px;margin:0 6vw}.wordmark{width:105px;height:34px}.masthead nav{font-size:.72rem;gap:19px}.nav-contact span{margin-left:5px}.intro{padding:31px 6vw 30px}.intro-line{display:block;font-size:.6rem;line-height:1.9}.intro-line span:last-child{display:block;margin-top:4px;font-size:.55rem;letter-spacing:.07em}.intro h1{font-size:13.3vw;margin:20px 0;line-height:1.1}.intro-bottom p{font-size:.8rem}.work-jump{font-size:0;gap:0}.work-jump span{font-size:1.2rem}.work-room{padding:0 3vw 35px}.work-controls{padding:20px 3vw 10px;gap:12px;align-items:flex-start}#filters{gap:5px 20px}#filters button{font-size:.73rem}#view-toggle{font-size:0}#view-toggle span{font-size:1.2rem;margin:0}.project-card{min-height:0;display:block;margin:0 0 25px;padding:0 0 24px}.project-card::before{background:radial-gradient(ellipse at 74% 72%,#b8d2ca30,transparent 65%)}.project-card::after{bottom:0}.project-cover,.project-card:nth-child(even) .project-cover{position:relative;left:auto;right:auto;top:auto;width:100%;height:310px}.project-cover img,.project-card:nth-child(even) .project-cover img{mask-image:linear-gradient(0deg,transparent,#000 33%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}.project-info,.project-card:nth-child(even) .project-info{width:100%;padding:0 5vw 8px;margin:-31px 0 0;min-height:205px}.project-meta{font-size:.58rem;margin-bottom:15px;letter-spacing:.1em}.project-title{font-size:2.4rem;margin-bottom:15px}.project-role{font-size:.78rem;max-width:300px;margin-bottom:18px}.project-details{font-size:.76rem}.brand-mark{position:absolute;right:6vw;top:31px;margin:0}.brand-mark.doubletree{width:63px;height:45px;top:40px}.brand-mark.fashion{width:36px;height:36px;top:35px}.project-cover .play-label,.project-card:nth-child(even) .play-label{left:50%;right:auto;top:43%;transform:translate(-50%,-50%);font-size:.7rem;padding:11px 14px;white-space:nowrap}.project-cover.upright{mask-image:linear-gradient(0deg,transparent,#000 33%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.archive-link{margin-top:5px;font-size:.77rem;padding:20px 3vw}.maker{display:block;padding:32px 6vw 50px}.maker-photo{height:350px;margin:0 -3vw 4px}.maker-photo img{mask-image:linear-gradient(0deg,transparent,#000 20%,#000 89%,transparent),linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.maker-photo>span{bottom:35px}.maker h2{font-size:2.6rem;margin-top:20px}.maker p{font-size:.85rem}.experience>div{display:flex;font-size:.7rem}.experience strong{text-align:right;margin:0;max-width:65%}.contact-link{font-size:.8rem}.eyebrow{font-size:.6rem}footer{flex-wrap:wrap;font-size:.65rem;gap:20px;padding:26px 6vw}footer span{order:3;width:100%}footer>a:last-child{margin-left:auto}.project-grid.is-list .project-card{grid-template-columns:83px 1fr;gap:19px;padding:21px 3vw}.is-list .project-cover{height:90px!important}.is-list .project-info{display:block;min-height:0}.is-list .project-meta{font-size:.57rem}.is-list .project-title{font-size:1.4rem;margin:7px 0}.is-list .project-role{font-size:.7rem;margin-bottom:8px}.is-list .project-details{font-size:.7rem}.is-list .play-label{left:auto!important;right:6px!important;top:auto!important;bottom:6px!important;transform:none!important;padding:5px!important}.is-list .project-cover img{mask-image:none!important}.dialog-bar h2{font-size:1.65rem}dialog{padding:21px;width:96vw;max-height:95svh}.dialog-body{gap:27px}.film-player{height:55svh;min-height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Keep transparent brand canvases blended into the surrounding project surface. */
.project-info{z-index:auto}
/* Final content pass: preserve the approved composition and improve legibility. */
.intro-line,.project-meta,.eyebrow,.project-story dt{font-size:.75rem}
.masthead nav,.work-jump,.work-controls button,#filters button,.project-details,.play-label,.archive-link,.experience>div,.contact-link,footer,.project-story a{font-size:.875rem}
.project-role,.maker p,.project-story p,.project-story dd{font-size:1rem}
#filters button span{font-size:.75rem}
.project-role{max-width:310px;line-height:1.75}
#filters{gap:12px 24px}#filters button{min-height:44px}
.brand-mark.homik{width:100px;height:62px}.brand-mark.rubika{width:43px;height:43px}
.project-cover.upright{mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 50%,#0007 66%,transparent 91%),linear-gradient(0deg,transparent 0%,#000 9%,#000 91%,transparent 100%)}
.project-card:nth-child(even) .project-cover.upright{mask-image:linear-gradient(270deg,transparent 0%,#000 9%,#000 50%,#0007 66%,transparent 91%),linear-gradient(0deg,transparent 0%,#000 9%,#000 91%,transparent 100%)}
.project-grid.is-list .project-cover.upright{mask-image:none}
.film-player video{width:100%;height:100%;object-fit:contain;background:#172527}
.player-message{padding:28px;color:#fff;font-size:1rem;line-height:1.7}
#production-note h3{font-size:.75rem;font-weight:500;color:var(--sea);letter-spacing:.1em;text-transform:uppercase;margin:26px 0 10px}
#production-note p{margin:0}
@media(max-width:650px){
 .intro-line,.intro-line span:last-child{font-size:.75rem;letter-spacing:.035em}
 .intro-bottom p{font-size:.875rem}.work-jump{font-size:0}.work-jump span{font-size:1.2rem}
 .masthead nav{gap:15px;font-size:.8rem}.wordmark{width:95px}
 .work-controls{align-items:center}.work-controls #view-toggle{font-size:0}#view-toggle span{font-size:1.4rem}
 #filters{gap:2px 17px}#filters button{font-size:.875rem}
 .project-meta{font-size:.75rem;letter-spacing:.04em}.project-info,.project-card:nth-child(even) .project-info{min-height:224px}
 .brand-mark{top:36px}.brand-mark.homik{width:73px;height:48px;top:42px}.brand-mark.rubika{width:33px;height:33px;top:43px}
 .project-details{min-height:44px;padding-top:7px}.project-role{font-size:1rem}
 .project-cover.upright,.project-card:nth-child(even) .project-cover.upright{mask-image:linear-gradient(0deg,transparent,#000 33%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
 .is-list .project-meta{font-size:.75rem}.is-list .project-role,.is-list .project-details{font-size:.875rem}
 .is-list .project-info{min-height:0}.is-list .project-title{font-size:1.4rem}
 .experience>div{font-size:.875rem;gap:15px}footer{font-size:.875rem}
}
@media(max-width:360px){.masthead{margin:0 5vw}.masthead nav{gap:10px;font-size:.75rem}.wordmark{width:85px}.project-info .brand-mark{display:none}}
.masthead nav{font-size:.875rem}.masthead nav a{line-height:44px}.wordmark{min-height:44px}

/* Usability audit: keep project controls reachable and preserve reading focus. */
.project-info{pointer-events:auto}
.film-column{min-width:0}
.film-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:10px;font-size:.875rem;color:var(--sea)}
.film-link:focus-visible{outline-offset:3px}
.dialog-bar{position:sticky;top:-32px;z-index:5;background:var(--paper);margin:-32px -32px 30px;padding:24px 32px 18px;box-shadow:0 10px 12px var(--paper)}
.dialog-bar>div{min-width:0}
#close-dialog:focus-visible{outline-offset:2px}
#film-player :is(video,iframe):focus-visible{outline:2px solid var(--sea);outline-offset:3px}
#view-toggle{min-width:44px;min-height:44px}
.masthead{gap:16px}.masthead nav{flex-shrink:0}.masthead nav a{white-space:nowrap}
@media(max-width:650px){
 .dialog-bar{top:-21px;margin:-21px -21px 27px;padding:15px 21px 14px}
}
@media(max-width:360px){
 .masthead{gap:12px}.masthead nav{font-size:.8125rem;gap:10px}.nav-contact span{display:none}
 .wordmark{flex-shrink:0;width:78px}
}
/* Reference-informed refinement: honest credits, stronger frames and quiet contact. */
.project-cover .cover-art{position:absolute;inset:0;display:block;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 64%,transparent 97%),linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.project-card:nth-child(even) .project-cover .cover-art{mask-image:linear-gradient(270deg,transparent,#000 4%,#000 64%,transparent 97%),linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent)}
.cover-art img{mask-image:none!important;filter:none!important;object-fit:cover;min-width:0}
.cover-art.diptych{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.story-play .cover-art{position:absolute;inset:0;display:block}
.story-play .cover-art.diptych{display:grid}
.project-cover .play-label,.project-card:nth-child(even) .play-label{top:auto;bottom:35px;transform:none;left:13%;right:auto;background:#213033df;backdrop-filter:none;padding:11px 16px}
.project-card:nth-child(even) .project-cover .play-label{left:auto;right:13%}
.project-title.logo-title{margin-bottom:22px}
.logo-title .text-title{display:none}
.logo-title .brand-mark{position:relative;top:auto;right:auto;margin:0;width:175px;height:66px;opacity:1;mix-blend-mode:multiply;overflow:visible}
.logo-title .brand-mark img{position:static;width:100%;height:100%;object-fit:contain;object-position:left center;max-width:100%}
.logo-title .brand-mark.pinebay{width:158px;height:60px}
.logo-title .brand-mark.doubletree{width:153px;height:100px}
.logo-title .brand-mark.fashion{width:80px;height:80px}
.logo-title .brand-mark.rubika{width:62px;height:62px}
.is-list .logo-title .text-title{display:inline}.is-list .logo-title .brand-mark{display:none}
.is-list .cover-art{mask-image:none!important}.is-list .cover-art.diptych{display:block}.is-list .cover-art img+img{display:none}
.is-list .project-cover .play-label{bottom:6px;left:auto;right:6px;top:auto;padding:6px;transform:none}
.project-details span{margin-left:14px}
.intro-bottom p{font-size:1rem}
.contact-section{padding:65px 6vw 70px;display:grid;grid-template-columns:1fr 1fr;gap:6%;position:relative;background:radial-gradient(ellipse at 76% 20%,#aac5c023,transparent 65%)}
.contact-section::before{content:'';position:absolute;top:0;left:5%;right:5%;height:1px;background:var(--rule)}
.contact-section h2{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:400;letter-spacing:-.05em;line-height:1.15;margin:16px 0}
.contact-section p{font-size:1rem;color:var(--muted)}
.contact-options{align-self:center;min-width:0}.email-link{display:flex;gap:16px;justify-content:space-between;padding:20px 0;font-size:clamp(1rem,2vw,1.5rem);border-bottom:1px solid #52777b30}
.social-links{display:flex;flex-wrap:wrap;gap:16px 24px;padding-top:22px}.social-links a{display:inline-flex;gap:9px;align-items:center;min-height:44px;font-size:.875rem}.social-links svg{width:22px;height:22px;flex-shrink:0}.social-links a:hover{color:var(--sea)}
footer span{order:0;width:auto}footer>a:last-child{margin-left:auto}
.masthead nav{gap:28px}.masthead nav a[aria-current]{color:var(--sea)}
.archive-intro{padding:54px 6vw 42px}.archive-intro h1{font-size:clamp(3.2rem,7vw,6rem);font-weight:400;letter-spacing:-.06em;line-height:1.05;margin:20px 0}.archive-intro h1 span{color:var(--clay)}.archive-intro p{font-size:1rem;color:var(--muted)}.archive-intro>a{display:inline-flex;min-height:44px;align-items:center;font-size:.875rem;color:var(--sea)}
.archive-room{padding:0 6vw 70px}.archive-controls{display:flex;align-items:center;flex-wrap:wrap;gap:15px 24px;padding:20px 0 30px;position:relative}.archive-controls:before{content:'';height:1px;position:absolute;left:0;right:0;top:0;background:var(--rule)}.archive-controls label{font-size:.875rem}.archive-controls select{font:inherit;max-width:100%;min-height:44px;color:var(--ink);border:1px solid #52777b50;border-radius:3px;background:transparent;padding:8px 36px 8px 12px}.archive-controls select:focus-visible{outline:2px solid var(--sea);outline-offset:3px}#archive-count{margin-left:auto;font-size:.875rem;color:var(--muted)}
#archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.archive-card{min-width:0}.archive-open{width:100%;padding:0;text-align:left}.archive-visual{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#dce3df}.archive-visual img{position:absolute;inset:0;object-fit:cover}.archive-placeholder{position:absolute;inset:0;display:flex;align-items:center;padding:35px;font-size:1.3rem;color:#52777b}.archive-play{position:absolute;bottom:12px;left:12px;background:#213033e8;color:#fff;padding:7px 10px;font-size:.75rem;border-radius:3px}.archive-caption{display:block;padding-top:16px}.archive-title{display:block;font-size:1.2rem;line-height:1.35;margin:8px 0 10px;overflow-wrap:anywhere}.archive-roles{display:block;font-size:.875rem;line-height:1.6;color:var(--muted)}.archive-open:hover .archive-title{color:var(--sea)}
@media(max-width:1000px){#archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.masthead nav{gap:20px}}
@media(max-width:650px){
 .masthead{height:auto;min-height:105px;flex-wrap:wrap;gap:5px 15px;padding:13px 0}.masthead .wordmark{width:95px}.masthead nav{width:100%;justify-content:space-between;gap:10px;font-size:.875rem;order:2}.masthead nav a{line-height:40px}
 .project-cover .cover-art,.project-card:nth-child(even) .project-cover .cover-art{mask-image:linear-gradient(0deg,transparent,#000 20%,#000 98%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
 .project-cover .play-label,.project-card:nth-child(even) .project-cover .play-label{left:8%;right:auto;bottom:58px;top:auto;transform:none}
 .logo-title .brand-mark{position:relative;display:block!important;top:auto;right:auto;height:58px;width:150px}.logo-title .brand-mark.doubletree{height:76px;width:116px}.logo-title .brand-mark.fashion{height:66px;width:66px}.logo-title .brand-mark.rubika{height:45px;width:45px}.logo-title .brand-mark.pinebay{height:55px;width:148px}
 .project-info,.project-card:nth-child(even) .project-info{margin-top:-15px;min-height:210px}.project-meta{margin-bottom:14px}.project-title.logo-title{margin-bottom:15px}.is-list .project-info{margin-top:0;min-height:0}.is-list .logo-title .brand-mark{display:none!important}
 .contact-section{display:block;padding:44px 6vw}.contact-options{margin-top:25px}.social-links{gap:10px 20px}.email-link{font-size:1.1rem}.intro-bottom p{font-size:.875rem}
 .archive-intro{padding:35px 6vw}.archive-room{padding-bottom:40px}.archive-controls{gap:10px}.archive-controls label{width:100%}.archive-controls select{width:100%}#archive-count{margin-left:0}#archive-grid{gap:30px 16px}.archive-title{font-size:1rem}.archive-roles{font-size:.875rem}.archive-caption .eyebrow{font-size:.75rem}.archive-play{font-size:.75rem;left:6px;bottom:6px;padding:5px 7px}
}
@media(max-width:440px){#archive-grid{grid-template-columns:1fr}.archive-visual{aspect-ratio:16/9}}
.logo-title .brand-mark img{mix-blend-mode:multiply}
.film-player:has(video){height:auto;min-height:0;aspect-ratio:16/9}
.dialog-body.no-story{grid-template-columns:1fr}
/* Make fields of work the archive's first decision. */
.archive-page .archive-intro{padding-bottom:28px}
.category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 12px}
.category-heading h2{font-size:1rem;font-weight:500;margin:0}.category-heading>span{font-size:.875rem;color:var(--muted)}
#category-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:38px}
.category-card{position:relative;display:flex;align-items:center;gap:16px;min-height:112px;padding:24px 0}
.category-card::before{content:'';height:1px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#7d9e9b70,transparent)}
.category-number{font-size:.75rem;color:var(--sea);align-self:flex-start;margin-top:5px}.category-card-copy{display:block;flex:1;min-width:0}.category-name{display:block;font-size:1.18rem;line-height:1.4;letter-spacing:-.025em}.category-size{display:block;font-size:.875rem;color:var(--muted);margin-top:6px}.category-arrow{color:var(--clay);transition:transform .15s}.category-card:hover .category-arrow{transform:translate(3px,-3px)}.category-card:hover .category-name{color:var(--sea)}
.archive-everything,.archive-back{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:.875rem;color:var(--sea)}.archive-everything{margin-top:25px}.archive-back{margin:0 0 12px}
#archive-grid{display:block}.archive-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.archive-category-section{margin-bottom:64px}.archive-category-title{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:400;letter-spacing:-.045em;line-height:1.2;margin:0 0 28px}.archive-category-title:focus{outline:none}
.archive-controls{padding-bottom:24px}.archive-caption{padding-top:12px}
@media(max-width:1000px){#category-overview{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.archive-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.category-heading{display:block}.category-heading>span{display:block;margin-top:8px}.category-card{gap:10px;min-height:106px;padding:20px 0}.category-name{font-size:1rem}.category-number{display:none}.archive-items{gap:30px 16px}.archive-category-section{margin-bottom:45px}.archive-category-title{margin-bottom:22px}}
@media(max-width:440px){#category-overview{grid-template-columns:1fr}.category-card{min-height:84px;padding:17px 0}.category-number{display:block;margin-top:3px}.category-name{font-size:1.12rem}.category-card-copy{display:flex;align-items:center;gap:12px;justify-content:space-between}.category-size{font-size:.8125rem;white-space:nowrap;margin:0}.category-arrow{display:none}.archive-items{grid-template-columns:1fr}}