.portfolio-page{--portfolio-pink:#d00040;--portfolio-ink:#1b1032;background:#fff;color:#202020}.portfolio-page main{overflow:hidden}.portfolio-page a:focus-visible,.portfolio-page button:focus-visible,.portfolio-page input:focus-visible{outline:3px solid #d00040;outline-offset:5px}.portfolio-page header>a:first-child{background:#ffffffed;border-radius:30px;padding:10px 12px}.portfolio-page header>a:first-child span{color:#202020}.portfolio-page header button[aria-label="Toggle menu"]{color:#202020;background:#fff;border-radius:50%}.portfolio-intro{max-width:1440px;margin:auto;min-height:800px;padding:165px 55px 85px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;background:radial-gradient(ellipse at 85% 60%,#f9e0e8,transparent 58%)}.portfolio-breadcrumb{font-size:14px;color:#6d5d66;margin-bottom:30px}.portfolio-intro h1{font-size:clamp(70px,8.5vw,126px);font-weight:400;line-height:.93;letter-spacing:-.075em;position:relative;z-index:2}.portfolio-intro h1 span{color:var(--portfolio-pink)}.portfolio-intro-bottom{margin-top:48px}.portfolio-intro-bottom p{font-size:15px;color:#675e64;line-height:1.7}.portfolio-intro-bottom a{display:inline-flex;gap:28px;align-items:center;margin-top:30px;padding-bottom:12px;border-bottom:1px solid #b7a6ae;font-size:14px}.portfolio-collage{position:relative;height:490px}.portfolio-collage a{position:absolute;display:block;border:7px solid #fff;box-shadow:0 18px 50px #39152b1c;transition:transform .35s}.portfolio-collage img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.collage-back{width:83%;height:255px;right:0;top:0;transform:rotate(9deg)}.collage-front{width:91%;height:290px;left:0;top:170px;transform:rotate(-8deg)}.portfolio-collage a:hover{transform:rotate(0);z-index:3}.collage-front>span{bottom:0;left:0;right:0;background:#1b1032;padding:12px 18px;font-size:13px;justify-content:space-between}.collage-front>span,.portfolio-sticker{position:absolute;color:#fff;display:flex}.portfolio-sticker{right:-6px;bottom:-15px;width:140px;height:140px;border-radius:50%;background:var(--portfolio-pink);justify-content:center;align-items:center;text-align:center;font-size:30px;line-height:1.05;transform:rotate(12deg);z-index:4;pointer-events:none}.portfolio-work{max-width:1440px;margin:auto;padding:70px 55px 100px;scroll-margin-top:70px}.portfolio-work-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.portfolio-work-heading h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.06em;font-weight:400;max-width:520px}.portfolio-work-heading p{font-size:13px;color:#746770}.portfolio-toolbar{display:flex;align-items:center;gap:25px;border-top:1px solid #e7dfe3;border-bottom:1px solid #e7dfe3;padding:20px 0}.portfolio-filters{display:flex;flex:1;gap:8px;flex-wrap:wrap}.portfolio-filters button{border-radius:24px;padding:11px 15px;font-size:12px;background:#f6f1f3;transition:background .2s,color .2s}.portfolio-filters button:hover,.portfolio-filters button[aria-pressed=true]{background:var(--portfolio-ink);color:#fff}.portfolio-search{display:flex;gap:12px;align-items:center;width:225px;color:#796673}.portfolio-search input{background:transparent;min-width:0;width:100%;font-size:13px;color:#202020}.portfolio-search svg{width:19px}.portfolio-grid-heading{font-size:12px;color:#82727c;padding:22px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 35px;align-items:start}.portfolio-grid-item{grid-column:span 6}.portfolio-grid-item:nth-child(4n+1){grid-column:span 7}.portfolio-grid-item:nth-child(4n+2){grid-column:span 5;margin-top:105px}.portfolio-grid-item:nth-child(4n+3){grid-column:span 5}.portfolio-grid-item:nth-child(4n+4){grid-column:span 7;margin-top:95px}.portfolio-card{display:block}.portfolio-card-image{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:16/11;background:#f8e7ed}.portfolio-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s}.portfolio-card:hover .portfolio-card-image img{transform:scale(1.035)}.portfolio-card-image>span{position:absolute;bottom:18px;right:18px;border-radius:50%;background:#fff;color:var(--portfolio-ink);padding:13px;transition:background .2s,color .2s}.portfolio-card:hover .portfolio-card-image>span{background:var(--portfolio-pink);color:#fff}.portfolio-card-copy{position:relative;padding-top:22px}.portfolio-card-category{font-size:11px;color:#8a6a7c;margin-bottom:8px}.portfolio-card h3{font-size:32px;font-weight:400;letter-spacing:-.045em;margin-bottom:10px}.portfolio-card-description{font-size:13px;color:#766c72;line-height:1.75;max-width:490px}.portfolio-card-link{font-size:12px;display:flex;gap:7px;align-items:center;margin-top:16px;color:var(--portfolio-pink)}.portfolio-empty{text-align:center;padding:60px 20px}.portfolio-empty h3{font-size:26px}.portfolio-empty p{margin:12px}.portfolio-empty button{color:var(--portfolio-pink);text-decoration:underline}.portfolio-contact{background:var(--portfolio-ink);color:#fff;padding:65px max(55px,calc((100vw - 1330px)/2)) 40px;scroll-margin-top:110px}.portfolio-contact>p{font-size:15px;color:#e2bed2;margin-bottom:30px}.portfolio-contact>a{display:block;position:relative;font-size:clamp(55px,8.5vw,120px);letter-spacing:-.065em;line-height:1;max-width:1250px}.portfolio-contact>a>span{position:absolute;right:0;top:20px;background:#efb4ce;border-radius:50%;padding:30px;color:var(--portfolio-ink);transition:transform .3s}.portfolio-contact>a svg{width:65px;height:65px}.portfolio-contact>a:hover>span{transform:rotate(45deg)}.portfolio-contact-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;margin-top:55px;padding-top:25px;gap:20px;font-size:12px;color:#d9c7d4}@media(max-width:1000px){.portfolio-intro{padding:145px 30px 70px;min-height:710px}.portfolio-collage{height:390px}.collage-back{height:200px}.collage-front{height:220px;top:140px}.portfolio-sticker{width:110px;height:110px;font-size:25px}.portfolio-work{padding:55px 30px 75px}.portfolio-toolbar{align-items:start}.portfolio-search{width:190px;padding-top:10px}.portfolio-contact{padding:55px 30px 35px}.portfolio-contact>a>span{padding:22px}.portfolio-contact>a svg{width:45px;height:45px}}@media(max-width:600px){.portfolio-intro{grid-template-columns:1fr;padding:125px 24px 45px;gap:45px}.portfolio-intro h1{font-size:80px}.portfolio-breadcrumb{margin-bottom:22px}.portfolio-intro-bottom{margin-top:28px}.portfolio-intro-bottom a{margin-top:20px}.portfolio-collage{height:345px;margin:0 12px}.collage-back{height:180px;width:82%}.collage-front{height:205px;top:115px}.portfolio-sticker{bottom:0;right:-10px;width:100px;height:100px;font-size:23px}.portfolio-work{padding:45px 24px 65px}.portfolio-work-heading{display:block;margin-bottom:25px}.portfolio-work-heading h2{font-size:40px}.portfolio-work-heading p{margin-top:18px}.portfolio-toolbar{flex-direction:column;gap:20px}.portfolio-filters{gap:7px}.portfolio-filters button{font-size:11px;padding:10px 12px}.portfolio-search{width:100%;padding:0 0 6px}.portfolio-grid{grid-template-columns:1fr;gap:38px}.portfolio-grid-item:nth-child(n){grid-column:auto;margin-top:0}.portfolio-card-image{aspect-ratio:16/11}.portfolio-card h3{font-size:28px}.portfolio-contact{padding:42px 24px 32px}.portfolio-contact>a{font-size:58px;padding-bottom:95px}.portfolio-contact>a>span{top:auto;bottom:0;padding:17px;right:0}.portfolio-contact>a svg{width:32px;height:32px}.portfolio-contact-bottom{margin-top:28px;font-size:11px}.portfolio-contact-bottom>span:first-child{max-width:180px}.portfolio-page footer{padding-bottom:95px}}@media(prefers-reduced-motion:reduce){.portfolio-card-image img,.portfolio-collage a,.portfolio-contact>a>span{transition:none}.portfolio-card:hover .portfolio-card-image img{transform:none}}