.portfolio-page,.insights-page{background:#e9efec;color:#17201e}.portfolio-hero,.insights-hero{min-height:600px;padding:55px 7% 30px;background:radial-gradient(circle at 78% 24%,#233f7766,transparent 38%),#071019;color:#eef5f3}.portfolio-hero-copy,.insights-hero-copy{margin-top:145px}.portfolio-hero h1,.insights-hero h1{font-size:clamp(58px,8vw,124px);line-height:.95;letter-spacing:-.085em;font-weight:500}.portfolio-hero h1 em,.insights-hero h1 em,.portfolio-intro h2 em,.portfolio-cta h2 em,.insights-section-heading h2 em,.insights-newsletter h2 em{font-family:Georgia,serif;font-style:italic;color:#27d7e3}.portfolio-hero-copy>p:last-child,.insights-hero-copy>p:last-child{max-width:360px;margin:30px 0 0;color:#b7c7ce;font-size:14px;line-height:1.8}.portfolio-cases,.insights-feature,.insights-grid-section,.insights-newsletter,.portfolio-cta{width:min(1180px,calc(100% - 10vw));margin:28px auto;border-radius:28px;box-shadow:0 18px 45px #17201e0d}.portfolio-cases{padding:78px 7%;background:#fff}.portfolio-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end}.portfolio-intro h2,.insights-section-heading h2{font-size:clamp(42px,5.5vw,78px);line-height:.98;letter-spacing:-.075em}.portfolio-intro h2 em,.insights-section-heading h2 em{color:#5e4bd8}.portfolio-intro>p:last-child{font-size:13px;line-height:1.75;color:#5e7169;max-width:310px}.case-listing{margin-top:62px;display:grid;gap:62px}.case-listing-card{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.case-listing-card:nth-child(even){grid-template-columns:.8fr 1.2fr}.case-listing-card:nth-child(even) .case-listing-image{order:2}.case-listing-image{position:relative;overflow:hidden;border-radius:20px;background:#17201e}.case-listing-image img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.case-listing-card:hover img{transform:scale(1.03)}.case-listing-image span{position:absolute;right:18px;bottom:18px;padding:11px 15px;border-radius:30px;background:#f6fffd;color:#17201e;font-size:10px;opacity:0;transform:translateY(8px);transition:.35s}.case-listing-card:hover .case-listing-image span{opacity:1;transform:none}.case-listing-copy small,.featured-article small,.insights-grid small{font-size:9px;letter-spacing:1px;color:#64776d}.case-listing-copy h3{font-size:clamp(30px,4vw,58px);line-height:1;letter-spacing:-.07em;margin:22px 0 17px}.case-listing-copy h3 em{font-family:Georgia,serif;color:#5e4bd8;font-style:italic}.case-listing-copy p{font-size:13px;line-height:1.75;color:#607169;max-width:340px}.portfolio-cta{padding:110px 7%;background:#5f4bd8;color:#fff}.portfolio-cta>p{font-size:9px;letter-spacing:1.5px;color:#dfdbff}.portfolio-cta h2{font-size:clamp(55px,7vw,105px);line-height:.95;letter-spacing:-.08em;margin:30px 0 52px}.portfolio-cta h2 em{color:#c5f5ef}.portfolio-cta a,.insights-newsletter a,.featured-article a{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid currentColor;padding-bottom:10px;font-size:12px}.insights-feature{padding:28px;background:#fff}.featured-article{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature-art{height:410px;border-radius:20px;background:#152337;color:#f2fbfd;padding:35px;display:flex;align-items:flex-end;position:relative;overflow:hidden}.feature-art:before{content:'';position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid #2d8caa;right:-100px;top:-80px}.feature-art>span{font-size:55px;line-height:1;letter-spacing:-.08em;position:relative}.feature-art>span span{font-size:70px;color:#27d7e3}.featured-article h2{font-size:clamp(28px,3.5vw,50px);line-height:1.08;letter-spacing:-.065em;margin:20px 0}.featured-article p{color:#607169;font-size:13px;line-height:1.75;margin-bottom:27px}.featured-article a{color:#17201e}.insights-grid-section{padding:78px 7%;background:#d8f3f0}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}.insights-grid article{position:relative;min-height:330px;padding:26px;border-radius:18px;background:#f9fffd;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,color .4s}.insights-grid article:hover{background:#17201e;color:#fff;transform:translateY(-7px)}.insight-number{font-size:55px;line-height:.8;letter-spacing:-.08em;color:#5e4bd8;margin-bottom:55px}.insights-grid article:hover .insight-number{color:#27d7e3}.insights-grid h3{font-size:22px;line-height:1.18;letter-spacing:-.05em;margin:18px 0 12px}.insights-grid p{font-size:12px;line-height:1.7;color:#61756d}.insights-grid article:hover p{color:#b9cec5}.insights-grid a{position:absolute;bottom:25px;left:26px;font-size:10px;color:#5e4bd8}.insights-grid article:hover a{color:#27d7e3}.insights-newsletter{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:78px 7%;background:#fff}.insights-newsletter h2{font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.075em}.insights-newsletter h2 em{color:#5e4bd8}.insights-newsletter a{color:#17201e}
@media(max-width:700px){.portfolio-hero,.insights-hero{min-height:570px;padding:40px 6% 25px}.portfolio-hero-copy,.insights-hero-copy{margin-top:125px}.portfolio-hero h1,.insights-hero h1{font-size:55px}.portfolio-cases,.insights-feature,.insights-grid-section,.insights-newsletter,.portfolio-cta{width:calc(100% - 10vw);margin:16px auto;border-radius:22px}.portfolio-cases,.insights-grid-section{padding:52px 7%}.portfolio-intro{display:block}.portfolio-intro h2,.insights-section-heading h2{font-size:48px}.portfolio-intro>p:last-child{margin-top:25px}.case-listing{margin-top:38px;gap:42px}.case-listing-card,.case-listing-card:nth-child(even){display:block}.case-listing-card:nth-child(even) .case-listing-image{order:unset}.case-listing-copy{margin-top:20px}.case-listing-copy h3{font-size:34px}.case-listing-image span{opacity:1;transform:none;font-size:9px}.insights-feature{padding:16px}.featured-article{display:block}.feature-art{height:300px;padding:25px}.feature-art>span{font-size:43px}.featured-article>div:last-child{padding:27px 10px 10px}.featured-article h2{font-size:32px}.insights-grid{display:block;margin-top:34px}.insights-grid article{min-height:300px;margin-bottom:12px}.insight-number{margin-bottom:40px}.insights-newsletter{display:block;padding:52px 7%}.insights-newsletter a{margin-top:30px}.portfolio-cta{padding:72px 7%}.portfolio-cta h2{font-size:59px}}

.portfolio-hero,.insights-hero{padding-top:145px}@media(max-width:700px){.portfolio-hero,.insights-hero{padding-top:112px}}

/* Portfolio editorial — a project stream designed to grow with the studio. */
.portfolio-page .portfolio-hero{position:relative;overflow:hidden;min-height:700px;background:radial-gradient(circle at 83% 21%,#2d5dab 0,transparent 24%),radial-gradient(circle at 25% 86%,#3c20a977 0,transparent 31%),#071019}.portfolio-page .portfolio-hero:after{content:'';position:absolute;width:min(56vw,760px);aspect-ratio:1;border:1px solid #27d7e34d;border-radius:50%;right:-11%;bottom:-44%;box-shadow:0 0 0 55px #27d7e30a,0 0 0 120px #6657e30b;pointer-events:none}.portfolio-page .portfolio-hero-copy{position:relative;z-index:1}.portfolio-scroll-cue{position:absolute;z-index:1;bottom:34px;left:7%;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.5px;color:#a9c4cc}.portfolio-scroll-cue i{display:block;width:42px;height:1px;background:#27d7e3;transform-origin:left;animation:portfolioCue 1.8s ease-in-out infinite}@keyframes portfolioCue{50%{transform:scaleX(.3);opacity:.35}}
.portfolio-showcase{width:min(1320px,calc(100% - 8vw));margin:28px auto;padding:clamp(72px,10vw,148px) clamp(28px,7vw,95px);border-radius:28px;background:#f8fbfa;box-shadow:0 18px 45px #17201e0d}.portfolio-showcase-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:8%;align-items:end;padding-bottom:clamp(70px,10vw,125px)}.portfolio-showcase-intro .about-kicker{grid-column:1/-1}.portfolio-showcase-intro h2{font-size:clamp(42px,5.7vw,82px);line-height:.96;letter-spacing:-.085em;font-weight:500}.portfolio-showcase-intro h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#5e4bd8}.portfolio-showcase-intro>p:last-child{max-width:340px;font-size:13px;line-height:1.8;color:#607169}.project-stream{display:grid;gap:clamp(95px,13vw,185px)}.project-stream-item{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:clamp(30px,6vw,82px);align-items:end;color:#17201e}.project-stream-item:nth-child(even){grid-template-columns:minmax(230px,.6fr) minmax(0,1.4fr)}.project-stream-item:nth-child(even) .project-stream-image{order:2}.project-stream-image{position:relative;overflow:hidden;border-radius:20px;background:#17201e;isolation:isolate}.project-stream-image:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#04070b00 50%,#0710198a);z-index:1;transition:opacity .6s}.project-stream-image img{width:100%;height:auto;display:block;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .7s}.project-stream-item:hover .project-stream-image img{transform:scale(1.045);filter:saturate(1.08)}.project-stream-index{position:absolute;z-index:2;top:20px;left:22px;color:#f8fffd;font-size:10px;letter-spacing:1.2px}.project-stream-action{position:absolute;z-index:2;right:19px;bottom:19px;display:flex;gap:22px;align-items:center;padding:13px 16px;border:1px solid #ffffff5c;border-radius:999px;background:#08151ab8;backdrop-filter:blur(10px);color:#f7fffd;font-size:10px;transform:translateY(10px);opacity:0;transition:.4s cubic-bezier(.2,.8,.2,1)}.project-stream-action b{color:#27d7e3;font-size:18px;line-height:0;font-weight:400}.project-stream-item:hover .project-stream-action{transform:none;opacity:1}.project-stream-copy{padding:0 0 8px}.project-stream-copy>p{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#64776d}.project-stream-copy>p i{width:3px;height:3px;border-radius:50%;background:#27d7e3}.project-stream-copy h3{margin-top:30px;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#5e4bd8}.project-stream-copy h4{margin:13px 0 19px;font-size:clamp(30px,3.7vw,54px);line-height:.98;font-weight:500;letter-spacing:-.075em}.project-stream-copy h4 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#5e4bd8}.project-stream-copy>span{display:block;max-width:315px;color:#607169;font-size:13px;line-height:1.75}.portfolio-reveal{opacity:0;transform:translateY(45px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}.portfolio-reveal.is-visible{opacity:1;transform:none}.project-stream-item:nth-child(2).is-visible{transition-delay:.12s}
@media(max-width:700px){.portfolio-page .portfolio-hero{min-height:610px}.portfolio-scroll-cue{left:6%;bottom:25px}.portfolio-showcase{width:calc(100% - 10vw);margin:16px auto;padding:58px 7%;border-radius:22px}.portfolio-showcase-intro{display:block;padding-bottom:72px}.portfolio-showcase-intro .about-kicker{margin-bottom:28px}.portfolio-showcase-intro h2{font-size:46px}.portfolio-showcase-intro>p:last-child{margin-top:25px}.project-stream{gap:82px}.project-stream-item,.project-stream-item:nth-child(even){display:flex;flex-direction:column;gap:23px;align-items:stretch}.project-stream-item:nth-child(even) .project-stream-image{order:0}.project-stream-copy{padding:0}.project-stream-copy h3{margin-top:21px}.project-stream-copy h4{font-size:36px}.project-stream-action{opacity:1;transform:none}.portfolio-reveal{transform:translateY(25px)}}
@media(prefers-reduced-motion:reduce){.portfolio-scroll-cue i{animation:none}.portfolio-reveal{opacity:1;transform:none;transition:none}.project-stream-image img,.project-stream-action{transition:none}}

.portfolio-page .portfolio-hero-copy{transform:translateY(var(--portfolio-hero-y,0)) scale(var(--portfolio-hero-scale,1));transform-origin:left center;opacity:var(--portfolio-hero-opacity,1);will-change:transform,opacity}.portfolio-scroll-cue{opacity:var(--portfolio-hero-opacity,1)}

/* The project list belongs to the page canvas, not to an isolated card. */
.portfolio-page .portfolio-cta{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none}
.portfolio-page .about-footer{margin-top:0}
.portfolio-page .portfolio-showcase{width:min(1320px,calc(100% - 8vw));margin:0 auto;padding:clamp(92px,12vw,170px) clamp(18px,3vw,42px) clamp(110px,14vw,200px);border-radius:0;background:transparent;box-shadow:none}.portfolio-page .portfolio-showcase-intro{padding-bottom:clamp(84px,12vw,150px)}
@media(max-width:700px){.portfolio-page .portfolio-showcase{width:calc(100% - 12vw);margin:0 auto;padding:72px 0 110px;border-radius:0}.portfolio-page .portfolio-showcase-intro{padding-bottom:78px}}