@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital@0;1&display=swap');
:root{--ink:#142b35;--muted:#69757a;--paper:#f6f5f1;--gold:#a48c63;--line:#dedfd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.logo{display:flex;align-items:center;gap:13px}.logo svg{width:37px;height:44px}.logo>span{font-family:Georgia,serif;font-size:22px;letter-spacing:2.5px}.logo small{display:block;text-align:center;font:9px 'DM Sans',sans-serif;letter-spacing:5px;margin-top:7px}nav{display:flex;gap:40px;font-size:13px}nav a:hover{color:var(--gold)}.nav-contact{border-bottom:1px solid var(--ink);padding:10px 0;font-size:13px;display:flex;gap:35px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:47% 53%;min-height:660px}.hero-copy{padding:82px 11.7% 26px;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;color:var(--gold)}h1{font-size:clamp(44px,4.5vw,70px);line-height:1.35;letter-spacing:-3.5px;font-weight:400;margin:32px 0 20px}h1 em{font-style:normal;color:#71877d}.hero-copy p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:white;padding:18px 23px;font-size:12px;width:fit-content;transition:background .2s}.button:hover{background:#36515b}.button span{font-size:18px}.hero-bottom{margin-top:auto;padding-top:54px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px;color:var(--muted)}.hero-photo{position:relative;min-width:0;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:center 48%}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:28px 30px;color:white;background:linear-gradient(transparent,#07313a99);font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between;gap:20px}.brand-strip{padding:34px 5.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-strip>span{font-size:8px;color:var(--muted);letter-spacing:1.5px}.brand-strip b{font-size:22px;letter-spacing:2px;font-weight:500;color:#718082}.serif{font-family:Georgia,serif;font-style:italic}.section{padding:88px 5.5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:36px}h2{font-size:34px;font-weight:400;letter-spacing:-1.4px;margin:17px 0 0}.section-head p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}a:focus-visible,button:focus-visible{outline:3px solid #a48c63;outline-offset:5px}
@media(min-width:1700px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:82px;padding:0 6%}.logo>span{font-size:18px}.logo svg{width:30px}nav{display:none;position:absolute;top:82px;left:0;right:0;padding:28px 6%;background:var(--paper);box-shadow:0 15px 15px #142b3510}nav.open{display:flex;flex-direction:column;gap:24px}.menu-toggle{display:block;border:0;background:none;font-size:22px;color:var(--ink)}.nav-contact{margin-left:auto;margin-right:23px;font-size:11px;gap:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:46px 6% 30px}h1{font-size:50px;margin-top:24px}.hero-copy p{font-size:13px}.hero-bottom{padding-top:36px}.hero-photo{height:450px}.brand-strip{overflow-x:auto;justify-content:flex-start;padding:28px 6%;gap:35px}.brand-strip>*{flex-shrink:0}.brand-strip>span{display:none}.brand-strip b{font-size:18px}.section{padding:58px 6%}.section-head{align-items:start;flex-direction:column;gap:17px}h2{font-size:28px}.photo-caption{font-size:8px;padding:20px;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@import url('sections.css');

.brand-strip.brand-marquee{display:grid;grid-template-columns:minmax(190px,15%) 1fr;align-items:center;gap:42px;padding:20px 5.5%;overflow:hidden;background:#f2f1ed;border-bottom:1px solid var(--line)}
.brand-intro{display:flex;flex-direction:column;gap:7px;position:relative;z-index:2;background:#f2f1ed}
.brand-intro span{font-size:8px;color:var(--gold);letter-spacing:1.7px}
.brand-intro strong{font-size:11px;font-weight:500;letter-spacing:1.5px;color:var(--ink)}
.brand-window{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.brand-track{display:flex;width:max-content;will-change:transform;animation:brand-flow 38s linear infinite}
.brand-set{display:flex;align-items:center;gap:82px;padding-right:82px}
.brand-item{width:152px;height:70px;display:flex;align-items:center;justify-content:center;flex:none;opacity:.75;transition:opacity .25s ease,transform .25s ease}
.brand-item img{display:block;max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.brand-item.brand-parker{width:230px}
.brand-item.brand-parker img{width:100%;max-height:62px}
.brand-item.brand-marex img{max-height:62px;filter:invert(15%) sepia(13%) saturate(1318%) hue-rotate(151deg) brightness(91%) contrast(93%)}
.brand-item.brand-nyx img{max-height:55px;filter:grayscale(1) contrast(1.35)}
.brand-item.brand-targa img{max-height:52px;max-width:120px}
.brand-link{cursor:pointer}
.brand-link:hover,.brand-link:focus-visible{opacity:1;transform:translateY(-2px)}
.brand-window:hover .brand-track,.brand-window:focus-within .brand-track{animation-play-state:paused}
@keyframes brand-flow{to{transform:translateX(-50%)}}
@media(max-width:800px){.brand-strip.brand-marquee{display:block;padding:16px 0}.brand-intro{padding:0 6% 15px}.brand-window{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.brand-set{gap:48px;padding-right:48px}.brand-item{width:128px;height:62px}.brand-item img{max-height:42px}.brand-item.brand-marex img{max-height:55px}.brand-item.brand-parker{width:202px}.brand-item.brand-parker img{max-height:56px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none;transform:none}.brand-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.brand-set[aria-hidden="true"]{display:none}}