.yj-hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:7%;padding-block:44px 40px;display:grid}.yj-hero-copy{padding-block:24px}.yj-hero-copy h1{letter-spacing:3px;color:var(--cocoa);margin-block:25px 23px;font-size:clamp(42px,4.8vw,73px);line-height:1.32}.yj-hero-copy h1 em{color:var(--olive)}.yj-hero-intro{color:var(--muted);margin-bottom:30px;font-size:12px;line-height:2.25}.yj-hero-signature{color:var(--olive);align-items:center;gap:15px;margin-top:35px;display:flex}.yj-hero-signature svg{transform-origin:15% 80%;width:64px;height:55px;animation:3s ease-out both yj-leaf-welcome}.yj-hero-signature>span{font-family:Georgia,serif;font-size:15px;line-height:1.55}.yj-hero-signature i{font-style:italic}.yj-hero-photo{position:relative}.yj-hero-photo>img{aspect-ratio:4/4.7;object-fit:cover;object-position:50% 52%;width:100%}.yj-hero-photo figcaption{letter-spacing:1px;color:var(--muted);justify-content:space-between;gap:15px;padding-top:14px;font-size:9px;display:flex}.yj-hero-seal{background:var(--cream);width:100px;height:100px;box-shadow:inset 0 0 0 6px var(--cream),inset 0 0 0 7px #d4d3c4;color:var(--olive);border:1px solid #d4d3c4;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:66px;right:-26px;transform:rotate(11deg)}.yj-hero-seal>span{font-family:var(--serif);letter-spacing:5px;padding-left:5px;font-size:27px}.yj-hero-seal small{letter-spacing:1px;margin-top:5px;font-size:6px}.yj-ribbon{border-block:1px solid var(--line);color:var(--olive);letter-spacing:2px;justify-content:space-between;align-items:center;gap:24px;padding:18px 5%;font-size:10px;display:flex}.yj-ribbon i{font-size:17px}.yj-ribbon span:nth-child(4n+1){font-family:Georgia,serif;font-size:11px}.yj-intro{grid-template-columns:.7fr 1.4fr .75fr;align-items:start;gap:38px;padding-block:100px;display:grid}.yj-intro>.eyebrow{padding-top:12px}.yj-intro h2{color:var(--olive);font-size:clamp(29px,3.1vw,45px);line-height:1.55}.yj-intro p:not(.eyebrow){color:var(--muted);margin-block:25px;font-size:12px;line-height:2.3}.yj-intro-badge{flex-direction:column;align-items:center;padding-top:8px;display:flex}.yj-intro-badge .yujin-logo{mix-blend-mode:multiply;width:185px}.yj-intro-badge>span{letter-spacing:2px;color:var(--olive);white-space:nowrap;margin-top:16px;font-size:9px}.yj-home-collections{padding-block:35px 110px}.yj-collection-pair{grid-template-columns:1.13fr .87fr;gap:9%;display:grid}.yj-collection-offset{margin-top:110px}.yj-collection-picture{background:#eae1d3;display:block;position:relative;overflow:hidden}.yj-collection-picture img{aspect-ratio:4/4.7;object-fit:cover;width:100%;transition:transform .7s}.yj-collection-offset .yj-collection-picture img{aspect-ratio:3/4}.yj-collection-picture:hover img{transform:scale(1.025)}.yj-picture-link{background:var(--cream);width:44px;height:44px;color:var(--olive);place-items:center;font-size:20px;display:grid;position:absolute;bottom:18px;right:18px}.yj-card-caption{justify-content:space-between;align-items:flex-end;gap:18px;margin-top:24px;display:flex}.yj-card-caption h3{margin-top:7px;font-size:31px}.yj-card-caption>span{color:var(--muted);padding-bottom:6px;font-size:10px}.yj-home-collection>p{color:var(--muted);margin-top:12px;font-size:12px}.yj-gift-section{background:#e8ecdf;padding-block:80px}.yj-gift-inner{grid-template-columns:1.3fr .8fr;align-items:center;gap:7%;display:grid}.yj-gift-image>img{aspect-ratio:4/3;object-fit:cover;width:100%}.yj-gift-image>span{letter-spacing:1px;color:var(--muted);margin-top:12px;font-size:9px;display:block}.yj-gift-copy h2{color:var(--olive);margin-block:22px 25px;line-height:1.6}.yj-gift-copy>p:not(.eyebrow){color:#69705e;margin-bottom:30px;font-size:12px;line-height:2.4}.yj-home-journal{padding-block:100px}.yj-journal-preview{grid-template-columns:1fr 1fr;gap:9%;display:grid}.yj-palette-sheet{background:#eee7db;flex-direction:column;justify-content:center;min-height:440px;padding:40px 38px;display:flex;position:relative}.yj-color-strips{gap:12px;margin-block:30px 35px;display:flex}.yj-color-strips>span{color:var(--muted);letter-spacing:1px;text-align:center;flex:1;font-size:9px}.yj-color-strips i{height:125px;margin-bottom:10px;display:block}.yj-color-strips>span:nth-child(2n){padding-top:18px}.yj-palette-sheet>p:not(.eyebrow){font-family:var(--serif);font-size:27px;line-height:1.6}.yj-palette-sheet em{color:var(--olive)}.yj-palette-note{letter-spacing:1.3px;color:var(--muted);margin-top:24px;font-size:8px}.yj-journal-links{flex-direction:column;display:flex}.yj-journal-links>a{border-top:1px solid var(--line);flex:1;padding:27px 45px 30px 0;position:relative}.yj-journal-links>a:last-child{border-bottom:1px solid var(--line)}.yj-journal-links h3{margin-top:10px;font-size:25px;line-height:1.6}.yj-journal-arrow{font-size:24px;transition:transform .2s;position:absolute;bottom:35px;right:5px}.yj-journal-links>a:hover .yj-journal-arrow{transform:translate(3px,-3px)}.yj-closing{text-align:center;padding-block:15px 100px}.yj-closing h2{margin-block:30px 36px;font-size:clamp(36px,5vw,70px)}.yj-closing h2 i{color:var(--olive)}@keyframes yj-leaf-welcome{0%{opacity:0;transform:rotate(-14deg)translateY(8px)}to{opacity:1;transform:rotate(0)translateY(0)}}@media (width<=1000px){.yj-hero{gap:6%}.yj-hero-copy h1{font-size:clamp(40px,5.5vw,57px)}.yj-hero-seal{width:82px;height:82px;right:-16px}.yj-hero-seal>span{font-size:23px}.yj-hero-seal small{font-size:5px}.yj-hero-signature{margin-top:25px}.yj-intro{grid-template-columns:.6fr 1.3fr .7fr;gap:22px;padding-block:75px}.yj-intro-badge .yujin-logo{width:145px}.yj-intro-badge>span{letter-spacing:0;font-size:8px}.yj-ribbon span:last-child,.yj-ribbon i:last-of-type{display:none}.yj-gift-inner{grid-template-columns:1.1fr 1fr;gap:5%}.yj-palette-sheet{padding:30px 25px}.yj-color-strips{gap:8px}.yj-journal-preview{gap:6%}.yj-journal-links h3{font-size:23px}}@media (width<=760px){.yj-hero{grid-template-columns:1fr;gap:25px;padding-top:35px}.yj-hero-copy{padding:0 5px}.yj-hero-copy h1{letter-spacing:1.5px;margin-block:20px;font-size:clamp(34px,7.9vw,58px);line-height:1.35}.yj-hero-copy h1 br:first-of-type{display:none}.yj-hero-intro{margin-bottom:22px;font-size:12px}.yj-hero-signature{display:none}.yj-hero-photo>img{aspect-ratio:1/1.05;object-position:center 54%}.yj-hero-seal{bottom:48px;right:12px}.yj-hero-photo figcaption{padding-top:11px;font-size:8px}.yj-ribbon{letter-spacing:1px;gap:14px;padding:15px 20px;font-size:9px}.yj-ribbon span:first-child,.yj-ribbon i:first-of-type{display:none}.yj-intro{grid-template-columns:1fr auto;gap:24px 18px;padding-block:55px}.yj-intro>.eyebrow{grid-column:1/-1;padding:0}.yj-intro h2{font-size:30px}.yj-intro-badge{align-self:center}.yj-intro-badge .yujin-logo{width:115px}.yj-intro-badge>span{display:none}.yj-intro p:not(.eyebrow){margin-block:20px;font-size:11px}.yj-home-collections{padding-block:20px 60px}.yj-collection-pair{grid-template-columns:1fr;gap:30px}.yj-collection-offset{margin-top:8px;margin-left:13%}.yj-collection-picture img{aspect-ratio:1/1.05}.yj-collection-offset .yj-collection-picture img{aspect-ratio:3/3.5}.yj-card-caption{margin-top:18px}.yj-card-caption h3{font-size:27px}.yj-card-caption>span{font-size:9px}.yj-home-collection>p{font-size:11px}.yj-gift-section{padding-block:40px}.yj-gift-inner{grid-template-columns:1fr;gap:32px}.yj-gift-copy{padding:0 5px}.yj-gift-copy h2{margin-block:14px 18px;font-size:35px}.yj-gift-copy>p:not(.eyebrow){margin-bottom:23px}.yj-home-journal{padding-block:60px}.yj-journal-preview{grid-template-columns:1fr;gap:30px}.yj-palette-sheet{min-height:auto;padding:28px}.yj-color-strips{margin-block:20px 25px}.yj-color-strips i{height:110px}.yj-palette-sheet>p:not(.eyebrow){font-size:27px}.yj-journal-links>a{padding-block:23px}.yj-journal-links h3{font-size:23px}.yj-journal-links h3 br{display:none}.yj-journal-arrow{bottom:25px}.yj-closing{padding-block:10px 60px}.yj-closing h2{margin-block:22px 27px}}@media (width<=420px){.yj-intro{grid-template-columns:1fr}.yj-intro-badge{display:none}.yj-hero-copy h1{letter-spacing:1px;font-size:clamp(32px,9vw,38px)}.yj-card-caption>span{font-size:8px}.yj-closing h2{font-size:35px}}
