:root { --g-ink:#20201e; --g-brown:#8c5e45; --g-cream:#f4eee5; --g-line:#ddd6ce; --g-muted:#77716b; }
body { color:var(--g-ink); background:#fcfbf8; font-family:'DM Sans','Noto Sans KR',sans-serif; } a { color:inherit; }
.g-topbar { background:#20201e; color:#d5cec4; font-size:10px; }.g-topbar > div { display:flex; min-height:34px; align-items:center; justify-content:space-between; }.g-topbar p strong { color:#e4b890; }.g-topbar a { margin-left:22px; color:#a8a199; }
.g-header { position:relative; z-index:10; border-bottom:1px solid var(--g-line); background:#fcfbf8; }.g-header-inner { display:flex; min-height:83px; align-items:center; gap:64px; }.g-logo { display:flex; align-items:center; gap:9px; text-decoration:none; }.g-logo > span { display:grid; width:37px; height:37px; place-items:center; border:1px solid var(--g-ink); border-radius:50%; font-family:'Playfair Display',serif; font-size:18px; font-style:italic; }.g-logo strong { font-family:'Playfair Display',serif; font-size:16px; line-height:.85; }.g-logo strong b { color:#978e86; font-family:'DM Sans',sans-serif; font-size:8px; letter-spacing:.13em; text-transform:uppercase; }.g-nav { display:flex; gap:31px; margin-right:auto; font-size:11px; font-weight:600; }.g-nav a:hover { color:var(--g-brown); }.g-header-tools { display:flex; align-items:center; gap:16px; }.g-header-tools a { position:relative; display:grid; place-items:center; }.g-header-tools .material-symbols-rounded { font-size:20px; }.g-header-tools b { position:absolute; top:-7px; right:-10px; display:grid; width:15px; height:15px; place-items:center; border-radius:50%; background:var(--g-brown); color:#fff; font-size:8px; }.g-mobile-menu,.g-mobile-nav { display:none; }
.g-hero { min-height:620px; background:#494640; background-image:linear-gradient(90deg,rgba(31,30,28,.88),rgba(31,30,28,.22)),url('https://images.unsplash.com/photo-1551488831-00ddcb6c6bd3?auto=format&fit=crop&w=1800&q=85'); background-position:center,center; background-size:cover,cover; color:#fff; }.g-hero-inner { position:relative; display:flex; min-height:620px; align-items:center; }.g-hero-copy { padding:30px 0 50px; }.g-hero h1 { margin:18px 0 20px; font-family:'Playfair Display',serif; font-size:clamp(50px,6vw,80px); font-weight:600; letter-spacing:-.07em; line-height:1; }.g-hero h1 em { color:#e4b890; font-style:italic; }.g-hero-copy > p:not(.g-eyebrow) { color:#e3ddd5; font-size:14px; line-height:1.8; }.g-hero-copy .g-button { margin-top:31px; }.g-hero-caption { position:absolute; right:0; bottom:52px; display:flex; align-items:flex-start; gap:10px; color:#d0c9c0; font-size:11px; line-height:1.25; }.g-hero-caption strong { color:#e4b890; font-family:'Playfair Display',serif; font-size:30px; line-height:1; }
.g-category-section { padding:0 0 106px; background:#fcfbf8; }.g-category-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:12px; }.g-category-card { position:relative; display:flex; min-height:260px; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:25px; color:#fff; background-position:center; background-size:cover; }.g-category-card::before { position:absolute; inset:0; background:linear-gradient(0deg,rgba(20,19,17,.76),transparent 65%); content:""; }.g-category-card > * { position:relative; }.g-category-card span { position:absolute; top:23px; left:25px; font-family:'Playfair Display',serif; font-size:20px; }.g-category-card strong { font-family:'Playfair Display',serif; font-size:24px; }.g-category-card small { margin-top:5px; color:#eee7dd; font-size:10px; }.g-category-tailoring { background-image:url('https://images.unsplash.com/photo-1598808503746-f34c53b9323e?auto=format&fit=crop&w=1000&q=85'); }.g-category-grooming { background-image:url('https://images.unsplash.com/photo-1621605815971-fbc98d665033?auto=format&fit=crop&w=900&q=85'); }.g-category-accessories { background-image:url('https://images.unsplash.com/photo-1523170335258-f5ed11844a49?auto=format&fit=crop&w=900&q=85'); }
.g-section { padding:107px 0; }.g-new-section { background:var(--g-cream); }.g-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:43px; }.g-section-head h2 { margin-top:13px; font-family:'Playfair Display',serif; font-size:40px; font-weight:600; letter-spacing:-.07em; line-height:1.08; }.g-section-head h2 strong { color:var(--g-brown); }.g-product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }.g-product-card { min-width:0; text-decoration:none; }.g-product-image { position:relative; height:286px; margin-bottom:16px; background-position:center; background-size:cover; transition:transform .2s ease; }.g-product-card:hover .g-product-image { transform:translateY(-5px); }.g-product-image span { position:absolute; top:13px; left:13px; padding:5px 8px; background:#f0d6ba; color:var(--g-ink); font-size:9px; font-weight:700; letter-spacing:.12em; }.g-product-jacket { background-image:url('https://images.unsplash.com/photo-1551488831-00ddcb6c6bd3?auto=format&fit=crop&w=700&q=85'); }.g-product-shirt { background-image:url('https://images.unsplash.com/photo-1602810318383-e386cc2a3ccf?auto=format&fit=crop&w=700&q=85'); }.g-product-watch { background-image:url('https://images.unsplash.com/photo-1524805444758-089113d48a6d?auto=format&fit=crop&w=700&q=85'); }.g-product-perfume { background-image:url('https://images.unsplash.com/photo-1541643600914-78b084683601?auto=format&fit=crop&w=700&q=85'); }.g-product-card > small { color:#93887f; font-size:9px; letter-spacing:.14em; }.g-product-card strong { display:block; margin:8px 0 10px; font-size:13px; }.g-product-card b { font-size:14px; }
.g-story-section { background:#fcfbf8; }.g-story-grid { display:grid; grid-template-columns:1.06fr .94fr; min-height:450px; }.g-story-image { background:url('https://images.unsplash.com/photo-1506629905607-d9a5e4b7e0c2?auto=format&fit=crop&w=1100&q=85') center/cover; }.g-story-copy { display:flex; flex-direction:column; justify-content:center; padding:55px 12%; }.g-story-copy h2 { margin:15px 0 20px; font-family:'Playfair Display',serif; font-size:40px; letter-spacing:-.07em; line-height:1.1; }.g-story-copy h2 strong { color:var(--g-brown); }.g-story-copy > p:not(.g-eyebrow) { max-width:360px; color:var(--g-muted); font-size:13px; line-height:1.85; }.g-story-copy .g-text-link { align-self:flex-start; margin-top:30px; }
.g-edit-section { background:#f7f3ed; }.g-edit-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:13px; }.g-edit-card { position:relative; display:flex; min-height:285px; flex-direction:column; justify-content:space-between; overflow:hidden; padding:24px; color:#fff; background-position:center; background-size:cover; }.g-edit-card::before { position:absolute; inset:0; background:linear-gradient(0deg,rgba(25,23,20,.78),transparent 65%); content:""; }.g-edit-card > * { position:relative; }.g-edit-card small { font-size:9px; letter-spacing:.14em; }.g-edit-card strong { display:block; margin-top:10px; font-family:'Playfair Display',serif; font-size:23px; line-height:1.15; }.g-edit-card > span { display:flex; align-items:center; justify-content:space-between; font-family:'Playfair Display',serif; font-size:15px; }.g-edit-card > span .material-symbols-rounded { font-size:18px; }.g-edit-work { background-image:url('https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=1100&q=85'); }.g-edit-weekend { background-image:url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=900&q=85'); }.g-edit-night { background-image:url('https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&w=900&q=85'); }
.g-service-strip { background:#20201e; color:#fff; }.g-service-grid { display:grid; grid-template-columns:repeat(4,1fr); min-height:115px; align-items:center; }.g-service-grid > div { display:grid; grid-template-columns:28px 1fr; column-gap:10px; align-items:center; padding-left:23px; border-left:1px solid #48443f; }.g-service-grid > div:first-child { padding-left:0; border-left:0; }.g-service-grid > div > .material-symbols-rounded { grid-row:span 2; color:#e4b890; font-size:23px; }.g-service-grid strong { font-size:12px; }.g-service-grid p { margin-top:4px; color:#a8a199; font-size:9px; }
.g-newsletter { padding:88px 0; background:#fcfbf8; }.g-newsletter-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }.g-newsletter h2 { margin-top:12px; font-family:'Playfair Display',serif; font-size:34px; letter-spacing:-.06em; line-height:1.1; }.g-newsletter h2 em { color:var(--g-brown); }.g-newsletter form { width:370px; }.g-newsletter label { display:block; margin-bottom:8px; color:var(--g-muted); font-size:10px; }.g-newsletter form > div { display:flex; border-bottom:1px solid var(--g-ink); }.g-newsletter input { width:100%; height:40px; border:0; outline:0; background:transparent; font:inherit; font-size:12px; }.g-newsletter button { width:40px; color:var(--g-brown); }.g-newsletter small { display:block; margin-top:10px; color:#948d84; font-size:9px; }
.g-footer { padding:52px 0 28px; background:#171715; color:#fff; }.g-footer-top { display:grid; grid-template-columns:1fr 1.4fr 210px; gap:42px; padding-bottom:45px; border-bottom:1px solid #3a3834; }.g-footer-logo > span { background:#f0d6ba; }.g-footer-links { display:flex; flex-wrap:wrap; align-content:flex-start; gap:11px 22px; color:#c9c0b7; font-size:11px; }.g-footer-contact small { color:#a99483; font-size:9px; }.g-footer-contact strong { display:block; margin:7px 0 9px; font-size:22px; }.g-footer-contact p { color:#c4bbb3; font-size:10px; line-height:1.7; }.g-footer-bottom { padding-top:21px; color:#8d8780; font-size:9px; line-height:2; }.g-footer-bottom span { margin:0 7px; color:#554f49; }.g-footer-bottom small { display:block; margin-top:5px; color:#716961; }
@media (max-width:950px) { .g-header-inner { gap:30px; }.g-nav { gap:19px; } }
@media (max-width:680px) { .g-container { width:min(calc(100% - 34px),1240px); }.g-topbar { display:none; }.g-header-inner { min-height:70px; gap:12px; }.g-mobile-menu { display:grid; width:34px; height:34px; place-items:center; color:var(--g-ink); }.g-mobile-menu .material-symbols-rounded { font-size:22px; }.g-logo { margin-right:auto; }.g-logo > span { width:31px; height:31px; font-size:15px; }.g-logo strong { font-size:13px; }.g-logo strong b { font-size:7px; }.g-nav { display:none; }.g-header-tools { gap:12px; }.g-header-tools a:nth-child(2) { display:none; }.g-mobile-nav { position:absolute; top:70px; right:0; left:0; z-index:9; display:none; padding:11px 17px 17px; background:#fcfbf8; box-shadow:0 12px 24px rgba(32,32,30,.14); }.g-mobile-nav.is-open { display:flex; flex-direction:column; }.g-mobile-nav a { padding:13px 0; border-bottom:1px solid var(--g-line); font-size:13px; }.g-hero,.g-hero-inner { min-height:620px; }.g-hero-inner { align-items:flex-start; }.g-hero-copy { padding-top:60px; }.g-hero h1 { font-size:52px; }.g-hero-copy > p:not(.g-eyebrow) { font-size:12px; }.g-hero-caption { right:3px; bottom:29px; }.g-category-section { padding-bottom:70px; }.g-category-grid { grid-template-columns:1fr 1fr; gap:8px; }.g-category-card { min-height:185px; padding:16px; }.g-category-card:first-child { grid-column:span 2; min-height:235px; }.g-category-card span { top:16px; left:16px; }.g-category-card strong { font-size:18px; }.g-category-card small { font-size:9px; }.g-section { padding:70px 0; }.g-section-head { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:29px; }.g-section-head h2 { font-size:31px; }.g-product-grid { grid-template-columns:1fr 1fr; gap:23px 9px; }.g-product-image { height:205px; margin-bottom:13px; }.g-product-card strong { font-size:11px; line-height:1.45; }.g-product-card > small { font-size:8px; }.g-product-card b { font-size:13px; }.g-story-grid { display:flex; flex-direction:column; min-height:0; }.g-story-image { min-height:270px; }.g-story-copy { padding:40px 25px 46px; }.g-story-copy h2 { font-size:32px; }.g-edit-grid { grid-template-columns:1fr 1fr; gap:8px; }.g-edit-card { min-height:190px; padding:16px; }.g-edit-card:first-child { grid-column:span 2; min-height:240px; }.g-edit-card strong { font-size:18px; }.g-service-grid { grid-template-columns:1fr 1fr; min-height:120px; }.g-service-grid > div { padding:15px 10px; border-left:0; }.g-service-grid > div > .material-symbols-rounded { font-size:20px; }.g-service-grid strong { font-size:10px; }.g-service-grid p { font-size:8px; }.g-newsletter { padding:69px 0; }.g-newsletter-inner { align-items:flex-start; flex-direction:column; gap:29px; }.g-newsletter h2 { font-size:29px; }.g-newsletter form { width:100%; }.g-footer { padding:42px 0 27px; }.g-footer-top { grid-template-columns:1fr; gap:28px; padding-bottom:32px; }.g-footer-contact { padding-top:16px; border-top:1px solid #3a3834; }.jw-topbtn { right:16px; bottom:16px; } }