*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;color:#17324a}a{text-decoration:none;color:inherit}.nav{position:fixed;z-index:5;top:0;left:0;right:0;height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #dce7e9}.logo{font-weight:800;letter-spacing:.18em}.navlinks{display:flex;gap:24px;font-size:13px;color:#58707b}.hero,.pagehero{min-height:100vh;padding:140px 7vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;background:linear-gradient(135deg,#fff,#f2faf7,#eef5fb)}h1{font-size:clamp(52px,7vw,100px);line-height:.95;letter-spacing:-.055em;margin:18px 0 25px}.pagehero h1{font-size:clamp(46px,6vw,84px)}p{font-size:20px;line-height:1.7;color:#667b85}.kicker{font-size:12px;letter-spacing:.22em;font-weight:700;color:#6d8c97}.heroimg{width:100%;border-radius:38px;box-shadow:0 28px 70px rgba(35,70,90,.12)}.btn{display:inline-block;margin-top:18px;padding:15px 23px;border-radius:999px;background:#17324a;color:white}.section{padding:100px 7vw}.section h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.05em}.lead{max-width:720px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.card{padding:30px;border:1px solid #dce7e9;border-radius:26px;background:#fff;box-shadow:0 12px 35px rgba(35,70,90,.05)}.card h3{font-size:23px;margin-top:0}.card p{font-size:16px}.form{max-width:760px;display:grid;gap:14px;margin-top:35px}.form input,.form textarea{padding:17px;border:1px solid #dce7e9;border-radius:14px;font:inherit}.form textarea{min-height:160px}.form button{padding:16px;border:0;border-radius:999px;background:#17324a;color:#fff;font-weight:700}.footer{padding:35px 7vw;border-top:1px solid #dce7e9;display:flex;justify-content:space-between;color:#72848c;font-size:12px}@media(max-width:850px){.navlinks{display:none}.hero,.pagehero{grid-template-columns:1fr;padding:125px 5vw 65px}.hero h1,.pagehero h1{font-size:56px}.section{padding:70px 5vw}.grid{grid-template-columns:1fr}.footer{display:block;line-height:2}}

/* VIVIDEA 2차 HOME — lifestyle design */
.home-page{
  margin:0;
  background:#fbf9f6;
  color:#252321;
  font-family:Arial,"Noto Sans KR",sans-serif;
}
.home-page a{color:inherit;text-decoration:none}
.home-page .site-header{
  height:88px;background:rgba(255,255,255,.96);display:flex;align-items:center;
  padding:0 4.2%;box-sizing:border-box;position:relative;z-index:5;
  border-bottom:1px solid #eee9e3;
}
.home-page .brand{width:270px;display:flex;flex-direction:column;line-height:1}
.home-page .brand-name{font-family:Georgia,serif;font-size:29px;letter-spacing:6px}
.home-page .brand-tag{font-size:9px;letter-spacing:2px;margin-top:8px;color:#777}
.home-page .main-nav{display:flex;gap:31px;align-items:center;justify-content:center;flex:1}
.home-page .main-nav a{font-size:14px;font-weight:600;white-space:nowrap;padding:33px 0 28px;border-bottom:2px solid transparent}
.home-page .main-nav a.active{color:#bd716b;border-bottom-color:#d58b84}
.home-page .shop-button,.home-page .primary-button{
  background:#c87972;color:white;border-radius:10px;padding:14px 22px;font-weight:700
}
.home-page .shop-button{font-size:13px}
.home-page .home-hero{
  min-height:560px;display:grid;grid-template-columns:39% 61%;overflow:hidden;
  background:#f3ece5;
}
.home-page .hero-copy{padding:112px 5% 70px 8%;display:flex;flex-direction:column;justify-content:center;z-index:2}
.home-page .eyebrow{font-size:14px;letter-spacing:3px;color:#c87972;font-weight:700;margin:0 0 25px}
.home-page h1{font-family:Georgia,serif;font-size:74px;letter-spacing:7px;margin:0 0 20px;line-height:.95}
.home-page .hero-copy h2{font-size:27px;line-height:1.4;margin:0 0 18px;font-weight:700}
.home-page .hero-description{font-size:17px;line-height:1.75;color:#5f5a56;margin:0 0 32px}
.home-page .hero-actions{display:flex;gap:14px}
.home-page .primary-button,.home-page .outline-button{font-size:15px;padding:15px 29px;border-radius:28px}
.home-page .outline-button{border:1px solid #c87972;color:#b86760;background:#fffaf7}
.home-page .hero-visual{min-height:560px;overflow:hidden}
.home-page .hero-visual img{width:100%;height:100%;object-fit:cover;display:block}
.home-page .value-strip{
  display:grid;grid-template-columns:repeat(4,1fr);background:#fffdfb;
  border-bottom:1px solid #eee8e2;padding:29px 6%;gap:28px
}
.home-page .value-strip article{display:flex;gap:17px;align-items:center;border-right:1px solid #eee5dd;padding-right:20px}
.home-page .value-strip article:last-child{border-right:0}
.home-page .value-icon{font-size:31px;color:#cc817a;min-width:32px;text-align:center}
.home-page .value-strip strong{font-size:17px}.home-page .value-strip p{margin:7px 0 0;font-size:12px;color:#777;line-height:1.5}
.home-page .category-section{padding:62px 5.5% 75px;background:#fff}
.home-page .section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}
.home-page .section-heading .eyebrow{margin-bottom:8px;font-size:11px}
.home-page .section-heading h2{margin:0;font-size:32px}
.home-page .section-heading>a{font-size:14px;color:#666}
.home-page .category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.home-page .category-card{text-align:center;font-size:15px}
.home-page .category-photo{height:210px;border-radius:13px;margin-bottom:14px;background-size:cover;background-position:center}
.home-page .photo-1{background:linear-gradient(135deg,#eee3d7,#d8c3ae)}
.home-page .photo-2{background:linear-gradient(135deg,#e9e0d3,#cdbca6)}
.home-page .photo-3{background:linear-gradient(135deg,#e5ddd4,#c6b9a9)}
.home-page .photo-4{background:linear-gradient(135deg,#f0e6dd,#d7c0b2)}
.home-page .photo-5{background:linear-gradient(135deg,#e8e0d8,#cfc3b6)}
.home-page .category-card:nth-child(1) .category-photo{background-image:url("assets/category-1.jpg")}
.home-page .category-card:nth-child(2) .category-photo{background-image:url("assets/category-2.jpg")}
.home-page .category-card:nth-child(3) .category-photo{background-image:url("assets/category-3.jpg")}
.home-page .category-card:nth-child(4) .category-photo{background-image:url("assets/category-4.jpg")}
.home-page .category-card:nth-child(5) .category-photo{background-image:url("assets/category-5.jpg")}
.home-page .site-footer{padding:45px 6%;background:#292624;color:#eee}
.home-page .footer-brand{font-family:Georgia,serif;font-size:24px;letter-spacing:5px}
.home-page .site-footer p{font-size:10px;letter-spacing:2px;color:#aaa}
.home-page .site-footer small{color:#888}
@media(max-width:1100px){
 .home-page .main-nav{gap:14px}.home-page .main-nav a{font-size:12px}
 .home-page .brand{width:210px}.home-page .shop-button{display:none}
 .home-page .hero-copy{padding-left:6%}.home-page h1{font-size:58px}.home-page .hero-copy h2{font-size:22px}
}
@media(max-width:800px){
 .home-page .site-header{height:auto;padding:20px 5%;flex-wrap:wrap;gap:18px}
 .home-page .brand{width:100%}.home-page .main-nav{width:100%;overflow:auto;justify-content:flex-start;gap:20px}
 .home-page .main-nav a{padding:8px 0}.home-page .home-hero{grid-template-columns:1fr}
 .home-page .hero-copy{padding:70px 8% 45px}.home-page .hero-visual{min-height:330px}
 .home-page .value-strip{grid-template-columns:1fr 1fr}.home-page .value-strip article{border-right:0}
 .home-page .category-grid{grid-template-columns:1fr 1fr}.home-page .category-photo{height:170px}
}