/* Vinum Afiléon venture page: black, a burgundy haze at the centre, gold serif type (palette taken from the Vinum Afiléon logo) */
:root{--v-black:#030102;--v-wine:#7d1230;--v-wine-deep:#3b0614;--v-gold:#e1ad30;--v-gold-soft:#c9a45a;--v-bone:#eadfce;--v-muted:#a99a8a;--v-line:rgba(225,173,48,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.vinum{margin:0;background:var(--v-black);color:var(--v-bone);font:19px/1.85 'Cormorant Garamond','Cormorant',Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.vinum img{max-width:100%;display:block}
.vinum a{color:inherit;text-decoration:none}
.vinum :focus-visible{outline:2px solid var(--v-gold);outline-offset:4px}
.vinum .skip{position:absolute;left:10px;top:-60px;background:#fff;color:#000;padding:12px;z-index:999}
.vinum .skip:focus{top:10px}

/* the haze: fixed, centred, slowly breathing */
.haze,.haze:before,.haze:after,.vignette,.grain{position:fixed;inset:0;pointer-events:none}
.haze{z-index:0;background:radial-gradient(ellipse 58% 48% at 50% 44%,rgba(138,20,48,.68) 0%,rgba(96,12,34,.42) 36%,rgba(46,5,17,.18) 62%,transparent 80%);filter:blur(28px);animation:breathe 15s ease-in-out infinite}
.haze:before{content:"";background:radial-gradient(ellipse 30% 26% at 46% 52%,rgba(190,40,70,.32),transparent 70%);animation:drift 22s ease-in-out infinite alternate}
.haze:after{content:"";background:radial-gradient(ellipse 26% 22% at 56% 40%,rgba(110,14,36,.5),transparent 72%);animation:drift 28s ease-in-out infinite alternate-reverse}
.vignette{z-index:1;background:radial-gradient(ellipse at 50% 45%,transparent 38%,rgba(0,0,0,.72) 100%)}
.grain{z-index:2;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@keyframes breathe{0%,100%{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
@keyframes drift{from{transform:translate(-4%,2%) scale(1)}to{transform:translate(5%,-3%) scale(1.12)}}
.vstrip,.vhead,main,.vfoot{position:relative;z-index:3}

/* group bar and header */
.vstrip{border-bottom:1px solid var(--v-line);background:rgba(3,1,2,.85);font:600 11px/1 -apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.vstrip-in{max-width:1180px;margin:0 auto;padding:10px 24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
.vstrip nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--v-muted)}
.vstrip strong{color:var(--v-gold)}
.vstrip a{color:var(--v-muted)}.vstrip a:hover,.vstrip a:focus-visible{color:var(--v-gold)}
.vstrip .vstrip-links{display:flex;gap:18px}
.vhead{padding:26px 24px 0;text-align:center}
.vhead .vlogo{display:inline-block}
.vhead .vlogo img{width:92px;height:auto;margin:0 auto;filter:drop-shadow(0 0 22px rgba(225,173,48,.25))}
.vnav{margin:20px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 30px;font:600 12px/1 -apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.vnav>a,.vnav summary{color:var(--v-bone);opacity:.82;padding:10px 0;cursor:pointer;list-style:none;border-bottom:1px solid transparent;transition:opacity .2s,border-color .2s,color .2s}
.vnav>a:hover,.vnav summary:hover,.vnav details[open] summary{opacity:1;color:var(--v-gold);border-color:var(--v-gold)}
.vnav summary::-webkit-details-marker{display:none}
.vnav summary:after{content:" ▾";font-size:.8em}
.vnav details{position:relative}
.vnav .vdrop{position:absolute;left:50%;transform:translateX(-50%);top:100%;min-width:230px;background:rgba(8,2,4,.97);border:1px solid var(--v-line);padding:8px 0;text-align:left;z-index:20;box-shadow:0 18px 50px rgba(0,0,0,.7)}
.vnav .vdrop a{display:block;padding:13px 20px;color:var(--v-bone);opacity:.85}
.vnav .vdrop a:hover,.vnav .vdrop a:focus-visible{color:var(--v-gold);opacity:1;background:rgba(125,18,48,.25)}
.vnav .vdrop hr{border:0;border-top:1px solid var(--v-line);margin:6px 0}
.vnav .vvisit{color:var(--v-gold);opacity:1;border:1px solid var(--v-gold);padding:10px 16px}
.vnav .vvisit:hover{background:var(--v-gold);color:#000}

/* layout */
.vwrap{max-width:820px;margin:0 auto;padding:0 24px;text-align:center}
.vwide{max-width:1120px;margin:0 auto;padding:0 24px}
.vsec{padding:110px 0}
.vlabel{font:600 12px/1.5 -apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:var(--v-gold)}
.vh2{font-weight:500;font-size:clamp(34px,5.6vw,60px);line-height:1.1;letter-spacing:.01em;margin:16px 0 26px;color:#f4ead9}
.vh2 em,.vh1 em{font-style:italic;color:var(--v-gold)}
.vp{color:#d7c9b6;font-size:clamp(18px,2vw,21px);max-width:660px;margin:0 auto 20px}
.orn{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto;max-width:420px;color:var(--v-gold)}
.orn:before,.orn:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--v-line))}
.orn:after{background:linear-gradient(270deg,transparent,var(--v-line))}
.orn i{width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--v-gold)}
.vbtn{display:inline-block;font:600 12px/1 -apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;padding:18px 28px;border:1px solid var(--v-gold);color:var(--v-gold);background:rgba(3,1,2,.35);transition:background .25s,color .25s,box-shadow .25s}
.vbtn:hover,.vbtn:focus-visible{background:var(--v-gold);color:#0a0204;box-shadow:0 0 40px rgba(225,173,48,.3)}
.vbtn.solid{background:var(--v-gold);color:#0a0204}
.vbtn.solid:hover{background:#f0c25a}
.vactions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:34px}

/* hero */
.vhero{min-height:calc(100vh - 220px);display:flex;align-items:center;padding:70px 0 90px}
.vh1{font-weight:500;font-size:clamp(52px,10.5vw,132px);line-height:.98;letter-spacing:.015em;margin:22px 0 28px;color:#f7ecd9;text-shadow:0 0 70px rgba(138,20,48,.7)}
.vmotto{font-style:italic;font-size:clamp(20px,2.6vw,28px);color:var(--v-gold);letter-spacing:.06em;margin:34px 0 0}
.vsub{font-size:clamp(19px,2.3vw,24px);color:#e2d4bf;max-width:640px;margin:0 auto}

/* pillars and panels */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px;text-align:center}
.vgrid.two{grid-template-columns:repeat(2,1fr)}
.vcard{padding:40px 30px;border:1px solid var(--v-line);background:rgba(10,2,5,.62);backdrop-filter:blur(4px);position:relative}
.vcard:before{content:"";position:absolute;left:50%;top:-1px;width:54px;height:2px;background:var(--v-gold);transform:translateX(-50%)}
.vcard h3{font-weight:500;font-size:26px;margin:14px 0 12px;color:#f4ead9;letter-spacing:.02em}
.vcard p{margin:0;font-size:18px;color:#cdbfac;line-height:1.75}
.vnum{font:600 11px/1 -apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:.3em;color:var(--v-gold-soft)}
.vicon{width:62px;height:76px;margin:0 auto 6px;stroke:var(--v-gold);fill:none;stroke-width:1.2}
.seal{width:70px;height:70px;border-radius:50%;margin:3px auto 12px;background:radial-gradient(circle at 35% 30%,#b3203f,#6d0e25 60%,#42071a);box-shadow:inset 0 0 0 5px rgba(255,255,255,.05),inset 0 -6px 12px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;font-style:italic;font-size:30px;color:rgba(255,220,170,.85)}
.vquote{margin:48px auto 0;max-width:700px;font-size:clamp(23px,3.2vw,34px);line-height:1.45;font-style:italic;color:#f1e4cd}
.vquote small{display:block;margin-top:16px;font:600 12px/1 -apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase;font-style:normal;color:var(--v-gold)}
.vmottobig{font-style:italic;font-size:clamp(30px,5.4vw,60px);line-height:1.2;color:var(--v-gold);margin:30px 0 8px;text-shadow:0 0 60px rgba(138,20,48,.8)}
.vpanel{border:1px solid var(--v-line);background:rgba(8,2,4,.7);padding:46px 40px;margin-top:50px;text-align:center}
.vpanel p{max-width:700px;margin:0 auto 14px;font-size:18px;color:#cdbfac}
.vfine{font:13px/1.8 -apple-system,'Segoe UI',Arial,sans-serif;color:var(--v-muted);max-width:720px;margin:26px auto 0}

/* footer */
.vfoot{border-top:1px solid var(--v-line);background:rgba(3,1,2,.88);padding:60px 24px 44px;text-align:center}
.vfoot img{width:78px;margin:0 auto 18px}
.vfoot nav{display:flex;justify-content:center;gap:10px 30px;flex-wrap:wrap;margin:22px 0;font:600 12px/1 -apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.vfoot nav a{color:var(--v-bone);opacity:.8}.vfoot nav a:hover{color:var(--v-gold);opacity:1}
.vfoot p{font:13px/1.8 -apple-system,'Segoe UI',Arial,sans-serif;color:var(--v-muted);max-width:760px;margin:8px auto}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}
.reveal.in{opacity:1;transform:none}
@media(max-width:860px){.vgrid,.vgrid.two{grid-template-columns:1fr}.vsec{padding:80px 0}.vpanel{padding:34px 22px}.vnav{gap:4px 20px;font-size:11px}.vstrip .vstrip-links a:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.haze,.haze:before,.haze:after{animation:none}.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}