/* Three local design studies sharing the same content. */
.design-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 18px;background:#fff;color:#303332;border-bottom:1px solid #ddd;font:12px/1.5 Arial,sans-serif}
.design-nav a{padding:5px 11px;text-decoration:none;border-radius:3px;border:1px solid #ddd}
.design-nav a[aria-current]{background:#292d2b;color:#fff;border-color:#292d2b}
.design-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px}
.design-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:700;letter-spacing:.12em;font-size:17px}
.design-brand img{width:44px;height:44px;object-fit:contain}
.design-header .top-language{width:auto;margin:0;padding:0}
.club{transition:transform .2s,box-shadow .2s}
.club:hover{transform:translateY(-3px)}
.hero-logo{width:265px}
.clubs{padding-top:55px}
.section-heading h2{font-size:36px}
.club-image{height:165px}
.variant-1{--paper:#faf9f6;--red:#ac2931;--ink:#232b29;--line:#deded7;font-family:'Segoe UI',Arial,sans-serif}
.variant-1 .design-header{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.variant-1 .design-brand img{width:76px;height:auto;display:block}
.variant-1 .clubs-hombu{margin-left:auto;text-align:right;font-size:14px;color:var(--red)}
.variant-1 .clubs-hombu a{text-underline-offset:5px}
@media(max-width:640px){.variant-1 .section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.variant-1 .clubs-hombu{font-size:13px}}
.variant-1 .design-header{align-items:center;gap:30px}
.variant-1 .design-brand{flex-shrink:0}
.variant-1 .header-description{flex:1;min-width:0}
.variant-1 .header-description .wrap{width:100%}
.variant-1 .header-description .about{padding:0;border:0}
.variant-1 .header-description .about p{font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.75;text-align:center;max-width:none}
.variant-1 .header-description .hombu-link{padding:10px 0 0;text-align:center;font-size:13px;border:0}
.variant-1 .design-header .top-language{flex-shrink:0;align-self:flex-start;padding-top:4px}
@media(max-width:800px){.variant-1 .design-header{flex-wrap:wrap;gap:18px}.variant-1 .header-description{flex-basis:calc(100% - 110px)}.variant-1 .design-header .top-language{width:100%;justify-content:flex-end;padding:0}.variant-1 .header-description .about p{font-size:14px}}
@media(max-width:440px){.variant-1 .design-brand img{width:60px}.variant-1 .header-description{flex-basis:calc(100% - 80px)}.variant-1 .header-description .about p{font-size:13px}}
.variant-1 .hero{padding:48px 0}
.variant-1 .hero{padding:28px 0 0}
.variant-1 .hero-portrait{display:block;width:min(100%,760px);height:auto;margin:0 auto}
.variant-1 .dojo-scene{padding:0;margin-top:24px;aspect-ratio:16/9;background:#c5a17a url('bilder/dojo-background.png') center/cover no-repeat;overflow:hidden}
.variant-1 .dojo-foreground{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end}
.variant-1 .dojo-scrolls{position:absolute;inset:0;pointer-events:none}
.variant-1 .dojo-scroll{position:absolute;top:21%;height:23%;width:auto;object-fit:contain;transform:translateX(-50%);filter:brightness(.92) drop-shadow(1px 2px 2px #0003)}
.variant-1 .scroll-karatedo{left:25.5%}
.variant-1 .scroll-shuhari{left:74%}
.variant-1 .dojo-scene .hero-portrait{width:100%;height:100%;object-fit:contain;margin:0}
@media(max-width:640px){.variant-1 .dojo-scene{aspect-ratio:4/3;margin-top:18px}}
.variant-1 .about{border:0;padding:0 0 32px}
.variant-1 .about p{font-size:20px;line-height:1.85;font-family:Georgia,serif;max-width:820px;color:#3e4742}
.variant-1 .hombu-link{border:0;padding:0 0 35px}
.variant-1 .club{border:1px solid #e4e4dd;border-radius:10px;overflow:hidden;box-shadow:0 5px 18px #23352d05}
.variant-1 .club:hover{box-shadow:0 10px 28px #23352d12}
.variant-1 h2,.variant-1 h3{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:-.035em}
.variant-1 .club-top{font-weight:600}
.variant-1 .club-bottom a:first-child{color:var(--red);font-weight:600}
.variant-2{--paper:#ede8de;--red:#aa272b;--ink:#292b28;--line:#cbc7bd;--white:#f9f6ef;font-family:Georgia,'Times New Roman',serif}
.variant-2 .design-header{border-bottom:3px double var(--ink)}
.variant-2 .design-brand{font-family:Georgia,serif;font-size:22px;letter-spacing:.06em}
.variant-2 .hero{padding:45px 0 35px}
.variant-2 .hero-logo{width:245px}
.variant-2 .about{border-top:0;border-bottom:0;padding:0 0 28px}
.variant-2 .about p{font-family:Georgia,serif;color:var(--ink);font-size:22px;line-height:1.7;max-width:850px}
.variant-2 .hombu-link{border-top:1px solid var(--line);border-bottom:3px double var(--ink);padding:17px 0;font-family:Arial,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.variant-2 .section-heading h2{font-size:44px;font-style:italic}
.variant-2 .club{border:0;background:transparent;border-top:2px solid var(--ink);padding-top:24px}
.variant-2 .club-image{margin-top:0;background:#fff;border:1px solid var(--line);height:180px}
.variant-2 .club-top,.variant-2 .details,.variant-2 .address,.variant-2 .club-bottom{font-family:Arial,sans-serif}
.variant-2 h3{font-size:30px}
.variant-2 footer{background:#292b28}
.variant-3{--paper:#151b20;--ink:#f4f4ef;--muted:#b8c0c5;--red:#ef6368;--line:#354047;--white:#222b32;font-family:'Segoe UI',Arial,sans-serif}
.variant-3 .design-header{border-bottom:1px solid var(--line)}
.variant-3 .design-brand{letter-spacing:.18em}
.variant-3 .hero{background:radial-gradient(ellipse at center,#80313630,transparent 65%);padding:46px 0 38px}
.variant-3 .hero-logo{border:12px solid #fff;border-radius:4px;width:265px;box-shadow:0 20px 70px #0005}
.variant-3 .about{border:0;padding:0 0 30px}
.variant-3 .about p{font-size:19px;line-height:1.85;max-width:820px;color:#d4dade}
.variant-3 .hombu-link{padding:0 0 35px}
.variant-3 .hombu-link a{text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:6px}
.variant-3 h2,.variant-3 h3{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:-.03em}
.variant-3 .club{border-radius:5px;overflow:hidden;border:1px solid #354047;box-shadow:0 8px 20px #0002}
.variant-3 .club-top{font-weight:600}
.variant-3 .club-bottom{font-weight:500}
.variant-3 .details a{text-decoration-color:#66737c}
.variant-3 .club-no{color:#a2afb8}
.variant-3 footer{background:#0e1418}
@media(max-width:640px){.design-header{padding-top:16px;padding-bottom:16px;gap:10px}.design-brand,.variant-2 .design-brand{font-size:14px;letter-spacing:.04em}.design-brand img{width:34px;height:34px}.design-header .language-switch{font-size:11px}.variant-1 .about p,.variant-2 .about p,.variant-3 .about p{font-size:17px}.section-heading h2,.variant-2 .section-heading h2{font-size:31px}.hero-logo,.variant-2 .hero-logo,.variant-3 .hero-logo{width:210px}}
@media(prefers-reduced-motion:reduce){.club{transition:none}.club:hover{transform:none}}