
:root{--navy:#172a46;--bg:#172a46;--accent:#d97745;--green:#d97745;--text:#172a46;--muted:#5c5346;--line:#dce1e6;--paper:#f5efe5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--text);font:400 15px/1.95 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin:0;overflow-wrap:anywhere}h1,h2,h3{font-weight:900;line-height:1.45;letter-spacing:-.055em}h2{font-size:clamp(30px,3.6vw,49px)}h3{font-size:30px}em{font-style:normal;color:var(--accent)}p+p{margin-top:22px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:100;background:#fff}header{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(26px,calc((100vw - 1240px)/2));border-bottom:1px solid #ddd}.brand{font:900 30px/.95 Arial,sans-serif;letter-spacing:-1.5px}.brand .brand-cross{color:var(--accent);font-weight:400}.brand small{display:block;font:700 10px/1.5 sans-serif;letter-spacing:.09em;margin-top:8px}nav{display:flex;gap:30px;font-size:12px;font-weight:700}nav a:last-child{background:var(--accent);padding:10px 22px;border-radius:40px;color:#fff}nav a{align-self:center}.hero{position:relative;isolation:isolate;background:var(--navy);color:#fff;overflow:hidden;min-height:700px}.hero-photo{position:absolute;right:0;top:0;width:76%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(102deg,#172a46 7%,#172a46f5 30%,#172a46b5 49%,#172a4620 73%),linear-gradient(0deg,#172a46d9,transparent 60%)}.hero:after{content:'';position:absolute;bottom:-1px;right:0;width:48%;height:21%;background:var(--navy);clip-path:polygon(100% 0,100% 100%,0 100%);z-index:-1}.hero:before{content:'';position:absolute;width:650px;height:1px;background:var(--accent);right:-85px;bottom:110px;transform:rotate(-23deg)}.hero-content{max-width:1240px;margin:auto;padding:65px 0 58px}.eyebrow{font:700 11px/1.6 monospace;letter-spacing:.19em;color:var(--accent);margin-bottom:22px}.hero .eyebrow{color:#c4e5f4}.hero h1{font-size:clamp(37px,4.5vw,64px);line-height:1.4;letter-spacing:-.06em}.hero h1 em{color:#fff;font-size:1.2em;display:inline-block;position:relative}.hero h1 em:after{content:'';position:absolute;height:5px;background:var(--accent);bottom:2px;left:0;right:-8px;transform:rotate(-3deg)}.hero-lead{margin-top:27px;font-weight:700;font-size:17px;letter-spacing:.06em}.hero-text{margin-top:18px;color:#d9e6ef;font-size:14px}.hero-data{margin:28px 0 25px}.hero-data p{display:flex;align-items:center;gap:10px;font-size:14px;margin:8px 0}.hero-data strong{font:900 36px/1.4 Arial,sans-serif}.hero-data small{font-size:11px;color:#d9e6ef}.data-icon{display:inline-flex;width:24px;justify-content:center;color:var(--accent);font:700 24px/1.2 Arial}.data-divider{color:#73869b;margin:0 6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:45px;padding:16px 30px;min-height:57px;border-radius:40px;background:var(--accent);color:white;font-weight:700;font-size:15px;box-shadow:0 8px 24px #d9774524;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#e3470e}.button span{font:26px/1 Arial}.hero-welcome{font-size:11px;margin-top:14px;color:#d9e6ef}.hero-hand{position:absolute;bottom:85px;right:7%;font:italic 35px/1.15 cursive;color:var(--accent);transform:rotate(-12deg)}.image-note{position:absolute;right:20px;bottom:12px;color:#d8e2ec;font-size:10px}.value-strip{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:27px max(26px,calc((100vw - 1140px)/2));gap:22px}.value-strip>div{position:relative;padding-left:38px;border-right:1px solid #dfe4e7}.value-strip>div:last-child{border:0}.value-strip span{position:absolute;left:0;top:5px;font:400 19px monospace;color:var(--accent)}.value-strip b{font-size:16px}.value-strip small{display:block;font-size:10px;color:var(--muted)}.ticker{overflow:hidden;background:var(--navy);color:#c4d5e5;padding:12px 0;white-space:nowrap}.ticker-copy{font-size:13px!important;letter-spacing:.13em!important}.ticker-copy i{color:var(--accent)!important}.section{padding:95px max(26px,calc((100vw - 1120px)/2))}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px}.lead{font-size:22px;font-weight:700;line-height:1.8;margin-bottom:22px}.brief{position:relative;background:var(--paper)}.brief .split>div>p:not(.lead){font-size:14px;color:var(--muted)}.declaration{display:flex;align-items:center;gap:40px;margin-top:45px;border-top:1px solid #d7d7d3;padding-top:25px}.declaration>span{font:10px monospace;letter-spacing:.12em;color:var(--muted)}.declaration p{font-size:22px;font-weight:700}.declaration strong{color:var(--accent)}.speakers{background:#fff;position:relative}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}.section-head>p{font-size:13px;color:var(--muted)}.speaker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.speaker-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 20px 22px;border-right:1px solid #e5e5e1}.speaker-card:last-child{border:0}.speaker-index{font:10px monospace;letter-spacing:.15em;color:var(--muted);margin-bottom:26px}.speaker-card img{display:block;width:205px;height:205px;object-fit:cover;border-radius:50%;padding:6px;border:1px solid var(--accent);margin-bottom:22px}.speaker-card:nth-child(2) img{border-color:#a7d8e8}.speaker-card h3{font-size:28px;letter-spacing:0}.speaker-handle{font:11px/1.5 monospace;color:var(--muted);margin:8px 0 18px}.speaker-bio{font-size:14px;line-height:1.9;text-align:left;margin:0 0 22px}.text-link{display:inline-block;font-size:12px;color:#214769;border-bottom:1px solid #d97745;padding-bottom:4px;margin-top:auto}.speaker-note{font-size:12px;color:var(--muted);margin-top:35px;text-align:center}.program{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#fff}.program-visual{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#172a46e8,#172a46c9),url(assets/meetup-hero.png) center 58%/cover}.program:after{content:'';position:absolute;left:-40px;bottom:42px;width:45%;height:2px;background:var(--accent);transform:rotate(-12deg);z-index:-1}.program .eyebrow{color:#a7d8e8}.program p{font-size:14px;color:#e0e7ed}.program .lead{font-size:22px}.welcome-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.welcome-tags span{font-size:12px;border:1px solid #7696ad;border-radius:20px;padding:4px 14px}.info{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.info>div>p:last-child{font-size:14px;color:var(--muted);margin-top:25px}dl{margin:0}dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;border-bottom:1px solid #d6d9dd;padding:18px 0}dt{font-size:12px;font-weight:700}dd{margin:0;font-size:15px;font-weight:700}dd small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.faq{background:#fff}.faq h2{margin-bottom:35px}details{border-top:1px solid #d8dfe5}details:last-child{border-bottom:1px solid #d8dfe5}summary{position:relative;cursor:pointer;padding:23px 35px 23px 0;list-style:none;font-weight:700}summary:before{content:'Q';color:var(--accent);font:bold 18px Arial;margin-right:15px}summary:after{content:'＋';position:absolute;right:4px;color:var(--accent)}summary::-webkit-details-marker{display:none}details[open] summary:after{content:'−'}details p{padding:0 30px 24px;color:var(--muted);font-size:14px}.final-cta{text-align:center;background:linear-gradient(125deg,#172a46,#193d55);color:#fff;position:relative;overflow:hidden}.final-cta:after{content:'';position:absolute;left:-10%;top:60px;width:40%;height:1px;background:var(--accent);transform:rotate(-25deg)}.final-cta h2 em{color:#fff}.final-cta>p:not(.eyebrow){margin-top:25px;font-size:14px;color:#d9e6ef}.join-steps{max-width:520px;margin:32px auto;list-style:none;padding:0;text-align:left}.join-steps li{display:flex;align-items:center;gap:15px;padding:13px 0;font-size:14px;border-bottom:1px solid #ffffff20}.join-steps span{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;background:var(--accent);border-radius:50%;font:12px Arial}.final-cta small{display:block;margin-top:20px;color:#bfd0df;font-size:11px}footer{background:var(--navy);color:#d9e3ec;padding:30px 5%;display:flex;justify-content:space-between;gap:20px;font-size:11px}
@media(max-width:1300px){.hero-content{padding-left:5%;padding-right:5%}}
@media(max-width:800px){header{padding:17px 22px}.brand{font-size:25px}.brand small{font-size:8px}nav{gap:10px}nav a:not(:last-child){display:none}nav a:last-child{font-size:11px;padding:8px 15px}.hero{min-height:0;padding-top:240px}.hero-photo{width:100%;height:430px;object-position:70% 25%}.hero-shade{background:linear-gradient(0deg,#172a46 0%,#172a46 38%,#172a46b0 62%,transparent 90%)}.hero-content{padding:25px 24px 45px}.hero .eyebrow{font-size:9px;margin-bottom:15px}.hero h1{font-size:clamp(26px,7vw,40px);white-space:nowrap}.hero h1 em{font-size:1.32em}.hero-lead{font-size:13px;margin-top:23px;letter-spacing:0}.hero-text{font-size:12px;line-height:1.9;margin-top:14px}.hero-data{margin-top:22px}.hero-data strong{font-size:31px}.hero-data p{font-size:12px;gap:6px}.hero-data small{font-size:9px}.hero-data .data-icon{font-size:21px}.hero .button{width:100%;font-size:14px}.hero-welcome{text-align:center;font-size:10px}.hero-hand{display:none}.hero:before{bottom:26px;width:190px;right:-35px}.hero:after{display:none}.image-note{font-size:8px;bottom:8px}.value-strip{grid-template-columns:1fr 1fr;padding:23px 24px;gap:20px 15px}.value-strip>div{padding-left:30px}.value-strip>div:nth-child(2){border:0}.value-strip b{font-size:14px}.value-strip small{font-size:9px}.value-strip span{font-size:15px}.section{padding:62px 24px}.split,.info{grid-template-columns:1fr;gap:28px}.lead{font-size:20px}.eyebrow{font-size:10px;margin-bottom:18px}.declaration{display:block;margin-top:30px;padding-top:20px}.declaration p{font-size:19px;margin-top:9px}.declaration strong{display:block}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:20px}.speaker-grid{grid-template-columns:1fr;gap:28px}.speaker-card{border-right:0;border-bottom:1px solid #e5e5e1;padding:10px 15px 30px}.speaker-card img{width:185px;height:185px}.speaker-bio{max-width:290px}.speaker-note{text-align:left;font-size:11px}.info dl>div{grid-template-columns:85px 1fr;gap:15px}dd{font-size:14px}.program .lead{font-size:20px}.program .split>div>p{font-size:13px}.faq h2{font-size:29px}summary{font-size:13px}details p{font-size:12px;padding-left:0}.final-cta h2{font-size:29px}.join-steps li{font-size:12px;gap:10px}.final-cta .button{width:100%;font-size:14px;gap:20px;padding:16px 20px}.final-cta small{font-size:9px}footer{font-size:9px;padding:25px 24px}.hero .hero-welcome{margin-top:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Scroll-driven opening; the page remains native-scrollable. */
.opening-space,.opening-screen{display:none}
.motion-ready .opening-space{display:block;height:100svh}
.motion-ready .opening-screen{display:flex;position:fixed;inset:0;z-index:50;background:#000;color:#fff;align-items:center;justify-content:center;clip-path:inset(0 0 var(--opening-cut,0%) 0);pointer-events:auto}
.opening-type{transform:translateY(var(--opening-y,0px));opacity:var(--opening-opacity,1);text-align:center;padding:0 20px}
.opening-type p{font:800 clamp(38px,8.2vw,120px)/1.12 Arial,sans-serif;letter-spacing:-.055em;margin:0;animation:ready-arrive 1s cubic-bezier(.16,1,.3,1) both}
.opening-next{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);font:10px/2 monospace;letter-spacing:.2em;text-align:center;color:#fff;padding:14px;opacity:var(--opening-opacity,1)}
.opening-next span{display:block;font:22px/1.4 Arial;margin-top:12px}
.opening-screen.is-finished{visibility:hidden;pointer-events:none}
.motion-ready .rise{opacity:0;transform:translate3d(0,42px,0);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--rise-delay,0ms)}
.motion-ready h2.rise,.motion-ready h3.rise{clip-path:inset(0 0 0 0);transition:opacity .85s,transform 1.05s cubic-bezier(.16,1,.3,1),clip-path 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--rise-delay,0ms)}
.motion-ready .rise.is-visible{opacity:1;transform:translate3d(0,0,0);clip-path:inset(0 0 0 0)}
@keyframes ready-arrive{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.motion-ready .opening-screen,.motion-ready .opening-space{display:none}.motion-ready .rise{opacity:1;transform:none;clip-path:none;transition:none}.opening-type p{animation:none}}


/* Unified soft upward reveal for every text block. */
.motion-ready .rise{opacity:0;transform:translate3d(0,28px,0);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--rise-delay,0ms)}
.motion-ready .rise.is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .hero-hand.rise{transform:translate3d(0,28px,0) rotate(-12deg)}
.motion-ready .hero-hand.rise.is-visible{transform:translate3d(0,0,0) rotate(-12deg)}
.opening-next{animation:ready-arrive 1.2s .15s both}
@media(prefers-reduced-motion:reduce){.motion-ready .rise{opacity:1;transform:none;transition:none}.opening-next{animation:none}}

.motion-ready .image-note.rise{transform:translateY(6px)}.motion-ready .image-note.rise.is-visible{transform:translateY(0)}

.hero-data .payment-note{font-size:11px;color:#d9e6ef;margin:5px 0 0 34px}
@media(max-width:800px){.hero-data .payment-note{font-size:10px;margin-left:30px}}

/* Speaker introductions from the supplied BASE-CRAFT flyer. */
.speaker-topic{font-size:12px;font-weight:700;color:#8f421c;background:#ece3d4;border-radius:20px;padding:5px 12px;margin:0 0 18px}.speaker-catch{font-size:18px;font-weight:800;line-height:1.65;text-align:left;width:100%;margin:0 0 15px;color:#8f421c}.speaker-bio{margin:0 0 20px}.speaker-for{font-size:12px;line-height:1.8;text-align:left;width:100%;padding:12px;background:#f5efe5;margin:0 0 24px}.speaker-for b{display:block;font-size:11px;margin-bottom:3px}.speaker-card .speaker-bio{max-width:none}.final-cta .button{gap:20px}@media(max-width:800px){.speaker-catch{max-width:290px;font-size:18px}.speaker-for{max-width:290px}.final-cta .button{font-size:12px;padding:16px 15px;gap:12px}.hero-data p{flex-wrap:wrap}}

.info dd .venue-access{margin-top:14px;font-size:12px;line-height:1.85}.venue-access b{color:var(--navy)}

.hero-data .event-hours-note{display:block;margin:4px 0 16px 34px;font-size:12px;line-height:1.8;color:#d9e6ef}@media(max-width:800px){.hero-data .event-hours-note{margin-left:30px;font-size:10px}}

/* BASE-CRAFT corporate typography and base palette — 2026-10-04 */
:root{--navy:#172a46;--bg:#15263e;--accent:#8f421c;--green:#d97745;--text:#2f2a22;--muted:#5c5346;--line:#dfd3be;--paper:#f5efe5;--font-body:"Zen Kaku Gothic New",sans-serif;--font-en:"Outfit",sans-serif;--font-min:"Zen Old Mincho",serif}
body{font-family:var(--font-body);line-height:2.05;letter-spacing:.03em;-webkit-font-smoothing:antialiased}
header,.value-strip,.speakers,.faq{background:#fbf8f4}
h1,h2,h3{font-family:var(--font-body);letter-spacing:.005em;color:var(--navy)}
h2{line-height:1.5}.brand{font-family:var(--font-en);font-weight:500;letter-spacing:.12em;font-size:25px;color:var(--navy)}.brand small{font-family:var(--font-body);font-weight:400;letter-spacing:.2em}
.eyebrow,.speaker-index,.speaker-handle,.declaration>span,.value-strip span{font-family:var(--font-en);font-weight:500;letter-spacing:.18em}
.hero{background:var(--paper);color:var(--text)}
.hero-shade{background:linear-gradient(100deg,#f5efe5 5%,#f5efe5f5 30%,#f5efe5c9 48%,#f5efe520 80%),linear-gradient(0deg,#f5efe5c9,transparent 65%)}
.hero:after{background:var(--paper)}.hero:before{background:#d97745}
.hero h1{color:var(--navy);letter-spacing:.005em;font-weight:900}.hero h1 em{color:var(--navy);font-size:1.1em}.hero h1 em:after{height:2px;transform:none;background:#d97745}
.hero .eyebrow{color:#8f421c}.hero-text,.hero-data small,.hero-welcome,.hero-data .payment-note,.hero-data .event-hours-note{color:#5c5346}
.hero-data strong{font-family:var(--font-en);font-weight:600}.hero-hand{font-family:var(--font-en);font-weight:400;color:#8f421c;font-size:28px}
.image-note{color:#5c5346;background:#f5efe5d9;padding:2px 6px}
.button,nav a:last-child{background:#8f421c;color:#fff}.button{box-shadow:none;letter-spacing:.06em}.button:hover{background:#172a46}
.brief h2{font-family:var(--font-min);font-weight:900;line-height:1.65;letter-spacing:.02em}
.speaker-catch{font-weight:700;color:#8f421c}.speaker-card:nth-child(2) img{border-color:#dfd3be}.text-link{color:var(--navy);border-color:#d97745}
.program h2,.final-cta h2{color:#f5efe5}.program .eyebrow,.final-cta .eyebrow,.program em{color:#e9a87f}.program p,.final-cta>p:not(.eyebrow),.final-cta small,footer{color:#f5efe5}
.program-visual{background:linear-gradient(90deg,#15263ef2,#172a46d9),url(assets/meetup-hero.png) center 58%/cover}
.final-cta{background:#15263e}.join-steps span{font-family:var(--font-en);background:#8f421c}.welcome-tags span{border-color:#dfd3be80}footer{background:#15263e}
@media(max-width:800px){.brand{font-size:20px;letter-spacing:.06em}.hero-shade{background:linear-gradient(0deg,#f5efe5 0%,#f5efe5 38%,#f5efe5b0 62%,#f5efe530 90%)}.hero h1{white-space:normal}.hero h1 em{font-size:1.2em}.brief h2{font-size:clamp(26px,7vw,34px)}}
