@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1c272e;--muted:#7c7f82;--line:#e6e5e3;--warm:#eeece9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'Pretendard',Arial,sans-serif;font-size:16px;background:#fff}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #847159;outline-offset:5px}header{height:100px;position:absolute;z-index:10;top:0;left:0;width:100%;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:26px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.brand span{display:block;font-size:8px;font-weight:500;letter-spacing:0;color:#777c80;margin-top:2px}nav{display:flex;gap:40px;font-size:14px}nav a{position:relative;padding:12px 0}nav a:after{content:'';position:absolute;bottom:3px;left:0;height:1px;background:var(--ink);width:0;transition:width .25s}nav a:hover:after,nav a.current:after{width:100%}.header-tools{display:flex;align-items:center;gap:22px}.icon-btn{width:36px;height:36px;display:grid;place-items:center}.icon-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.globe{font-size:26px}.language{font-size:14px;padding:8px 0}.language span{margin-left:6px}.mobile-menu{display:none}.hero{position:relative;height:100svh;min-height:720px;max-height:1300px;background:radial-gradient(ellipse at 44% 40%,#f4f2ef 0,#ece9e5 64%,#e5e2df 100%);overflow:hidden}.bag-tabs{position:absolute;left:5.2%;top:24%;width:150px;display:flex;flex-direction:column;gap:13px;z-index:3}.bag-tab{display:flex;gap:14px;align-items:center;text-align:left;position:relative;height:61px;padding:5px 12px;border-radius:7px;font-size:14px;color:#848588;transition:background .2s,color .2s}.bag-tab:hover{background:#ffffff70;color:var(--ink)}.bag-tab[aria-selected=true]{color:var(--ink);background:#fff}.bag-thumb{width:36px;height:49px;background-image:url('assets/parts-transparent.png');background-size:899px 1750px;background-position-x:-57px;mix-blend-mode:multiply;flex-shrink:0}.bag-stage{position:absolute;left:21%;width:41%;top:12%;bottom:6%}.bag-image{position:absolute;inset:0;background:url('assets/hero-transparent.png') center/contain no-repeat;mix-blend-mode:multiply;transition:opacity .2s,transform .7s}.bag-image.atlas{background-image:url('assets/bags-transparent.png');background-size:300% 200%;inset:10% 0}.bag-stage:hover .bag-image{transform:scale(1.018)}.hotspot{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:10px 0;white-space:nowrap}.hotspot .dot{width:25px;height:25px;background:#fff;border:6px solid #263039;border-radius:50%;box-shadow:0 0 0 0 #26303933;animation:pulse 3s infinite;transition:transform .2s}.hotspot:hover .dot{transform:scale(1.2)}.hotspot .tag{background:white;border-radius:20px;font-size:12px;padding:6px 13px;box-shadow:0 2px 8px #00000003}.hero-copy{position:absolute;left:65.4%;top:34%;right:3.5%;z-index:3}.eyebrow{font-size:12px;font-weight:550;letter-spacing:1.6px;color:var(--muted);margin:0 0 13px}h1{font-weight:500;font-size:54px;line-height:1.17;letter-spacing:-1.8px;margin:0 0 24px}h1 span{display:block}h1 .muted{font-size:48px;letter-spacing:-1.5px;color:#797c80;margin-top:5px;line-height:1.22}.intro{color:#7a7e80;line-height:1.65;font-size:14px;margin:0 0 25px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 25px;border-radius:40px;font-size:14px;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-3px)}.pill span{font-size:20px;line-height:1}.dark{background:#1c272e;color:white}.dark:hover{background:#39464b}.outline{border:1px solid #344048;padding:12px 23px}.hero-index{position:absolute;bottom:7%;left:5.2%;display:flex;align-items:center;gap:9px;font-size:14px;border-left:1px solid var(--ink);padding:11px 20px}.hero-index span{color:#909294}.index-line{width:75px;height:1px;background:#c9c6c2;margin-left:14px}.scroll-cue{position:absolute;bottom:4.6%;left:47%;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:13px;color:#6f7476}.scroll-cue span{font-size:20px}.hero-note{position:absolute;right:5.2%;bottom:11%;border-left:1px solid #a7a5a2;padding:16px 0 16px 18px;font-size:12px;line-height:1.7;color:#7d8184}.section{max-width:1440px;margin:auto;padding:65px 5.7% 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px;gap:20px}h2{font-size:34px;line-height:1.14;font-weight:450;letter-spacing:-1.4px;margin:0}.text-link{font-size:12px;white-space:nowrap;padding:10px 0}.text-link span{font-size:20px;margin-left:18px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.parts-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:13px}.part-card{padding:0;text-align:center;font-size:14px}.part-picture{display:block;aspect-ratio:1;border-radius:11px;background-image:url('assets/parts-transparent.png');background-size:956.4% 1861.7%;transition:transform .3s,box-shadow .3s}.part-card span:last-child{display:block;margin-top:12px}.part-card:hover .part-picture,.part-card.active .part-picture{transform:translateY(-5px);box-shadow:0 7px 20px #17202712}.part-card.active span:last-child{text-decoration:underline;text-underline-offset:5px}.products{padding-top:68px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.product-card{background:#f5f5f4;border-radius:11px;text-align:left;padding:0 16px 18px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-6px);box-shadow:0 15px 25px #1220270a}.product-picture{display:block;aspect-ratio:1.22;background-image:url('assets/parts-transparent.png');background-size:600% 1458.33%;mix-blend-mode:multiply;margin-bottom:15px}.product-card h3{font-size:14px;font-weight:500;margin:0 25px 6px 0}.product-card p{font-size:12px;color:#888b8e;margin:0}.round-arrow{position:absolute;right:13px;bottom:15px;border:1px solid #ddd;background:white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.sample-note{font-size:10px;color:#96999a;margin-top:18px;letter-spacing:.5px}.about{display:grid;grid-template-columns:40% 60%;align-items:center;padding-top:77px;padding-bottom:60px}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#888b8e;margin:17px 0 22px}.values{display:grid;grid-template-columns:repeat(4,1fr);padding-top:36px}.values>div{border-left:1px solid var(--line);text-align:center;padding:0 10px}.value-icon{font-size:44px;height:62px;display:block;font-weight:400;line-height:1}.values h3{font-size:12px;font-weight:500;margin:5px 0 13px}.values p{font-size:12px;color:#898c8e;line-height:1.6;margin:0}.contact-banner{position:relative;overflow:hidden;margin:0 5.2%;padding:53px 4.5%;min-height:290px;border-radius:10px;background:#e6e2dd;display:flex;align-items:center}.contact-banner>div:first-child{position:relative;z-index:2}.contact-banner h2{font-size:32px}.contact-banner p:not(.eyebrow){font-size:14px;color:#64696c;line-height:1.6;margin:18px 0 22px}.contact-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,#e6e2dd 15%,transparent 70%),url('assets/hero-transparent.png');background-size:100%,63%;background-position:center,100% 42%;background-repeat:no-repeat;mix-blend-mode:multiply;opacity:.8}.contact-note{position:absolute;right:5%;font-size:12px;line-height:1.7;z-index:2}footer{padding:72px 5.2% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:33px}.footer-top nav{color:#7f8386;font-size:12px}.footer-top>a:last-child{font-size:26px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;font-size:10px;color:#929698}.footer-bottom span:last-child{letter-spacing:1px}dialog{color:var(--ink);border:0;padding:48px;border-radius:15px;max-height:90svh;width:min(680px,92vw);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#17202760;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:15px;top:15px;z-index:2}dialog p{color:#7c8184;font-size:16px;line-height:1.7}dialog h2{margin:10px 0 20px}#detail .detail-picture{width:70%;max-width:290px;margin:0 auto 30px}dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line);padding-top:22px;font-size:14px;margin:24px 0}dt{color:#929698}dd{text-align:right;margin:0}#search-input{border:0;border-bottom:1px solid #bbb;background:transparent;width:100%;padding:15px 0;margin:12px 0 22px;font-size:16px;border-radius:0}.search-result{display:flex;width:100%;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.search-result small{color:#888}body.modal-open{overflow:hidden}@keyframes pulse{50%{box-shadow:0 0 0 8px #26303900}100%{box-shadow:0 0 0 0 #26303900}}@media(min-width:1600px){.hero-copy{left:64%}.bag-tabs{width:175px}.bag-tab{height:70px;font-size:16px}.intro{font-size:16px}.hero .eyebrow{font-size:14px}}
@media(max-width:1000px){header{height:85px}nav{gap:22px}.brand{font-size:24px}.header-tools{gap:12px}.hero{min-height:700px}.bag-tabs{left:4%;width:119px}.bag-tab{gap:5px;font-size:12px;padding:5px}.bag-stage{left:17%;width:47%;top:17%;bottom:13%}.hero-copy{left:65%;right:3%;top:34%}h1{font-size:32px}.hero-copy .eyebrow{font-size:10px}.intro{font-size:12px}.hero .pill{font-size:12px;padding:14px 20px;gap:22px}.hotspot .tag{font-size:10px;padding:5px 10px}.hotspot .dot{width:22px;height:22px;border-width:5px}.hotspot{gap:6px}.section{padding-left:5%;padding-right:5%}.values>div{padding:0 5px}.values h3{font-size:10px}.values p{font-size:10px}.about-copy>p:not(.eyebrow){font-size:12px}.product-card{padding-left:10px;padding-right:10px}.product-card h3{font-size:12px}.round-arrow{width:25px;height:25px;right:9px}h2{font-size:30px}}
@media(max-width:700px){header{height:77px;padding:0 6%;align-items:center}.brand{font-size:24px}.brand span{font-size:6px}header nav{display:none;position:absolute;top:70px;left:5%;right:5%;background:#fff;padding:20px;border-radius:8px;box-shadow:0 10px 30px #0001}header nav.open{display:flex;flex-direction:column;gap:4px}.mobile-menu{display:grid}.header-tools{gap:4px}.globe{display:none}.hero{height:100svh;min-height:790px;max-height:1100px}.hero-copy{top:105px;left:7%;right:7%;text-align:center}.hero-copy .eyebrow{font-size:10px;margin-bottom:12px}h1{font-size:34px;letter-spacing:-1.2px;margin-bottom:12px}h1 .muted{font-size:28px;margin-top:0}.intro{font-size:12px;line-height:1.5;margin:0 0 17px}.hero .pill{padding:12px 23px}.bag-stage{top:315px;bottom:104px;left:15%;width:69%}.bag-tabs{left:4%;right:4%;width:auto;top:auto;bottom:27px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.bag-tab{height:63px;flex-direction:column;justify-content:center;gap:1px;padding:3px 0;font-size:8px;border-radius:5px}.bag-thumb{height:40px;transform:scale(.8);margin-top:-5px;margin-bottom:-3px}.hotspot .tag{font-size:10px}.hotspot .dot{width:20px;height:20px;border-width:5px}.hero-index,.hero-note,.scroll-cue{display:none}.section{padding:45px 6% 0}.eyebrow{font-size:10px}h2{font-size:28px}.text-link{font-size:10px}.text-link span{margin-left:8px}.parts-grid{grid-template-columns:repeat(4,1fr);gap:20px 12px}.part-card{font-size:12px}.part-card span:last-child{margin-top:8px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-card{padding:0 12px 17px}.product-card:last-child{grid-column:1 / -1;width:calc(50% - 6px)}.product-card h3{font-size:12px}.sample-note{font-size:10px;line-height:1.6}.about{display:block;padding-bottom:40px}.about-copy>p:not(.eyebrow){font-size:14px}.values{grid-template-columns:repeat(2,1fr);gap:28px 0}.values h3{font-size:12px}.values p{font-size:12px}.values>div:nth-child(odd){border-left:0}.contact-banner{margin:0 6%;padding:32px 25px;min-height:350px}.contact-banner h2{font-size:26px}.contact-banner p:not(.eyebrow){font-size:12px}.contact-photo{opacity:.26;background-size:100%,110%;background-position:center,100% 20%}.contact-note{display:none}footer{padding:44px 6% 23px}.footer-top{flex-wrap:wrap;gap:22px;padding-bottom:25px}.footer-top nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:10px}.footer-bottom{font-size:10px;gap:10px;flex-wrap:wrap}.footer-bottom span:last-child{display:none}dialog{padding:45px 25px 30px}dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.bag-image{filter:brightness(1.075);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent);mask-composite:intersect}.bag-image.atlas{filter:brightness(1.06);aspect-ratio:1;top:50%;bottom:auto;height:auto;transform:translateY(-50%)}.bag-stage:hover .bag-image.atlas{transform:translateY(-50%) scale(1.018)}

/* True-alpha product photography */
.bag-image,.bag-image.atlas{filter:none;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
.bag-thumb{width:38px;height:38px;background-image:url('assets/bags-transparent.png');background-size:300% 200%;mix-blend-mode:normal}
.part-picture,.product-picture{background-image:url('assets/parts-transparent.png');background-size:400% 200%;background-repeat:no-repeat;aspect-ratio:1;mix-blend-mode:normal}
.part-picture{background-color:#f5f5f4}
.contact-photo{background-image:url('assets/hero-transparent.png');background-size:58%;background-position:100% 43%;mix-blend-mode:normal;opacity:.8}
@media(max-width:700px){.contact-photo{background-size:110%;opacity:.24}.bag-thumb{margin:0;transform:none;width:38px;height:38px}}
.hotspot[data-product="1"]{flex-direction:row-reverse;transform:translateX(-70%)}
/* One shared content rail across desktop sections. */
@media(min-width:701px){
  :root{--page-gutter:clamp(32px,5.2vw,80px);--content-width:min(1280px,calc(100% - var(--page-gutter) * 2))}
  .section,.contact-banner,footer{width:var(--content-width);max-width:none;margin-left:auto;margin-right:auto}
  .section,footer{padding-left:0;padding-right:0}
  .contact-banner{padding:53px 40px}
  header{padding-left:max(var(--page-gutter),calc((100% - 1280px) / 2));padding-right:max(var(--page-gutter),calc((100% - 1280px) / 2))}
  .bag-tabs,.hero-index{left:max(var(--page-gutter),calc((100% - 1280px) / 2))}
  .hero-note{right:max(var(--page-gutter),calc((100% - 1280px) / 2))}
  .product-card{display:flex;flex-direction:column}
  .product-picture{width:100%;flex-shrink:0}
  .product-card h3{min-height:2.5em;line-height:1.25;margin-bottom:6px}
  .product-card p{margin-top:auto}
}
/* Close-up contact banner with a quiet reading area. */
.contact-banner{isolation:isolate;background:#e8e6e2}
.contact-photo{z-index:-1;background-image:linear-gradient(90deg,rgba(236,234,230,.98) 0%,rgba(236,234,230,.91) 26%,rgba(236,234,230,.5) 46%,rgba(236,234,230,.05) 70%),url('assets/contact-buckle.png');background-size:cover;background-position:center;opacity:1;mix-blend-mode:normal}
@media(max-width:700px){.contact-photo{background-size:cover;background-position:65% center;background-image:linear-gradient(90deg,rgba(236,234,230,.96),rgba(236,234,230,.8) 58%,rgba(236,234,230,.3)),url('assets/contact-buckle.png');opacity:1}}
/* Balance all three showroom columns on the same vertical center. */
@media(min-width:701px){
  .hero{--showroom-center:calc(50% + 28px)}
  .bag-tabs{top:var(--showroom-center);transform:translateY(-50%)}
  .bag-stage{top:var(--showroom-center);bottom:auto;left:50%;width:min(37vw,53vh);height:auto;aspect-ratio:3 / 4;transform:translate(-64%,-50%)}
  .bag-image{inset:0}
  .hero-copy{top:var(--showroom-center);transform:translateY(-50%)}
}
@media(min-width:701px){.bag-stage{left:42%;transform:translate(-50%,-50%)}}
/* Soft studio floor and layered contact shadows anchor the cutout. */
.hero{background:radial-gradient(ellipse at 42% 35%,#f5f3f0 0%,#eeece8 48%,#e3dfda 100%)}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 65%,rgba(255,255,255,.06) 73%,rgba(255,255,255,.43) 84%,rgba(255,255,255,.13) 100%)}
.bag-stage{isolation:isolate;--shadow-bottom:3%}
.bag-stage:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:12%;bottom:var(--shadow-bottom);width:79%;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(49,40,29,.36) 0%,rgba(66,56,43,.23) 28%,rgba(77,66,51,.08) 52%,transparent 73%);filter:blur(5px);transform:translateY(48%)}
.bag-stage:after{content:'';position:absolute;z-index:-2;pointer-events:none;left:18%;bottom:calc(var(--shadow-bottom) - 2%);width:140%;height:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(65,56,44,.17),rgba(79,69,55,.1) 38%,transparent 72%);filter:blur(9px);transform:rotate(6deg);transform-origin:20% 50%}
.bag-image{filter:drop-shadow(10px 13px 13px rgba(58,48,36,.08))}
.bag-stage:has(.atlas){--shadow-bottom:22%}
.bag-image.atlas{filter:drop-shadow(7px 10px 9px rgba(58,48,36,.09))}
@media(max-width:700px){.bag-stage:after{width:120%;left:13%;filter:blur(7px)}.bag-stage:before{filter:blur(4px)}}
/* Give product photography more breathing room without moving card copy. */
.product-card > .product-picture{transform:scale(.85);transform-origin:center}
@media(min-width:701px){.bag-stage{left:44%}}