.portfolio-feature{margin:0 0 65px;border:1px solid #291a3525;border-radius:5px;background:#fffaf2;overflow:hidden}
.portfolio-image-link{display:block;background:#e5eef1;padding:26px;overflow:hidden}.portfolio-image-link img{display:block;width:100%;height:auto;border:1px solid #15354b20;border-radius:3px;box-shadow:0 14px 32px #19364c15}.portfolio-image-link:hover img{box-shadow:0 16px 38px #19364c25}.portfolio-image-link:focus-visible{outline:3px solid #e96b32;outline-offset:-5px}
.portfolio-feature-copy{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.portfolio-feature-copy h3{font:400 42px/1.08 Georgia,serif!important;letter-spacing:-.04em;margin:0 0 15px}.portfolio-feature-copy p{font-size:14px;line-height:1.75;margin-bottom:22px;color:#6b606f}.portfolio-feature-copy .ed-label{margin-bottom:12px}.portfolio-routes{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;letter-spacing:.04em;color:#6b606f;margin-bottom:23px}.portfolio-routes span{border:1px solid #291a3525;padding:6px 9px;border-radius:3px}
.portfolio-thumbnails{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portfolio-thumbnails figure{margin:0}.portfolio-thumbnails img{display:block;width:100%;height:auto;border:1px solid #291a3520;border-radius:3px}.portfolio-thumbnails figcaption{font-size:11px;line-height:1.6;margin-top:10px;color:#6b606f}.portfolio-thumbnails a{display:block}.portfolio-thumbnails a:hover{outline:1px solid #ad451e;outline-offset:3px}
.portfolio-related{padding:65px 0;background:#eae3d7;border-top:1px solid #291a3520}.portfolio-related-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center}.portfolio-related-grid>a{display:block}.portfolio-related img{width:100%;height:auto;display:block;border:1px solid #291a3525;box-shadow:0 12px 25px #291a3510}.portfolio-related h2{font-size:clamp(34px,4vw,50px);margin-bottom:20px}.portfolio-related p{font-size:14px;line-height:1.8;max-width:48ch;color:#6b606f}.portfolio-related .text-link{display:inline-block}
.editorial-site.portfolio-page .service-hero{padding:55px 0 60px}.editorial-site.portfolio-page .service-hero h1{font-size:clamp(45px,5.8vw,76px);max-width:950px}.portfolio-page .service-summary{max-width:750px}.portfolio-summary{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:55px 0}.portfolio-summary h2{font-size:clamp(33px,4vw,47px);margin-bottom:20px}.portfolio-summary p{font-size:14px;line-height:1.8;color:#6b606f}.portfolio-summary dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.portfolio-summary dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6b606f;margin-bottom:8px}.portfolio-summary dd{font-size:14px;line-height:1.7;margin:0}
.portfolio-jump{padding-top:0;margin-bottom:0}.portfolio-study{padding:65px 0;border-top:1px solid #291a3525}.portfolio-study .ed-visual-heading{align-items:center}.portfolio-study h2{font-size:clamp(36px,4.5vw,58px);max-width:800px}.portfolio-study h2 span{font-size:12px;display:block;font-family:Poppins,Arial,sans-serif;letter-spacing:.08em;color:#6b606f;margin-bottom:17px}.portfolio-study figure{margin:0;background:#e5eef1;padding:25px;border:1px solid #291a3520;border-radius:5px}.portfolio-study figure img{width:100%;height:auto;display:block;border-radius:3px}.portfolio-study figcaption{font-size:11px;line-height:1.7;color:#6b606f;margin-top:18px}.portfolio-study .ed-decisions{margin-bottom:0}.portfolio-study .ed-decisions p{max-width:none}
.portfolio-outro{padding:55px 0 65px}.portfolio-outro p{font-size:14px;line-height:1.8;max-width:75ch;color:#6b606f}.portfolio-outro nav{display:flex;gap:15px 30px;flex-wrap:wrap;font-size:14px;margin-top:30px}.portfolio-outro nav a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:850px){.portfolio-feature-copy,.portfolio-related-grid,.portfolio-summary{grid-template-columns:1fr;gap:30px}.portfolio-feature-copy{padding:25px}.portfolio-related{padding:45px 0}.portfolio-summary{padding:40px 0}.portfolio-study{padding:45px 0}.portfolio-page .service-hero{padding:40px 0 45px}}
@media(max-width:600px){.portfolio-image-link,.portfolio-study figure{padding:10px}.portfolio-feature-copy h3{font-size:34px!important}.portfolio-thumbnails{gap:12px}.portfolio-feature-copy{padding:22px}.portfolio-feature{margin-bottom:45px}.portfolio-summary dl{gap:20px}.portfolio-study figcaption{padding:0 5px;font-size:10px}.portfolio-study .ed-decisions{gap:15px}.portfolio-study .ed-visual-heading p{margin-top:20px}}
.portfolio-study{scroll-margin-top:110px}

/* Supplied Petal and Root & Ritual portfolio designs replace default mockups. */
.home-refined .art-stage.portfolio-hero{padding:20px 0;margin:0;width:100%;max-width:none}.home-refined .portfolio-hero::before{display:none}.portfolio-hero>a{display:block;position:relative}.portfolio-hero img{display:block;width:100%;height:auto;border-radius:5px}.home-refined .portfolio-hero figcaption{margin-left:0}.home-refined .portfolio-hero .art-stage-label{font-size:10px;letter-spacing:.08em}
.editorial-site .visual-work-stage.portfolio-replacement-stage{display:block;min-height:0;padding:0;border-radius:5px;overflow:hidden;transform:none;background:transparent}.portfolio-replacement-stage img{width:100%;height:auto;display:block}.portfolio-replacement-stage:focus-visible{outline:3px solid #e96b32;outline-offset:5px}.portfolio-replacement-stage:hover{box-shadow:0 12px 30px #291a351a}
.portfolio-screen{margin:0;border-radius:5px;overflow:hidden;background:#eee5da}.portfolio-screen a{display:block}.portfolio-screen img{display:block;width:100%;height:auto}.portfolio-screen figcaption{font-size:11px;line-height:1.7;color:#6b606f;padding:18px 22px}.portfolio-screen a:focus-visible{outline:3px solid #e96b32;outline-offset:-5px}.portfolio-hero-screen{background:transparent}.petal-cutout{background:#efded8;color:#291a35}.petal-cutout .ed-mini-action{background:#291a35;color:#f6f1e8}#website-showcases,#root-ritual-showcase{scroll-margin-top:110px}
@media(max-width:600px){.home-refined .art-stage.portfolio-hero{padding:0}.portfolio-hero .art-stage-label{gap:12px}.portfolio-screen figcaption{font-size:10px;padding:14px 16px}.home-refined .portfolio-hero figcaption{font-size:9px}}