/* Shared SHAMPAIN identity and portfolio. Supplied artwork is preserved in full. */
.brand{display:inline-flex!important;align-items:center;flex-shrink:0;line-height:1!important;letter-spacing:normal!important;text-decoration:none;mix-blend-mode:screen}
.brand-logo{display:block;width:112px;height:112px;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse closest-side,#000 88%,transparent 100%)}
header.topbar,header.top,header.header{height:auto!important;min-height:145px;padding-top:16px!important;padding-bottom:16px!important;gap:24px;align-items:center}
.site-footer .brand-logo{width:138px;height:138px}
.brand:focus-visible{outline:2px solid #d2b372;outline-offset:5px}
.portfolio-section{padding:86px 0;background:#0b0b0a;border-top:1px solid #343027;scroll-margin-top:24px}
.portfolio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:36px}
.portfolio-section .portfolio-eyebrow{font:600 10px/1.6 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c6aa70;margin:0 0 12px}
.portfolio-section h2{font:400 clamp(32px,4.2vw,52px)/1.12 Georgia,serif;letter-spacing:-.035em;color:#f4efe5;margin:0}
.portfolio-section h2 em{font-weight:400;color:#cfb47c}
.portfolio-heading>p{max-width:390px;color:#bcb7ae;font:14px/1.8 Inter,system-ui,sans-serif;margin:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.portfolio-card{min-width:0;background:linear-gradient(135deg,#191816,#111110);border:1px solid #3b3429;border-radius:8px;overflow:hidden;transition:border-color .18s,transform .18s;box-shadow:0 16px 35px #0003}
.portfolio-card:hover{border-color:#9f8656;transform:translateY(-3px)}
.portfolio-preview{display:block;background:#080808;text-decoration:none;overflow:hidden}
.portfolio-browser{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 16px;color:#b7aa90;border-bottom:1px solid #373127;font:10px/1.3 ui-monospace,monospace}
.portfolio-browser span:first-child{letter-spacing:3px;color:#86704a;font-size:8px;white-space:nowrap}
.portfolio-browser span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portfolio-preview img{display:block;width:100%;height:auto;aspect-ratio:906/660;object-fit:cover;object-position:top}
.portfolio-copy{padding:24px 26px 26px}
.portfolio-section h3{font:400 28px/1.2 Georgia,serif;color:#f3eee3;letter-spacing:-.02em;margin:0 0 12px}
.portfolio-copy>p:not(.portfolio-eyebrow){font:14px/1.7 Inter,system-ui,sans-serif;color:#bbb6ad;min-height:48px;margin:0 0 18px}
.portfolio-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;color:#dcc18c;text-decoration:none;font:600 12px/1.5 Inter,system-ui,sans-serif;border-bottom:1px solid #695738}
.portfolio-link span[aria-hidden]{font-size:21px}
.portfolio-section a:focus-visible{outline:2px solid #e1c68e;outline-offset:-3px}
.portfolio-note{color:#9c978e;font:12px/1.8 Inter,system-ui,sans-serif;margin:24px 0 0}
.product-portfolio{background:radial-gradient(ellipse at 85% 0,#27211544,transparent 60%),#10100e}
.product-portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-portfolio-card{min-width:0;padding:22px;border:1px solid #483e2e;border-radius:8px;background:linear-gradient(150deg,#211e17,#10100f);display:flex;flex-direction:column}
.product-portfolio-art{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #403725;padding-bottom:18px;margin-bottom:22px}
.product-portfolio-art svg{width:85px;height:72px;fill:none;stroke:#ceb178;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.product-portfolio-art>span{font:italic 34px Georgia,serif;color:#776340}
.product-status{align-self:flex-start;min-height:36px;font:600 10px/1.6 Inter,system-ui,sans-serif;color:#e1c995;background:#b99c5612;border-left:2px solid #a58a53;padding:6px 9px;margin:0 0 24px}
.product-family{font:600 10px/1.6 Inter,system-ui,sans-serif;letter-spacing:.2em;color:#c5ad7e;margin:0 0 4px}
.product-description{color:#ece5d8;font:14px/1.65 Inter,system-ui,sans-serif;margin:0 0 14px}
.product-detail{color:#b6afa1;font:12px/1.75 Inter,system-ui,sans-serif;margin:auto 0 0}
.portfolio-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1000px){.product-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-heading{align-items:flex-start;gap:28px}.portfolio-heading>p{max-width:320px}}
@media(max-width:650px){.brand-logo{width:88px;height:88px}.topbar,.top{min-height:102px;gap:14px}.topbar .nav{flex-wrap:wrap;justify-content:flex-end;gap:12px}.site-footer .brand-logo{width:120px;height:120px}.portfolio-section{padding:54px 0}.portfolio-heading{display:block;margin-bottom:26px}.portfolio-heading>p{max-width:none;margin-top:20px;font-size:13px}.portfolio-grid{grid-template-columns:1fr;gap:22px}.portfolio-copy{padding:22px}.portfolio-section h3{font-size:26px}.product-portfolio-grid{grid-template-columns:1fr}.product-portfolio-card{padding:24px}.product-status{min-height:0}.portfolio-card:hover{transform:none}.portfolio-browser{font-size:9px}.portfolio-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.portfolio-card{transition:none;transform:none}}

@media(max-width:650px){.topbar .nav>a[href="#portfolio"]{display:inline-flex!important;font-size:11px}.topbar .nav{max-width:230px}}

/* Real public product sites; no private application data is embedded. */
.product-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-live-card{padding:0;overflow:hidden}.product-live-copy{padding:26px;display:flex;flex-direction:column;flex:1}.product-live-copy .product-status{min-height:0;margin-bottom:20px}.product-live-copy .product-detail{margin:0}.product-live-link{align-self:flex-start;margin-top:16px}.product-live-window{height:430px;background:#f7faf7}.product-live-window{overflow:hidden}.product-live-window iframe{display:block;width:200%;height:200%;border:0;background:#fff;transform:scale(.5);transform-origin:top left}.product-preview-caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;font:11px/1.6 system-ui;color:#bfb5a4}.product-preview-caption a{color:#e0c58d;min-height:32px;display:inline-flex;align-items:center}.product-live-card noscript img{max-width:100%;height:auto}@media(max-width:650px){.product-portfolio-grid{grid-template-columns:1fr}.product-live-copy{padding:22px}.product-live-window{height:440px}}

@media(max-width:650px){header.topbar,header.top,header.header{height:auto!important;min-height:113px;padding-top:12px!important;padding-bottom:12px!important;gap:14px}}

.site-footer .footer{padding-top:32px;padding-bottom:32px;display:flex;align-items:center;flex-wrap:wrap;gap:24px}