/* ============================================
   Syed Hashir Ali — Personal Site
   Shared stylesheet, used by every page.
   ============================================ */
:root{
  --bg:#080A09; --bg2:#0E1210; --text:#F4F6F0; --muted:#9AA198;
  --accent:#B9F26A; --accent2:#B9F26A; --card:#131815; --border:#273027;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg); color:var(--text); font-family:'Poppins',system-ui,sans-serif; line-height:1.65; overflow-x:hidden;}
h1,h2,h3{font-family:'Poppins',system-ui,sans-serif; font-weight:700; line-height:1.12; letter-spacing:-0.035em;}
img{max-width:100%; display:block;}
a{color:inherit;}
.wrap{max-width:1100px; margin:0 auto; padding:0 24px;}
.eyebrow{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); font-weight:700; margin-bottom:12px;}
section{padding:88px 0;}
@media(max-width:640px){section{padding:56px 0;}}

/* NAV */
nav{position:sticky; top:0; z-index:50; background:rgba(10,10,12,.9); backdrop-filter:blur(8px); border-bottom:1px solid var(--border);}
nav .wrap{display:flex; justify-content:space-between; align-items:center; height:64px;}
.logo{font-family:'Poppins',sans-serif; font-size:16px; font-weight:800; letter-spacing:.035em; text-decoration:none;}
.logo span{color:var(--accent);}
.nav-links{display:flex; gap:26px; align-items:center; list-style:none;}
.nav-links a{text-decoration:none; font-size:14px; color:var(--muted); font-weight:500;}
.nav-links a:hover, .nav-links a.active{color:var(--text);}
.nav-links a.cta{background:var(--accent); color:#11170c; padding:9px 18px; border-radius:4px; font-weight:700;}
.nav-toggle{display:none; background:none; border:none; color:var(--text); font-size:22px; cursor:pointer;}
@media(max-width:760px){
  .nav-toggle{display:block;}
  .nav-links{position:fixed; top:64px; left:0; right:0; background:var(--bg); flex-direction:column; align-items:flex-start; padding:20px 24px; border-bottom:1px solid var(--border); display:none;}
  .nav-links.open{display:flex;}
}

/* HERO (two-column, large photo like tonyrobbins.com) */
.hero{padding:80px 0 90px; background:radial-gradient(ellipse at 20% 0%, rgba(185,242,106,.12), transparent 60%);}
.hero .wrap{display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center;}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr; text-align:center;}}
.hero h1{font-size:clamp(34px,5.5vw,60px); margin-bottom:20px;}
.hero p{color:var(--muted); font-size:clamp(15px,2vw,18px); max-width:520px; margin-bottom:32px;}
@media(max-width:860px){.hero p{margin-left:auto; margin-right:auto;}}
.btn-row{display:flex; gap:14px; flex-wrap:wrap;}
@media(max-width:860px){.btn-row{justify-content:center;}}
.btn{padding:14px 28px; border-radius:4px; font-weight:700; text-decoration:none; font-size:15px; display:inline-block;}
.btn-primary{background:var(--accent); color:#11170c;}
.btn-outline{border:1px solid var(--border); color:var(--text);}

.hero-photo{position:relative; aspect-ratio:4/5; border-radius:10px; overflow:hidden; border:1px solid var(--border); background:var(--card);}
.hero-photo img{width:100%; height:100%; object-fit:cover;}
.hero-photo .placeholder{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:24px; color:var(--muted); font-size:13px; border:1px dashed var(--border); margin:8px; border-radius:6px;}

.reel-row{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; margin:-12px auto 0; max-width:1100px; padding:0 24px 12px;}
.reel-card{display:block; background:var(--card); border:1px solid var(--border); border-radius:12px; overflow:hidden; text-decoration:none; transition:transform .2s ease, border-color .2s ease; box-shadow:0 20px 30px rgba(0,0,0,.08);}
.reel-card:hover{transform:translateY(-2px); border-color:rgba(185,242,106,.7);}
.reel-video{position:relative; aspect-ratio:9/16; overflow:hidden; background:#000; border-bottom:1px solid var(--border);}
.reel-video iframe, .reel-video video{position:absolute; inset:0; width:100%; height:100%; border:0; background:#000; display:block; object-fit:cover;}
.reel-video video{object-fit:cover;}
.reel-video--fallback{display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(185,242,106,.25),rgba(185,242,106,.08));}
.reel-fallback{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; padding:20px; color:var(--text);}
.reel-fallback strong{font-size:18px; letter-spacing:.04em; text-transform:uppercase;}
.reel-fallback span{font-size:12px; color:var(--muted); line-height:1.5;}
.reel-copy{padding:16px 18px 18px;}
.reel-tag{display:inline-block; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); font-weight:700; margin-bottom:8px;}
.reel-copy h3{font-size:18px; margin:0;}
@media(max-width:760px){.reel-row{grid-template-columns:1fr; padding:0 24px 8px;}}

/* STATS */
.stats{border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
.stats .wrap{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:48px 24px;}
.stat b{font-family:'Poppins',sans-serif; font-weight:700; font-size:clamp(28px,4vw,46px); color:var(--accent); display:block;}
.stat span{color:var(--muted); font-size:13px;}
@media(max-width:640px){.stats .wrap{grid-template-columns:repeat(2,1fr);}}

/* PILLARS */
.pillars-row{display:flex; gap:20px; overflow-x:auto; padding-bottom:8px;}
.pillar{flex:0 0 260px; background:var(--card); border:1px solid var(--border); border-radius:6px; padding:28px;}
.pillar h3{font-size:20px; margin-bottom:10px;}
.pillar p{color:var(--muted); font-size:14px;}

/* CARDS GENERIC */
.card-row{display:flex; gap:20px; overflow-x:auto; padding-bottom:8px;}
.jcard{flex:0 0 320px; background:var(--card); border:1px solid var(--border); border-radius:6px; padding:26px;}
.jcard .photo{aspect-ratio:16/9; border-radius:6px; overflow:hidden; border:1px dashed var(--border); margin-bottom:16px; display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:12px; background:var(--bg2);}
.jcard .photo img{width:100%; height:100%; object-fit:cover;}
.jcard h3{font-size:19px; margin-bottom:8px;}
.jcard p{color:var(--muted); font-size:14px; margin-bottom:12px;}
.tag-row{display:flex; flex-wrap:wrap; gap:6px;}
.tag{font-size:11px; border:1px solid var(--border); color:var(--muted); padding:4px 9px; border-radius:20px;}
.outcome{color:var(--accent); font-size:13px; font-weight:600;}

/* SECTION HEADS */
.section-head{margin-bottom:40px;}
.section-head h2{font-size:clamp(26px,4vw,38px);}
.page-hero{padding:64px 0 20px;}
.page-hero h1{font-size:clamp(32px,5vw,52px);}
.page-hero p{color:var(--muted); max-width:600px;}

/* LEADERSHIP / JUDGING LIST */
.list-item{border-left:2px solid var(--accent); padding:6px 0 6px 20px; margin-bottom:26px;}
.list-item h3{font-size:18px; margin-bottom:6px;}
.list-item .role{color:var(--accent); font-size:13px; font-weight:600; margin-bottom:8px;}
.list-item ul{color:var(--muted); font-size:14px; padding-left:18px;}
.list-item li{margin-bottom:4px;}

/* MEDIA */
.media-strip{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:32px;}
.media-strip span{border:1px solid var(--border); padding:8px 16px; border-radius:20px; font-size:13px; color:var(--muted);}
.media-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px;}
.mcard{background:var(--card); border:1px solid var(--border); border-radius:6px; padding:22px;}
.mcard .video-slot{aspect-ratio:16/9; border:1px dashed var(--border); border-radius:6px; margin-bottom:14px; display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:12px; overflow:hidden; background:var(--bg2);}
.mcard .video-slot video, .mcard .video-slot img{width:100%; height:100%; object-fit:cover;}
.mcard .tag{border-color:var(--accent); color:var(--accent); margin-bottom:10px; display:inline-block;}
.mcard p{color:var(--muted); font-size:14px;}

/* TIMELINE */
.timeline-item{display:grid; grid-template-columns:160px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid var(--border);}
.timeline-item:last-child{border-bottom:none;}
.timeline-item .when{color:var(--muted); font-size:13px;}
.timeline-item h3{font-size:18px; margin-bottom:8px;}
.timeline-item ul{color:var(--muted); font-size:14px; padding-left:18px;}
@media(max-width:640px){.timeline-item{grid-template-columns:1fr;}}

/* SKILLS */
.skills-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px;}
.skill-cat h3{font-size:15px; color:var(--accent); margin-bottom:12px;}
.skill-cat ul{list-style:none; color:var(--muted); font-size:14px;}
.skill-cat li{padding:6px 0; border-bottom:1px solid var(--border);}

/* EDU / CERTS */
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:50px;}
@media(max-width:800px){.two-col{grid-template-columns:1fr;}}
.edu-item{margin-bottom:22px;}
.edu-item h3{font-size:16px;}
.edu-item .when{color:var(--muted); font-size:13px; margin-bottom:4px;}
.cert-item{padding:12px 0; border-bottom:1px solid var(--border); font-size:14px;}
.cert-item .issuer{color:var(--muted); font-size:13px;}

/* GALLERY (for media/journey photo grids) */
.gallery-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px;}
.gallery-slot{aspect-ratio:1/1; border:1px dashed var(--border); border-radius:6px; display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:12px; text-align:center; padding:12px; background:var(--card); overflow:hidden;}
.gallery-slot img{width:100%; height:100%; object-fit:cover;}

/* EMPTY STATE */
.empty{border:1px dashed var(--border); border-radius:6px; padding:40px; text-align:center; color:var(--muted);}

/* CONTACT FORM */
.contact-form{display:grid; gap:16px; max-width:520px;}
.contact-form input, .contact-form textarea{background:var(--card); border:1px solid var(--border); color:var(--text); padding:14px; border-radius:4px; font-family:inherit; font-size:14px;}
.contact-form textarea{min-height:130px; resize:vertical;}
.contact-form button{width:fit-content;}

/* FOOTER */
footer{background:var(--bg2); border-top:1px solid var(--border); padding:64px 0 32px;}
.foot-grid{display:flex; justify-content:space-between; flex-wrap:wrap; gap:32px; margin-bottom:40px;}
footer h2{font-size:26px; margin-bottom:14px;}
.foot-links{display:flex; gap:18px; flex-wrap:wrap;}
.foot-links a{text-decoration:none; border:1px solid var(--border); padding:10px 18px; border-radius:4px; font-size:14px;}
.copyright{color:var(--muted); font-size:12px; border-top:1px solid var(--border); padding-top:24px;}

.reveal{opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1; transform:none;}

/* SHARED PAGE RHYTHM */
.page-hero{padding:82px 0 38px; background:radial-gradient(ellipse at 82% 0%,rgba(185,242,106,.1),transparent 44%),var(--bg);}
.page-hero h1{max-width:900px; font-size:clamp(36px,6vw,64px); letter-spacing:-.045em; line-height:1.06;}
.page-hero p{margin-top:17px; font-size:clamp(14px,1.4vw,17px); line-height:1.85;}
section h2{letter-spacing:-.035em;}
.skill-cat h3{font-family:'Poppins',sans-serif;}
.edu-item h3,.timeline-item h3,.list-item h3,.jcard h3,.mcard h3{font-family:'Poppins',sans-serif;}
.tag,.outcome{letter-spacing:.015em;}
.nav-links a.cta:hover{background:#ceff8b;}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent); outline-offset:3px;}

/* EXPERIENCE */
.experience-hero{padding-bottom:49px;}
.experience-hero h1{max-width:800px;}
.experience-overview{padding:0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--bg2);}
.experience-overview__grid{display:grid; grid-template-columns:repeat(4,1fr); padding-top:23px; padding-bottom:23px;}
.experience-overview__grid>div{display:flex; align-items:center; gap:13px; min-height:36px; padding-left:20px; border-left:1px solid var(--border); color:#c2c8bf; font-size:12px;}
.experience-overview__grid>div:first-child{padding-left:0; border-left:0;}
.experience-overview__grid strong{color:var(--accent); font-size:17px;}
.experience-layout{display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(42px,9vw,125px);}
.experience-side{position:sticky; top:100px; align-self:start;}
.experience-side h2{margin:7px 0 15px; font-size:clamp(27px,3.5vw,39px);}
.experience-side>p{max-width:350px; margin-bottom:20px; color:var(--muted); font-size:13px; line-height:1.85;}
.experience-side .text-link{color:var(--accent); text-decoration:none;}
.experience-timeline{border-top:1px solid var(--border);}
.experience-entry{display:grid; grid-template-columns:126px 1fr; gap:18px; padding:25px 0 26px; border-bottom:1px solid var(--border);}
.experience-entry__date{padding-top:3px; color:var(--accent); font-size:11px; font-weight:600; line-height:1.6;}
.experience-entry__type{color:#8d968d; font-size:10px; letter-spacing:.1em; text-transform:uppercase;}
.experience-entry h3{margin:7px 0 9px; font-size:18px; line-height:1.4;}
.experience-entry ul{padding-left:17px; color:var(--muted); font-size:12px; line-height:1.8;}
.experience-entry li{margin:4px 0;}
.experience-skills{border-top:1px solid var(--border); background:var(--bg2);}
.experience-cert-link{margin-top:27px; font-size:13px;}
.experience-cert-link span{margin-left:5px; color:var(--accent);}

/* CERTIFICATES */
.certificate-section{padding-top:24px;}
.certificate-notice{display:flex; gap:14px; align-items:flex-start; margin:0 0 57px; padding:18px 20px; border:1px solid rgba(185,242,106,.24); background:rgba(185,242,106,.045);}
.certificate-notice__icon{display:grid; flex:none; place-items:center; width:23px; height:23px; border:1px solid rgba(185,242,106,.55); border-radius:50%; color:var(--accent); font-size:13px; font-style:normal;}
.certificate-notice p{color:#b9c0b5; font-size:12px; line-height:1.8;}
.certificate-heading{margin-top:62px;}
.certificate-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px;}
.certificate-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));}
.certificate-card{position:relative; display:flex; flex-direction:column; min-height:230px; padding:21px; overflow:hidden; border:1px solid var(--border); background:linear-gradient(145deg,#151b16,#0b0f0c);}
.certificate-grid--scan{grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch;}
.certificate-card--scan{min-height:0; padding:0;}
.certificate-scan{display:grid; place-items:center; width:100%; aspect-ratio:1.5; padding:12px; background:#f2f3ef;}
.certificate-scan img{width:100%; height:100%; object-fit:contain;}
.certificate-scan:hover img{transform:scale(1.025);}
.certificate-card--scan .certificate-card__body{padding:17px 19px 20px;}
.certificate-card:after{position:absolute; right:-38px; bottom:-82px; width:155px; height:155px; border:1px solid rgba(185,242,106,.1); border-radius:50%; box-shadow:0 0 0 17px rgba(185,242,106,.025); content:"";}
.certificate-card__index{color:#828a7e; font-size:9px; font-weight:600; letter-spacing:.12em;}
.certificate-card__mark{display:grid; place-items:center; width:39px; height:39px; margin:22px 0 15px; border:1px solid rgba(185,242,106,.3); color:var(--accent); font-size:14px; font-weight:700;}
.certificate-card__body{position:relative; z-index:1; margin-top:auto;}
.certificate-card__issuer{color:var(--accent); font-size:9px; font-weight:600; letter-spacing:.09em; text-transform:uppercase;}
.certificate-card h3{margin:6px 0 5px; font-size:15px; line-height:1.5;}
.certificate-card p{color:var(--muted); font-size:10px; line-height:1.7;}
.certificate-footer{display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:50px; padding:22px 0; border-top:1px solid var(--border);}
.certificate-footer p{color:var(--muted); font-size:13px;}
.certificate-footer .btn{font-size:12px;}

/* COMPETITION STORIES */
.event-feature{display:grid; grid-template-columns:1.18fr .82fr; align-items:stretch; overflow:hidden; border:1px solid var(--border); background:var(--bg2);}
.event-feature__photo{position:relative; min-height:350px; overflow:hidden; background:#121714;}
.event-feature__photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.event-feature__photo:after{position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(5,8,6,.65)); content:"";}
.event-feature__photo figcaption{position:absolute; z-index:1; bottom:15px; left:17px; color:#edf1e8; font-size:10px; letter-spacing:.09em; text-transform:uppercase;}
.event-feature__note{display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(24px,4vw,47px);}
.event-feature__note h2{margin:0 0 13px; font-size:clamp(25px,3.2vw,37px); line-height:1.2;}
.event-feature__note p{color:var(--muted); font-size:12px; line-height:1.85;}
.event-feature__stamp{margin-top:26px; color:#f1f4ea; font-size:10px; font-weight:600; letter-spacing:.14em;}
.event-feature__stamp i{padding:0 5px; color:var(--accent); font-style:normal;}
.event-gallery .gallery-slot{position:relative; border:1px solid var(--border); border-radius:0;}
.event-gallery .gallery-slot img{position:absolute; inset:0;}
.event-gallery .gallery-slot figcaption{position:absolute; z-index:1; right:0; bottom:0; left:0; padding:24px 12px 10px; background:linear-gradient(transparent,rgba(5,8,6,.75)); color:#edf1e8; font-size:10px; text-align:left;}
.photo--event{position:relative; flex-direction:column; align-items:flex-start!important; justify-content:center!important; padding:23px!important; border:1px solid rgba(185,242,106,.14)!important; background:radial-gradient(circle at 77% 28%,rgba(185,242,106,.16),transparent 36%),linear-gradient(140deg,#172018,#0d100e)!important;}
.photo--event span,.photo--event small{position:relative; z-index:1; color:#b4beb0; font-size:9px; letter-spacing:.14em; text-transform:uppercase;}
.photo--event b{position:relative; z-index:1; color:var(--accent); font-size:48px; line-height:1.05;}
.photo--event small{color:#8d968d; letter-spacing:.05em; text-transform:none;}
.event-feature--graphic{grid-template-columns:1fr 1fr;}
.robotron-event-art{position:relative; display:flex; flex-direction:column; justify-content:center; min-height:350px; padding:35px; overflow:hidden; background:radial-gradient(ellipse at 65% 47%,rgba(185,242,106,.12),transparent 38%),linear-gradient(145deg,#172018,#0d100e);}
.robotron-event-art__orbit{position:absolute; top:50%; left:50%; width:255px; height:255px; border:1px solid rgba(185,242,106,.17); border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 31px rgba(185,242,106,.025),0 0 0 68px rgba(185,242,106,.02);}
.robotron-event-art__number{position:relative; z-index:1; color:var(--accent); font-size:clamp(76px,12vw,135px); font-weight:700; letter-spacing:-.08em; line-height:.95;}
.robotron-event-art__number span{font-size:.55em;}
.robotron-event-art__caption{position:relative; z-index:1; margin-top:18px; color:#d5ddd1; font-size:9px; letter-spacing:.15em;}
.robotron-event-art__line{position:absolute; right:-20px; bottom:60px; left:30px; height:1px; background:linear-gradient(90deg,transparent,rgba(185,242,106,.7),transparent);}

/* MEDIA */
.media-highlight{padding:35px 0; border-block:1px solid var(--border); background:var(--bg2);}
.media-highlight__grid{display:flex; align-items:center; justify-content:space-between; gap:35px;}
.media-highlight__intro .eyebrow{margin-bottom:7px;}
.media-highlight__intro h2{font-size:clamp(22px,3vw,31px); line-height:1.35;}
.media-highlight__intro h2 span{color:var(--accent);}
.media-highlight__outlets{display:flex; flex-wrap:wrap; gap:8px;}
.media-highlight__outlets span{padding:7px 11px; border:1px solid var(--border); color:#bac0b6; font-size:10px;}
.media-asset-note{padding-top:13px; color:#8f978d; font-size:10px; line-height:1.7;}
.media-content{padding-top:76px;}
.media-showcase{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
.media-feature{overflow:hidden; border:1px solid var(--border); background:var(--card);}
.media-feature--video{grid-column:1/-1; display:grid; grid-template-columns:1.2fr .8fr;}
.media-feature__visual{position:relative; aspect-ratio:16/9; overflow:hidden; background:#0a0e0b;}
.media-feature__visual img,.media-feature__visual video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.media-feature__visual--podcast img{object-position:center;}
.media-feature__stamp{position:absolute; right:11px; bottom:11px; z-index:1; padding:5px 8px; background:rgba(5,8,6,.78); color:#f1f4eb; font-size:9px; letter-spacing:.1em;}
.media-feature__stamp i{color:var(--accent); font-style:normal;}
.media-feature__copy{padding:20px 21px 22px;}
.media-feature__tag{color:var(--accent); font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;}
.media-feature__copy h3{margin:8px 0; font-size:17px;}
.media-feature__copy p{color:var(--muted); font-size:11px; line-height:1.8;}
.media-feature--video .media-feature__copy{display:flex; flex-direction:column; justify-content:center; padding:clamp(22px,4vw,45px);}
.media-feature--video .media-feature__copy h3{font-size:clamp(19px,2.4vw,27px);}
.podcast-note{display:grid; grid-template-columns:190px 1fr; align-items:center; gap:25px; margin-top:34px; padding:17px; border:1px solid var(--border); background:var(--bg2);}
.podcast-note img{width:100%; max-height:120px; object-fit:cover; object-position:center 35%;}
.podcast-note .eyebrow{margin-bottom:6px;}
.podcast-note p{color:#b4bbb0; font-size:12px; line-height:1.8;}
.media-coverage{display:flex; flex-wrap:wrap; align-items:baseline; gap:14px 30px; margin-top:37px; padding-top:22px; border-top:1px solid var(--border);}
.media-coverage .eyebrow{margin-bottom:0; white-space:nowrap;}
.media-coverage p{flex:1; min-width:260px; color:var(--muted); font-size:11px; line-height:1.8;}

/* HOMEPAGE */
.home-page{--home-ink:#080A09; --home-panel:#101512; --home-line:rgba(255,255,255,.1); --home-green:#B9F26A;}
.home-page .eyebrow{letter-spacing:.16em;}
.home-page .home-hero{min-height:670px; padding:78px 0 80px; position:relative; overflow:hidden; background:radial-gradient(ellipse at 75% 46%,rgba(197,244,103,.095),transparent 35%),radial-gradient(ellipse at 16% 0%,rgba(185,242,106,.09),transparent 48%),var(--home-ink);}
.home-page .home-hero:after{content:""; position:absolute; width:510px; height:510px; border:1px solid rgba(255,255,255,.045); border-radius:50%; right:-190px; top:80px; box-shadow:0 0 0 58px rgba(255,255,255,.018),0 0 0 116px rgba(255,255,255,.013); pointer-events:none;}
.home-hero__grid{position:relative; z-index:1; display:grid; grid-template-columns:1fr .83fr; gap:clamp(38px,7vw,98px); align-items:center;}
.home-hero__copy{padding:14px 0 24px;}
.home-page .home-hero .eyebrow{display:flex; align-items:center; gap:10px; margin-bottom:25px; color:#d8d9d3;}
.status-dot{width:7px; height:7px; flex:none; border-radius:50%; background:var(--home-green); box-shadow:0 0 15px rgba(197,244,103,.7);}
.home-hero h1{font-size:clamp(46px,7.3vw,88px); line-height:.99; letter-spacing:-.055em; font-weight:800; margin-bottom:24px;}
.home-hero h1 span,.home-section-head h2 span,.home-next h2 span{color:var(--home-green);}
.home-hero__intro{max-width:530px; margin:0 0 24px; color:#b2b4ad; font-size:clamp(15px,1.5vw,18px); line-height:1.75;}
.home-hero__facts{display:flex; flex-wrap:wrap; gap:11px 24px; margin-bottom:29px; color:#a8aaa4; font-size:12px;}
.home-hero__facts span{display:flex; align-items:center; gap:7px;}
.home-hero__facts b{color:var(--home-green); font-size:15px;}
.home-page .home-hero .btn-row{gap:12px;}
.home-page .home-hero .btn{border-radius:5px; transition:transform .2s ease,background .2s ease,border-color .2s ease;}
.home-page .home-hero .btn:hover,.home-page .home-next .btn:hover{transform:translateY(-2px);}
.home-page .home-hero .btn-primary,.home-page .home-next .btn-primary{background:var(--home-green); color:#11150b;}
.home-page .home-hero .btn-primary:hover,.home-page .home-next .btn-primary:hover{background:#d3ff82;}
.home-page .home-hero .btn-outline{border-color:rgba(255,255,255,.24);}
.home-page .home-hero .btn-outline:hover{border-color:var(--home-green);}
.home-hero__location{margin-top:31px; color:#73766f; font-size:11px; letter-spacing:.045em;}
.home-hero__location span{padding:0 5px; color:var(--home-green);}
.home-hero__portrait{position:relative; width:100%; max-width:475px; aspect-ratio:.82; justify-self:end; border:1px solid rgba(255,255,255,.12); border-radius:4px; background:#171a1b; isolation:isolate;}
.home-hero__portrait:before{content:""; position:absolute; z-index:-1; inset:16px -16px -16px 16px; border:1px solid rgba(197,244,103,.35);}
.home-hero__portrait:after{content:""; position:absolute; z-index:1; inset:40% 0 0; background:linear-gradient(180deg,transparent,rgba(5,8,8,.5)); pointer-events:none;}
.home-hero__portrait img{width:100%; height:100%; object-fit:cover; object-position:center 54%; border-radius:3px;}
.portrait-note{position:absolute; z-index:2; left:-26px; bottom:31px; display:flex; align-items:center; gap:13px; max-width:calc(100% - 20px); padding:13px 17px; border:1px solid rgba(255,255,255,.14); background:rgba(11,13,13,.88); backdrop-filter:blur(12px);}
.portrait-note__mark{display:grid; place-items:center; width:32px; height:32px; border:1px solid rgba(197,244,103,.4); color:var(--home-green);}
.portrait-note strong,.portrait-note small{display:block;}
.portrait-note strong{font-size:12px; letter-spacing:.04em;}
.portrait-note small{margin-top:3px; color:#a5a79f; font-size:10px;}
.portrait-index{position:absolute; z-index:2; right:15px; top:16px; padding:5px 8px; background:rgba(10,12,12,.72); color:#e1e4dc; font-size:10px; letter-spacing:.12em;}
.hero-scroll{position:absolute; left:max(24px,calc((100vw - 1100px)/2 + 24px)); bottom:23px; display:flex; align-items:center; gap:10px; color:#85877e; font-size:10px; letter-spacing:.1em; text-transform:uppercase;}
.hero-scroll span{height:1px; width:28px; background:var(--home-green);}

.home-proof{position:relative; z-index:2; border-top:1px solid var(--home-line); border-bottom:1px solid var(--home-line); background:#0e1011;}
.home-proof__grid{display:grid; grid-template-columns:1.25fr repeat(3,1fr); gap:25px; align-items:center; padding-top:27px; padding-bottom:27px;}
.home-proof__intro .eyebrow{margin:0 0 5px; color:var(--home-green); font-size:10px;}
.home-proof__intro p{color:#8e918b; font-size:12px; line-height:1.6;}
.home-proof__intro strong{color:#e5e7e1; font-weight:500;}
.home-proof__stat{display:flex; align-items:center; gap:13px; min-height:47px; padding-left:22px; border-left:1px solid var(--home-line);}
.home-proof__stat>b{color:var(--home-green); font-family:'Poppins',sans-serif; font-weight:700; font-size:34px; line-height:1;}
.home-proof__stat>b span{font-size:.65em;}
.home-proof__stat>span{color:#a5a7a0; font-size:10px; line-height:1.55;}

.home-page .home-story,.home-page .home-pillars{background:var(--home-ink);}
.home-page .home-story{padding-top:112px; padding-bottom:100px;}
.home-section-head{display:flex; justify-content:space-between; align-items:end; gap:35px;}
.home-page .home-section-head{margin-bottom:39px;}
.home-page .home-section-head h2{font-size:clamp(31px,4.8vw,53px); line-height:1.12; letter-spacing:-.035em;}
.home-section-head>p{max-width:370px; margin:0 0 5px; color:#959891; font-size:14px; line-height:1.8;}
.home-story-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px;}
.story-card{min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.1); background:linear-gradient(160deg,#151819,#0e1011 70%); color:inherit; text-decoration:none; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.story-card:hover{transform:translateY(-5px); border-color:rgba(197,244,103,.42); box-shadow:0 18px 45px rgba(0,0,0,.26);}
.story-card__art{position:relative; height:188px; overflow:hidden; background:#151b17;}
.story-card__art svg{position:absolute; width:min(72%,245px); height:82%; right:8%; bottom:0; overflow:visible;}
.art-geneva{background:radial-gradient(ellipse at 72% 39%,rgba(197,244,103,.16),transparent 32%),linear-gradient(145deg,#152018,#111514 73%);}
.art-singapore{background:radial-gradient(ellipse at 76% 40%,rgba(185,242,106,.16),transparent 35%),linear-gradient(145deg,#142018,#101411 72%);}
.art-robotron{background:radial-gradient(ellipse at 77% 40%,rgba(185,242,106,.2),transparent 35%),linear-gradient(145deg,#1b231a,#121512 72%);}
.art-line{fill:none; stroke:rgba(197,244,103,.72); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.art-line--thin{stroke:rgba(197,244,103,.16); stroke-width:1;}
.art-node{fill:#c5f467; filter:drop-shadow(0 0 7px rgba(197,244,103,.8));}
.art-robot{fill:rgba(197,244,103,.12); stroke:#d7ff92; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.art-orbit{position:absolute; border:1px solid rgba(197,244,103,.12); border-radius:50%; transform:rotate(-30deg);}
.art-orbit--one{width:230px; height:102px; top:29px; right:-21px;}
.art-orbit--two{width:290px; height:132px; top:14px; right:-50px;}
.art-sun{position:absolute; top:34px; right:24%; width:47px; height:47px; border-radius:50%; background:radial-gradient(circle,rgba(197,244,103,.56),rgba(197,244,103,.015) 70%);}
.art-label{position:absolute; left:17px; bottom:16px; z-index:1; color:rgba(231,238,223,.67); font-size:9px; letter-spacing:.16em; text-transform:uppercase;}
.art-grid{position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(160,221,234,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(160,221,234,.08) 1px,transparent 1px); background-size:27px 27px; mask-image:linear-gradient(110deg,transparent,#000);}
.art-singapore .art-line{stroke:#b9f26a;}
.art-singapore .art-node{fill:#b9f26a; filter:drop-shadow(0 0 7px rgba(185,242,106,.8));}
.art-wave{fill:none; stroke:rgba(185,242,106,.35); stroke-width:1.5;}
.art-spark{position:absolute; width:5px; height:5px; border-radius:50%; background:#e3ffc0; box-shadow:0 0 12px #b9f26a;}
.art-spark--one{top:42px; left:30%;}.art-spark--two{top:81px; left:19%;}.art-spark--three{top:31px; right:17%;}
.art-robotron .art-line{stroke:#b9f26a;}
.art-robotron .art-node{fill:#b9f26a; filter:drop-shadow(0 0 7px rgba(185,242,106,.8));}
.art-robotron .art-robot{fill:rgba(185,242,106,.14); stroke:#d6ffa4;}
.art-track{fill:none; stroke:rgba(185,242,106,.48); stroke-width:2; stroke-linecap:round; stroke-dasharray:4 6;}
.art-ring{position:absolute; border:1px solid rgba(185,242,106,.2); border-radius:50%;}
.art-ring--one{width:102px; height:102px; top:34px; right:23%;}
.art-ring--two{width:148px; height:148px; top:12px; right:16%;}
.story-card__copy{padding:21px 21px 23px;}
.story-card__eyebrow{margin-bottom:11px; color:var(--home-green); font-size:9px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;}
.story-card__copy h3{max-width:270px; margin-bottom:10px; font-size:20px; line-height:1.25;}
.story-card__copy p{min-height:68px; margin-bottom:18px; color:#9b9e97; font-size:12px; line-height:1.7;}
.story-card__link,.text-link{display:inline-flex; align-items:center; gap:11px; color:#e7ebdf; font-size:11px; font-weight:700; letter-spacing:.04em;}
.story-card__link span,.text-link span{color:var(--home-green); transition:transform .2s ease;}
.story-card:hover .story-card__link span,.text-link:hover span{transform:translate(3px,-2px);}

.home-film{position:relative; overflow:hidden; padding:78px 0; border-top:1px solid var(--home-line); border-bottom:1px solid var(--home-line); background:radial-gradient(ellipse at 83% 50%,rgba(197,244,103,.075),transparent 33%),#101213;}
.home-film__grid{display:grid; grid-template-columns:.78fr 1.22fr; gap:70px; align-items:center;}
.home-film__copy h2{margin-bottom:17px; font-size:clamp(31px,4vw,45px); line-height:1.15;}
.home-film__copy p{max-width:370px; margin-bottom:21px; color:#999c95; font-size:13px; line-height:1.8;}
.home-film__copy .eyebrow{color:var(--home-green);}
.home-film__frame{position:relative; padding:10px 10px 40px; border:1px solid rgba(255,255,255,.13); background:#171a19;}
.home-film__frame:before{content:""; position:absolute; z-index:0; inset:-9px 12px 8px -9px; border:1px solid rgba(197,244,103,.24);}
.home-film__frame video{position:relative; z-index:1; display:block; width:100%; max-height:360px; aspect-ratio:16/9; background:#080909; object-fit:cover;}
.home-film__caption{position:absolute; z-index:1; right:13px; bottom:13px; color:#999d94; font-size:9px; letter-spacing:.13em; text-transform:uppercase;}
.home-film__caption span{padding:0 5px; color:var(--home-green);}
.home-film .text-link{position:relative; z-index:1; text-decoration:none;}
.home-film .text-link:hover{color:var(--home-green);}

.home-shorts{padding:94px 0 86px; overflow:hidden; background:#090c0a;}
.home-shorts__heading{display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(30px,8vw,110px); align-items:end; margin-bottom:31px;}
.home-shorts__heading h2{font-size:clamp(36px,5.8vw,70px); line-height:1.02; letter-spacing:-.055em;}
.home-shorts__heading h2 span{color:var(--home-green);}
.home-shorts__heading p{max-width:430px; margin:0 0 6px; color:#b1b7ad; font-size:13px; line-height:1.85;}
.home-shorts__grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px;}
.home-short-card{position:relative; display:block; aspect-ratio:.68; min-height:300px; max-height:590px; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:17px; background:#151a16; color:#f7f8f3; text-decoration:none; isolation:isolate;}
.home-short-card:before{position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(5,8,6,.2) 0%,rgba(5,8,6,.12) 35%,rgba(5,8,6,.5) 62%,rgba(5,8,6,.95) 100%); content:""; transition:background .25s ease;}
.home-short-card__screen{position:absolute; z-index:0; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; overflow:hidden; background:radial-gradient(ellipse at 50% 33%,rgba(185,242,106,.105),transparent 43%),linear-gradient(150deg,#151b16,#080b09 77%);}
.home-short-card__screen:before,.home-short-card__screen:after{position:absolute; width:220px; height:220px; border:1px solid rgba(185,242,106,.085); border-radius:50%; content:""; pointer-events:none;}
.home-short-card__screen:before{top:14%; left:50%; transform:translateX(-50%);}
.home-short-card__screen:after{top:14%; left:50%; width:285px; height:285px; transform:translateX(-50%);}
.home-short-card__play{position:relative; z-index:1; display:grid; place-items:center; width:53px; height:53px; border:1px solid rgba(185,242,106,.66); border-radius:50%; background:rgba(8,12,9,.58); transition:transform .2s ease,background .2s ease;}
.home-short-card__play:after{width:0; height:0; margin-left:4px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid var(--home-green); content:"";}
.home-short-card__screen-label{position:relative; z-index:1; color:#98a390; font-size:8px; font-weight:600; letter-spacing:.15em;}
.home-short-card:hover .home-short-card__play{transform:scale(1.06); background:rgba(185,242,106,.1);}
.home-short-card:focus-visible{outline:2px solid var(--home-green); outline-offset:4px;}
.home-short-card__number{position:absolute; z-index:2; top:13px; left:14px; padding:6px 9px; border:1px solid rgba(255,255,255,.27); border-radius:30px; background:rgba(9,12,10,.5); color:#f6f7f2; font-size:9px; font-weight:600; letter-spacing:.08em; backdrop-filter:blur(10px);}
.home-short-card__number i{color:#c0c7bc; font-style:normal;}
.home-short-card__content{position:absolute; z-index:2; right:18px; bottom:20px; left:18px; display:flex; flex-direction:column; align-items:flex-start;}
.home-short-card__content:before{position:absolute; z-index:-1; top:-34px; right:-10px; bottom:-13px; left:-10px; border-radius:9px; background:linear-gradient(0deg,rgba(5,8,6,.7),rgba(5,8,6,.45) 72%,transparent); content:""; pointer-events:none;}
.home-short-card__type{display:inline-flex; align-items:center; gap:7px; margin-bottom:11px; color:#d5ddb0; font-size:8px; font-weight:700; letter-spacing:.12em;}
.home-short-card__type:before{width:6px; height:6px; border-radius:50%; background:var(--home-green); box-shadow:0 0 10px rgba(185,242,106,.6); content:"";}
.home-short-card__content strong{font-size:clamp(18px,2.05vw,26px); font-weight:700; line-height:1.15; letter-spacing:-.035em;}
.home-short-card__link{display:flex; align-items:center; justify-content:space-between; width:100%; gap:8px; margin-top:12px; padding-top:11px; border-top:1px solid rgba(255,255,255,.22); color:#d2d7ce; font-size:9px; letter-spacing:.035em;}
.home-short-card__link i{color:var(--home-green); font-size:15px; font-style:normal; transition:transform .2s ease;}
.home-short-card:hover .home-short-card__link i{transform:translate(3px,-3px);}
.home-shorts__note{margin-top:13px; color:#70796e; font-size:9px; letter-spacing:.035em;}

.home-page .home-pillars{padding-top:105px; padding-bottom:105px;}
.home-page .home-pillars .home-section-head{margin-bottom:38px;}
.home-pillars__row{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; overflow:visible; padding:0;}
.home-pillar{position:relative; flex:auto; min-height:255px; padding:25px 24px 23px; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:2px; background:linear-gradient(145deg,#141718,#0c0e0f);}
.home-pillar:after{content:""; position:absolute; width:150px; height:150px; right:-92px; top:-92px; border:1px solid rgba(197,244,103,.15); border-radius:50%; box-shadow:0 0 0 18px rgba(197,244,103,.025),0 0 0 38px rgba(197,244,103,.02);}
.pillar-number{color:#6f736b; font-size:9px; letter-spacing:.14em;}
.pillar-icon{display:grid; place-items:center; width:41px; height:41px; margin:23px 0 16px; border:1px solid rgba(197,244,103,.29); color:var(--home-green); font-size:22px;}
.home-pillar h3{margin-bottom:10px; font-size:19px;}
.home-pillar p{max-width:275px; margin-bottom:18px; color:#9da098; font-size:12px; line-height:1.7;}
.pillar-keywords{color:#73786e; font-size:9px; letter-spacing:.06em; text-transform:uppercase;}
.pillar-keywords i{padding:0 3px; color:var(--home-green); font-style:normal;}

.home-next{overflow:hidden; padding:73px 0; border-top:1px solid var(--home-line); background:radial-gradient(ellipse at 13% 50%,rgba(197,244,103,.09),transparent 35%),#111415;}
.home-next__grid{position:relative; display:grid; grid-template-columns:.42fr 1fr .85fr; gap:34px; align-items:center;}
.home-next__mark{align-self:start; color:rgba(197,244,103,.16); font-family:'Poppins',sans-serif; font-weight:800; font-size:clamp(80px,13vw,155px); line-height:1; letter-spacing:-.11em;}
.home-next__mark span{color:var(--home-green);}
.home-next__copy .eyebrow{color:var(--home-green);}
.home-next h2{margin-bottom:14px; font-size:clamp(31px,4vw,45px); line-height:1.12;}
.home-next__copy p{max-width:410px; margin-bottom:22px; color:#999c95; font-size:13px; line-height:1.8;}
.home-page .home-next .btn{padding:12px 18px; border-radius:3px; font-size:12px; transition:transform .2s ease,background .2s ease;}
.home-next__aside{display:grid; gap:0; padding:18px 0 18px 24px; border-left:1px solid var(--home-line);}
.home-next__aside-label{margin-bottom:10px; color:#858980; font-size:9px; letter-spacing:.15em; text-transform:uppercase;}
.home-next__aside>div{padding:10px 0; border-bottom:1px solid rgba(255,255,255,.08); color:#dedfd8; font-size:11px;}
.home-next__aside>div:last-child{border:0;}
.home-next__aside>div span{padding-right:11px; color:var(--home-green); font-size:9px; letter-spacing:.09em;}

.home-page footer{padding-top:58px; padding-bottom:26px; background:#090a0b;}
.home-page footer .eyebrow{margin-bottom:12px; color:var(--home-green); font-size:9px;}
.home-page footer h2{font-size:clamp(27px,3.5vw,38px); line-height:1.15;}
.home-footer__copy{max-width:420px; color:#90938c; font-size:12px;}
.home-page .foot-links{align-self:center; gap:9px;}
.home-page .foot-links a{display:flex; gap:17px; align-items:center; border-color:rgba(255,255,255,.12); padding:10px 13px; color:#c5c8bf; font-size:11px; transition:border-color .2s ease,color .2s ease;}
.home-page .foot-links a:hover{border-color:var(--home-green); color:var(--home-green);}
.home-page .foot-links a span{color:var(--home-green);}
.home-page .copyright{display:flex; justify-content:space-between; gap:20px; padding-top:17px; font-size:10px;}

@media(max-width:900px){
  .home-hero__grid{grid-template-columns:1fr .76fr; gap:38px;}
  .home-hero h1{font-size:clamp(48px,8vw,72px);}
  .home-proof__grid{grid-template-columns:repeat(3,1fr); row-gap:24px;}
  .home-proof__intro{grid-column:1/-1;}
  .home-proof__stat:first-of-type{padding-left:0; border-left:0;}
  .home-story-grid{gap:11px;}
  .story-card__art{height:158px;}
  .story-card__copy{padding:18px 16px 20px;}
  .story-card__copy h3{font-size:17px;}
  .home-film__grid{gap:38px;}
  .home-shorts__heading{gap:32px;}
  .home-shorts__grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px;}
  .home-short-card{aspect-ratio:.78; max-height:530px;}
  .home-short-card__content strong{font-size:clamp(21px,3.3vw,29px);}
}
@media(max-width:820px){
  .experience-layout{grid-template-columns:1fr; gap:35px;}
  .experience-side{position:static;}
  .certificate-grid--three{grid-template-columns:repeat(2,minmax(0,1fr));}
  .certificate-grid--scan{grid-template-columns:repeat(2,minmax(0,1fr));}
  .media-highlight__grid{align-items:flex-start; flex-direction:column; gap:17px;}
}
@media(max-width:700px){
  .home-page .home-hero{min-height:0; padding:58px 0 72px;}
  .home-hero__grid{grid-template-columns:1fr; gap:35px;}
  .home-hero__copy{text-align:left;}
  .home-hero__portrait{justify-self:center; width:min(82%,410px); aspect-ratio:.92; margin-right:11px;}
  .home-hero__portrait img{object-position:center 52%;}
  .hero-scroll{display:none;}
  .home-page .home-story,.home-page .home-pillars{padding-top:73px; padding-bottom:74px;}
  .home-section-head{display:block;}
  .home-section-head>p{margin-top:18px;}
  .home-story-grid{grid-template-columns:1fr; gap:14px;}
  .story-card{display:grid; grid-template-columns:.85fr 1.15fr; align-items:stretch;}
  .story-card__art{height:auto; min-height:190px;}
  .story-card__art svg{width:100%; right:0;}
  .story-card__copy{padding:20px 18px;}
  .story-card__copy p{min-height:0;}
  .home-film{padding:65px 0;}
  .home-film__grid{grid-template-columns:1fr; gap:28px;}
  .home-film__copy p{max-width:510px;}
  .home-shorts{padding:72px 0 66px;}
  .home-shorts__heading{grid-template-columns:1fr; gap:15px; margin-bottom:23px;}
  .home-shorts__heading h2{font-size:clamp(35px,8vw,52px);}
  .home-shorts__heading p{max-width:540px;}
  .home-short-card{aspect-ratio:.72;}
  .home-pillars__row{grid-template-columns:1fr; gap:11px;}
  .home-pillar{min-height:0;}
  .home-next__grid{grid-template-columns:75px 1fr; gap:15px 20px;}
  .home-next__mark{font-size:76px;}
  .home-next__aside{grid-column:2; padding-top:16px;}
  .page-hero{padding-top:61px;}
  .event-feature,.event-feature--graphic{grid-template-columns:1fr;}
  .event-feature__photo,.robotron-event-art{min-height:250px;}
  .event-feature__note{padding:28px;}
  .media-feature--video{grid-template-columns:1fr;}
  .media-feature--video .media-feature__copy{padding:20px;}
  .media-showcase{grid-template-columns:1fr;}
  .media-feature--video{grid-column:auto;}
  .experience-overview__grid{grid-template-columns:repeat(2,1fr); gap:15px;}
  .experience-overview__grid>div:nth-child(odd){padding-left:0; border-left:0;}
  .experience-entry{grid-template-columns:1fr; gap:6px;}
}
@media(max-width:480px){
  .home-page .home-hero{padding-top:45px;}
  .home-hero h1{font-size:clamp(43px,13vw,60px);}
  .home-hero__facts{gap:9px 16px;}
  .home-page .home-hero .btn{padding:12px 15px; font-size:12px;}
  .home-shorts__grid{gap:9px;}
  .home-short-card{min-height:245px; border-radius:12px;}
  .home-short-card__content{right:12px; bottom:14px; left:12px;}
  .home-short-card__content strong{font-size:clamp(17px,4.6vw,21px);}
  .home-short-card__type{font-size:7px;}
  .home-short-card__link{font-size:8px;}
  .portrait-note{left:-12px; bottom:19px; padding:10px 12px;}
  .home-proof__grid{grid-template-columns:1fr 1fr; gap:20px 13px; padding-top:22px; padding-bottom:22px;}
  .home-proof__intro{grid-column:1/-1;}
  .home-proof__stat{gap:9px; padding-left:10px;}
  .home-proof__stat:nth-of-type(2){padding-left:0; border-left:0;}
  .home-proof__stat>b{font-size:29px;}
  .home-proof__stat>span{font-size:9px;}
  .home-page .home-section-head h2{font-size:32px;}
  .story-card{grid-template-columns:1fr;}
  .story-card__art{height:173px; min-height:0;}
  .story-card__art svg{width:min(72%,245px); right:8%;}
  .home-next__grid{grid-template-columns:1fr; gap:20px;}
  .home-next__mark{position:absolute; top:-23px; right:14px; opacity:.6; font-size:100px;}
  .home-next__copy,.home-next__aside{position:relative;}
  .home-next__aside{grid-column:auto;}
  .home-page .foot-grid{display:grid;}
  .home-page .foot-links{align-self:start;}
  .home-page .copyright{flex-direction:column; gap:5px;}
  .certificate-grid,.certificate-grid--three{grid-template-columns:1fr;}
  .certificate-grid--scan{grid-template-columns:1fr;}
  .certificate-card{min-height:205px;}
  .certificate-footer{align-items:flex-start; flex-direction:column;}
  .experience-overview__grid>div{gap:8px; font-size:10px;}
  .experience-overview__grid strong{font-size:15px;}
  .podcast-note{grid-template-columns:1fr; gap:14px;}
  .podcast-note img{max-height:180px;}
}
@media(prefers-reduced-motion:reduce){
  .home-page *, .home-page *:before, .home-page *:after{scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important;}
}