:root{
    --paper:#FFFFFF;
    --paper-2:#F6F7FA;
    --navy:#0E1E3C;
    --navy-soft:#3B4A66;
    --char:#0E1E3C;
    --muted:#79839A;
    --rule:#E2E5EC;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
  body{
    margin:0;background:var(--paper);color:var(--navy);
    font-family:"Noto Sans KR","Helvetica Neue",Arial,sans-serif;
    font-weight:300;font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none}
  a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:4px}

  .eyebrow{font-family:"Bodoni Moda",Georgia,serif;font-size:10.5px;letter-spacing:.34em;text-indent:.34em;color:var(--muted);text-transform:uppercase}
  .link{font-family:"Bodoni Moda",Georgia,serif;font-size:12px;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block}
  .link:hover{opacity:.6}

  .announce{background:var(--navy);color:var(--paper);text-align:center;padding:10px 20px;font-size:11px;letter-spacing:.22em}
  .announce a{border-bottom:1px solid rgba(244,242,237,.4)}

  header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:26px 34px;border-bottom:1px solid var(--rule);gap:16px}
  .hnav{display:flex;gap:26px;font-size:11px;letter-spacing:.2em}
  .hnav.right{justify-content:flex-end}
  .brand{text-align:center;display:flex;flex-direction:column;gap:5px}
  .brand .mark{font-family:"Bodoni Moda",Georgia,serif;font-size:clamp(17px,2.4vw,23px);letter-spacing:.34em;text-indent:.34em;white-space:nowrap}
  .brand .loc{font-family:"Bodoni Moda",Georgia,serif;font-size:9px;letter-spacing:.5em;text-indent:.5em;color:var(--muted)}

  .catbar{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 34px;padding:16px 24px;border-bottom:1px solid var(--rule);font-size:12.5px;letter-spacing:.1em}
  .catbar a:hover{opacity:.55}
  .catbar a.on{border-bottom:1px solid var(--navy);padding-bottom:2px}

  .slot{position:relative;display:flex;align-items:center;justify-content:center;background:var(--navy);color:rgba(244,242,237,.5);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
  .slot.off{background-color:#FFFFFF;color:rgba(14,30,60,.38);box-shadow:inset 0 0 0 1px var(--rule)}
  .slot.char{background-color:var(--char);color:rgba(244,242,237,.45)}
  .slot .tag{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.26em;text-align:center;line-height:2.1;padding:14px}

  /* 사진은 타일 안에서 작게 — 타일 크기와 간격은 그대로 */
  .hero .slot{background-size:cover}
  .card .slot,.pitem .slot{background-size:66% auto}
  .galmain{background-size:80% auto}
  .split .slot{background-size:56% auto}
  .thumb .th{background-size:74% auto;background-repeat:no-repeat}

  .hero{position:relative;min-height:min(78vh,640px);display:grid}
  .hero .slot{grid-area:1/1;min-height:min(78vh,640px)}
  .hero .copy{grid-area:1/1;position:relative;z-index:2;align-self:end;justify-self:start;padding:0 0 62px 46px;max-width:30em;display:flex;flex-direction:column;gap:16px;color:var(--paper)}
  .hero h1{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:clamp(30px,5.4vw,54px);line-height:1.25;margin:0;text-wrap:balance}
  .hero p{margin:0;font-size:15px;font-weight:200;max-width:24em}
  .hero .copy .eyebrow{color:rgba(244,242,237,.66)}
  .hero .copy.dark{color:var(--navy)}
  .hero .copy.dark .eyebrow{color:var(--muted)}
  .hero .copy.dark p{color:var(--navy-soft)}

  section{padding:100px 34px}
  .center{text-align:center;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:18px;align-items:center}
  h2{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:clamp(25px,3.8vw,38px);line-height:1.35;margin:0;text-wrap:balance}
  .lede{margin:0;color:var(--navy-soft);max-width:34em;font-size:15px}

  .split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  .split .slot{min-height:560px}
  .split .text{padding:80px 62px;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:flex-start}
  .split .text h2{font-size:clamp(24px,3.2vw,34px)}
  .facts{list-style:none;margin:8px 0 0;padding:0;display:grid;width:100%;max-width:26em}
  .facts li{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:14px 0;border-top:1px solid var(--rule);font-size:14px}
  .facts .n{font-family:"Bodoni Moda",Georgia,serif;font-size:11px;letter-spacing:.2em;color:var(--muted)}

  .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:56px}
  .card .slot{aspect-ratio:4/5;transition:opacity .3s ease}
  .card .meta{padding:20px 4px 0;display:flex;flex-direction:column;gap:5px}
  .card .name{font-family:"Nanum Myeongjo",Georgia,serif;font-size:17px}
  .card .desc{font-size:13px;color:var(--navy-soft);line-height:1.7}
  .card:hover .slot{opacity:.86}

  .band{background:var(--navy);color:var(--paper);padding:110px 34px}
  .band h2{color:var(--paper)}
  .band .lede{color:rgba(244,242,237,.72)}
  .band .eyebrow{color:rgba(244,242,237,.55)}
  .band .facts li{border-top-color:rgba(244,242,237,.16)}
  .band .facts .n{color:rgba(244,242,237,.5)}
  .band-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
  .band-inner .col{display:flex;flex-direction:column;gap:18px}

  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:56px}
  .post .slot{aspect-ratio:3/2;margin-bottom:22px}
  .post .cat{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.28em;color:var(--muted)}
  .post h3{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:19px;line-height:1.5;margin:10px 0 8px}
  .post p{margin:0;font-size:13.5px;color:var(--navy-soft);line-height:1.8}

  .rental{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule)}
  .rental .slot{min-height:440px}
  .rental .text{padding:76px 62px;display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:flex-start}

  .visit{background:var(--paper-2);padding:100px 34px}
  .visit-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
  .info{list-style:none;margin:0;padding:0}
  .info li{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:15px 0;border-top:1px solid var(--rule);font-size:14px;align-items:baseline}
  .info .k{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.22em;color:var(--muted)}
  .info a{border-bottom:1px solid var(--rule)}
  .info .hint{font-size:12px;color:var(--muted);display:block}

  /* ── page header (category / detail) ── */
  .pagehead{padding:76px 34px 0;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}
  .crumb{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.26em;color:var(--muted)}
  .crumb a:hover{opacity:.6}

  /* ── product grid on category pages ── */
  .plist{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 40px;max-width:1180px;margin:0 auto;padding:60px 34px 110px}
  .pitem .slot{aspect-ratio:4/5;transition:opacity .3s ease}
  .pitem:hover .slot{opacity:.86}
  .pitem .meta{padding:18px 2px 0;display:flex;flex-direction:column;gap:4px}
  .pitem .name{font-family:"Nanum Myeongjo",Georgia,serif;font-size:18px}
  .pitem .sub{font-size:13px;color:var(--muted)}
  .pitem .cta{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.22em;color:var(--muted);margin-top:6px}

  .empty{max-width:640px;margin:0 auto;padding:16px 34px 0;text-align:center;color:var(--navy-soft);font-size:14.5px;line-height:1.9}

  /* ── gallery ── */
  .gal{display:flex;flex-direction:column;gap:2px}
  .galmain{aspect-ratio:4/5}
  .galmain img{width:80%;height:auto;display:block}
  .thumbs{display:flex;gap:2px}
  .thumb{border:0;padding:0;background:none;cursor:pointer;flex:0 0 82px}
  .thumb .th{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;width:100%;background-size:cover;background-position:center;font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.14em;box-shadow:inset 0 0 0 1px var(--rule);color:var(--muted);opacity:.55;transition:opacity .25s ease}
  .thumb .th.off{background-color:#FFFFFF;color:rgba(14,30,60,.5)}
  .thumb .th.navy{background-color:var(--navy);color:rgba(244,242,237,.6)}
  .thumb .th.char{background-color:var(--char);color:rgba(244,242,237,.6)}
  .thumb:hover .th{opacity:.85}
  .thumb.on .th{opacity:1;box-shadow:inset 0 0 0 1px var(--navy)}
  /* ── 협찬 목록 ── */
  .colist{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1080px;margin:0 auto;padding:56px 34px 60px}
  .cocover{aspect-ratio:4/5;background-size:cover;background-position:center;transition:opacity .3s ease}
  .cocover.empty{display:flex;align-items:center;justify-content:center;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--rule);font-family:"Bodoni Moda",Georgia,serif;font-size:11px;letter-spacing:.24em;color:var(--muted)}
  .cocard:hover .cocover{opacity:.85}
  .cometa{padding:20px 2px 0;display:flex;flex-direction:column;gap:4px}
  .cometa h3{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:20px;margin:6px 0 2px}
  .cometa p{margin:0;font-size:13px;color:var(--navy-soft)}
  .credit{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.24em;color:var(--muted);display:inline-block;margin-top:14px}
  .phbox{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--rule);aspect-ratio:4/5}
  .phbox.tall{aspect-ratio:3/4}
  @media (max-width:760px){ .colist{grid-template-columns:1fr;gap:48px;padding:44px 20px 40px} }
  /* ── 협찬 화보 ── */
  .vwrap{max-width:1100px;margin:0 auto;padding:0 34px}
  .vstack{display:flex;flex-direction:column;gap:78px;padding:54px 0 90px}
  .vwrap figure{margin:0;display:flex;flex-direction:column;gap:14px}
  .vwrap img{width:100%;display:block}
  .vwrap figcaption{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.24em;color:var(--muted);text-transform:uppercase}
  .vsingle{max-width:720px;margin:0 auto}
  .vsingle figcaption{text-align:center}
  .vpair{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  @media (max-width:700px){
    .vwrap{padding:0 20px}
    .vstack{gap:56px}
    .vpair{grid-template-columns:1fr;gap:56px}
  }
  /* ── 협찬 ── */
  .clist{display:grid;gap:64px;max-width:1080px;margin:0 auto;padding:60px 34px 40px}
  .ci{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}
  .ci:nth-child(even){grid-template-columns:1fr 1.25fr}
  .ci:nth-child(even) .ci-img{order:2}
  .ci-img{aspect-ratio:3/2}
  .ci-meta{display:flex;flex-direction:column;gap:6px}
  .ci-meta h3{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:22px;line-height:1.45;margin:6px 0 4px}
  .ci-meta p{margin:0;font-size:14px;color:var(--navy-soft);max-width:32em}
  .ci-item{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.22em;color:var(--muted);margin-top:10px;border-top:1px solid var(--rule);padding-top:12px}
  @media (max-width:760px){
    .ci,.ci:nth-child(even){grid-template-columns:1fr;gap:22px}
    .ci:nth-child(even) .ci-img{order:0}
    .clist{gap:52px;padding:44px 20px 30px}
  }
  /* ── product detail ── */
  .detail{display:grid;grid-template-columns:1.05fr 1fr;max-width:1180px;margin:0 auto;padding:46px 34px 110px;gap:64px;align-items:start}
  .detail .gal{align-self:start}
  .detail .info-col{display:flex;flex-direction:column;gap:16px;padding-top:14px}
  .detail h1{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:clamp(26px,3.6vw,38px);margin:0;line-height:1.3}
  .detail .sub{color:var(--muted);font-size:14px;margin:0}
  .spec{list-style:none;margin:14px 0 0;padding:0}
  .spec li{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:13px 0;border-top:1px solid var(--rule);font-size:14px;align-items:baseline}
  .spec .k{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.2em;color:var(--muted)}
  .askbox{margin-top:26px;padding:26px 0 0;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
  .askbox p{margin:0;font-size:13.5px;color:var(--navy-soft)}
  .btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
  .btn{border:1px solid var(--navy);padding:13px 26px;font-size:12px;letter-spacing:.16em;transition:background .25s ease,color .25s ease}
  .btn:hover{background:var(--navy);color:var(--paper)}
  .btn.solid{background:var(--navy);color:var(--paper)}
  .btn.solid:hover{opacity:.82}

  /* ── article ── */
  .article{max-width:660px;margin:0 auto;padding:46px 34px 110px}
  .article .slot{aspect-ratio:3/2;margin-bottom:44px}
  .article h1{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:700;font-size:clamp(24px,3.4vw,32px);line-height:1.45;margin:0 0 26px}
  .article h4{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:700;font-size:16px;margin:34px 0 8px}
  .article p{font-size:15px;line-height:2;margin:0 0 16px}
  .article .sig{font-family:"Bodoni Moda",Georgia,serif;letter-spacing:.24em;font-size:11px;color:var(--muted);margin-top:40px;line-height:2.2;border-top:1px solid var(--rule);padding-top:26px}

  footer{background:var(--navy);color:var(--paper);padding:74px 34px 44px}
  .foot-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:46px}
  footer h4{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;font-size:10px;letter-spacing:.28em;margin:0 0 18px;color:rgba(244,242,237,.55)}
  footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13px}
  footer a:hover{opacity:.6}
  .foot-mark{font-family:"Bodoni Moda",Georgia,serif;font-size:19px;letter-spacing:.3em;text-indent:.3em}
  .foot-sub{font-size:12px;color:rgba(244,242,237,.6);line-height:1.9;margin-top:16px;max-width:24em}
  .foot-note{font-size:12px;color:rgba(244,242,237,.5);line-height:1.7}
  .foot-bottom{max-width:1100px;margin:56px auto 0;padding-top:24px;border-top:1px solid rgba(244,242,237,.16);font-size:11px;color:rgba(244,242,237,.5);letter-spacing:.08em;display:flex;flex-wrap:wrap;gap:8px 28px}


  @media (max-width:900px){
    .split,.rental,.band-inner,.visit-inner,.detail{grid-template-columns:1fr}
    .detail{gap:34px}
    .split .slot,.rental .slot{min-height:380px}
    .split .text,.rental .text{padding:56px 30px}
    .grid4,.plist{grid-template-columns:repeat(2,1fr)}
    .grid3{grid-template-columns:1fr;gap:52px}
  }
  @media (max-width:620px){
    header{grid-template-columns:1fr;justify-items:center;gap:16px;padding:20px}
    .hnav,.hnav.right{justify-content:center}
    section{padding:70px 20px}
    .band,.visit{padding:70px 20px}
    .hero .copy{padding:0 22px 44px}
    .foot-inner{grid-template-columns:1fr 1fr}
    .plist{grid-template-columns:1fr;padding:44px 20px 80px}
  }


  .thero{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rule)}
  .thero .text{padding:96px 62px;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:flex-start}
  .thero h1{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:clamp(27px,4vw,42px);line-height:1.32;margin:0;text-wrap:balance}
  .thero p{margin:0;max-width:24em;color:var(--navy-soft)}
  .thero p + p{margin-top:-6px}
  .thero .pic{min-height:440px;overflow:hidden}
  .thero .pic img{width:100%;height:100%;object-fit:cover;display:block}
  .steps{list-style:none;margin:6px 0 0;padding:0;width:100%;max-width:30em}
  .steps li{display:grid;grid-template-columns:2.4rem 1fr;gap:0 18px;padding:18px 0;border-top:1px solid var(--rule)}
  .steps li:last-child{border-bottom:1px solid var(--rule)}
  .steps .n{font-family:"Bodoni Moda",Georgia,serif;font-size:11px;letter-spacing:.2em;color:var(--muted);padding-top:.3em}
  .steps .t{font-family:"Nanum Myeongjo",Georgia,serif;font-size:16px;margin-bottom:3px}
  .steps .d{font-size:13.5px;color:var(--navy-soft);line-height:1.75}
  .policy{list-style:none;max-width:820px;margin:48px auto 0;padding:0 34px}
  .policy li{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:6px 32px;padding:20px 0;border-top:1px solid var(--rule);align-items:baseline}
  .policy li:last-child{border-bottom:1px solid var(--rule)}
  .policy .k{font-family:"Nanum Myeongjo",Georgia,serif;font-size:15px}
  .policy .v{font-size:14px;line-height:1.8;color:var(--navy-soft)}
  @media (max-width:640px){ .policy{padding:0 20px} .policy li{grid-template-columns:1fr} }
  .terms{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;max-width:900px;margin:52px auto 0;padding:0 34px}
  .term{padding:24px 0;border-top:1px solid var(--rule)}
  .term h3{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:16px;margin:0 0 8px}
  .term p{margin:0;font-size:13.5px;line-height:1.85;color:var(--navy-soft);max-width:30em}
  @media (max-width:760px){ .terms{grid-template-columns:1fr;gap:0;padding:0 20px} }
  .fee-price{font-family:"Bodoni Moda","Nanum Myeongjo",Georgia,serif;font-size:40px;line-height:1;margin:0 0 4px;color:var(--paper);letter-spacing:.04em}
  .feelist{list-style:none;margin:6px 0 10px;padding:0;width:100%}
  .feelist li{display:grid;grid-template-columns:7.5em 1fr;gap:16px;padding:11px 0;border-top:1px solid rgba(244,242,237,.16);font-size:13.5px;color:rgba(244,242,237,.86)}
  .feelist li:last-child{border-bottom:1px solid rgba(244,242,237,.16)}
  .feelist .k{color:rgba(244,242,237,.55)}
  .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1080px;margin:52px auto 0;padding:0 34px}
  .tcard{margin:0;display:flex;flex-direction:column;gap:14px}
  .tpic{aspect-ratio:4/3;background:#0B1220;overflow:hidden}
  .tpic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
  .tcard:hover .tpic img{transform:scale(1.03)}
  .tcard figcaption{display:flex;flex-direction:column;gap:3px}
  .tkind{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.26em;color:var(--muted)}
  .tname{font-family:"Nanum Myeongjo",Georgia,serif;font-size:16px}
  .nset{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1080px;margin:64px auto 0;padding:0 34px}
  .npic img{width:100%;display:block}
  .ntext{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
  .ntext h3{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:24px;margin:0}
  @media (max-width:760px){
    .tgrid{grid-template-columns:1fr 1fr;gap:20px;padding:0 20px}
    .nset{grid-template-columns:1fr;gap:26px;padding:0 20px}
  }
  @media (max-width:760px){ .tgrid.three{grid-template-columns:repeat(3,1fr);gap:12px} }
  @media (max-width:480px){ .tgrid,.tgrid.three{grid-template-columns:1fr;gap:20px} }
  .tpic{display:block;width:100%;padding:0;border:0;cursor:zoom-in}
  .gwrap{max-width:1080px;margin:0 auto;padding:0 34px}
  .gsec{padding-top:72px}
  .ghead{display:flex;align-items:baseline;gap:16px;padding-bottom:14px;margin-bottom:28px;border-bottom:1px solid var(--rule)}
  .ghead h3{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:22px;margin:0}
  .gnote{font-size:14px;line-height:1.85;color:var(--navy-soft);margin:-8px 0 26px;max-width:40em}
  .ggrid{display:grid;grid-template-columns:1fr 1fr;gap:32px 28px}
  .ggrid.three{grid-template-columns:repeat(3,1fr);gap:20px}
  .gfig{margin:0;display:flex;flex-direction:column;gap:12px}
  .gsplit{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .gsplit .gnote{margin:0}
  .gsplit .gtile{border:1px solid var(--rule)}
  .gfig figcaption{display:flex;flex-direction:column;gap:3px}
  .gtile{display:block;width:100%;padding:0;border:0;background:#0B1220;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in}
  .gtile.tall{aspect-ratio:3/4;background:var(--paper-2)}
  .gtile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
  .gtile:hover img{transform:scale(1.03)}
  .gtile:focus-visible,.tpic:focus-visible{outline:1px solid var(--navy);outline-offset:4px}
  @media (max-width:640px){
    .gwrap{padding:0 20px}
    .ggrid,.gsplit{grid-template-columns:1fr}
    .gsplit{gap:22px}
    .ggrid.three{grid-template-columns:repeat(3,1fr);gap:8px}
  }
  .lb{position:fixed;inset:0;z-index:100;background:rgba(7,13,26,.95);display:flex;align-items:center;justify-content:center;padding:56px 76px}
  .lb[hidden]{display:none}
  .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:100%}
  .lb-fig img{max-width:min(1180px,100%);max-height:calc(100vh - 170px);object-fit:contain;display:block}
  .lb-fig figcaption{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;justify-content:center}
  .lb .tkind{color:rgba(244,242,237,.55)}
  .lb .tname{color:#F4F2ED}
  .lb-n{font-size:11px;letter-spacing:.12em;color:rgba(244,242,237,.45);font-variant-numeric:tabular-nums}
  .lb-x,.lb-nav{position:absolute;background:none;border:0;color:#F4F2ED;cursor:pointer;font-family:"Bodoni Moda",Georgia,serif;line-height:1;opacity:.7}
  .lb-x:hover,.lb-nav:hover{opacity:1}
  .lb-x:focus-visible,.lb-nav:focus-visible{outline:1px solid #F4F2ED;opacity:1}
  .lb-x{top:16px;right:20px;font-size:36px;padding:6px 12px}
  .lb-nav{top:50%;transform:translateY(-50%);font-size:56px;padding:12px 18px}
  .lb-nav.prev{left:10px}
  .lb-nav.next{right:10px}
  @media (max-width:640px){
    .lb{padding:60px 10px 80px}
    .lb-nav{top:auto;bottom:12px;transform:none;font-size:44px}
  }
  .tcard{color:inherit}
  .tcard .tpic{cursor:pointer}
  .tpic.tall{aspect-ratio:3/4}
  .tpic.light,.pd-img.light{background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--rule)}
  .tpic.light img,.pd-img.light img{padding:1px}
  .tmeta{display:flex;flex-direction:column;gap:3px}
  .tcount{font-size:12px;color:var(--muted);margin-top:3px}
  .gwrap .tgrid{padding:0;margin-top:0;max-width:none}
  .pdetail{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;max-width:1080px;margin:0 auto;padding:40px 34px 0}
  .pd-img{display:block;width:100%;padding:0;border:0;cursor:zoom-in;aspect-ratio:4/3;background:#0B1220;overflow:hidden}
  .pd-img.tall{aspect-ratio:3/4;max-width:460px}
  .pd-img img{width:100%;height:100%;object-fit:cover;display:block}
  .pd-info{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
  .pd-info h1{font-family:"Nanum Myeongjo",Georgia,serif;font-weight:400;font-size:clamp(25px,3.2vw,34px);line-height:1.35;margin:0;text-wrap:balance}
  .pd-count{margin:0;font-size:13px;color:var(--muted)}
  .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}
  .pfig{margin:0;display:flex;flex-direction:column;gap:10px}
  .ptile{display:block;width:100%;padding:0;border:0;cursor:zoom-in;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2)}
  .ptile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
  .ptile:hover img{transform:scale(1.03)}
  .ptile:focus-visible,.pd-img:focus-visible,.tcard:focus-visible{outline:1px solid var(--navy);outline-offset:4px}
  .pfig figcaption{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.16em;color:var(--muted)}
  .pnav{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;max-width:1080px;margin:88px auto 0;padding:28px 34px 110px;border-top:1px solid var(--rule)}
  .pnav a{display:flex;flex-direction:column;gap:4px;font-family:"Nanum Myeongjo",Georgia,serif;font-size:15px}
  .pnav a:hover{opacity:.6}
  .pnav a.next{text-align:right;align-items:flex-end}
  .pnav .pnav-all{font-family:"Bodoni Moda",Georgia,serif;font-size:11px;letter-spacing:.24em;border-bottom:1px solid currentColor;padding-bottom:4px}
  @media (max-width:860px){
    .pdetail{grid-template-columns:1fr;gap:28px;padding:28px 20px 0}
    .pd-img.tall{max-width:none}
    .pgrid{grid-template-columns:repeat(2,1fr);gap:22px 14px}
  }
  @media (max-width:560px){
    .pnav{grid-template-columns:1fr 1fr;padding:24px 20px 80px}
    .pnav .pnav-all{display:none}
  }
  .tally{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:640px;margin:52px auto 0}
  .tally-i{display:flex;flex-direction:column;align-items:center;gap:4px;padding:40px 20px;background:var(--paper-2)}
  .tally-n{font-family:"Bodoni Moda",Georgia,serif;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}
  .tally-t{font-family:"Nanum Myeongjo",Georgia,serif;font-size:15px;margin-top:8px;text-align:center}
  .tally-d{font-family:"Bodoni Moda",Georgia,serif;font-size:10px;letter-spacing:.24em;color:var(--muted)}
  .btn.light{border-color:rgba(244,242,237,.55);color:var(--paper)}
  .btn.light:hover{background:var(--paper);color:var(--navy)}
  .btn.solid.light{background:var(--paper);color:var(--navy);border-color:var(--paper)}
  .btn.solid.light:hover{opacity:.85}
  @media (max-width:560px){ .tally{grid-template-columns:1fr} }
  .hours{list-style:none;margin:0;padding:0}
  .hours li{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:12px 0;border-top:1px solid var(--rule);font-size:14px}
  .hours .d{color:var(--muted);white-space:nowrap}
  .hours .t{font-variant-numeric:tabular-nums}
  @media (max-width:860px){
    .thero{grid-template-columns:1fr}
    .thero .text{padding:52px 22px}
    .thero .pic{min-height:0;aspect-ratio:4/5}
  }


  .tgrid.four{grid-template-columns:repeat(4,1fr);gap:24px}
  @media (max-width:760px){ .tgrid.four{grid-template-columns:1fr 1fr;gap:18px} }
  @media (max-width:480px){ .tgrid.four{grid-template-columns:1fr} }
  /* ── 타이포 · 시각 조정 ── */
  /* 한글이 단어 중간에서 끊기지 않게 */
  body{word-break:keep-all;overflow-wrap:break-word}
  p,.lede,.term p,.policy .v,.steps .d,.gnote,.empty,.pd-info .lede{text-wrap:pretty}
  .center .lede{max-width:31em;text-wrap:balance}

  /* 한글 라벨은 자간을 좁게 — 넓은 자간은 영문 전용 */
  .announce{letter-spacing:.06em}
  .hnav{letter-spacing:.08em}
  .catbar{letter-spacing:.04em}
  .link{font-family:"Noto Sans KR","Helvetica Neue",Arial,sans-serif;font-size:12.5px;font-weight:400;letter-spacing:.06em;text-indent:0;text-transform:none}
  .btn{letter-spacing:.04em}
  .pnav .pnav-all{font-family:"Noto Sans KR","Helvetica Neue",Arial,sans-serif;font-size:12.5px;letter-spacing:.06em}

  /* 왼쪽 정렬 라벨은 들여쓰기 없이 제목과 같은 선에 */
  .eyebrow{text-indent:0}
  .center .eyebrow,.pagehead .eyebrow{text-indent:.34em}

  /* 공정 단계: 제목과 설명을 줄로 나누기 */
  .steps .t,.steps .d{display:block}
  .steps .t{margin-bottom:4px}

  /* 영업시간: 시간 열 맞춤 */
  .hours li{grid-template-columns:8.5em 1fr}

  /* 화보 카드 연도 */
  .cometa .cat{font-family:"Bodoni Moda",Georgia,serif;font-size:11px;letter-spacing:.2em;color:var(--muted)}

/* ── 배포판 보정 ── */
img{max-width:100%}
html{-webkit-text-size-adjust:100%}
:root{--muted:#646D80}
footer h4,.foot-bottom{color:rgba(244,242,237,.68)}
.foot-sub{color:rgba(244,242,237,.74)}
.catbar a[aria-current="page"]{border-bottom:1px solid var(--navy);padding-bottom:2px}