:root{color-scheme:light;--ink:#182338;--muted:#667085;--red:#ef583b;--blue:#2865aa;--line:#e4e8ef;--paper:#fff;--soft:#f4f7fb;--max:1200px}
      *{box-sizing:border-box}
      html{scroll-behavior:smooth;scroll-padding-top:130px}
      body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;line-height:1.6}
      a{color:inherit;text-decoration:none}
      button{font:inherit}
      .wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
      .site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
      .brand-row{display:flex;align-items:center;gap:12px;padding:10px 0}
      .brand-mark{flex:0 0 54px;height:54px;overflow:hidden;border-radius:50%;background:#fff url("/assets/brand-header-reference.png") left center/514px 54px no-repeat}
      .brand-name{min-width:0;flex:0 0 auto;display:block;color:var(--ink);font-size:clamp(17px,1.7vw,22px);font-weight:850;letter-spacing:-.055em}
      .brand-name small{display:block;margin:0 0 1px;color:var(--blue);font-size:10px;letter-spacing:.08em}
      .nav-row{flex:1;border:0}
      .nav-inner{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2.5vw,36px);min-height:56px}
      .nav-links{display:flex;align-items:center;gap:clamp(12px,1.8vw,26px);font-size:14px;font-weight:750}
      .nav-links a{padding:15px 0;position:relative}
      .nav-links a:hover,.nav-links a:focus-visible{color:var(--blue)}
      .nav-cta{font-size:13px;font-weight:750;color:#fff;background:var(--blue);padding:10px 17px;border-radius:4px}
      .menu-button{display:none;border:0;background:transparent;padding:10px;cursor:pointer}
      .hero{overflow:hidden;background:linear-gradient(115deg,#f1f5fa 0%,#e9eff6 58%,#dbe5ef 100%);color:var(--ink);position:relative}
      .hero:before{content:"";position:absolute;width:430px;height:430px;right:4%;top:50%;transform:translateY(-50%);border-radius:50%;background:linear-gradient(135deg,#2865aa18,#ef583b22)}
      .hero-inner{position:relative;z-index:1;min-height:510px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:30px;padding-block:48px}
      .hero-copy{max-width:680px;padding-block:30px}
      .eyebrow{margin:0 0 18px;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
      .hero h1{margin:0;max-width:760px;font-size:clamp(38px,5.5vw,68px);line-height:1.17;letter-spacing:-.075em;font-weight:850}
      .hero h1 span{color:var(--blue)}
      .hero-copy>p:not(.eyebrow){max-width:550px;margin:20px 0 0;color:#536174;font-size:16px;line-height:1.8}
      .hero-photo{align-self:stretch;min-height:420px;display:flex;align-items:end;justify-content:center;overflow:hidden;position:relative;border-radius:8px 8px 0 0}
      .hero-photo img{display:block;width:min(100%,410px);height:100%;max-height:510px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;clip-path:inset(0 0 2.5%)}
      .hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}
      .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font-size:14px;font-weight:750;border-radius:4px}
      .button-light{background:#ef8f55;color:#fff}
      .button-outline{border:1px solid #2865aa70;color:var(--blue)}
      .section{padding:88px 0}
      .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
      .section-label{margin:0 0 10px;color:var(--red);font-size:12px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
      h2{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.22;letter-spacing:-.06em}
      .section-intro{max-width:500px;margin:0;color:var(--muted);font-size:15px}
      .about-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}
      .about-copy p{max-width:600px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.9}
      .about-art{min-height:300px;position:relative;display:grid;place-items:center;background:var(--soft);overflow:hidden}
      .orbit{width:210px;height:210px;border:1px solid #c9c9d0;border-radius:50%;position:relative}
      .orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;inset:22px}
      .orbit:before{background:var(--red);clip-path:inset(0 0 47% 0);transform:translate(-24px,-17px)}
      .orbit:after{background:var(--blue);clip-path:inset(45% 0 0 0);transform:translate(24px,17px)}
      .art-caption{position:absolute;right:22px;bottom:18px;color:#777;font-size:11px;letter-spacing:.12em}
      .greeting{background:var(--soft)}
      .greeting-grid{display:grid;grid-template-columns:minmax(260px,.78fr) 1.22fr;gap:56px;align-items:start}
      .chairman-photo{width:100%;max-width:440px;aspect-ratio:2736/3472;object-fit:cover;object-position:center top;display:block;background:#eee}
      .chairman-caption{margin:12px 0 0;color:var(--muted);font-size:14px}
      .greeting-copy p{margin:0 0 15px;color:var(--muted);font-size:15px;line-height:1.9}
      .greeting-sign{margin-top:28px!important;color:var(--ink)!important;font-weight:750}
      .org-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid var(--line)}
      .org-row{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}
      .org-row dt{color:var(--muted);font-size:14px}.org-row dd{margin:0;font-size:15px;font-weight:700}
      .source-note{margin:20px 0 0;color:#777;font-size:12px}
      .source-note a{text-decoration:underline;text-underline-offset:3px}
      .fields{background:var(--soft)}
      .field-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9d9dd;border-bottom:1px solid #d9d9dd}
      .field-card{min-height:210px;padding:28px 28px 30px;border-right:1px solid #d9d9dd}
      .field-card:last-child{border-right:0}
      .field-no{display:block;margin-bottom:38px;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.1em}
      .field-card h3{margin:0;font-size:23px;letter-spacing:-.045em}
      .field-card p{max-width:280px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.7}
      .news-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
      .news-card{min-height:205px;padding:27px 28px;border:1px solid var(--line);background:white;display:flex;flex-direction:column;justify-content:space-between}
      .news-card span{color:var(--red);font-size:12px;font-weight:850;letter-spacing:.12em}
      .news-card h3{margin:22px 0 7px;font-size:22px;letter-spacing:-.04em}
      .news-card p{margin:0;color:var(--muted);font-size:14px}
      .news-card a{align-self:flex-start;margin-top:18px;font-size:13px;font-weight:750;border-bottom:1px solid #999;padding-bottom:3px}
      .gallery-card{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center;min-height:190px}
      .gallery-card img{width:160px;height:160px;object-fit:cover;object-position:center 18%;background:var(--soft)}
      .gallery-card h3{margin-top:8px}
      .gallery-card .about-art{min-height:160px}
      .gallery-card .orbit{width:122px;height:122px}
      .gallery-card .orbit:before,.gallery-card .orbit:after{inset:14px}
      .text-link{font-size:13px;font-weight:750;color:var(--blue);white-space:nowrap}
      .join-band{padding:56px 0;background:#eaf0f7;color:var(--ink)}
      .join-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
      .join-inner p{margin:0 0 6px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}
      .join-inner h2{font-size:clamp(25px,4vw,38px)}
      .join-inner .button{background:var(--blue);color:#fff;white-space:nowrap}
      .footer{background:#172439;color:#fff;padding:32px 0}
      .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
      .footer strong{font-size:15px}
      .footer p{margin:5px 0 0;color:#c4ccda;font-size:12px}
      .footer small{color:#a8b1c0;font-size:11px}
      :focus-visible{outline:3px solid #4960ff;outline-offset:3px}
      @media(max-width:760px){
        html{scroll-padding-top:110px}.wrap{width:min(var(--max),calc(100% - 36px))}
        .brand-row{gap:9px;padding:7px 0;flex-wrap:wrap}.brand-mark{flex-basis:54px;height:54px;background-size:514px 54px}.brand-name{flex:1;min-height:56px;padding:0;font-size:clamp(14px,4vw,19px)}.brand-name small{margin-right:8px}.nav-row{flex:0 0 100%}
        .nav-inner{min-height:48px}.menu-button{display:grid;gap:4px}.menu-button span{display:block;width:20px;height:2px;background:#111}
        .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:8px 18px 14px;align-items:stretch;gap:0;flex-direction:column}
        .nav-links.open{display:flex}.nav-links a{padding:11px 0;border-bottom:1px solid #eee}.nav-cta{display:none}
        .hero-inner{min-height:0;grid-template-columns:1fr;gap:8px;padding-block:44px 0}.hero:before{width:280px;height:280px;right:-85px;top:69%;opacity:.75}.hero h1{font-size:clamp(38px,10vw,60px)}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-photo{min-height:310px;height:310px;margin-inline:-12px}.hero-photo img{max-height:360px;width:min(90%,330px)}
        .section{padding:64px 0}.section-head{align-items:start;flex-direction:column;margin-bottom:24px}.about-grid{grid-template-columns:1fr;gap:28px}.about-art{min-height:245px}.orbit{width:170px;height:170px}.greeting-grid{grid-template-columns:1fr;gap:28px}.chairman-photo{max-width:420px;margin-inline:auto}.org-grid{grid-template-columns:1fr}.org-row{grid-template-columns:105px 1fr}
        .field-grid{grid-template-columns:1fr}.field-card{min-height:auto;padding:22px 18px;border-right:0;border-bottom:1px solid #d9d9dd}.field-card:last-child{border-bottom:0}.field-no{margin-bottom:18px}
        .news-row{grid-template-columns:1fr;gap:12px}.news-card{min-height:175px;padding:22px}.gallery-card{grid-template-columns:100px 1fr;gap:16px}.gallery-card img{width:100px;height:120px}.gallery-card .orbit{width:82px;height:82px}.gallery-card .orbit:before,.gallery-card .orbit:after{inset:9px}.join-inner{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column;gap:14px}
      }
      @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
    
      h1{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.22;letter-spacing:-.06em}
      .breadcrumb{padding:13px 0;background:var(--soft);color:var(--muted);font-size:13px}
      .breadcrumb a{color:var(--blue)}
      .quick-links{background:var(--soft)}
      .quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
      .quick-card{display:flex;flex-direction:column;min-height:125px;padding:24px;border:1px solid var(--line);background:#fff}
      .quick-card strong{font-size:18px}.quick-card span{margin-top:12px;color:var(--muted);font-size:13px}
      .quick-card:hover,.quick-card:focus-visible{border-color:var(--blue)}
      .gallery-feature{max-width:480px;margin:0 0 24px}
      .gallery-feature img{display:block;width:100%;height:auto}
      .gallery-feature figcaption{padding:12px 0;color:var(--muted);font-size:14px}
      .gallery-feature figcaption a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
      .about-subnav{border-bottom:1px solid var(--line);background:#fff}
      .about-subnav .wrap{display:flex;gap:32px;overflow-x:auto}
      .about-subnav a{flex:0 0 auto;padding:15px 2px 12px;border-bottom:3px solid transparent;color:var(--muted);font-size:14px;font-weight:750}
      .about-subnav a:hover,.about-subnav a[aria-current="page"]{color:var(--blue);border-bottom-color:var(--blue)}
      .about-message{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin-top:48px;padding:24px;background:var(--soft)}
      .about-message img{display:block;width:170px;height:190px;object-fit:cover;object-position:center 18%;background:#fff}
      .about-message h2{font-size:28px}
      .about-message p:not(.section-label){margin:14px 0 20px;color:var(--muted);font-size:15px;line-height:1.8}
      .about-message a{color:var(--blue);font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
      .about-detail{background:var(--soft)}
      .about-detail .section-intro{max-width:800px;margin-top:18px;line-height:1.9}
      .direction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
      .direction-card{padding:25px;background:#fff;border:1px solid var(--line)}
      .direction-card span{display:block;margin-bottom:12px;color:var(--blue);font-size:12px;font-weight:850}
      .direction-card h3{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.035em}
      .about-meta{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px}
      .about-meta h3{margin:0 0 14px;font-size:19px}
      .about-meta p{margin:0;color:var(--muted);line-height:1.85}
      .about-slogan{margin-top:48px;padding:30px 36px;background:#e8f0f8;border-left:5px solid var(--blue)}
      .about-slogan p{margin:8px 0 0;font-size:clamp(22px,3vw,32px);font-weight:850;letter-spacing:-.045em}
      .roster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px;margin-top:28px;border-top:1px solid var(--line)}
      .roster-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
      .roster-row dt{color:var(--muted)}
      .roster-row dd{margin:0;font-weight:750}
      .roster-note{margin:18px 0 0;color:var(--muted);font-size:13px}
      .charter-list{list-style:none;counter-reset:charter;display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}
      .charter-list li{counter-increment:charter;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line);line-height:1.8}
      .charter-list li::before{content:counter(charter,decimal-leading-zero);color:var(--blue);font-size:13px;font-weight:850}
      .award-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}
      .award-card{padding:30px;background:#fff;border:1px solid var(--line)}
      .award-card h3{margin:0 0 14px;font-size:22px}
      .award-card p{margin:0;color:var(--muted);line-height:1.9}
      .nav-links [aria-current="page"],.nav-cta[aria-current="page"]{color:var(--blue)}
      .nav-cta[aria-current="page"]{background:#e9f2fc}
      @media(max-width:760px){.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card{min-height:110px;padding:18px}}
      @media(max-width:760px){.about-subnav .wrap{gap:20px}.about-message{grid-template-columns:110px 1fr;gap:16px;padding:16px}.about-message img{width:110px;height:142px}.about-message h2{font-size:22px}.direction-grid,.about-meta,.roster-grid{grid-template-columns:1fr}.about-meta{gap:25px}.about-slogan{padding:24px}.roster-row{grid-template-columns:95px 1fr}}
      @media(max-width:760px){.charter-list,.award-grid{grid-template-columns:1fr}.award-card{padding:24px}}
      @media(max-width:440px){.quick-grid{grid-template-columns:1fr}}

      .greeting-banner{min-height:94px;display:flex;align-items:center;background:linear-gradient(105deg,#152c4e,#244e77);color:#e9f1fa}
      .greeting-banner .wrap{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650}
      .greeting-banner a:hover{text-decoration:underline;text-underline-offset:4px}
      .greeting-banner span[aria-hidden]{opacity:.5}
      .greeting-page{min-height:650px;padding:60px 0 96px;background:var(--soft)}
      .greeting-layout{display:grid;grid-template-columns:200px 300px minmax(0,1fr);gap:28px;align-items:start}
      .greeting-side h2{margin:0 0 22px;font-size:25px;font-weight:750;letter-spacing:-.05em}
      .greeting-side nav{border-top:1px solid #cbd5e2}
      .greeting-side nav a{display:block;padding:13px 8px;border-bottom:1px solid #dbe3ed;color:#34435a;font-size:14px;font-weight:700}
      .greeting-side nav a:hover,.greeting-side nav a[aria-current="page"]{color:var(--blue);background:#fff}
      .greeting-side-info{margin-top:38px;padding-top:18px;border-top:1px solid #cbd5e2}
      .greeting-side-info strong{font-size:19px}
      .greeting-side-info p{margin:14px 0 8px;color:var(--muted);font-size:13px;line-height:1.7}
      .greeting-side-info a{color:var(--blue);font-size:13px;font-weight:750}
      .greeting-portrait{margin:0;overflow:hidden;border:1px solid #d9e2ed;border-radius:7px;background:#fff}
      .greeting-portrait img{display:block;width:100%;height:auto;aspect-ratio:2736/3472;object-fit:cover;object-position:center top;background:#fff}
      .greeting-portrait figcaption{display:grid;gap:5px;padding:17px 20px 20px}
      .greeting-portrait figcaption span{color:var(--muted);font-size:12px;line-height:1.5}
      .greeting-portrait figcaption strong{font-size:21px;letter-spacing:-.04em}
      .greeting-letter{min-width:0;padding:49px 51px 58px;border:1px solid #d9e2ed;border-radius:7px;background:#fff}
      .greeting-letter .section-label{margin-bottom:20px;color:var(--blue)}
      .greeting-letter h1{margin:0 0 38px;font-size:clamp(30px,3vw,40px);font-weight:750;line-height:1.38;letter-spacing:-.065em;overflow-wrap:anywhere}
      .greeting-letter .greeting-copy p{margin:0 0 23px;color:#34435a;font-size:16px;line-height:1.95}
      .greeting-letter .greeting-copy p:last-child{margin-bottom:0}
      .greeting-letter .greeting-sign{padding-top:11px;text-align:right;line-height:1.8!important}
      @media(max-width:1080px){.greeting-layout{grid-template-columns:185px minmax(230px,.8fr) minmax(0,1.2fr);gap:18px}.greeting-letter{padding:38px 34px}}
      @media(max-width:850px){.greeting-layout{grid-template-columns:190px minmax(0,1fr)}.greeting-side{grid-row:1 / span 2}.greeting-portrait{width:min(100%,350px)}.greeting-letter{grid-column:2}}
      @media(max-width:650px){.greeting-banner{min-height:70px}.greeting-page{padding:34px 0 64px}.greeting-layout{grid-template-columns:1fr;gap:22px}.greeting-side{grid-row:auto}.greeting-side h2{margin-bottom:14px}.greeting-side nav{display:grid;grid-template-columns:1fr 1fr}.greeting-side nav a{font-size:14px;padding:10px 8px}.greeting-side-info{display:none}.greeting-portrait{width:min(100%,360px)}.greeting-letter{grid-column:auto;padding:30px 24px 38px}.greeting-letter h1{margin-bottom:28px;font-size:clamp(27px,7vw,34px)}.greeting-letter .greeting-copy p{font-size:16px}}

      .inner-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}
      .inner-card{min-width:0;min-height:430px;padding:50px 55px 65px;border:1px solid #d9e2ed;border-radius:7px;background:#fff}
      .inner-card .section-label{color:var(--blue);margin-bottom:18px}
      .inner-card h1{margin-bottom:30px;font-size:clamp(31px,3.6vw,43px)}
      .inner-card h2{margin:42px 0 14px;font-size:24px}
      .inner-card p{font-size:16px;line-height:1.9;color:#34435a}
      .inner-card .inner-lead{margin:0 0 28px;font-size:18px;line-height:1.85;color:#243855}
      .content-list{list-style:none;counter-reset:items;margin:22px 0 0;padding:0;border-top:1px solid #dbe3ed}
      .content-list li{counter-increment:items;position:relative;padding:20px 0 20px 47px;border-bottom:1px solid #dbe3ed}
      .content-list li:before{content:counter(items,decimal-leading-zero);position:absolute;left:0;top:22px;color:var(--blue);font-size:13px;font-weight:850}
      .content-list li strong{font-size:18px}
      .content-list li p{margin:5px 0 0}
      .plain-list section{padding:14px 0 25px;border-bottom:1px solid #dbe3ed}
      .plain-list section h2{margin:0 0 8px}
      .plain-list section p{margin:0}
      .inner-details{margin:30px 0 0;border-top:1px solid #dbe3ed}
      .inner-details>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;padding:17px 0;border-bottom:1px solid #dbe3ed}
      .inner-details dt{color:var(--muted);font-size:14px;font-weight:750}
      .inner-details dd{margin:0;font-size:16px;line-height:1.7;font-weight:650}
      .inner-slogan{margin-top:30px!important;padding:20px 24px;background:#e8f0f8;border-left:4px solid var(--blue);font-weight:800}
      .link-list{border-top:1px solid #dbe3ed}
      .link-list a{display:grid;grid-template-columns:75px 150px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:23px 4px;border-bottom:1px solid #dbe3ed}
      .link-list a:hover,.link-list a:focus-visible{color:var(--blue);background:#f8fbff}
      .link-list span{color:var(--blue);font-size:13px;font-weight:850;letter-spacing:.05em}
      .link-list strong{font-size:19px;letter-spacing:-.04em}
      .link-list p{margin:0;color:var(--muted);font-size:15px}
      .link-list b{font-size:19px}
      .inner-card .inner-empty{margin:0;padding:32px 0;border-top:1px solid #dbe3ed;border-bottom:1px solid #dbe3ed;color:var(--muted)}
      .inner-card .inner-next{margin-top:32px}
      .inner-next a{color:var(--blue);font-weight:750}
      .gallery-list{border-top:1px solid #dbe3ed;border-bottom:1px solid #dbe3ed}
      .gallery-list a{display:flex;align-items:center;gap:22px;padding:20px 0}
      .gallery-list img{width:125px;height:145px;object-fit:cover;object-position:center top;background:#fff}
      .gallery-list span{display:grid;gap:9px}
      .gallery-list strong{font-size:19px}
      .gallery-list small{color:var(--blue);font-size:14px}
      .inner-card .source-note{margin-top:22px;font-size:13px;color:var(--muted)}
      @media(max-width:1050px){.link-list a{grid-template-columns:50px 110px minmax(0,1fr) 20px;gap:10px}}
      @media(max-width:850px){.inner-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.inner-card{padding:38px 34px}}
      @media(max-width:650px){.inner-layout{grid-template-columns:1fr;gap:22px}.inner-card{padding:30px 24px 42px;min-height:0}.inner-card h1{margin-bottom:24px}.inner-details>div{grid-template-columns:100px minmax(0,1fr);gap:12px}.link-list a{grid-template-columns:48px minmax(0,1fr) 20px;gap:8px}.link-list p{grid-column:2;grid-row:2}.link-list b{grid-column:3;grid-row:1 / span 2}}

      .login-main{display:flex;align-items:flex-start}
      .login-card{width:min(100%,460px);margin:0 auto;padding:42px 44px 46px;border:1px solid #d9e2ed;border-radius:7px;background:#fff}
      .login-card h1{font-size:36px}
      .login-note{margin:18px 0 28px;color:#34435a;font-size:16px;line-height:1.8}
      .login-card fieldset{display:grid;gap:10px;margin:0;padding:0;border:0}
      .login-card label{font-size:14px;font-weight:750}
      .login-card input{width:100%;height:48px;margin-bottom:10px;padding:0 14px;border:1px solid #cbd5e2;border-radius:4px;background:#f8fafc;color:var(--ink);font:inherit}
      .login-card button{min-height:48px;margin-top:6px;border:0;border-radius:4px;background:var(--blue);color:#fff;font-weight:750}
      .login-card :disabled{cursor:not-allowed}
      .login-card .login-status{margin:22px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
      .gallery-empty{margin:0;padding:28px 30px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:16px}
      @media(max-width:760px){.nav-inner{justify-content:space-between}.nav-cta{display:inline-flex}.login-card{padding:30px 24px 36px}.login-card h1{font-size:30px}}

      .mobile-login{display:none}
      @media(max-width:760px){
        html{scroll-padding-top:70px}
        .brand-row{flex-wrap:nowrap;gap:8px;padding:8px 0}
        .brand-mark{flex:0 0 44px;height:44px;background-size:419px 44px}
        .brand-name{flex:1;min-height:0;font-size:clamp(12px,3.3vw,16px);line-height:1.2}
        .brand-name small{font-size:9px}
        .nav-row{flex:0 0 auto}
        .nav-inner{min-height:44px}
        .menu-button{width:42px;height:42px;place-content:center;border:1px solid var(--line);border-radius:4px}
        .nav-links{max-height:calc(100vh - 62px);overflow-y:auto;padding:8px 18px 18px;box-shadow:0 16px 28px #18233820}
        .nav-links a{padding:13px 2px}
        .nav-cta{display:none}
        .nav-links .mobile-login{display:block;margin-top:8px;color:var(--blue);font-weight:850}
        .hero-inner{gap:0;padding-block:34px 0}
        .hero-copy{padding:0}
        .eyebrow{margin-bottom:12px;font-size:10px;letter-spacing:.1em}
        .hero h1{font-size:clamp(30px,8.5vw,42px);line-height:1.2}
        .hero-copy>p:not(.eyebrow){margin-top:16px;font-size:14px;line-height:1.65}
        .hero-actions{gap:8px;margin-top:22px}
        .button{min-height:44px;padding:0 15px;font-size:13px}
        .hero-photo{height:250px;min-height:0;margin:18px -18px 0;border-radius:0}
        .hero-photo img{width:auto;max-width:85%;height:250px;max-height:none}
        .section{padding:56px 0}
        .section-head{flex-direction:row;align-items:end;gap:12px}
        .section-head h2{font-size:28px}
        .greeting-side nav{display:block}
        .greeting-side nav a{padding:13px 10px}
        .greeting-page{padding-top:28px}
        .greeting-letter,.inner-card{padding:28px 21px 38px}
        .greeting-letter .greeting-copy p,.inner-card p{font-size:15px;line-height:1.8}
      }
      @media(max-width:360px){.brand-mark{flex-basis:40px;height:40px;background-size:381px 40px}.brand-name{font-size:12px}.menu-button{width:40px;height:40px}.hero h1{font-size:29px}}