.portfolio-page{background:var(--paper)}.portfolio-container{width:min(var(--content-width), calc(100% - 112px));margin-inline:auto}.portfolio-page .primary-nav [aria-current=page]:after{transform:scaleX(1)}.portfolio-page .eyebrow{letter-spacing:3.2px;font-size:11px}.portfolio-hero{background:#e9e2d7;align-items:center;height:min(760px,58vw);min-height:710px;display:flex;position:relative;overflow:hidden}.portfolio-hero__image.hero__image{inset:-3% 0;top:var(--header-h)}.portfolio-hero__image img{object-position:center top}.portfolio-hero__veil{pointer-events:none;background:linear-gradient(90deg,#f4f0e842,#f4f0e80f 42%,#0000 64%);position:absolute;inset:0}.portfolio-hero__content{z-index:1;padding-top:calc(var(--header-h) + 24px);padding-bottom:35px;position:relative}.portfolio-hero__content .eyebrow{margin-bottom:18px}.portfolio-hero h1{letter-spacing:-4.6px;font-size:clamp(84px,7.7vw,112px);line-height:.86}.portfolio-hero .line-mask{margin-bottom:-9px;padding-bottom:9px}.portfolio-hero__intro{color:#625d53;max-width:420px;font-size:var(--body-size);line-height:var(--body-leading);margin-top:24px}@media (width>=1441px){.portfolio-hero{height:790px}}.portfolio-collection{padding-block:16px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.portfolio-card{text-align:left;background:#d2ccc2;width:100%;padding:0;display:block;position:relative;overflow:hidden}.portfolio-card__frame{aspect-ratio:.91;width:100%;display:block;position:relative;overflow:hidden}.portfolio-card__frame img{object-position:center 30%;width:calc(100% + 12px);height:calc(100% + 40px);transition:scale 1.2s var(--ease);position:absolute;inset:-20px -6px}.portfolio-card:nth-child(3) img{object-position:center 23%}.portfolio-card:nth-child(7) img,.portfolio-card:nth-child(8) img{object-position:center 24%}.portfolio-card__caption{color:#fffdf8;font:500 9px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase;opacity:0;transition:opacity .4s ease, transform .65s var(--ease);background:linear-gradient(#0000,#120f0cad);justify-content:space-between;align-items:center;gap:14px;padding:56px 24px 23px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.portfolio-card__caption>span:last-child{font-size:20px;line-height:1}@media (hover:hover){.portfolio-card:hover img{scale:1.035}.portfolio-card:hover .portfolio-card__caption{opacity:1;transform:translateY(0)}}.portfolio-card:focus-visible{z-index:1;outline-offset:-5px}.portfolio-card:focus-visible img{scale:1.025}.portfolio-card:focus-visible .portfolio-card__caption{opacity:1;transform:translateY(0)}.portfolio-manifesto{height:clamp(325px,29vw,420px);color:var(--ivory);background:#39362c;position:relative;overflow:hidden}.portfolio-manifesto__image{position:absolute;inset:-28px 0}.portfolio-manifesto__image img{object-position:center 42%}.portfolio-manifesto__veil{pointer-events:none;background:linear-gradient(90deg,#0000 42%,#13120f0a 58%,#13120f40);position:absolute;inset:0}.portfolio-manifesto__content{justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.portfolio-manifesto__content>div{width:480px}.portfolio-manifesto .eyebrow{letter-spacing:3px;margin-bottom:18px;font-size:10px}.portfolio-manifesto h2{letter-spacing:-1.7px;font-size:clamp(54px,4.7vw,68px);line-height:.98}.portfolio-manifesto .short-rule{opacity:.45;width:49px;margin-top:32px}.portfolio-experience{padding-block:40px}.portfolio-experience__grid{grid-template-columns:31% minmax(0,1fr);align-items:center;gap:76px;display:grid}.portfolio-experience__copy .eyebrow{margin-bottom:16px}.portfolio-experience__copy h2{letter-spacing:-1.4px;text-transform:uppercase;font-size:clamp(46px,4.2vw,61px);line-height:.95}.portfolio-experience__copy>p:not(.eyebrow){color:#625d53;max-width:360px;font-size:var(--body-size);line-height:var(--body-leading);margin-top:19px}.portfolio-experience__copy .button{letter-spacing:1.8px;min-height:52px;margin-top:29px;padding:17px 25px;font-size:9px}.portfolio-film{aspect-ratio:1.8;background:#3c3329;width:100%;padding:0;display:block;position:relative;overflow:hidden}.portfolio-film__image{display:block;position:absolute;inset:-22px 0}.portfolio-film__image img{object-position:center 22%;transition:scale 1.2s var(--ease)}.portfolio-film:after{content:"";pointer-events:none;background:#110f0c1a;position:absolute;inset:0}.portfolio-film__play{z-index:1;color:#fffdf8;width:65px;height:65px;transition:background .35s ease, scale .5s var(--ease);background:#28211914;border:1px solid #fffdf8b3;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-film__play svg{width:34px;height:34px}.portfolio-film__label{z-index:1;color:var(--ivory);font:500 8px/1.5 var(--sans);letter-spacing:2px;text-align:center;text-transform:uppercase;opacity:0;background:linear-gradient(#0000,#110f0c66);padding:35px 22px 18px;transition:opacity .35s;position:absolute;bottom:0;left:0;right:0}.portfolio-film:hover img,.portfolio-film:focus-visible img{scale:1.025}.portfolio-film:hover .portfolio-film__play,.portfolio-film:focus-visible .portfolio-film__play{background:#f4f0e829;scale:1.08}.portfolio-film:hover .portfolio-film__label,.portfolio-film:focus-visible .portfolio-film__label{opacity:1}.portfolio-process{background:#f0ede7;padding-block:40px 55px}.portfolio-process__heading{text-align:center}.portfolio-process__heading .eyebrow{letter-spacing:2.6px;margin-bottom:12px;font-size:10px}.portfolio-process__heading h2{letter-spacing:-.8px;text-transform:uppercase;font-size:clamp(32px,3.05vw,44px);line-height:1.04}.portfolio-process__steps{grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 0;padding:0;list-style:none;display:grid}.portfolio-process__step{text-align:center;padding-inline:48px;position:relative}.portfolio-process__step+.portfolio-process__step:before{content:"";background:#d7d0c5;width:1px;position:absolute;top:7px;bottom:0;left:0}.portfolio-process__number{font-family:var(--sans);color:var(--champagne);letter-spacing:2px;font-size:13px;font-weight:600;line-height:1;display:block}.portfolio-process__step .short-rule{background:#9f9386;width:39px;margin:17px auto 24px}.portfolio-process__step h3{font:500 11px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase;margin-bottom:17px}.portfolio-process__step p{color:#625d53;max-width:300px;font-size:var(--body-size);line-height:var(--body-leading);margin-inline:auto}.portfolio-closing{background:#e9e2d7;min-height:680px;position:relative;overflow:hidden}.portfolio-closing__image{position:absolute;inset:-25px 0}.portfolio-closing__image img{object-position:center top}.portfolio-closing__veil{pointer-events:none;background:linear-gradient(90deg,#f4f0e8db,#f4f0e887 36%,#0000 59%);position:absolute;inset:0}.portfolio-closing__content{padding-block:62px;position:relative}.portfolio-closing__content>.eyebrow{margin-bottom:22px}.portfolio-closing h2{letter-spacing:-1.8px;text-transform:uppercase;font-size:clamp(53px,4.9vw,71px);line-height:.97}.portfolio-closing__intro{color:#625d53;max-width:490px;font-size:var(--body-size);line-height:var(--body-leading);margin-top:25px}.portfolio-closing .button{letter-spacing:2px;min-height:53px;margin-top:27px;font-size:9px}.experience-dialog{width:min(1060px,100% - 48px);color:var(--ivory);background:#211e19}.experience-dialog__heading{text-align:center;padding:45px 60px 24px}.experience-dialog__heading .eyebrow{color:#c8b598;letter-spacing:2.3px;font-size:9px}.experience-dialog__heading h2{letter-spacing:-.8px;margin-top:12px;font-size:48px;line-height:1}.experience-dialog__stage{aspect-ratio:16/9;background:#171717;width:100%;position:relative;overflow:hidden}.experience-dialog__stage iframe{border:0;width:100%;height:100%;display:block}.experience-dialog__content{text-align:center;padding:22px 32px 26px}.experience-dialog__content>p{color:#d7cfc1;font-size:var(--body-size);line-height:var(--body-leading)}.experience-video-link{min-height:44px;color:var(--ivory);font:500 9px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:13px;margin-top:9px;display:inline-flex}.experience-video-link:hover{color:#c8b598}@media (width<=1199px) and (width>=769px){.portfolio-hero{height:62vw;min-height:600px}.portfolio-hero__content{padding-top:125px}.portfolio-hero h1{letter-spacing:-3.8px;font-size:91px}.portfolio-hero__intro{font-size:var(--body-size)}.portfolio-grid{gap:10px}.portfolio-experience__grid{grid-template-columns:33% minmax(0,1fr);gap:44px}.portfolio-experience__copy h2{font-size:47px}.portfolio-experience__copy>p:not(.eyebrow){font-size:var(--body-size)}.portfolio-experience__copy .button{padding-inline:16px;font-size:8px}.portfolio-manifesto__content>div{width:340px}.portfolio-manifesto h2{font-size:56px}.portfolio-process__step{padding-inline:25px}.portfolio-process__step p{font-size:var(--body-size)}.portfolio-closing{min-height:620px}.portfolio-closing h2{font-size:61px}.portfolio-closing__intro{font-size:var(--body-size)}}@media (width<=768px){.portfolio-container{width:calc(100% - 48px)}.portfolio-page .eyebrow{letter-spacing:2.6px;font-size:9px}.portfolio-hero{background:var(--ivory);flex-direction:column;height:auto;padding-top:105px;display:flex}.portfolio-hero__content{order:1;padding-top:30px;padding-bottom:35px}.portfolio-hero__content .eyebrow{margin-bottom:19px}.portfolio-hero h1{letter-spacing:-3.8px;font-size:clamp(73px,17vw,106px);line-height:.86}.portfolio-hero__intro{max-width:420px;font-size:var(--body-size);line-height:var(--body-leading);margin-top:25px}.portfolio-hero__image.hero__image{order:2;width:100%;height:clamp(290px,72vw,470px);position:relative;inset:auto}.portfolio-hero__image img{object-position:right top}.portfolio-hero__veil{display:none}.portfolio-collection{padding-block:10px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:calc(100% - 20px)}.portfolio-card__frame{aspect-ratio:.81}.portfolio-card__frame img{width:calc(100% + 12px);height:calc(100% + 40px);inset:-20px -6px}.portfolio-card:nth-child(9){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}.portfolio-card__caption{letter-spacing:1.2px;padding:36px 13px 15px;font-size:7px}.portfolio-manifesto{height:380px}.portfolio-manifesto__image{inset:-20px 0}.portfolio-manifesto__image img{object-position:28% center}.portfolio-manifesto__veil{background:linear-gradient(#0000 5%,#110f0c33 40%,#110f0c99)}.portfolio-manifesto__content{justify-content:flex-start;align-items:flex-end;padding-bottom:33px}.portfolio-manifesto__content>div{width:100%}.portfolio-manifesto .eyebrow{margin-bottom:15px;font-size:8px}.portfolio-manifesto h2{letter-spacing:-1.4px;font-size:clamp(46px,10.6vw,66px)}.portfolio-manifesto .short-rule{width:40px;margin-top:24px}.portfolio-experience{padding-block:38px}.portfolio-experience__grid{grid-template-columns:1fr;gap:29px}.portfolio-experience__copy .eyebrow{margin-bottom:16px}.portfolio-experience__copy h2{letter-spacing:-1.4px;font-size:clamp(46px,11.2vw,65px)}.portfolio-experience__copy>p:not(.eyebrow){max-width:510px;font-size:var(--body-size);line-height:var(--body-leading);margin-top:21px}.portfolio-experience__copy .button{min-height:51px;margin-top:26px;padding:17px 24px;font-size:8px}.portfolio-film{aspect-ratio:1.55}.portfolio-film__image img{object-position:center 23%}.portfolio-film__play{width:55px;height:55px}.portfolio-film__play svg{width:29px;height:29px}.portfolio-film__label{opacity:1;font-size:7px}.portfolio-process{padding-block:39px 41px}.portfolio-process__heading .eyebrow{margin-bottom:14px;font-size:8px}.portfolio-process__heading h2{max-width:510px;margin-inline:auto;font-size:clamp(32px,7vw,46px);line-height:1}.portfolio-process__steps{grid-template-columns:1fr;gap:30px;margin-top:36px}.portfolio-process__step{text-align:left;grid-template-columns:75px minmax(0,1fr);gap:0 23px;padding:0;display:grid}.portfolio-process__step+.portfolio-process__step:before{display:none}.portfolio-process__number{letter-spacing:2px;grid-row:auto;font-size:13px}.portfolio-process__step .short-rule{display:none}.portfolio-process__step h3{letter-spacing:1.9px;margin:3px 0 10px;font-size:10px}.portfolio-process__step p{max-width:460px;font-size:var(--body-size);line-height:var(--body-leading);margin:0}.portfolio-closing{background:var(--ivory);min-height:0}.portfolio-closing__content{padding-block:41px 36px}.portfolio-closing__content>.eyebrow{margin-bottom:22px}.portfolio-closing h2{letter-spacing:-1.5px;font-size:clamp(49px,11.6vw,71px)}.portfolio-closing__intro{font-size:var(--body-size);line-height:var(--body-leading);margin-top:23px}.portfolio-closing__intro br{display:none}.portfolio-closing .button{letter-spacing:1.8px;min-height:51px;margin-top:26px;padding-inline:23px;font-size:8px}.portfolio-closing__image{height:clamp(305px,78vw,475px);margin-top:0;position:relative;inset:auto}.portfolio-closing__image img{object-position:right top}.portfolio-closing__content{position:relative}.portfolio-closing{flex-direction:column;display:flex}.portfolio-closing__content{order:1}.portfolio-closing__image{order:2}.portfolio-closing__veil{display:none}.experience-dialog{width:calc(100% - 28px)}.experience-dialog__heading{padding:49px 30px 21px}.experience-dialog__heading h2{font-size:37px}.experience-dialog__content{padding:20px 21px 22px}}@media (width<=480px){.portfolio-grid{grid-template-columns:1fr;gap:10px;width:calc(100% - 28px)}.portfolio-card__frame{aspect-ratio:.93}.portfolio-card:nth-child(9){grid-column:auto;width:100%}}@media (width<=360px){.portfolio-hero h1{font-size:71px}.portfolio-hero__intro{font-size:var(--body-size)}.desktop-break{display:none}.portfolio-process__step{grid-template-columns:62px minmax(0,1fr);column-gap:16px}.portfolio-process__number{letter-spacing:2px;font-size:13px}.portfolio-process__step p{font-size:var(--body-size)}.portfolio-closing h2{font-size:46px}.experience-dialog__content{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.portfolio-card__frame img,.portfolio-card__caption,.portfolio-film__image img,.portfolio-film__play,.portfolio-film__label{transition:none}.portfolio-card:hover img,.portfolio-card:focus-visible img,.portfolio-film:hover img,.portfolio-film:focus-visible img{scale:1}}
