@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#141713;--lime:#c3f536;--white:#f0f1e9;--muted:#a2a59b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans','Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:absolute;z-index:5;top:0;left:0;width:100%;border-bottom:1px solid #ffffff21}.logo{font-size:31px;letter-spacing:-1.5px;font-weight:800;display:flex;align-items:center;gap:5px}.logo sup{font-size:13px;align-self:flex-start;margin-top:6px}.brand-mark{color:var(--lime);font-size:45px;line-height:1}nav{display:flex;gap:38px;font-size:14px}.header-link{font-size:14px}.header-link span{margin-left:24px;color:var(--lime)}.menu{display:none}.hero{height:max(820px,100svh);max-height:1100px;min-height:780px;position:relative;overflow:hidden;padding:125px 4.5% 0;background:radial-gradient(ellipse at 62% 48%,#343b2c 0%,#1d221a 32%,#141713 68%)}.hero-top{display:flex;justify-content:space-between;position:relative;z-index:2}.eyebrow,.edition,.section-label,.small,.hero-bottom,.rotate-hint,.photo-note,.spec-title{font-size:12px;letter-spacing:1.4px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;background:var(--lime);border-radius:50%}.edition{color:#92988b}h1{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(110px,14.6vw,225px);letter-spacing:-4px;line-height:.82;margin:58px 0 0;position:relative;z-index:1;font-weight:700;width:max-content}h1 span{color:var(--lime)}#scene{position:absolute;width:74%;height:83%;right:-7%;top:10%;z-index:2;cursor:grab;touch-action:pan-y}#scene:active{cursor:grabbing}#scene canvas{width:100%;height:100%;display:block}.hero-copy{position:absolute;bottom:125px;z-index:3}.hero-copy p{font-size:18px;line-height:1.85;color:#d2d6cb;margin:0 0 25px}.pill{display:inline-flex;gap:35px;background:var(--lime);color:#141713;align-items:center;border-radius:40px;padding:17px 23px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.pill:hover{background:#d6ff64;transform:translateY(-3px)}.pill span{font-size:23px;line-height:1}.product-tag{position:absolute;right:6%;top:35%;display:flex;align-items:center;gap:12px;z-index:3;font-size:14px;letter-spacing:1px}.product-tag div span{display:block;font-size:9px;letter-spacing:1.3px;color:#b0b4a7;margin-top:7px}.cross{color:var(--lime);font-size:26px}.rotate-hint{position:absolute;bottom:132px;right:20%;z-index:3;color:#abb19e;font-size:10px}.hero-bottom{position:absolute;bottom:32px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:24px;font-size:10px;color:#a5ac9a;z-index:3}.hero-bottom a{color:var(--white)}.hero-bottom a span{margin-left:30px}.background-word{font-family:'Barlow Condensed';position:absolute;bottom:-90px;left:19%;font-size:360px;color:#ffffff02;font-weight:800;pointer-events:none}.ticker{overflow:hidden;white-space:nowrap;background:var(--lime);color:#1a2111;font-family:'Barlow Condensed';font-weight:700;font-size:43px;word-spacing:12px;padding:14px 0;transform:rotate(-1.3deg);margin:-6px -1% 0}.ticker span{color:transparent;-webkit-text-stroke:1px #35451a}.section{padding:105px 7%}.section-label{color:var(--lime)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:32px 0 55px}h2{font-size:clamp(35px,4.3vw,64px);line-height:1.28;font-weight:600;letter-spacing:-2.5px;margin:0}h2 em{font-style:normal;color:#8c9485}.section-heading p,.features p,.experience p,.muted{font-size:15px;line-height:1.95;color:#aab0a2}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #454b3c;border-bottom:1px solid #454b3c}.features article{padding:34px 30px 0;border-right:1px solid #454b3c}.features article:first-child{padding-left:0}.features article:last-child{border-right:0}.feature-icon{height:80px;font-size:64px;line-height:1;color:var(--lime);font-family:Arial}.small{display:block;color:#868e7c;margin:25px 0 17px}h3{font-size:24px;font-weight:500;letter-spacing:-1px}.feature-bottom{display:flex;justify-content:space-between;border-top:1px solid #3c4335;margin-top:36px;padding:22px 0;font-size:10px;letter-spacing:1px}.feature-bottom span{color:var(--lime);font-size:18px}.experience{height:660px;position:relative;overflow:hidden}.experience img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;filter:grayscale(100%)}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a100ee8,#0a100e50 75%)}.experience-content{position:absolute;top:75px;left:7%}.experience h2{font-family:'Barlow Condensed';font-size:90px;line-height:.98;letter-spacing:-1px;margin:40px 0 26px;text-transform:uppercase}.experience h2 em{color:var(--lime)}.text-link{font-size:14px;display:inline-flex;gap:60px;padding:20px 0;border-bottom:1px solid #ffffff77}.photo-note{position:absolute;right:7%;bottom:40px;font-size:10px}.collection{background:#e9ece2;color:#191e16}.collection .section-label{color:#65704f}.collection-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:40px}.collection h2{font-family:'Barlow Condensed';font-weight:700;font-size:110px;line-height:.85;letter-spacing:-2px}.lime{color:#719d1b}.collection-intro{font-size:22px;letter-spacing:-.7px;margin-top:30px}.collection .muted{color:#6b7166}.swatches{display:flex;align-items:center;gap:12px;margin:30px 0}.swatch{height:26px;width:26px;border-radius:50%;border:3px solid #e9ece2;background:var(--swatch);outline:1px solid #c7cbbf;cursor:pointer}.swatch.active{outline:2px solid #292f20}.swatches span{font-size:12px;margin-left:10px;color:#626a5a}.spec-panel{padding-top:20px}.spec-title{font-size:10px;display:flex;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #b9c0ac;line-height:1.6}.spec{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid #c9cebf;font-size:14px}.spec span{color:#6a745d}.spec strong{font-weight:500;text-align:right}.concept-note{font-size:12px;color:#78816d;line-height:1.8;margin-top:25px}footer{padding:60px 7% 25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}footer>span,footer>a:last-of-type{font-size:11px;letter-spacing:1px}.footer-bottom{width:100%;border-top:1px solid #3c4433;display:flex;justify-content:space-between;padding-top:25px;font-size:10px;color:#828d76;margin-top:25px}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:6px}@media(min-width:1600px){.hero{padding-top:150px}h1{margin-top:70px}}@media(max-width:800px){header{height:75px}.logo{font-size:26px}nav{gap:18px}.header-link{display:none}.hero{height:900px;max-height:none;min-height:0;padding-top:110px}.edition{display:none}h1{font-size:140px;margin-top:50px}#scene{width:110%;height:55%;right:-23%;top:27%}.hero-copy{bottom:100px}.hero-copy p{font-size:15px}.product-tag{top:43%;right:5%}.product-tag div span{font-size:8px}.rotate-hint{right:8%;bottom:215px}.hero-bottom>span{display:none}.section{padding:75px 6%}.section-heading{display:block}.section-heading p{margin-top:28px}.features{grid-template-columns:1fr}.features article,.features article:first-child{padding:30px 0 0;border-right:0;border-bottom:1px solid #454b3c}.features article:last-child{border-bottom:0}.feature-icon{float:right;margin-right:15px}.features h3{margin:15px 0}.small{margin-top:0}.features p{font-size:15px}.experience{height:600px}.experience h2{font-size:75px}.collection-layout{grid-template-columns:1fr;gap:50px}.collection h2{font-size:95px}footer>span{display:none}.ticker{font-size:32px}h2{letter-spacing:-1.5px}}@media(max-width:450px){nav{display:none;position:absolute;top:75px;left:0;width:100%;padding:25px;background:#20271c;border-bottom:1px solid #647747}nav.open{display:flex}.menu{display:block;background:none;border:0;color:var(--white);font-size:25px}.hero{height:840px}h1{font-size:115px;letter-spacing:-2px}.eyebrow{font-size:10px}.hero-copy{bottom:105px}#scene{top:29%;height:48%;width:120%;right:-23%}.product-tag{top:44%;font-size:11px}.rotate-hint{bottom:255px;font-size:8px}.pill{gap:25px;padding:15px 20px}.hero-copy p{font-size:14px}.experience h2{font-size:67px}.footer-bottom{font-size:9px}.footer-bottom span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}