/* Home refresh 2026-10-02: readable hero copy, service guide, section order, mobile and a11y fixes.
   Loaded last on the static homepage; every rule is scoped like the other home layers. */

/* Skip link */
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 18px;background:#123c32;color:#fff9ec;font-size:15px;text-decoration:none;transition:top .15s;}
.skip-link:focus{top:12px;outline:2px solid #d5bc83;outline-offset:2px;}

/* Hero: video stays the backdrop, but the message and CTA are real text over it */
html#hanji-home-document body#home-hanji .hero-film{aspect-ratio:auto;height:clamp(480px,calc(100svh - 94px),760px);background:#1b2a22;}
html#hanji-home-document body#home-hanji .hero-film video{object-fit:cover;}
html#hanji-home-document body#home-hanji .hero-film::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,26,20,.74) 0%,rgba(10,26,20,.46) 38%,rgba(10,26,20,0) 70%),linear-gradient(0deg,rgba(10,26,20,.4),rgba(10,26,20,0) 40%);}
html#hanji-home-document body#home-hanji .hero-film-copy{position:absolute;z-index:1;left:max(32px,calc((100vw - 1490px)/2));bottom:clamp(56px,11vh,120px);max-width:780px;color:#fff9ec;}
html#hanji-home-document body#home-hanji .hero-film-kicker{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:500;letter-spacing:.12em;color:#ead8ab;}
html#hanji-home-document body#home-hanji .hero-film-kicker i{display:block;width:40px;height:1px;background:#d5bc83;}
html#hanji-home-document body#home-hanji .hero-film-heading{position:static;width:auto;height:auto;margin:18px 0 0;overflow:visible;clip-path:none;white-space:normal;font-family:'Hanji Display','Noto Serif KR',Batang,serif;font-weight:400;font-size:clamp(34px,3.6vw,54px);line-height:1.32;letter-spacing:-.01em;color:#fff9ec;text-shadow:0 2px 18px rgba(8,20,15,.35);word-break:keep-all;}
html#hanji-home-document body#home-hanji .hero-film-lead{margin:18px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.7;color:#f3ead5;word-break:keep-all;}
html#hanji-home-document body#home-hanji .hero-film-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
html#hanji-home-document body#home-hanji .hero-film-copy .hero-film-cta,html#hanji-home-document body#home-hanji .hero-film-sub{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;font-size:17px;font-weight:600;text-decoration:none;border-radius:2px;transition:background .2s,color .2s,border-color .2s;}
html#hanji-home-document body#home-hanji .hero-film-copy .hero-film-cta{background:#d9c38c;color:#14322a;border:1px solid #d9c38c;}
html#hanji-home-document body#home-hanji .hero-film-copy .hero-film-cta:hover{background:#fff9ec;border-color:#fff9ec;}
html#hanji-home-document body#home-hanji .hero-film-sub{color:#fff9ec;border:1px solid rgba(255,249,236,.7);background:rgba(16,43,35,.3);}
html#hanji-home-document body#home-hanji .hero-film-sub:hover{background:#fff9ec;color:#14322a;}
html#hanji-home-document body#home-hanji :is(.hero-film-cta,.hero-film-sub):focus-visible{outline:2px solid #fff9ec;outline-offset:4px;}
html#hanji-home-document body#home-hanji :is(.hero-film-titles,.hero-film-scenes){display:none;}
html#hanji-home-document body#home-hanji .hero-film-toggle{top:20px;bottom:auto;right:20px;}
html#hanji-home-document body#home-hanji .hero-film-lead{max-width:600px;}

/* Section order: what we do → how to use it → how it works → why we exist */
html#hanji-home-document body#home-hanji .hh-home>.hh-offer{order:1;}
html#hanji-home-document body#home-hanji .hh-home>.hanok-home-panel{order:2;}
html#hanji-home-document body#home-hanji .hh-home>.brand-story-section{order:3;}
html#hanji-home-document body#home-hanji .hh-home>.hanok-membership-section{order:4;}

/* Service guide (free → expert report → on-site) */
html#hanji-home-document body#home-hanji .hh-offer{width:min(1180px,calc(100% - 56px));margin:96px auto 0;}
html#hanji-home-document body#home-hanji .hh-offer-head{text-align:center;max-width:720px;margin:0 auto 40px;}
html#hanji-home-document body#home-hanji .hh-offer-head h2{margin:0;font-family:'Hanji Display','Noto Serif KR',Batang,serif;font-weight:400;font-size:clamp(28px,2.6vw,38px);color:#1f3328;word-break:keep-all;}
html#hanji-home-document body#home-hanji .hh-offer-head p{margin:14px 0 0;font-size:17px;line-height:1.7;color:#4e5248;word-break:keep-all;}
html#hanji-home-document body#home-hanji .hh-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;}
html#hanji-home-document body#home-hanji .hh-offer-card{position:relative;display:flex;flex-direction:column;padding:34px 30px 30px;background:#fffdf7;border:1px solid #d9cdb3;box-shadow:0 6px 18px rgba(66,52,30,.06);}
html#hanji-home-document body#home-hanji .hh-offer-card.is-primary{border-color:#123c32;box-shadow:0 10px 26px rgba(18,60,50,.14);}
html#hanji-home-document body#home-hanji .hh-offer-step{font-size:14px;font-weight:600;color:#8a6a2c;letter-spacing:.04em;}
html#hanji-home-document body#home-hanji .hh-offer-card h3{margin:10px 0 0;font-size:24px;line-height:1.35;color:#1f3328;font-weight:700;word-break:keep-all;}
html#hanji-home-document body#home-hanji .hh-offer-meta{margin:8px 0 0;font-size:16px;font-weight:600;color:#123c32;}
html#hanji-home-document body#home-hanji .hh-offer-card>p:not(.hh-offer-meta){margin:16px 0 0;font-size:16px;line-height:1.75;color:#4e5248;word-break:keep-all;}
html#hanji-home-document body#home-hanji .hh-offer-card ul{margin:18px 0 28px;padding:0;list-style:none;display:grid;gap:8px;}
html#hanji-home-document body#home-hanji .hh-offer-card li{position:relative;padding-left:20px;font-size:15.5px;line-height:1.6;color:#3d4238;word-break:keep-all;}
html#hanji-home-document body#home-hanji .hh-offer-card li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:#c7a660;}
html#hanji-home-document body#home-hanji .hh-offer-card a{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;min-height:50px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;border:1px solid #123c32;color:#123c32;background:transparent;transition:background .2s,color .2s;}
html#hanji-home-document body#home-hanji .hh-offer-card a:hover,html#hanji-home-document body#home-hanji .hh-offer-card.is-primary a{background:#123c32;color:#fff9ec;}
html#hanji-home-document body#home-hanji .hh-offer-card.is-primary a:hover{background:#0c2b23;}
html#hanji-home-document body#home-hanji .hh-offer-card a:focus-visible{outline:2px solid #123c32;outline-offset:3px;}
html#hanji-home-document body#home-hanji .hh-offer-note{margin:22px 0 0;text-align:center;font-size:15px;color:#5b5f55;}
html#hanji-home-document body#home-hanji .hh-offer-note a{color:#123c32;font-weight:600;text-underline-offset:3px;}

/* Readability: small decorative labels and low-contrast body copy */
html#hanji-home-document body#home-hanji .hh-step{font-size:13px!important;color:#8a6a2c!important;}
html#hanji-home-document body#home-hanji .hh-sheet-description{color:#55594f!important;}
html#hanji-home-document body#home-hanji .hh-subtitle{color:#55594f;}
html#hanji-home-document body#home-hanji .hh-closing span{font-size:12px;color:#7d6a45;}

/* Touch targets */
html#hanji-home-document body#home-hanji .hh-desktop-nav>a,html#hanji-home-document body#home-hanji .hh-desktop-nav .hh-login{display:inline-flex;align-items:center;min-height:44px;}
html#hanji-home-document body#home-hanji .hh-mobile-menu summary{min-width:44px;min-height:44px;box-sizing:border-box;}
html#hanji-home-document body#home-hanji .hh-mobile-menu nav :is(a,.hh-login){min-height:44px;display:flex;align-items:center;}
html#hanji-home-document body#home-hanji .hh-more{min-height:44px;display:inline-flex;align-items:center;}

@media(max-width:1050px){
  html#hanji-home-document body#home-hanji .hero-film{height:clamp(460px,calc(100svh - 80px),680px);}
  html#hanji-home-document body#home-hanji .hero-film-copy{left:24px;right:24px;}
  html#hanji-home-document body#home-hanji .hh-offer-grid{grid-template-columns:1fr;max-width:640px;margin:0 auto;}
}
@media(max-width:640px){
  html#hanji-home-document body#home-hanji .hero-film{height:min(calc(100svh - 80px),620px);min-height:520px;}
  html#hanji-home-document body#home-hanji .hero-film::after{background:linear-gradient(0deg,rgba(10,26,20,.86) 0%,rgba(10,26,20,.55) 48%,rgba(10,26,20,.08) 80%);}
  html#hanji-home-document body#home-hanji .hero-film-copy{left:20px;right:20px;bottom:28px;}
  html#hanji-home-document body#home-hanji .hero-film-kicker{font-size:13px;gap:10px;}
  html#hanji-home-document body#home-hanji .hero-film-kicker i{width:24px;}
  html#hanji-home-document body#home-hanji .hero-film-heading{font-size:30px;margin-top:12px;}
  html#hanji-home-document body#home-hanji .hero-film-lead{font-size:16px;margin-top:12px;}
  html#hanji-home-document body#home-hanji .hero-film-actions{margin-top:22px;flex-direction:column;align-items:stretch;}
  html#hanji-home-document body#home-hanji .hero-film-toggle{top:12px;right:12px;}
  html#hanji-home-document body#home-hanji .hh-offer{width:calc(100% - 32px);margin-top:64px;}
  html#hanji-home-document body#home-hanji .hh-offer-head{margin-bottom:28px;}
  html#hanji-home-document body#home-hanji .hh-offer-card{padding:28px 22px 24px;}
  html#hanji-home-document body#home-hanji .hh-offer-card h3{font-size:22px;}
  /* Process steps: one readable column instead of a cramped sideways scroller */
  html#hanji-home-document body#home-hanji .hanok-process-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:12px!important;}
  html#hanji-home-document body#home-hanji .hanok-process-card{width:auto!important;min-width:0!important;}
  html#hanji-home-document body#home-hanji .hanok-process-card>svg:last-child{display:none;}
}
@media(prefers-reduced-motion:reduce){
  html#hanji-home-document body#home-hanji :is(.hero-film-cta,.hero-film-sub,.hh-offer-card a){transition:none;}
}