:root{--charcoal:#11161B;--slate:#384654;--stone:#A6A6A9;--white:#F7F8F8;--silver:#DCE4EB}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--charcoal);color:var(--white);font-family:"General Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input{outline-offset:4px}
:focus-visible{outline:2px solid var(--silver)}
img{max-width:100%;display:block}
h1,h2,p{margin:0}
h1,h2{font-family:"Cabinet Grotesk",Arial,sans-serif}
.skip{position:fixed;z-index:100;left:14px;top:-100px;padding:12px 16px;background:var(--white);color:var(--charcoal)}
.skip:focus{top:14px}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:48px;padding:20px 5%;background:linear-gradient(#11161Bea,#11161B89);border-bottom:1px solid #DCE4EB24;backdrop-filter:blur(14px)}
.header-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.header-brand strong{font:800 45px/.78 "Cabinet Grotesk",Arial,sans-serif;letter-spacing:-.095em}
.header-brand span{font-size:8px;line-height:1.07;letter-spacing:.16em;font-weight:700}
.site-header nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:12px;color:#E1E7EC}
.site-header nav a,.header-action,.text-link,.entrance-link{transition:color .2s,opacity .2s}
.site-header nav a:hover,.header-action:hover,.text-link:hover,.entrance-link:hover{color:#9FC6D8}
.header-action{display:flex;align-items:center;gap:36px;padding:11px 16px;border:1px solid #DCE4EB75;font-size:12px;font-weight:600}
.header-action span{font-size:18px;line-height:1}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.6}
.entrance{min-height:100svh;position:relative;display:flex;align-items:end;isolation:isolate;overflow:hidden}
.entrance-image,.gallery-image,.boardroom-image{position:absolute;inset:0;background-size:cover;background-position:center}
.entrance-image,.gallery-image{background-image:url("assets/glass-corridor.png")}
.entrance-image{z-index:-2;transform:scale(1.02)}
.entrance-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11161BE8 0%,#11161B9F 41%,#11161B18 85%),linear-gradient(0deg,#11161BD9,transparent 45%)}
.entrance-copy{position:relative;width:min(1050px,88%);padding:160px 0 90px 7%;z-index:1}
.entrance-copy .eyebrow{color:#DCE4EB;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.eyebrow-line{width:28px;height:1px;background:#DCE4EB90}
.entrance h1{font-size:clamp(62px,6.4vw,104px);line-height:.9;letter-spacing:-.07em;font-weight:700;margin:28px 0 30px}
.entrance h1 em,.studio h2 em,.boardroom-invite h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.055em;color:var(--silver)}
.entrance-copy>p:not(.eyebrow){font-size:clamp(17px,1.5vw,22px);line-height:1.55;color:#E6EAED;max-width:610px}
.entrance-link{display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid #DCE4EB9A;padding:0 0 10px;margin-top:38px;font-size:13px;font-weight:600}
.entrance-link span{font-size:22px;line-height:1}
.entrance-rail{position:absolute;right:5%;bottom:32px;display:flex;gap:33px;font-size:9px;letter-spacing:.18em;color:#DCE4EBBC}
.gallery{position:relative;background:var(--charcoal)}
.gallery-stage{position:relative;min-height:100svh;padding:115px 7% 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;overflow:hidden;isolation:isolate;perspective:1300px;perspective-origin:50% 50%}
.gallery-image{z-index:-2;filter:saturate(.8)}
.gallery-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11161B4F,transparent 48%,#11161B42),linear-gradient(0deg,#11161B90,transparent 30%);z-index:-1}
.gallery-top,.gallery-bottom{position:absolute;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:600;letter-spacing:.18em;color:var(--silver)}
.gallery-top{top:111px}
.gallery-bottom{bottom:36px}
.gallery-rule{position:absolute;top:141px;left:7%;right:7%;height:1px;background:#DCE4EB55}
.gallery-rule span{display:block;height:2px;width:20%;background:#F7F8F8;transform-origin:left}
.glass-panel{align-self:center;position:relative;width:min(100%,670px);transform-style:preserve-3d}
.glass-panel:nth-of-type(even){justify-self:end}
.glass-panel-left{transform-origin:left center}
.glass-panel-right{transform-origin:right center}
.glass-website{display:block;padding:7px;background:linear-gradient(135deg,#DCE4EB86,#384654AA 35%,#DCE4EB68);border:1px solid #F7F8F8B0;box-shadow:0 0 0 1px #DCE4EB38,0 28px 70px #000B,inset 0 1px 0 #FFFFFFAA;backdrop-filter:blur(5px)}
.glass-website:hover{border-color:#fff;box-shadow:0 0 0 1px var(--venture-color),0 28px 90px #000D,0 0 45px color-mix(in srgb,var(--venture-color) 35%,transparent)}
.website-glass{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#1E2933;box-shadow:inset 0 0 0 2px #FFFFFF55}
.website-glass img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.88) contrast(.95)}
.glass-reflection{position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,#FFFFFF55 0%,#FFFFFF10 16%,transparent 35%,#FFFFFF13 62%,transparent 81%),linear-gradient(0deg,#11161B55,transparent 22%);mix-blend-mode:screen;box-shadow:inset 0 0 35px #DCE4EB55}
.website-caption{display:grid;grid-template-columns:1fr auto;gap:7px 20px;align-items:end;padding:13px 15px 10px;background:#11161BEA;border-top:2px solid var(--venture-color)}
.website-caption>span:first-child{grid-column:1/-1;font-size:9px;letter-spacing:.18em;color:var(--venture-color);font-weight:700}
.website-caption strong{font:600 clamp(22px,2vw,32px)/1.05 "Cabinet Grotesk",Arial,sans-serif;letter-spacing:-.04em}
.website-caption .visit{font-size:9px;letter-spacing:.14em;font-weight:700;color:var(--silver);white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.js-enabled .gallery{height:590vh}
.js-enabled .gallery-stage{position:sticky;top:0;height:100svh;display:block}
.js-enabled .glass-panel{position:absolute;top:55%;width:min(43vw,660px);margin:0;opacity:0;pointer-events:none;will-change:opacity,transform}
.js-enabled .glass-panel-left{left:3.5%}
.js-enabled .glass-panel-right{right:3.5%}
.js-enabled .gallery-image{will-change:transform}
.studio{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);min-height:720px;background:#1B252E}
.studio-image{overflow:hidden;min-height:720px;background:var(--charcoal)}
.studio-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.studio-copy{align-self:center;padding:95px min(9vw,130px);max-width:850px}
.studio-copy .eyebrow{color:#BFCBD4}
.studio h2{font-size:clamp(48px,5vw,76px);line-height:1.02;letter-spacing:-.06em;font-weight:600;margin:30px 0}
.studio-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#DCE4EB;max-width:570px}
.studio-steps{display:flex;justify-content:space-between;gap:10px;margin:50px 0 36px;border-top:1px solid #DCE4EB60;padding-top:18px;color:#AEBCC7;font-size:10px;font-weight:600;letter-spacing:.14em}
.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #DCE4EB9A;padding-bottom:8px;font-size:13px;font-weight:600}
.boardroom{background:var(--white);color:var(--charcoal)}
.boardroom-scene{position:relative;aspect-ratio:16/9;min-height:620px;overflow:hidden;background:var(--charcoal);color:var(--white)}
.boardroom-image{background-image:url("assets/boardroom.png")}
.partner-wall{position:absolute;top:30%;left:29%;width:43%;height:23%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;filter:drop-shadow(0 5px 7px #000B)}
.wall-label{font-size:9px;letter-spacing:.23em;color:#DCE4EBC8}
.partner-marks{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.partner-mark{display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center;min-width:0}
.partner-mark b{font:700 clamp(28px,3.4vw,60px)/1 "Cabinet Grotesk",Arial,sans-serif;color:var(--partner-color);text-shadow:0 0 14px color-mix(in srgb,var(--partner-color) 45%,transparent)}
.partner-mark small{font-size:clamp(5px,.6vw,9px);line-height:1.12;letter-spacing:.08em;color:#F7F8F8}
.room-logo{position:absolute;top:31%;right:4%;width:21%;height:22%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;filter:drop-shadow(0 0 10px #DCE4EB77)}
.room-orbit{position:absolute;width:min(13vw,190px);height:min(13vw,190px);border:3px solid var(--silver);border-right-color:transparent;border-radius:50%;transform:rotate(-18deg)}
.room-logo strong{font:700 clamp(42px,5vw,82px)/.9 "Cabinet Grotesk",Arial,sans-serif;letter-spacing:-.085em;color:var(--silver)}
.room-logo>span:last-child{font-size:clamp(7px,.8vw,13px);letter-spacing:.19em;color:var(--silver);margin-top:8px}
.boardroom-invite{display:grid;grid-template-columns:1fr .72fr;gap:8%;max-width:1480px;margin:auto;padding:105px 6% 120px}
.invite-copy .eyebrow{color:#556675}
.boardroom-invite h2{font-size:clamp(49px,5vw,78px);line-height:1.01;letter-spacing:-.06em;margin:25px 0 24px}
.boardroom-invite h2 em{color:#526778}
.invite-copy>p:last-child{max-width:500px;color:#4B5A66;font-size:18px;line-height:1.65}
.intro-form{align-self:center;padding:37px;background:#E9EDF0;border:1px solid #CBD4DA}
.form-row{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}
.form-row label{font-size:10px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:#384654}
.form-row input{width:100%;min-height:50px;padding:14px 15px;border:1px solid #B9C4CC;border-radius:0;background:#F7F8F8;color:var(--charcoal);font-size:15px}
.form-row input::placeholder{color:#7A8790}
.intro-form button{width:100%;min-height:54px;margin-top:4px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 19px;border:1px solid var(--charcoal);background:var(--charcoal);color:var(--white);font-size:13px;font-weight:600;cursor:pointer}
.intro-form button:hover{background:var(--slate)}
.intro-form button span{font-size:19px}
.form-note{font-size:11px;line-height:1.55;color:#586773;margin-top:15px}
.form-note a{text-decoration:underline;text-underline-offset:3px}
footer{padding:42px 6%;background:var(--charcoal);color:var(--silver);display:flex;align-items:center;justify-content:space-between;gap:24px}
footer p,footer>span{font-size:10px;letter-spacing:.1em;color:#B8C5CE}
@media(max-width:1100px){.site-header nav{gap:18px}.entrance-copy{width:min(850px,88%)}.studio-copy{padding:75px 7%}.boardroom-scene{min-height:500px}.room-logo{right:2%}.boardroom-invite{gap:5%}}
@media(max-width:760px){html{scroll-padding-top:60px}.site-header{padding:15px 5%;gap:15px}.header-brand strong{font-size:36px}.header-brand span{font-size:7px}.site-header nav{display:none}.header-action{margin-left:auto;gap:15px;font-size:11px;padding:9px 11px}.entrance{min-height:100svh}.entrance-image{background-position:50% center}.entrance-vignette{background:linear-gradient(0deg,#11161BF5 0%,#11161BB9 42%,#11161B35 100%)}.entrance-copy{padding:145px 7% 94px;width:100%}.entrance h1{font-size:clamp(52px,11.5vw,80px);margin:22px 0}.entrance-copy .eyebrow{font-size:8px;gap:7px}.eyebrow-line{display:none}.entrance-copy>p:not(.eyebrow){font-size:17px}.entrance-link{margin-top:25px}.entrance-rail{left:7%;right:7%;bottom:22px;justify-content:space-between;font-size:8px}.gallery-stage{display:flex;flex-direction:column;gap:18px;padding:130px 7% 90px}.gallery-top{top:90px}.gallery-rule{top:117px}.gallery-bottom{font-size:8px}.glass-card,.glass-card:nth-of-type(even){width:100%;min-height:300px;align-self:auto}.glass-letter{font-size:82px;margin:24px 0 12px}.glass-card h2{font-size:40px}.js-enabled .gallery{height:550vh}.js-enabled .glass-card{width:86%;min-height:300px;top:54%;left:7%;right:auto}.studio{display:block}.studio-image{height:480px;min-height:0}.studio-image img{object-position:center 40%}.studio-copy{padding:75px 7% 80px}.studio h2{font-size:clamp(48px,10vw,68px)}.boardroom-scene{min-height:0;aspect-ratio:auto;overflow:visible;background:var(--charcoal)}.boardroom-image{position:relative;height:57vw;min-height:260px;background-position:center}.partner-wall{position:relative;top:auto;left:auto;width:100%;height:auto;padding:22px 6% 28px;background:#202A34;filter:none;gap:17px}.partner-mark b{font-size:36px}.partner-mark small{font-size:7px}.room-logo{top:15vw;right:3%;width:25%;height:22vw}.room-orbit{width:19vw;height:19vw;border-width:2px}.room-logo strong{font-size:8vw}.room-logo>span:last-child{font-size:5px}.boardroom-invite{display:block;padding:75px 7% 90px}.boardroom-invite h2{font-size:clamp(50px,10vw,72px)}.intro-form{margin-top:40px}footer{padding:35px 7%;flex-wrap:wrap}footer p{display:none}}
@media(max-width:440px){.entrance h1{font-size:12vw}.entrance-copy{padding-top:140px}.gallery-top{font-size:8px}.glass-card{padding:23px}.glass-card h2{font-size:34px}.glass-card>p{font-size:12px}.partner-marks{gap:3px}.partner-mark b{font-size:30px}.partner-mark small{font-size:5px}.studio-image{height:380px}.studio-steps{font-size:8px}.intro-form{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-enabled .gallery{height:auto}.js-enabled .gallery-stage{position:relative;height:auto;min-height:100svh;display:flex;flex-direction:column;gap:20px}.js-enabled .glass-card{position:relative;top:auto;left:auto;right:auto;width:100%;opacity:1!important;transform:none!important;pointer-events:auto}.js-enabled .gallery-image{transform:none!important}}
@media(max-width:760px){.glass-panel,.glass-panel:nth-of-type(even){width:100%;align-self:auto}.js-enabled .glass-panel{width:88%;top:54%;left:6%;right:auto}.website-caption{padding:10px 12px 9px}.website-caption strong{font-size:23px}.website-caption>span:first-child,.website-caption .visit{font-size:8px}}
@media(max-width:440px){.glass-website{padding:5px}.website-caption{gap:5px 8px}.website-caption strong{font-size:20px}.website-caption .visit{font-size:7px}}
@media(prefers-reduced-motion:reduce){.js-enabled .glass-panel{position:relative;top:auto;left:auto;right:auto;width:100%;opacity:1!important;transform:none!important;pointer-events:auto}}
.gallery-image{z-index:0}
.glass-projection{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;filter:saturate(.95) contrast(1.06);transform-origin:center center}
.gallery-shade{z-index:2;pointer-events:none;background:linear-gradient(0deg,#11161BAC,transparent 23%),linear-gradient(90deg,#11161B35,transparent 28%,transparent 72%,#11161B35)}
.gallery-top,.gallery-rule,.gallery-bottom,.gallery-live-labels{z-index:3}
.gallery-live-labels{position:absolute;left:7%;right:7%;bottom:83px;display:flex;align-items:end;justify-content:space-between;gap:25px}
.gallery-live-labels a{display:inline-flex;align-items:center;gap:15px;max-width:42%;padding-bottom:8px;border-bottom:1px solid #DCE4EB8A;font:600 clamp(16px,1.7vw,25px)/1.1 "Cabinet Grotesk",Arial,sans-serif;text-shadow:0 2px 12px #000D}
.gallery-live-labels a:last-child{text-align:right}
.gallery-live-labels a:hover{color:#DCE4EB}
.gallery-live-labels a[hidden]{display:none}
.js-enabled .gallery{height:430vh}
.js-enabled .glass-panel{display:none}
@media(max-width:760px){.gallery-image,.entrance-image{background-image:url("assets/glass-corridor-mobile.png")}.gallery-live-labels{left:6%;right:6%;bottom:78px;gap:10px}.gallery-live-labels a{font-size:13px;max-width:46%;gap:5px}.gallery-top{font-size:8px}.js-enabled .gallery{height:460vh}}
@media(prefers-reduced-motion:reduce){.js-enabled .gallery{height:auto}.js-enabled .gallery-stage{position:relative;height:auto;display:flex;flex-direction:column;padding-top:135px}.js-enabled .glass-panel{display:block;position:relative;top:auto;left:auto;right:auto;width:100%;opacity:1!important;transform:none!important;pointer-events:auto}.glass-projection,.gallery-live-labels{display:none}.gallery-image{transform:none!important}}
@media(prefers-reduced-motion:reduce){.js-enabled .gallery{height:430vh}.js-enabled .gallery-stage{position:sticky;top:0;height:100svh;display:block;padding:115px 7% 100px}.js-enabled .glass-panel{display:none}.glass-projection,.gallery-live-labels{display:flex}.glass-projection{display:block}.gallery-image{transform:none!important}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.js-enabled .gallery{height:460vh}}
@media(max-width:760px){.boardroom-image{background-image:url("assets/boardroom-logo-centered.png")}.room-logo{display:none}}

/* Reception entrance and Kosar orange accents. The glass hallway begins on the next scroll scene. */
:root{--orange:#F36B21}
::selection{background:var(--orange);color:var(--charcoal)}
.entrance-image{background-image:url("assets/reception-desktop.webp")}
.entrance-vignette{background:linear-gradient(90deg,#11161BEF 0%,#11161BD4 21%,#11161B80 39%,#11161B08 69%),linear-gradient(0deg,#11161B99,transparent 34%)}
.eyebrow-line{background:var(--orange)}
.entrance h1 em{color:var(--orange)}
.entrance-link{border-color:var(--orange)}
.entrance-link span,.header-action span{color:var(--orange)}
.site-header nav a:hover,.header-action:hover,.text-link:hover,.entrance-link:hover,.gallery-live-labels a:hover{color:var(--orange)}
.header-action{border-color:#F36B2180}
.gallery-rule span{background:var(--orange)}
.boardroom-invite h2 em{color:#C94E0D}
.intro-form button{background:var(--orange);border-color:var(--orange);color:var(--charcoal)}
.intro-form button:hover{background:#FF863E;border-color:#FF863E}
@media(max-width:760px){
  .entrance{display:block;min-height:0;overflow:visible;background:var(--charcoal)}
  .entrance-image{position:relative;inset:auto;z-index:0;height:68svh;min-height:470px;background-image:url("assets/reception-mobile.webp");background-position:center 60%;background-size:cover;transform:none}
  .entrance-vignette{display:none}
  .entrance-copy{width:100%;padding:43px 7% 100px;background:var(--charcoal)}
  .entrance h1{font-size:clamp(52px,11.5vw,80px);margin:22px 0}
  .entrance-rail{bottom:24px}
}
@media(max-width:440px){.entrance-copy{padding-top:38px}.entrance-image{min-height:440px}}

/* The studio sign anchors the back wall; ventures become a framed art collection. */
.boardroom-image{background-image:url("assets/boardroom-logo-centered.png")}
.partner-mark b{display:grid;place-items:center;position:relative;width:50px;height:50px;border:2px solid #C6D0D8;background:radial-gradient(circle at 28% 24%,color-mix(in srgb,var(--partner-color) 38%,transparent),transparent 55%),linear-gradient(135deg,#29343D,#0B1117 72%);box-shadow:0 7px 14px #000B,inset 0 0 0 3px #111A22,inset 0 0 0 4px #DCE4EB88,0 0 13px color-mix(in srgb,var(--partner-color) 22%,transparent);text-shadow:0 0 13px color-mix(in srgb,var(--partner-color) 70%,transparent)}
.partner-mark small{text-shadow:0 1px 4px #000B}
@media(min-width:761px){
  .partner-wall{top:24%;left:auto;right:2.3%;width:18.5%;height:auto;align-items:stretch;justify-content:flex-start;gap:11px;padding:8px 4px 10px 15px;border-left:1px solid #DCE4EB55;transform:perspective(380px) rotateY(-50deg) scaleX(1.25);transform-origin:center center;backface-visibility:hidden}
  .wall-label{font-size:clamp(7px,.62vw,10px);letter-spacing:.16em;white-space:nowrap}
  .partner-marks{display:flex;flex-direction:column;gap:clamp(5px,.55vw,8px)}
  .partner-mark{min-height:clamp(44px,3.7vw,55px);flex-direction:row;justify-content:flex-start;gap:10px;text-align:left}
  .partner-mark b{flex:0 0 clamp(44px,3.7vw,55px);width:clamp(44px,3.7vw,55px);height:clamp(44px,3.7vw,55px);font-size:clamp(28px,2.7vw,40px)}
  .partner-mark small{padding-left:8px;border-left:1px solid color-mix(in srgb,var(--partner-color) 75%,#DCE4EB);font-size:clamp(6px,.61vw,9px);letter-spacing:.09em}
}
@media(max-width:760px){.partner-wall{background:linear-gradient(135deg,#1A252E,#273542)}.partner-mark b{width:54px;height:54px;font-size:34px}}
@media(max-width:440px){.partner-mark b{width:45px;height:45px;font-size:29px}}