/* SpinOut U V68: three-image Etsy-inspired stakeholder hero, product-first marketplace,
   sticky accessible campus logo rail, and public blueprint explainer.
   V67 source and permission boundaries remain unchanged. */
:root{--v68-cream:#f8eae1;--v68-ink:#292420;--v68-rust:#96712D}
.site-header{position:sticky;top:0;z-index:70;background:#fff}
.site-header .header-inner{min-height:73px;padding-top:10px;padding-bottom:10px}
.campus-nav-rail{background:#fff;border-top:1px solid #efeae5;border-bottom:1px solid #ece5de;width:100%;position:relative;z-index:1}
.campus-nav-inner{max-width:1490px;margin:0 auto;padding:7px 30px;min-height:65px;display:flex;align-items:center;gap:12px}
.campus-nav-caption{flex:0 0 145px;display:flex;flex-direction:column;gap:3px;line-height:1.2}
.campus-nav-caption strong{font-size:12px;font-weight:800;letter-spacing:-.015em;color:#302720}
.campus-nav-caption small{font-size:9px;color:#8c8075;line-height:1.25}
.campus-nav-track{display:flex;flex:1;min-width:0;gap:9px;align-items:center;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 0 3px}
.campus-nav-track::-webkit-scrollbar{display:none}
.campus-nav-item{flex:0 0 88px;display:flex;align-items:center;gap:7px;padding:4px 6px 4px 2px;min-width:0;scroll-snap-align:start;border-radius:8px;transition:background .16s;text-decoration:none}
.campus-nav-item:hover{background:#f8f2ed}
.campus-nav-item .school-badge{width:38px;height:35px;max-width:38px;object-fit:contain;flex:0 0 38px;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;mix-blend-mode:normal}
.campus-nav-item .school-initials{width:38px;height:35px;font-size:12px}
.campus-nav-item span:not(.school-initials){font-size:9.5px;font-weight:650;line-height:1.18;color:#63574e;white-space:normal;overflow-wrap:anywhere;min-width:0}
.campus-nav-arrow{width:25px;height:32px;flex:0 0 25px;background:transparent;color:#5d524a;border:1px solid #e8dfd8;border-radius:9px;display:grid;place-items:center;font-size:23px;line-height:1;padding-bottom:4px}
.campus-nav-arrow:hover{background:#f5eee7}
.campus-nav-all{flex:0 0 auto;font-size:10.5px;font-weight:800;white-space:nowrap;color:#96712D;border-left:1px solid #e6dcd3;padding:10px 0 10px 13px}
.campus-nav-all:hover{text-decoration:underline}
/* Three distinct hero images and three clear participation paths. */
.market-home{padding-top:17px}
.market-hero-v68{display:grid;grid-template-columns:minmax(0,1.88fr) minmax(0,.95fr) minmax(0,.95fr);gap:14px;min-height:505px}
.hero-blueprint-tile,.hero-role-tile{position:relative;isolation:isolate;overflow:hidden;border-radius:17px;min-width:0;min-height:505px}
.hero-blueprint-tile{background:var(--v68-cream);border:1px solid #f1e3da}
.hero-blueprint-photo{position:absolute;inset:0 0 0 40%;z-index:0}
.hero-blueprint-photo img{width:100%;height:100%;object-fit:cover;object-position:51% 50%;display:block}
.hero-blueprint-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--v68-cream) 1%,rgba(248,234,225,.87) 24%,rgba(248,234,225,.29) 73%,rgba(248,234,225,.06) 100%)}
.hero-blueprint-copy{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:34px 24px 35px 35px;height:100%;max-width:76%}
.hero-blueprint-copy .kicker{color:#96712D;font-size:9.6px;letter-spacing:.095em;white-space:normal}
.hero-blueprint-copy h1{font:normal clamp(32px,3.0vw,45px)/1.075 var(--serif);letter-spacing:-.038em;color:#2c2521;margin:16px 0 17px;max-width:420px;text-wrap:balance}
.hero-blueprint-copy h1 em{color:#96712D;font-weight:normal;font-style:normal}
.hero-blueprint-copy>p{font-size:12.1px;line-height:1.61;color:#53483f;margin:0;max-width:450px}
.hero-blueprint-copy .hero-blueprint-micro{font-size:10.4px;line-height:1.47;margin-top:13px;color:#746153;max-width:415px}
.hero-blueprint-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:21px}
.hero-blueprint-actions .button{font-size:11.1px;padding:12px 17px;background:#25211e;white-space:nowrap}
.hero-blueprint-actions>a:not(.button){font-size:11px;font-weight:800;color:#96712D;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.hero-role-tile{background:#33473e}
.hero-role-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}
.hero-role-tile:hover .hero-role-image{transform:scale(1.035)}
.hero-builder-tile .hero-role-image{object-position:53% center}
.hero-supplier-tile .hero-role-image{object-position:52% center}
.hero-role-tile:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(21,25,22,.95) 0%,rgba(20,26,23,.78) 33%,rgba(19,23,22,.17) 80%,rgba(19,23,22,.04) 100%)}
.hero-role-content{position:absolute;bottom:0;left:0;right:0;padding:24px 22px 27px;z-index:1;color:#fff}
.hero-role-content>span{display:block;font-size:9px;letter-spacing:.10em;font-weight:850;color:#f9d7bf;line-height:1.35}
.hero-role-content h2{font:normal clamp(23px,2.1vw,31px)/1.09 var(--serif);letter-spacing:-.024em;margin:10px 0 11px;text-wrap:balance}
.hero-role-content p{font-size:11.5px;line-height:1.56;color:#f5ede6;max-width:325px;margin:0 0 17px}
.hero-role-content a{display:block;width:max-content;max-width:100%;font-size:11.3px;font-weight:800;color:#fff;text-decoration:underline;text-underline-offset:4px;line-height:1.4}
.hero-role-content a:hover{color:#F6EDDC}
.hero-role-content .hero-role-secondary{margin-top:10px;color:#f2d5c4;font-weight:650}
.market-discovery-intro{display:flex;gap:28px;align-items:center;border-bottom:1px solid #eee7e0;margin:22px 0 29px;padding:0 3px 19px}
.market-discovery-intro>span{flex:0 0 auto;font-size:9.7px;font-weight:900;color:#96712D;letter-spacing:.12em}
.market-discovery-intro p{margin:0;font-size:12.2px;line-height:1.55;color:#73665e;max-width:890px}
.market-featured{margin-top:0}
.market-featured .section-header{margin-bottom:18px}
.market-featured .section-header h2{font-size:32px;max-width:760px}
.market-featured .section-header p{max-width:795px}
/* Detailed commercial blueprint copy, after actual market opportunities. */
.blueprint-explainer-v68{margin:61px 0 14px;padding:35px 36px;display:grid;grid-template-columns:minmax(0,1.64fr) minmax(240px,.72fr);gap:58px;border-radius:18px;background:#f8f4ee;border:1px solid #f1e9df}
.blueprint-explainer-copy h2{font:normal clamp(28px,3vw,40px)/1.12 var(--serif);letter-spacing:-.028em;color:#292520;margin:15px 0 17px}
.blueprint-explainer-copy p{font-size:13.5px;line-height:1.71;color:#5a5149;max-width:840px;margin:0 0 12px}
.blueprint-explainer-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:21px}
.blueprint-explainer-links a{font-size:12px;font-weight:850;color:#96712D;text-decoration:underline;text-underline-offset:4px}
.blueprint-explainer-steps{display:flex;flex-direction:column;justify-content:center;gap:0}
.blueprint-explainer-steps>div{padding:17px 0;border-bottom:1px solid #e6dbce;display:flex;align-items:flex-start;gap:17px}
.blueprint-explainer-steps>div:last-child{border-bottom:0}
.blueprint-explainer-steps strong{font-size:12px;color:#96712D;letter-spacing:.04em}
.blueprint-explainer-steps span{font-size:12.8px;color:#474039;font-weight:700;line-height:1.5}
.campus-showcase-v68{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;border:1px solid #f0e9e2;border-radius:14px;padding:17px 6px 8px;background:#fffcf8}
.campus-showcase-v68 .uni-tile{flex:1;min-width:0;max-width:unset;padding:8px 2px 12px}
.campus-showcase-v68 .uni-tile:hover{background:#f9f1e9;border-radius:11px}
.campus-showcase-v68 .uni-avatar{width:69px;height:69px;max-width:69px;border-radius:0;border:0;background:transparent;box-shadow:none;padding:3px}
.campus-showcase-v68 .uni-avatar img{object-fit:contain}
.campus-showcase-v68 .uni-name{font-size:11px;margin-top:5px}
.campus-showcase-v68 .uni-count{font-size:9px;line-height:1.35}
/* FAQ page matches other editorial destinations, no dead nav link. */
.v68-faq-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.68fr);gap:42px;margin:35px 0 60px}
.v68-faq-grid details{padding:20px 0;border-bottom:1px solid #e9e2d9}
.v68-faq-grid details:first-child{border-top:1px solid #e9e2d9}
.v68-faq-grid details summary{cursor:pointer;font-size:17px;font-weight:750;line-height:1.45;padding-right:12px;list-style-position:outside}
.v68-faq-grid details p{font-size:13.5px;color:#635950;line-height:1.75;max-width:790px;margin:14px 0 0}
.v68-faq-side{height:max-content;position:sticky;top:175px;background:#faf4ee;border-radius:16px;padding:29px 25px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.v68-faq-side h2{font:normal 28px/1.2 var(--serif);margin:7px 0}
.v68-faq-side a:not(.button){font-size:12px;font-weight:800;color:#96712D;text-decoration:underline}
@media(max-width:1320px){
 .market-hero-v68{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr)}
 .hero-blueprint-copy{padding-left:27px;max-width:81%}
 .hero-blueprint-copy h1{font-size:38px}
 .hero-role-content{padding:19px 17px 22px}
 .hero-role-content h2{font-size:25px}
 .hero-role-content p{font-size:11px}
 .campus-nav-inner{padding-left:20px;padding-right:20px}
}
@media(max-width:1090px){
 .market-hero-v68{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:unset}
 .hero-blueprint-tile{grid-column:1/-1;min-height:420px}
 .hero-blueprint-copy{max-width:62%;padding-left:38px}
 .hero-blueprint-copy h1{font-size:42px;max-width:520px}
 .hero-role-tile{min-height:355px}
 .hero-role-content{padding:25px}
 .hero-role-content h2{font-size:30px}
 .campus-nav-caption{flex-basis:100px}
 .campus-nav-caption small{display:none}
 .campus-showcase-v68{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
 .site-header{position:sticky;top:0;z-index:70}
 .campus-nav-inner{padding:6px 14px;min-height:57px;gap:7px}
 .campus-nav-item{flex-basis:79px;gap:5px}
 .campus-nav-item .school-badge{height:32px;width:32px;max-width:32px;flex-basis:32px}
 .campus-nav-all{font-size:9.5px;padding-left:9px}
 .blueprint-explainer-v68{grid-template-columns:1fr;gap:13px;padding:29px}
 .blueprint-explainer-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}
 .blueprint-explainer-steps>div{border-bottom:1px solid #e6dbce}
 .v68-faq-grid{grid-template-columns:1fr}.v68-faq-side{position:static}
}
@media(max-width:650px){
 .site-header{position:sticky;top:0;z-index:70}
 .campus-nav-inner{padding:5px 9px;gap:5px;min-height:49px}
 .campus-nav-caption{flex-basis:78px}
 .campus-nav-caption strong{font-size:10.1px;line-height:1.12}
 .campus-nav-item{flex-basis:61px;gap:3px;flex-direction:column;padding:2px}
 .campus-nav-item .school-badge{height:24px;width:30px;max-width:30px;flex:0 0 24px}
 .campus-nav-item span:not(.school-initials){font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;text-align:center}
 .campus-nav-arrow{width:18px;height:28px;flex-basis:18px;border:0;font-size:20px}
 .campus-nav-all{font-size:9px;padding:5px;border-left:0}
 .campus-nav-all span{display:none}
 .market-home{padding-top:12px}
 .market-hero-v68{display:flex;flex-direction:column;gap:12px}
 .hero-blueprint-tile{min-height:unset;display:flex;flex-direction:column;grid-column:auto}
 .hero-blueprint-photo{position:relative;inset:auto;height:165px;width:100%;order:0}
 .hero-blueprint-photo img{position:absolute;inset:0;object-position:50% 39%}
 .hero-blueprint-photo:after{background:linear-gradient(0deg,var(--v68-cream),transparent 34%)}
 .hero-blueprint-copy{height:auto;max-width:100%;width:100%;order:1;padding:18px 22px 24px}
 .hero-blueprint-copy .kicker{font-size:9px}
 .hero-blueprint-copy h1{font-size:34px;margin:11px 0 14px;max-width:520px}
 .hero-blueprint-copy>p{font-size:12px;line-height:1.62}
 .hero-blueprint-copy .hero-blueprint-micro{font-size:10.5px;margin-top:11px}
 .hero-blueprint-actions{margin-top:15px}
 .hero-blueprint-actions .button{padding:11px 13px;font-size:11px}
 .hero-role-tile{min-height:300px}
 .hero-role-content{padding:21px}
 .hero-role-content h2{font-size:28px;max-width:330px}
 .hero-role-content p{font-size:11.3px;max-width:350px}
 .market-discovery-intro{display:block;margin:20px 0 24px;padding-bottom:17px}
 .market-discovery-intro p{margin-top:8px;font-size:11.5px}
 .market-featured .section-header h2{font-size:27px}
 .blueprint-explainer-v68{margin-top:41px;padding:24px 20px}
 .blueprint-explainer-copy h2{font-size:29px}
 .blueprint-explainer-copy p{font-size:12.5px}
 .blueprint-explainer-steps{grid-template-columns:1fr;gap:0}
 .blueprint-explainer-steps>div{padding:12px 0}
 .blueprint-explainer-links{gap:13px;flex-direction:column}
 .campus-showcase-v68{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 3px}
 .campus-showcase-v68 .uni-avatar{width:52px;height:52px;max-width:52px}
 .campus-showcase-v68 .uni-tile{min-width:0;padding:3px 1px 10px}
 .campus-showcase-v68 .uni-name{font-size:9px}
 .campus-showcase-v68 .uni-count{font-size:8px}
 .v68-faq-grid details summary{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 .campus-nav-track{scroll-behavior:auto;scroll-snap-type:none}
 .hero-role-image{transition:none}
}
/* Campus rail is an image-logo strip: keep logos legible, avoid forced word wraps. */
.campus-nav-item{flex:0 0 72px;justify-content:center;padding:3px;gap:0}
.campus-nav-item .school-badge{width:56px;height:44px;max-width:56px;flex:0 0 56px}
.campus-nav-item span:not(.school-initials){display:none}
@media(max-width:650px){
 .campus-nav-item{flex:0 0 54px;flex-direction:row;padding:1px}
 .campus-nav-item .school-badge{width:46px;height:35px;max-width:46px;flex:0 0 46px}
}