@font-face{font-family:'Vela Sans';src:url('assets/vela-sans.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#fdfdfd;--ink:#1e1e1e;--line:#777;--width:950px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Vela Sans',Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a[href],summary,button{cursor:pointer}a[aria-disabled=true]{cursor:default}a[href]:hover{text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c90000;outline-offset:6px}.wrap{width:min(var(--width),calc(100% - 48px));margin-inline:auto}.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}.skip-link{position:absolute;top:8px;left:8px;z-index:10;transform:translateY(-160%);background:var(--ink);color:white;padding:10px}.skip-link:focus{transform:none}.header{height:115px;width:min(990px,calc(100% - 48px));margin:auto;display:flex;justify-content:space-between;position:relative;z-index:2}.header nav{display:flex;align-items:flex-start;gap:38px;padding-top:30px;font-size:11px}.header nav a:hover{color:#c90000}.resources{display:flex;gap:8px;padding-top:44px;margin-right:-28px;align-items:flex-start;font-size:18px;line-height:1.2}.resources>div{display:flex;flex-direction:column;align-items:center;gap:7px}.resource-button{background:var(--ink);color:var(--paper);border-radius:5px;padding:9px 26px;white-space:nowrap}.resources>div span{font-size:10px;text-decoration:underline;color:#777}.resources>a{padding-inline:21px}.hero{height:430.625px}.hero-inner{position:relative;height:100%}h1{margin:0;position:absolute;top:12px;left:0;width:600px;z-index:1}h1 img{width:100%;height:auto;display:block}.signature{position:absolute;left:335px;top:-25px;z-index:2;pointer-events:none}.hero-outline{position:absolute;left:0;top:167px;width:100%;height:465px;pointer-events:none;max-width:none}.bio{position:absolute;top:265px;left:65px;margin:0;font-size:25px;line-height:1.35;letter-spacing:-1px}.contact-line{position:absolute;top:390px;left:0;right:0;border-top:.6px solid var(--line);height:1px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border-radius:5px;min-height:49px;padding:8px 20px;font-size:24px;letter-spacing:-.7px;transition:background .2s,color .2s}.button:hover{background:#c90000}.contact-line .button{position:absolute;right:87px;top:-25px}.marquee{position:relative;height:200.813px;overflow:hidden;padding-top:16.922px;isolation:isolate}.marquee-track{width:max-content;display:flex;gap:14px;transform:translateX(-85px);animation:marquee 38s linear infinite;will-change:transform}.marquee-group{display:flex;gap:14px;flex-shrink:0}.marquee-group img{width:159.188px;height:166.5px;object-fit:cover;border-radius:5px;display:block}.marquee:hover .marquee-track,.marquee.is-paused .marquee-track{animation-play-state:paused}.marquee-toggle{position:absolute;right:17px;bottom:18px;width:28px;height:28px;border:1px solid #ffffffa0;background:#1e1e1e9c;border-radius:50%;color:white;font-size:14px;display:grid;place-items:center;padding:0;opacity:.6}.marquee-toggle:hover,.marquee-toggle:focus-visible{opacity:1}@keyframes marquee{from{transform:translateX(-85px)}to{transform:translateX(calc(-50% - 92px))}}.section-heading{height:101px;position:relative;display:flex;align-items:flex-end}.section-heading h2{font-size:62px;font-weight:300;line-height:1.1;letter-spacing:-2px;margin:0 0 17px;display:flex;gap:24px;align-items:center}.arrow{font-family:Arial,sans-serif;font-weight:300;font-size:66px;line-height:.9}.cases-heading{justify-content:flex-end;padding-right:max(calc((100vw - 950px)/2 + 37px),28px)}.cases-heading:after{content:'';position:absolute;bottom:0;right:0;width:calc((100vw - 950px)/2 + 297px);border-bottom:.6px solid var(--line)}.case-grid{padding-top:32px;display:grid;gap:31px}.case-card{position:relative;display:block;border:.6px solid var(--line);border-radius:5px}.case-wide{height:221px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);align-items:end;padding:10px;gap:37px}.case-wide>img{width:446px;max-width:100%;height:199px;object-fit:cover;border-radius:5px;display:block}.case-wide.case-first>img{height:267.188px;transform:translate(4px,-4px)}.case-description{padding:0 0 14px 0}.case-card h3{font-weight:300;font-size:25px;line-height:1.35;letter-spacing:-1px;margin:15px 0 0}.tags{display:flex;gap:12px;font-size:14px;line-height:1.2}.tags>span{padding:1px 10px 2px;border:.6px solid currentColor;border-radius:20px;white-space:nowrap}.case-card>.arrow{position:absolute;top:29px;right:25px}.case-bottom{display:grid;grid-template-columns:284.625fr 282.938fr 339.438fr;gap:22px}.case-bottom>.case-card{height:292px}.case-photo{border:0;overflow:hidden;color:var(--paper)}.case-photo>img{width:100%;height:100%;object-fit:cover;display:block}.case-photo>.tags{position:absolute;left:40px;top:34px}.case-photo .tags>span{border-radius:4px}.case-photo h3{position:absolute;left:30px;bottom:28px}.case-photo>.arrow{top:32px;right:28px}.behance{padding:40px}.behance h3{font-size:48px;line-height:1;margin:0;letter-spacing:-2px}.behance p{font-size:24px;margin-top:18px;letter-spacing:-.8px}.behance>.arrow{top:auto;bottom:35px;right:30px}.experience{padding-top:102px}.exp-heading{height:77px;justify-content:flex-start;padding-left:max(calc((100vw - 950px)/2 + 112px),24px)}.exp-heading:after{content:'';position:absolute;left:0;bottom:0;width:calc((100vw - 950px)/2 + 344px);border-bottom:.6px solid var(--line)}.exp-heading h2{gap:30px}.experience-list{padding-top:55px;display:grid;gap:23px}.experience-card{border:.6px solid var(--line);border-radius:56px;overflow:hidden;interpolate-size:allow-keywords}.experience-card summary{display:grid;grid-template-columns:1fr 1.18fr 60px;gap:15px;align-items:center;min-height:99px;padding:24px 40px;list-style:none}.experience-card summary::-webkit-details-marker{display:none}.company,.position{display:flex;flex-direction:column;gap:3px}.company-name,.role{font-size:24px;line-height:1.15;letter-spacing:-.9px}.company-description,.period{font-size:14px;line-height:1.3;font-weight:300;letter-spacing:-.5px}.company-description{color:#8e8e8e}.period{color:#777}.expand-icon{justify-self:center;width:54px;height:54px;position:relative}.expand-icon:before,.expand-icon:after{content:'';position:absolute;background:var(--ink);transition:transform .25s;transform-origin:center}.expand-icon:before{left:0;top:26px;width:54px;height:1px}.expand-icon:after{top:0;left:26px;width:1px;height:54px}.experience-card[open] .expand-icon:before{transform:rotate(45deg)}.experience-card[open] .expand-icon:after{height:37px;top:8px;left:41px}.experience-card[open] .expand-icon{background:linear-gradient(var(--ink),var(--ink)) right 12px bottom 8px/37px 1px no-repeat}.experience-content{border-top:.6px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:20px 53px 24px;font-size:15px;line-height:1.42;letter-spacing:-.45px}.experience-content h3{font-size:15px;font-weight:400;text-decoration:underline;margin:0 0 10px}.experience-content p{margin:0 0 22px}.experience-content p:last-child{margin-bottom:0}.experience-content ul{margin:-22px 0 22px;padding-left:20px}.footer{margin-top:44px;min-height:288px;border-radius:56px 56px 0 0;background:var(--ink);color:var(--paper);padding:42px 48px 46px}.footer-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer h2{font-size:39px;font-weight:300;letter-spacing:-1.5px;line-height:1.2;margin:0}.footer .button{background:var(--paper);color:var(--ink);border-radius:40px;min-height:59px;min-width:236px;font-size:24px}.footer .button:hover{background:#e0e0e0}.footer address{display:flex;gap:35px;flex-wrap:wrap;font-style:normal;color:#aaa;font-size:20px;margin-top:58px}.footer address a:hover{color:white}.copyright{text-align:right;color:#999;font-size:24px;letter-spacing:-1px;margin:26px -10px 0 0}
@media(max-width:1050px){.header{width:calc(100% - 48px)}.header nav{gap:20px}.resources{margin-right:0;font-size:15px}.resource-button{padding-inline:20px}.resources>a{padding-inline:15px}.case-wide{gap:25px}.case-wide>img{width:100%}.case-card h3{font-size:22px}.case-photo>.tags{left:24px}.case-photo h3{left:24px}.experience-card summary{padding-inline:30px;grid-template-columns:1fr 1.1fr 45px}.company-name,.role{font-size:21px}.experience-content{gap:48px;padding-inline:36px}.footer h2{font-size:32px}.footer .button{min-width:190px;font-size:22px}.cases-heading{padding-right:35px}.cases-heading:after{width:300px}.exp-heading{padding-left:70px}.exp-heading:after{width:330px}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 32px)}.header{width:calc(100% - 32px);height:auto;display:block;padding-bottom:20px}.header nav{justify-content:space-between;gap:12px;padding-top:22px;font-size:12px}.resources{padding-top:28px;gap:7px;font-size:14px}.resource-button{padding:9px 16px}.resources>a{padding-inline:16px}.resources>div span{font-size:10px}.hero{height:350px}.hero h1{top:10px;width:min(100%,500px)}.signature{width:185px;height:auto;left:auto;right:0;top:12px}.hero-outline{display:none}.bio{top:200px;left:0;font-size:19px;letter-spacing:-.5px;line-height:1.45}.contact-line{top:333px}.contact-line .button{right:20px;top:-21px}.button{font-size:19px;min-height:43px;padding:8px 17px}.marquee{height:176px;padding-top:20px}.marquee-group img{width:134px;height:140px}.marquee-track,.marquee-group{gap:12px}.marquee-track{animation-duration:32s}.section-heading{height:80px}.section-heading h2{font-size:43px;gap:16px;letter-spacing:-1.5px;margin-bottom:12px}.arrow{font-size:50px}.cases-heading{padding-right:20px}.cases-heading:after{width:230px}.case-grid{padding-top:26px;gap:24px}.case-wide{height:auto;display:flex;flex-direction:column;gap:0;align-items:stretch;padding:10px}.case-wide>img,.case-wide.case-first>img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;transform:none}.case-description{padding:24px 8px 13px}.case-card h3{font-size:23px;letter-spacing:-.65px}.case-card>.arrow{top:auto;bottom:23px;right:18px;font-size:40px}.tags{font-size:12px;gap:8px}.case-bottom{grid-template-columns:1fr 1fr;gap:14px}.case-bottom>.case-card{height:250px}.case-photo>.tags{top:19px;left:15px}.case-photo h3{left:15px;bottom:23px;font-size:18px}.case-photo>.arrow{top:19px;bottom:auto;right:15px;font-size:37px}.case-bottom>.behance{grid-column:1/-1;height:155px;padding:24px}.behance h3{font-size:39px}.behance p{font-size:20px;margin:15px 0}.behance>.arrow{bottom:24px}.experience{padding-top:56px}.exp-heading{height:70px;padding-left:26px}.exp-heading:after{width:240px}.experience-list{padding-top:28px;gap:16px}.experience-card{border-radius:30px}.experience-card summary{min-height:126px;padding:24px;grid-template-columns:1fr 33px;gap:10px}.company{grid-column:1}.position{grid-column:1}.expand-icon{grid-column:2;grid-row:1/3;width:28px;height:28px}.company-name,.role{font-size:20px;letter-spacing:-.5px}.role{font-size:16px}.company-description,.period{font-size:12px}.expand-icon:before{width:28px;top:13px}.expand-icon:after{height:28px;left:13px}.experience-card[open] .expand-icon:after{height:20px;top:4px;left:21px}.experience-card[open] .expand-icon{background:linear-gradient(var(--ink),var(--ink)) right 6px bottom 4px/20px 1px no-repeat}.experience-content{grid-template-columns:1fr;padding:25px 24px;gap:25px;font-size:16px;line-height:1.5;letter-spacing:-.35px}.experience-content h3{font-size:16px}.footer{margin-top:32px;border-radius:32px 32px 0 0;padding:28px 24px;min-height:330px}.footer-top{display:block}.footer h2{font-size:28px;letter-spacing:-1px;max-width:300px}.footer .button{margin-top:24px;font-size:19px;min-height:48px;min-width:180px}.footer address{font-size:17px;gap:15px;margin-top:30px;flex-direction:column}.copyright{font-size:16px;margin:28px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.marquee-toggle{display:none}.expand-icon:before,.expand-icon:after{transition:none}.button{transition:none}}

/* Match the supplied vector's spacing and arrow artwork. */
.bio,.button,.case-card h3,.behance p,.company-name,.role,.company-description,.period,.experience-content{letter-spacing:0}
.arrow{display:inline-block;width:44px;height:45px;flex:0 0 44px;font-size:0!important;background:url('assets/arrow.svg') center/contain no-repeat}
.case-photo>.arrow{filter:invert(1)}
@media(max-width:700px){.case-wide{grid-template-rows:none}.arrow{width:34px;height:35px;flex-basis:34px}.case-card>.arrow{width:32px;height:33px}.bio{font-size:18px}.role{font-size:16px}.experience-card summary{padding:23px}.case-card h3{font-size:22px}.case-photo h3{font-size:17px}.experience-content{letter-spacing:-.15px}}
@media(min-width:1051px){.resources{position:absolute;right:-12px;margin-right:0}.resources>div .resource-button{width:128px;text-align:center;padding-inline:12px}.resources>a[data-link=hh]{width:70px;text-align:center;padding-inline:0}.resources>a:last-child{width:86px;text-align:center;padding-inline:0}}
@media(min-width:701px){.cases-heading{height:101.5625px}.case-grid{gap:32px}}
.marquee-track{animation-duration:var(--marquee-duration,38s)}
@keyframes marquee{from{transform:translateX(-85px)}to{transform:translateX(calc(-85px - var(--marquee-distance,1558.6875px)))}}
@media(min-width:1051px){.experience-content{grid-template-columns:406px 1fr;gap:30px}.experience-card[open] summary{min-height:110px}}
.experience-content{font-weight:200}.experience-content strong{font-weight:400}.company-name,.role{font-weight:400}
/* Updated case and footer layouts, matching the September reference SVGs. */
.experience-content h3{text-decoration-skip-ink:none;text-decoration-thickness:.7px;text-underline-offset:2px}
.expand-icon::before,.expand-icon::after{content:none}
.experience-card[open] .expand-icon{background:none}
.expand-icon svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:butt;stroke-linejoin:miter}
.icon-plus,.icon-arrow{transition:opacity 140ms ease}
.icon-plus{opacity:1}.icon-arrow{opacity:0}
.experience-card[open] .icon-plus{opacity:0}.experience-card[open] .icon-arrow{opacity:1}
.cases{padding-bottom:20px}
.cases-heading{height:102.5px}
.case-grid{padding-top:23.78125px;gap:20.5625px}
.case-wide{height:224.4375px;grid-template-columns:446px minmax(0,1fr);gap:31.78px;padding:16.78px 21.46px}
.case-wide>img{width:446px;height:189.875px;max-width:100%;object-fit:cover;transform:none}
.case-description{padding:0 0 3px}
.case-wide .tags{font-size:15px;gap:13px;line-height:18px}
.case-wide .tags>span{min-width:76px;text-align:center;padding:1px 10px 2px}
.case-wide .tags>span+span{min-width:107px}
.case-wide>.arrow{top:17px;right:21px}
.case-card h3{font-size:25px;line-height:1.35}
.case-bottom{grid-template-columns:358.606fr 367fr 170.562fr;gap:25.5px;margin-top:1.71875px}
.case-photo>.tags{top:32px;left:22px;flex-direction:column;align-items:flex-start;gap:9px;font-size:16px}
.case-photo .tags>span{border-radius:20px;line-height:19px;padding:1px 9px 2px}
.case-photo h3{left:22px;bottom:28px}
.case-photo>.arrow{right:17px;top:32px}
.behance{padding:0 13px 17px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.behance .tags{font-size:16px;line-height:19px}
.behance .tags>span{padding:1px 15px 2px}
.behance h3{font-size:20px;line-height:27px;letter-spacing:0;margin:15px 0 0}
.behance>.arrow{top:13px;right:12px;bottom:auto}
.footer{margin-top:19px;min-height:294px;padding:49px 44px 48px}
.footer-top{align-items:center}
.footer h2{font-size:39.48px;letter-spacing:0;line-height:48px;white-space:nowrap}
.footer .button{min-width:211px;min-height:48px;font-size:24.375px;padding:7px 20px;border-radius:24px;line-height:1.2}
.footer address{margin-top:45px;gap:36px;font-size:24.375px;line-height:30px;color:rgb(253 253 253 / 26%);flex-wrap:nowrap}
@media(min-width:1200px){.footer{position:relative;left:-52px}.footer-top{gap:28px}.footer .button{margin-right:14px}}
@media(min-width:701px) and (max-width:1050px){.case-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.case-wide>img{width:100%}.case-card h3{font-size:21px}.case-bottom{grid-template-columns:1fr 1fr .65fr;gap:16px}.behance h3{font-size:18px;line-height:1.4}.footer h2{font-size:29px}.footer address{font-size:18px;gap:24px}.footer .button{font-size:20px;min-width:180px}.footer{padding-inline:32px}}
@media(max-width:700px){.cases-heading{height:80px}.case-grid{padding-top:26px;gap:20px}.case-wide{height:auto;display:flex;gap:0;padding:10px}.case-wide>img{width:100%;height:auto;aspect-ratio:446/190;object-fit:cover}.case-description{padding:23px 8px 13px}.case-wide .tags{font-size:12px;gap:9px}.case-wide .tags>span{min-width:0;padding-inline:10px}.case-card h3{font-size:21px}.case-wide>.arrow{top:auto;bottom:23px;right:18px}.case-bottom{grid-template-columns:1fr 1fr;gap:14px;margin-top:0}.case-photo>.tags{top:18px;left:14px;font-size:12px;gap:7px}.case-photo .tags>span{line-height:15px;padding-inline:7px}.case-photo>.arrow{top:18px;right:12px;width:27px;height:28px}.case-photo h3{font-size:17px;line-height:1.3;left:14px;bottom:22px;right:8px}.case-bottom>.behance{height:160px;padding:24px}.behance>.arrow{top:20px;right:20px}.behance h3{font-size:19px;line-height:1.3;margin-top:12px}.behance h3 br{display:none}.behance h3 br::after{content:' '}.behance h3{max-width:210px}.footer{margin-top:19px;min-height:330px;padding:28px 24px}.footer h2{font-size:28px;line-height:1.2;white-space:normal}.footer .button{font-size:19px;min-width:180px;min-height:48px;margin-top:24px}.footer address{flex-direction:column;font-size:17px;line-height:1.4;gap:15px;margin-top:30px}}

/* Individual case links keep the supplied roll's order and spacing. */
.marquee-item{position:relative;display:block;flex:none;width:159.188px;height:166.5px;border-radius:5px;overflow:hidden}
.marquee-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.marquee-item::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);pointer-events:none;transition:opacity .2s ease}
.marquee-item:hover::after,.marquee-item:focus-visible::after,.marquee-item:active::after{opacity:0}
@media(prefers-reduced-motion:reduce){.marquee-item::after{transition:none}}
@media(prefers-reduced-motion:reduce){.icon-plus,.icon-arrow{transition:none}}
.arrow{background-image:url('assets/arrow-thin.svg')}
@media(min-width:701px){.experience-card summary{min-height:110px}}

.experience-card:first-child .experience-content ul{margin:0;padding-left:20px}
.experience-card:first-child .experience-content li+li{margin-top:8px}

/* Experience cards follow the supplied three-column text layout. */
.experience-content{column-gap:30px;row-gap:18px;padding-top:24px;padding-bottom:30px}
.experience-content .experience-intro{grid-column:1/-1;margin:0 0 2px}
.experience-label{text-decoration:underline;text-decoration-skip-ink:none;text-decoration-thickness:.7px;text-underline-offset:2px;font-weight:400}
.experience-content .experience-column{min-width:0}
.experience-content .experience-column h3{margin:0 0 6px}
.experience-content .experience-column ul{margin:0;padding-left:20px}
.experience-content .experience-column li+li{margin-top:3px}
@media(max-width:700px){.experience-content{grid-template-columns:1fr;row-gap:22px;padding:24px}.experience-content .experience-intro{margin:0}}

.cases-heading h2 .arrow,.exp-heading h2 .arrow{transform:rotate(180deg)}

@media(max-width:700px){.hero .bio{top:180px;font-size:17px}}