.portfolio{--pad:clamp(24px, 5vw, 80px);--gap:clamp(4px, .55vw, 8px);color:#252525;background:#fff}.portfolio .site-header{color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0000003d,#0000);border:0;padding-top:32px;padding-bottom:24px;position:absolute}.portfolio .brand{gap:10px}.portfolio .brand-mark{width:30px;height:30px}.portfolio .brand-copy strong{font:500 16px/1.2 var(--sans);letter-spacing:-.025em;text-transform:none}.portfolio .brand-copy>span{display:none}.portfolio .nav{gap:28px}.portfolio .nav a{color:#ffffffd9;letter-spacing:0;text-transform:none;font-size:13px;font-weight:400}.portfolio .nav a:hover,.portfolio .nav a.active{color:#fff}.portfolio .nav a:after{background:currentColor}.portfolio .hero{color:#fff;height:100svh;min-height:580px}.portfolio .hero>img{object-position:50% 45%}.portfolio .hero:after{background:linear-gradient(#00000014,#0000 40%,#0000001a 62%,#0000007a)}.portfolio .hero-copy{top:auto;right:var(--pad);max-width:none;bottom:clamp(50px,7.5vh,86px)}.portfolio .hero-kicker{letter-spacing:.16em;color:#fffc;margin-bottom:18px;font-size:11px;font-weight:400}.portfolio .hero h1{font:400 clamp(56px, 8.4vw, 128px)/1.05 var(--serif);letter-spacing:-.035em;text-shadow:0 2px 24px #0000001a}.portfolio .hero-deck{color:#fffffff0;max-width:38ch;margin-top:18px;font-size:clamp(15px,1.4vw,20px);line-height:1.55}.portfolio .hero-credit{top:auto;bottom:25px;left:var(--pad);color:#fff9;text-transform:none;letter-spacing:.02em;font-size:10px;right:auto}.portfolio .hero .scroll-cue{left:auto;right:var(--pad);color:#fff;width:44px;height:44px;transition:transform .2s;bottom:58px}.portfolio .scroll-cue:hover{transform:translateY(5px)}.portfolio .work-section{padding:var(--gap) 0 0;scroll-margin-top:0}.portfolio .sequence{align-items:start;gap:var(--gap);max-width:none;padding:0 var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.portfolio .sequence.masonry-ready{display:block;position:relative}.portfolio .sequence.masonry-ready>.frame{position:absolute}.portfolio .frame{aspect-ratio:var(--ar);background:#eee}.portfolio .frame:after{display:none}.portfolio .frame img{object-fit:contain}.portfolio .frame:hover img{filter:brightness(.91);transform:none}.portfolio .cap{color:#fff;padding:65px 22px 22px}.portfolio .cap b{font:500 15px/1.3 var(--sans)}.portfolio .cap span{letter-spacing:0;text-transform:none;font-size:12px}.portfolio .frame:focus-within .cap{opacity:1;transform:none}.portfolio .frame:focus-visible{outline-offset:-3px;outline:2px solid #222}.portfolio .collections{padding-top:clamp(70px,9vw,130px);scroll-margin-top:36px}.portfolio .section-head{padding-bottom:48px}.portfolio .eyebrow{color:#747474;letter-spacing:.14em;font-size:10px;font-weight:400}.portfolio .section-head h2{font:400 clamp(34px, 4.5vw, 64px)/1.12 var(--serif);letter-spacing:-.03em;margin:18px 0 15px}.portfolio .section-head>p:last-child{color:#737373;max-width:48ch;font-size:14px}.portfolio .coll-head{border-color:#e5e5e5;padding-bottom:18px}.portfolio .coll-head h3{font:400 25px/1.2 var(--serif)}.portfolio .coll-head p{color:#737373}.portfolio .strip{scrollbar-color:#ccc transparent}.portfolio .strip::-webkit-scrollbar-thumb{background:#ccc}.portfolio .strip .frame{height:clamp(220px,26vw,350px);width:calc(var(--ar) * clamp(220px, 26vw, 350px))}.portfolio .print-note{border-color:#e5e5e5;margin-top:70px;padding-top:48px;padding-bottom:48px}.portfolio .print-note p{color:#737373}.portfolio .text-link{color:#252525;font:inherit;letter-spacing:0;text-transform:none;border-color:#aaa}.portfolio .site-footer{border-color:#e5e5e5;padding-top:32px;padding-bottom:32px}.portfolio .footer-brand{font:500 14px/1.3 var(--sans);letter-spacing:0;text-transform:none}.portfolio .site-footer small{color:#777}.portfolio .footer-links a{color:#666;letter-spacing:0;text-transform:none;font-size:12px;font-weight:400}.portfolio .footer-links a:hover{color:#111}.portfolio .reveal{opacity:1;transform:none}@media (max-width:999px){.portfolio .sequence{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.portfolio .site-header{padding-top:20px}.portfolio .nav-toggle{letter-spacing:0;text-transform:none;font-size:12px;font-weight:400}.portfolio .nav{background:#14181bf7;border:1px solid #ffffff1f;gap:0;padding:14px 24px;position:absolute;inset:84px 16px auto}.portfolio .nav a{font-size:15px}.portfolio .hero{min-height:540px}.portfolio .hero>img{object-position:38% center}.portfolio .hero-copy{bottom:75px}.portfolio .hero-kicker{margin-bottom:13px;font-size:9px}.portfolio .hero h1{font-size:clamp(48px,9vw,64px)}.portfolio .hero-deck{max-width:29ch;padding-right:20px;font-size:15px}.portfolio .hero-credit{font-size:9px;display:block;bottom:24px}.portfolio .hero .scroll-cue{bottom:70px;right:17px}.portfolio .sequence .frame{width:auto!important;height:auto!important}.portfolio .sequence.masonry-ready .frame{width:var(--frame-width)!important}.portfolio .strip .frame{width:calc(var(--ar) * 220px)!important;height:220px!important}.portfolio .cap{padding:45px 14px 14px}.portfolio .cap b{font-size:13px}.portfolio .cap span{font-size:10px}.portfolio .desktop-break{display:none}}@media (max-width:539px){.portfolio .sequence{grid-template-columns:1fr}}@media (hover:hover){.portfolio .cap{opacity:0;transform:translateY(7px)}.portfolio .frame:hover .cap,.portfolio .frame:focus-within .cap{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.portfolio .scroll-cue:hover{transform:none}}