.intro-page{background:#080808}.intro-page h1,.intro-page h2,.intro-page strong{font-family:Bahnschrift,Arial,sans-serif}.intro-hero{min-height:max(760px,100svh);position:relative;display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);align-items:center;padding:130px 6% 100px;overflow:hidden;isolation:isolate}.intro-hero-copy{position:relative;z-index:2}.intro-hero h1{font-size:clamp(64px,7.7vw,125px);font-weight:500;letter-spacing:-.075em;line-height:.98;margin:34px 0}.intro-hero h1 strong{font-weight:700}.intro-lead{font:500 clamp(23px,2.5vw,38px)/1.18 Bahnschrift,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 26px;max-width:650px}.intro-deck{font-size:15px;line-height:1.8;color:#babbb6;max-width:495px;margin:0}.intro-hero .down{margin-top:34px}.intro-hero .section-foot{z-index:3}.kit-hero{background:radial-gradient(circle at 83% 53%,#173a31 0,#0c201b 28%,#080808 64%)}.kit-hero h1{max-width:930px}.kit-hero h1 strong{color:#f2f1eb}.kit-visual{height:min(64vw,620px);min-height:430px;position:relative;display:grid;place-items:center}.kit-orbit{position:absolute;left:50%;top:50%;border:1px solid #668d79;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg) scaleY(.68)}.kit-orbit-a{width:min(46vw,570px);height:min(46vw,570px)}.kit-orbit-b{width:min(38vw,460px);height:min(38vw,460px);border-style:dashed;border-color:#b6b99d;transform:translate(-50%,-50%) rotate(36deg) scaleY(.8)}.kit-visual-word{position:relative;font:700 clamp(130px,15vw,250px)/.72 Bahnschrift,Arial,sans-serif;letter-spacing:-.1em;color:#f1efe5;transform:rotate(-8deg);text-align:center}.kit-visual-dot{color:var(--accent)}.kit-visual-caption{position:absolute;right:0;bottom:4%;font:11px/1.6 Bahnschrift,Arial,sans-serif;letter-spacing:.18em;color:var(--accent)}.mak-hero{background:#1b1411;grid-template-columns:minmax(0,51%) minmax(0,49%)}.mak-hero h1{font-size:clamp(72px,8.5vw,136px)}.mak-hero h1 strong{color:#f3eadd}.mak-photo{position:relative;height:min(67vw,670px);min-height:440px;margin:0;overflow:hidden;box-shadow:35px 35px 0 #120e0c}.mak-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 51%}.mak-photo figcaption{position:absolute;left:22px;bottom:20px;background:#17120fb8;padding:8px 11px;font:10px Bahnschrift,Arial,sans-serif;letter-spacing:.15em;color:#eee5d8}.intro-statement,.intro-steps{padding:55px 6% 110px;border-top:1px solid #292929}.intro-statement{background:#eae9e3;color:#151515}.intro-statement .section-top{color:#68645f;border-color:#b7b4ae}.intro-statement-grid{display:grid;grid-template-columns:31% 1fr;gap:5%;padding:115px 0 0}.intro-statement-grid .eyebrow{margin-top:16px;color:#b05e27}.intro-statement h2,.intro-steps h2,.intro-next h2{font:500 clamp(56px,6.1vw,98px)/1 Bahnschrift,Arial,sans-serif;letter-spacing:-.065em;margin:0 0 35px}.intro-statement h2 em,.intro-steps h2 em,.intro-next h2 em{font-style:normal;color:#c46a2f}.intro-statement-grid p:not(.eyebrow){font-size:18px;line-height:1.75;color:#4a4b47;max-width:675px}.intro-statement-grid small{display:block;margin-top:32px;color:#777;font-size:11px}.intro-statement-grid small a{text-decoration:underline;text-underline-offset:3px}.intro-steps h2{margin:90px 0 70px}.intro-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #666}.intro-step-grid>div{min-height:230px;padding:23px 30px 25px 0;border-right:1px solid #373737}.intro-step-grid>div+div{padding-left:30px}.intro-step-grid>div:last-child{border-right:0}.intro-step-grid span{display:block;color:var(--accent);font:12px Bahnschrift,Arial,sans-serif;margin-bottom:26px}.intro-step-grid strong{display:block;font:500 30px Bahnschrift,Arial,sans-serif;letter-spacing:-.04em}.intro-step-grid p{color:#aaa;font-size:13px;line-height:1.7;max-width:300px}.intro-link{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:560px;padding:18px 0;border-top:1px solid #797979;font:500 clamp(20px,2.3vw,31px) Bahnschrift,Arial,sans-serif;letter-spacing:-.03em}.intro-link:hover{color:var(--accent)}.intro-link span{color:var(--accent)}.intro-steps>.intro-link{margin-top:55px}.intro-next{background:#171915;padding:130px 6% 160px}.intro-next h2{margin:24px 0 35px}.intro-next>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#aaa;max-width:500px;margin-bottom:65px}.mak-elements{background:#120f0c}.mak-statement{background:#f0ede6}
@media(max-width:1100px){.intro-hero{grid-template-columns:minmax(0,55%) minmax(0,45%)}.intro-hero h1{font-size:clamp(56px,7.5vw,92px)}.intro-lead{font-size:25px}.intro-deck{font-size:13px}}
@media(max-width:700px){.intro-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:145px 7% 70px}.intro-hero h1,.mak-hero h1{font-size:clamp(54px,12vw,82px);margin:25px 0}.intro-lead{font-size:24px}.intro-deck{font-size:13px}.intro-hero .down{margin-top:22px}.intro-hero .section-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:45px}.intro-hero .section-foot span:nth-child(2){display:none}.kit-visual{height:360px;min-height:360px;margin-top:20px}.kit-orbit-a{width:330px;height:330px}.kit-orbit-b{width:270px;height:270px}.kit-visual-word{font-size:130px}.kit-visual-caption{right:7%;bottom:0;font-size:9px}.mak-photo{height:370px;min-height:370px;margin:48px 0 0;box-shadow:14px 14px 0 #120e0c}.mak-photo img{object-position:50% 54%}.intro-statement,.intro-steps{padding:36px 7% 75px}.intro-statement-grid{display:block;padding:65px 0 0}.intro-statement h2,.intro-steps h2,.intro-next h2{font-size:clamp(49px,10vw,70px)}.intro-statement-grid p:not(.eyebrow){font-size:15px}.intro-steps h2{margin:65px 0 45px}.intro-step-grid{grid-template-columns:1fr}.intro-step-grid>div,.intro-step-grid>div+div{min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid #373737}.intro-step-grid span{margin-bottom:12px}.intro-step-grid strong{font-size:27px}.intro-step-grid p{margin-bottom:0}.intro-next{padding:90px 7% 110px}.intro-next>p:not(.eyebrow){font-size:14px;margin-bottom:50px}.intro-link{font-size:24px}}
@media(max-width:370px){.intro-hero h1,.mak-hero h1{font-size:51px}.kit-visual{transform:scale(.85);margin:-10px -10%}}

/* Makgeolli uses the same near-black, full-bleed photo language as the collection. */
.mak-hero{display:flex;align-items:center;background:#080808}
.mak-hero .intro-hero-copy{width:min(59%,880px)}
.mak-hero h1 strong{color:var(--white)}
.mak-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 26%,#000 52%);mask-image:linear-gradient(90deg,transparent 0%,transparent 26%,#000 52%)}
.mak-photo img{display:block;object-position:76% 53%;transform:scale(1.08) translateX(20%)}
.mak-photo figcaption{display:none}
.mak-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080808 0%,#080808f5 24%,#080808c9 41%,#08080836 67%,transparent 82%),linear-gradient(0deg,#080808 0%,transparent 19%)}
.kit-logo-visual{margin:0;min-height:0;display:flex;align-items:center;justify-content:center}
.kit-logo-visual img{display:block;width:min(54%,330px);max-height:490px;object-fit:contain;filter:invert(1);opacity:.96}
.kit-identity{padding:55px 6% 120px;background:#080808;border-top:1px solid #292929}
.kit-identity-grid{display:grid;grid-template-columns:55% 1fr;gap:6%;padding-top:105px}
.kit-identity h2{font:500 clamp(52px,6vw,96px)/1 Bahnschrift,Arial,sans-serif;letter-spacing:-.065em;margin:28px 0 0}
.kit-identity h2 em{font-style:normal;color:var(--accent)}
.kit-identity-grid>div:last-child{padding-top:55px}
.kit-identity-grid>div:last-child p{font-size:15px;line-height:1.85;color:#aaa;max-width:480px;margin:0 0 25px}
@media(max-width:700px){
  .mak-hero{display:block;min-height:850px;padding-bottom:90px}
  .mak-hero .intro-hero-copy{width:100%}
  .mak-photo{inset:auto 0 0;height:430px;margin:0;-webkit-mask-image:none;mask-image:none}
  .mak-photo img{object-position:50% 50%;transform:none}
  .mak-hero::after{background:linear-gradient(180deg,#080808 0%,#080808 50%,#080808b8 60%,transparent 75%),linear-gradient(0deg,#080808,transparent 12%)}
  .mak-hero .section-foot{position:absolute;left:7%;right:7%;bottom:22px;margin:0}
  .kit-logo-visual{height:350px;min-height:350px;margin:20px 0 0}
  .kit-logo-visual img{width:min(47%,190px);max-height:300px}
  .kit-identity{padding:36px 7% 85px}
  .kit-identity-grid{display:block;padding-top:60px}
  .kit-identity h2{font-size:clamp(48px,10vw,69px)}
  .kit-identity-grid>div:last-child{padding-top:35px}
  .kit-identity-grid>div:last-child p{font-size:13px}
}
