.portfolio-page{background:var(--midnight)}.portfolio-hero{position:relative;display:grid;min-height:min(680px,78vh);place-items:center;padding:170px 24px 110px;overflow:hidden;text-align:center}.portfolio-hero:before{position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,rgba(200,120,58,.2),transparent 34%),linear-gradient(rgba(247,240,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(247,240,230,.045) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px;content:"";mask-image:linear-gradient(to bottom,transparent,black 26%,black 72%,transparent);pointer-events:none}.portfolio-hero__content{position:relative;z-index:1}.portfolio-hero h1{margin:0;font-size:clamp(6.7rem,19vw,17rem);letter-spacing:-.055em;text-transform:uppercase}.portfolio-hero p{max-width:490px;margin:24px auto 0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.18rem)}.portfolio-section{padding:118px 24px;border-top:1px solid var(--line)}.portfolio-section--numbers{background:linear-gradient(160deg,#15100e,#0e0d0f 60%)}.portfolio-section--reviews{padding-bottom:132px}.portfolio-section__heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:46px}.portfolio-section__heading h2{margin:0;font-family:Bebas Neue,Georgia,serif;font-size:clamp(3.8rem,8vw,7.4rem);font-weight:400;line-height:.88;letter-spacing:-.025em;text-transform:uppercase}.portfolio-section__heading>p:last-child{max-width:370px;margin:0;color:var(--muted);font-size:.96rem;line-height:1.6}.portfolio-carousel{width:100%}.portfolio-carousel__viewport{overflow:hidden}.portfolio-carousel__track{display:flex;margin-left:-18px}.portfolio-slide{min-width:0;flex:0 0 94%;padding-left:18px}.portfolio-slide>a,.portfolio-slide>div{display:block;height:100%;overflow:hidden;border:1px solid var(--line);background:#191719;color:var(--ivory);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.portfolio-slide>a:hover{border-color:#c8783acc;transform:translateY(-4px)}.portfolio-result{position:relative;min-height:550px}.portfolio-result img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-result:hover img{transform:scale(1.045)}.portfolio-result__shade{position:absolute;inset:0;background:linear-gradient(to top,#050505f0,#0505051f 68%,#0505050a)}.portfolio-result__body{position:absolute;right:0;bottom:0;left:0;padding:30px}.portfolio-card__eyebrow{display:block;color:var(--champagne);font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.portfolio-result .portfolio-card__eyebrow,.portfolio-comparison .portfolio-card__eyebrow,.portfolio-metric .portfolio-card__eyebrow{color:var(--bone);font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:600;letter-spacing:-.04em;text-transform:none}.portfolio-result h3,.portfolio-comparison h3,.portfolio-metric h3{margin:8px 0 0;color:var(--champagne);font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.portfolio-result p,.portfolio-comparison p,.portfolio-metric p{max-width:520px;margin:0;color:#f7f0e6bf;font-size:.9rem;line-height:1.55}.portfolio-card__link{display:inline-block;margin-top:21px;color:var(--bone);font-size:.75rem;font-weight:800}.portfolio-card__link span{color:var(--ember);font-size:1rem}.portfolio-comparison{display:grid!important;grid-template-columns:1fr 1fr;min-height:510px}.portfolio-comparison__before,.portfolio-comparison__after{position:relative;min-height:340px}.portfolio-comparison__before{display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:linear-gradient(135deg,rgba(247,240,230,.06) 25%,transparent 25%) 0 0/20px 20px,#211d1b}.portfolio-comparison__before>span,.portfolio-comparison__after>span{position:relative;z-index:1;width:max-content;padding:6px 8px;background:#0e0d0fc7;color:var(--bone);font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.portfolio-comparison__before b{display:block;margin-bottom:7px;font-size:1.15rem}.portfolio-comparison__before p{color:var(--muted)}.portfolio-comparison__after{overflow:hidden}.portfolio-comparison__after img{width:100%;height:100%;object-fit:cover}.portfolio-comparison__after>span{position:absolute;top:25px;left:25px}.portfolio-comparison__body{grid-column:1/-1;padding:26px 28px 30px;border-top:1px solid var(--line)}.portfolio-metric{min-height:360px;background:linear-gradient(135deg,#201913,#110f10 66%)}.portfolio-metric__body{display:flex;min-height:360px;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px}.portfolio-metric strong{margin-top:25px;color:var(--ember);font-family:Bebas Neue,Georgia,serif;font-size:clamp(5rem,12vw,8.5rem);font-weight:400;line-height:.8;letter-spacing:-.04em}.portfolio-metric h4{margin:15px 0 9px;font-size:1.05rem;font-weight:600}.portfolio-metric p{max-width:460px}.portfolio-carousel__controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}.portfolio-carousel__controls>button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:transparent;color:var(--bone);cursor:pointer;font-size:1.25rem;transition:border-color .18s ease,background .18s ease}.portfolio-carousel__controls>button:hover,.portfolio-carousel__controls>button:focus-visible{border-color:var(--ember);background:#c8783a24}.portfolio-carousel__dots{display:flex;align-items:center;gap:7px}.portfolio-carousel__dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#f7f0e645;cursor:pointer;transition:width .18s ease,background .18s ease}.portfolio-carousel__dots button.is-active{width:25px;background:var(--ember)}.portfolio-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio-review{display:flex;min-height:270px;flex-direction:column;justify-content:space-between;padding:29px;border:1px solid var(--line);background:#171416}.portfolio-review blockquote{margin:30px 0;font-size:clamp(1.15rem,2.1vw,1.55rem);line-height:1.28;letter-spacing:-.035em}.portfolio-review footer{color:var(--muted);font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.62rem;letter-spacing:.065em;text-transform:uppercase}.portfolio-review footer strong{color:var(--bone)}@media(min-width:720px){.portfolio-slide{flex-basis:78%}}@media(min-width:1060px){.portfolio-slide{flex-basis:68%}}@media(max-width:700px){.portfolio-hero{min-height:560px;padding-top:135px}.portfolio-section{padding:82px 16px}.portfolio-section__heading{display:block;margin-bottom:34px}.portfolio-section__heading>p:last-child{margin-top:18px}.portfolio-slide{flex-basis:94%}.portfolio-result{min-height:490px}.portfolio-metric,.portfolio-metric__body{min-height:330px}.portfolio-result__body,.portfolio-metric__body{padding:24px}.portfolio-comparison{grid-template-columns:1fr}.portfolio-comparison__before,.portfolio-comparison__after{min-height:235px}.portfolio-comparison__body{grid-column:auto}.portfolio-reviews{grid-template-columns:1fr}.portfolio-review{min-height:230px}}@media(prefers-reduced-motion:reduce){.portfolio-slide>a,.portfolio-result img,.portfolio-carousel__dots button{transition:none}}
