.kinavell-page{--ink: #171612; --paper: #f7f4ef; --line: #ddd7cf; --muted: #746f68; --accent: #9d7a4d; --display: Georgia,'Times New Roman',serif; --sans: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.kinavell-page *{box-sizing: border-box;}
.kinavell-page{scroll-behavior: smooth;}
.kinavell-page{margin: 0; color: var(--ink); background: var(--paper); font: 16px/1.65 var(--sans);}
.kinavell-page a{color: inherit; text-decoration: none;}
.kinavell-page img{max-width: 100%; display: block;}
.kinavell-page button,.kinavell-page input,.kinavell-page select,.kinavell-page textarea{font: inherit;}
.kinavell-page .shell{width: min(1440px,90vw); margin: auto;}
.kinavell-page .site-header{position: sticky; top: 0; z-index: 50; height: 90px; background: rgba(250,248,244,.94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line);}
.kinavell-page .nav{height: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;}
.kinavell-page .nav-left,.kinavell-page .nav-right{display: flex; gap: 32px; align-items: center;}
.kinavell-page .nav-right{justify-content: flex-end;}
.kinavell-page .brand{text-align: center; font: 34px/.9 var(--display); letter-spacing: .22em;}
.kinavell-page .brand small{display: block; margin-top: 9px; font: 9px/1 var(--sans); letter-spacing: .35em;}
.kinavell-page .hero{min-height: 620px; display: grid; place-items: end start; position: relative; overflow: hidden; color: #fff; background: #27231f;}
.kinavell-page .hero img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.54);}
.kinavell-page .hero-copy{position: relative; z-index: 2; padding: 90px 5vw; width: min(860px,90vw);}
.kinavell-page .eyebrow{font-size: 12px; letter-spacing: .25em; text-transform: uppercase; font-weight: 700;}
.kinavell-page .hero h1,.kinavell-page .section-head h1{font: clamp(46px,6vw,86px)/.98 var(--display); letter-spacing: -.035em; margin: 20px 0;}
.kinavell-page .hero p{font-size: 18px; max-width: 670px;}
.kinavell-page .btn{display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 26px; margin: 18px 10px 0 0; background: #fff; color: #111; border: 1px solid currentColor; text-transform: uppercase; letter-spacing: .14em; font-size: 12px;}
.kinavell-page .btn.dark{background: #1a1815; color: #fff;}
.kinavell-page .section{padding: 110px 0;}
.kinavell-page .section.alt{background: #fff;}
.kinavell-page .section-head{display: grid; grid-template-columns: 1fr .55fr; gap: 8vw; align-items: end; margin-bottom: 52px;}
.kinavell-page .section-head h2{font: clamp(38px,4.6vw,64px)/1.02 var(--display); margin: 10px 0;}
.kinavell-page .section-head p{color: var(--muted); font-size: 18px;}
.kinavell-page .product-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 24px;}
.kinavell-page .product-card{background: #fff; border: 1px solid var(--line);}
.kinavell-page .product-media{aspect-ratio: .86; overflow: hidden; background: #eee;}
.kinavell-page .product-media img{width: 100%; height: 100%; object-fit: cover; transition: transform .7s;}
.kinavell-page .product-card:hover img{transform: scale(1.035);}
.kinavell-page .product-info{padding: 20px;}
.kinavell-page .product-info h3{font: 24px/1.15 var(--display); margin: 4px 0 7px;}
.kinavell-page .price{font-size: 14px; color: var(--muted);}
.kinavell-page .swatches{display: flex; gap: 9px; margin-top: 14px;}
.kinavell-page .swatch{width: 24px; height: 24px; border-radius: 50%; border: 1px solid #aaa; padding: 3px; background: #fff; cursor: pointer;}
.kinavell-page .swatch:after{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background: var(--sw);}
.kinavell-page .category-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 18px;}
.kinavell-page .category-card{position: relative; min-height: 440px; overflow: hidden; color: #fff;}
.kinavell-page .category-card img{position: absolute; width: 100%; height: 100%; object-fit: cover; filter: brightness(.64); transition: .7s;}
.kinavell-page .category-card:hover img{transform: scale(1.04);}
.kinavell-page .category-card div{position: absolute; inset: auto 28px 28px;}
.kinavell-page .category-card h3{font: 36px/1 var(--display); margin: 8px 0;}
.kinavell-page .filters{display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 32px;}
.kinavell-page .filters a{border: 1px solid var(--line); background: #fff; padding: 10px 16px; border-radius: 30px; font-size: 13px;}
.kinavell-page .detail{display: grid; grid-template-columns: 1.1fr .8fr; gap: 7vw; align-items: start;}
.kinavell-page .gallery{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.kinavell-page .gallery img:first-child{grid-column: 1/-1;}
.kinavell-page .gallery img{width: 100%; aspect-ratio: 1; object-fit: cover; background: #eee;}
.kinavell-page .buybox{position: sticky; top: 120px;}
.kinavell-page .buybox h1{font: clamp(42px,5vw,68px)/1 var(--display); margin: 12px 0;}
.kinavell-page .buybox .lead{font-size: 18px; color: var(--muted);}
.kinavell-page .choice{padding: 22px 0; border-top: 1px solid var(--line);}
.kinavell-page .choice label{display: block; font-size: 12px; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 12px;}
.kinavell-page .choice select,.kinavell-page .choice input{width: 100%; padding: 14px; border: 1px solid var(--line); background: #fff;}
.kinavell-page .trust{display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 24px;}
.kinavell-page .trust span{padding: 16px; background: #fff; text-align: center; font-size: 12px;}
.kinavell-page .story-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch;}
.kinavell-page .story-grid img{width: 100%; height: 100%; min-height: 520px; object-fit: cover;}
.kinavell-page .story-copy{padding: 8vw; background: #211d19; color: #fff;}
.kinavell-page .story-copy h2{font: clamp(38px,4.8vw,68px)/1 var(--display);}
.kinavell-page .editorial-grid{display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 22px;}
.kinavell-page .article-card{background: #fff; border: 1px solid var(--line);}
.kinavell-page .article-card img{width: 100%; height: 270px; object-fit: cover;}
.kinavell-page .article-card:first-child img{height: 410px;}
.kinavell-page .article-card div{padding: 24px;}
.kinavell-page .article-card h3{font: 28px/1.1 var(--display);}
.kinavell-page .article-body{width: min(820px,90vw); margin: auto; font: 20px/1.8 var(--display);}
.kinavell-page .article-body h2{font: 42px/1.1 var(--display); margin-top: 70px;}
.kinavell-page .article-body p{margin: 1.4em 0;}
.kinavell-page .steps{display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line);}
.kinavell-page .step{padding: 34px; background: #fff;}
.kinavell-page .step strong{display: block; font: 26px var(--display); margin: 20px 0;}
.kinavell-page .atelier{display: grid; grid-template-columns: 1fr 1fr;}
.kinavell-page .atelier>img{height: 690px; width: 100%; object-fit: cover;}
.kinavell-page .atelier-copy{padding: 7vw; background: #ece3d8;}
.kinavell-page .atelier-copy h2{font: clamp(42px,5vw,70px)/1 var(--display);}
.kinavell-page .feature-list{display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #bfb3a5;}
.kinavell-page .feature-list div{padding: 22px 0; border-bottom: 1px solid #bfb3a5;}
.kinavell-page .faq details{background: #fff; border-top: 1px solid var(--line); padding: 24px;}
.kinavell-page .faq summary{cursor: pointer; font: 24px var(--display);}
.kinavell-page .site-footer{background: #151513; color: #eee; padding: 80px 0 30px;}
.kinavell-page .footer-grid{display: grid; grid-template-columns: 1.3fr repeat(3,1fr); gap: 6vw;}
.kinavell-page .footer-grid h3{font: 18px var(--sans); margin-bottom: 24px;}
.kinavell-page .footer-grid a{display: block; color: #aaa; font-size: 14px; margin: 12px 0;}
.kinavell-page .footer-brand{font: 40px var(--display); letter-spacing: .18em;}
.kinavell-page .footer-bottom{display: flex; justify-content: space-between; border-top: 1px solid #393936; margin-top: 60px; padding-top: 25px; color: #888; font-size: 12px;}
.evoria-her-little .kinavell-page {--paper: #fbf7f6; --ink: #30222b; --line: #eadde2; --accent: #975d73;}
.evoria-her-little .kinavell-page .hero{min-height: 570px; border-radius: 0 0 90px 0;}
.evoria-her-little .kinavell-page .hero-copy{margin-left: 5vw;}
.evoria-her-little .kinavell-page .product-card{border-radius: 150px 150px 20px 20px; overflow: hidden;}
.evoria-her-little .kinavell-page .product-media{aspect-ratio: .8;}
.evoria-her-little .kinavell-page .category-card{border-radius: 240px 240px 24px 24px;}
.evoria-her-little .kinavell-page .story-copy{background: #5a3d4d;}
.evoria-her-little .kinavell-page .atelier{gap: 34px;}
.evoria-her-little .kinavell-page .atelier>img{border-radius: 260px 260px 20px 20px;}
.evoria-her-little .kinavell-page .atelier-copy{background: #f3e9ed; border-radius: 20px; padding: 6vw;}
.evoria-her-little .kinavell-page .article-card{border: 0; border-radius: 18px; overflow: hidden;}
.evoria-her-little .kinavell-page .site-footer{background: #3b2832;}
.kinavell-page .notice{padding: 14px; text-align: center; background: #ebe2d7; font-size: 12px; letter-spacing: .12em;}
.kinavell-page .menu-toggle{display: none;}
.kinavell-page .media-rich{display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.kinavell-page .media-rich figure{margin: 0;}
.kinavell-page .media-rich img{height: 410px; width: 100%; object-fit: cover;}
.kinavell-page .media-rich figure:nth-child(2){transform: translateY(55px);}
@media (max-width:900px){.kinavell-page .site-header{height: 74px;}
.kinavell-page .nav-left{display: none;}
.kinavell-page .menu-toggle{display: block;}
.kinavell-page .nav{grid-template-columns: 1fr auto;}
.kinavell-page .brand{text-align: left;}
.kinavell-page .hero{min-height: 520px;}
.kinavell-page .section{padding: 72px 0;}
.kinavell-page .section-head,.kinavell-page .detail,.kinavell-page .story-grid,.kinavell-page .atelier{grid-template-columns: 1fr;}
.kinavell-page .product-grid{grid-template-columns: 1fr 1fr;}
.kinavell-page .category-grid,.kinavell-page .editorial-grid{grid-template-columns: 1fr;}
.kinavell-page .steps{grid-template-columns: 1fr 1fr;}
.kinavell-page .footer-grid{grid-template-columns: 1fr 1fr;}
.kinavell-page .buybox{position: static;}
.kinavell-page .article-card:first-child img,.kinavell-page .article-card img{height: 280px;}
.kinavell-page .media-rich{grid-template-columns: 1fr 1fr;}
.kinavell-page .media-rich figure:nth-child(2){transform: none;}}
@media (max-width:580px){.kinavell-page .product-grid,.kinavell-page .category-grid,.kinavell-page .steps,.kinavell-page .footer-grid,.kinavell-page .media-rich{grid-template-columns: 1fr;}
.kinavell-page .nav-right a:not(:last-child){display: none;}
.kinavell-page .hero h1,.kinavell-page .section-head h1{font-size: 42px;}
.kinavell-page .hero-copy{padding: 60px 7vw;}
.kinavell-page .gallery{grid-template-columns: 1fr;}
.kinavell-page .gallery img:first-child{grid-column: auto;}}
.kinavell-page{--display:Georgia,'Times New Roman',serif;--sans:Inter,system-ui,sans-serif;font:16px/1.65 var(--sans);overflow-wrap:anywhere}
.kinavell-page .hero-copy{transform:none;left:auto;top:auto;bottom:auto;margin:0;display:block;max-width:860px}
.kinavell-page .hero p{line-height:1.6}.kinavell-page .article-body{font:18px/1.8 var(--sans);max-width:960px}.kinavell-page .article-body h2{margin:0 0 26px;font:clamp(32px,4vw,48px)/1.1 var(--display)}
.kinavell-page .article-body li{margin:14px 0}.kinavell-page p a,.kinavell-page li a,.kinavell-page td a{text-decoration:underline;text-underline-offset:4px}
.kinavell-page .kinavell-table-wrap{overflow-x:auto;margin:30px 0}.kinavell-page table{border-collapse:collapse;width:100%;font:15px/1.65 var(--sans);min-width:520px}.kinavell-page th,.kinavell-page td{text-align:left;padding:18px;border:1px solid var(--line);vertical-align:top}.kinavell-page th{background:#eee6db}
.kinavell-page .kinavell-business-note{border-left:3px solid var(--accent);padding:12px 22px;margin:22px 0;background:#fff}.kinavell-page .kinavell-business-note:empty{display:none}
.kinavell-page .kinavell-birthstones{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.kinavell-page .kinavell-month{border:1px solid var(--line);padding:28px 15px;background:#fff;text-align:center}.kinavell-page .kinavell-month>span{display:block;width:35px;height:35px;background:var(--stone);transform:rotate(45deg);border-radius:9px;margin:10px auto 28px;box-shadow:inset 0 5px 12px #ffffff60}.kinavell-page .kinavell-month h3{font:23px var(--display);margin:12px 0}.kinavell-page .kinavell-month p{font-size:12px}
.kinavell-page form label{display:block}.kinavell-page form textarea,.kinavell-page form input,.kinavell-page form select{width:100%;padding:12px;border:1px solid var(--line);background:#fff}.kinavell-page .kinavell-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.kinavell-page .kinavell-form-result{padding:18px;border:1px solid var(--line)}
.kinavell-page .products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0}.kinavell-page .products::before,.kinavell-page .products::after{display:none}.kinavell-page .products li.product{float:none!important;width:auto!important;margin:0!important;border:1px solid var(--line);padding:18px;background:#fff}.kinavell-page .products img{width:100%}.kinavell-page .products h2{font:23px var(--display)}
@media(max-width:900px){.kinavell-page .kinavell-birthstones{grid-template-columns:repeat(3,1fr)}.kinavell-page .products{grid-template-columns:repeat(2,1fr)}.kinavell-page .hero-copy{padding:65px 7vw}.kinavell-page .section-head{display:block}}
@media(max-width:580px){.kinavell-page .kinavell-birthstones{grid-template-columns:repeat(2,1fr)}.kinavell-page .feature-list{grid-template-columns:1fr}.kinavell-page .products{grid-template-columns:1fr}.kinavell-page .hero{min-height:400px}.kinavell-page .article-body{font-size:16px}}

.kinavell-page .hero{height:auto;min-height:620px}.kinavell-page .hero img{pointer-events:none}
@media(max-width:900px){.kinavell-page .hero{min-height:520px}}
@media(max-width:580px){.kinavell-page .hero{min-height:400px}}