/* Real portfolio content from the UK site, adapted only in the local redesign. */
.portfolio-feature{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;margin-bottom:30px}
.portfolio-copy{padding:66px 58px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.portfolio-copy h3,.food-feature h3,.portfolio-more-heading h3{font-size:clamp(36px,4.1vw,61px);line-height:1.08;margin:24px 0;letter-spacing:-.05em}
.portfolio-copy>p:not(.eyebrow){font-size:15px;max-width:440px;color:inherit;opacity:.78}
.portfolio-copy ul{list-style:none;padding:0;margin:26px 0 32px;font-size:13px;line-height:1.6}
.portfolio-copy li{padding:10px 0;border-bottom:1px solid #ffffff20}
.portfolio-copy li:before{content:'↗';margin-right:10px;opacity:.55}
.portfolio-copy .text-link{font-size:12px;margin-bottom:18px}
.portfolio-credit{display:block;font-size:11px;line-height:1.7;opacity:.66;margin-top:14px;max-width:620px}
.grypx-feature{background:#242c25;color:#eef4df}
.grypx-feature .eyebrow{color:#cdea98}
.published-screens{position:relative;min-height:610px;display:flex;justify-content:center;align-items:center;gap:25px;padding:55px 38px;background:radial-gradient(ellipse at center,#7e885533,transparent 70%);overflow:hidden}
.published-screens img{width:43%;max-width:235px;height:auto;object-fit:contain;border:5px solid #111714;border-radius:26px;box-shadow:15px 22px 35px #0006;transform:rotate(-9deg) translateY(-10px);transition:transform .55s}
.published-screens img+img{transform:rotate(9deg) translateY(26px)}
.published-screens:hover img{transform:rotate(-4deg) translateY(-18px)}
.published-screens:hover img+img{transform:rotate(4deg) translateY(18px)}
.food-feature{background:#f2e7db;padding:55px;border-radius:28px;margin-bottom:30px}
.food-feature-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin-bottom:35px}
.food-feature-heading h3{margin-bottom:0}.food-feature-heading>div>p:not(.eyebrow){font-size:14px;color:#726253;margin-bottom:24px}.food-feature-heading .text-link{font-size:12px}
.food-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.portfolio-gallery{background:#ffffff7d;border:1px solid #ffffff;border-radius:22px;padding:24px;min-width:0}
.portfolio-gallery>.eyebrow{font-size:9px;color:#907768;margin-bottom:22px}
.gallery-stage{height:390px;display:flex;align-items:center;justify-content:center;background:#eee4d9;border-radius:14px;padding:10px;overflow:hidden}
.gallery-slide{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.gallery-slide[hidden]{display:none}.gallery-slide img{display:block;width:100%;height:100%;object-fit:contain}
.portfolio-gallery h4{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:500;letter-spacing:-.6px;margin:22px 0 18px}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery-controls button{width:40px;height:40px;border-radius:50%;border:1px solid #cabbad;background:transparent;font-size:20px;color:#554238}.gallery-controls button:hover{background:#fff}.gallery-count{font-size:12px;color:#806f61}
.imi-feature{background:#e9e4ee}.imi-feature .portfolio-copy li{border-color:#cfc5d4}.imi-feature .portfolio-copy .eyebrow{margin-bottom:0}
.imi-real-media{position:relative;min-height:650px;background:#1b1e24;overflow:hidden}
.imi-real-lifestyle{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.imi-product-frame{position:absolute;right:22px;bottom:45px;width:53%;height:170px;background:#f8f7f1e8;border:1px solid #fff;border-radius:20px;backdrop-filter:blur(15px);padding:18px;display:flex;align-items:center}
.imi-product-frame img{width:100%;height:100%;object-fit:contain}.imi-real-media>span{position:absolute;bottom:20px;left:22px;color:white;font-size:10px;background:#0007;padding:5px 9px;border-radius:99px}
.portfolio-more-heading{margin:80px 0 34px}.portfolio-more-heading h3{margin:16px 0 20px}.portfolio-more-heading>p:last-child{font-size:14px;color:var(--muted);max-width:570px}
.portfolio-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.portfolio-project{border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.project-number{font-family:'Space Grotesk',sans-serif;color:#b3a4ae;font-size:27px;margin-bottom:28px}
.portfolio-project .eyebrow{font-size:8px;line-height:1.7;color:#8d7482;min-height:28px}.portfolio-project h4{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:500;letter-spacing:-.7px;margin:15px 0}
.portfolio-project>p:not(.eyebrow){font-size:13px;color:#746c75}.portfolio-project small{display:block;font-size:11px;color:#978a96;line-height:1.7;padding:18px 0 24px}.portfolio-project .text-link{font-size:11px;margin-top:auto;gap:10px}
@media(max-width:1100px){.portfolio-copy{padding:40px 32px}.published-screens{gap:12px;padding:35px 25px;min-height:530px}.food-feature{padding:35px}.food-gallery-grid{gap:14px}.portfolio-gallery{padding:17px}.gallery-stage{height:310px}.portfolio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.imi-real-media{min-height:600px}}
@media(max-width:700px){.portfolio-feature{grid-template-columns:1fr;border-radius:22px}.portfolio-copy{padding:36px 27px}.portfolio-copy h3,.food-feature h3,.portfolio-more-heading h3{font-size:39px}.published-screens{min-height:435px;order:-1}.published-screens img{max-width:180px}.food-feature{padding:28px 19px;border-radius:22px}.food-feature-heading{grid-template-columns:1fr;gap:23px}.food-feature-heading h3{font-size:37px}.food-gallery-grid{grid-template-columns:1fr;gap:20px}.portfolio-gallery{padding:23px}.gallery-stage{height:400px}.portfolio-gallery>.eyebrow{font-size:10px}.imi-real-media{min-height:420px}.imi-product-frame{height:125px}.portfolio-project-grid{grid-template-columns:1fr}.portfolio-project{padding:26px}.portfolio-project .eyebrow{min-height:0}.project-number{margin-bottom:15px}.portfolio-more-heading{margin-top:58px}.portfolio-credit{font-size:10px}.portfolio-project>p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){.published-screens img{transition:none}}