/* Generated by scripts/build-renewal-fluid.mjs; main page only. */
:root{--ink:#183b67;--navy:#17365d;--cream:#f7f1e7;--warm:#eee1cf;--butter:#efe2a7;--blue:#c8d9e2;--paper:#fbf8f2;--line:rgba(24,59,103,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.notice{height:2.083333vw;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:0.694444vw;letter-spacing:.12em}.site-header{height:5.694444vw;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.2vw;background:rgba(251,248,242,.86);backdrop-filter:blur(0.972222vw);border-bottom:0.069444vw solid var(--line)}.wordmark img{display:block;width:7.777778vw;height:2.777778vw;object-fit:contain}.menu-button{border:0;background:none;display:flex;align-items:center;gap:0.347222vw;padding:0.833333vw 0;cursor:pointer}.menu-button i{display:block;width:1.319444vw;height:0.069444vw;background:var(--ink)}.menu-button i:nth-child(2){width:0.763889vw}.menu-button span{margin-left:0.555556vw;font-size:0.763889vw;letter-spacing:.15em}.header-actions{justify-self:end;display:flex;align-items:center;gap:1.527778vw;font-size:0.763889vw;letter-spacing:.12em}.header-actions button{border:0;background:none;font-size:1.666667vw;line-height:1;cursor:pointer}.header-actions span{display:inline-grid;place-items:center;width:1.180556vw;height:1.180556vw;border:0.069444vw solid var(--ink);border-radius:50%;font-size:0.625vw}.menu-drawer{position:fixed;z-index:100;inset:0;visibility:hidden;opacity:0;transition:.35s;background:rgba(24,54,93,.35);backdrop-filter:blur(0.277778vw)}.menu-drawer.is-open{visibility:visible;opacity:1}.menu-inner{width:min(43.055556vw,90vw);height:100%;padding:6.944444vw clamp(2.430556vw,7vw,6.25vw);background:var(--cream);transform:translateX(-100%);transition:.5s cubic-bezier(.22,.8,.22,1)}.is-open .menu-inner{transform:none}.menu-close{position:absolute;z-index:2;left:min(37.5vw,80vw);top:2.5vw;border:0;background:none;color:var(--ink);font-size:2.638889vw;font-weight:200;cursor:pointer}.menu-inner>p{font-size:0.694444vw;letter-spacing:.22em;margin-bottom:2.361111vw}.menu-inner nav{display:flex;flex-direction:column}.menu-inner nav a{font:400 clamp(1.944444vw,4vw,3.333333vw)/1.45 'Gowun Batang',serif;border-bottom:0.069444vw solid var(--line);transition:.2s}.menu-inner nav a:hover{padding-left:0.972222vw;color:#8b7743}.menu-inner nav span{display:inline-block;width:3.125vw;font:500 0.625vw 'DM Sans';letter-spacing:.1em}.menu-note{position:absolute;bottom:3.125vw;display:flex;flex-direction:column;gap:0.347222vw;font-size:0.763889vw}.hero{height:calc(100vh - 7.777778vw);min-height:45.833333vw;position:relative;overflow:hidden;background:var(--cream)}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,238,226,.34) 0%,rgba(245,238,226,.08) 45%,transparent 65%)}.hero-copy{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-50%);max-width:43.055556vw}.hero-copy>p,.intro>p,.category header p,.section-heading>p,.film-banner p{font-size:0.694444vw;font-weight:600;letter-spacing:.24em}.hero h1{font:700 clamp(2.916667vw,4.8vw,5.138889vw)/1.22 'Gowun Batang',serif;letter-spacing:-.06em;margin:1.388889vw 0 1.666667vw}.hero-copy>span{font-family:'Gowun Batang',serif;line-height:1.9;font-size:1.041667vw}.hero-copy>a,.film-banner a{display:inline-block;margin-top:2.361111vw;padding:0.972222vw 1.805556vw;border:0.069444vw solid var(--ink);font-size:0.694444vw;font-weight:600;letter-spacing:.14em;transition:.25s}.hero-copy>a:hover,.film-banner a:hover{background:var(--ink);color:#fff}.hero>small{position:absolute;z-index:2;right:3vw;bottom:1.805556vw;font-size:0.625vw;letter-spacing:.2em}.intro{text-align:center;padding:8.333333vw 5vw;background:var(--paper)}.intro h2,.section-heading h2{font:400 clamp(3.055556vw,5.2vw,5.416667vw)/1.08 'Gowun Batang',serif;letter-spacing:-.05em;margin:1.111111vw 0 1.736111vw}.intro>span{font-family:'Gowun Batang',serif;line-height:2}.values{display:flex;justify-content:center;gap:9vw;margin-top:4.861111vw;padding-top:1.736111vw;border-top:0.069444vw solid var(--line);font-size:0.694444vw;letter-spacing:.12em}.category{padding:7.638889vw 4vw;background:var(--warm)}.category>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:3.125vw}.category header h2{font:700 clamp(2.638889vw,4vw,4.305556vw)/1.25 'Gowun Batang',serif;letter-spacing:-.06em;margin:0.833333vw 0 0}.category header>a{padding-bottom:0.416667vw;border-bottom:0.069444vw solid;font-size:0.694444vw;letter-spacing:.15em}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25vw}.category-grid>a{position:relative}.category-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.72) sepia(.07);transition:.5s}.category-grid>a:hover img{transform:scale(.985);filter:saturate(.9)}.category-grid span{display:block;margin-top:1.25vw;font-size:0.625vw}.category-grid h3{font:500 1.25vw 'DM Sans';letter-spacing:.04em;margin:0.555556vw 0}.category-grid p{font-family:'Gowun Batang',serif;font-size:0.902778vw;margin:0}.shop{padding:8.333333vw 4vw;background:var(--paper)}.section-heading{text-align:center;margin-bottom:3.819444vw}.section-heading>span{font-family:'Gowun Batang',serif}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:1.805556vw;max-width:86.805556vw;margin:auto}.products>a{text-align:center}.products>a>div{position:relative;background:#e9e1d6;overflow:hidden}.products a:nth-child(2)>div{background:#dce6e8}.products a:nth-child(3)>div{background:#efe5bc}.products img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.76);transition:.5s}.products>a:hover img{transform:scale(1.025)}.products em{position:absolute;z-index:2;left:1.041667vw;top:1.041667vw;padding:0.486111vw 0.694444vw;background:var(--paper);font-size:0.625vw;font-style:normal;letter-spacing:.12em}.products h3{font-size:1.180556vw;letter-spacing:.04em;margin:1.388889vw 0 0.486111vw}.products p{font-family:'Gowun Batang',serif;font-size:0.902778vw;margin:0}.products b{display:inline-block;margin-top:1.111111vw;border-bottom:0.069444vw solid;font-size:0.625vw;letter-spacing:.14em}.film-banner{min-height:50vw;display:flex;align-items:center;padding:8vw;background:linear-gradient(90deg,rgba(18,48,78,.85),rgba(18,48,78,.26)),url('img/renewal-hero-film.webp') center/cover;color:#fff}.film-banner>div{max-width:43.055556vw}.film-banner h2{font:400 clamp(3.472222vw,6vw,6.25vw)/1.06 'Gowun Batang',serif;letter-spacing:-.04em;margin:1.25vw 0 1.736111vw}.film-banner span{font-family:'Gowun Batang',serif}.film-banner a{border-color:#fff}.film-banner a:hover{background:#fff;color:var(--ink)}.film-banner i{font-style:normal;margin-left:1.041667vw}.community{padding:8.333333vw 4vw;background:#e3e8e4}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.666667vw;max-width:81.944444vw;margin:auto}.community-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.7) contrast(.95)}.community-grid p{font-size:0.625vw;letter-spacing:.15em;margin:1.180556vw 0 0.416667vw}.community-grid h3{font-family:'Gowun Batang',serif;margin:0;font-size:1.319444vw}footer{padding:5.555556vw 5vw 2.430556vw;background:var(--navy);color:#f8f3e9;display:grid;grid-template-columns:1fr 1fr;gap:3.125vw}footer>img{width:8.333333vw;filter:brightness(0) invert(1)}footer h2{grid-row:2;font:400 clamp(2.638889vw,4vw,4.305556vw)/1.1 'Gowun Batang',serif;margin:0}footer>div{display:flex;justify-content:flex-end;gap:2.361111vw;align-items:end;font-size:0.694444vw;letter-spacing:.12em}footer small{grid-column:1/-1;padding-top:2.083333vw;border-top:0.069444vw solid rgba(255,255,255,.2);font-size:0.625vw}

.film-banner{background-image:linear-gradient(90deg,rgba(18,48,78,.85),rgba(18,48,78,.26)),url('img/renewal-hero-true-monolid.webp')}
.category-grid img,.products img{filter:saturate(.82) contrast(.97)}
.hero-copy,.category>header,.section-heading,.film-banner>div{text-align:center}
.hero-copy{left:4vw;width:52%;max-width:47.222222vw}
.category>header{display:block}
.category>header>a{display:inline-block;margin-top:1.666667vw}
.hero h1,.intro h2,.category header h2,.section-heading h2,.film-banner h2{font-family:'Gowun Batang',serif;font-weight:700;font-size:clamp(3.194444vw,5vw,5.138889vw);line-height:1.12;letter-spacing:-.05em}
.film-banner>div{max-width:47.222222vw}
/* Compact icon header */
.menu-button{width:2.638889vw;height:2.638889vw;flex-direction:column;justify-content:center;align-items:flex-start;gap:0.347222vw;padding:0.555556vw 0.277778vw}
.menu-button i,.menu-button i:nth-child(2){width:1.736111vw;height:0.104167vw;border-radius:0.138889vw}
.header-actions{gap:1.25vw;font-size:initial;letter-spacing:normal}
.header-icon{position:relative;width:1.875vw;height:2.222222vw;padding:0!important;border:0;background:none!important;display:grid!important;place-items:center;cursor:pointer;color:var(--ink);font-size:initial!important}
.header-actions .header-icon>span{position:absolute;right:-0.347222vw;top:0;display:grid;place-items:center;width:0.972222vw;height:0.972222vw;border:0.069444vw solid var(--ink);border-radius:50%;background:var(--paper);font-size:0.555556vw;line-height:1}
.wish-icon i{position:relative;width:1.25vw!important;height:1.111111vw!important;transform:none;background:none!important}
.wish-icon i:before{content:'♡';position:absolute;inset:-0.486111vw -0.277778vw;display:grid;place-items:center;font:400 2.013889vw/1 Arial,sans-serif;color:var(--ink)}
.wish-icon i:after{content:none}
.bag-icon i{position:relative;width:1.25vw;height:1.25vw;border:0.118056vw solid currentColor;border-radius:0.138889vw}
.bag-icon i:before{content:'';position:absolute;left:0.277778vw;top:-0.486111vw;width:0.486111vw;height:0.555556vw;border:0.118056vw solid currentColor;border-bottom:0;border-radius:0.486111vw 0.486111vw 0 0}
.login-icon i{position:relative;width:1.388889vw;height:1.458333vw}
.login-icon i:before{content:'';position:absolute;left:0.416667vw;top:0;width:0.555556vw;height:0.555556vw;border:0.118056vw solid currentColor;border-radius:50%}
.login-icon i:after{content:'';position:absolute;left:0.138889vw;bottom:0;width:1.111111vw;height:0.625vw;border:0.118056vw solid currentColor;border-bottom:0;border-radius:0.833333vw 0.833333vw 0 0}

/* Framed brand film */
.film-section{padding:clamp(2.638889vw,5vw,5.416667vw) clamp(1.666667vw,6vw,6.944444vw);background:var(--paper)}
.film-section .film-banner{position:relative;min-height:clamp(30.555556vw,55vw,48.611111vw);width:100%;display:flex;align-items:center;justify-content:center;padding:7vw;color:#fff;overflow:hidden;background-image:linear-gradient(90deg,rgba(18,48,78,.76),rgba(18,48,78,.2)),url('img/renewal-hero-true-monolid.webp');background-position:center;background-size:cover}
.film-section .film-banner>div{text-align:center;max-width:47.222222vw;transition:.3s}
.film-section .film-banner:hover>div{transform:scale(.985)}
.brand-introduction{padding:clamp(2.5vw,5vw,5.277778vw) clamp(1.666667vw,6vw,6.944444vw);background:#fff}
.brand-introduction img{display:block;width:min(111.111111vw,100%);height:auto;margin:0 auto}
.category{background:#f1f8fc}
.shop{background:#fff}
.community{background:#f6f0e8}
.community-grid img{aspect-ratio:3/4}
.intro>span{display:block;margin-top:1.944444vw;font-size:clamp(1.527778vw,2.3vw,2.5vw);font-weight:700;line-height:1.55;letter-spacing:-.035em}
.film-play{position:absolute;left:50%;top:50%;width:5.694444vw;height:5.694444vw;transform:translate(-50%,-50%);border:0.069444vw solid rgba(255,255,255,.9);border-radius:50%;background:rgba(18,48,78,.22);backdrop-filter:blur(0.277778vw);transition:.25s}
.film-play:after{content:'';position:absolute;left:2.222222vw;top:1.736111vw;width:0;height:0;border-top:1.041667vw solid transparent;border-bottom:1.041667vw solid transparent;border-left:1.666667vw solid #fff}
.film-banner:hover .film-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.18)}

/* Unified header icon proportions */
.menu-button,.header-icon{width:2.222222vw;height:2.222222vw;padding:0.277778vw!important;display:grid!important;place-items:center}
.menu-button{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:0.347222vw}
.menu-button i,.menu-button i:nth-child(2){width:1.666667vw;height:0.111111vw;background:var(--ink);border-radius:0.138889vw}
.wish-icon i{width:1.666667vw!important;height:1.666667vw!important}
.wish-icon i:before{inset:-0.347222vw -0.138889vw;font-size:2.013889vw;font-weight:400}
.bag-icon i{width:1.388889vw;height:1.319444vw;border-width:0.111111vw}
.bag-icon i:before{left:0.3125vw;top:-0.486111vw;width:0.486111vw;height:0.486111vw;border-width:0.111111vw}
.login-icon i{width:1.527778vw;height:1.597222vw}
.login-icon i:before{left:0.416667vw;width:0.555556vw;height:0.555556vw;border-width:0.111111vw}
.login-icon i:after{left:0.069444vw;width:1.25vw;height:0.694444vw;border-width:0.111111vw}

/* Exact visual alignment for all four header controls */
.menu-button,.header-icon{box-sizing:border-box;width:2.361111vw;height:2.361111vw;min-width:2.361111vw}
.menu-button{gap:0.347222vw;padding:0.347222vw!important}
.menu-button i,.menu-button i:nth-child(2),.menu-button i:nth-child(3){display:block;flex:0 0 0.138889vw;width:1.666667vw!important;height:0.138889vw!important;min-height:0.138889vw;background:#183b67!important;border:0!important;border-radius:0.069444vw!important}
.header-icon{padding:0.277778vw!important}
.wish-icon i:before{font-size:2.152778vw;line-height:1.666667vw}
.bag-icon i{box-sizing:border-box;width:1.458333vw;height:1.388889vw;border:0.138889vw solid #183b67}
.bag-icon i:before{box-sizing:border-box;left:0.277778vw;top:-0.555556vw;width:0.625vw;height:0.555556vw;border:0.138889vw solid #183b67;border-bottom:0}
.login-icon i{width:1.805556vw;height:1.875vw}
.login-icon i:before{box-sizing:border-box;left:0.555556vw;top:0;width:0.694444vw;height:0.694444vw;border:0.138889vw solid #183b67}
.login-icon i:after{box-sizing:border-box;left:0.069444vw;bottom:0;width:1.666667vw;height:0.902778vw;border:0.138889vw solid #183b67;border-bottom:0;border-radius:0.972222vw 0.972222vw 0 0}

/* Center the account icon on the shared header baseline */
.header-actions{height:2.361111vw;align-items:center}
.header-icon{align-self:center;vertical-align:middle}
.login-icon i{display:block;position:relative;transform:translateY(0.138889vw)}

/* Final 2px icon system */
.menu-button i,.menu-button i:nth-child(2),.menu-button i:nth-child(3){height:0.138889vw!important;min-height:0.138889vw!important}
.wish-icon i:before{font-family:Arial,sans-serif;font-size:2.152778vw;font-weight:400;-webkit-text-stroke:0.024306vw #183b67}
.bag-icon i{border-width:0.138889vw!important}
.bag-icon i:before{border-width:0.138889vw!important;border-bottom:0!important}
.login-icon i{width:1.666667vw;height:1.666667vw;transform:translateY(0.069444vw)}
.login-icon i:before{left:0.486111vw;top:0;width:0.694444vw;height:0.694444vw;border:0.138889vw solid #183b67;background:var(--paper);z-index:2}
.login-icon i:after{left:0.069444vw;bottom:0;width:1.527778vw;height:1.041667vw;border:0.138889vw solid #183b67;border-bottom:0;border-radius:0.902778vw 0.902778vw 0 0}

/* Pixel-matched header icons */
.header-actions{height:2.361111vw;display:flex;align-items:center}
.header-icon{position:relative;display:block!important;width:2.361111vw;height:2.361111vw;padding:0!important}
.header-icon>i{position:absolute!important;left:50%!important;top:50%!important;margin:0!important}
.wish-icon i{width:1.805556vw!important;height:1.805556vw!important;transform:translate(-50%,-50%)!important}
.wish-icon i:before{content:'♥';inset:0;display:grid;place-items:center;color:var(--paper);font:400 1.736111vw/1.805556vw Arial,sans-serif;-webkit-text-stroke:0.138889vw #183b67}
.bag-icon i{width:1.458333vw;height:1.388889vw;transform:translate(-50%,-42%)!important}
.login-icon i{width:1.666667vw;height:1.666667vw;transform:translate(-50%,-50%)!important}
.login-icon i:before{box-sizing:border-box;left:0.486111vw!important;top:0!important;width:0.694444vw;height:0.694444vw;border:0.138889vw solid #183b67;background:var(--paper);z-index:2}
.login-icon i:after{box-sizing:border-box;left:0.069444vw!important;top:0.555556vw!important;bottom:auto!important;width:1.527778vw;height:1.111111vw;border:0.138889vw solid #183b67;border-bottom:0;border-radius:0.902778vw 0.902778vw 0 0}

/* Clean outlined heart */
.wish-icon i{width:1.944444vw!important;height:1.944444vw!important;overflow:visible}
.wish-icon i:before,.wish-icon i:after{position:absolute;inset:0!important;width:1.944444vw;height:1.944444vw;border:0!important;border-radius:0!important;display:grid;place-items:center;font-family:'Arial Unicode MS','Segoe UI Symbol',Arial,sans-serif;line-height:1.944444vw;-webkit-text-stroke:0!important}
.wish-icon i:before{content:'♥';color:#183b67;font-size:1.944444vw;background:none!important}
.wish-icon i:after{content:'♥';color:var(--paper);font-size:1.527778vw;background:none!important;transform:translateY(-0.069444vw)}

.wish-icon img{display:block;width:1.666667vw;height:1.666667vw;object-fit:contain}

.wordmark {
  display: block;
  width: 10.555556vw;
  height: 3.472222vw;
  overflow: hidden;
}

.site-header {
  background: rgba(243, 235, 221, .3) !important;
}

.wordmark img {
  display: block;
  width: 10.555556vw !important;
  height: 10.555556vw !important;
  object-fit: contain !important;
  transform: translateY(-3.541667vw);
}

.wish-icon > i {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 2.083333vw !important;
  height: 2.083333vw !important;
  transform: translate(-50%, -50%) !important;
  background: none !important;
}

.wish-icon > i::before {
  content: "♡" !important;
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 2.083333vw !important;
  height: 2.083333vw !important;
  color: #183b67 !important;
  background: none !important;
  border: 0 !important;
  font-family: "Segoe UI Symbol", Arial, sans-serif !important;
  font-size: 2.361111vw !important;
  font-weight: 400 !important;
  line-height: 2.083333vw !important;
  -webkit-text-stroke: 0.024306vw #183b67 !important;
}

.wish-icon > i::after {
  content: none !important;
}

footer > img {
  width: 10.416667vw !important;
  height: 4.027778vw;
  object-fit: cover;
  object-position: center;
}

footer .renewal-footer-info {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 3.125vw;
  font-family: "DM Sans", "Noto Sans KR", sans-serif;
  font-size: 0.763889vw;
  line-height: 1.65;
  letter-spacing: 0;
}

footer .renewal-footer-info p {
  margin: 0;
}

footer .renewal-footer-info p:last-child {
  text-align: right;
}

/* Reference-matched renewal footer */
.renewal-footer {
  width: 100%;
  min-height: 21.180556vw;
  margin: 0;
  padding: 2.777778vw clamp(3.333333vw, 5.1vw, 6.388889vw) 1.944444vw;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 4.166667vw;
  background: #17365d;
  color: #fff;
}
.renewal-footer .renewal-footer-about {
  display: block;
  width: 25vw;
  font-size: 0.902778vw;
  letter-spacing: 0;
}
.renewal-footer .renewal-footer-about>img {
  display: block;
  width: 9.444444vw;
  height: 3.055556vw;
  margin: 0 0 0.416667vw -0.833333vw;
  object-fit: cover;
  object-position: center;
  filter: brightness(0) invert(1);
}
.renewal-footer .renewal-footer-about h2 {
  margin: 0;
  font: 700 1.597222vw/1.35 Arial, sans-serif;
}
.renewal-footer .renewal-footer-about>i {
  display: block;
  width: 14.236111vw;
  height: 0.208333vw;
  margin: 0.486111vw 0 0.972222vw;
  background: #eadfcd;
}
.renewal-footer .renewal-footer-about p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 0.902778vw;
  line-height: 1.6;
}
.renewal-footer .renewal-footer-about .renewal-company {
  margin-bottom: 0.486111vw;
  color: #fff;
  font-weight: 700;
}
.renewal-footer .renewal-footer-contact {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0;
  font-size: 0.833333vw;
  letter-spacing: 0;
  text-align: right;
}
.renewal-footer .renewal-footer-contact p {
  margin: 0 0 1.25vw;
  line-height: 1.65;
}
.renewal-footer .renewal-footer-contact small {
  display: block;
  margin: 0 0 1.111111vw;
  padding: 0;
  border: 0;
  color: rgba(255,255,255,.9);
  font-size: 0.694444vw;
}
.renewal-footer-socials {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.597222vw;
}
.renewal-footer-socials a {
  display: grid;
  place-items: center;
  width: 3.819444vw;
  height: 3.819444vw;
  border-radius: 50%;
  background: #d6e5ff;
}
.renewal-footer-socials a:nth-child(2) { background: #ded3c8; }
.renewal-footer-socials a:nth-child(3) { background: #88a9df; }
.renewal-youtube-icon {
  position: relative;
  display: block;
  width: 1.527778vw;
  height: 1.041667vw;
  border-radius: 0.277778vw;
  background: #111;
}
.renewal-youtube-icon:after {
  content: "";
  position: absolute;
  left: 0.625vw;
  top: 0.277778vw;
  border-top: 0.277778vw solid transparent;
  border-bottom: 0.277778vw solid transparent;
  border-left: 0.416667vw solid #d6e5ff;
}
.renewal-instagram-icon {
  position: relative;
  display: block;
  width: 1.458333vw;
  height: 1.458333vw;
  border: 0.138889vw solid #111;
  border-radius: 0.416667vw;
}
.renewal-instagram-icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.555556vw;
  height: 0.555556vw;
  border: 0.138889vw solid #111;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.renewal-instagram-icon:after {
  content: "";
  position: absolute;
  right: 0.208333vw;
  top: 0.208333vw;
  width: 0.208333vw;
  height: 0.208333vw;
  border-radius: 50%;
  background: #111;
}
.renewal-home-icon {
  display: block;
  width: 1.527778vw;
  height: 1.388889vw;
  background: #111;
  clip-path: polygon(50% 0,100% 42%,88% 42%,88% 100%,12% 100%,12% 42%,0 42%);
}

.film-section .film-banner {
  background-image: linear-gradient(90deg, rgba(8,25,45,.36), rgba(8,25,45,.06)), url("img/renewal-film-thumbnail-v2.webp") !important;
  background-color: #142c46;
}

.film-section .film-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(14, 38, 62, .05);
  pointer-events: none;
}

.film-section .film-banner > div,
.film-section .film-banner > .film-play {
  z-index: 1;
}

/* Swap the film and community section backgrounds */
.film-section {
  background: #e3e8e4;
}
.community {
  background: var(--paper);
}

.hero-copy > a {
  display: table;
  margin: 3.611111vw auto 0;
  text-align: center;
}

/* Unified outline icons in the top-right navigation */
.header-actions {
  height: 2.5vw;
  gap: 1.111111vw;
  align-items: center;
}
.header-actions .header-icon {
  position: relative;
  display: block !important;
  width: 2.5vw !important;
  height: 2.5vw !important;
  min-width: 2.5vw !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.header-actions .header-icon > i {
  box-sizing: border-box;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important;
  color: #183b67;
}
.header-actions .bag-icon > i {
  width: 1.597222vw !important;
  height: 1.458333vw !important;
  transform: translate(-50%, -42%) !important;
  border: 0.138889vw solid currentColor !important;
  border-radius: 0.138889vw !important;
  background: transparent !important;
}
.header-actions .bag-icon > i::before {
  content: "" !important;
  box-sizing: border-box;
  position: absolute !important;
  left: 0.347222vw !important;
  top: -0.625vw !important;
  width: 0.625vw !important;
  height: 0.625vw !important;
  border: 0.138889vw solid currentColor !important;
  border-bottom: 0 !important;
  border-radius: 0.486111vw 0.486111vw 0 0 !important;
  background: transparent !important;
}
.header-actions .bag-icon > i::after { content: none !important; }
.header-actions .login-icon > i {
  width: 1.736111vw !important;
  height: 1.805556vw !important;
  transform: translate(-50%, -50%) !important;
  border: 0 !important;
  background: transparent !important;
}
.header-actions .login-icon > i::before {
  content: "" !important;
  box-sizing: border-box;
  position: absolute !important;
  left: 0.555556vw !important;
  top: 0 !important;
  width: 0.694444vw !important;
  height: 0.694444vw !important;
  border: 0.138889vw solid #183b67 !important;
  border-radius: 50% !important;
  background: transparent !important;
}
.header-actions .login-icon > i::after {
  content: "" !important;
  box-sizing: border-box;
  position: absolute !important;
  left: 0.069444vw !important;
  top: 0.833333vw !important;
  width: 1.597222vw !important;
  height: 0.902778vw !important;
  border: 0.138889vw solid #183b67 !important;
  border-bottom: 0 !important;
  border-radius: 0.972222vw 0.972222vw 0 0 !important;
  background: transparent !important;
}

.renewal-review {
  padding: 7.638889vw 0 8.333333vw;
  background: #fff;
}

.renewal-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.833333vw, 1.6vw, 1.666667vw);
  width: min(91.666667vw, calc(100% - 4vw));
  margin: 0 auto;
}

.renewal-review-grid button {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}

.renewal-review-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.renewal-review-grid i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  transform: translate(-42%, -50%);
  border-top: 1.111111vw solid transparent;
  border-bottom: 1.111111vw solid transparent;
  border-left: 1.736111vw solid #fff;
  filter: drop-shadow(0 0.138889vw 0.555556vw rgba(0,0,0,.2));
}

.header-actions{display:flex;align-items:center;gap:1.111111vw;height:2.5vw}.header-actions .header-icon{box-sizing:border-box!important;display:grid!important;place-items:center!important;width:2.5vw!important;height:2.5vw!important;min-width:2.5vw!important;padding:0.416667vw!important;border:0!important;background:transparent!important;color:#183b67!important}.header-actions .header-icon svg{display:block!important;width:1.666667vw!important;height:1.666667vw!important;min-width:1.666667vw!important;min-height:1.666667vw!important;overflow:visible;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important}.header-actions .header-icon>i{display:none!important}

.menu-inner nav a{font-size:clamp(1.666667vw,3vw,2.638889vw)!important;line-height:1.5!important}

.products {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.products a:nth-child(2)>div {
  background: #eef5f8;
}

.products a:nth-child(3)>div {
  background: #dce6e8;
}

.products a:nth-child(4)>div {
  background: #efe5bc;
}

/* Match the shop's bounded content width without disabling browser zoom. */
.category-grid {
  max-width: 86.805556vw;
  margin-inline: auto;
}

/* Keep the main film frame proportional to the viewport at every zoom level.
   The linked video player and its controls retain normal accessibility zoom. */
.film-section {
  padding: 5vw 6vw;
}

.film-section .film-banner {
  min-height: 0;
  height: auto;
  aspect-ratio: 16 / 9;
  padding: 0;
}

.film-section .film-banner > div {
  max-width: none;
}

.film-section .film-banner p {
  font-size: .7vw;
}

.film-section .film-banner h2 {
  font-size: 5vw;
  margin: 1.25vw 0 1.7vw;
}

.film-section .film-play {
  width: 5.7vw;
  height: 5.7vw;
}

.film-section .film-play::after {
  left: 2.22vw;
  top: 1.74vw;
  border-top-width: 1.04vw;
  border-bottom-width: 1.04vw;
  border-left-width: 1.53vw;
}

.scroll-shortcuts{position:fixed;right:1.666667vw;bottom:1.666667vw;z-index:90;display:flex;flex-direction:column;gap:0.555556vw}.scroll-shortcuts button{display:grid;place-items:center;width:3.194444vw;height:3.194444vw;padding:0;border:0.069444vw solid rgba(255,255,255,.4);border-radius:50%;background:#17365d;color:#fff;box-shadow:0 0.555556vw 1.666667vw rgba(23,54,93,.24);font:500 1.388889vw/1 'DM Sans',sans-serif;cursor:pointer;transition:opacity .2s,transform .2s,background .2s}.scroll-shortcuts button:hover{background:#2f618d;transform:translateY(-0.138889vw)}.scroll-shortcuts button:disabled{opacity:.28;cursor:default;transform:none}.scroll-shortcuts button:focus-visible{outline:0.208333vw solid #e4cc74;outline-offset:0.138889vw}