/* Full-width company stories in a polished steel sleeve. */
.hero-bottom{grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem);padding-block:2.8rem 4rem}
.hero-aside{max-width:35rem}
.hero-aside p{margin:0 0 1.5rem}
.meet-companies-link{display:inline-flex;align-items:center;gap:1.5rem;min-height:44px;font-weight:700;text-decoration:none}
.meet-companies-link span{font-size:1.3rem;color:var(--pink);transition:transform .2s}
.meet-companies-link:hover span{transform:translateY(3px)}
.companies{padding-top:clamp(3rem,6vw,6rem)}
.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:clamp(3rem,5vw,5rem)}
.portfolio-grid .venture{
 position:relative;isolation:isolate;display:block;padding:8px;overflow:visible;
 border:1px solid #b9b9bd;border-radius:4px;
 background:linear-gradient(128deg,#f9f9fa 0%,#a8a9ac 3%,#4a4b50 8%,#f6f6f7 17%,#97989a 28%,#313236 46%,#e7e8ea 59%,#787a7d 73%,#fcfcfc 86%,#5b5e62 96%);
 box-shadow:0 2px 0 #fff9 inset,0 -2px 0 #2e3033 inset,0 26px 34px -10px #000e,0 48px 65px -25px #000d;
 transition:transform .25s,box-shadow .25s;
}
.portfolio-grid .venture::before{
 content:"";position:absolute;z-index:-1;left:-1px;right:-1px;top:12px;bottom:-13px;border-radius:4px;
 background:linear-gradient(112deg,#323337,#bfc0c3 8%,#434448 22%,#1f2022 49%,#939497 74%,#dedfe1 87%,#353639);
 border:1px solid #777a80;box-shadow:0 -2px 0 #e9e9eb inset,0 4px 0 #070708;
}
.portfolio-grid .venture:hover{transform:translateY(-3px);box-shadow:0 2px 0 #fff9 inset,0 -2px 0 #2e3033 inset,0 31px 42px -10px #000e,0 52px 75px -25px #000d}
.venture-face{
 position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);min-width:0;overflow:hidden;
 border:1px solid #080809;border-radius:1px;background:#0b0b0d;
 box-shadow:0 2px 2px #000d,0 -1px 0 #f4f4f57a;
}
.venture-face::after{
 content:"";position:absolute;z-index:2;bottom:0;left:0;right:0;height:7px;pointer-events:none;
 background:linear-gradient(180deg,#ff94bb 0%,#ff2c88 21%,#ff006a 62%,#bd003f 86%,#65001f 100%);
 box-shadow:0 -1px 0 #080808,0 1px 0 #fff7 inset,0 -1px 0 #ff95b5;
}
.portfolio-grid .venture-media,.portfolio-grid .retail-art,.portfolio-grid .parking-art{
 height:100%;min-height:400px;border:0;border-right:1px solid #000;
 box-shadow:1px 0 0 #ffffff18,0 2px 0 #ffffff28 inset;
}
.portfolio-grid .venture-media>img{height:100%;object-fit:cover}
.portfolio-grid .venture-magic .venture-media>img{object-position:50% 25%}
.portfolio-grid .venture-trucks .venture-media{display:flex;align-items:center;background:radial-gradient(ellipse at 50% 45%,#2a2023,#0d0c0f 77%)}
.portfolio-grid .venture-trucks .venture-media>img{height:auto;object-fit:contain}
.portfolio-grid .venture-trucks .media-shade{background:linear-gradient(180deg,#0008,transparent 24%,transparent 74%,#0008)}
.portfolio-grid .venture:hover .venture-media>img{transform:none}
.portfolio-grid .venture-meta{top:1.8rem;left:1.6rem;right:1.6rem;font-size:.875rem;letter-spacing:.055em;text-shadow:0 1px 5px #0008}
.panel-location{position:absolute;left:1.6rem;right:1.6rem;bottom:2rem;color:#e5dce2;font-size:.875rem;line-height:1.5;letter-spacing:.055em}
.portfolio-grid .venture-content{
 position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(1.7rem,3.3vw,3.25rem);padding-bottom:clamp(2rem,3.5vw,3.5rem);
 background:linear-gradient(133deg,#343337 0%,#19191c 15%,#111114 39%,#171619 72%,#252127 100%);
 box-shadow:0 2px 0 #ffffff28 inset,0 -2px 0 #0008 inset;
}
.portfolio-grid .venture-title{display:block;margin:0 0 1.8rem}
.portfolio-grid .venture-title h3{font-size:clamp(2rem,3.2vw,3rem);line-height:1.07;letter-spacing:-.045em;margin:0 0 .9rem;max-width:22ch}
.venture-tagline{font-size:clamp(1.12rem,1.6vw,1.4rem);line-height:1.4;font-weight:700;color:#f4a1c6;margin:0 0 .65rem}
.venture-established{font-size:.9375rem;line-height:1.5;color:#aaa7af;margin:0}
.venture-story{max-width:64ch}
.venture-story p{color:#c4c1c9;font-size:1.0625rem;line-height:1.75;margin:0 0 1.25rem}
.venture-story p:last-child{margin-bottom:1.6rem}
.portfolio-grid .venture-content .store-feedback{max-width:none;margin:0 0 1.5rem;color:#f4f0f3;font-size:1rem;line-height:1.6}
.portfolio-grid .venture-bottom{border-top:1px solid #ffffff20;padding-top:1.5rem;justify-content:flex-start}
.portfolio-grid .venture-bottom>a{
 display:inline-flex;align-items:center;gap:1.3rem;min-height:46px;white-space:normal;padding:.8rem 1.2rem;
 font-size:1rem;line-height:1.4;border:1px solid #ff639e;border-bottom-color:#a50040;border-radius:2px;
 color:#fff;background:linear-gradient(180deg,#ff5a9f 0%,#dc005b 10%,#c60050 85%,#95003d 100%);
 box-shadow:0 1px 0 #ffb5d178 inset,0 -2px 0 #89003366 inset,0 5px 12px #0007;
 transition:background .2s,box-shadow .2s;
}
.portfolio-grid .venture-bottom>a:hover{color:#fff;background:linear-gradient(180deg,#ff80b6 0%,#e60065 10%,#d20058 85%,#a30045 100%);box-shadow:0 1px 0 #ffc7de9c inset,0 5px 17px #ff006629}
.portfolio-grid .retail-art,.portfolio-grid .parking-art{display:flex;flex-direction:column;justify-content:center;padding:5.5rem 1.6rem}
.portfolio-grid .retail-art{background:linear-gradient(140deg,#ff86b4 0%,#ff197b 4%,#e90063 41%,#ab003f 88%,#78002c 100%);color:#fff}
.panel-wordmark{font-size:clamp(2.3rem,4vw,4.4rem);font-weight:900;line-height:.98;letter-spacing:-.06em;margin:0;overflow-wrap:normal}
.retail-art .panel-wordmark span{color:#460c26}
.portfolio-grid .ebay-label{left:1.6rem;right:auto;bottom:2rem;font-size:.875rem}
.portfolio-grid .ebay-label b{font-size:2.8rem}
.portfolio-grid .parking-art{background:linear-gradient(140deg,#3e3f43,#151519 35%,#050506 73%,#252228)}
.parking-art .panel-wordmark span{color:#ff2988}
.parking-types{gap:.5rem;margin-top:1.7rem}
.parking-types span{font-size:.875rem;border-radius:2px;border-color:#65545e;padding:.5rem .65rem}
.parking-contact{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin:0 0 1.4rem;color:#b7b2bc;font-size:.9375rem;line-height:1.6}
.portfolio-grid .parking-contact address{font-size:inherit;margin:0}
.parking-contact a{min-height:32px;display:inline-flex;align-items:center;white-space:nowrap}
.meet-danger{margin-top:clamp(5rem,8vw,8rem);padding-top:clamp(3rem,5vw,5rem)}
.meet-danger .eyebrow{font-size:.875rem}
.partner-role{font-weight:700}
@media(min-width:1600px){.portfolio-grid .venture-media{height:100%}}
@media(max-width:1000px){
 .venture-face{grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr)}
 .portfolio-grid .venture-meta,.panel-location{left:1.2rem;right:1.2rem}
 .portfolio-grid .retail-art,.portfolio-grid .parking-art{padding-inline:1.2rem}
 .panel-wordmark{font-size:clamp(2rem,4vw,3rem)}
}
@media(max-width:760px){
 .hero-bottom{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-bottom:2.5rem}
 .portfolio-grid{gap:3rem}
 .portfolio-grid .venture{padding:6px}
 .venture-face{grid-template-columns:minmax(0,1fr)}
 .portfolio-grid .venture-media,.portfolio-grid .retail-art,.portfolio-grid .parking-art{height:320px;min-height:0;border-right:0;border-bottom:1px solid #000}
 .portfolio-grid .venture-magic .venture-media{height:380px}
 .portfolio-grid .venture-magic .venture-media>img{object-position:50% 25%}
 .portfolio-grid .venture-trucks .venture-media>img{width:100%;max-height:220px}
 .portfolio-grid .venture-meta{top:1.2rem}
 .panel-location{bottom:1.2rem}
 .portfolio-grid .venture-content{padding:1.75rem 1.35rem 2rem}
 .portfolio-grid .venture-title h3{font-size:clamp(1.9rem,7.8vw,2.6rem)}
 .venture-story p{font-size:1rem;line-height:1.75}
 .panel-wordmark{font-size:clamp(2.7rem,10vw,4rem)}
 .portfolio-grid .retail-art,.portfolio-grid .parking-art{padding:4.2rem 1.35rem}
 .portfolio-grid .ebay-label{right:1.35rem;left:auto;bottom:1.1rem}
 .parking-art .panel-location{right:1.35rem;left:auto;font-size:.8125rem}
 .parking-types{max-width:100%;margin-top:1.1rem}
 .parking-types span{font-size:.8125rem}
}
@media(prefers-reduced-motion:reduce){.portfolio-grid .venture:hover{transform:none}}

/* Large, intact website previews float over the left side of each panel. */
.companies.wrap{width:min(calc(100% - 6rem),1440px)}
.portfolio-grid{gap:clamp(4rem,6vw,6rem)}
.venture-face{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:visible}
.venture-visual{
 --preview-overhang:clamp(16px,2vw,28px);--preview-angle:-.65deg;--preview-lift:-12px;
 position:relative;display:flex;align-items:center;min-width:0;padding-block:2rem;
 background:radial-gradient(ellipse at 28% 48%,#ff087919,transparent 72%),linear-gradient(140deg,#282529,#09090b 63%,#21131b);
 box-shadow:0 2px 0 #ffffff20 inset;
}
.company-site-preview{
 position:relative;z-index:3;display:block;flex:none;width:calc(100% + var(--preview-overhang)*2);
 margin-left:calc(-1 * var(--preview-overhang));padding:5px;border:1px solid #b8b8bd;border-radius:4px;
 background:linear-gradient(125deg,#f8f8fa,#64656b 13%,#dddddf 30%,#3b3b40 51%,#eeeef0 79%,#5b5d63);
 transform:translateY(var(--preview-lift)) rotate(var(--preview-angle));transform-origin:50% 50%;
 box-shadow:0 2px 0 #ffffff80 inset,0 -3px 0 #26262b inset,0 20px 28px -8px #000d,0 38px 65px -18px #000d;
 transition:transform .3s ease,box-shadow .3s ease;
}
.company-site-preview img{display:block;width:100%;height:auto;max-width:none;border:1px solid #050507;border-radius:1px;background:#111}
.company-site-preview::after{content:"";position:absolute;left:5px;right:5px;bottom:1px;height:3px;background:linear-gradient(180deg,#ff9ec5,#ed0069 60%,#79002f);pointer-events:none}
.company-site-preview:hover,.company-site-preview:focus-visible{transform:translateY(calc(var(--preview-lift) - 4px)) rotate(0deg);box-shadow:0 2px 0 #ffffff90 inset,0 25px 32px -8px #000e,0 42px 72px -18px #000e}
.venture-magic .venture-visual{--preview-angle:.7deg;--preview-lift:-32px}
.venture-ebay .venture-visual{--preview-angle:-.55deg;--preview-lift:8px}
.venture-parking .venture-visual{--preview-angle:.45deg;--preview-lift:-8px}
.portfolio-grid .venture-content{z-index:1;padding-left:clamp(3.2rem,4.8vw,4.6rem);padding-right:clamp(1.75rem,3vw,3rem)}
.venture-kicker{font-size:.875rem;font-weight:700;letter-spacing:.08em;line-height:1.5;color:#ff559f;margin:0 0 1.4rem}
.portfolio-grid .venture-title h3{font-size:clamp(2rem,3vw,3rem)}
@media(max-width:1100px){
 .companies.wrap{width:calc(100% - 3rem)}
 .venture-face{grid-template-columns:minmax(0,1fr)}
 .venture-visual{--preview-overhang:12px;padding:1rem 0 0;background:linear-gradient(145deg,#292429,#0b0b0d)}
 .company-site-preview{max-width:none;margin-block:0;transform:translateY(-8px) rotate(0deg)}
 .company-site-preview:hover,.company-site-preview:focus-visible{transform:translateY(-10px) rotate(0deg)}
 .portfolio-grid .venture-content{padding:2.5rem 2.25rem 3rem}
 .venture-story{max-width:70ch}
 .portfolio-grid .venture-title h3{max-width:28ch}
}
@media(max-width:760px){
 .companies.wrap{width:calc(100% - 2rem)}
 .portfolio-grid{gap:3.5rem}
 .venture-visual{--preview-overhang:8px;padding-top:.5rem}
 .company-site-preview{padding:4px;border-radius:3px}
 .company-site-preview::after{left:4px;right:4px}
 .portfolio-grid .venture-content{padding:1.75rem 1.35rem 2rem}
 .venture-kicker{font-size:.8125rem;letter-spacing:.06em;margin-bottom:1rem}
 .portfolio-grid .venture-title h3{font-size:clamp(1.9rem,7.8vw,2.6rem)}
}
@media(prefers-reduced-motion:reduce){.company-site-preview,.company-site-preview:hover,.company-site-preview:focus-visible{transition:none;transform:none}}

/* Selected direction: Floating glass, applied to all four companies. */
.portfolio-grid{gap:clamp(3rem,6vw,6rem)}
.portfolio-grid .venture,.portfolio-grid .venture:hover{padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none}
.portfolio-grid .venture::before,.venture-face::after{content:none}
.venture-face{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:center;padding:1.5rem 0 3rem;isolation:isolate;background:radial-gradient(ellipse at 44% 83%,#ff007928,transparent 50%);border:0;border-radius:0;box-shadow:none}
.venture-visual{display:block;padding:0;min-height:0;background:none;box-shadow:none}
.company-site-preview,.company-site-preview:hover,.company-site-preview:focus-within{position:relative;display:block;width:calc(100% + 4rem);margin:0;padding:4px;background:linear-gradient(125deg,#fdfdfe,#64666b 14%,#f2f2f4 28%,#737579 48%,#d4d5d8 71%,#fff 89%,#505156);border:1px solid #959299;border-radius:4px;transform:translateY(-16px);box-shadow:0 25px 45px -12px #000d,0 55px 90px -30px #000e;z-index:auto}
.company-site-preview::after{content:none}
.company-site-preview img{display:block;width:100%;height:auto;border:0;border-radius:1px}
.company-site-preview>a.preview-link{display:block}
.portfolio-grid .venture-content{position:relative;z-index:1;margin-left:-1.5rem;padding:clamp(2rem,4vw,4rem);border:1px solid #ffffff75;border-bottom:5px solid #b5004e;border-radius:3px;background:linear-gradient(135deg,#37323eea,#15131cf5 38%,#09080ff7 100%);backdrop-filter:blur(24px);box-shadow:0 2px 0 #fff3 inset,0 -1px 0 #ff6dab inset,-20px 20px 45px #0007,0 30px 75px #000b;transform:translateY(22px)}
.portfolio-grid .venture-content::before{content:"";position:absolute;top:-1px;left:-1px;width:28%;height:4px;background:linear-gradient(90deg,#ff9fc9,#ff0879 85%,#840031);box-shadow:0 0 20px #ff08793b}
.portfolio-grid .venture-title h3{font-size:clamp(2.5rem,4.2vw,4.2rem);line-height:1.01;letter-spacing:-.055em;margin:0 0 1.2rem}
.portfolio-grid .venture-title h3 span{display:block;color:#ff69aa}
.portfolio-grid .venture-title h3 small{display:block;font-size:.37em;letter-spacing:-.02em;line-height:1.4;margin-top:.6rem;color:#ddd5df}
.venture-kicker{font-size:.8125rem;letter-spacing:.13em;color:#ff5ba5;margin:0 0 1.5rem}
.venture-tagline{font-size:1.3rem;line-height:1.35;color:#f0e9ef}
.venture-established{color:#a49fa9}
.venture-story p{color:#bbb6c2}
.portfolio-grid .venture-bottom{padding-top:0;border:0}
.portfolio-grid .venture-bottom>a,.portfolio-grid .venture-bottom>a:hover{background:transparent;box-shadow:none;border:0;border-bottom:1px solid #ff549c;padding:.8rem 0;gap:3rem;border-radius:0}
.portfolio-grid .venture-bottom>a>span{color:#ff64a6}
@media(max-width:1100px) and (min-width:761px){.venture-face{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}.portfolio-grid .venture-content{padding:2rem}.company-site-preview,.company-site-preview:hover,.company-site-preview:focus-within{width:calc(100% + 3rem)}.portfolio-grid .venture-title h3{font-size:clamp(2.4rem,4.2vw,3.3rem)}}
@media(max-width:760px){.venture-face{grid-template-columns:minmax(0,1fr);padding:.5rem 0 2rem}.company-site-preview,.company-site-preview:hover,.company-site-preview:focus-within{width:100%;transform:none}.portfolio-grid .venture-content{margin:-2rem .7rem 0 1rem;transform:none;padding:2rem 1.4rem;backdrop-filter:blur(16px)}.portfolio-grid .venture-title h3{font-size:clamp(2.4rem,9vw,3rem)}}
/* Match the selected reference card's title-to-story rhythm. */
.portfolio-grid .venture-title{margin-bottom:2rem}
.venture-tagline{margin-bottom:.6rem}
.venture-story p{margin-bottom:1.2rem}
.venture-story p:last-child{margin-bottom:1.7rem}
.portfolio-grid .venture-bottom>a{min-height:48px}
.portfolio-grid .venture-bottom>a>span{font-size:1.4rem;line-height:1}


/* Chrome-bevel treatment for the hero "Meet the companies" link and the venture "Explore/Shop/Find your space" CTA buttons — matches the sitewide button restyle. */
.meet-companies-link{display:inline-flex;align-items:center;gap:1.3rem;min-height:50px;padding:.85rem 1.8rem;font-size:1rem;font-weight:700;text-decoration:none;color:#1a1a1d;border-radius:3px;background:linear-gradient(128deg,#f9f9fa 0%,#a8a9ac 15%,#4a4b50 32%,#f6f6f7 46%,#97989a 62%,#313236 78%,#e7e8ea 92%,#787a7d 100%);box-shadow:0 2px 0 #fff9 inset,inset 0 -4px 0 0 #ff006a,0 10px 24px -6px #000c;transition:transform .2s,box-shadow .2s}
.meet-companies-link span{color:#a50040!important;font-size:1.2rem}
.meet-companies-link:hover{transform:translateY(-2px);box-shadow:0 2px 0 #fff9 inset,inset 0 -4px 0 0 #ff006a,0 14px 30px -6px #000e}
.meet-companies-link:hover span{transform:translateY(3px)}

.portfolio-grid .venture-bottom>a,.portfolio-grid .venture-bottom>a:hover{display:inline-flex;align-items:center;gap:1.3rem;min-height:50px;padding:.85rem 1.8rem;border:0;border-radius:3px;background:linear-gradient(128deg,#f9f9fa 0%,#a8a9ac 15%,#4a4b50 32%,#f6f6f7 46%,#97989a 62%,#313236 78%,#e7e8ea 92%,#787a7d 100%);box-shadow:0 2px 0 #fff9 inset,inset 0 -4px 0 0 #ff006a,0 10px 24px -6px #000c;color:#1a1a1d;transition:transform .2s,box-shadow .2s}
.portfolio-grid .venture-bottom>a:hover{transform:translateY(-2px);box-shadow:0 2px 0 #fff9 inset,inset 0 -4px 0 0 #ff006a,0 14px 30px -6px #000e}
.portfolio-grid .venture-bottom>a>span{color:#a50040!important}


/* Refined hover: bottom-up pink fill (see styles.css for the full note) applied to the "Meet the companies" link and the venture CTA buttons. */
.meet-companies-link{background-image:linear-gradient(var(--pink),var(--pink)),linear-gradient(128deg,#f9f9fa 0%,#a8a9ac 15%,#4a4b50 32%,#f6f6f7 46%,#97989a 62%,#313236 78%,#e7e8ea 92%,#787a7d 100%);background-size:100% 0%,100% 100%;background-position:bottom,center;background-repeat:no-repeat,no-repeat;box-shadow:0 2px 0 #fff9 inset,inset 0 -4px 0 0 #ff006a,0 10px 24px -6px #000c;transition:background-size .32s ease,color .3s .08s,box-shadow .3s,transform .2s}
.meet-companies-link:hover{background-size:100% 100%,100% 100%;color:#fff;box-shadow:0 2px 0 #ffffff40 inset,0 14px 30px -6px #ff168560;transform:translateY(-2px)}
.meet-companies-link span{transition:color .3s .08s}
.meet-companies-link:hover span{color:#fff}

.portfolio-grid .venture-bottom>a{background-image:linear-gradient(var(--pink),var(--pink)),linear-gradient(128deg,#f9f9fa 0%,#a8a9ac 15%,#4a4b50 32%,#f6f6f7 46%,#97989a 62%,#313236 78%,#e7e8ea 92%,#787a7d 100%);background-size:100% 0%,100% 100%;background-position:bottom,center;background-repeat:no-repeat,no-repeat;box-shadow:0 2px 0 #fff9 inset,inset 0 -4px 0 0 #ff006a,0 10px 24px -6px #000c;transition:background-size .32s ease,color .3s .08s,box-shadow .3s,transform .2s}
.portfolio-grid .venture-bottom>a:hover{background-size:100% 100%,100% 100%;color:#fff;box-shadow:0 2px 0 #ffffff40 inset,0 14px 30px -6px #ff168560;transform:translateY(-2px)}
.portfolio-grid .venture-bottom>a>span{transition:color .3s .08s}
.portfolio-grid .venture-bottom>a:hover>span{color:#fff!important}


/* Flip the Meet Danger hierarchy (final word — company-panels.css loads last): "MEET DANGER" is the big headline now. */
.meet-danger .eyebrow{font-size:clamp(2.4rem,4.8vw,4.2rem);line-height:1.02;letter-spacing:-.03em;font-weight:800;color:var(--pink);margin:0 0 .7rem}


/* D1 emblem sits up top-left; the form tile is pushed down so only its upper-left corner tucks slightly over the D1's lower-right corner. */
.venture-contact .venture-face{align-items:start}
.venture-contact .venture-visual{display:flex;align-items:flex-start;justify-content:flex-end}
.venture-contact .company-site-preview,.venture-contact .company-site-preview:hover,.venture-contact .company-site-preview:focus-within{width:min(101%,812px);margin:0;padding:0;background:none;border:0;border-radius:0;transform:none;box-shadow:0 20px 40px -12px #000c,0 40px 70px -25px #000b}
.venture-contact .venture-content{margin-top:280px;margin-left:-6rem}
@media(max-width:1100px){
 .venture-contact .company-site-preview,.venture-contact .company-site-preview:hover,.venture-contact .company-site-preview:focus-within{width:min(93%,608px)}
 .venture-contact .venture-content{margin-top:150px;margin-left:-4rem}
}


/* Drop the D1 emblem on mobile — the contact card should be just the heading + form there. */
@media(max-width:760px){.venture-contact .venture-visual{display:none}}