@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(../media/PretendardVariable.0a.~5ku~863u1.woff2)format("woff2-variations")}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--theme-bg-light:#e7e5e0;--theme-accent-light:#6f879b;--bg:#e7e5e0;--fg:#0a0a0a;--muted:#68645d;--line:#6f879b38;--line-strong:#6f879b7a;--line-soft:#6f879b29;--line-subtle:#6f879b1f;--surface:#6f879b18;--surface-hover:#6f879b2e;--surface-soft:#6f879b0f;--hoerang-blue:var(--theme-accent-light);--hoerang-blue-soft:#a8b6c1;--hoerang-blue-deep:#344b5f;--hoerang-blue-wash:#6f879b21;--media-bg:#d8d5ce;--header-fade:#e7e5e0c7;--landing-card-bg:#eeece7c7;--landing-card-shadow:0 28px 90px #37322a24;--logo-shadow:#344b5f24;--logo-shadow-soft:#344b5f1a;--logo-accent-glow:color-mix(in srgb, var(--hoerang-blue) 38%, transparent);--logo-hover-shadow:0 16px 42px var(--logo-accent-glow), 0 10px 24px var(--logo-shadow-soft);--logo-image-filter:none;--card-bg:#0a0a0a09;--button-bg:#6f879b1b;--button-bg-hover:#6f879b2e;--button-bg-disabled:#6f879b0b;--button-disabled-fg:#344b5f70;--notion-fg:#0a0a0adb;--code-bg:#0a0a0a14;--calendar-weekday:#68645d94;--calendar-muted-day:#68645d4d;--calendar-meta-separator:#68645d6b;--on-accent:#f5f2ec;--page-x:clamp(20px, 4vw, 40px);--page-top:clamp(58px, 7vw, 92px);--page-bottom:clamp(70px, 9vw, 116px);--hero-gap:clamp(14px, 2vw, 18px);--hero-block-gap:clamp(34px, 4.6vw, 50px);--hero-rule-gap:clamp(36px, 4.8vw, 52px);--content-gap:clamp(28px, 4vw, 42px);--content-gap-lg:clamp(42px, 6vw, 68px);--grid-gap:clamp(16px, 2.3vw, 24px);--card-padding:clamp(18px, 2.3vw, 23px);--radius-card:24px;--radius-media:28px;--radius-panel:18px;--content:820px;--content-wide:1040px;--body-width:var(--content-wide);--heading-font:var(--font-heading), "Noto Serif KR", serif;--heading-weight:420;--title-weight:440;--motion-ease:cubic-bezier(.2, .8, .2, 1);--motion-ease-gentle:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.home-gate,.landing{--bg:var(--theme-bg-light);--hoerang-blue:var(--theme-accent-light)}@media (prefers-color-scheme:dark){:root{--bg:#0f1418;--fg:#f3f0ea;--muted:#aaa49b;--line:#a8b6c138;--line-strong:#a8b6c175;--line-soft:#a8b6c129;--line-subtle:#a8b6c11f;--surface:#a8b6c11a;--surface-hover:#a8b6c12e;--surface-soft:#a8b6c112;--hoerang-blue:color-mix(in srgb, var(--theme-accent-light) 70%, #f5f2ec 30%);--hoerang-blue-soft:color-mix(in srgb, var(--theme-accent-light) 52%, #f5f2ec 48%);--hoerang-blue-deep:color-mix(in srgb, var(--theme-accent-light) 42%, #f5f2ec 58%);--hoerang-blue-wash:#a8b6c129;--media-bg:#171e24;--header-fade:#0f1418c7;--landing-card-bg:#12181dd1;--landing-card-shadow:0 30px 94px #0000006b;--logo-shadow:#0000005c;--logo-shadow-soft:#0000004d;--logo-accent-glow:color-mix(in srgb, var(--hoerang-blue) 42%, transparent);--logo-image-filter:brightness(0) invert(1) opacity(.88);--card-bg:#ffffff0b;--button-bg:#a8b6c11c;--button-bg-hover:#a8b6c12e;--button-bg-disabled:#a8b6c10e;--button-disabled-fg:#d0dae16b;--notion-fg:#f3f0eae0;--code-bg:#ffffff17;--calendar-weekday:#aaa49b9e;--calendar-muted-day:#aaa49b57;--calendar-meta-separator:#aaa49b70;--on-accent:#0f1418}.home-gate,.landing{--bg:#0f1418;--hoerang-blue:color-mix(in srgb, var(--theme-accent-light) 70%, #f5f2ec 30%)}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--bg);color:var(--fg)}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);min-height:100svh;color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Pretendard Variable,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after,button,input,textarea,select,code,pre{font-family:inherit}a{color:inherit}img{max-width:100%}.skip-link{z-index:100;background:var(--fg);color:var(--bg);border-radius:999px;padding:8px 12px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{background:var(--bg);width:100%;min-height:100svh;overflow-x:clip}
.home-gate{min-height:100svh;padding:max(32px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--bg);place-items:center;display:grid}.home-gate__logo{aspect-ratio:1;width:clamp(148px,24vw,240px);transition:transform .28s var(--motion-ease-gentle), filter .28s var(--motion-ease);border-radius:999px;place-items:center;text-decoration:none;display:grid}.home-gate__logo img{object-fit:contain;width:100%;height:100%;filter:var(--logo-image-filter);transition:filter .18s}.home-gate__logo:hover{filter:drop-shadow(0 18px 34px var(--logo-shadow));transform:translateY(-2px)}.home-gate__logo:focus-visible{outline:2px solid var(--hoerang-blue);outline-offset:12px}
.landing{min-height:calc(100svh - clamp(44px,6vw,62px));padding:clamp(40px, 6vw, 64px) var(--page-x) clamp(18px, 3vw, 28px);background:var(--bg);place-items:center;display:grid}.landing__card{border:1px solid var(--line);border-radius:var(--radius-media);background:var(--landing-card-bg);width:min(100%,424px);box-shadow:var(--landing-card-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;margin-top:0;padding:clamp(28px,3.8vw,38px) clamp(20px,3vw,28px) clamp(25px,3.4vw,32px)}.brand-mark{border:1px solid var(--line);background:var(--bg);border-radius:999px;place-items:center;width:82px;height:82px;margin:0 auto 16px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:66px;height:66px;filter:var(--logo-image-filter);transition:filter .22s var(--motion-ease), opacity .22s var(--motion-ease)}.brand-mark--link:hover img{opacity:.95}.brand-mark--link{color:inherit;transition:box-shadow .24s var(--motion-ease), filter .24s var(--motion-ease), border-color .24s var(--motion-ease);text-decoration:none}.brand-mark--link:hover{border-color:color-mix(in srgb, var(--hoerang-blue) 62%, var(--line) 38%);filter:brightness(1.08);box-shadow:var(--logo-hover-shadow)}.brand-mark--link:focus-visible{outline:2px solid var(--hoerang-blue);outline-offset:6px}.landing__title{color:var(--fg);font-size:clamp(23px,4.2vw,28px);font-weight:var(--title-weight);letter-spacing:-.018em;margin:0;line-height:1.12}.landing__title span{color:var(--hoerang-blue-deep);letter-spacing:.28em;text-transform:uppercase;margin-top:6px;font-size:12px;font-weight:400;line-height:1;display:block}.intro{max-width:32ch;color:var(--muted);word-break:keep-all;margin:13px auto 24px;font-size:13.5px;line-height:1.72}.social-list{gap:9px;display:grid}.main-link-button{background:var(--button-bg);min-height:50px;color:var(--fg);box-shadow:none;transition:background .2s var(--motion-ease), color .2s var(--motion-ease);border:0;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:0 15px;text-decoration:none;display:grid;position:relative;overflow:hidden}.main-link-button:not(.main-link-button--disabled):hover{background:var(--button-bg-hover);color:var(--hoerang-blue-deep);box-shadow:none}.main-link-button--disabled,.main-link-button--disabled:hover{cursor:default;background:var(--button-bg-disabled);color:var(--button-disabled-fg);box-shadow:none}.main-link-button__label{text-align:center;letter-spacing:.115em;text-transform:uppercase;transition:letter-spacing .2s var(--motion-ease), transform .2s var(--motion-ease);grid-column:2;justify-content:center;align-items:center;gap:10px;font-size:12.5px;display:inline-flex}.main-link-button:not(.main-link-button--disabled):hover .main-link-button__label{letter-spacing:.14em}.main-link-button__icon,.main-link-button__icon svg{width:18px;height:18px}.main-link-button__icon{transition:transform .2s var(--motion-ease);place-items:center;display:inline-grid}.main-link-button:not(.main-link-button--disabled):hover .main-link-button__icon{transform:translate(-2px)rotate(-4deg)}.main-link-button__icon svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round}.main-link-button__detail{color:var(--hoerang-blue);letter-spacing:.08em;text-transform:uppercase;transition:color .2s var(--motion-ease), transform .2s var(--motion-ease);grid-column:3;justify-self:end;font-size:10.5px}.main-link-button:not(.main-link-button--disabled):hover .main-link-button__detail{transform:translate(3px)}.landing__section-links{margin-top:var(--content-gap);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;justify-items:center;gap:9px;font-size:11.5px;line-height:1.7;display:grid}.landing__section-link{white-space:nowrap;text-decoration:none;position:relative}.landing__section-link:after{content:"";transform-origin:0;height:1px;transition:transform .22s var(--motion-ease);background:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.landing__section-link:hover,.landing__section-link--primary{color:var(--hoerang-blue-deep)}.landing__section-link:hover:after,.landing__section-link--primary:after{transform:scaleX(1)}.landing__section-link-row{flex-wrap:wrap;justify-content:center;gap:8px 18px;width:min(100%,332px);display:flex}.landing__contacts{border-top:1px solid var(--line-soft);justify-content:center;align-items:center;gap:13px;margin-top:22px;padding-top:18px;display:flex}.contact-link{width:36px;height:36px;color:var(--muted);transition:color .2s var(--motion-ease), background .2s var(--motion-ease);border-radius:999px;place-items:center;text-decoration:none;display:inline-grid}.contact-link svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.contact-link:hover{color:var(--hoerang-blue-deep);background:var(--surface)}.contact-link svg{transition:transform .2s var(--motion-ease)}.contact-link:hover svg{transform:translateY(-1px)rotate(-6deg)}.contact-link--disabled{cursor:default;opacity:.34}.contact-link--disabled:hover{color:var(--muted);background:0 0}
.section-page,.about-page,.member-detail-page,.detail-page{width:min(100%, var(--content-wide));padding:var(--page-top) var(--page-x) var(--page-bottom);margin-inline:auto}.links-subpage-header{z-index:20;margin:calc(var(--page-top) * -1) calc(var(--page-x) * -1) var(--hero-gap);padding:max(30px, env(safe-area-inset-top)) var(--page-x) 22px;background:linear-gradient(180deg, var(--bg) 72%, var(--header-fade));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;display:flex;position:sticky;top:0}.links-subpage-home{aspect-ratio:1;opacity:.68;width:clamp(30px,3.6vw,41px);transition:opacity .22s var(--motion-ease), filter .22s var(--motion-ease);place-items:center;text-decoration:none;display:grid}.links-subpage-home img{object-fit:contain;width:100%;height:100%;filter:var(--logo-image-filter);transition:filter .22s var(--motion-ease)}.links-subpage-home:hover{opacity:1;filter:brightness(1.08) drop-shadow(0 8px 18px var(--logo-shadow-soft))}.links-subpage-home:focus-visible{outline:2px solid var(--hoerang-blue);outline-offset:8px;border-radius:999px}.section-hero,.about-hero,.member-detail-hero{margin-bottom:var(--hero-block-gap);padding-bottom:var(--hero-rule-gap);border-bottom:1px solid var(--line)}.section-hero,.about-hero,.detail-hero{gap:var(--hero-gap);text-align:center;justify-items:center;display:grid}.section-hero h1,.about-hero h1,.detail-hero h1,.member-detail-copy h1{font-family:var(--font-heading), "Noto Serif KR", serif;font-weight:var(--heading-weight);letter-spacing:-.045em;margin:0;line-height:1.05}.section-hero h1,.about-hero h1{font-size:clamp(46px,8vw,86px)}.detail-hero h1{font-size:clamp(42px,7.4vw,76px)}.section-hero p,.detail-hero p,.about-hero p,.about-copy p,.member-detail-copy p,.cms-card p{color:var(--muted);word-break:keep-all;line-height:1.72}.section-hero p,.detail-hero p,.about-hero p,.about-copy p{max-width:62ch;margin:0}.cms-note{border:1px solid var(--line);background:var(--surface-soft);width:fit-content;color:var(--hoerang-blue-deep);border-radius:999px;padding:8px 12px;font-size:12px}.card-grid{gap:var(--grid-gap);margin-top:var(--content-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cms-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card-bg);color:inherit;transition:border-color .22s var(--motion-ease), background .22s var(--motion-ease);text-decoration:none;overflow:hidden}.cms-card:hover{border-color:var(--line-strong);background:var(--surface-soft)}.cms-card__image{aspect-ratio:4/3;background:var(--media-bg);position:relative;overflow:hidden}.cms-card--songs .cms-card__image,.detail-cover--songs{aspect-ratio:1;border-radius:0}.cms-card__image img{object-fit:cover;filter:grayscale(.2);transition:filter .24s var(--motion-ease), opacity .24s var(--motion-ease)}.cms-card:hover .cms-card__image img{filter:grayscale(0);opacity:.96}.cms-card__body,.member-card__body{padding:var(--card-padding)}.cms-card h2{font-size:22px;font-weight:var(--title-weight);letter-spacing:-.03em;margin:0;line-height:1.18}.cms-card p{margin:12px 0 0;font-size:14px}.cms-card__price{background:var(--surface);width:fit-content;color:var(--hoerang-blue-deep);letter-spacing:.02em;border-radius:999px;margin-top:12px;padding:6px 10px;font-size:12px}.tag-row{margin-top:var(--hero-gap);flex-wrap:wrap;gap:8px;display:flex}.tag-row span,.song-meta span,.item-meta span{border:1px solid var(--line);background:var(--surface-soft);color:var(--hoerang-blue-deep);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:11px}
.schedule-calendar{margin-top:var(--content-gap)}.schedule-calendar__rail{gap:var(--grid-gap);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:14px;display:flex;overflow:auto hidden}.schedule-calendar__rail::-webkit-scrollbar{display:none}.schedule-calendar__month{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.schedule-calendar__header{margin-bottom:14px}.schedule-calendar__header h2{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px;font-weight:500;line-height:1}.schedule-calendar__weekdays,.schedule-calendar__grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.schedule-calendar__weekdays{color:var(--calendar-weekday);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:9px}.schedule-calendar__weekdays span{border-bottom:1px solid var(--line-soft);padding-bottom:6px}.schedule-calendar__day{border-bottom:1px solid var(--line-subtle);min-height:clamp(64px,6vw,78px);padding:clamp(8px,1.2vw,12px) clamp(5px,.9vw,9px);position:relative}.schedule-calendar__day.is-muted{color:var(--calendar-muted-day)}.schedule-calendar__day.is-today .schedule-calendar__date{color:var(--hoerang-blue-deep)}.schedule-calendar__date{appearance:none;width:24px;height:24px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-bottom:7px;font-size:11px;font-weight:450;line-height:1;display:inline-grid}.schedule-calendar__day.has-events .schedule-calendar__date{background:var(--hoerang-blue);color:var(--on-accent)}.schedule-calendar__day.is-selected .schedule-calendar__date{background:var(--hoerang-blue-deep);color:var(--on-accent)}.schedule-calendar__date:hover{color:var(--hoerang-blue-deep)}.schedule-calendar__day.has-events .schedule-calendar__date:hover{color:var(--on-accent)}.schedule-calendar__events{gap:4px;display:grid}.schedule-calendar__events span{color:var(--hoerang-blue-deep);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}.schedule-calendar__events span:before{content:"";vertical-align:2px;background:currentColor;border-radius:999px;width:4px;height:4px;margin-right:5px;display:inline-block}.schedule-calendar__selected{margin-top:var(--content-gap);padding-top:var(--hero-gap);border-top:1px solid var(--line-soft)}.schedule-calendar__selected>p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:11px}.schedule-calendar__selected-list{display:grid}.schedule-calendar__selected-list a{color:inherit;gap:4px;padding:12px 0;text-decoration:none;display:grid}.schedule-calendar__selected-list a+a{border-top:1px solid var(--line-subtle)}.schedule-calendar__selected-list strong{color:var(--hoerang-blue-deep);font-size:15px;font-weight:var(--title-weight);letter-spacing:-.02em}.schedule-calendar__selected-meta{color:var(--muted);flex-wrap:wrap;gap:6px 10px;font-size:11px;line-height:1.35;display:flex}.schedule-calendar__selected-meta span{display:inline-flex}.schedule-calendar__selected-meta span:not(:last-child):after{content:"·";color:var(--calendar-meta-separator);margin-left:10px}.schedule-calendar__selected-list span,.schedule-calendar__empty{color:var(--muted);font-size:13px;line-height:1.5}
.detail-hero{margin-bottom:var(--content-gap)}.detail-cover{margin:var(--content-gap) 0}.detail-cover__image{object-fit:contain;border:1px solid var(--line);border-radius:var(--radius-media);background:var(--media-bg);width:100%;height:auto;max-height:min(78svh,860px);display:block}.external-link,.platform-links a{color:var(--hoerang-blue-deep);background:var(--surface);transition:background .2s var(--motion-ease), color .2s var(--motion-ease);border-radius:999px;text-decoration:none;display:inline-flex}.external-link{border:1px solid var(--line);margin-top:0;padding:12px 16px}.platform-links{flex-wrap:wrap;gap:10px;margin-top:0;display:flex}.platform-links a{padding:11px 14px;font-size:13px}.external-link:hover,.platform-links a:hover{background:var(--surface-hover)}.song-meta,.item-meta{flex-wrap:wrap;gap:8px;margin-top:0;display:flex}.item-meta__price{background:var(--surface-hover)!important}.notion-content{max-width:100%;color:var(--notion-fg);word-break:keep-all;line-height:1.86}.notion-content figure{margin:var(--content-gap) 0}.notion-content>:first-child{margin-top:0}.notion-content>:last-child{margin-bottom:0}.notion-content h2,.notion-content h3,.notion-content h4{font-family:var(--font-heading), "Noto Serif KR", serif;font-weight:var(--heading-weight);letter-spacing:-.035em;margin:2em 0 .6em;line-height:1.18}.notion-content p{margin:1.12em 0}.notion-content a{color:var(--hoerang-blue-deep);text-underline-offset:4px;text-decoration-thickness:1px}.notion-content blockquote{border-left:1px solid var(--hoerang-blue);color:var(--muted);margin:1.4em 0;padding-left:18px}.notion-content hr{border:0;border-top:1px solid var(--line);margin:34px 0}.notion-content ul,.notion-content ol{padding-left:1.4rem}.notion-content>:not(figure){width:min(100%, var(--body-width));max-width:none;margin-left:auto;margin-right:auto}.notion-content>figure{width:100%}.notion-image{border:1px solid var(--line);border-radius:var(--radius-card);width:100%;height:auto}.notion-content figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:13px}.notion-callout,.notion-bookmark,.empty-body{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--card-bg)}.notion-callout{margin:var(--hero-gap) 0;padding:var(--card-padding);gap:12px;display:flex}.notion-bookmark{padding:var(--card-padding);color:var(--muted);overflow-wrap:anywhere;text-decoration:none;display:block}.empty-body{margin-top:var(--content-gap);padding:var(--card-padding);color:var(--muted);border-style:dashed;line-height:1.65}.rt-bold{font-weight:700}.rt-italic{font-style:italic}.rt-strike{text-decoration:line-through}.rt-code{background:var(--code-bg);border-radius:6px;padding:2px 6px;font-size:.9em}
.about-copy{padding:0}.about-copy>p{width:min(100%, var(--body-width));max-width:none;margin-left:auto;margin-right:auto}.member-section{margin-top:var(--content-gap-lg)}.member-section__header{margin-bottom:var(--grid-gap);justify-content:space-between;align-items:end;display:flex}.member-section h2{font-family:var(--font-heading), "Noto Serif KR", serif;font-size:clamp(28px,5vw,48px);font-weight:var(--heading-weight);letter-spacing:-.035em;margin:0}.member-grid{gap:var(--grid-gap);scroll-snap-type:x proximity;scroll-padding-inline:var(--page-x);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:18px;display:flex;overflow:auto hidden}.member-grid::-webkit-scrollbar{display:none}.member-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-soft);color:inherit;transition:border-color .22s var(--motion-ease), background .22s var(--motion-ease);flex:0 0 clamp(220px,24vw,260px);text-decoration:none;overflow:hidden}.member-card:hover{border-color:var(--line-strong);background:var(--surface)}.member-card__photo,.member-detail-photo{aspect-ratio:1;background:var(--surface);place-items:center;display:grid;position:relative;overflow:hidden}.member-card__photo img,.member-detail-photo img{object-fit:cover;filter:grayscale(.18);transition:filter .24s var(--motion-ease), opacity .24s var(--motion-ease)}.member-card:hover .member-card__photo img{filter:grayscale(0);opacity:.96}.member-card__photo span,.member-detail-photo span{color:var(--hoerang-blue-deep);font-weight:var(--title-weight)}.member-card__photo span{font-size:clamp(42px,8vw,72px)}.member-detail-photo span{font-size:clamp(76px,16vw,132px)}.member-card h3{font-size:22px;font-weight:var(--title-weight);letter-spacing:-.03em;margin:0 0 8px}.member-card p{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.55}.member-card__social,.member-social-link{color:var(--hoerang-blue-deep);letter-spacing:.015em;align-items:center;gap:7px;font-size:12.5px;line-height:1;display:inline-flex}.member-card__social{margin-top:4px}.member-card__social svg,.member-social-link svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.member-card__instrument{letter-spacing:.08em;text-transform:uppercase;color:var(--hoerang-blue-deep)!important;font-size:12px!important}.member-detail-hero{align-items:end;gap:var(--content-gap);grid-template-columns:minmax(220px,360px) 1fr;display:grid}.member-detail-copy h1{margin-bottom:var(--hero-gap);font-size:clamp(54px,10vw,104px)}.member-detail-copy p{max-width:54ch;margin:0 0 10px}.member-detail-copy a{color:var(--hoerang-blue-deep);text-underline-offset:4px;margin-top:14px}.member-social-link{text-underline-offset:4px;text-decoration-thickness:1px}
.site-footer{width:min(100%, var(--content-wide));padding:clamp(14px, 2vw, 18px) var(--page-x) max(clamp(20px, 2.8vw, 30px), env(safe-area-inset-bottom));color:color-mix(in srgb, var(--hoerang-blue-deep) 58%, var(--muted) 42%);text-align:center;letter-spacing:.12em;text-transform:uppercase;margin:0 auto;font-size:6.6px;line-height:1.45}.site-footer p{margin:0}.home-gate+.site-footer{z-index:10;pointer-events:none;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.landing+.site-footer{padding-top:0}.page-footer{border-top:1px solid var(--line-soft);margin-top:clamp(38px,5.4vw,62px);padding-top:clamp(14px,2vw,18px)}.page-footer__nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;min-height:24px;display:grid}.footer-back-link,.footer-home-link,.footer-about-link{color:var(--muted);letter-spacing:.06em;text-transform:lowercase;transition:color .2s var(--motion-ease), transform .2s var(--motion-ease);align-items:center;gap:8px;font-size:13px;line-height:1;text-decoration:none;display:inline-flex}.footer-back-link{grid-column:1;justify-self:start}.footer-home-link{grid-column:2;justify-self:center}.footer-about-link{grid-column:3;justify-self:end}.footer-back-link:hover,.footer-home-link:hover,.footer-about-link:hover{color:var(--hoerang-blue-deep)}.footer-back-link:hover{transform:translate(-2px)}.footer-home-link:hover{transform:translateY(-1px)}.footer-about-link:hover{transform:translate(2px)}@media (max-width:560px){.page-footer{margin-top:34px;padding-top:14px}.page-footer__nav{grid-template-columns:1fr auto 1fr;gap:10px;min-height:22px}.footer-back-link,.footer-home-link,.footer-about-link{letter-spacing:.055em;font-size:12px}}
@media (min-width:900px){.section-page:has(.schedule-calendar){width:min(100%,960px)}}@media (max-width:760px){:root{--page-x:18px;--page-top:max(44px, env(safe-area-inset-top));--page-bottom:max(60px, env(safe-area-inset-bottom));--hero-block-gap:34px;--hero-rule-gap:34px;--content-gap:28px;--content-gap-lg:34px;--grid-gap:16px;--card-padding:19px;--radius-card:24px;--radius-media:24px}.home-gate__logo{width:clamp(132px,42vw,190px)}.landing{padding:max(28px, env(safe-area-inset-top)) var(--page-x) max(28px, env(safe-area-inset-bottom));align-items:center}.landing__card{border-radius:24px;width:100%;max-width:406px;margin-top:0;padding:27px 17px 24px}.brand-mark{width:76px;height:76px;margin-bottom:15px}.brand-mark img{width:62px;height:62px}.landing__title{font-size:clamp(23px,7vw,28px)}.landing__title span{letter-spacing:.26em;font-size:11.5px}.intro{margin:12px auto 22px;font-size:13px;line-height:1.68}.social-list{gap:8px}.main-link-button{min-height:49px;padding-inline:14px}.main-link-button__label{letter-spacing:.095em;font-size:12px}.landing__section-links{letter-spacing:.105em;margin-top:22px;font-size:11px}.landing__section-link-row{gap:8px 16px;width:min(100%,310px)}.landing__contacts{margin-top:20px;padding-top:17px}.section-page,.detail-page,.about-page,.member-detail-page{padding-inline:var(--page-x)}.links-subpage-header{padding-top:max(22px, env(safe-area-inset-top));margin-bottom:12px;padding-bottom:16px}.links-subpage-home{width:26px}.section-hero,.about-hero,.member-detail-hero{margin-bottom:var(--hero-block-gap);padding-bottom:var(--hero-rule-gap)}.section-hero h1,.about-hero h1{font-size:clamp(40px,12vw,56px)}.detail-hero h1{font-size:clamp(42px,12.5vw,60px)}.section-hero p,.detail-hero p,.about-hero p,.about-copy p{font-size:15px;line-height:1.72}.card-grid{gap:var(--grid-gap);margin-top:var(--content-gap);grid-template-columns:1fr}.cms-card{border-radius:var(--radius-card)}.cms-card__image{aspect-ratio:16/10}.cms-card--songs .cms-card__image{aspect-ratio:1}.cms-card__body{padding:var(--card-padding)}.cms-card h2{font-size:20px}.cms-card p{font-size:13px}.schedule-calendar__rail,.member-grid{margin-inline:calc(var(--page-x) * -1);padding-inline:var(--page-x);scroll-padding-inline:var(--page-x)}.schedule-calendar__rail{gap:var(--page-x)}.schedule-calendar__month{flex-basis:calc(100vw - (var(--page-x) * 2))}.schedule-calendar{margin-top:var(--content-gap)}.schedule-calendar__header{margin-bottom:12px}.schedule-calendar__day{min-height:56px;padding:7px 3px}.schedule-calendar__date{width:20px;height:20px;margin-bottom:5px;font-size:10px}.schedule-calendar__events span{font-size:8px}.schedule-calendar__events span:before{width:3px;height:3px;margin-right:3px}.detail-cover{border-radius:var(--radius-media)}.notion-content{font-size:15px;line-height:1.82}.notion-content figure{margin:var(--content-gap) 0}.member-section{margin-top:var(--content-gap-lg)}.member-section__header{margin-bottom:var(--grid-gap)}.member-card{border-radius:var(--radius-card);flex-basis:min(76vw,286px)}.member-detail-hero{gap:var(--content-gap);grid-template-columns:1fr}.member-detail-photo{max-width:360px}.member-detail-copy h1{font-size:clamp(48px,16vw,76px)}}@media (max-width:380px){:root{--page-x:14px}.landing__card{padding-inline:15px}.main-link-button__label{letter-spacing:.075em;gap:8px}.main-link-button__detail{font-size:10px}.landing__section-link-row{width:min(100%,300px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}

