@font-face { font-family: "GOT PACK Web"; src: url("/_assets/PretendardVariable-9599f12fd42f.woff2") format("woff2"); font-weight: 45 920; font-style: normal; font-display: swap; unicode-range: U+250-31E,U+321-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3E1,U+3F0-49D,U+4A0-4FF,U+52F,U+E3F,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2123,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+214F,U+2153,U+215A-2188,U+2190-2191,U+2193-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+226A-226B,U+22EF,U+2303,U+2305,U+2318,U+2325-2327,U+2329-232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2473,U+24B6-24CF,U+24EA-24F4,U+24FF,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+266A,U+26A0,U+2713,U+2717,U+2756,U+2776-2789,U+27EF,U+27F5-27FA,U+2985-2986,U+2B06,U+2B12-2B13,U+2B1C,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+3000-3003,U+3008-3011,U+3014-301F,U+3041-3094,U+3099-309E,U+30A1-30FE,U+3131-3164,U+318D,U+321C,U+3380-3384,U+3388-33CA,U+33CF-33D0,U+33D3,U+33D6,U+33D8,U+33DB-33DD,U+A69F,U+A7FF,U+A92E,U+AC02-AC03,U+AC05-AC0F,U+AC12,U+AC14-AC18,U+AC1A-AC1B,U+AC1D-AC6F,U+AC71-AC73,U+AC75-AC82,U+AC84-AC8B,U+AC8D-ACA8,U+ACAA-ACAB,U+ACAD-ACAF,U+ACB1-ACC3,U+ACC5-ACDF,U+ACE1-ACF2,U+ACF4,U+ACF6-ACFB,U+ACFD-ACFF,U+AD01-AD6B,U+AD6E-AD8B,U+AD8D-ADF7,U+ADF9-ADFF,U+AE01-AE07,U+AE0A-AE2F,U+AE31-AE33,U+AE35-AE37,U+AE39-AE4B,U+AE4D-AED7,U+AED9-AF2B,U+AF2D-B07B,U+B07D-B097,U+B099-B09F,U+B0A1-B0A7,U+B0A9-B0B3,U+B0B5-B107,U+B109-B10F,U+B111-B112,U+B114-B143,U+B145-B203,U+B205-B207,U+B209-B273,U+B275-B293,U+B295-B2C7,U+B2C9-B2D8,U+B2DA-B2E3,U+B2E5-B2EA,U+B2EC-B2F3,U+B2F5-B2FF,U+B301-B353,U+B356-B3D8,U+B3DA-B417,U+B419-B41B,U+B41D-B428,U+B42A-B457,U+B459-B4DB,U+B4DD-B4F0,U+B4F2-B513,U+B515-B528,U+B52A-B52F,U+B531-B5A3,U+B5A5-B60F,U+B611-B73A,U+B73C-B77B,U+B77D-B77F,U+B781-B797,U+B79A-B79B,U+B79D-B7EB,U+B7ED-B807,U+B80A-B838,U+B83A-B85B,U+B85E-B86E,U+B870-B8CB,U+B8CD-B973,U+B975-B977,U+B979-B97B,U+B97D-B983,U+B985-B9AB,U+B9AD-B9B3,U+B9B5-B9BB,U+B9BE-B9C7,U+B9C9-B9CB,U+B9CD-B9DD,U+B9DF-B9E3,U+B9E5-BA3B,U+BA3D-BA53,U+BA55-BA6F,U+BA71-BAA7,U+BAAA-BAAB,U+BAAD-BABC,U+BABE-BB33,U+BB35-BB37,U+BB39-BB3B,U+BB3D-BB48,U+BB4A-BBA3,U+BBA5-BBF7,U+BBF9-BBFB,U+BBFD-BC0E,U+BC10-BC13,U+BC16-BC1A,U+BC1D-BC28,U+BC2A-BC2F,U+BC31-BC94,U+BC96-BCA7,U+BCA9-BCBC,U+BCBE-BCC3,U+BCC5-BCF3,U+BCF5-BCF7,U+BCF9-BD08,U+BD0A-BD7F,U+BD82-BD83,U+BD85-BE0B,U+BE0D-BE13,U+BE15-BE43,U+BE45-C067,U+C069-C0AB,U+C0AD-C0B3,U+C0B5-C0C0,U+C0C2-C0C8,U+C0CA-C0DC,U+C0DE-C11B,U+C11D-C11F,U+C121-C123,U+C125-C12E,U+C130,U+C132-C137,U+C139-C157,U+C159-C18B,U+C18D-C217,U+C219-C2A3,U+C2A5-C2AB,U+C2AD-C2B4,U+C2B6-C2DB,U+C2DE-C2DF,U+C2E1-C2E3,U+C2E5-C2F0,U+C2F2-C2F5,U+C2F7-C527,U+C52A-C543,U+C545-C547,U+C549,U+C54B-C557,U+C559-C57B,U+C57D-C5B3,U+C5B6-C5CF,U+C5D1-C5EB,U+C5ED-C5F3,U+C5F5-C600,U+C602-C607,U+C609-C623,U+C625-C627,U+C629-C63F,U+C641-C654,U+C656-C677,U+C679-C693,U+C695-C6A8,U+C6AA-C6AF,U+C6B1-C6B3,U+C6B5-C6BF,U+C6C1-C6CF,U+C6D1-C703,U+C705-C71F,U+C721-C73B,U+C73D-C73F,U+C741-C743,U+C745-C74B,U+C74D-C757,U+C759-C773,U+C775-C777,U+C779-C77B,U+C77D-C784,U+C786-C787,U+C789-C78F,U+C792-C7A4,U+C7A6-C7AB,U+C7AD-C7FF,U+C802-C803,U+C805-C80F,U+C812-C814,U+C816-C81B,U+C81D-C86F,U+C871-C88A,U+C88C-C8FB,U+C8FD-C8FF,U+C901-C987,U+C989-C98F,U+C991-C99C,U+C99E-C9BF,U+C9C2-C9C3,U+C9C5-C9D0,U+C9D2-CC3D,U+CC3F-CC43,U+CC45-CC97,U+CC99-CC9B,U+CC9D-CCB3,U+CCB5-CD07,U+CD09-CD9B,U+CD9D-CDE7,U+CDE9-CE03,U+CE05-CE1F,U+CE21-CE57,U+CE59-CE73,U+CE75-CE77,U+CE79-CEEB,U+CEED-CEFF,U+CF01-CF12,U+CF14-CF53,U+CF55-D06B,U+D06D-D0A3,U+D0A5-D0BF,U+D0C1-D0C3,U+D0C5-D0D0,U+D0D2-D0DB,U+D0DE-D12F,U+D131-D14B,U+D14D-D19F,U+D1A1-D2B7,U+D2B9-D2EF,U+D2F1-D30B,U+D30D-D30F,U+D311-D327,U+D32A-D3B3,U+D3B5-D3EB,U+D3ED-D45B,U+D45D-D487,U+D489-D503,U+D505-D507,U+D509-D53B,U+D53D-D557,U+D559-D55B,U+D55D-D55F,U+D561-D567,U+D56A-D56C,U+D56E-D573,U+D575-D588,U+D58A-D5A4,U+D5A6-D5FF,U+D601-D603,U+D605-D637,U+D639-D647,U+D649-D653,U+D656-D68C,U+D68E-D6C3,U+D6C5-D733,U+D735-D74F,U+D751-D787,U+D789-D7A3,U+E000,U+E002-E05E,U+E06A-E080,U+E093-E096,U+E0A5-E0E6,U+E0F3-E11C,U+E11E-E12A,U+E131-E147,U+E14E-E164,U+EE01-EE05,U+F000-F057,U+F6C3,U+FE20-FE2D,U+FEFF,U+FF01-FF60,U+FFA1-FFBE,U+FFC2-FFC7,U+FFCA-FFCF,U+FFD2-FFD7,U+FFDA-FFDC,U+FFE0-FFE1,U+FFE5-FFE6,U+1F10B,U+1F12F-1F149,U+1F150-1F16B,U+1F170-1F189,U+1F850,U+1F852,U+F0000-F0002; }
@font-face { font-family: "GOT PACK Web"; src: url("/_assets/GOTPackWeb-Core-ac07b80f9b6d.woff2") format("woff2"); font-weight: 45 920; font-style: normal; font-display: swap; unicode-range: U+20-7E,U+A0-148,U+14A-1C3,U+1C5-24F,U+2000-200D,U+2010-2027,U+202F-2060,U+2192,U+AC00-AC01,U+AC04,U+AC10-AC11,U+AC13,U+AC19,U+AC1C,U+AC70,U+AC74,U+AC83,U+AC8C,U+ACA9,U+ACAC,U+ACB0,U+ACC4,U+ACE0,U+ACF3,U+ACF5,U+ACFC,U+AD00,U+AD6C-AD6D,U+AD8C,U+ADF8,U+AE00,U+AE08-AE09,U+AE30,U+AE34,U+AE38,U+AE4C,U+AED8,U+AF2C,U+B07C,U+B098,U+B0A0,U+B0A8,U+B0B4,U+B108,U+B110,U+B113,U+B144,U+B204,U+B208,U+B274,U+B294,U+B2C8,U+B2D9,U+B2E4,U+B2EB,U+B2F4,U+B300,U+B354-B355,U+B3D9,U+B418,U+B41C,U+B429,U+B458,U+B4DC,U+B4F1,U+B514,U+B529,U+B530,U+B5A4,U+B610,U+B73B,U+B77C,U+B780,U+B798-B799,U+B79C,U+B7EC,U+B808-B809,U+B839,U+B85C-B85D,U+B86F,U+B8CC,U+B974,U+B978,U+B97C,U+B984,U+B9AC,U+B9B4,U+B9BC-B9BD,U+B9C8,U+B9CC,U+B9DE,U+B9E4,U+BA3C,U+BA54,U+BA70,U+BAA8-BAA9,U+BAAC,U+BABD,U+BB34,U+BB38,U+BB3C,U+BB49,U+BBA4,U+BBF8,U+BBFC,U+BC0F,U+BC14-BC15,U+BC1B-BC1C,U+BC29,U+BC30,U+BC95,U+BCA8,U+BCBD,U+BCC4,U+BCF4,U+BCF8,U+BD09,U+BD80-BD81,U+BD84,U+BE0C,U+BE14,U+BE44,U+C068,U+C0AC,U+C0B4,U+C0C1,U+C0C9,U+C0DD,U+C11C,U+C120,U+C124,U+C12F,U+C131,U+C138,U+C158,U+C18C,U+C218,U+C2A4,U+C2AC,U+C2B5,U+C2DC-C2DD,U+C2E0,U+C2E4,U+C2F1,U+C2F6,U+C528-C529,U+C544,U+C548,U+C54A,U+C558,U+C57C,U+C5B4-C5B5,U+C5D0,U+C5EC,U+C5F4,U+C601,U+C608,U+C624,U+C628,U+C640,U+C655,U+C678,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6C0,U+C6D0,U+C704,U+C720,U+C73C,U+C740,U+C744,U+C74C,U+C758,U+C774,U+C778,U+C77C,U+C785,U+C788,U+C790-C791,U+C7A5,U+C7AC,U+C800-C801,U+C804,U+C810-C811,U+C815,U+C81C,U+C870,U+C88B,U+C8FC,U+C900,U+C988,U+C990,U+C99D,U+C9C0-C9C1,U+C9C4,U+C9D1,U+CC3E,U+CC44,U+CC98,U+CC9C,U+CCB4,U+CD08,U+CD9C,U+CDE8,U+CE04,U+CE20,U+CE58,U+CE74,U+CE78,U+CEEC,U+CF00,U+CF13,U+CF54,U+D06C,U+D0A4,U+D0C0,U+D0C4,U+D0D1,U+D0DC-D0DD,U+D130,U+D14C,U+D1A0,U+D2B8,U+D2F0,U+D30C,U+D310,U+D328-D329,U+D3B4,U+D3EC,U+D45C,U+D488,U+D504,U+D508,U+D53C,U+D558,U+D55C,U+D560,U+D568-D569,U+D56D,U+D574,U+D589,U+D5A5,U+D600,U+D604,U+D638,U+D648,U+D654-D655,U+D68D,U+D6C4,U+D734,U+D750,U+D788; }
:root {
  color-scheme: light;
  --gp-paper: #fff;
  --gp-surface: #f4f4f4;
  --gp-ink: #151515;
  --gp-secondary: #626262;
  --gp-caption: #626262;
  --gp-line: #e5e6e7;
  --gp-blue: #2457ff;
  --gp-content: 1248px;
  --gp-gutter: 40px;
  --gp-layout-gap: 48px;
  --gp-section-space: 80px;
  --gp-gap-title: 16px;
  --gp-type-display: 3.5rem;
  --gp-type-page: 3rem;
  --gp-type-section: 2rem;
  --gp-type-group: 1.5rem;
  --gp-type-item: 1rem;
  --gp-type-body: 1rem;
  --gp-type-label: .875rem;
  --gp-type-note: .875rem;
  --gp-type-caption: .75rem;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin: 0; background: var(--gp-paper); color: var(--gp-ink); font-family: "GOT PACK Web",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif; -webkit-font-smoothing: antialiased; word-break: keep-all; overflow-wrap: break-word; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
img { max-width: 100%; height: auto; }
h1,h2,h3,p,figure { margin: 0; }
h1,h2,h3 { letter-spacing: -.035em; font-weight: 700; text-wrap: balance; }
p { font-size: var(--gp-type-body); line-height: 1.65; }
a:focus-visible,button:focus-visible,[tabindex]:focus-visible { outline: 2px solid var(--gp-blue); outline-offset: 4px; }
.wrap { width: min(calc(100% - var(--gp-gutter) * 2),var(--gp-content)); margin-inline: auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; left: 20px; z-index: 1000; background: #fff; padding: 12px 18px; transform: translateY(-160%); font-size: var(--gp-type-label); }
.skip-link:focus { transform: none; }

/* Shared navigation and footer. */
.site-header { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--gp-line); }
.header-main { height: 88px; display: flex; gap: 24px; align-items: center; }
.brand { display: block; position: relative; width: 88px; aspect-ratio: 1053/491; overflow: hidden; mix-blend-mode: multiply; flex: none; }
.brand img { position: absolute; max-width: none; width: 119.09%; left: -9.5%; top: -76.78%; }
.primary-nav { display: flex; gap: 36px; margin-left: auto; align-items: center; white-space: nowrap; }
.primary-nav a { display: inline-flex; align-items: center; justify-content: center; min-width: 4em; min-height: 44px; font-size: var(--gp-type-body); font-weight: 600; padding: 10px 0 8px; border-bottom: 2px solid transparent; }
.primary-nav a.active { color: var(--gp-blue); border-color: var(--gp-blue); }
.primary-nav a:hover { color: var(--gp-blue); text-decoration: underline; text-underline-offset: 5px; }
.primary-nav a:focus-visible { color: var(--gp-blue); outline: 2px solid var(--gp-blue); outline-offset: 4px; }
.site-footer { border-top: 1px solid var(--gp-line); padding-bottom: env(safe-area-inset-bottom,0px); }
.footer-signature { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 40px 0 24px; }
.footer-wordmark { width: 112px; }
.footer-slogan { display: flex; flex: none; align-items: center; gap: .3em; font-family: Arial,Helvetica,sans-serif; font-size: 1rem; font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--gp-secondary); }
.footer-slogan-words { display: grid; gap: .02em; text-align: right; line-height: 1; }
.footer-slogan-object { display: block; font-size: 2.7em; line-height: .8; letter-spacing: -.06em; padding-right: .06em; }
.footer-notes { display: grid; grid-template-columns: 1fr 3fr; gap: 24px; border-top: 1px solid var(--gp-line); padding: 20px 0 28px; font-size: var(--gp-type-caption); color: var(--gp-caption); line-height: 1.8; }
.footer-notes p { font-size: var(--gp-type-caption); line-height: 1.8; margin: 0 0 5px; }
.credit-links a { border-bottom: 1px solid #d1d4d0; }

/* Shared type, image crops and links. */
.text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--gp-type-label); font-weight: 600; line-height: 1.5; padding: 8px 0; border-bottom: 1px solid var(--gp-ink); color: var(--gp-ink); }
.text-link:hover { color: var(--gp-ink); border-color: var(--gp-ink); }
.image-crop { position: relative; overflow: hidden; width: 100%; }
.image-crop img { position: absolute; max-width: none; height: auto; display: block; }
.supporting-note { font-size: var(--gp-type-note); color: var(--gp-caption); line-height: 1.65; }
.section-description { color: var(--gp-secondary); }
.brand-story,.home-store,.page-hero,.store-channel { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: var(--gp-layout-gap); }
.brand-story h2,.home-store h2 { font-size: var(--gp-type-section); line-height: 1.4; margin-bottom: var(--gp-gap-title); }
.page-hero h1,.store-opening h1,.store-opening h2 { font-size: var(--gp-type-page); line-height: 1.3; margin-bottom: var(--gp-gap-title); }

/* Brand: a quiet canvas, with the collection providing the color. */
.hero { background: #fff; overflow: hidden; padding: 32px 0 0; }
.hero-inner { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: 48px; min-height: 460px; align-items: stretch; }
.hero-copy { padding-block: 64px; align-self: center; }
.shop-descriptor { font-size: var(--gp-type-label); font-weight: 600; color: var(--gp-blue); margin-bottom: 24px; }
.hero h1 { font-size: var(--gp-type-display); line-height: 1.16; letter-spacing: -.055em; margin-bottom: 24px; font-weight: 750; }
.hero-selection { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 72px 28px; min-width: 0; background: var(--gp-surface); }
.hero-selection img { width: 29%; object-fit: contain; max-height: 290px; box-shadow: 0 4px 10px #00000012; }
.hero-selection img:first-child { transform: translateY(24px); }
.hero-selection img:last-child { transform: translateY(-24px); }
.brand-story { align-items: center; padding-block: var(--gp-section-space); }
.brand-collection { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 32px 24px; background: var(--gp-surface); }
.brand-collection img { width: min(42%,180px); height: auto; object-fit: contain; }
.collection-copy { max-width: 410px; justify-self: center; }
.collection-copy p,.home-store-copy p { color: var(--gp-secondary); }
.collection-copy p+p { margin-top: 16px; }
.home-store { border-top: 1px solid var(--gp-line); padding-block: var(--gp-section-space); align-items: center; }
.home-store-copy p+p { margin-top: 12px; }
.home-store-copy>.text-link { margin-top: 22px; }
.home-store-image { aspect-ratio: 884/360; }
.home-store-image img { width: 173.76%; left: -2.26%; top: -12.78%; }
.home-overview { border-bottom: 1px solid var(--gp-line); padding-block: 32px; }
.home-overview>h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.overview-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.overview-list>a { display: block; padding: 4px 24px; border-left: 1px solid var(--gp-line); }
.overview-list>a:first-child { padding-left: 0; border: 0; }
.overview-list h3 { font-size: var(--gp-type-body); line-height: 1.6; font-weight: 650; margin-bottom: 6px; }
.overview-list p { font-size: var(--gp-type-label); line-height: 1.75; color: var(--gp-secondary); }
.overview-list>a:hover h3 { text-decoration: underline; text-underline-offset: 5px; }

/* Original pack: one introduction, followed directly by the collection. */
.page-hero { align-items: center; padding-block: 48px 64px; }
.page-hero-copy>p { color: var(--gp-secondary); max-width: 340px; }
.page-hero-copy>.supporting-note { margin-top: 24px; color: var(--gp-caption); max-width: 370px; }
.page-hero-figure { min-width: 0; }
.pack-crop { aspect-ratio: 3/2; }
.pack-crop img { width: 202.7%; left: 0; top: -11.3%; }

/* Stores: a visual introduction alongside a continuous product/service list. */
.store-channel { align-items: start; padding-block: 64px; border-top: 1px solid var(--gp-line); }
.page-store #online { border-top: 0; padding-top: 48px; }
.store-opening { min-width: 0; display: grid; gap: 32px; }
.store-opening-copy { min-width: 0; }
.store-visual { aspect-ratio: 3/2; min-width: 0; }
.online-pack-crop img { width: 202.6923077%; left: -101.2820513%; top: -12.1153846%; }
.offline-sign-crop img { width: 204.8%; left: -13.3333333%; top: -10.8%; }
.store-offerings { min-width: 0; }
.offering-list>article { display: grid; grid-template-columns: 112px minmax(0,1fr); align-items: baseline; gap: 24px; padding-block: 24px; border-bottom: 1px solid var(--gp-line); }
.offering-list>article:first-child { padding-top: 8px; }
.offering-list :is(h2,h3) { font-size: var(--gp-type-item); line-height: 1.5; text-wrap: initial; }
.offering-list p { color: var(--gp-secondary); }
.store-notice { padding-block: 0 40px; }
.store-notice p { font-size: var(--gp-type-note); line-height: 1.75; color: var(--gp-caption); }

/* Card galleries retain consistent proportions and deliberate horizontal browsing. */
.curation-row { display: grid; grid-template-columns: 1fr; gap: 16px; }
.curation-copy,.graded-copy { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; }
.curation-row { padding-block: 40px; border-top: 1px solid var(--gp-line); }
.curation-copy { padding-top: 0; }
.curation-copy h3,.graded-copy h2 { font-size: var(--gp-type-group); line-height: 1.4; }
.curation-copy h3 { margin-bottom: 0; }
.curation-copy p { color: var(--gp-secondary); font-size: var(--gp-type-label); }
.curation-browser { min-width: 0; }
.curation-controls { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-bottom: 12px; }
.curation-controls>span { font-size: var(--gp-type-caption); color: var(--gp-caption); margin-right: auto; }
.curation-controls button { padding: 8px 11px; font-size: var(--gp-type-label); min-height: 44px; min-width: 44px; border: 1px solid var(--gp-line); background: #fff; color: var(--gp-secondary); }
button:disabled { opacity: .35; cursor: default; }
.curated-cards { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #c9ccc7 transparent; overscroll-behavior-x: contain; padding: 0 0 16px; }
.curated-cards figure { flex: 0 0 calc((100% - 72px)/4); min-width: 0; text-align: left; scroll-snap-align: start; }
.curated-cards img { display: block; width: 100%; height: 100%; object-fit: contain; }
.curated-cards figure>img { aspect-ratio: 63/88; height: auto; }
.curated-cards figcaption { font-size: 1rem; font-weight: 550; line-height: 1.5; color: var(--gp-ink); margin-top: 12px; }
.graded-story { padding-block: 48px var(--gp-section-space); border-top: 1px solid var(--gp-line); }
.graded-copy { margin-bottom: 32px; }
.graded-copy p { color: var(--gp-secondary); }
.grading-service-link { margin-top: 12px; }
.graded-examples { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.graded-examples figure>div { aspect-ratio: 4/5; padding: 28px; background: var(--gp-surface); }
.graded-examples img { display: block; height: 100%; width: auto; max-width: 100%; object-fit: contain; margin: auto; }
.graded-examples figcaption { margin-top: 12px; text-align: left; }
.graded-examples figcaption strong,.graded-examples figcaption span { display: block; font-size: var(--gp-type-label); font-weight: 500; line-height: 1.6; }
.graded-examples figcaption span { color: var(--gp-caption); }
.graded-examples .cgc-scan { height: 100%; aspect-ratio: 1700/2855; position: relative; overflow: hidden; margin: auto; border-radius: 4%; }
.graded-examples .cgc-scan img { position: absolute; width: 107.706%; height: 105.289%; max-width: none; left: -4.412%; top: -2.347%; }
.card-view { display: block; background: none; border: 0; padding: 0; width: 100%; cursor: zoom-in; line-height: 0; }
.curated-cards .card-view { aspect-ratio: 4/5; padding: 24px; background: var(--gp-surface); transition: background .2s; }
.curated-cards .card-view:hover { background: #ebebeb; }
.graded-examples .card-view { height: 100%; display: flex; align-items: center; justify-content: center; }

/* Card detail dialog. */
.card-dialog { border: 0; padding: 22px; width: min(620px,calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; color: var(--gp-ink); background: #fff; box-shadow: 0 20px 70px #0003; }
.card-dialog::backdrop { background: #14161999; backdrop-filter: blur(4px); }
.card-dialog-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 12px; }
.card-dialog-bar>span { font-size: var(--gp-type-caption); color: var(--gp-caption); }
.card-dialog button { background: #fff; border: 1px solid var(--gp-line); font-size: var(--gp-type-label); min-height: 42px; padding: 8px 12px; }
.card-dialog-image { height: min(52dvh,530px); display: flex; justify-content: center; }
.card-dialog-image img { width: 100%; height: 100%; object-fit: contain; }
.card-dialog-info { margin-top: 20px; }
.card-dialog h2 { font-size: var(--gp-type-group); line-height: 1.4; margin-bottom: 8px; }
.card-dialog-details { font-size: var(--gp-type-label); color: var(--gp-secondary); line-height: 1.8; }
.card-dialog-nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 18px; }
.card-dialog-count,.card-dialog-note { font-size: var(--gp-type-caption); color: var(--gp-caption); }
.card-dialog-note { margin-top: 14px; line-height: 1.7; }

/* Tablet: same alignment system, tighter columns. */
@media (max-width: 1100px) {
  :root { --gp-gutter: 32px; --gp-layout-gap: 40px; --gp-type-display: 2.75rem; }
  .hero-selection { gap: 16px; }
  .offering-list>article { grid-template-columns: 1fr; gap: 8px; padding-block: 20px; }
  .curation-row { gap: 20px; }
  .curated-cards { gap: 20px; }
  .curated-cards figure { flex-basis: calc((100% - 40px)/3); }
}

/* Mobile: copy, then photo, then products; no constrained desktop columns. */
@media (max-width: 800px) {
  :root { --gp-gutter: 20px; --gp-layout-gap: 28px; --gp-section-space: 48px; --gp-gap-title: 16px; --gp-type-display: 2.25rem; --gp-type-page: 2.25rem; --gp-type-section: 1.75rem; --gp-type-group: 1.25rem; }
  html { scroll-padding-top: 80px; }
  .header-main { height: 68px; gap: 16px; }
  .header-main .brand { width: 65px; }
  .primary-nav { gap: 20px; }
  .primary-nav a { font-size: var(--gp-type-label); padding: 9px 0 7px; }
  .hero-inner { grid-template-columns: 1fr; gap: 0; min-height: 0; }
  .hero { padding-top: 0; }
  .hero-copy { padding: 32px 0 24px; }
  .shop-descriptor { margin-bottom: 14px; }
  .hero h1 { line-height: 1.18; margin-bottom: 20px; }
  .hero-selection { padding: 40px 16px; justify-content: center; gap: 14px; min-height: 240px; }
  .hero-selection img { width: 28%; max-height: 250px; }
  .brand-story,.home-store,.page-hero,.store-channel { grid-template-columns: 1fr; }
  .collection-copy { order: 0; max-width: none; justify-self: stretch; }
  .brand-collection { order: 1; padding: 24px; gap: 20px; }
  .home-store-copy>.text-link { margin-top: 16px; }
  .home-overview { padding-block: 24px; }
  .home-overview>h2 { margin-bottom: 12px; }
  .overview-list { grid-template-columns: 1fr; gap: 0; }
  .overview-list>a { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 16px; align-items: baseline; padding: 10px 0; border-left: 0; }
  .overview-list h3 { margin: 0; }
  .page-hero { padding-top: 32px; }
  .page-hero-copy>p,.page-hero-copy>.supporting-note { max-width: none; }
  .page-hero-copy>.supporting-note { margin-top: 16px; }
  .page-store #online { padding-top: 32px; }
  .store-opening { gap: 24px; }
  .offering-list>article { grid-template-columns: 128px minmax(0,1fr); gap: 20px; padding-block: 20px; }
  .offering-list>article:first-child { padding-top: 0; }
  .store-notice { padding-bottom: 32px; }
  .curation-row { grid-template-columns: 1fr; gap: 16px; padding-block: 32px; }
  .curation-copy { display: block; padding-top: 0; }
  .curation-copy h3 { margin-bottom: 8px; }
  .curation-copy p { max-width: none; }
  .curated-cards { gap: 16px; }
  .curated-cards figure { flex-basis: 44%; }
  .curated-cards .card-view { padding: 14px; }
  .graded-story { padding-top: 32px; }
  .graded-copy { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 24px; }
  .graded-examples { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; }
  .graded-examples figure>div { padding: 18px; }
  .footer-signature { padding: 30px 0 24px; gap: 20px; }
  .footer-wordmark { width: 96px; }
  .footer-slogan { font-size: .875rem; }
  .footer-notes { grid-template-columns: 1fr; gap: 9px; padding: 17px 0 24px; }
  .card-dialog { padding: 16px; }
  .card-dialog-image { height: 48dvh; }
}
@media (max-width: 520px) {
  .offering-list>article { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 360px) {
  .primary-nav { gap: 15px; }
  .header-main .brand { width: 58px; }
  .header-main { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Clear product introductions and a consistent editorial rhythm. */
.hero-art { min-width: 0; align-self: center; }
.hero-description { color: var(--gp-secondary); max-width: 440px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 28px; }
.button-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 48px; padding: 12px 18px; background: var(--gp-ink); color: #fff; font-size: 15px; font-weight: 600; }
.button-link:hover { background: var(--gp-blue); }
.visual-caption { color: var(--gp-caption); font-size: 12px; line-height: 1.6; margin-top: 10px; }
.hero-art>.visual-caption { text-align: right; }
.eyebrow { font-size: 14px; color: var(--gp-secondary); line-height: 1.5; margin-bottom: 16px; }
.page-intro { display: grid; grid-template-columns: 5fr 7fr; gap: var(--gp-layout-gap); padding-block: 56px 44px; align-items: end; }
.page-intro h1 { font-size: var(--gp-type-page); line-height: 1.1; letter-spacing: -.045em; }
.page-intro-description>p { color: var(--gp-secondary); }
.page-intro-description>.supporting-note { margin-top: 14px; }
.section-nav { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 20px; }
.section-nav a { display: inline-flex; min-height: 44px; align-items: center; border-bottom: 1px solid var(--gp-line); font-size: 14px; font-weight: 600; }
.section-nav a:hover { border-color: var(--gp-ink); }
.pack-feature { display: grid; grid-template-columns: minmax(0,240px) minmax(0,1fr); align-items: center; gap: 40px; padding-block: 32px; border-top: 1px solid var(--gp-line); }
.pack-feature-copy { max-width: 620px; }
.pack-feature h2,.collection-intro h2 { font-size: 32px; line-height: 1.3; margin-bottom: 16px; }
.pack-feature-copy>.supporting-note { margin-top: 20px; }
.pack-feature-copy>.text-link { margin-top: 20px; gap: 20px; }
.collection-intro { display: grid; grid-template-columns: 5fr 7fr; gap: var(--gp-layout-gap); border-top: 2px solid var(--gp-ink); padding-block: 24px; align-items: start; }
.collection-intro h2 { margin: 0; }
.collection-intro .supporting-note { margin: 0; }
.curated-cards figcaption strong,.curated-cards figcaption span { display: block; }
.curated-cards figcaption strong { font-size: 15px; font-weight: 600; }
.curated-cards figcaption span { font-size: 13px; color: var(--gp-secondary); margin-top: 4px; }
.curation-controls>span { font-size: 13px; }
.curation-controls button { border: 0; background: var(--gp-surface); }
.graded-example-note { margin-top: -16px; margin-bottom: 24px; }
.store-opening h2 { font-size: 28px; }
.page-store #online { border-top: 1px solid var(--gp-line); padding-top: 40px; }
.store-next { border-top: 1px solid var(--gp-line); padding-block: 32px 48px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.store-next p { font-size: 20px; font-weight: 650; }
.text-link>span { margin-left: 14px; }
@media (min-width:801px) and (max-width:1100px) {
 .hero-inner { gap: 32px; }
 .hero-copy { padding-block: 32px; }
 .hero-selection { padding: 72px 18px; gap: 12px; }
 .pack-feature { gap: 40px; }
}
@media (max-width:800px) {
 .hero-copy { padding: 32px 0 28px; }
 .hero h1 { margin-bottom: 18px; }
 .hero-description { font-size: 16px; line-height: 1.65; }
 .hero-actions { margin-top: 22px; gap: 20px; }
 .button-link { font-size: 14px; min-height: 46px; padding: 11px 16px; gap: 18px; }
 .hero-selection { padding: 42px 18px; min-height: 220px; }
 .hero-art>.visual-caption { text-align: left; }
 .page-intro { grid-template-columns: 1fr; gap: 24px; padding-block: 36px 32px; }
 .eyebrow { font-size: 13px; margin-bottom: 12px; }
 .section-nav { margin-top: 16px; gap: 8px 24px; }
 .pack-feature { grid-template-columns: minmax(0,120px) minmax(0,1fr); gap: 20px; padding-block: 28px; }
 .pack-feature-copy { max-width: none; }
 .pack-feature h2,.collection-intro h2 { font-size: 26px; margin-bottom: 12px; }
 .pack-feature-copy>.supporting-note { margin-top: 14px; }
 .pack-feature-copy>.text-link { margin-top: 12px; }
 .collection-intro { grid-template-columns: 1fr; gap: 10px; padding-block: 20px; }
 .collection-intro h2 { margin: 0; }
 .desktop-break { display: none; }
 .curation-row { gap: 8px; }
 .curation-copy h3 { font-size: 21px; }
 .curation-copy p { font-size: 15px; }
 .curation-controls { margin-bottom: 12px; }
 .curated-cards figcaption strong { font-size: 14px; }
 .curated-cards figcaption span { font-size: 12px; }
 .store-opening h2 { font-size: 26px; }
 .page-store #online { padding-top: 32px; }
 .store-channel { padding-block: 40px; }
 .graded-example-note { margin-top: 0; }
 .store-next { display: block; padding-block: 28px 40px; }
 .store-next p { font-size: 18px; }
 .store-next .text-link { margin-top: 12px; }
}
@media (min-width:601px) and (max-width:800px) {
 .hero-inner { grid-template-columns: 1fr 1fr; gap: 28px; }
 .hero h1 { font-size: 36px; }
 .hero-selection { padding: 70px 14px; gap: 10px; }
 .hero-selection img { width: 29%; }
 .hero-actions { gap: 10px 20px; }
}

.hero-availability { font-size: 13px; line-height: 1.6; color: var(--gp-secondary); margin-top: 18px; max-width: 420px; }
@media(max-width:800px) {
 .page-original .page-intro { gap: 18px; padding-block: 32px 28px; }
 .page-store .store-opening { display: contents; }
 .page-store .store-opening-copy { order: 0; }
 .page-store .store-offerings { order: 1; }
 .page-store .store-photo { order: 2; }
}

@media (min-width:601px) and (max-width:800px) {
 .overview-list { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
 .overview-list>a { display: block; padding: 4px 16px; border-left: 1px solid var(--gp-line); }
 .overview-list>a:first-child { padding-left: 0; }
 .overview-list h3 { margin-bottom: 6px; }
 .brand-story,.home-store { grid-template-columns: 1fr 1fr; gap: 28px; }
 .brand-collection { order: 0; }
 .collection-copy { order: 1; }
 .pack-feature-copy { order: 0; }
}

/* A compact, explicitly proposed retail partnership model. */
.partner-model { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: var(--gp-layout-gap); border-top: 1px solid var(--gp-line); padding-block: 48px; }
.partner-heading h2 { font-size: 28px; line-height: 1.4; }
.partner-copy>p { color: var(--gp-secondary); }
.partner-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; list-style: none; padding: 0; margin: 28px 0 24px; }
.partner-steps li { min-width: 0; border-top: 1px solid var(--gp-line); padding-top: 16px; }
.partner-step-number { display: block; color: var(--gp-blue); font-size: 13px; margin-bottom: 12px; }
.partner-steps h3 { font-size: 16px; line-height: 1.5; margin-bottom: 8px; }
.partner-steps p { font-size: 14px; line-height: 1.65; color: var(--gp-secondary); }
@media(max-width:800px) {
 .partner-model { grid-template-columns: 1fr; gap: 20px; padding-block: 36px; }
 .partner-heading h2 { font-size: 26px; }
}
@media(max-width:520px) {
 .partner-steps { grid-template-columns: 1fr; gap: 20px; margin-block: 24px; }
 .partner-steps li { display: grid; grid-template-columns: 28px minmax(0,1fr); column-gap: 12px; }
 .partner-step-number { grid-row: 1/3; padding-top: 2px; margin: 0; }
 .partner-steps p { grid-column: 2; }
}

.store-support-note { margin-top: 24px; max-width: 42em; }

.supplies-image img { display: block; width: 100%; height: auto; }

.page-original .curation-row:first-child { border-top: 0; padding-top: 16px; }
.pack-feature h2 { font-size: 26px; }
@media(max-width:520px) {
 .pack-feature { grid-template-columns: 96px minmax(0,1fr); gap: 20px; }
 .pack-feature h2 { font-size: 22px; }
}