.study{--s-ink:#1e1e1c;--s-paper:#f4f1ea;background:var(--s-paper);min-height:100vh;color:var(--s-ink);font-family:Arial,Helvetica,sans-serif}.study *{box-sizing:border-box}.study img{object-fit:cover;width:100%;height:100%;display:block}.study figure{margin:0}.study-logo{letter-spacing:-.05em;font-size:24px;font-weight:700}.study-logo span{letter-spacing:.12em;text-transform:uppercase;margin-left:5px;font-size:10px;font-weight:400}.supi-header{z-index:10;background:#fff;border-bottom:1px solid #1e1e1c2e;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 4vw;display:grid;position:relative}.supi-header nav{color:#5f5c56;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:clamp(18px,2.5vw,42px);font-size:10px;display:flex}.supi-header nav a{padding:8px 0;position:relative}.supi-header nav a:after{content:"";background:#f49819;height:1px;transition:right .25s;position:absolute;bottom:2px;left:0;right:100%}.supi-header nav a:hover:after{right:0}.supi-header nav a:focus-visible:after{right:0}.supi-header>p{letter-spacing:.08em;justify-self:end;margin:0;font-size:10px}.study-header{z-index:3;border-bottom:1px solid #1e1e1c2e;justify-content:space-between;align-items:center;height:76px;padding:0 4vw;display:flex;position:relative}.study-header p{letter-spacing:.08em;margin:0;font-size:11px}.study-kicker{letter-spacing:.18em;text-transform:uppercase;font-weight:600;font-size:10px!important}.study-nav{z-index:50;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141413e0;border:1px solid #ffffff47;border-radius:30px;align-items:center;gap:5px;padding:6px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 35px #00000038}.study-nav span{letter-spacing:.15em;text-transform:uppercase;opacity:.65;padding:0 10px;font-size:9px}.study-nav a{border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.study-nav a.active{color:#111;background:#fff}.calm-grid{background:#fff;grid-template-columns:repeat(3,1fr);gap:0;padding:6px;display:grid}.calm-grid>*{min-width:0}.calm-grid figure{aspect-ratio:4/3;background:#ddd8cf;border:6px solid #fff;position:relative;overflow:hidden}.calm-grid figure img{transition:transform .6s}.calm-grid figure:hover img{transform:scale(1.025)}.calm-grid figcaption,.filmstrip figcaption{color:#fff;text-shadow:0 1px 12px #000;justify-content:space-between;align-items:end;gap:12px;display:flex;position:absolute;inset:auto 18px 16px}.calm-grid figcaption b,.filmstrip figcaption b{font-size:16px;font-weight:500}.calm-grid figcaption span,.filmstrip figcaption span{letter-spacing:.08em;text-transform:uppercase;font-size:9px}.study-about{grid-template-columns:1fr 1fr;min-height:720px;display:grid}.study-about-portraits{grid-template-columns:1fr 1fr;gap:3px;padding:5vw 0 5vw 5vw;display:grid}.study-about-portraits img{filter:grayscale();min-height:560px}.study-about-portraits img:last-child{height:calc(100% - 42px);margin-top:42px}.study-about-copy{flex-direction:column;justify-content:center;padding:9vw 7vw;display:flex}.study-about h2{letter-spacing:-.06em;max-width:950px;margin:0 0 26px;font-size:clamp(46px,7vw,104px);font-weight:400;line-height:.95}.study-about-copy>p:not(.study-kicker){color:#6b675f;max-width:620px;font-size:18px;line-height:1.55}.study-about a,.study-coordination a{border-bottom:1px solid;width:max-content;margin-top:22px;padding-bottom:4px;font-size:12px;display:inline-block}.study-about-calm{background:#ebe7df}.study-coordination{background:#ddd7cc;border-top:1px solid #cbc6bb;grid-template-columns:.4fr 1fr .6fr;gap:4vw;padding:90px 6vw;display:grid}.study-coordination h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,5vw,72px);font-weight:400;line-height:.96}.study-coordination>p:not(.study-kicker){color:#5f5a52;line-height:1.6}.study-coordination a{grid-column:3}.study-contact{color:#eeeae1;background:#1e1e1c;justify-content:space-between;gap:30px;padding:35px 5vw 70px;font-size:12px;display:flex}.study-contact p{margin:0}.study-contact div{gap:28px;display:flex}.study-two{--s-paper:#fff;background:#fff}.editorial-index{min-height:calc(100vh - 76px);padding:55px 0 70px;overflow:hidden}.rail-intro{justify-content:space-between;padding:0 5vw 28px;display:flex}.rail-intro span{color:#777;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.editorial-rail-shell{position:relative}.editorial-rail{scrollbar-color:#888 transparent;scrollbar-width:thin;grid-auto-columns:minmax(420px,42vw);grid-auto-flow:column;gap:22px;padding:18px 5vw 42px;display:grid;overflow-x:auto}.editorial-rail:focus-visible{outline-offset:-1px;outline:1px solid #777}.editorial-rail>*{min-width:0}.editorial-rail figure{z-index:1;transform-origin:50%;will-change:transform;background:#fff;padding:0 0 12px;transition:transform .48s cubic-bezier(.2,.7,.2,1),box-shadow .48s,background-color .48s;position:relative;transform:translateY(0)scale(1)}.editorial-rail img{filter:grayscale();transition:filter .52s}.editorial-rail>:hover figure{z-index:3;background:#fff;transform:translateY(-9px)scale(1.018);box-shadow:0 18px 38px #19181530}.editorial-rail>a:focus-visible figure{z-index:3;background:#fff;transform:translateY(-9px)scale(1.018);box-shadow:0 18px 38px #19181530}.editorial-rail>:hover img{filter:grayscale(0%)}.editorial-rail>a:focus-visible img{filter:grayscale(0%)}.edge-cue{z-index:4;color:#fff;opacity:0;cursor:ew-resize;background:0 0;border:0;width:96px;padding:0;transition:opacity .2s;position:absolute;top:18px;bottom:42px}.edge-cue span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141412d1;border-radius:50%;place-items:center;width:44px;height:44px;font-size:16px;display:grid}.edge-cue-left{background:linear-gradient(90deg,#ffffffd6,#0000);left:0}.edge-cue-left span{margin-left:16px}.edge-cue-right{background:linear-gradient(-90deg,#ffffffd6,#0000);right:0}.edge-cue-right span{margin-left:36px}.editorial-rail-shell:hover .edge-cue{opacity:1}.edge-cue:focus-visible{opacity:1}.editorial-index figure{grid-template-columns:25px 1fr;gap:8px;display:grid}.editorial-index figure>span{font-size:9px}.editorial-index img{object-fit:contain;background:#e8e4dc;height:min(62vh,650px)}.editorial-index figcaption{grid-column:2;padding-top:10px;font-size:14px}.editorial-index small{color:#777;text-transform:uppercase;margin-top:4px;font-size:9px;display:block}.study-about-editorial{background:#fbfaf6}.study-two .editorial-index{background:#fff}.study-two .editorial-rail{scrollbar-color:#f49819 transparent}.study-two .editorial-rail::-webkit-scrollbar{height:4px}.study-two .editorial-rail::-webkit-scrollbar-track{background:0 0}.study-two .editorial-rail::-webkit-scrollbar-thumb{background:#f49819;border-radius:999px}.study-two .editorial-rail figure,.study-two .editorial-rail>:hover figure{background:#fff}.study-two .editorial-rail>a:focus-visible figure{background:#fff}.study-two .edge-cue-left{background:linear-gradient(90deg,#ffffffd6,#0000)}.study-two .edge-cue-right{background:linear-gradient(-90deg,#ffffffd6,#0000)}.study-services{background:#fff;padding:120px 6vw 140px}.study-services>.study-kicker{text-align:center;margin:0 0 14px}.study-services>h2{text-align:center;letter-spacing:-.055em;max-width:900px;margin:0 auto 70px;font-size:clamp(48px,7vw,96px);font-weight:400;line-height:.98}.study-services-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1500px;margin:0 auto;display:grid}.study-services article{text-align:center;min-width:0}.study-services figure{aspect-ratio:4/5;margin:0 0 38px;position:relative}.study-services figure img{object-fit:cover}.study-services figcaption{letter-spacing:.08em;text-transform:uppercase;background:#fff;border:1px solid #262624;min-width:180px;padding:11px 18px;font-size:11px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.study-services h3{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(24px,2.2vw,38px);font-weight:400}.study-services article>p{color:#5e5e59;max-width:390px;margin:0 auto;font-size:15px;line-height:1.55}.study-three{--s-paper:#191918;--s-ink:#f1eee7}.dark{color:#f1eee7;border-color:#444}.filmstrip{scroll-snap-type:x mandatory;scrollbar-color:#777 #191918;scrollbar-width:thin;background:#111;grid-auto-columns:minmax(260px,25vw);grid-auto-flow:column;height:calc(100vh - 76px);min-height:620px;display:grid;overflow-x:auto}.filmstrip>*{min-width:0}.filmstrip figure{scroll-snap-align:start;border-right:1px solid #282827;height:100%;position:relative;overflow:hidden}.filmstrip figure:after{content:"";background:linear-gradient(#0000 45%,#0009);position:absolute;inset:0}.filmstrip figcaption{z-index:2;display:block}.filmstrip figcaption span{margin-top:5px;display:block}.filmstrip figure img{filter:saturate(.78);transition:all .5s}.filmstrip figure:hover img{filter:saturate();transform:scale(1.025)}.project-list{padding:100px 5vw}.project-list article{border-top:1px solid #3b3b38;grid-template-columns:60px 1fr 1fr;align-items:center;min-height:110px;display:grid;position:relative}.project-list article>span,.project-list article>p{color:#888;text-transform:uppercase;font-size:10px}.project-list article h2{letter-spacing:-.04em;margin:0;font-size:clamp(27px,4vw,58px);font-weight:400}.project-list article img{z-index:3;opacity:0;pointer-events:none;width:240px;height:160px;transition:all .25s;position:absolute;right:5%}.project-list article:hover img{opacity:1;transform:translateY(-12px)}.study-about-archive{background:#191918;border-top:1px solid #3b3b38}.study-about-archive .study-about-copy>p:not(.study-kicker){color:#aaa}.study-three .study-coordination{color:#1d1d1b;background:#d8cfc0}@media (max-width:800px){.supi-header{grid-template-columns:auto 1fr;height:68px;padding:0 20px}.supi-header nav{justify-content:flex-end;gap:18px}.supi-header nav a:first-child,.supi-header nav a:last-child,.supi-header>p,.study-header p{display:none}.calm-grid{grid-template-columns:1fr 1fr}.study-about{grid-template-columns:1fr;min-height:0}.study-about-portraits{padding:32px 32px 0}.study-about-portraits img{min-height:430px}.study-about-copy{padding:80px 32px}.study-services{padding:90px 24px 110px}.study-services>h2{margin-bottom:50px}.study-services-grid{grid-template-columns:1fr;gap:74px}.study-services figure{aspect-ratio:4/3;margin-bottom:34px}.study-coordination{grid-template-columns:1fr}.study-coordination a{grid-column:auto}.study-contact{flex-direction:column}.study-contact div{flex-wrap:wrap}.editorial-rail{grid-auto-columns:84vw}.editorial-index img{height:68vh}.edge-cue{display:none}.filmstrip{grid-auto-columns:75vw}.project-list article{grid-template-columns:40px 1fr}.project-list article>p,.project-list article img{display:none}}@media (max-width:520px){.supi-header nav a:nth-child(3){display:none}.calm-grid{grid-template-columns:1fr 1fr;padding:3px}.calm-grid figure{border-width:3px}.calm-grid figcaption{display:block;inset:auto 8px 8px}.calm-grid figcaption b{font-size:12px}.calm-grid figcaption span{display:none}.study-about-portraits{padding:18px 18px 0}.study-about-portraits img{min-height:300px}.study-about-copy{padding:64px 24px}.study-about h2{font-size:48px}.study-nav span{display:none}}@media (prefers-reduced-motion:reduce){.editorial-rail figure,.editorial-rail img{transition:none}.editorial-rail>:hover figure{transform:none}.editorial-rail>a:focus-visible figure{transform:none}}