.portfolio-page{color:#2d2035;background:#fcfaf7}.portfolio-page em{font-family:Georgia,serif;font-weight:400}.portfolio-hero{isolation:isolate;color:#fff;background:#281b32;border-radius:26px;min-height:660px;margin:12px 28px 0;position:relative;overflow:hidden}.portfolio-hero-scenes{z-index:0;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0 0 0 37%}.portfolio-hero-scene{border-left:1px solid #ffffff24;position:relative;overflow:hidden}.portfolio-hero-scene img{object-fit:cover;filter:saturate(.8);transition:transform 1.3s cubic-bezier(.2,.7,.2,1),filter 1s}.portfolio-hero-scene:hover img{filter:saturate();transform:scale(1.06)}.portfolio-hero-scene.scene-0 img{object-position:53% 50%}.portfolio-hero-scene.scene-1 img{object-position:45% 50%}.portfolio-hero-scene.scene-2 img{object-position:60% 50%}.portfolio-hero-veil{z-index:1;pointer-events:none;background:linear-gradient(90deg,#281b32 0%,#281b32f5 33%,#281b32a1 52%,#281b3214 80%),linear-gradient(#0000 65%,#281b32d9 100%);position:absolute;inset:0}.portfolio-hero-content{z-index:2;max-width:900px;padding:80px clamp(28px,5vw,80px) 150px;position:relative}.portfolio-eyebrow{text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.portfolio-hero .portfolio-eyebrow{color:#e4c7db}.portfolio-hero .portfolio-eyebrow span{color:#e4b4a2}.portfolio-hero h1{letter-spacing:-.06em;margin:36px 0;font-size:clamp(72px,8vw,124px);line-height:.97}.portfolio-hero h1 em{color:#ebc9c2}.portfolio-intro{color:#eee0ea;text-wrap:pretty;max-width:560px;font-size:16px;line-height:1.75}.portfolio-hero-link{border-bottom:1px solid #dcb8cf;align-items:center;gap:36px;margin-top:28px;padding:14px 0;font-size:13px;display:inline-flex}.portfolio-hero-link span{transition:transform .3s}.portfolio-hero-link:hover span{transform:translate(3px,3px)}.portfolio-hero-bottom{z-index:2;text-transform:uppercase;letter-spacing:.14em;color:#e6d0dd;align-items:end;gap:24px;font-size:10px;display:flex;position:absolute;bottom:28px;left:clamp(28px,5vw,80px);right:clamp(28px,5vw,80px)}.portfolio-hero-bottom b{color:#d9a887;padding:0 8px;font-weight:400}.portfolio-hero-bottom>div{background:#ffffff40;flex:1;height:1px;margin-bottom:17px}.portfolio-hero-bottom dl{gap:28px;display:flex}.portfolio-hero-bottom dl>div{flex-direction:column-reverse;gap:4px;display:flex}.portfolio-hero-bottom dt{letter-spacing:.1em;font-size:9px}.portfolio-hero-bottom dd{letter-spacing:-.05em;color:#fff;font-size:28px;font-weight:600;line-height:1}.portfolio-chapters{padding:90px max(28px,50vw - 648px);scroll-margin-top:110px}.portfolio-chapters-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:38px;display:flex}.portfolio-chapters-heading .portfolio-eyebrow,.portfolio-chapter-copy .portfolio-eyebrow{color:#826190}.portfolio-chapters-heading h2{letter-spacing:-.045em;margin-top:12px;font-size:clamp(38px,4.4vw,64px);line-height:1.08}.portfolio-chapters-heading h2 em{color:#886696}.portfolio-chapters-heading>p{color:#796b80;max-width:280px;padding-bottom:8px;font-size:14px;line-height:1.5}.portfolio-chapter-list{gap:28px;padding:0;list-style:none;display:grid}.portfolio-chapter{background:#f4eef5;border:1px solid #e5dce9;border-radius:24px;grid-template-columns:.92fr 1.08fr;min-height:465px;display:grid;overflow:hidden}.portfolio-chapter.chapter-1{background:#eee5f1}.portfolio-chapter.chapter-2{background:#eee8eb}.portfolio-chapter-image{min-height:465px;position:relative;overflow:hidden}.portfolio-chapter-image img{object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.portfolio-chapter:hover .portfolio-chapter-image img{transform:scale(1.045)}.portfolio-image-overlay{background:linear-gradient(#24162838,#0000 65%,#2416289c);position:absolute;inset:0}.portfolio-image-number{color:#fff;letter-spacing:.15em;font-size:12px;position:absolute;top:28px;left:30px}.portfolio-image-caption{color:#fff;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:28px;left:30px;right:30px}.portfolio-image-caption span{font-size:20px}.portfolio-chapter-copy{flex-direction:column;justify-content:center;align-items:start;padding:clamp(28px,4vw,60px);display:flex}.portfolio-chapter-copy h3{letter-spacing:-.055em;text-wrap:balance;margin:18px 0 16px;font-size:clamp(42px,4vw,62px);line-height:1.04}.portfolio-chapter-lead{color:#6f6177;max-width:52ch;font-size:15px;line-height:1.65}.portfolio-type-list{border-top:1px solid #d9cadd;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin:24px 0 0;padding:0;list-style:none;display:grid}.portfolio-type-list li{border-bottom:1px solid #d9cadd;align-items:center;gap:10px;min-height:52px;padding:8px 6px 8px 0;font-size:12px;font-weight:500;line-height:1.25;display:flex}.portfolio-type-icon{color:#81608f;flex-shrink:0;width:23px;height:23px}.portfolio-chapter-link{color:#fff;background:#42254f;border-radius:40px;justify-content:space-between;align-items:center;gap:26px;min-width:220px;margin-top:28px;padding:15px 19px;font-size:12px;font-weight:600;transition:background .3s,transform .3s;display:inline-flex}.portfolio-chapter-link:hover{background:#674177;transform:translateY(-2px)}.portfolio-chapter-link span{font-size:18px}.portfolio-range-index{color:#fff;background:#2c1c36}.portfolio-range-index>div:first-child p{color:#dec7df}.portfolio-range-index>div:first-child p span{background:#dec7df}.portfolio-range-index h2{color:#fff}.portfolio-range-index ul li{color:#fff;background:#392545;border-color:#5a3d65}.portfolio-range-index ul li>span:first-child{background:#50365c}.portfolio-range-index ul li>span:first-child span{color:#edcead}.portfolio-range-index ul li>span:last-child{color:#f4eaf2}.portfolio-range-index>div:nth-child(2){padding:8px 0}.portfolio-page a:focus-visible{outline-offset:4px;outline:3px solid #b287c8}@media (min-width:1600px){.portfolio-hero{max-width:1544px;margin-inline:auto}}@media (max-width:1100px){.portfolio-chapters{padding-inline:28px}.portfolio-chapter{grid-template-columns:.9fr 1.1fr}.portfolio-chapter-copy{padding:28px}.portfolio-type-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.portfolio-hero{border-radius:20px;min-height:750px;margin:10px 12px 0}.portfolio-hero-scenes{grid-template-columns:1fr 1fr 1fr;inset:230px 0 0}.portfolio-hero-veil{background:linear-gradient(#281b32 0%,#281b32ed 28%,#281b3280 47%,#281b3238 68%,#281b32e8 100%)}.portfolio-hero-content{padding:40px 28px 180px}.portfolio-hero h1{margin:28px 0;font-size:clamp(62px,16.5vw,86px)}.portfolio-intro{max-width:38ch;font-size:13px;line-height:1.6}.portfolio-hero-link{margin-top:14px}.portfolio-hero-bottom{align-items:end;bottom:28px;left:28px;right:28px}.portfolio-hero-bottom>span{letter-spacing:.06em;max-width:26ch;font-size:8px;line-height:1.7}.portfolio-hero-bottom>div{display:none}.portfolio-hero-bottom dl{gap:15px;margin-left:auto}.portfolio-hero-bottom dd{font-size:22px}.portfolio-hero-bottom dt{font-size:7px}.portfolio-chapters{padding:56px 18px}.portfolio-chapters-heading{display:block}.portfolio-chapters-heading>p{margin-top:14px}.portfolio-chapter-list{gap:20px}.portfolio-chapter{grid-template-columns:1fr}.portfolio-chapter-image{min-height:300px}.portfolio-chapter-copy{padding:28px 24px}.portfolio-chapter-copy h3{font-size:42px}.portfolio-type-list{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-chapter-link{margin-top:22px}.portfolio-range-index ul li{padding:8px 14px 8px 8px}.portfolio-range-index ul li>span:first-child{width:40px;height:40px}.portfolio-range-index ul li>span:first-child span{width:24px;height:24px}.portfolio-range-index ul li>span:last-child{font-size:13px}}@media (max-width:370px){.portfolio-hero h1{font-size:58px}.portfolio-hero-bottom{gap:10px}.portfolio-hero-bottom>span{font-size:8px}.portfolio-chapter-copy h3{font-size:36px}}@media (prefers-reduced-motion:reduce){.portfolio-hero-scene img,.portfolio-chapter-image img,.portfolio-hero-link span,.portfolio-chapter-link{transition:none}.portfolio-hero-scene:hover img,.portfolio-chapter:hover .portfolio-chapter-image img,.portfolio-chapter-link:hover{transform:none}.portfolio-range-index .animate-marquee{flex-wrap:wrap;justify-content:center;width:auto;animation:none!important}.portfolio-range-index .animate-marquee>ul:nth-child(2){display:none}}