#seo-homepage{--red:#d91f2d;--ink:#202622;--cream:#f6f4ee;--line:#deded6;--muted:#5c655e}
#seo-homepage *{box-sizing:border-box}
html{scroll-behavior:smooth}
#seo-homepage{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:var(--cream)}
#seo-homepage a{color:inherit;text-decoration:none}
#seo-homepage a:focus-visible,#seo-homepage button:focus-visible{outline:3px solid #306cc3;outline-offset:5px}
#seo-homepage button{font:inherit}
#seo-homepage img{max-width:100%;display:block}
#seo-homepage .wrap{max-width:1220px;margin:auto;padding:0 36px}
#seo-homepage .eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800}
#seo-homepage .top{background:var(--ink);color:#fff;font-size:11px;letter-spacing:.03em}
#seo-homepage .top .wrap{display:flex;justify-content:space-between;padding-top:7px;padding-bottom:7px}
#seo-homepage .top span{color:#d4d9d2}
#seo-homepage header{background:#fff}
#seo-homepage .nav{display:flex;align-items:center;justify-content:space-between;gap:25px;height:104px}
#seo-homepage .brand{display:flex;gap:14px;align-items:center}
#seo-homepage .brand img{width:76px;height:76px}
#seo-homepage .brand strong{display:block;font-size:18px;letter-spacing:-.5px}
#seo-homepage .brand small{display:block;font-size:11px;color:var(--muted)}
#seo-homepage nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:700}
#seo-homepage nav a:hover,#seo-homepage nav a.active{color:var(--red)}
#seo-homepage .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 21px;background:var(--red);color:white;font-size:13px;font-weight:700;border:1px solid var(--red);border-radius:3px;transition:background .2s,transform .2s}
#seo-homepage .btn:hover{background:#b61926;color:white;transform:translateY(-2px)}
#seo-homepage .btn.light{background:white;color:var(--ink);border-color:white}
#seo-homepage .btn.line{background:transparent;color:var(--ink);border-color:#b7bcb5}
#seo-homepage .btn.line:hover{background:#e8e9e0}
#seo-homepage .menu{display:none;background:white;border:1px solid var(--line);border-radius:3px;padding:8px 12px}
#seo-homepage .hero{display:grid;grid-template-columns:1fr 1fr;min-height:516px;position:relative}
#seo-homepage .hero-copy{padding:60px 45px 65px max(36px,calc((100vw - 1148px)/2));position:relative;overflow:hidden}
#seo-homepage .hero-copy:after{content:'1919';position:absolute;right:5px;bottom:-42px;font-size:170px;font-weight:900;letter-spacing:-10px;color:#20262205;pointer-events:none}
#seo-homepage .hero .eyebrow{color:var(--red);display:flex;align-items:center;gap:12px}
#seo-homepage .hero .eyebrow:before{content:'';width:25px;height:2px;background:var(--red)}
#seo-homepage h1,#seo-homepage h2,#seo-homepage h3,#seo-homepage p{margin:0}
#seo-homepage h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(52px,5.5vw,79px);line-height:1.04;text-transform:uppercase;margin:22px 0}
#seo-homepage h1 em{font-style:normal;color:var(--red)}
#seo-homepage .intro{max-width:420px;color:var(--muted);font-size:15px;line-height:1.8}
#seo-homepage .hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
#seo-homepage .hero-photo{position:relative;min-height:450px}
#seo-homepage .hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:53% 45%}
#seo-homepage .photo-caption{position:absolute;bottom:24px;left:27px;right:27px;display:flex;gap:15px;align-items:center;color:white}
#seo-homepage .photo-caption span{background:var(--red);padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.08em}
#seo-homepage .photo-caption p{text-shadow:0 1px 6px #000;font-size:12px}
#seo-homepage .quick{background:white;border-bottom:1px solid var(--line)}
#seo-homepage .quick-grid{display:grid;grid-template-columns:repeat(3,1fr)}
#seo-homepage .quick a{display:flex;gap:18px;padding:28px 22px;align-items:center;border-right:1px solid var(--line)}
#seo-homepage .quick a:first-child{border-left:1px solid var(--line)}
#seo-homepage .quick a:hover{background:#fcf4f3}
#seo-homepage .quick .number{font-size:12px;color:var(--red);font-weight:bold}
#seo-homepage .quick strong{display:block;font-size:17px;letter-spacing:-.4px}
#seo-homepage .quick small{display:block;color:var(--muted);font-size:12px}
#seo-homepage .arrow{margin-left:auto;font-size:23px;color:var(--red)}
#seo-homepage section.content{padding:75px 0}
#seo-homepage .section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
#seo-homepage .section-head .eyebrow{color:var(--red);margin-bottom:9px}
#seo-homepage h2{font-size:35px;line-height:1.15;letter-spacing:-1.2px}
#seo-homepage .textlink{font-size:12px;font-weight:700;display:inline-block;border-bottom:1px solid var(--red);padding-bottom:4px;white-space:nowrap}
#seo-homepage .textlink:hover{color:var(--red)}
#seo-homepage .club{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}
#seo-homepage .club-image{position:relative}
#seo-homepage .club-image img{width:100%;aspect-ratio:1.32;object-fit:cover;border-radius:3px}
#seo-homepage .club-image .stamp{position:absolute;bottom:-15px;right:-15px;background:var(--red);color:white;padding:18px 23px;font-size:12px;line-height:1.45;box-shadow:0 4px 15px #0001}
#seo-homepage .stamp strong{display:block;font-size:31px;line-height:1.15}
#seo-homepage .club-copy h2{font-size:39px;margin:13px 0 20px}
#seo-homepage .club-copy>p{font-size:14px;color:var(--muted);margin-bottom:15px}
#seo-homepage .values{display:flex;gap:17px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:19px;margin:23px 0;font-size:12px;font-weight:700}
#seo-homepage .values span:before{content:'✓';color:var(--red);margin-right:6px}
#seo-homepage .instagram-section{background:#fff;padding:72px 0 85px;overflow:hidden}
#seo-homepage .instagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
#seo-homepage .instagram-label{display:flex;gap:12px;align-items:center;color:var(--red);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
#seo-homepage .instagram-copy h2{font-size:43px;line-height:1.12;letter-spacing:-1.5px;margin:23px 0}
#seo-homepage .instagram-copy h2 em{font-style:normal;color:var(--red)}
#seo-homepage .instagram-copy p{font-size:14px;color:var(--muted);max-width:410px;margin-bottom:26px}
#seo-homepage .instagram-handle{display:block;width:fit-content;margin-top:14px;color:var(--muted);font-size:12px}
#seo-homepage .instagram-handle:hover{color:var(--red)}
#seo-homepage .instagram-visual{position:relative;height:410px;display:block}
#seo-homepage .instagram-ring{position:absolute;width:325px;height:325px;border:1px solid #edd5d2;background:#fbf4f1;border-radius:50%;left:90px;top:30px}
#seo-homepage .photo-card{position:absolute;margin:0;background:var(--cream);padding:10px 10px 0;width:238px;box-shadow:0 13px 28px #20262218;border:1px solid #eeede7;transition:transform .25s}
#seo-homepage .photo-card img{width:100%;height:252px;object-fit:cover}
#seo-homepage .photo-card figcaption{font-size:11px;font-weight:700;padding:14px 2px;color:var(--ink)}
#seo-homepage .photo-card.first{left:3px;top:12px;transform:rotate(-7deg)}
#seo-homepage .photo-card.first img{object-position:51% center}
#seo-homepage .photo-card.second{right:3px;top:84px;transform:rotate(7deg)}
#seo-homepage .photo-card.second img{object-position:52% center}
#seo-homepage .instagram-visual:hover .first{transform:translateY(-6px) rotate(-9deg)}
#seo-homepage .instagram-visual:hover .second{transform:translateY(-6px) rotate(9deg)}
#seo-homepage .instagram-note{position:absolute;bottom:0;left:20px;right:0;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;letter-spacing:.01em}
#seo-homepage .instagram-note>span{color:var(--red);font-size:25px}
@media(max-width:1050px) and (min-width:781px){#seo-homepage .instagram-grid{gap:25px}
#seo-homepage .photo-card{width:195px}
#seo-homepage .photo-card img{height:230px}
#seo-homepage .instagram-ring{left:20px;width:290px;height:290px}
#seo-homepage .instagram-copy h2{font-size:37px}}
@media(max-width:780px){#seo-homepage .instagram-section{padding:48px 0 52px}
#seo-homepage .instagram-grid{grid-template-columns:1fr;gap:32px}
#seo-homepage .instagram-copy h2{font-size:36px}
#seo-homepage .instagram-visual{height:370px;max-width:450px;width:100%;margin:auto}
#seo-homepage .photo-card{width:55%}
#seo-homepage .photo-card img{height:215px}
#seo-homepage .photo-card.first{left:8px}
#seo-homepage .photo-card.second{right:8px;top:65px}
#seo-homepage .instagram-ring{width:260px;height:260px;left:calc(50% - 130px)}
#seo-homepage .photo-card figcaption{font-size:10px;padding:12px 0}
#seo-homepage .instagram-note{left:5px;bottom:0}}
#seo-homepage .join{padding:56px 0;background:var(--ink);color:white}
#seo-homepage .join .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}
#seo-homepage .join .eyebrow{color:#ff969b;margin-bottom:12px}
#seo-homepage .join h2{font-size:36px}
#seo-homepage .join p{color:#c6cdc4;font-size:14px;max-width:550px;margin-top:13px}
#seo-homepage footer{padding:40px 0 18px;background:#ebede6}
#seo-homepage .footer-main{display:flex;justify-content:space-between;gap:25px;font-size:12px;padding-bottom:30px}
#seo-homepage .footer-main strong{display:block;margin-bottom:6px}
#seo-homepage .footer-main a:hover{text-decoration:underline}
#seo-homepage .footer-main p{color:var(--muted)}
#seo-homepage .bottom{padding-top:17px;border-top:1px solid #cfd3ca;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
#seo-homepage .concept{font-size:10px;letter-spacing:.04em;color:#aab6a7}
#seo-homepage .skip{position:absolute;top:-80px;left:10px;z-index:100;background:white;padding:12px}
#seo-homepage .skip:focus{top:10px}
@media(min-width:1500px){#seo-homepage .hero-copy{padding-left:calc((100vw - 1148px)/2)}}
@media(max-width:1050px){#seo-homepage .brand small{display:none}
#seo-homepage nav{gap:16px}
#seo-homepage .nav{gap:15px}
#seo-homepage .brand strong{font-size:16px}
#seo-homepage .wrap{padding-left:25px;padding-right:25px}
#seo-homepage .hero-copy{padding:50px 28px}
#seo-homepage h1{font-size:61px}
#seo-homepage .club{gap:40px}
#seo-homepage .news-grid{gap:20px}
#seo-homepage .club-copy h2{font-size:34px}}
@media(max-width:780px){#seo-homepage .top .wrap{font-size:10px}
#seo-homepage .top span{display:none}
#seo-homepage .nav{height:86px;position:relative}
#seo-homepage .brand img{width:60px;height:60px}
#seo-homepage .brand small{display:block;font-size:10px}
#seo-homepage .menu{display:block}
#seo-homepage nav{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:24px;z-index:10;box-shadow:0 12px 20px #0001}
#seo-homepage nav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}
#seo-homepage .hero{grid-template-columns:1fr}
#seo-homepage .hero-copy{padding:40px 25px 45px}
#seo-homepage h1{font-size:62px;max-width:500px}
#seo-homepage .hero-photo{min-height:340px}
#seo-homepage .hero-photo>img{object-position:50% 43%}
#seo-homepage .quick-grid{grid-template-columns:1fr}
#seo-homepage .quick a,#seo-homepage .quick a:first-child{padding:20px 0;border:0;border-bottom:1px solid var(--line)}
#seo-homepage .quick a:last-child{border-bottom:0}
#seo-homepage .quick strong{font-size:17px}
#seo-homepage section.content{padding:48px 0}
#seo-homepage .club{grid-template-columns:1fr;gap:40px}
#seo-homepage .club-image{margin-right:14px}
#seo-homepage .club-image img{aspect-ratio:1.5}
#seo-homepage .club-copy h2{font-size:34px}
#seo-homepage .news-grid{grid-template-columns:1fr;gap:32px}
#seo-homepage .story{padding-top:19px}
#seo-homepage .section-head{align-items:start}
#seo-homepage .section-head h2{font-size:30px}
#seo-homepage .section-head>.textlink{margin-top:6px}
#seo-homepage .join .wrap{align-items:start;flex-direction:column;gap:25px}
#seo-homepage .join h2{font-size:32px}
#seo-homepage .footer-main{flex-wrap:wrap;gap:24px}
#seo-homepage .footer-main>div:first-child{width:100%}
#seo-homepage .bottom{gap:15px;flex-wrap:wrap}
#seo-homepage .photo-caption p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
#seo-homepage *{transition:none!important}}
#seo-homepage .brand strong{font-size:16px;line-height:1.25;letter-spacing:-.25px}
#seo-homepage .brand small{margin-top:4px}
#seo-homepage .hero .eyebrow:before{flex-shrink:0}
#seo-homepage address{font-style:normal;color:var(--muted)}
@media(min-width:781px) and (max-width:1100px){#seo-homepage .nav{position:relative}
#seo-homepage .menu{display:block}
#seo-homepage nav{display:none;position:absolute;top:104px;left:0;right:0;background:white;padding:24px;z-index:10;box-shadow:0 12px 20px #0001}
#seo-homepage nav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}}
@media(max-width:780px){#seo-homepage .brand{gap:9px}
#seo-homepage .brand img{width:46px;height:46px}
#seo-homepage .brand strong{font-size:12px;letter-spacing:-.15px}
#seo-homepage .brand small{font-size:9px}
#seo-homepage .nav{gap:10px}
#seo-homepage .menu{font-size:13px;padding:8px 9px;flex-shrink:0}
#seo-homepage .hero .eyebrow{font-size:10px;letter-spacing:.12em}
#seo-homepage .instagram-visual{height:350px}}


#seo-homepage{padding:0;box-sizing:border-box;font-weight:400;letter-spacing:normal;text-transform:none}
#seo-homepage h2,#seo-homepage h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;text-transform:none}
#seo-homepage .wrap{width:100%}
#seo-homepage .brand strong{font-family:Arial,Helvetica,sans-serif}
#seo-homepage .menu{color:var(--ink);line-height:1.65;text-transform:none}
#seo-homepage .photo-card{box-sizing:border-box}
@media(max-width:380px){#seo-homepage .brand img{width:38px;height:38px}#seo-homepage .brand strong{font-size:11px}#seo-homepage .brand small{font-size:8px}}
