:root{--bg:#05080b;--ink:#f6efe1;--muted:#b4b0a6;--gold:#d9ae57;--gold2:#f5d58f;--line:rgba(233,193,103,.22);--glass:rgba(4,8,12,.66);--panel:rgba(7,11,15,.88);--shadow:0 24px 80px rgba(0,0,0,.52);--max:1500px}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#05080b;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:radial-gradient(circle at 12% 0%,rgba(218,173,87,.06),transparent 26%),radial-gradient(circle at 92% 18%,rgba(218,173,87,.05),transparent 24%)}
.ambient{position:fixed;border-radius:50%;filter:blur(55px);pointer-events:none;opacity:.25;z-index:0}.ambient-a{width:280px;height:280px;top:10%;left:-110px;background:#a16f24}.ambient-b{width:260px;height:260px;bottom:8%;right:-100px;background:#3b1f08}
.topbar{position:fixed;top:0;left:0;right:0;height:76px;z-index:80;display:flex;align-items:center;padding:0 28px 0 26px;background:linear-gradient(180deg,rgba(2,5,8,.97),rgba(4,8,11,.88));border-bottom:1px solid rgba(239,196,100,.18);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:13px;min-width:320px}.brand-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#080b0e;border:1px solid rgba(228,186,94,.6);box-shadow:0 0 24px rgba(221,174,81,.1)}.brand-mark img{width:49px;height:49px;object-fit:cover;border-radius:50%}.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type b{font:600 29px/1 "Cormorant Garamond",serif;letter-spacing:.16em;color:#efcf8a}.brand-type small{font-size:10px;letter-spacing:.46em;color:#f7e7c4;margin:7px 0 0 2px}
.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1}.desktop-nav>a,.nav-admin{position:relative;height:46px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#ddd5c6;font-size:13px;letter-spacing:.01em;transition:.25s ease}.desktop-nav>a:hover,.desktop-nav>a.active{color:#f4d18a}.desktop-nav>a.active:after,.desktop-nav>a:hover:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.nav-icon{color:var(--gold2);font-size:16px}.nav-admin{border:1px solid rgba(234,192,104,.72);border-radius:999px;margin-left:8px;padding:0 20px;color:#f6ddb0;box-shadow:inset 0 0 20px rgba(218,177,97,.05)}.nav-admin:hover{background:rgba(222,174,82,.09);transform:translateY(-1px)}
.menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid rgba(238,201,122,.25);border-radius:12px;width:44px;height:44px}.menu-btn i{display:block;height:2px;width:20px;background:#f4d69b;margin:4px auto}.mobile-panel{display:none}
.hero{min-height:100vh;height:max(900px,100vh);position:relative;display:grid;grid-template-columns:minmax(560px,1fr) minmax(430px,38vw);gap:34px;align-items:center;padding:104px 48px 92px;overflow:hidden;isolation:isolate}
.hero-photo{position:absolute;inset:0;background:url('./assets/hero-tulunad.webp') center center/cover no-repeat;z-index:-5;transform:scale(1.035);filter:saturate(1.08) contrast(1.07)}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,7,.70) 0%,rgba(3,5,8,.42) 35%,rgba(3,5,8,.18) 62%,rgba(3,5,8,.73) 100%),linear-gradient(180deg,rgba(2,4,7,.60) 0%,rgba(2,4,7,.08) 34%,rgba(2,5,8,.10) 70%,rgba(2,5,8,.84) 100%);z-index:-4}
.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 47% 34%,rgba(247,183,60,.14),transparent 27%),radial-gradient(circle at 88% 30%,rgba(247,183,60,.08),transparent 20%),radial-gradient(circle at 10% 78%,rgba(7,24,25,.25),transparent 28%);z-index:-3}
.hero-grid-line{position:absolute;top:100px;bottom:70px;width:1px;background:linear-gradient(transparent,rgba(239,199,111,.2),transparent);opacity:.55}.line-a{left:59%}.line-b{right:38%}
.hero-main{max-width:820px;justify-self:center;text-align:center;padding:22px 24px 0;position:relative}

.hero-logo{width:166px;height:166px;border-radius:50%;object-fit:contain;background:rgba(3,7,10,.16);margin:0 auto 18px;border:2px solid rgba(241,204,125,.82);box-shadow:0 0 0 9px rgba(7,10,13,.30),0 0 0 10px rgba(221,174,83,.11),0 20px 54px rgba(0,0,0,.34)}
.brand-lockup h1{margin:0;color:#f5d58f;font:700 clamp(64px,7.3vw,112px)/.82 "DM Serif Display",serif;letter-spacing:.07em;text-shadow:0 5px 26px rgba(0,0,0,.32)}
.lockup-line{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:15px}.lockup-line i{width:88px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.lockup-line i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.lockup-line span{font:600 19px/1 "Space Grotesk",sans-serif;letter-spacing:.48em;color:#f6e8ca;padding-left:.48em}
.slogan{font-family:"Noto Serif Kannada",serif;font-weight:700;font-size:24px;color:#f6cf84;margin:22px 0 7px;text-shadow:0 3px 20px rgba(0,0,0,.45)}.slogan span{font-size:22px}
.gold-quote{font:600 31px/1.05 "Cormorant Garamond",serif;color:#f4efe4;margin-top:6px}.gold-quote span{display:block}.gold-quote strong{display:block;color:var(--gold2);font-size:36px;font-style:italic;margin-top:2px}
.social-row{min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 15px;flex-wrap:wrap}.social-row a{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:rgba(2,6,8,.2);border:1px solid rgba(235,194,104,.20);transition:.25s ease}.social-row a img{width:31px;height:31px;display:block;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.32));transition:.25s ease}.social-row a:hover{transform:translateY(-3px) scale(1.06);border-color:rgba(236,194,107,.56);background:rgba(236,194,107,.08)}
.president-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0 21px}.president-wrap>span{width:92px;height:1px;background:linear-gradient(90deg,transparent,rgba(236,195,108,.82))}.president-wrap>span:last-child{background:linear-gradient(90deg,rgba(236,195,108,.82),transparent)}.president-wrap div{display:flex;flex-direction:column}.president-wrap b{font:600 15px/1 "Space Grotesk",sans-serif;letter-spacing:.20em;color:#f0c97b}.president-wrap small{font:500 9px/1.4 "Space Grotesk",sans-serif;letter-spacing:.13em;color:#e4d9c7;margin-top:5px}
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(238,195,108,.52);font:700 10px/1 "Space Grotesk",sans-serif;letter-spacing:.12em;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn.gold{background:linear-gradient(180deg,#e6ba61,#c9963d);color:#0b0e11;box-shadow:0 12px 30px rgba(150,100,25,.18)}.btn.glass{background:rgba(3,8,11,.30);color:#f0d9ab;backdrop-filter:blur(8px)}
.culture-panel{justify-self:end;width:100%;max-width:520px;min-height:510px;padding:22px 8px 22px 26px;position:relative;display:flex;flex-direction:column;justify-content:center}.culture-overline{margin-left:8px}.culture-overline span{display:block;font:500 11px/1 "Space Grotesk",sans-serif;letter-spacing:.30em;color:#dfc999}.culture-overline em{display:block;margin-top:4px;font:italic 600 42px/1 "Cormorant Garamond",serif;color:#f4cf86;letter-spacing:.02em}.culture-copy{max-width:360px;margin:12px 8px 20px;color:#d0c7ba;font:400 11px/1.7 "Space Grotesk",sans-serif}
.culture-orbs{display:flex;justify-content:flex-start;align-items:flex-end;gap:12px;position:relative;padding:7px 5px 2px}.culture-orb{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;transition:.28s ease}.culture-orb:hover{transform:translateY(-6px)}.orb-image{display:block;width:142px;height:142px;border-radius:50%;overflow:hidden;position:relative;border:2px solid rgba(236,193,105,.76);box-shadow:0 0 0 7px rgba(4,8,11,.56),0 0 0 8px rgba(236,193,105,.16),0 18px 35px rgba(0,0,0,.35)}.orb-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;filter:saturate(1.06) contrast(1.03)}.culture-orb:hover .orb-image img{transform:scale(1.07)}.orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(250,220,151,.20);pointer-events:none}.orb-caption{text-align:center;min-height:38px}.orb-caption b{display:block;color:#f3d49a;font:600 10px/1.15 "Space Grotesk",sans-serif;letter-spacing:.10em}.orb-caption small{display:block;margin-top:4px;color:#aba499;font:500 9px/1.2 "Space Grotesk",sans-serif}.orb-dharma .orb-image{width:150px;height:150px}.orb-aati{margin-bottom:11px}.orb-aati .orb-image{width:132px;height:132px}.orb-yak .orb-image{width:142px;height:142px}.culture-rule{width:88%;height:1px;margin:17px 8px 10px;background:linear-gradient(90deg,var(--gold),transparent)}.culture-foot{display:flex;justify-content:space-between;gap:15px;margin:0 8px;color:#cab58e;font:600 8px/1 "Space Grotesk",sans-serif;letter-spacing:.16em}.culture-foot span:last-child{color:#dfc487}
.hero-bottom{position:absolute;left:48px;right:48px;bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:15px;pointer-events:none}.bottom-rail{display:flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid rgba(233,193,103,.30);border-radius:999px;background:rgba(3,7,10,.28);backdrop-filter:blur(9px);font:500 9px/1 "Space Grotesk",sans-serif;letter-spacing:.08em;pointer-events:auto}.bottom-rail span{color:var(--gold2)}.bottom-rail b{color:#e4d8c3}.bottom-rail i{width:1px;height:12px;background:rgba(233,193,103,.34)}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:5px;color:#e6d5b4;font:500 8px/1 "Space Grotesk",sans-serif;letter-spacing:.16em;pointer-events:auto}.scroll-icon{width:24px;height:31px;border:1px solid rgba(238,199,115,.68);border-radius:15px;display:grid;place-items:center;font-size:7px}.scroll-cue .arrow{font-size:19px;line-height:.55}.hashtag{font:italic 600 20px/1 "Cormorant Garamond",serif;color:#f0cf88;pointer-events:none}.hashtag em{font-weight:500}
.section{position:relative;max-width:var(--max);margin:0 auto;padding:110px 36px;min-height:620px;background:radial-gradient(circle at 10% 12%,rgba(221,174,84,.06),transparent 24%),radial-gradient(circle at 92% 78%,rgba(221,174,84,.045),transparent 26%),linear-gradient(180deg,#071017 0%,#060a0e 55%,#05080b 100%);overflow:hidden}.section:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(225,185,96,.035) 50%,transparent 100%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 18%,transparent 82%,rgba(0,0,0,.12));z-index:0}.section>*{position:relative;z-index:1}.section:before{content:"";position:absolute;top:0;left:36px;right:36px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,198,112,.2),transparent)}.glimpse-section{background:radial-gradient(circle at 80% 20%,rgba(176,127,47,.10),transparent 24%),radial-gradient(circle at 20% 75%,rgba(30,76,69,.07),transparent 26%),linear-gradient(180deg,#081117,#060b0f)}.section-kicker{font-size:10px;letter-spacing:.25em;color:#d4ba85;text-transform:uppercase}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:15px 0 30px}.section-head h2{margin:0;font:600 clamp(42px,5vw,68px)/.95 "Cormorant Garamond",serif;letter-spacing:.02em}.section-head h2 span{color:var(--gold2)}.section-head p{max-width:390px;color:#a9a69e;line-height:1.7;font-size:13px}.glimpse-grid{display:grid;grid-template-columns:2.1fr 1fr 1fr;grid-template-rows:310px 250px;gap:13px}.glimpse-feature{grid-row:1/3;position:relative;margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(237,192,104,.18)}.glimpse-feature img,.glimpse-card img{width:100%;height:100%;object-fit:cover;display:block}.glimpse-feature:after,.glimpse-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.76))}.glimpse-feature figcaption,.glimpse-card figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;display:flex;flex-direction:column;gap:4px}.glimpse-feature b,.glimpse-card b{color:#f3d28e;font-size:12px;letter-spacing:.16em}.glimpse-feature span,.glimpse-card span{color:#ece5d6;font-size:10px}.glimpse-feature .photo-credit{font-size:7px;letter-spacing:.05em;color:rgba(236,229,214,.68);margin-top:1px}.glimpse-card{position:relative;margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(237,192,104,.18)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.leader-card{border:1px solid rgba(237,192,104,.16);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#0b1116,#080c10);box-shadow:0 16px 40px rgba(0,0,0,.24)}.leader-photo{aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:#11161a}.leader-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{font-size:54px;color:rgba(237,194,105,.33)}.leader-info{padding:16px 18px 20px}.leader-info strong{display:block;color:#f0ce8b;font:600 26px/1 "Cormorant Garamond",serif}.leader-info small{display:block;margin-top:7px;color:#ddd0bb;font-size:10px;letter-spacing:.14em}.leader-info .micro{margin-top:11px;color:#8f9798;font-size:9px;letter-spacing:.08em}
.dark-band{background:radial-gradient(circle at 75% 18%,rgba(219,171,81,.06),transparent 25%),linear-gradient(180deg,#070c11,#05080b)}.section-head.tight{align-items:center}.section-head.tight h2{font-size:50px}.section-head.tight p{margin:10px 0 0;max-width:none}.counter{font:600 52px "Cormorant Garamond",serif;color:#cda55a}.link-btn{background:transparent;border:0;color:#e8c77e;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:10px 0}.link-btn:hover{color:#fff0cd}.updates-list{display:grid;gap:10px}.update-card{display:grid;grid-template-columns:150px 1fr 8px;align-items:center;gap:18px;padding:17px 18px;border:1px solid rgba(238,192,105,.16);border-radius:16px;background:rgba(255,255,255,.015)}.update-card time{color:#d7b46e;font-size:10px;letter-spacing:.14em}.update-card h3{margin:0;color:#ede5d6;font-size:18px}.update-card p{margin:6px 0 0;color:#9ea2a0;font-size:12px;line-height:1.6}.update-card>span{width:5px;height:42px;background:var(--gold);border-radius:5px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-card{margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(238,194,105,.14);background:#0a0f13}.gallery-card img{width:100%;height:300px;object-fit:cover;display:block}.gallery-card figcaption{padding:13px 15px;color:#d7c5a4;font-size:11px}.join-section{padding-top:80px;padding-bottom:120px;min-height:520px}.join-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border:1px solid rgba(237,194,105,.23);border-radius:26px;background:radial-gradient(circle at 90% 20%,rgba(221,175,84,.09),transparent 25%),linear-gradient(110deg,#0a1014,#0b1218);box-shadow:var(--shadow)}.join-card h2{font:600 46px "Cormorant Garamond",serif;margin:7px 0 4px}.join-card p{max-width:700px;color:#a8aaa6;font-size:13px;line-height:1.7;margin:0}.join-mini{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.join-mini span{font-size:9px;letter-spacing:.1em;color:#d7c4a2;border:1px solid rgba(237,195,108,.14);border-radius:99px;padding:8px 10px}
.footer{background:#040609;border-top:1px solid rgba(237,193,104,.14);padding:28px 36px}.footer-main{display:flex;align-items:center;gap:20px;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:45px;height:45px;border-radius:50%;border:1px solid rgba(236,193,105,.45)}.footer-brand strong{display:block;font:600 24px "Cormorant Garamond",serif;letter-spacing:.06em;color:#ead09c}.footer-brand span{display:block;margin-top:4px;color:#8f948f;font-size:9px;letter-spacing:.16em}.footer-social{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.footer-social a{font-size:10px;color:#cbbd9e;border:1px solid rgba(237,195,106,.2);border-radius:999px;padding:8px 11px}.footer-message{border-top:1px solid rgba(237,195,106,.09);border-bottom:1px solid rgba(237,195,106,.09);padding:20px 0;margin:22px 0;color:#a7a8a4}.footer-message strong{font-family:"Noto Serif Kannada",serif;color:#dbc58e}.footer-message p{margin:8px 0;font-size:11px;line-height:1.75;max-width:1000px}.footer-message span{font-size:11px;color:#d3c19c}.footer-bottom{display:flex;justify-content:space-between;color:#737977;font-size:9px;letter-spacing:.1em}
.reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);transition-delay:var(--yyc-stagger-delay,0ms);will-change:opacity,transform}
.reveal.visible{opacity:1;transform:none}
.modal{position:fixed;inset:0;z-index:200;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.modal-shell{position:relative;margin:5vh auto;width:min(980px,94vw);max-height:90vh;overflow:auto;background:linear-gradient(180deg,#0b1117,#080c10);border:1px solid rgba(238,194,106,.24);border-radius:24px;box-shadow:0 40px 120px rgba(0,0,0,.62);padding:30px}.modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);color:#d9c9ae;font-size:25px}.modal-title{font:600 46px "Cormorant Garamond",serif;margin:0 0 5px;color:#efd18e}.modal-sub{color:#959c99;font-size:12px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#b7ab98}.field input,.field textarea{width:100%;padding:12px 13px;border:1px solid rgba(239,194,104,.14);background:#0a0f13;color:#f4eee3;border-radius:12px;outline:0}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus{border-color:rgba(239,194,104,.55);box-shadow:0 0 0 3px rgba(239,194,104,.06)}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.security{color:#737b78;font-size:10px;line-height:1.5}.login-wrap{text-align:center;max-width:520px;margin:auto}.login-wrap .modal-sub{max-width:420px;margin:0 auto 20px}.admin-shell{display:grid;grid-template-columns:190px 1fr;min-height:600px}.admin-side{border-right:1px solid rgba(239,195,107,.12);padding:8px 12px 8px 0}.admin-side button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#aaa69d;padding:11px 12px;border-radius:10px;font-size:12px}.admin-side button.active,.admin-side button:hover{background:rgba(239,195,107,.08);color:#f0d18e}.admin-main{padding-left:24px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-top h2{font:600 38px "Cormorant Garamond",serif;margin:0;color:#eed08c}.mini-btn{border:1px solid rgba(238,194,105,.2);background:rgba(255,255,255,.02);color:#d7cab0;border-radius:9px;padding:8px 10px;font-size:10px}.mini-btn.gold{background:linear-gradient(180deg,#dfb967,#b98d42);color:#080b0d;border-color:transparent}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.stat{padding:17px;border:1px solid rgba(237,193,105,.14);border-radius:14px;background:#0b1116}.stat b{font:600 34px "Cormorant Garamond",serif;color:#efcf88}.stat span{display:block;color:#8f9794;font-size:10px;margin-top:3px}.notice,.approval-card{padding:14px 15px;border:1px solid rgba(237,193,105,.14);border-radius:13px;background:#0a0f13;color:#9da19e;font-size:11px;line-height:1.55}.admin-table{margin-top:15px}.admin-row{display:grid;grid-template-columns:1.4fr .7fr 1.5fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(237,193,105,.1)}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-card-list{display:grid;gap:8px;margin-top:14px}.approval-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.approval-card .meta strong{display:block;color:#eee4d3;font-size:13px}.approval-card .meta small{display:block;color:#858d8a;margin-top:4px}.crop-editor{display:grid;grid-template-columns:1fr 180px;gap:14px;margin-top:13px}.crop-preview{height:260px;overflow:hidden;border:1px solid rgba(237,193,105,.16);border-radius:14px;background:#090d11;display:grid;place-items:center}.crop-preview img{width:100%;height:100%;object-fit:cover}.crop-controls{display:flex;flex-direction:column;justify-content:center;gap:10px}.crop-controls label{font-size:10px;color:#b4ac9e}.crop-controls input[type=range]{width:100%}.membership{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:18px;border:1px solid rgba(237,193,105,.2);border-radius:18px;background:linear-gradient(120deg,#0a1116,#11161c)}.membership-photo{width:170px;height:210px;overflow:hidden;border-radius:13px;background:#151a1f}.membership-photo img{width:100%;height:100%;object-fit:cover}.membership h3{margin:6px 0;font:600 38px "Cormorant Garamond",serif}.role-num{display:inline-block;padding:7px 9px;border:1px solid rgba(237,193,105,.25);border-radius:9px;color:#efcb82;font-size:11px;letter-spacing:.1em}.empty{padding:24px;border:1px dashed rgba(237,193,105,.14);border-radius:14px;color:#808684;text-align:center}.toast{position:fixed;right:22px;bottom:22px;z-index:250;background:#0a1116;border:1px solid rgba(237,193,105,.27);padding:11px 14px;border-radius:12px;color:#e5d3ac;font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
@media(max-width:1200px){.brand{min-width:285px}.desktop-nav>a{padding:0 9px}.desktop-nav>a.active:after,.desktop-nav>a:hover:after{left:10px;right:10px}.hero{grid-template-columns:minmax(500px,1fr) 390px;gap:20px;padding-left:24px;padding-right:24px}.hero-main{padding-left:6px;padding-right:6px}.culture-panel{padding-left:10px}.hero-bottom{left:24px;right:24px}.brand-lockup h1{font-size:clamp(64px,8vw,100px)}}
@media(max-width:980px){.topbar{height:70px;padding:0 16px}.brand{min-width:auto}.brand-type b{font-size:24px}.brand-type small{font-size:8px}.desktop-nav{display:none}.menu-btn{display:block}.mobile-panel{position:fixed;top:70px;left:12px;right:12px;z-index:78;display:flex;flex-direction:column;gap:5px;padding:12px;background:rgba(6,10,13,.96);border:1px solid rgba(237,195,107,.2);border-radius:18px;backdrop-filter:blur(12px);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s ease}.mobile-panel.open{transform:none;opacity:1;pointer-events:auto}.mobile-panel a{padding:13px 12px;border-radius:11px;color:#ddd3c0}.mobile-panel a:hover{background:rgba(237,193,104,.07);color:#efd191}.mobile-panel a span{margin-left:7px}.mobile-panel .full{width:100%;margin-top:4px;justify-content:center}.hero{height:auto;min-height:1100px;grid-template-columns:1fr;align-items:start;padding-top:100px;padding-bottom:120px}.hero-main{margin:0 auto;max-width:760px}.culture-panel{justify-self:center;max-width:760px;min-height:auto;padding:8px 0 18px}.culture-overline,.culture-copy{margin-left:0;text-align:center}.culture-orbs{justify-content:center;gap:14px}.culture-rule{margin-left:auto;margin-right:auto}.culture-foot{justify-content:center}.hero-bottom{display:flex;justify-content:center;flex-wrap:wrap;left:18px;right:18px;bottom:14px}.bottom-rail,.scroll-cue,.hashtag{display:none}.section{padding:85px 22px}.section:before{left:22px;right:22px}.glimpse-grid{grid-template-columns:1.35fr 1fr;grid-template-rows:250px 250px}.glimpse-feature{grid-row:1/3}.card-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.join-card{flex-direction:column;align-items:flex-start}.footer{padding:26px 22px}.footer-main{flex-wrap:wrap}}
@media(max-width:620px){.brand-mark{width:46px;height:46px}.brand-mark img{width:42px;height:42px}.brand-type b{font-size:20px}.brand-type small{font-size:7px;letter-spacing:.34em}.hero{min-height:1120px;padding:96px 15px 110px}.hero-logo{width:126px;height:126px;margin-top:18px}.brand-lockup h1{font-size:54px;letter-spacing:.04em}.lockup-line{gap:10px}.lockup-line i{width:42px}.lockup-line span{font-size:12px;letter-spacing:.28em;padding-left:.28em}.slogan{font-size:18px;margin-top:17px}.gold-quote{font-size:24px}.gold-quote strong{font-size:28px}.president-wrap>span{width:38px}.president-wrap small{font-size:6.5px;letter-spacing:.05em}.btn{min-height:42px;padding:0 14px;font-size:8.5px}.culture-overline em{font-size:35px}.culture-copy{font-size:10px;max-width:340px;margin:10px auto 16px}.culture-orbs{gap:8px}.orb-image,.orb-dharma .orb-image{width:105px;height:105px}.orb-aati .orb-image{width:96px;height:96px}.orb-yak .orb-image{width:102px;height:102px}.orb-caption b{font-size:7.5px}.orb-caption small{font-size:7px}.section{padding:70px 15px}.section:before{left:15px;right:15px}.section-head{display:block}.section-head h2,.section-head.tight h2{font-size:48px}.section-head p{font-size:12px}.glimpse-grid{display:grid;grid-template-columns:1fr;grid-template-rows:300px 220px 220px 220px}.glimpse-feature{grid-row:auto}.card-grid,.gallery-grid{grid-template-columns:1fr}.update-card{grid-template-columns:1fr;gap:6px}.join-card{padding:24px}.join-card h2{font-size:42px}.footer-main{align-items:flex-start}.footer-bottom{flex-direction:column;gap:8px}.admin-shell{grid-template-columns:1fr}.admin-side{border-right:0;border-bottom:1px solid rgba(239,195,107,.12);padding:0 0 10px;display:flex;gap:5px;overflow:auto}.admin-side button{white-space:nowrap;width:auto}.admin-main{padding:20px 0 0}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.crop-editor{grid-template-columns:1fr}.membership{grid-template-columns:1fr}.membership-photo{width:150px}.admin-row{grid-template-columns:1fr}.approval-card{align-items:flex-start;flex-direction:column}}

/* Scroll experience: keep every page section visually alive after the hero */
.glimpse-section:before,.dark-band:before,.join-section:before{content:"";position:absolute;left:8%;right:8%;top:46px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,198,111,.18),transparent);pointer-events:none;z-index:1}.section-kicker{position:relative}.section-kicker:after{content:"";display:inline-block;width:34px;height:1px;margin-left:10px;vertical-align:middle;background:linear-gradient(90deg,var(--gold),transparent)}
/* Cultural image art direction */
.orb-dharma .orb-image img{object-position:44% 50%}.orb-aati .orb-image img{object-position:47% 48%}.orb-yak .orb-image img{object-position:43% 49%}
.type-serif .section-head h2{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.02em}.type-editorial .section-head h2{font-size:clamp(50px,6vw,80px);line-height:.94}.type-modern .section-head h2{font-size:clamp(36px,4.6vw,66px);line-height:1.02}.type-gallery .section-head h2{font-size:clamp(50px,6vw,78px);line-height:.94}

.culture-card-dharma figcaption b{font-family:"DM Serif Display",serif;letter-spacing:.08em}.culture-card-aati figcaption b{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:15px;letter-spacing:.05em}.culture-card-yak figcaption b{font-family:"Space Grotesk",sans-serif;letter-spacing:.18em}


/* YYC real backend + member portal */
.member-login-btn{border-color:rgba(214,176,95,.4)!important}
.yyc-photo-editor{display:grid;grid-template-columns:180px 1fr;gap:18px;margin-top:16px;align-items:center}
.yyc-photo-preview{width:180px;height:180px;border-radius:24px;overflow:hidden;border:1px solid rgba(214,176,95,.3);background:#101318}
.yyc-photo-preview img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.yyc-photo-controls{display:grid;gap:8px;color:#c2c6ce;font-size:11px}
.yyc-photo-controls label{display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:center}
.yyc-photo-controls input{width:100%}
.yyc-photo-controls output{color:#d7ae66;font-size:11px}
.yyс-simple-preview,.yyc-simple-preview{margin-top:16px!important}
.admin-shell{min-height:520px}
.modal-shell:has(.admin-shell){overflow:hidden}
.admin-shell{min-height:520px;max-height:calc(90vh - 58px);display:flex;flex-direction:column;min-width:0}
.admin-workspace{flex:1 1 auto;min-height:180px;height:calc(90vh - 250px);max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 8px 12px 1px;scrollbar-width:thin}
.admin-workspace::-webkit-scrollbar{width:9px}.admin-workspace::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:99px}.admin-workspace::-webkit-scrollbar-thumb{background:rgba(215,174,102,.32);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
.admin-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}
.admin-tab{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#adb3bd;border-radius:999px;padding:9px 13px;font-size:11px;cursor:pointer;transition:.2s}
.admin-tab.active,.admin-tab:hover{border-color:#d7ae66;color:#f4ddb0;background:rgba(215,174,102,.08)}
.admin-workspace{max-height:62vh;overflow:auto;padding-right:4px}
.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.admin-stats>div{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);padding:16px;border-radius:18px}
.admin-stats b{display:block;font:700 26px/1 'Space Grotesk';color:#e4bd73}.admin-stats span{display:block;margin-top:6px;color:#8e95a0;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.admin-top h2{margin:0;font-family:'DM Serif Display',serif;font-size:28px}
.admin-card-list{display:grid;gap:10px}.approval-card{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}
.approval-card .meta{display:grid;gap:4px}.approval-card .meta strong{font-size:13px}.approval-card .meta small{color:#8d95a0;font-size:10px}.admin-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-gallery-card{min-height:260px}.admin-gallery-card img{height:220px}
.yyc-digital-card{background:linear-gradient(135deg,#10151b,#080a0d);border:1px solid rgba(215,174,102,.42);border-radius:24px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.id-head{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center}.id-head img{width:50px;height:50px;border-radius:50%;object-fit:cover}.id-head small,.id-head b{display:block}.id-head small{font:700 10px 'Space Grotesk';letter-spacing:.15em;color:#e0ba70}.id-head b{font-size:9px;color:#8d95a0;margin-top:4px}.id-head span{font-size:9px;padding:6px 9px;border:1px solid #a67e3e;border-radius:999px;color:#d9b86f}
.id-body{display:grid;grid-template-columns:110px 1fr 86px;gap:18px;align-items:center;margin-top:22px}.id-photo{width:110px;height:130px;border-radius:18px;overflow:hidden;background:#171c21;border:1px solid rgba(255,255,255,.09)}.id-photo img{width:100%;height:100%;object-fit:cover;transition:transform .18s}
.id-name{font:700 25px 'DM Serif Display',serif;color:#f5f2ea}.id-role{font:700 11px 'Space Grotesk';color:#d6ad63;letter-spacing:.12em;margin-top:5px}.id-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.id-grid span{font-size:8px;color:#7f8791;letter-spacing:.09em}.id-grid strong{display:block;color:#c9cdd4;font-size:10px;letter-spacing:0;margin-top:3px}.id-qr{width:86px;height:86px;background:#fff;border-radius:12px;padding:5px}
.id-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);margin-top:18px;padding-top:12px;color:#d9b56e;font-size:10px}.id-footer small{color:#7f8791}.verify-link{word-break:break-all;color:#6f7783;font-size:9px;margin-top:12px}
.verify-card{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid rgba(215,174,102,.3);border-radius:18px;background:rgba(255,255,255,.025)}.verify-card .id-photo{width:86px;height:100px}.verify-card h3{margin:0;font:700 24px 'DM Serif Display';color:#f4efe5}.verify-card p{margin:4px 0;color:#d4aa5f;font-size:11px}.verify-card small{color:#9299a3}
@media(max-width:800px){.yyc-photo-editor{grid-template-columns:1fr}.yyc-photo-preview{margin:auto}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid-2{grid-template-columns:1fr}.id-body{grid-template-columns:90px 1fr}.id-qr{grid-column:2}.id-photo{width:90px;height:110px}.id-name{font-size:20px}}
@media(max-width:540px){.admin-stats{grid-template-columns:1fr 1fr}.approval-card{align-items:flex-start;flex-direction:column}.admin-actions{justify-content:flex-start}.id-head{grid-template-columns:45px 1fr}.id-head span{display:none}.id-grid{grid-template-columns:1fr}.yyc-digital-card{padding:12px}.id-body{gap:10px}.id-qr{width:74px;height:74px}.modal-shell{width:min(96vw,960px)}}

/* Live Data Storage panel */
.storage-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.storage-meta{display:flex;align-items:center;gap:10px;color:#848c8a;font-size:10px}.storage-meta b{color:#d7b46e;font:600 13px "Space Grotesk"}
.storage-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.storage-stat{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(237,193,105,.14);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}
.storage-stat i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid rgba(237,193,105,.2);color:#d9b66f;font-style:normal;background:rgba(237,193,105,.06)}
.storage-stat b{display:block;color:#efd08d;font:700 23px/1 "Space Grotesk"}.storage-stat span{display:block;margin-top:4px;color:#858d8a;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.storage-section{margin-top:14px;border:1px solid rgba(237,193,105,.12);border-radius:17px;overflow:hidden;background:rgba(255,255,255,.015)}
.storage-section-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(237,193,105,.025)}
.storage-section-head h3{margin:0;color:#e8cf96;font:600 20px "DM Serif Display",serif}.storage-section-head span{color:#7e8784;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.storage-table{overflow:auto}.storage-row{display:grid;grid-template-columns:1.45fr 1fr .9fr;min-width:520px;border-bottom:1px solid rgba(255,255,255,.05)}.storage-row:last-child{border-bottom:0}.storage-row>div{padding:11px 13px;color:#b8bcb8;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-head>div{color:#777f7d!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.12em}.storage-empty{padding:20px;color:#777f7d;font-size:11px;text-align:center}
.storage-loading,.storage-error{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(237,193,105,.15);border-radius:18px;color:#909793;text-align:center}.storage-loading strong,.storage-error strong{color:#ded0b6;font-size:13px}.storage-loading span,.storage-error span{font-size:10px}.storage-spinner{width:28px;height:28px;border:2px solid rgba(237,193,105,.18);border-top-color:#dcb56b;border-radius:50%;animation:yycspin .8s linear infinite;margin-bottom:3px}@keyframes yycspin{to{transform:rotate(360deg)}}
@media(max-width:800px){.storage-top{align-items:flex-start;flex-direction:column}.storage-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.storage-stats{grid-template-columns:1fr 1fr}.storage-meta{width:100%;flex-wrap:wrap}.storage-section-head h3{font-size:18px}}

/* Premium centered admin control center */
.modal-shell:has(.admin-shell){width:min(1240px,96vw);max-height:94vh;margin:3vh auto;padding:24px;border-radius:28px;background:linear-gradient(145deg,rgba(10,16,22,.98),rgba(5,9,13,.99));border-color:rgba(238,194,106,.2);box-shadow:0 50px 150px rgba(0,0,0,.72)}
.modal-shell:has(.admin-shell) .modal-close{z-index:5}
.admin-shell{width:100%;min-height:0;display:block}
.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 4px 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.admin-header .modal-title{font-size:40px;line-height:1}
.admin-header .modal-kicker{margin-bottom:4px}
.admin-header .mini-btn{min-width:82px}
.admin-tabs{position:sticky;top:-24px;z-index:3;display:flex;flex-wrap:nowrap;gap:8px;margin:0 -2px 20px;padding:16px 4px 13px;background:linear-gradient(180deg,#0a1015 78%,rgba(10,16,21,0));border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}
.admin-tab{padding:10px 15px;border-radius:12px;font-weight:600;letter-spacing:.02em;flex:0 0 auto;white-space:nowrap}
.admin-workspace{max-height:68vh;overflow:auto;padding:0 3px 6px 1px;scrollbar-width:thin}
.admin-workspace::-webkit-scrollbar{width:7px}.admin-workspace::-webkit-scrollbar-thumb{background:rgba(215,174,102,.22);border-radius:99px}
.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto}
.admin-stats>div{min-height:94px;display:flex;flex-direction:column;justify-content:center;padding:18px 17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.admin-stats>div.pending-stat{border-color:rgba(215,174,102,.24);background:linear-gradient(145deg,rgba(215,174,102,.10),rgba(255,255,255,.018))}
.admin-top{max-width:1180px;margin:0 auto 16px}.admin-card-list,.admin-grid-2{max-width:1180px;margin-left:auto;margin-right:auto}
.notice{max-width:1180px;margin-left:auto;margin-right:auto}
.storage-top,.storage-stats,.storage-section{max-width:1180px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.modal-shell:has(.admin-shell){width:96vw;margin:2vh auto;padding:18px}.admin-tabs{top:-18px}.admin-workspace{max-height:76vh}.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.modal-shell:has(.admin-shell){width:97vw;padding:15px;border-radius:20px}.admin-header{padding-bottom:16px}.admin-header .modal-title{font-size:30px}.admin-tabs{top:-15px;padding-bottom:11px}.admin-tab{flex:0 0 auto}.admin-workspace{max-height:78vh}.admin-stats{grid-template-columns:1fr 1fr}}

/* YYC official digital ID card */
.premium-member-dashboard{max-width:1180px;margin:0 auto}.member-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.yyc-id-card{position:relative;overflow:hidden;max-width:1100px;margin:0 auto;border:1px solid rgba(239,193,89,.55);border-radius:28px;padding:24px;background:radial-gradient(circle at 15% 15%,rgba(205,148,47,.15),transparent 25%),radial-gradient(circle at 85% 25%,rgba(78,104,75,.22),transparent 28%),linear-gradient(145deg,#f7eedc 0 33%,#09151a 33% 100%);box-shadow:0 28px 90px rgba(0,0,0,.5)}
.yyc-id-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(214,166,76,.45);border-radius:22px;pointer-events:none}
.id-card-top,.id-card-title-row,.id-card-main,.id-card-bottom{position:relative;z-index:1}.id-card-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 8px 16px}.id-card-brand{display:flex;align-items:center;gap:12px;color:#111}.id-card-brand img{width:60px;height:60px;object-fit:contain}.id-card-brand strong{display:block;font:800 17px/1.05 "Space Grotesk";letter-spacing:.08em}.id-card-brand span{display:block;margin-top:5px;font-size:9px;letter-spacing:.19em;color:#6b604f}.id-card-motto{font:600 12px/1.3 "Noto Serif Kannada";color:#6c604e;text-align:right}
.id-card-title-row{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid rgba(108,96,78,.18);border-bottom:1px solid rgba(108,96,78,.18);padding:14px 8px}.id-card-title-row b{font:900 36px/.88 "Space Grotesk";letter-spacing:.03em;color:#101820}.id-card-title-row span{display:block;margin-top:6px;font:700 11px "Inter";letter-spacing:.24em;color:#7b6338}.id-card-edition{color:#a77b2f!important;font-size:9px!important;letter-spacing:.16em!important;text-align:right}
.id-card-main{display:grid;grid-template-columns:220px minmax(0,1fr) 150px;gap:24px;align-items:center;padding:24px 12px;background:linear-gradient(180deg,rgba(5,10,14,.02),rgba(5,10,14,.2));margin:10px 0}.id-photo-frame{height:270px;border:4px solid #d7a63f;border-radius:22px;overflow:hidden;background:#f4f1e8;box-shadow:0 10px 30px rgba(0,0,0,.18)}.id-photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.id-card-info{min-width:0;color:#f4ead6}.id-member-name{font:700 clamp(34px,5vw,62px)/.95 "Cormorant Garamond";color:#fff0cf;word-break:break-word}.id-member-position{margin-top:9px;font:700 15px "Inter";letter-spacing:.16em;color:#dfb75b;text-transform:uppercase}.id-info-lines{display:grid;gap:11px;margin-top:24px}.id-info-lines>div{padding:9px 0;border-bottom:1px solid rgba(236,194,100,.18)}.id-info-lines small{display:block;font-size:8px;color:#b49b6b;letter-spacing:.18em}.id-info-lines strong{display:block;margin-top:3px;font-size:14px;color:#f4eee3;word-break:break-word}.id-qr-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.id-qr{width:116px;height:116px;background:#fff;border:8px solid #fff;box-shadow:0 12px 24px rgba(0,0,0,.25);border-radius:10px;display:grid;place-items:center;overflow:hidden}.id-qr img{max-width:100%;height:auto}.id-qr-block>span{font:800 9px "Inter";letter-spacing:.22em;color:#fff;text-align:center}
.id-card-bottom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:15px 10px 3px}.verified-badge{display:flex;align-items:center;gap:9px;border:2px solid #b5cf57;border-radius:999px;padding:9px 15px;color:#f5f7ea}.verified-badge b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eaf2cc;color:#22300e}.verified-badge span{font:800 11px "Inter";letter-spacing:.1em}.id-sign{text-align:center;border-left:1px solid rgba(236,194,100,.2);border-right:1px solid rgba(236,194,100,.2);padding:0 18px}.id-sign strong{display:block;color:#fff0cd;font:700 15px "Cormorant Garamond"}.id-sign span{display:block;margin-top:2px;color:#bd9550;font-size:8px;letter-spacing:.2em}.id-card-note{color:#d7ad59;font:600 12px/1.3 "Noto Serif Kannada";text-align:right;max-width:190px}.member-card-actions{max-width:1100px;margin:14px auto 0}.verify-url-box{max-width:1100px;margin:12px auto 0;padding:10px 12px;border:1px dashed rgba(239,194,105,.18);border-radius:12px;background:rgba(255,255,255,.02)}.verify-url-box small{display:block;color:#808890;font-size:8px;letter-spacing:.16em}.verify-url-box a{display:block;color:#d9bf83;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.premium-verify-profile{max-width:900px;margin:auto}.verify-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.verify-pill{white-space:nowrap;padding:10px 13px;border:1px solid rgba(181,207,87,.5);border-radius:999px;color:#dcec9c;font:800 10px "Inter";letter-spacing:.1em}.verify-profile-card{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;padding:20px;border:1px solid rgba(239,194,105,.22);border-radius:22px;background:linear-gradient(145deg,#0c141a,#080d11)}.verify-photo{width:190px;height:235px;border-radius:18px;overflow:hidden;border:3px solid #d4a34b;background:#111820}.verify-photo img{width:100%;height:100%;object-fit:cover}.verify-member-name{font:700 48px/.9 "Cormorant Garamond";color:#f0d18b}.verify-member-role{margin-top:9px;color:#cba45a;font:800 11px "Inter";letter-spacing:.16em}.verify-role-number{display:inline-block;margin-top:15px;padding:8px 11px;border:1px solid rgba(239,194,105,.3);border-radius:10px;color:#f2ddb0;font:700 12px "Space Grotesk";letter-spacing:.06em}.verify-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.verify-meta span{display:flex;flex-direction:column;gap:4px;color:#7f8991;font-size:8px;letter-spacing:.15em}.verify-meta strong{color:#e9e0d2;font-size:11px;letter-spacing:.04em}.verify-notice{margin-top:14px}
@media(max-width:850px){.id-card-main{grid-template-columns:170px 1fr}.id-qr-block{grid-column:2;align-items:flex-start}.id-card-bottom{grid-template-columns:1fr 1fr}.id-card-note{display:none}.id-sign{border-right:0}.yyc-id-card{padding:17px}.id-photo-frame{height:235px}.id-card-title-row b{font-size:28px}}
@media(max-width:620px){.member-dashboard-head{align-items:flex-start}.yyc-id-card{border-radius:20px;padding:12px;background:linear-gradient(150deg,#f7eedc 0 32%,#09151a 32% 100%)}.id-card-top{align-items:flex-start}.id-card-brand img{width:46px;height:46px}.id-card-brand strong{font-size:11px}.id-card-brand span{font-size:7px}.id-card-motto{font-size:8px}.id-card-title-row{padding:10px 4px}.id-card-title-row b{font-size:23px}.id-card-title-row span{font-size:8px;letter-spacing:.16em}.id-card-main{grid-template-columns:1fr;gap:14px;padding:14px 4px}.id-photo-frame{width:180px;height:225px;margin:auto}.id-card-info{text-align:center}.id-member-name{font-size:39px}.id-member-position{font-size:10px}.id-info-lines{text-align:left;margin-top:15px}.id-qr-block{grid-column:auto;align-items:center}.id-qr{width:100px;height:100px}.id-card-bottom{grid-template-columns:1fr;gap:10px}.verified-badge{justify-content:center}.id-sign{border:0;padding:0}.verify-profile-card{grid-template-columns:1fr}.verify-photo{margin:auto}.verify-member-name{font-size:42px;text-align:center}.verify-member-role,.verify-role-number{text-align:center;display:block}.verify-meta{grid-template-columns:1fr}.verify-hero{display:block}.verify-pill{display:inline-block;margin-top:10px}}

.temple-feature img{object-position:center center;filter:saturate(1.06) contrast(1.04)}


/* Universal responsive device sizing — PC / laptop / tablet / mobile */
html{scroll-behavior:smooth}img{max-width:100%;height:auto}button,a,input,select,textarea{max-width:100%}
@media(min-width:1441px){
  .topbar{height:82px;padding:0 42px}.brand{min-width:350px}.brand-mark{width:58px;height:58px}.brand-mark img{width:52px;height:52px}.brand-type b{font-size:31px}
  .hero{grid-template-columns:minmax(0,1.15fr) minmax(470px,520px);gap:50px;padding-left:64px;padding-right:64px}.culture-panel{max-width:560px}.section{padding-left:64px;padding-right:64px}
}
@media(min-width:621px) and (max-width:1100px){
  .topbar{padding:0 18px}.brand{min-width:250px}.desktop-nav>a{padding:0 9px;font-size:11px}.nav-admin{padding:0 14px;margin-left:3px;font-size:10px}
  .hero{grid-template-columns:minmax(0,1fr) minmax(300px,38vw);gap:18px;padding:94px 24px 82px}.hero-main{padding:18px 8px 0}.hero-logo{width:138px;height:138px}.brand-lockup h1{font-size:clamp(56px,8vw,86px)}.lockup-line span{font-size:14px}.slogan{font-size:20px}.gold-quote{font-size:26px}.gold-quote strong{font-size:30px}.culture-panel{padding-left:10px;min-height:0}.culture-overline em{font-size:36px}.culture-copy{font-size:11px}.culture-orbs{gap:8px}.orb-image{width:92px!important;height:92px!important}.section{padding-left:24px;padding-right:24px}.glimpse-grid{grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:230px 190px;gap:10px}.glimpse-feature{border-radius:22px}.glimpse-card{border-radius:18px}.card-grid,.gallery-grid{gap:11px}.leader-info{padding:13px}.leader-info strong{font-size:22px}
}
@media(max-width:760px){
  body{overflow-x:hidden}.topbar{height:64px}.mobile-panel{top:64px}
  .hero{height:auto;min-height:100svh;padding:82px 14px 90px;grid-template-columns:1fr;gap:24px}.hero-main{width:100%;max-width:720px;padding:8px 0 0}.hero-logo{width:118px;height:118px;margin-bottom:14px}.brand-lockup h1{font-size:clamp(46px,13vw,68px);letter-spacing:.045em}.lockup-line{gap:7px;margin-top:12px}.lockup-line i{width:35px}.lockup-line span{font-size:11px;letter-spacing:.25em;padding-left:.25em}.slogan{font-size:17px;margin:16px 0 5px}.slogan span{font-size:16px}.gold-quote{font-size:22px}.gold-quote strong{font-size:27px}.social-row{gap:7px;margin:14px 0}.social-row a{width:38px;height:38px}.social-row a img{width:27px;height:27px}.president-wrap{gap:9px;margin:7px 0 16px}.president-wrap>span{width:30px}.hero-actions{gap:8px}.btn{font-size:8px;min-height:40px;padding:0 13px}
  .culture-panel{justify-self:stretch;width:100%;max-width:620px;min-height:0;padding:10px 0 0}.culture-overline{text-align:center;margin-left:0}.culture-overline span{font-size:9px}.culture-overline em{font-size:32px}.culture-copy{font-size:10px;max-width:440px;margin:8px auto 14px;text-align:center}.culture-rule{margin-left:auto;margin-right:auto}.culture-orbs{gap:8px;justify-content:center}.culture-foot{justify-content:center;font-size:8px}.orb-image,.orb-dharma .orb-image,.orb-aati .orb-image,.orb-yak .orb-image{width:88px!important;height:88px!important}.orb-caption b{font-size:7px}.orb-caption small{font-size:6.5px}.hero-bottom{left:12px;right:12px;bottom:10px}
  .section{padding:62px 14px}.section:before{left:14px;right:14px}.section-head{gap:18px;margin-bottom:20px}.section-head h2,.section-head.tight h2{font-size:clamp(40px,12vw,56px)}.section-head p{font-size:11px;line-height:1.6}.glimpse-grid{grid-template-columns:1fr;grid-template-rows:minmax(260px,48vw) repeat(3,minmax(190px,34vw));gap:10px}.glimpse-feature,.glimpse-card{min-height:0;border-radius:18px}.glimpse-feature figcaption,.glimpse-card figcaption{left:14px;right:14px;bottom:13px}.glimpse-feature b,.glimpse-card b{font-size:10px}.glimpse-feature span,.glimpse-card span{font-size:9px}.glimpse-feature .photo-credit{font-size:6.5px}.card-grid,.gallery-grid{grid-template-columns:1fr;gap:10px}.leader-card{border-radius:16px}.update-card{padding:14px}.join-card{padding:20px}.join-card h2{font-size:38px}.footer{padding:22px 14px}.footer-bottom{gap:6px}.ambient-a,.ambient-b{display:none}
  .modal-shell{width:calc(100vw - 20px);max-width:none;margin:10px auto;max-height:calc(100svh - 20px);padding:16px;border-radius:18px}.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.membership{grid-template-columns:1fr}.membership-photo{width:min(150px,55vw);margin:auto}.yyc-photo-editor{grid-template-columns:1fr}.yyc-photo-preview{margin:auto;width:min(180px,60vw);height:min(180px,60vw)}
}
@media(max-width:420px){
  .brand-type b{font-size:18px}.brand-type small{font-size:6px;letter-spacing:.28em}.brand-mark{width:43px;height:43px}.brand-mark img{width:39px;height:39px}.menu-btn{width:40px;height:40px}.hero{padding-left:11px;padding-right:11px}.hero-logo{width:106px;height:106px}.brand-lockup h1{font-size:clamp(40px,12.8vw,56px)}.lockup-line i{width:25px}.lockup-line span{font-size:9px;letter-spacing:.19em;padding-left:.19em}.slogan{font-size:15px}.slogan span{font-size:14px}.gold-quote{font-size:20px}.gold-quote strong{font-size:24px}.hero-actions{width:100%}.hero-actions .btn{flex:1;min-width:0}.culture-overline em{font-size:29px}.orb-image,.orb-dharma .orb-image,.orb-aati .orb-image,.orb-yak .orb-image{width:78px!important;height:78px!important}.orb-caption b{font-size:6.5px}.orb-caption small{display:none}.section{padding-left:11px;padding-right:11px}.section-head h2,.section-head.tight h2{font-size:38px}.glimpse-grid{grid-template-rows:240px repeat(3,180px)}.glimpse-feature figcaption,.glimpse-card figcaption{left:12px;right:12px;bottom:11px}.glimpse-feature b,.glimpse-card b{font-size:9px}.glimpse-feature span,.glimpse-card span{font-size:8px}.storage-stats,.admin-stats{grid-template-columns:1fr 1fr}.admin-header .modal-title{font-size:26px}.admin-tabs{margin-left:-2px;margin-right:-2px}.admin-tab{padding:9px 11px;font-size:10px}.admin-workspace{max-height:calc(100svh - 210px)}.id-card-title-row b{font-size:20px}.id-member-name{font-size:34px}.id-photo-frame{width:155px;height:195px}.id-qr{width:88px;height:88px}.verify-photo{width:160px;height:200px}.verify-member-name{font-size:35px}
}
@media(orientation:landscape) and (max-width:760px){
  .hero{min-height:auto;padding-top:78px;padding-bottom:80px;grid-template-columns:1fr 1fr;align-items:center}.hero-main{padding-right:6px}.culture-panel{padding-left:6px}.hero-logo{width:92px;height:92px}.brand-lockup h1{font-size:clamp(42px,8vw,60px)}.culture-overline em{font-size:28px}.orb-image,.orb-dharma .orb-image,.orb-aati .orb-image,.orb-yak .orb-image{width:72px!important;height:72px!important}.hero-bottom{display:none}
}


/* Leader access + identity card */
.leader-login-btn{border-color:rgba(215,174,102,.32)!important;background:linear-gradient(145deg,rgba(215,174,102,.10),rgba(255,255,255,.025))!important}
.leader-login-btn:hover{border-color:rgba(239,202,123,.62)!important}
.leader-id-card{background:radial-gradient(circle at 78% 18%,rgba(197,145,54,.19),transparent 24%),radial-gradient(circle at 18% 75%,rgba(50,89,79,.17),transparent 25%),linear-gradient(145deg,#f8efdd 0 33%,#08151b 33% 100%)}
.leader-verified-badge{border-color:#d1ae59!important}
.verify-leader-card{border-color:rgba(215,174,102,.30)}
.verify-line{margin-top:12px;color:#a8b1ad;font-size:11px;line-height:1.5}


/* Center the active highlight directly under the Tulunad Glimpse text. */
@media(min-width:981px){
  .desktop-nav>a:nth-child(2).active:after,
  .desktop-nav>a:nth-child(2):hover:after{
    left:50%;
    right:auto;
    width:52px;
    transform:translateX(-50%);
  }
}

/* Exact visual centering for the Tulunad Glimpse highlight: center on the text, not the icon. */
@media(min-width:981px){
  .desktop-nav>a:nth-child(2).active:after,
  .desktop-nav>a:nth-child(2):hover:after{
    left:calc(50% + 8px);
    right:auto;
    width:64px;
    transform:translateX(-50%);
  }
}

/* Reduce only the visual gap between Tulunad Glimpse and Leaders. */
@media(min-width:981px){
  .desktop-nav>a:nth-child(2){
    margin-right:-12px;
  }
  .desktop-nav>a:nth-child(3){
    margin-left:0;
  }
}

/* Hero association credit */
.association-wrap{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 4px;min-height:44px}
.association-wrap img{width:46px;height:46px;object-fit:contain;border-radius:8px;display:block;filter:drop-shadow(0 5px 16px rgba(0,0,0,.35))}
.association-wrap div{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.association-wrap span{font:500 8px/1 "Space Grotesk",sans-serif;letter-spacing:.24em;color:#d8c7a6}
.association-wrap strong{font:600 14px/1.1 "Space Grotesk",sans-serif;letter-spacing:.08em;color:#f4efe4;margin-top:4px}
@media(max-width:620px){
  .association-wrap{margin:12px auto 2px;gap:8px}
  .association-wrap img{width:40px;height:40px}
  .association-wrap span{font-size:6.5px;letter-spacing:.16em}
  .association-wrap strong{font-size:11px}
}

/* Premium smooth anchor scrolling with fixed-header offset. */
html{
  scroll-behavior:smooth;
  scroll-padding-top:96px;
}
@media(max-width:980px){
  html{scroll-padding-top:76px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* Emoggle-inspired soft/inertial page scrolling — lightweight, no external library. */
html.yyc-inertial-scroll{
  scroll-behavior:auto !important;
}
body.yyc-inertial-scroll{
  overscroll-behavior-y:none;
}

/* Smooth modal / panel opening for login, leader, admin and other dialogs. */
.modal{
  display:block !important;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .32s ease, visibility 0s linear .32s;
}
.modal.open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transition:opacity .32s ease, visibility 0s linear 0s;
}
.modal .modal-backdrop{
  opacity:0;
  transition:opacity .38s ease;
}
.modal.open .modal-backdrop{
  opacity:1;
}
.modal .modal-shell{
  opacity:0;
  transform:translate3d(0,26px,0) scale(.985);
  transition:opacity .42s cubic-bezier(.22,1,.36,1), transform .42s cubic-bezier(.22,1,.36,1);
  will-change:transform,opacity;
}
.modal.open .modal-shell{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
@media(prefers-reduced-motion:reduce){
  .modal,.modal .modal-backdrop,.modal .modal-shell{
    transition:none !important;
  }
  .modal .modal-shell{transform:none !important}
}

/* Instagram-style photo positioning editor: image stays left, zoom control stays right. */
.ig-photo-editor{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 58px;
  gap:14px;
  align-items:center;
  margin-top:16px;
}
.ig-photo-preview{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  min-height:180px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(214,176,95,.34);
  background:#090d11;
  cursor:grab;
  touch-action:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 14px 30px rgba(0,0,0,.24);
}
.ig-photo-preview.is-dragging{cursor:grabbing}
.ig-photo-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform-origin:center;
  user-select:none;
  -webkit-user-drag:none;
  will-change:transform,object-position;
  transition:transform .12s ease;
}
.ig-photo-preview.is-dragging img{transition:none}
.ig-crop-grid{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(90deg,transparent 33.1%,rgba(255,255,255,.65) 33.1%,rgba(255,255,255,.65) 33.55%,transparent 33.55%,transparent 66.45%,rgba(255,255,255,.65) 66.45%,rgba(255,255,255,.65) 66.9%,transparent 66.9%),
    linear-gradient(0deg,transparent 33.1%,rgba(255,255,255,.65) 33.1%,rgba(255,255,255,.65) 33.55%,transparent 33.55%,transparent 66.45%,rgba(255,255,255,.65) 66.45%,rgba(255,255,255,.65) 66.9%,transparent 66.9%);
}
.ig-drag-hint{
  position:absolute;
  left:10px;
  bottom:9px;
  z-index:3;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(4,7,9,.58);
  border:1px solid rgba(255,255,255,.1);
  color:#e9dfce;
  font-size:7px;
  letter-spacing:.14em;
  pointer-events:none;
  transition:opacity .2s ease;
}
.ig-photo-preview:hover .ig-drag-hint,
.ig-photo-preview.is-dragging .ig-drag-hint{opacity:.35}
.ig-photo-side{
  height:100%;
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.ig-zoom-title{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:#b8aa91;
  font:600 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:.18em;
}
.ig-zoom-range{
  -webkit-appearance:none;
  appearance:none;
  width:150px;
  height:28px;
  transform:rotate(-90deg);
  background:transparent;
  cursor:pointer;
}
.ig-zoom-range::-webkit-slider-runnable-track{
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#5f4d32,#d8b15f);
}
.ig-zoom-range::-moz-range-track{
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#5f4d32,#d8b15f);
}
.ig-zoom-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  margin-top:-6.5px;
  border-radius:50%;
  background:#efd08a;
  border:2px solid #0b1116;
  box-shadow:0 2px 10px rgba(0,0,0,.45);
}
.ig-zoom-range::-moz-range-thumb{
  width:16px;
  height:16px;
  border-radius:50%;
  background:#efd08a;
  border:2px solid #0b1116;
  box-shadow:0 2px 10px rgba(0,0,0,.45);
}
.ig-photo-side output{color:#d7ae66;font-size:10px;letter-spacing:.06em}
.ig-reset-btn{font-size:8px!important;padding:6px 7px!important}
@media(max-width:620px){
  .ig-photo-editor{grid-template-columns:minmax(0,1fr) 50px;gap:10px}
  .ig-photo-preview{min-height:150px}
  .ig-photo-side{min-height:150px}
  .ig-zoom-range{width:125px}
  .ig-reset-btn{font-size:7px!important}
}

/* True square photo adjustment workspace */
.ig-photo-editor{
  display:grid;
  grid-template-columns:minmax(240px,360px) 58px;
  gap:18px;
  align-items:center;
  justify-content:center;
  margin-top:18px;
}
.ig-photo-preview{
  position:relative;
  width:min(360px,100%);
  aspect-ratio:1/1;
  min-height:0;
  overflow:hidden;
  margin:0 auto;
  border-radius:18px;
  border:1px solid rgba(214,176,95,.34);
  background:#090d11;
  cursor:grab;
  touch-action:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 14px 30px rgba(0,0,0,.24);
}
.ig-photo-preview.is-dragging{cursor:grabbing}
.ig-photo-preview img{
  width:100%;
  height:100%;
  display:block;
  /* At 1x the complete uploaded photo stays visible inside the square. */
  object-fit:contain;
  object-position:50% 50%;
  transform-origin:center center;
  user-select:none;
  -webkit-user-drag:none;
  will-change:transform,object-position;
  transition:transform .12s ease,object-position .08s ease;
}
.ig-photo-preview.is-dragging img{transition:none}
.ig-photo-side{
  min-height:240px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
}
@media(max-width:620px){
  .ig-photo-editor{grid-template-columns:minmax(0,1fr) 48px;gap:9px}
  .ig-photo-preview{width:100%;max-width:360px}
  .ig-photo-side{min-height:190px}
  .ig-zoom-range{width:125px}
}

/* Hover photo controls: zoom +/− and precise left/right/up/down movement over the square image. */
.ig-photo-preview{position:relative}
.ig-hover-controls{
  position:absolute;
  left:50%;
  bottom:12px;
  z-index:5;
  transform:translate(-50%,10px);
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(5,9,12,.78);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 26px rgba(0,0,0,.35);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
.ig-photo-preview:hover .ig-hover-controls,
.ig-photo-preview:focus-within .ig-hover-controls,
.ig-photo-preview.is-dragging .ig-hover-controls{
  opacity:1;
  transform:translate(-50%,0);
  pointer-events:auto;
}
.ig-control-row{display:flex;align-items:center;justify-content:center;gap:5px}
.ig-control-row button{
  width:30px;
  height:27px;
  padding:0;
  border:1px solid rgba(239,202,123,.24);
  border-radius:8px;
  background:rgba(255,255,255,.055);
  color:#f2d18c;
  font:700 14px/1 "Space Grotesk",sans-serif;
  cursor:pointer;
}
.ig-control-row button:hover{
  background:rgba(239,202,123,.14);
  border-color:rgba(239,202,123,.58);
  transform:translateY(-1px);
}
.ig-control-row button[data-photo-action="reset"]{
  width:66px;
  font-size:7px;
  letter-spacing:.12em;
}
.ig-control-row button[data-photo-action="center"]{font-size:11px}
@media(max-width:620px){
  .ig-hover-controls{
    bottom:8px;
    padding:6px;
    opacity:1;
    transform:translateX(-50%);
    pointer-events:auto;
  }
  .ig-control-row button{width:28px;height:26px;font-size:13px}
  .ig-control-row button[data-photo-action="reset"]{width:60px}
}
@media(prefers-reduced-motion:reduce){
  .ig-hover-controls,.ig-control-row button{transition:none!important}
}

/* ===== YYC PHOTO ADJUSTMENT — PREMIUM EDITOR REDESIGN ===== */
.ig-photo-editor{
  position:relative;
  display:grid;
  grid-template-columns:minmax(260px,390px) 68px;
  gap:20px;
  align-items:center;
  justify-content:center;
  width:min(100%,500px);
  margin:22px auto 4px;
  padding:14px;
  border:1px solid rgba(239,202,123,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 12%,rgba(239,202,123,.08),transparent 28%),
    radial-gradient(circle at 92% 88%,rgba(72,100,92,.10),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 50px rgba(0,0,0,.26);
  backdrop-filter:blur(10px);
}
.ig-photo-editor:before{
  content:"PHOTO ADJUSTMENT";
  position:absolute;
  top:-10px;
  left:18px;
  z-index:8;
  padding:4px 9px;
  border:1px solid rgba(239,202,123,.22);
  border-radius:999px;
  background:#091015;
  color:#d8b46c;
  font:700 7px/1 "Space Grotesk",sans-serif;
  letter-spacing:.18em;
}
.ig-photo-preview{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  min-height:0;
  margin:0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(239,202,123,.38);
  background:
    linear-gradient(45deg,#0a0f13 25%,#0e151a 25%,#0e151a 50%,#0a0f13 50%,#0a0f13 75%,#0e151a 75%);
  background-size:18px 18px;
  cursor:grab;
  touch-action:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 0 60px rgba(0,0,0,.32),0 18px 35px rgba(0,0,0,.28);
}
.ig-photo-preview:after{
  content:"DRAG TO POSITION";
  position:absolute;
  top:11px;
  left:50%;
  z-index:3;
  transform:translateX(-50%);
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(4,8,11,.60);
  color:#e7dcc7;
  font:700 6px/1 "Space Grotesk",sans-serif;
  letter-spacing:.16em;
  pointer-events:none;
  opacity:.78;
  transition:opacity .2s ease,transform .2s ease;
}
.ig-photo-preview:hover:after,
.ig-photo-preview.is-dragging:after,
.ig-photo-preview:focus-within:after{
  opacity:.22;
  transform:translate(-50%,-3px);
}
.ig-photo-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:50% 50%;
  transform-origin:center center;
  user-select:none;
  -webkit-user-drag:none;
  will-change:transform,object-position;
  transition:transform .16s cubic-bezier(.22,1,.36,1),object-position .10s ease;
}
.ig-photo-preview.is-dragging img{transition:none}
.ig-crop-grid{
  opacity:.22;
  mix-blend-mode:screen;
  background:
    linear-gradient(90deg,transparent 32.8%,rgba(255,255,255,.72) 32.8%,rgba(255,255,255,.72) 33.1%,transparent 33.1%,transparent 66.9%,rgba(255,255,255,.72) 66.9%,rgba(255,255,255,.72) 67.2%,transparent 67.2%),
    linear-gradient(0deg,transparent 32.8%,rgba(255,255,255,.72) 32.8%,rgba(255,255,255,.72) 33.1%,transparent 33.1%,transparent 66.9%,rgba(255,255,255,.72) 66.9%,rgba(255,255,255,.72) 67.2%,transparent 67.2%);
}
.ig-drag-hint{display:none}

/* Floating hover control dock */
.ig-hover-controls{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:7;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(5,9,12,.72);
  backdrop-filter:blur(16px) saturate(1.1);
  box-shadow:0 15px 30px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05);
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .24s ease,transform .24s cubic-bezier(.22,1,.36,1);
}
.ig-photo-preview:hover .ig-hover-controls,
.ig-photo-preview:focus-within .ig-hover-controls,
.ig-photo-preview.is-dragging .ig-hover-controls{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.ig-control-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.ig-control-row button{
  width:31px;
  height:29px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(239,202,123,.16);
  border-radius:9px;
  background:rgba(255,255,255,.055);
  color:#edd39a;
  font:700 14px/1 "Space Grotesk",sans-serif;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.ig-control-row button:hover{
  transform:translateY(-1px);
  background:rgba(239,202,123,.13);
  border-color:rgba(239,202,123,.52);
  box-shadow:0 5px 14px rgba(0,0,0,.24);
}
.ig-control-row button:active{transform:translateY(0) scale(.96)}
.ig-control-row button[data-photo-action="center"]{
  border-radius:50%;
  font-size:9px;
  background:rgba(239,202,123,.10);
}
.ig-control-row button[data-photo-action="reset"]{
  width:67px;
  font-size:7px;
  letter-spacing:.13em;
}

/* Right-side zoom rail */
.ig-photo-side{
  min-height:100%;
  padding:12px 7px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid rgba(239,202,123,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
}
.ig-zoom-title{
  writing-mode:horizontal-tb;
  transform:none;
  color:#bcae96;
  font:700 7px/1 "Space Grotesk",sans-serif;
  letter-spacing:.20em;
}
.ig-zoom-range{
  -webkit-appearance:none;
  appearance:none;
  width:170px;
  height:26px;
  transform:rotate(-90deg);
  background:transparent;
  cursor:pointer;
}
.ig-zoom-range::-webkit-slider-runnable-track{
  height:4px;
  border-radius:99px;
  background:linear-gradient(90deg,#4f412d,#d8b15f);
}
.ig-zoom-range::-moz-range-track{
  height:4px;
  border-radius:99px;
  background:linear-gradient(90deg,#4f412d,#d8b15f);
}
.ig-zoom-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  margin-top:-7px;
  border-radius:50%;
  background:#f0d28e;
  border:2px solid #0b1116;
  box-shadow:0 2px 12px rgba(0,0,0,.5),0 0 0 3px rgba(239,202,123,.08);
}
.ig-zoom-range::-moz-range-thumb{
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f0d28e;
  border:2px solid #0b1116;
  box-shadow:0 2px 12px rgba(0,0,0,.5),0 0 0 3px rgba(239,202,123,.08);
}
.ig-photo-side output{
  min-width:46px;
  padding:5px 6px;
  text-align:center;
  border:1px solid rgba(239,202,123,.14);
  border-radius:8px;
  background:rgba(0,0,0,.18);
  color:#e0bb71;
  font:700 9px/1 "Space Grotesk",sans-serif;
}
.ig-reset-btn{
  width:100%;
  font-size:7px!important;
  padding:7px 5px!important;
  letter-spacing:.12em;
}
@media(max-width:620px){
  .ig-photo-editor{
    grid-template-columns:minmax(0,1fr) 58px;
    gap:10px;
    width:100%;
    padding:10px;
    border-radius:20px;
  }
  .ig-photo-preview{border-radius:16px}
  .ig-hover-controls{left:10px;bottom:10px;padding:6px}
  .ig-control-row{gap:4px}
  .ig-control-row button{width:27px;height:26px;font-size:12px}
  .ig-control-row button[data-photo-action="reset"]{width:59px}
  .ig-photo-side{padding:9px 5px;border-radius:14px;gap:9px}
  .ig-zoom-range{width:145px}
}
@media(max-width:420px){
  .ig-photo-editor{grid-template-columns:minmax(0,1fr) 52px;gap:7px}
  .ig-photo-side{padding:7px 4px}
  .ig-zoom-range{width:128px}
  .ig-hover-controls{left:8px;bottom:8px}
  .ig-control-row button{width:24px;height:24px}
  .ig-control-row button[data-photo-action="reset"]{width:54px;font-size:6px!important}
}
@media(prefers-reduced-motion:reduce){
  .ig-photo-preview img,.ig-photo-preview:after,.ig-hover-controls,.ig-control-row button{transition:none!important}
}

/* Mouse-driven photo positioning: no physical directional buttons on the image. */
.ig-hover-controls{display:none!important}
.ig-photo-preview:after{
  content:"DRAG PHOTO • SCROLL TO ZOOM";
  opacity:.72;
}
.ig-photo-preview:hover:after,
.ig-photo-preview.is-dragging:after,
.ig-photo-preview:focus-within:after{
  opacity:.22;
}

/* ===== OFFICIAL YYC MEMBER ID CARD — EXACT USER TEMPLATE ===== */
.yyc-template-id-card{
  position:relative;
  width:min(100%,520px);
  aspect-ratio:2/3;
  margin:18px auto 4px;
  overflow:hidden;
  container-type:inline-size;
  background:#071016 url("assets/yyc-member-id-template.webp") center center / 100% 100% no-repeat;
  box-sizing:border-box;
  isolation:isolate;
  border-radius:10px;
  box-shadow:0 22px 48px rgba(0,0,0,.34);
}
.yyc-template-photo{
  position:absolute;
  left:34.35%;
  top:24.10%;
  width:31.45%;
  height:20.90%;
  overflow:hidden;
  z-index:4;
  background:#fff;
  border-radius:4.5%;
}
.yyc-template-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 50%;
  transform-origin:center center;
  user-select:none;
  -webkit-user-drag:none;
  image-rendering:auto;
}
.yyc-template-name-mask{
  position:absolute;
  left:24.0%;
  top:46.20%;
  width:52.0%;
  height:8.65%;
  z-index:5;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(100deg,#caae7d 0%,#eed8ae 18%,#e9d1a2 52%,#d0b483 100%);
  clip-path:polygon(2% 22%,9% 10%,21% 18%,32% 7%,44% 16%,58% 5%,71% 17%,83% 8%,98% 25%,93% 48%,100% 62%,92% 78%,76% 72%,64% 94%,51% 80%,37% 97%,26% 82%,12% 91%,4% 73%,0 53%,6% 37%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.yyc-template-name{
  width:100%;
  padding:0 7%;
  color:#071016;
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;
  font-weight:800;
  font-style:italic;
  line-height:.88;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transform:rotate(-2deg);
  text-shadow:0 1px 0 rgba(255,255,255,.08);
}
.yyc-template-position-mask{
  position:absolute;
  left:27.0%;
  top:55.00%;
  width:46.0%;
  height:4.35%;
  z-index:5;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:rgba(4,13,16,.97);
}
.yyc-template-position{
  max-width:100%;
  padding:0 3%;
  color:#f0c973;
  font-family:"Inter","Space Grotesk",sans-serif;
  font-weight:800;
  line-height:1;
  letter-spacing:.11em;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.yyc-template-data-mask{
  position:absolute;
  left:18.65%;
  width:42.0%;
  z-index:5;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:rgba(4,14,17,.985);
}
.yyc-template-id-mask{top:62.35%;height:3.35%}
.yyc-template-phone-mask{top:68.85%;height:3.45%}
.yyc-template-email-mask{top:74.95%;height:3.60%}
.yyc-template-value{
  width:100%;
  padding-right:3%;
  color:#f7f5ef;
  font-family:"Inter","Space Grotesk",Arial,sans-serif;
  font-size:5.05cqw;
  font-weight:600;
  line-height:1;
  letter-spacing:.012em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.yyc-template-qr-mask{
  position:absolute;
  left:68.05%;
  top:60.20%;
  width:18.55%;
  aspect-ratio:1/1;
  z-index:6;
  display:grid;
  place-items:center;
  padding:.85%;
  box-sizing:border-box;
  overflow:hidden;
  border-radius:10%;
  background:#fff;
  box-shadow:0 0 0 1px rgba(8,16,20,.45),0 2px 8px rgba(0,0,0,.16);
}
.yyc-template-qr{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:#fff;
}
.yyc-template-qr img,
.yyc-template-qr canvas{
  width:94%!important;
  height:94%!important;
  display:block!important;
  background:#fff;
}
@media(max-width:620px){
  .yyc-template-id-card{
    width:min(100%,470px);
    border-radius:8px;
    box-shadow:0 16px 34px rgba(0,0,0,.3);
  }
  .yyc-template-name{padding:0 5%}
  .yyc-template-position{letter-spacing:.08em}
}
@media(max-width:420px){
  .yyc-template-id-card{width:100%}
  .yyc-template-photo{border-radius:4%}
}

/* Admin navigation helpers */
.admin-top-actions,.admin-form-top{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.admin-form-top{
  justify-content:flex-start;
  margin-bottom:8px;
}
.storage-meta{
  align-items:center;
}
@media(max-width:620px){
  .admin-top{
    align-items:flex-start!important;
    flex-wrap:wrap;
  }
  .admin-top-actions{
    width:100%;
    justify-content:flex-end;
  }
  .admin-form-top{margin-bottom:6px}
  .storage-meta{flex-wrap:wrap}
}

/* ===== YYC CARD TEMPLATE ALIGNMENT — KEEP THE SUPPLIED ARTWORK UNCHANGED ===== */
.yyc-template-id-card{
  width:min(100%,560px);
  aspect-ratio:2/3;
  background-image:url("assets/yyc-member-id-template.webp");
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  border-radius:0;
  box-shadow:0 22px 55px rgba(0,0,0,.38);
}
.yyc-template-photo{
  left:34.18%;
  top:23.98%;
  width:31.62%;
  height:21.52%;
  border:2px solid rgba(205,156,72,.72);
  border-radius:9%;
  background:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.45),0 2px 9px rgba(0,0,0,.20);
}
.yyc-template-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
  transform-origin:center center;
}
.yyc-template-name-mask{
  left:23.55%;
  top:46.05%;
  width:53.15%;
  height:8.70%;
}
.yyc-template-name{
  padding:0 6%;
  color:#071016;
  line-height:.86;
  letter-spacing:-.015em;
}
.yyc-template-position-mask{
  left:25.95%;
  top:54.90%;
  width:48.10%;
  height:4.80%;
  background:rgba(3,12,15,.985);
}
.yyc-template-position{
  padding:0 3%;
  color:#f0c973;
  line-height:.94;
  letter-spacing:.105em;
}
.yyc-template-data-mask{
  left:18.15%;
  width:43.15%;
  padding-left:.4%;
  background:rgba(4,14,17,.992);
}
.yyc-template-id-mask{top:62.05%;height:3.75%}
.yyc-template-phone-mask{top:68.70%;height:3.85%}
.yyc-template-email-mask{top:75.00%;height:3.95%}
.yyc-template-value{
  padding-right:2%;
  color:#faf7f0;
  font-size:5.0cqw;
  line-height:.95;
  letter-spacing:.01em;
}
.yyc-template-qr-mask{
  left:67.88%;
  top:60.08%;
  width:18.85%;
  padding:.95%;
  background:#fff;
  border-radius:10%;
}
.yyc-template-qr img,.yyc-template-qr canvas{
  width:94%!important;
  height:94%!important;
}
@media(max-width:620px){
  .yyc-template-id-card{width:100%}
}

/* ===== FINAL YYC ID CARD TEMPLATE ALIGNMENT ===== */
.yyc-template-id-card{
  position:relative!important;
  width:min(100%,560px)!important;
  aspect-ratio:2/3!important;
  overflow:hidden!important;
  background-image:url("assets/yyc-member-id-template.webp")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  border-radius:0!important;
}
.yyc-template-photo{
  position:absolute!important;
  left:34.35%!important;
  top:24.15%!important;
  width:31.35%!important;
  height:19.55%!important;
  overflow:hidden!important;
  z-index:4!important;
  display:block!important;
  padding:0!important;
  border:2px solid rgba(207,157,72,.82)!important;
  border-radius:9%!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.38)!important;
}
.yyc-template-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform-origin:center center!important;
  display:block!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.yyc-template-data-mask{
  position:absolute!important;
  left:18.75%!important;
  width:41.8%!important;
  height:3.05%!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:transparent!important;
  padding:0!important;
}
.yyc-template-id-mask{top:62.80%!important}
.yyc-template-phone-mask{top:69.25%!important}
.yyc-template-email-mask{top:75.55%!important}
.yyc-template-value{
  display:block!important;
  width:100%!important;
  padding:0 1.5% 0 0!important;
  color:#f7f4eb!important;
  font-family:"Inter","Space Grotesk",Arial,sans-serif!important;
  font-size:4.65cqw!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
.yyc-template-qr-mask{
  position:absolute!important;
  left:67.95%!important;
  top:60.10%!important;
  width:18.60%!important;
  aspect-ratio:1/1!important;
  z-index:6!important;
  display:grid!important;
  place-items:center!important;
  padding:.85%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:9%!important;
  background:#fff!important;
}
.yyc-template-qr{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
}
.yyc-template-qr img,
.yyc-template-qr canvas{
  width:94%!important;
  height:94%!important;
  display:block!important;
  background:#fff!important;
}
.yyc-template-name-mask,
.yyc-template-position-mask{
  display:none!important;
}
@media(max-width:620px){
  .yyc-template-id-card{width:100%!important}
}


/* ===== YYC PREMIUM DIGITAL MEMBERSHIP CARD v2 ===== */
.yyc-digital-card-wrap{width:min(100%,560px);margin:18px auto 8px;container-type:inline-size}
.yyc-digital-card{position:relative;width:100%;aspect-ratio:1.586/1;min-height:310px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.2,1);cursor:pointer;outline:none}
.yyc-digital-card.flipped{transform:rotateY(180deg)}
.yyc-card-face{position:absolute;inset:0;overflow:hidden;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#fff;box-shadow:0 28px 65px rgba(0,0,0,.32);border:1px solid rgba(239,202,123,.22)}
.yyc-card-front{background:linear-gradient(135deg,#071117 0%,#0c2228 48%,#102f31 100%)}
.yyc-card-back{transform:rotateY(180deg);background:linear-gradient(145deg,#071117,#102b31 55%,#0a1a1f)}
.yyc-card-inner{position:relative;z-index:3;height:100%;padding:clamp(18px,4cqw,28px);box-sizing:border-box}
.yyc-card-glow{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;right:-17%;top:-48%;background:radial-gradient(circle,rgba(239,202,123,.28),rgba(239,202,123,0) 68%);filter:blur(2px)}
.yyc-card-pattern{position:absolute;inset:0;opacity:.18;background:linear-gradient(120deg,transparent 0 42%,rgba(239,202,123,.15) 42.2%,transparent 42.5% 64%,rgba(255,255,255,.08) 64.2%,transparent 64.5%)}
.yyc-card-pattern:after{content:"YYC";position:absolute;right:-2%;bottom:-18%;font:900 38cqw/1 Inter,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.035);transform:rotate(-8deg)}
.yyc-card-header,.yyc-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.yyc-brand-lockup,.yyc-back-brand{display:flex;align-items:center;gap:10px;min-width:0}
.yyc-logo-orb,.yyc-back-brand img{width:clamp(36px,7cqw,48px);height:clamp(36px,7cqw,48px);border-radius:50%;border:1px solid rgba(239,202,123,.75);background:#071117;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.yyc-logo-orb img,.yyc-back-brand img{width:100%;height:100%;object-fit:cover}
.yyc-brand-lockup b,.yyc-back-brand b{display:block;font:800 clamp(9px,1.8cqw,13px)/1 Inter,sans-serif;letter-spacing:.06em;white-space:nowrap}
.yyc-brand-lockup span,.yyc-back-brand span{display:block;margin-top:4px;color:#aebdb8;font:600 clamp(7px,1.25cqw,9px)/1 Inter,sans-serif;letter-spacing:.08em}
.yyc-status{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font:800 clamp(7px,1.25cqw,9px)/1 Inter,sans-serif;letter-spacing:.09em;white-space:nowrap}
.yyc-status i{width:6px;height:6px;border-radius:50%;background:#e0ad55;box-shadow:0 0 10px rgba(224,173,85,.65)}
.yyc-status.active{color:#c9eddb;background:rgba(61,160,110,.10);border-color:rgba(91,205,145,.24)}
.yyc-status.active i{background:#5bd091;box-shadow:0 0 10px rgba(91,208,145,.65)}
.yyc-card-body{display:flex;align-items:center;gap:clamp(14px,3cqw,25px);margin-top:clamp(24px,5cqw,38px)}
.yyc-member-photo{width:clamp(72px,15cqw,108px);height:clamp(92px,19cqw,138px);border-radius:14px;border:2px solid rgba(239,202,123,.78);overflow:hidden;background:#0b1a1f;box-shadow:0 10px 24px rgba(0,0,0,.28);flex:0 0 auto}
.yyc-member-photo img{width:100%;height:100%;display:block;object-fit:cover;transform-origin:center;transition:transform .25s ease}
.yyc-member-copy{min-width:0}
.yyc-eyebrow{color:#bda774;font:800 clamp(7px,1.25cqw,9px)/1 Inter,sans-serif;letter-spacing:.18em}
.yyc-member-name{margin:5px 0 7px;font:850 clamp(20px,5.2cqw,32px)/.98 Inter,sans-serif;letter-spacing:-.035em;word-break:break-word}
.yyc-member-role{color:#edcb82;font:800 clamp(9px,1.55cqw,11px)/1 ui-monospace,monospace;letter-spacing:.1em}
.yyc-meta-row{display:flex;gap:clamp(10px,2.5cqw,22px);margin-top:12px;flex-wrap:wrap}
.yyc-meta-row span{font:600 clamp(8px,1.25cqw,10px)/1.25 Inter,sans-serif;color:#c8d3cf}
.yyc-meta-row small{display:block;color:#80918d;font:700 6px/1 Inter,sans-serif;letter-spacing:.16em;margin-bottom:4px}
.yyc-card-footer{position:absolute;left:clamp(18px,4cqw,28px);right:clamp(18px,4cqw,28px);bottom:clamp(15px,3cqw,22px);color:#83918d;font:700 6px/1 Inter,sans-serif;letter-spacing:.15em}
.yyc-barcode{height:20px;display:flex;align-items:flex-end;gap:2px;opacity:.82}
.yyc-barcode span{height:18px;background:#e9e7de;display:block}
.yyc-barcode span:nth-child(3n){height:12px}.yyc-barcode span:nth-child(5n){height:20px}
.yyc-card-back .yyc-card-inner{padding:clamp(20px,4.5cqw,30px)}
.yyc-back-title{margin-top:clamp(24px,5cqw,38px);font:850 clamp(17px,3.2cqw,23px)/1 Inter,sans-serif}
.yyc-back-copy{max-width:88%;margin:9px 0 18px;color:#b8c6c2;font:500 clamp(8px,1.45cqw,11px)/1.55 Inter,sans-serif}
.yyc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.yyc-detail-grid>div{padding:10px 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035)}
.yyc-detail-grid small{display:block;color:#71827e;font:700 6px/1 Inter,sans-serif;letter-spacing:.14em;margin-bottom:5px}
.yyc-detail-grid b{display:block;color:#eee9dd;font:800 clamp(8px,1.4cqw,10px)/1.15 Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yyc-contact-line{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#899894;font:600 clamp(6px,1.15cqw,8px)/1.2 Inter,sans-serif}
.yyc-contact-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yyc-back-note{position:absolute;left:clamp(20px,4.5cqw,30px);right:clamp(20px,4.5cqw,30px);bottom:clamp(16px,3cqw,22px);color:#bda774;font:800 6px/1 Inter,sans-serif;letter-spacing:.16em}
.yyc-card-hint{text-align:center;margin-top:9px;color:#7c8986;font:700 8px/1 Inter,sans-serif;letter-spacing:.13em}
@media(max-width:620px){.yyc-digital-card{min-height:250px}.yyc-card-face{border-radius:20px}}
@media(max-width:420px){.yyc-digital-card{min-height:220px}.yyc-card-body{margin-top:18px}.yyc-member-photo{border-radius:11px}.yyc-card-inner{padding:15px}.yyc-card-footer{left:15px;right:15px;bottom:13px}}
@media(prefers-reduced-motion:reduce){.yyc-digital-card{transition:none}}


/* ===== YYC CARD DESIGN OVERRIDES v3 ===== */
.yyc-digital-card-wrap{width:min(100%,620px);margin:20px auto 10px;container-type:inline-size}
.yyc-digital-card{aspect-ratio:1.586/1;min-height:320px;transition:transform .72s cubic-bezier(.18,.78,.18,1)}
.yyc-card-face{border-radius:26px;box-shadow:0 26px 70px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.12)}
.yyc-card-front{background:linear-gradient(140deg,#071015 0%,#10262a 54%,#183c39 100%)}
.yyc-role-leader .yyc-card-front{background:linear-gradient(140deg,#0b1113 0%,#17322e 54%,#6b5122 145%)}
.yyc-card-back{background:linear-gradient(145deg,#081013,#132a2c 58%,#1f302d)}
.yyc-role-leader .yyc-card-back{background:linear-gradient(145deg,#0b1113,#19312c 55%,#4b3a20)}
.yyc-card-inner{padding:clamp(19px,4cqw,30px)}
.yyc-card-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px}
.yyc-card-light{position:absolute;width:65%;height:80%;right:-16%;top:-45%;border-radius:50%;background:radial-gradient(circle,rgba(219,179,93,.32),rgba(219,179,93,0) 68%);filter:blur(5px)}
.yyc-brand-lockup b{font-size:clamp(13px,2.4cqw,18px)}
.yyc-brand-lockup span{font-size:clamp(7px,1.2cqw,9px)}
.yyc-id-chip{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.yyc-id-chip span{color:#91a29c;font:800 6px/1 Inter,sans-serif;letter-spacing:.16em}
.yyc-id-chip b{padding:6px 9px;border-radius:999px;color:#d3f0df;background:rgba(61,169,115,.12);border:1px solid rgba(95,211,147,.22);font:900 7px/1 Inter,sans-serif;letter-spacing:.12em}
.yyc-role-leader .yyc-id-chip b{color:#f2d38c;background:rgba(210,166,73,.13);border-color:rgba(228,190,101,.26)}
.yyc-card-main{margin-top:clamp(28px,6cqw,48px);gap:clamp(14px,3.2cqw,26px)}
.yyc-member-photo{width:clamp(82px,17cqw,116px);height:clamp(102px,21cqw,148px);padding:5px;border-radius:18px;background:linear-gradient(145deg,#e6c77e,#6b5730);box-shadow:0 14px 28px rgba(0,0,0,.32)}
.yyc-photo-frame{width:100%;height:100%;overflow:hidden;border-radius:13px;background:#11191b}
.yyc-member-name{font-size:clamp(21px,5.5cqw,35px);font-weight:900}
.yyc-card-kicker{color:#d0b36f;font-weight:900;letter-spacing:.2em}
.yyc-member-role{color:#eee4ca}
.yyc-role-leader .yyc-member-role{color:#f0ce83}
.yyc-data-strip{display:flex;gap:10px;margin-top:15px}
.yyc-data-strip>div{min-width:0;padding:9px 11px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.yyc-data-strip small,.yyc-detail-grid small{display:block;color:#778983;font:800 6px/1 Inter,sans-serif;letter-spacing:.15em;margin-bottom:5px}
.yyc-data-strip b{display:block;color:#ece8de;font:800 clamp(8px,1.35cqw,10px)/1.15 Inter,sans-serif;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yyc-card-bottom,.yyc-back-footer{position:absolute;left:clamp(19px,4cqw,30px);right:clamp(19px,4cqw,30px);bottom:clamp(16px,3.1cqw,23px);display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.yyc-card-bottom small{display:block;color:#71817d;font:800 6px/1.2 Inter,sans-serif;letter-spacing:.13em}
.yyc-card-bottom b{display:block;margin-top:4px;color:#cbb06b;font:900 7px/1 Inter,sans-serif;letter-spacing:.16em}
.yyc-barcode{height:21px;display:flex;align-items:flex-end;gap:2px;opacity:.9}
.yyc-barcode span{width:2px;height:17px;background:#eae7db;display:block}
.yyc-barcode span:nth-child(3n){height:10px}.yyc-barcode span:nth-child(5n){height:21px}.yyc-barcode span:nth-child(8n){width:3px}
.yyc-back-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.yyc-back-brand b{display:block;font:850 clamp(9px,1.65cqw,12px)/1 Inter,sans-serif;letter-spacing:.07em}
.yyc-back-seal{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(229,191,104,.55);color:#e7c776;font:900 12px/1 Inter,sans-serif}
.yyc-back-title{margin-top:clamp(25px,5cqw,40px);font:900 clamp(18px,3.6cqw,25px)/1 Inter,sans-serif}
.yyc-detail-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}
.yyc-detail-grid>div{min-width:0;padding:10px 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035)}
.yyc-detail-grid b{display:block;color:#efebe0;font:800 clamp(8px,1.4cqw,10px)/1.15 Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yyc-back-contact{display:flex;justify-content:space-between;gap:12px;margin-top:11px;color:#93a39e;font:650 clamp(6px,1.1cqw,8px)/1.2 Inter,sans-serif}
.yyc-back-contact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yyc-back-footer{color:#c5a75e;font:850 6px/1 Inter,sans-serif;letter-spacing:.14em}
@media(max-width:450px){.yyc-digital-card{min-height:218px}.yyc-card-inner{padding:14px}.yyc-card-main{margin-top:18px;gap:11px}.yyc-member-photo{width:72px;height:92px;padding:4px;border-radius:13px}.yyc-photo-frame{border-radius:10px}.yyc-member-name{font-size:18px}.yyc-data-strip{margin-top:9px;gap:6px}.yyc-data-strip>div{padding:7px 8px}.yyc-data-strip b{max-width:105px}.yyc-card-bottom,.yyc-back-footer{left:14px;right:14px;bottom:12px}.yyc-detail-grid{gap:6px;margin-top:10px}.yyc-detail-grid>div{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.yyc-digital-card{transition:none}}


/* ===== YYC AESTHETIC ID CARD v4 ===== */
.yyc-digital-card-wrap{width:min(100%,680px);margin:22px auto 10px;container-type:inline-size}
.yyc-digital-card{width:100%;aspect-ratio:1.72/1;min-height:330px}
.yyc-card-face{border-radius:28px;border:1px solid rgba(228,194,111,.22);box-shadow:0 30px 80px rgba(0,0,0,.42)}
.yyc-card-front{background:
  radial-gradient(circle at 88% 8%,rgba(225,191,105,.18),transparent 30%),
  linear-gradient(135deg,#071014 0%,#0c1d22 48%,#142d2c 100%)}
.yyc-role-leader .yyc-card-front{background:
  radial-gradient(circle at 88% 8%,rgba(237,198,105,.24),transparent 30%),
  linear-gradient(135deg,#080e11 0%,#102322 48%,#55421f 125%)}
.yyc-card-back{background:linear-gradient(145deg,#071013 0%,#10292b 62%,#1f352f 100%)}
.yyc-role-leader .yyc-card-back{background:linear-gradient(145deg,#080e10 0%,#17302c 60%,#4a381e 100%)}
.yyc-idcard-layout{padding:clamp(20px,4cqw,30px);display:flex;flex-direction:column}
.yyc-card-aurora{position:absolute;width:70%;height:120%;right:-18%;top:-58%;border-radius:50%;background:radial-gradient(circle,rgba(220,180,83,.14),transparent 66%);filter:blur(10px)}
.yyc-idcard-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px}
.yyc-id-brand{display:flex;align-items:center;gap:11px;min-width:0}
.yyc-id-brand .yyc-logo-orb{width:48px;height:48px;box-shadow:0 0 0 4px rgba(220,186,94,.05)}
.yyc-id-brand b{display:block;font:900 clamp(12px,2.2cqw,17px)/1 Inter,sans-serif;letter-spacing:.045em}
.yyc-id-brand span{display:block;margin-top:5px;color:#9aaea8;font:700 clamp(7px,1.15cqw,9px)/1 Inter,sans-serif;letter-spacing:.12em}
.yyc-id-type{padding:7px 10px;border:1px solid rgba(224,192,111,.28);border-radius:999px;color:#dcbf78;font:900 7px/1 Inter,sans-serif;letter-spacing:.16em;white-space:nowrap}
.yyc-idcard-content{position:relative;z-index:2;display:grid;grid-template-columns:112px minmax(0,1fr) 132px;gap:clamp(15px,2.8cqw,24px);align-items:center;margin-top:clamp(23px,4cqw,33px);flex:1;min-height:0}
.yyc-id-photo{width:112px;height:142px;padding:5px;border-radius:18px;background:linear-gradient(150deg,#f0d38b 0%,#a47c32 52%,#57431f 100%);box-shadow:0 16px 30px rgba(0,0,0,.35)}
.yyc-id-photo .yyc-photo-frame{width:100%;height:100%;border-radius:13px;background:#0c1618}
.yyc-id-details{min-width:0;align-self:center}
.yyc-id-name{color:#f5f0e5;font:900 clamp(22px,5.1cqw,34px)/.98 Inter,sans-serif;letter-spacing:-.045em;word-break:break-word}
.yyc-id-position{margin-top:7px;color:#d7ba70;font:800 clamp(10px,1.5cqw,12px)/1.15 Inter,sans-serif;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yyc-id-field{margin-top:10px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08);min-width:0}
.yyc-id-field span{display:block;color:#70837d;font:800 6px/1 Inter,sans-serif;letter-spacing:.17em}
.yyc-id-field b{display:block;margin-top:4px;color:#edf0ea;font:750 clamp(8px,1.35cqw,11px)/1.15 Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yyc-id-qr-panel{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(10px)}
.yyc-qr-frame{width:min(116px,100%);aspect-ratio:1;padding:7px;border-radius:13px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.28);display:grid;place-items:center}
.yyc-live-qr{width:100%;height:100%;display:grid;place-items:center;background:#fff}
.yyc-live-qr canvas,.yyc-live-qr img{width:100%!important;height:100%!important;display:block!important}
.yyc-id-qr-panel>span{margin-top:8px;color:#e3c77e;font:900 6px/1 Inter,sans-serif;letter-spacing:.16em}
.yyc-id-qr-panel>small{margin-top:4px;color:#73837e;font:700 5px/1 Inter,sans-serif;letter-spacing:.09em;text-align:center}
.yyc-idcard-footer{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px}
.yyc-idcard-footer>div:first-child{min-width:0}
.yyc-idcard-footer small{display:block;color:#71827d;font:800 6px/1 Inter,sans-serif;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.yyc-idcard-footer>div:first-child span{display:block;margin-top:4px;color:#b89b59;font:850 6px/1 Inter,sans-serif;letter-spacing:.14em}
.yyc-approved-seal{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(91,210,145,.25);background:rgba(66,165,111,.09);min-width:0}
.yyc-approved-seal i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#57c98d;color:#07130e;font:950 11px/1 Inter,sans-serif;font-style:normal}
.yyc-approved-seal b{display:block;color:#bfead1;font:900 6px/1 Inter,sans-serif;letter-spacing:.09em;white-space:nowrap}
.yyc-approved-seal span{display:block;margin-top:3px;color:#6f9a84;font:700 5px/1 Inter,sans-serif;letter-spacing:.11em;white-space:nowrap}
.yyc-approved-seal.pending{border-color:rgba(223,173,76,.24);background:rgba(214,168,71,.07)}
.yyc-approved-seal.pending i{background:#d7ac59}
.yyc-approved-seal.pending b{color:#ecd18e}
.yyc-approved-seal.pending span{color:#9e8551}
.yyc-mini-barcode{height:20px;display:flex;align-items:flex-end;gap:2px;opacity:.82}
.yyc-mini-barcode span{display:block;width:2px;height:15px;background:#e9e6dc}
.yyc-mini-barcode span:nth-child(4n){height:9px}.yyc-mini-barcode span:nth-child(6n){height:20px}.yyc-mini-barcode span:nth-child(9n){width:3px}
.yyc-back-layout{padding:clamp(22px,4cqw,30px)}
.yyc-back-layout .yyc-back-brand{display:flex;align-items:center;gap:11px}
.yyc-back-layout .yyc-back-brand img{width:46px;height:46px}
.yyc-back-copy{margin-top:clamp(28px,5cqw,42px)}
.yyc-back-label{color:#cdb16d;font:900 7px/1 Inter,sans-serif;letter-spacing:.18em}
.yyc-back-copy h3{margin:7px 0 5px;color:#f0eee6;font:900 clamp(19px,3.7cqw,27px)/1 Inter,sans-serif}
.yyc-back-copy p{max-width:80%;color:#aab8b4;font:500 clamp(8px,1.35cqw,10px)/1.5 Inter,sans-serif}
.yyc-back-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.yyc-back-details>div{padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035)}
.yyc-back-details span{display:block;color:#71827d;font:800 6px/1 Inter,sans-serif;letter-spacing:.14em}
.yyc-back-details b{display:block;margin-top:5px;color:#eae9e2;font:800 8px/1.15 Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yyc-back-bottom{position:absolute;left:clamp(22px,4cqw,30px);right:clamp(22px,4cqw,30px);bottom:clamp(16px,3cqw,23px);display:flex;justify-content:space-between;align-items:flex-end;color:#bfa260;font:850 6px/1 Inter,sans-serif;letter-spacing:.15em}
@media(max-width:650px){
  .yyc-digital-card{min-height:280px}
  .yyc-idcard-content{grid-template-columns:88px minmax(0,1fr) 92px;gap:11px}
  .yyc-id-photo{width:88px;height:112px;padding:4px;border-radius:14px}
  .yyc-id-photo .yyc-photo-frame{border-radius:10px}
  .yyc-qr-frame{padding:5px}
}
@media(max-width:500px){
  .yyc-digital-card{min-height:250px}
  .yyc-card-face{border-radius:21px}
  .yyc-idcard-layout{padding:15px}
  .yyc-id-brand .yyc-logo-orb{width:38px;height:38px}
  .yyc-id-brand b{font-size:10px}.yyc-id-brand span{font-size:6px}
  .yyc-id-type{font-size:6px;padding:6px 8px}
  .yyc-idcard-content{grid-template-columns:70px minmax(0,1fr) 78px;gap:8px;margin-top:15px}
  .yyc-id-photo{width:70px;height:90px;padding:3px;border-radius:11px}
  .yyc-id-name{font-size:17px}
  .yyc-id-position{font-size:8px;margin-top:5px}
  .yyc-id-field{margin-top:6px;padding-bottom:4px}
  .yyc-id-field span{font-size:5px}.yyc-id-field b{font-size:7px;margin-top:3px}
  .yyc-id-qr-panel{padding:6px 4px;border-radius:11px}
  .yyc-qr-frame{width:68px;padding:4px;border-radius:8px}
  .yyc-id-qr-panel>span{font-size:5px;margin-top:5px}.yyc-id-qr-panel>small{display:none}
  .yyc-idcard-footer{margin-top:8px;gap:6px}
  .yyc-idcard-footer small{font-size:5px;max-width:120px}
  .yyc-idcard-footer>div:first-child span{font-size:5px}
  .yyc-approved-seal{padding:5px 7px;gap:5px}
  .yyc-approved-seal i{width:15px;height:15px;font-size:8px}
  .yyc-approved-seal b{font-size:5px}.yyc-approved-seal span{font-size:4px}
  .yyc-mini-barcode{display:none}
  .yyc-back-copy{margin-top:24px}.yyc-back-copy p{max-width:95%}
  .yyc-back-details{gap:6px;margin-top:12px}.yyc-back-details>div{padding:7px 8px}
  .yyc-back-details b{font-size:7px}
}

/* ===== LEADERS SECTION — NATURAL PHOTO FRAMING ===== */
.leaders-grid{align-items:start}
.leader-card{background:linear-gradient(180deg,#0b1116,#080d10);border-color:rgba(237,192,104,.13)}
.leader-photo{aspect-ratio:16/9;height:auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#12191c,#0b1013);padding:8px;box-sizing:border-box}
.leader-photo img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;display:block;transform-origin:center center;max-width:100%;max-height:100%}
.leader-info{padding:14px 16px 17px}
.leader-info strong{font-size:24px}
@media(max-width:980px){
  .leader-photo{aspect-ratio:16/10;padding:7px}
}
@media(max-width:620px){
  .leader-photo{aspect-ratio:16/10;padding:6px}
  .leader-info{padding:12px 14px 15px}
  .leader-info strong{font-size:21px}
}

/* ===== PUBLIC LEADERS — NATURAL PHOTOS ===== */
.leaders-grid .leader-card .leader-photo.natural-leader-photo{
  width:100%!important;height:230px!important;min-height:0!important;aspect-ratio:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;overflow:hidden!important;background:transparent!important;
}
.leaders-grid .leader-card .leader-photo.natural-leader-photo img{
  width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;transform:none!important;display:block!important;
}
@media(max-width:980px){.leaders-grid .leader-card .leader-photo.natural-leader-photo{height:215px!important}}
@media(max-width:620px){.leaders-grid .leader-card .leader-photo.natural-leader-photo{height:200px!important}}
@media(max-width:450px){.leaders-grid .leader-card .leader-photo.natural-leader-photo{height:185px!important}}

/* ===== LEADERS SECTION — COMPACT PROFILE CARDS v5 ===== */
.leaders-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.leaders-grid .leader-card.compact-leader-card{
  position:relative!important;
  min-height:152px!important;
  height:auto!important;
  display:block!important;
  overflow:hidden!important;
  padding:14px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(237,192,104,.14)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(13,22,26,.98),rgba(7,12,15,.98))!important;
  box-shadow:0 14px 32px rgba(0,0,0,.20)!important;
}
.leaders-grid .leader-profile-row{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  min-height:116px!important;
}
.leaders-grid .leader-avatar{
  width:78px!important;
  height:102px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(226,190,103,.13),rgba(255,255,255,.03))!important;
  border:1px solid rgba(226,190,103,.26)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.leaders-grid .leader-avatar img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  display:block!important;
}
.leaders-grid .leader-kicker{
  display:block!important;
  margin-bottom:5px!important;
  color:#b99b5d!important;
  font:800 6px/1 Inter,sans-serif!important;
  letter-spacing:.18em!important;
}
.leaders-grid .leader-info{padding:0!important;min-width:0!important}
.leaders-grid .leader-info strong{
  display:block!important;
  color:#f0ce8b!important;
  font:600 clamp(21px,2.2vw,27px)/1 "Cormorant Garamond",serif!important;
  letter-spacing:-.01em!important;
  word-break:break-word!important;
}
.leaders-grid .leader-info small{
  display:block!important;
  margin-top:6px!important;
  color:#ddd0bb!important;
  font:700 8px/1.25 Inter,sans-serif!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.leaders-grid .leader-info .micro{
  margin-top:9px!important;
  color:#7f8a8a!important;
  font:600 6px/1.35 Inter,sans-serif!important;
  letter-spacing:.07em!important;
  white-space:normal!important;
}
.leaders-grid .leader-card-line{
  height:1px!important;
  margin-top:10px!important;
  background:linear-gradient(90deg,rgba(224,185,96,.28),rgba(224,185,96,0))!important;
}
@media(max-width:1100px){
  .leaders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .leaders-grid{grid-template-columns:1fr;gap:10px}
  .leaders-grid .leader-card.compact-leader-card{min-height:132px!important;padding:11px!important;border-radius:15px!important}
  .leaders-grid .leader-profile-row{grid-template-columns:64px minmax(0,1fr)!important;gap:11px!important;min-height:96px!important}
  .leaders-grid .leader-avatar{width:64px!important;height:84px!important;border-radius:12px!important}
  .leaders-grid .leader-info strong{font-size:22px!important}
  .leaders-grid .leader-info small{font-size:7px!important}
  .leaders-grid .leader-info .micro{font-size:5.5px!important}
}
@media(max-width:420px){
  .leaders-grid .leader-profile-row{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important}
  .leaders-grid .leader-avatar{width:58px!important;height:76px!important}
  .leaders-grid .leader-info strong{font-size:20px!important}
}

/* ===== SINGLE QR DISPLAY ===== */
.yyc-live-qr{overflow:hidden}
.yyc-live-qr canvas{display:block!important;width:100%!important;height:100%!important}
.yyc-live-qr img{display:block!important;width:100%!important;height:100%!important;object-fit:contain;background:#fff}


/* ===== YYC PHOTO ADJUSTMENT PANEL — REDESIGNED ===== */
.yyc-photo-editor.ig-photo-editor{
  display:block;
  margin-top:20px;
  padding:18px;
  border:1px solid rgba(237,193,105,.14);
  border-radius:24px;
  background:
    radial-gradient(circle at 15% 0%,rgba(237,193,105,.08),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03);
}
.ig-editor-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.ig-editor-kicker{
  display:block;
  color:#d7ae66;
  font:700 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:.22em;
}
.ig-editor-head h3{
  margin:7px 0 5px;
  color:#f0e7d7;
  font:600 24px/1.05 "DM Serif Display",serif;
}
.ig-editor-head p{
  margin:0;
  max-width:560px;
  color:#7f8786;
  font:500 10px/1.5 "Space Grotesk",sans-serif;
}
.ig-editor-badge{
  flex:0 0 auto;
  padding:7px 9px;
  border:1px solid rgba(237,193,105,.16);
  border-radius:999px;
  color:#bda774;
  background:rgba(237,193,105,.045);
  font:700 7px/1 "Space Grotesk",sans-serif;
  letter-spacing:.14em;
}
.ig-editor-body{
  display:grid;
  grid-template-columns:minmax(300px,1fr) 250px;
  gap:16px;
  align-items:stretch;
}
.ig-preview-wrap{
  min-width:0;
  padding:10px;
  border-radius:20px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.05);
}
.yyc-photo-preview.ig-photo-preview{
  position:relative;
  width:min(100%,430px);
  aspect-ratio:1/1;
  height:auto;
  margin:auto;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(237,193,105,.2);
  background:#070b0e;
  cursor:grab;
  touch-action:none;
  box-shadow:0 18px 40px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.025);
}
.yyc-photo-preview.ig-photo-preview.is-dragging{cursor:grabbing}
.ig-preview-topline,
.ig-preview-bottom{
  position:absolute;
  left:12px;
  right:12px;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  pointer-events:none;
  font:700 7px/1 "Space Grotesk",sans-serif;
  letter-spacing:.14em;
  color:rgba(239,229,208,.72);
}
.ig-preview-topline{top:11px}
.ig-preview-topline b{
  padding:4px 6px;
  border-radius:999px;
  background:rgba(3,6,8,.62);
  border:1px solid rgba(255,255,255,.08);
  font-size:6px;
}
.ig-preview-bottom{bottom:11px;color:rgba(239,229,208,.46)}
.ig-preview-bottom span:last-child{text-align:right}
.yyc-photo-preview.ig-photo-preview .ig-crop-grid{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:.2;
  background:
    linear-gradient(90deg,transparent 32.8%,rgba(255,255,255,.72) 32.8%,rgba(255,255,255,.72) 33.1%,transparent 33.1%,transparent 66.9%,rgba(255,255,255,.72) 66.9%,rgba(255,255,255,.72) 67.2%,transparent 67.2%),
    linear-gradient(0deg,transparent 32.8%,rgba(255,255,255,.72) 32.8%,rgba(255,255,255,.72) 33.1%,transparent 33.1%,transparent 66.9%,rgba(255,255,255,.72) 66.9%,rgba(255,255,255,.72) 67.2%,transparent 67.2%);
}
.yyc-photo-preview.ig-photo-preview:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:12px;
  z-index:4;
  border:1px solid rgba(239,202,123,.52);
  border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 7px rgba(239,202,123,.05);
  opacity:.42;
  pointer-events:none;
}
.ig-preview-topline,.ig-preview-bottom{transition:opacity .2s ease}
.yyc-photo-preview.ig-photo-preview.is-dragging .ig-preview-topline,
.yyc-photo-preview.ig-photo-preview.is-dragging .ig-preview-bottom{opacity:.3}
.yyc-photo-preview.ig-photo-preview img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:50% 50%;
  transform-origin:center center;
  user-select:none;
  -webkit-user-drag:none;
  will-change:transform;
  transition:transform .12s cubic-bezier(.22,1,.36,1);
}
.yyc-photo-preview.ig-photo-preview.is-dragging img{transition:none}
.ig-adjust-panel{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100%;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(4,8,11,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.ig-adjust-block{display:grid;gap:12px}
.ig-block-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#9d9689;
  font:700 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:.15em;
}
.ig-block-label output{
  color:#eed18b;
  font:700 16px/1 "Space Grotesk",sans-serif;
  letter-spacing:0;
}
.ig-block-label small{
  color:#696f70;
  font:500 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:0;
}
.ig-range-shell{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:9px;
  color:#686e6e;
  font:700 7px/1 "Space Grotesk",sans-serif;
}
.ig-zoom-range{
  width:100%;
  height:22px;
  margin:0;
  accent-color:#d7ae66;
  cursor:pointer;
}
.ig-position-status{gap:10px}
.ig-position-readout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.ig-position-readout span{
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025);
  color:#707778;
  font:700 7px/1 "Space Grotesk",sans-serif;
  letter-spacing:.12em;
}
.ig-position-readout b{
  float:right;
  color:#ded2bd;
  font-size:9px;
  letter-spacing:0;
}
.ig-adjust-divider{
  height:1px;
  margin:18px 0;
  background:rgba(255,255,255,.06);
}
.ig-adjust-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:20px;
}
.ig-secondary-btn,
.ig-reset-btn{
  min-height:38px;
  border-radius:11px;
  border:1px solid rgba(237,193,105,.13);
  background:rgba(255,255,255,.035);
  color:#c8b991;
  font:800 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:.12em;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.ig-secondary-btn span,.ig-reset-btn span{
  margin-right:5px;
  font-size:13px;
  vertical-align:-1px;
}
.ig-secondary-btn:hover,.ig-reset-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(237,193,105,.32);
  background:rgba(237,193,105,.065);
  color:#f0d695;
}
.ig-secondary-btn:active,.ig-reset-btn:active{transform:translateY(0)}
/* remove the old floating directional dock completely */
.ig-hover-controls{display:none!important}

@media(max-width:820px){
  .ig-editor-body{grid-template-columns:1fr}
  .ig-adjust-panel{gap:18px}
  .ig-adjust-actions{margin-top:0}
  .ig-preview-wrap{padding:8px}
  .yyc-photo-preview.ig-photo-preview{width:min(100%,470px)}
}
@media(max-width:540px){
  .yyc-photo-editor.ig-photo-editor{padding:13px;border-radius:20px}
  .ig-editor-head{display:block}
  .ig-editor-head h3{font-size:21px}
  .ig-editor-badge{display:inline-block;margin-top:10px}
  .ig-editor-head p{font-size:9px}
  .ig-adjust-panel{padding:13px}
  .ig-adjust-divider{margin:14px 0}
}

/* ===== Admin expansion: search, events, reports ===== */
.admin-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin:14px 0;
}
.admin-search{
  flex:1;
  min-width:0;
  height:40px;
  padding:0 13px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.07);
  outline:none;
  background:rgba(255,255,255,.025);
  color:#e7ddca;
  font:600 10px/1 "Space Grotesk",sans-serif;
}
.admin-search::placeholder{color:#666d6d}
.admin-search:focus{border-color:rgba(220,180,98,.32);box-shadow:0 0 0 3px rgba(220,180,98,.05)}
.admin-result-count{
  flex:0 0 auto;
  color:#747b7b;
  font:700 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:.08em;
}
.admin-subline{
  margin:5px 0 0;
  color:#777f80;
  font:500 10px/1.5 "Space Grotesk",sans-serif;
}
.admin-note{
  padding:12px 14px;
  margin:10px 0 14px;
  border:1px solid rgba(237,193,105,.10);
  border-radius:13px;
  background:rgba(237,193,105,.035);
  color:#858b8a;
  font:500 9px/1.55 "Space Grotesk",sans-serif;
}
.events-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.event-admin-card{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:12px;
  min-width:0;
  padding:13px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}
.event-admin-date{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:65px;
  padding:8px;
  border-radius:11px;
  background:rgba(220,180,98,.07);
  color:#e4c47f;
  text-align:center;
  font:800 9px/1.25 "Space Grotesk",sans-serif;
}
.event-admin-main{min-width:0}
.event-admin-main strong{
  display:block;
  color:#eee4d2;
  font:700 13px/1.2 "Space Grotesk",sans-serif;
}
.event-admin-main span{
  display:block;
  margin-top:5px;
  color:#9b9180;
  font:600 8px/1.35 "Space Grotesk",sans-serif;
}
.event-admin-main p{
  margin:7px 0 0;
  color:#6e7676;
  font:500 9px/1.5 "Space Grotesk",sans-serif;
}
.report-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.report-card{
  min-height:92px;
  padding:14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.06);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.report-card span{
  color:#777f80;
  font:700 8px/1.2 "Space Grotesk",sans-serif;
  letter-spacing:.08em;
}
.report-card strong{
  color:#ecd08b;
  font:700 25px/1 "Space Grotesk",sans-serif;
}
.report-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}
.report-panel{
  padding:15px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:15px;
  background:rgba(255,255,255,.022);
}
.report-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.report-panel h3{
  margin:0;
  color:#e7dece;
  font:700 11px/1.2 "Space Grotesk",sans-serif;
}
.report-panel-head b{
  color:#e7c976;
  font:800 15px/1 "Space Grotesk",sans-serif;
}
.report-progress{
  height:7px;
  margin:13px 0 9px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
.report-progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#b08a48,#efd58e);
}
.report-panel p{
  margin:0;
  color:#727979;
  font:500 8px/1.45 "Space Grotesk",sans-serif;
}
@media(max-width:700px){
  .events-admin-grid,.report-split{grid-template-columns:1fr}
  .report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .admin-toolbar{display:block}
  .admin-result-count{display:block;margin-top:8px}
  .report-grid{grid-template-columns:1fr 1fr;gap:7px}
  .report-card{min-height:82px;padding:11px}
  .report-card strong{font-size:21px}
  .event-admin-card{grid-template-columns:62px 1fr}
}

/* Admin header: keep Logout clear of the modal X close control. */
.modal-shell:has(.admin-shell) .modal-close{
  z-index:20;
  right:14px;
  top:12px;
  pointer-events:auto;
}
.modal-shell:has(.admin-shell) .admin-header{
  padding-right:58px;
}
.modal-shell:has(.admin-shell) .admin-header .mini-btn{
  position:relative;
  z-index:2;
}

/* ===== MODAL CLOSE BUTTON — HARDENED ===== */
.modal-shell{z-index:1}
.modal-close{z-index:9999!important;pointer-events:auto!important;cursor:pointer!important;}
.modal-close:hover{transform:scale(1.04);}

/* ===== YYC MOTION SYSTEM — CINEMATIC NAVIGATION ===== */
.hero-photo{
  --yyc-pan-x:1.7%;
  --yyc-pan-y:0%;
  transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.15s cubic-bezier(.16,1,.3,1);
  will-change:transform,filter;
}
.hero-photo.yyc-bg-navigate{
  animation:yycHeroBackgroundMove 1.1s cubic-bezier(.16,1,.3,1);
}
@keyframes yycHeroBackgroundMove{
  0%{transform:scale(1.035) translate3d(0,0,0);filter:saturate(1.08) contrast(1.07)}
  38%{transform:scale(1.105) translate3d(var(--yyc-pan-x),var(--yyc-pan-y),0);filter:saturate(1.15) contrast(1.12) brightness(1.035)}
  72%{transform:scale(1.075) translate3d(calc(var(--yyc-pan-x)*.58),calc(var(--yyc-pan-y)*.58),0);filter:saturate(1.11) contrast(1.09)}
  100%{transform:scale(1.035) translate3d(0,0,0);filter:saturate(1.08) contrast(1.07)}
}

.section.yyc-section-navigate{
  animation:yycSectionEnter .82s cubic-bezier(.16,1,.3,1);
}
@keyframes yycSectionEnter{
  0%{opacity:.7;transform:translateY(22px) scale(.988)}
  55%{opacity:1;transform:translateY(-3px) scale(1.002)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}

body.yyc-page-motion .topbar{
  box-shadow:0 8px 30px rgba(0,0,0,.22),0 1px 0 rgba(239,196,100,.18);
}
body.yyc-page-motion .hero-logo{
  animation:yycLogoPulse .52s cubic-bezier(.16,1,.3,1);
}
@keyframes yycLogoPulse{
  0%{transform:scale(1)}
  45%{transform:scale(1.035) rotate(.35deg)}
  100%{transform:scale(1)}
}

/* Smooth click feedback for every main control. */
button,.btn,.link-btn,.nav-link,.mobile-panel a,.culture-orb,.scroll-cue{
  -webkit-tap-highlight-color:transparent;
}
.yyc-click-pulse{animation:yycClickPulse .32s cubic-bezier(.16,1,.3,1)}
@keyframes yycClickPulse{
  0%{transform:translateZ(0) scale(1)}
  45%{transform:translateZ(0) scale(.965)}
  100%{transform:translateZ(0) scale(1)}
}
.yyc-ripple{
  position:absolute;
  display:block;
  border-radius:50%;
  pointer-events:none;
  transform:scale(0);
  background:rgba(244,211,145,.19);
  mix-blend-mode:screen;
  animation:yycRipple .62s cubic-bezier(.16,1,.3,1) forwards;
  z-index:100;
}
@keyframes yycRipple{
  0%{opacity:.65;transform:scale(0)}
  70%{opacity:.12}
  100%{opacity:0;transform:scale(1)}
}

/* Admin tab content now has a dedicated enter motion instead of snapping. */
.yyC-admin-tab-enter,
.yyc-admin-tab-enter{
  animation:yycAdminTabEnter .48s cubic-bezier(.16,1,.3,1);
}
@keyframes yycAdminTabEnter{
  0%{opacity:0;transform:translateY(12px);filter:blur(2px)}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}
}

/* Modal content gently arrives instead of appearing abruptly. */
.modal.open .modal-shell{
  animation:yycModalIn .48s cubic-bezier(.16,1,.3,1);
}
@keyframes yycModalIn{
  0%{opacity:0;transform:translateY(18px) scale(.975)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}

/* Cards and image tiles respond subtly as the pointer moves over them. */
.glimpse-feature img,.glimpse-card img,.gallery-card img,.leader-avatar img{
  transition:transform .75s cubic-bezier(.16,1,.3,1),filter .45s ease;
}
.glimpse-feature:hover img,.glimpse-card:hover img,.gallery-card:hover img{
  transform:scale(1.045);
  filter:saturate(1.06) contrast(1.03);
}
.leader-card:hover .leader-avatar img{
  transform:scale(1.04);
}

/* Respect reduced-motion preferences. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-photo,.hero-photo.yyc-bg-navigate,.section.yyc-section-navigate,body.yyc-page-motion .hero-logo,
  .yyc-click-pulse,.yyc-ripple,.modal.open .modal-shell,.yyc-admin-tab-enter,.yyC-admin-tab-enter{
    animation:none!important;
    transition:none!important;
  }
}

/* ===== MOTION FIX: NO SIZE GROWTH / NO TEMPORARY PAGE GAPS ===== */
.yyc-click-pulse,
.yyc-click-pulse:hover{
  animation:none!important;
  transform:none!important;
}
.yyc-click-flash{
  animation:yycClickFlash .26s ease-out!important;
  transform:none!important;
}
@keyframes yycClickFlash{
  0%{background-color:rgba(237,193,105,.13)}
  100%{background-color:transparent}
}

/* Section animation uses opacity only; transform caused a temporary gap above sections. */
.section.yyc-section-navigate{
  animation:yycSectionFade .62s cubic-bezier(.16,1,.3,1)!important;
}
@keyframes yycSectionFade{
  0%{opacity:.68;filter:brightness(.88)}
  55%{opacity:1;filter:brightness(1.04)}
  100%{opacity:1;filter:brightness(1)}
}

/* Admin tab animation also stays in place so the workspace does not create extra space. */
.yyc-admin-tab-enter,
.yyC-admin-tab-enter{
  animation:yycAdminTabFade .4s ease-out!important;
}
@keyframes yycAdminTabFade{
  0%{opacity:.5;filter:blur(1px)}
  100%{opacity:1;filter:blur(0)}
}

/* Prevent any click-effect child from affecting document overflow or layout. */
button,.btn,.link-btn,.nav-link,.mobile-panel a,.culture-orb,.scroll-cue{
  overflow:hidden;
  isolation:isolate;
}

/* ===== YYC EVENTS — CINEMATIC PUBLIC CARDS ===== */
.events-section{
  background:
    radial-gradient(circle at 12% 18%,rgba(221,174,84,.08),transparent 26%),
    radial-gradient(circle at 88% 78%,rgba(39,82,72,.08),transparent 28%),
    linear-gradient(180deg,#071017 0%,#060b0f 55%,#05080b 100%);
}
.events-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.event-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(237,192,104,.16);
  border-radius:20px;
  background:linear-gradient(155deg,rgba(12,20,24,.98),rgba(6,10,13,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.event-card-media{
  position:relative;
  height:210px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 20%,rgba(231,189,92,.14),transparent 32%),
    linear-gradient(145deg,#101b1f,#080c0f);
}
.event-card-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s ease;
}
.event-card:hover .event-card-media img{
  transform:scale(1.055);
  filter:saturate(1.08) contrast(1.04);
}
.event-card-art{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  padding:20px;
  background:
    radial-gradient(circle at 75% 15%,rgba(242,198,103,.16),transparent 28%),
    linear-gradient(140deg,#172025,#0a0f13);
}
.event-card-art span{
  color:#e8c675;
  font:800 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:.26em;
}
.event-card-art b{
  margin-top:7px;
  color:#e9dfce;
  font:600 34px/1 "Cormorant Garamond",serif;
  letter-spacing:.04em;
}
.event-date-badge{
  position:absolute;
  top:14px;
  left:14px;
  width:68px;
  min-height:78px;
  padding:9px 7px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(246,212,145,.28);
  border-radius:14px;
  background:rgba(4,8,10,.78);
  backdrop-filter:blur(10px);
  box-shadow:0 12px 30px rgba(0,0,0,.26);
}
.event-date-badge b{
  color:#f0d08c;
  font:700 25px/1 "Space Grotesk",sans-serif;
}
.event-date-badge span{
  margin-top:5px;
  color:#e5d7be;
  font:800 7px/1 "Space Grotesk",sans-serif;
  letter-spacing:.15em;
}
.event-date-badge small{
  margin-top:4px;
  color:#777f80;
  font:700 6px/1 "Space Grotesk",sans-serif;
}
.event-card-body{padding:17px 17px 18px}
.event-kicker{
  display:block;
  color:#b3955a;
  font:800 7px/1 "Space Grotesk",sans-serif;
  letter-spacing:.2em;
}
.event-card-body h3{
  margin:8px 0 6px;
  color:#eee5d5;
  font:600 25px/1.05 "Cormorant Garamond",serif;
}
.event-card-body p{
  margin:0;
  color:#858d8d;
  font:500 10px/1.55 "Space Grotesk",sans-serif;
}
.event-meta{
  margin-top:13px;
  padding-top:10px;
  border-top:1px solid rgba(237,193,105,.08);
  color:#c2b18e;
  font:700 8px/1.35 "Space Grotesk",sans-serif;
  letter-spacing:.04em;
}
.event-skeleton{
  min-height:325px;
  pointer-events:none;
}
.event-skeleton-media{
  height:210px;
  background:
    linear-gradient(100deg,rgba(255,255,255,.02),rgba(255,255,255,.065),rgba(255,255,255,.02));
  background-size:220% 100%;
  animation:yycSkeletonShimmer 1.5s linear infinite;
}
.event-skeleton-body{
  padding:17px;
  display:grid;
  gap:9px;
}
.event-skeleton-body i{
  display:block;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
}
.event-skeleton-body i:nth-child(1){width:28%}
.event-skeleton-body i:nth-child(2){width:76%;height:18px}
.event-skeleton-body i:nth-child(3){width:88%}
@keyframes yycSkeletonShimmer{
  from{background-position:210% 0}
  to{background-position:-30% 0}
}

/* Homepage opening sequence: elegant, quick, and non-blocking. */
body.yyC-opening .hero-photo{animation:yycOpeningBg 1.4s cubic-bezier(.16,1,.3,1) both}
body.yyC-opening .hero-vignette{animation:yycOpeningVignette 1.15s ease both}
body.yyC-opening .hero-logo{animation:yycOpeningLogo .8s cubic-bezier(.16,1,.3,1) .08s both}
body.yyC-opening .brand-lockup{animation:yycOpeningText .72s cubic-bezier(.16,1,.3,1) .18s both}
body.yyC-opening .association-wrap,
body.yyC-opening .slogan,
body.yyC-opening .gold-quote,
body.yyC-opening .social-row,
body.yyC-opening .hero-actions{
  animation:yycOpeningText .72s cubic-bezier(.16,1,.3,1) .28s both;
}
body.yyC-opening .culture-panel{animation:yycOpeningCulture .9s cubic-bezier(.16,1,.3,1) .16s both}
@keyframes yycOpeningBg{
  0%{transform:scale(1.12);filter:saturate(.92) contrast(1.02) brightness(.82)}
  100%{transform:scale(1.035);filter:saturate(1.08) contrast(1.07) brightness(1)}
}
@keyframes yycOpeningVignette{
  0%{opacity:1}
  100%{opacity:.95}
}
@keyframes yycOpeningLogo{
  0%{opacity:0;transform:scale(.82) translateY(14px);filter:blur(5px)}
  100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}
}
@keyframes yycOpeningText{
  0%{opacity:0;transform:translateY(18px);filter:blur(4px)}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}
}
@keyframes yycOpeningCulture{
  0%{opacity:0;transform:translateX(30px);filter:blur(4px)}
  100%{opacity:1;transform:translateX(0);filter:blur(0)}
}

@media(max-width:980px){
  .events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .events-grid{grid-template-columns:1fr}
  .event-card-media{height:195px}
  .event-card-body h3{font-size:23px}
  .event-skeleton{min-height:300px}
  .event-skeleton-media{height:195px}
}
@media(prefers-reduced-motion:reduce){
  .event-card-media img,.event-skeleton-media{animation:none!important;transition:none!important}
  body.yyC-opening .hero-photo,body.yyC-opening .hero-vignette,body.yyC-opening .hero-logo,
  body.yyC-opening .brand-lockup,body.yyC-opening .association-wrap,body.yyC-opening .slogan,
  body.yyC-opening .gold-quote,body.yyC-opening .social-row,body.yyC-opening .hero-actions,
  body.yyC-opening .culture-panel{animation:none!important}
}


/* ===== PHOTO EDITOR TOUCH FIX =====
   Keep the browser from interpreting a drag as page scrolling while the
   Instagram-style crop area is active. This makes horizontal and vertical
   positioning consistent on touch devices without adding directional buttons.
*/
.yyc-photo-preview.ig-photo-preview{
  touch-action:none;
  cursor:grab;
  overscroll-behavior:contain;
}
.yyc-photo-preview.ig-photo-preview.is-dragging{
  cursor:grabbing;
}
@media (pointer:coarse){
  .yyc-photo-preview.ig-photo-preview{
    -webkit-user-select:none;
    user-select:none;
  }
}


/* ===== ADMIN UNIFIED SCROLL WORKSPACE =====
   Every Admin tab uses the same internal vertical scroll area.
*/
.modal-shell:has(.admin-shell){overflow:hidden}
.admin-shell{display:flex;flex-direction:column;min-height:0;max-height:calc(90vh - 58px)}
.admin-tabs{flex:0 0 auto}
.admin-workspace{flex:1 1 auto;min-height:180px;height:calc(90vh - 250px);max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}
.admin-workspace::-webkit-scrollbar{width:9px}
.admin-workspace::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:99px}
.admin-workspace::-webkit-scrollbar-thumb{background:rgba(215,174,102,.32);border-radius:99px;border:2px solid transparent;background-clip:padding-box}

@media(max-width:620px){
  .admin-shell{max-height:calc(100svh - 30px)}
  .admin-workspace{height:calc(100svh - 270px);min-height:170px}
}


/* ===== MEMBER / LEADER PROFILE ACCOUNT MENU ===== */
.yyc-portal-heading{position:relative;align-items:flex-start}
.yyc-portal-account{position:relative;flex:0 0 auto;margin-left:auto;z-index:8}
.yyc-portal-avatar-btn{width:54px;height:54px;padding:3px;border-radius:50%;border:1px solid rgba(215,174,102,.48);background:linear-gradient(145deg,#171d22,#080b0e);box-shadow:0 10px 28px rgba(0,0,0,.32);cursor:pointer;position:relative;display:grid;place-items:center}
.yyc-portal-avatar-btn img{width:46px;height:46px;border-radius:50%;object-fit:cover;display:block}
.yyc-portal-avatar-caret{position:absolute;right:-3px;bottom:-2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#0a0e12;border:1px solid rgba(215,174,102,.5);color:#e2c27e;font-size:12px;line-height:1}
.yyc-portal-menu{position:absolute;right:0;top:64px;width:238px;padding:9px;border:1px solid rgba(215,174,102,.2);border-radius:18px;background:linear-gradient(180deg,#10161c,#090d11);box-shadow:0 24px 70px rgba(0,0,0,.58);backdrop-filter:blur(16px)}
.yyc-portal-menu[hidden]{display:none}
.yyc-portal-menu-head{display:flex;align-items:center;gap:10px;padding:9px 9px 12px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.07)}
.yyc-portal-menu-head img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid rgba(215,174,102,.3)}
.yyc-portal-menu-head b{display:block;color:#f1e6d1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.yyc-portal-menu-head small{display:block;margin-top:3px;color:#7d8784;font-size:8px;letter-spacing:.08em}
.yyc-portal-menu-item{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:0;background:transparent;color:#c6c9c8;padding:11px 10px;border-radius:11px;font-size:9px;font-weight:800;letter-spacing:.09em;cursor:pointer}
.yyc-portal-menu-item:hover{background:rgba(215,174,102,.08);color:#efd18e}
.yyc-portal-menu-item span{width:19px;color:#d7ae66;font-size:12px}
.yyc-portal-menu-item.is-disabled{opacity:.5}
.yyc-portal-menu-item.is-disabled:hover{background:transparent;color:#c6c9c8}
.portal-profile-view{max-width:760px;margin:0 auto}
.portal-profile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.portal-profile-kicker{color:#d7ae66;font:800 8px/1 Inter;letter-spacing:.16em}
.portal-profile-hero{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}
.portal-profile-large-photo{width:92px;height:92px;border-radius:22px;object-fit:cover;border:1px solid rgba(215,174,102,.32);background:#0a0f13}
.portal-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.portal-profile-grid>div{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0a0f13}
.portal-profile-grid span{display:block;color:#77827f;font:800 7px/1 Inter;letter-spacing:.14em}
.portal-profile-grid b{display:block;margin-top:7px;color:#e9dfc6;font-size:11px;line-height:1.35;word-break:break-word}
@media(max-width:620px){
  .yyc-portal-heading{gap:12px}
  .yyc-portal-avatar-btn{width:48px;height:48px}
  .yyc-portal-avatar-btn img{width:40px;height:40px}
  .yyc-portal-menu{right:-2px;top:58px;width:min(238px,82vw)}
  .portal-profile-hero{align-items:flex-start}
  .portal-profile-large-photo{width:78px;height:78px;border-radius:18px}
  .portal-profile-grid{grid-template-columns:1fr}
}

/* Establishment date */
.footer-establishment{display:block;margin-top:6px;color:#c9b27b;font-size:8px;letter-spacing:.18em;text-transform:uppercase}
@media(max-width:620px){.footer-establishment{font-size:7px;letter-spacing:.14em}}

/* Homepage establishment date */
.hero-establishment{margin-top:9px;text-align:center;font-size:8px;letter-spacing:.24em;color:rgba(233,208,156,.82);font-weight:600;text-transform:uppercase}
@media(max-width:620px){.hero-establishment{font-size:7px;letter-spacing:.18em;margin-top:8px}}


.footer-legal{display:flex;justify-content:center;align-items:center;gap:9px;margin:14px 0 2px;font-size:9px;letter-spacing:.08em}.footer-legal a{color:#9d936f;text-decoration:none;transition:.2s ease}.footer-legal a:hover{color:#e2c37f}.footer-legal span{color:#5f655f}@media(max-width:620px){.footer-legal{font-size:8px;margin-top:12px}}

/* Announcement image support */
.field-note{font-size:9px;color:#898f8c;font-weight:500;margin-left:3px;letter-spacing:.04em}.field-help{display:block;margin-top:6px;color:#777e7a;font-size:9px;line-height:1.45}.admin-update-image-preview{margin-top:12px;max-width:520px;aspect-ratio:16/7;border-radius:16px;overflow:hidden}.admin-update-image-preview img{width:100%;height:100%;object-fit:cover;display:block}
.update-card.has-image{grid-template-columns:88px 150px 1fr 8px}.update-card-media{width:88px;height:74px;border-radius:12px;overflow:hidden;border:1px solid rgba(238,192,105,.14);background:#090e12}.update-card-media img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:720px){.update-card.has-image{grid-template-columns:72px 110px 1fr 7px;gap:12px}.update-card-media{width:72px;height:62px}.update-card h3{font-size:16px}}
@media(max-width:560px){.update-card.has-image{grid-template-columns:62px 1fr 6px}.update-card.has-image time{display:none}.update-card-media{width:62px;height:56px}.admin-update-image-preview{max-width:none}}

/* ===== CONSISTENT LEADER + MEMBER PHOTO FRAMING =====
   Every leadership photo uses one fixed frame and fills it consistently,
   regardless of the uploaded image's original aspect ratio. The same square
   rule is used by the registration photo adjustment preview.
*/
#leadersGrid .leader-avatar,
.leaders-grid .leader-avatar{
  width:150px!important;
  height:176px!important;
  aspect-ratio:150/176!important;
  flex:0 0 150px!important;
}
#leadersGrid .leader-avatar img,
.leaders-grid .leader-avatar img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
}
#leadersGrid .leader-photo,
.leaders-grid .leader-photo{
  width:100%!important;
  aspect-ratio:4/3!important;
  height:auto!important;
  min-height:0!important;
}
#leadersGrid .leader-photo img,
.leaders-grid .leader-photo img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
}
.yyc-photo-preview.ig-photo-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
}
.membership-photo{
  width:210px!important;
  height:260px!important;
  aspect-ratio:210/260!important;
}
.membership-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
}
@media(max-width:620px){
  .leaders-grid .leader-avatar{width:112px!important;height:136px!important;aspect-ratio:112/136!important;flex-basis:112px!important}
  .membership-photo{width:min(175px,58vw)!important;height:auto!important;aspect-ratio:210/260!important}
}

/* Larger leadership portrait treatment */
#leadersGrid .leader-profile-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  min-height:0!important;
  width:100%!important;
}
#leadersGrid .leader-avatar{
  width:220px!important;
  height:255px!important;
  aspect-ratio:220/255!important;
  flex:0 0 220px!important;
  margin:0 auto!important;
}
#leadersGrid .leader-info{
  width:100%!important;
  text-align:center!important;
  align-self:stretch!important;
}
#leadersGrid .leader-kicker,
#leadersGrid .leader-info strong,
#leadersGrid .leader-info small,
#leadersGrid .leader-info .micro{
  text-align:center!important;
}
@media(max-width:620px){
  #leadersGrid .leader-profile-row{gap:13px!important}
  #leadersGrid .leader-avatar{
    width:150px!important;
    height:180px!important;
    aspect-ratio:150/180!important;
    flex-basis:150px!important;
  }
}

/* Final centered leadership photo layout */
#leadersGrid .leader-card.compact-leader-card{padding:18px 18px 17px!important}
#leadersGrid .leader-card-line{margin-left:auto!important;margin-right:auto!important;width:82%!important}
@media(max-width:620px){#leadersGrid .leader-card.compact-leader-card{padding:14px 14px 15px!important}}

/* Squircle profile photos — leader photos only */
#leadersGrid .leader-avatar{
  border-radius:28px!important;
  overflow:hidden!important;
}
#leadersGrid .leader-avatar img{
  border-radius:28px!important;
}
@media(max-width:620px){
  #leadersGrid .leader-avatar,
  #leadersGrid .leader-avatar img{border-radius:24px!important}
}

/* ===== PUBLIC COLLECTION READ MORE ===== */
.yyc-read-more-wrap{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  padding:16px 0 4px;
}
.yyc-read-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:136px;
  padding:11px 17px;
  border:1px solid rgba(237,193,105,.28);
  border-radius:999px;
  background:rgba(237,193,105,.045);
  color:#e8c77e;
  font:700 9px/1 "Space Grotesk",sans-serif;
  letter-spacing:.15em;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
.yyc-read-more span{font-size:12px;line-height:1}
.yyc-read-more:hover{transform:translateY(-2px);border-color:rgba(237,193,105,.52);background:rgba(237,193,105,.09);color:#fff0cd}
.yyc-read-more-wrap small{color:#727a76;font-size:8px;letter-spacing:.08em}
@media(max-width:620px){
  .yyc-read-more{min-width:124px;padding:10px 15px;font-size:8px}
  .yyc-read-more-wrap{padding-top:13px}
}

/* Event image storage preview */
.admin-event-image-preview{margin-top:12px;max-width:560px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid rgba(237,193,105,.14);background:#090d11}
.admin-event-image-preview img{width:100%;height:100%;display:block;object-fit:cover}

/* ===== YYC PREMIUM SCROLL MOTION ===== */
.section-head.reveal > div,
.section-head.reveal > p{
  opacity:0;
  transform:translate3d(0,16px,0);
  transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1);
}
.section-head.reveal > p{transition-delay:80ms}
.section-head.reveal.visible > div,
.section-head.reveal.visible > p{
  opacity:1;
  transform:none;
}
.glimpse-feature img{
  --yyc-parallax-y:0px;
  transform:translate3d(0,var(--yyc-parallax-y),0) scale(1.045);
  transition:transform .18s linear,filter .45s ease;
}
.glimpse-feature:hover img{
  transform:translate3d(0,var(--yyc-parallax-y),0) scale(1.055);
}
@media(max-width:760px){
  .glimpse-feature img{transform:translate3d(0,var(--yyc-parallax-y),0) scale(1.025)}
  .glimpse-feature:hover img{transform:translate3d(0,var(--yyc-parallax-y),0) scale(1.03)}
}
@media(prefers-reduced-motion:reduce){
  .reveal,.section-head.reveal > div,.section-head.reveal > p,.glimpse-feature img{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* ===== YYC SWAG CATALOG ===== */
.swag-section{
  background:
    radial-gradient(circle at 12% 18%,rgba(219,174,84,.07),transparent 24%),
    radial-gradient(circle at 88% 82%,rgba(32,72,63,.06),transparent 26%),
    linear-gradient(180deg,#071017 0%,#060b0f 56%,#05080b 100%);
}
.swag-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  max-width:1180px;
  margin:0 auto;
}
.swag-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(238,194,105,.15);
  border-radius:24px;
  background:linear-gradient(160deg,#0c1318,#080c10);
  box-shadow:0 20px 55px rgba(0,0,0,.24);
}
.swag-media{
  position:relative;
  aspect-ratio:4/4.4;
  overflow:hidden;
  background:linear-gradient(145deg,#10181d,#0a0e12);
}
.swag-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease;
}
.swag-card:hover .swag-media img{
  transform:scale(1.045);
  filter:saturate(1.05) contrast(1.03);
}
.swag-image-placeholder{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  background:
    radial-gradient(circle at 50% 35%,rgba(236,193,102,.12),transparent 32%),
    linear-gradient(145deg,#10181d,#080c10);
}
.swag-image-placeholder span{
  color:#efcf88;
  font:700 44px/1 "DM Serif Display",serif;
  letter-spacing:.08em;
}
.swag-image-placeholder small{
  color:#777f7c;
  font:700 9px/1 "Space Grotesk",sans-serif;
  letter-spacing:.22em;
}
.swag-status{
  position:absolute;
  top:12px;
  left:12px;
  padding:7px 9px;
  border:1px solid rgba(235,198,120,.30);
  border-radius:999px;
  background:rgba(4,8,11,.72);
  backdrop-filter:blur(8px);
  color:#eed39a;
  font:700 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:.12em;
}
.swag-status.soon{
  color:#c2c8c4;
  border-color:rgba(255,255,255,.14);
}
.swag-body{
  padding:17px 17px 18px;
}
.swag-category{
  display:block;
  color:#bba06a;
  font:700 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.swag-body h3{
  margin:7px 0 0;
  color:#f0e8d9;
  font:600 26px/1.02 "Cormorant Garamond",serif;
}
.swag-price{
  margin-top:9px;
  color:#f1ce82;
  font:700 16px/1 "Space Grotesk",sans-serif;
}
.swag-body p{
  margin:9px 0 0;
  color:#9da29f;
  font-size:11px;
  line-height:1.62;
}
.swag-sizes{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:12px;
  color:#777f7d;
  font-size:8px;
  letter-spacing:.12em;
}
.swag-sizes b{
  color:#d0c1a5;
  font-size:9px;
  letter-spacing:.04em;
}
.swag-actions{
  margin-top:15px;
  display:flex;
}
.swag-order-btn{
  width:100%;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  border:1px solid rgba(238,194,105,.28);
  border-radius:999px;
  background:rgba(237,193,105,.045);
  color:#e8c77e;
  font:700 8px/1 "Space Grotesk",sans-serif;
  letter-spacing:.12em;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
.swag-order-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(237,193,105,.52);
  background:rgba(237,193,105,.09);
  color:#fff0cd;
}
.swag-order-btn.disabled{
  color:#6f7774;
  border-color:rgba(255,255,255,.08);
  cursor:default;
}
.swag-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:1180px;
  margin:0 auto;
}
.swag-admin-card{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:13px;
  padding:12px;
  border:1px solid rgba(237,193,105,.12);
  border-radius:17px;
  background:rgba(255,255,255,.02);
}
.swag-admin-media{
  width:110px;
  aspect-ratio:1/1.08;
  overflow:hidden;
  border-radius:13px;
  background:#0b1116;
  border:1px solid rgba(237,193,105,.10);
  display:grid;
  place-items:center;
}
.swag-admin-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.swag-admin-media span{
  color:#d8b66f;
  font:700 22px "DM Serif Display",serif;
}
.swag-admin-body{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.swag-admin-body>span{
  color:#a99061;
  font:700 7px/1 "Space Grotesk",sans-serif;
  letter-spacing:.13em;
}
.swag-admin-body strong{
  margin-top:6px;
  color:#eee4d4;
  font:600 23px/1.02 "Cormorant Garamond",serif;
}
.swag-admin-body>small{
  margin-top:7px;
  color:#838b88;
  font-size:9px;
  line-height:1.35;
}
.swag-admin-status{
  text-transform:uppercase;
  letter-spacing:.10em;
}
.swag-admin-body .admin-actions{
  margin-top:11px;
}
.admin-swag-image-preview{
  margin-top:12px;
  max-width:560px;
  aspect-ratio:4/3;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(237,193,105,.14);
  background:#090d11;
}
.admin-swag-image-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
@media(max-width:1100px){
  .swag-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .swag-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .swag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .swag-body{padding:14px}
  .swag-body h3{font-size:24px}
  .swag-admin-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  .swag-grid{grid-template-columns:1fr}
  .swag-media{aspect-ratio:1/1}
  .swag-body h3{font-size:27px}
}

/* Desktop navigation spacing — keep the header clean without changing mobile navigation. */
@media(min-width:1201px){
  .desktop-nav{gap:3px}
  .desktop-nav>a{padding-left:11px;padding-right:11px}
  .nav-admin{padding-left:17px;padding-right:17px;margin-left:5px}
}

/* ===== DESKTOP HEADER BALANCE =====
   Keep the full navigation visible while giving each control more visual air.
*/
@media(min-width:1441px){
  .topbar{padding-left:30px;padding-right:22px}
  .brand{min-width:305px;gap:11px}
  .brand-mark{width:52px;height:52px}
  .brand-mark img{width:47px;height:47px}
  .brand-type b{font-size:28px;letter-spacing:.14em}
  .brand-type small{font-size:9px;letter-spacing:.40em;margin-top:6px}

  .desktop-nav{gap:2px;min-width:0}
  .desktop-nav>a{
    height:42px;
    padding:0 9px;
    gap:6px;
    font-size:12px;
    white-space:nowrap;
  }
  .desktop-nav>a.active:after,
  .desktop-nav>a:hover:after{left:10px;right:10px}

  .nav-icon{font-size:14px}
  .nav-admin{
    height:42px;
    margin-left:3px;
    padding:0 14px;
    font-size:11px;
    gap:6px;
    white-space:nowrap;
  }
}

/* Mid desktop: trim only the header so the same layout remains readable. */
@media(min-width:1101px) and (max-width:1440px){
  .topbar{padding-left:22px;padding-right:18px}
  .brand{min-width:275px;gap:10px}
  .brand-mark{width:50px;height:50px}
  .brand-mark img{width:45px;height:45px}
  .brand-type b{font-size:26px}
  .brand-type small{font-size:8px;letter-spacing:.36em}

  .desktop-nav{gap:1px;min-width:0}
  .desktop-nav>a{
    height:42px;
    padding:0 8px;
    gap:6px;
    font-size:11.5px;
    white-space:nowrap;
  }
  .nav-icon{font-size:13px}
  .nav-admin{
    height:42px;
    margin-left:2px;
    padding:0 13px;
    font-size:10.5px;
    gap:5px;
    white-space:nowrap;
  }
}

/* ===== HOMEPAGE HERO REFINEMENT ===== */
@media(min-width:981px){
  .hero-main{
    max-width:760px;
    padding-left:16px;
    padding-right:16px;
  }
  .hero-logo{
    width:150px;
    height:150px;
    margin-bottom:15px;
  }
  .brand-lockup h1{
    letter-spacing:.055em;
  }
  .lockup-line{
    margin-top:13px;
    gap:14px;
  }
  .lockup-line i{width:76px}
  .lockup-line span{
    font-size:17px;
    letter-spacing:.42em;
  }
  .association-wrap{
    margin:10px auto 2px;
    min-height:38px;
    gap:8px;
    opacity:.9;
  }
  .association-wrap img{
    width:38px;
    height:38px;
  }
  .association-wrap span{
    font-size:7px;
    letter-spacing:.20em;
  }
  .association-wrap strong{
    font-size:12px;
    margin-top:3px;
  }
  .slogan{
    font-size:22px;
    margin:15px 0 5px;
  }
  .slogan span{font-size:20px}
  .gold-quote{
    font-size:32px;
    margin-top:3px;
  }
  .gold-quote strong{font-size:38px}
  .social-row{
    gap:9px;
    margin:14px 0 12px;
  }
  .hero-actions{gap:10px}
}

@media(max-width:980px){
  .hero-main{
    max-width:720px;
  }
  .association-wrap{opacity:.92}
}

@media(max-width:760px){
  .hero-main{padding-top:5px}
  .hero-logo{
    width:112px;
    height:112px;
    margin-bottom:11px;
  }
  .association-wrap{
    margin:10px auto 1px;
    min-height:34px;
  }
  .association-wrap img{width:34px;height:34px}
  .association-wrap span{font-size:6px}
  .association-wrap strong{font-size:10px}
  .slogan{margin-top:13px}
  .gold-quote{margin-top:2px}
  .social-row{margin:12px 0 11px}
  .hero-actions{gap:7px}
}

@media(max-width:420px){
  .hero-logo{
    width:100px;
    height:100px;
  }
  .association-wrap{gap:6px}
  .association-wrap img{width:30px;height:30px}
  .association-wrap span{font-size:5.5px}
  .association-wrap strong{font-size:9px}
  .slogan{margin-top:11px}
  .social-row{margin-top:10px}
}

/* ===== PREMIUM HERO LOGO MOTION =====
   Clean luxury emblem reveal: restrained metallic sweep, fine crest trace,
   and a soft breathing glow. The artwork itself never changes.
*/
.hero-logo-stage{
  width:150px;
  height:150px;
  position:relative;
  margin:0 auto 15px;
  display:grid;
  place-items:center;
  border-radius:50%;
  isolation:isolate;
  filter:drop-shadow(0 20px 54px rgba(0,0,0,.34));
}

.hero-logo-stage::before{
  content:"";
  position:absolute;
  inset:-10px;
  z-index:-2;
  border-radius:50%;
  background:conic-gradient(
    from 220deg,
    transparent 0deg,
    transparent 292deg,
    rgba(255,237,186,.08) 305deg,
    rgba(255,245,210,.92) 318deg,
    rgba(224,175,76,.38) 328deg,
    transparent 341deg,
    transparent 360deg
  );
  -webkit-mask:radial-gradient(circle,transparent 67%,#000 68%,#000 71%,transparent 72%);
  mask:radial-gradient(circle,transparent 67%,#000 68%,#000 71%,transparent 72%);
  opacity:.82;
  animation:yycLuxuryCrestTrace 8.8s cubic-bezier(.45,0,.25,1) infinite;
}

.hero-logo-ring{
  position:absolute;
  inset:-1px;
  border-radius:50%;
  border:1px solid rgba(249,219,157,.34);
  box-shadow:
    0 0 0 7px rgba(7,10,13,.30),
    0 0 0 8px rgba(221,174,83,.08),
    0 0 20px rgba(231,184,83,.07);
  pointer-events:none;
  animation:yycLuxuryAura 7.2s ease-in-out infinite;
}

.hero-logo-shine{
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:50%;
  overflow:hidden;
  pointer-events:none;
}

.hero-logo-shine::before{
  content:"";
  position:absolute;
  top:-24%;
  left:-95%;
  width:33%;
  height:150%;
  transform:rotate(20deg);
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,247,220,.03) 30%,
    rgba(255,248,223,.30) 50%,
    rgba(255,247,220,.03) 70%,
    transparent 100%
  );
  filter:blur(1.2px);
  mix-blend-mode:screen;
  opacity:0;
  animation:yycLuxuryShine 8.8s cubic-bezier(.45,0,.25,1) infinite;
}

.hero-logo{
  width:150px;
  height:150px;
  margin:0;
  position:relative;
  z-index:1;
  border-radius:50%;
  object-fit:contain;
  background:rgba(3,7,10,.16);
  border:2px solid rgba(241,204,125,.82);
  box-shadow:none;
  animation:none;
}

body.yyC-opening .hero-logo-stage{
  animation:yycLuxuryEntrance 1.05s cubic-bezier(.16,1,.3,1) .05s both;
}

body.yyC-opening .hero-logo{
  animation:none;
}

@keyframes yycLuxuryEntrance{
  0%{
    opacity:0;
    transform:translateY(12px) scale(.90);
    filter:blur(6px) brightness(.78);
  }
  62%{
    opacity:1;
    transform:translateY(-1px) scale(1.015);
    filter:blur(0) brightness(1.02);
  }
  100%{
    opacity:1;
    transform:none;
    filter:blur(0) brightness(1);
  }
}

@keyframes yycLuxuryCrestTrace{
  0%,23%{transform:rotate(-140deg);opacity:0}
  30%{opacity:.22}
  42%{opacity:.86}
  58%{transform:rotate(120deg);opacity:.64}
  69%{opacity:0}
  70%,100%{transform:rotate(220deg);opacity:0}
}

@keyframes yycLuxuryAura{
  0%,100%{
    box-shadow:
      0 0 0 7px rgba(7,10,13,.30),
      0 0 0 8px rgba(221,174,83,.08),
      0 0 18px rgba(231,184,83,.06);
  }
  50%{
    box-shadow:
      0 0 0 7px rgba(7,10,13,.30),
      0 0 0 8px rgba(221,174,83,.13),
      0 0 25px rgba(231,184,83,.13);
  }
}

@keyframes yycLuxuryShine{
  0%,61%{left:-95%;opacity:0}
  66%{opacity:.05}
  75%{left:145%;opacity:.42}
  84%,100%{left:145%;opacity:0}
}

@media(max-width:760px){
  .hero-logo-stage{width:112px;height:112px;margin-bottom:11px}
  .hero-logo{width:112px;height:112px}
  .hero-logo-stage::before{
    inset:-7px;
    -webkit-mask:radial-gradient(circle,transparent 65%,#000 66%,#000 71%,transparent 72%);
    mask:radial-gradient(circle,transparent 65%,#000 66%,#000 71%,transparent 72%);
  }
}

@media(max-width:420px){
  .hero-logo-stage{width:100px;height:100px}
  .hero-logo{width:100px;height:100px}
}

@media(prefers-reduced-motion:reduce){
  .hero-logo-stage,
  .hero-logo-stage::before,
  .hero-logo-ring,
  .hero-logo-shine::before{
    animation:none!important;
  }
}

/* ===== NO-AUTO-CROP PROFILE UPLOAD ===== */
.ig-full-photo-box{
  position:relative;
  min-height:240px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(237,193,105,.18);
  border-radius:20px;
  background:#070b0e;
}
.ig-full-photo-box[hidden]{display:none!important}
.ig-full-photo-box img{
  display:block;
  width:100%;
  max-width:520px;
  max-height:420px;
  height:auto;
  object-fit:contain;
  border-radius:14px;
  user-select:none;
  -webkit-user-drag:none;
}
.ig-full-photo-label{
  position:absolute;
  left:14px;
  bottom:12px;
  padding:7px 9px;
  border-radius:999px;
  background:rgba(4,7,9,.74);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(239,229,208,.72);
  font:700 7px/1 "Space Grotesk",sans-serif;
  letter-spacing:.14em;
}
.ig-adjust-crop-btn{
  width:100%;
  margin-top:10px;
  min-height:44px;
  border:1px solid rgba(239,202,123,.24);
  border-radius:12px;
  background:rgba(239,202,123,.07);
  color:#eacb8a;
  font:800 9px/1 "Space Grotesk",sans-serif;
  letter-spacing:.16em;
  cursor:pointer;
}
.ig-adjust-crop-btn:hover{
  background:rgba(239,202,123,.12);
  border-color:rgba(239,202,123,.42);
}
.ig-crop-editor[hidden]{display:none!important}
.ig-crop-editor-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin:14px 0 8px;
  color:#d9c89f;
  font:800 8px/1.2 "Space Grotesk",sans-serif;
  letter-spacing:.14em;
}
.ig-crop-editor-head small{
  color:#7d8784;
  font:600 9px/1.4 Inter,sans-serif;
  letter-spacing:0;
  text-align:right;
}
@media(max-width:620px){
  .ig-full-photo-box{min-height:210px;padding:12px}
  .ig-full-photo-box img{max-height:360px}
  .ig-adjust-crop-btn{min-height:42px}
  .ig-crop-editor-head{display:block}
  .ig-crop-editor-head small{display:block;margin-top:6px;text-align:left}
}