.video-wrap .video-link{display:flex;position:relative;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;min-height:200px;margin:0;overflow:hidden;border-radius:12px;background:linear-gradient(0deg,#002d26e8,transparent 85%),url('assets/karina-hero.webp') center 28%/cover;color:white;text-decoration:none}.video-play{display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border-radius:50%;background:#d5fa39;color:#004e35;font-size:24px;transition:transform .2s}.video-link:hover .video-play{transform:scale(1.1)}.video-caption{position:absolute;left:20px;bottom:18px;font-size:11px;letter-spacing:.1em}.video-caption strong{display:block;font-size:15px;letter-spacing:0;margin-top:5px}
main .portrait{background-image:url('assets/karina-hero.webp');background-size:cover;background-position:center 28%}
.video-wrap{width:54%;flex-shrink:0}.video-wrap iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#002c20;border-radius:12px}.video-wrap a{display:inline-block;color:#d2e7dc;font-size:13px;margin-top:14px;text-underline-offset:4px}@media(max-width:650px){.video-wrap{width:100%;margin-top:30px}}
:root{--background:#f3f8f5;--foreground:#073a2b;--primary:#007940;--accent:#d5fa39;font-family:Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground)}main{overflow:hidden}h1,h2,h3,p,figure{margin:0}p{line-height:1.7}h1,h2{line-height:1.13;letter-spacing:-.06em;font-weight:850}em{font-style:normal;color:var(--primary)}header{height:76px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.logo{font-style:italic;font-size:35px;font-weight:950;letter-spacing:-2px}.logo sup{font-style:normal;font-size:12px;letter-spacing:0}header>span,.label{font-size:12px;font-weight:800;letter-spacing:.13em}.hero{position:relative;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;background:#e8f0f3}.copy{padding:75px 0 50px 12%;display:flex;align-items:flex-start;flex-direction:column;z-index:2}.hero h1{font-size:clamp(40px,5vw,74px);margin:27px 0}.hero h1 em{font-size:1.28em}.copy>p:not(.label){font-size:19px}.copy a{background:var(--primary);color:white;text-decoration:none;padding:17px 23px;border-radius:50px;font-size:15px;font-weight:700;margin-top:32px}.copy a:hover{background:#044a32}.copy small{font-size:10px;letter-spacing:.12em;margin-top:auto;padding-top:55px;color:#51746a}.portrait{background:url('assets/karina-hero.webp') center top/107% auto no-repeat;min-height:670px;position:relative}.portrait>b{position:absolute;bottom:30px;right:25px;color:white;font-size:25px;line-height:1;letter-spacing:-.05em;text-align:right}.stamp{position:absolute;left:46%;top:36px;border-radius:50%;width:120px;height:120px;background:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;text-align:center;transform:rotate(10deg);z-index:3}.stamp span{font-size:26px}.ribbon{background:var(--primary);color:var(--accent);white-space:nowrap;text-align:center;padding:20px 0;font-size:18px;font-weight:900;letter-spacing:.04em}.gift{max-width:1200px;margin:auto;padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.gift h2{font-size:clamp(34px,3.3vw,49px);margin:22px 0}.gift p:not(.label){font-size:17px;color:#48635b}.detail{border-top:1px solid #b7cabe;margin-top:32px;padding-top:22px}.detail small{font-size:11px;letter-spacing:.15em;color:#60756d}.detail h3{font-size:23px;margin:8px 0 12px}.detail p{font-size:13px!important}.gift figure{transform:rotate(3deg);background:white;padding:12px;box-shadow:0 20px 50px #06382018}.campaign{aspect-ratio:1/1.56;background:#76c6e9 url('assets/karina-campaign.png') center 43%/100% auto no-repeat}figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;font-weight:800;padding:16px 2px 4px}.film{background:#004e35;color:white;padding:70px max(6%,calc((100vw - 1056px)/2));display:flex;gap:45px;align-items:center;justify-content:space-between}.film .label{color:var(--accent)}.film h2{font-size:46px;margin:22px 0}.film p:not(.label){font-size:16px;color:#d2e7dc}.play{font-size:clamp(55px,8vw,110px);line-height:.9;letter-spacing:-.075em;font-weight:950;color:var(--accent);transform:rotate(-7deg)}.play i{white-space:nowrap}.notice{max-width:1056px;margin:auto;padding:60px 6%}.notice h2{font-size:25px;margin:18px 0}.notice p:not(.label){font-size:14px;color:#536d63;margin:7px 0}footer{border-top:1px solid #d5e2d9;padding:25px 6% calc(28px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:30px}footer span{font-size:12px;letter-spacing:.1em}footer small{margin-left:auto;color:#6a7b73;font-size:12px}a:focus-visible{outline:3px solid #bdde25;outline-offset:4px}
@media(max-width:650px){header{height:59px;padding:0 22px}.logo{font-size:29px}header>span{font-size:10px;letter-spacing:.06em}.hero{display:block}.copy{padding:32px 24px 24px;min-height:292px;position:relative}.hero h1{font-size:38px;margin:14px 0}.hero h1 br{display:none}.hero h1 em{display:block;font-size:1.35em}.copy>p:not(.label){font-size:15px}.copy a{position:absolute;right:22px;bottom:24px;padding:12px 14px;font-size:12px}.copy small{display:none}.portrait{min-height:0;height:440px;background-size:107% auto}.stamp{width:85px;height:85px;left:auto;right:22px;top:40px;font-size:10px}.stamp span{font-size:20px}.ribbon{font-size:13px;padding:14px 0}.gift{padding:50px 26px 60px;grid-template-columns:1fr;gap:32px}.gift h2{font-size:37px}.gift p:not(.label){font-size:16px}.detail{margin-top:23px}.gift figure{max-width:370px;width:92%;justify-self:center}.film{padding:46px 26px;display:block}.film h2{font-size:38px}.play{display:block;text-align:right;font-size:62px;margin-top:35px}.notice{padding:43px 26px}footer{padding:20px 24px 32px;gap:16px;flex-wrap:wrap}footer small{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}