:root { --navy:#101d35; --ink:#16233a; --blue:#dcecf2; --ice:#f3f8fa; --line:#cbd8dc; --white:#fff; --muted:#5f6c7a; }
            * { box-sizing:border-box; }
            html { scroll-behavior:smooth; }
            body { margin:0; background:#fff; color:var(--ink); font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; line-height:1.9; }
            a { color:inherit; text-decoration:none; }
            img { display:block; width:100%; }
            .site-header { height:84px; padding:0 5vw; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid #e8eef0; background:rgba(255,255,255,.96); position:relative; z-index:10; }
            .brand { width:112px; overflow:hidden; }
            .brand img, footer img, .final-cta>img { height:auto; filter:none; }
            .site-header nav { display:flex; gap:40px; font-size:12px; letter-spacing:.14em; }
            .site-header nav a:hover { opacity:.55; }
            .header-cta { justify-self:end; background:var(--navy); color:white; padding:12px 24px; font-size:12px; letter-spacing:.1em; }
            .hero { min-height:calc(100svh - 84px); display:grid; grid-template-columns:47% 53%; background:linear-gradient(120deg,#fff 0%,#f0f8fa 72%); position:relative; overflow:hidden; }
            .hero-copy { align-self:center; padding:8vw 5vw 7vw 9vw; z-index:2; }
            .eyebrow { font:600 10px/1.4 Arial,sans-serif; letter-spacing:.26em; color:#557889; margin:0 0 28px; }
            h1,h2,h3,p { margin-top:0; }
            h1,h2 { font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-weight:500; letter-spacing:.06em; }
            h1 { font-size:clamp(42px,5vw,76px); line-height:1.42; margin-bottom:32px; }
            h2 { font-size:clamp(32px,4vw,56px); line-height:1.55; margin-bottom:28px; }
            .hero-lead { font-family:"Yu Mincho",serif; font-size:16px; letter-spacing:.08em; margin-bottom:32px; }
            .hero-meta { display:flex; gap:0; margin-bottom:32px; }
            .hero-meta span { border-left:1px solid var(--line); padding:0 20px; font-size:11px; letter-spacing:.15em; }
            .hero-meta span:last-child { border-right:1px solid var(--line); }
            .primary-cta { display:inline-flex; align-items:center; justify-content:space-between; gap:56px; background:var(--navy); color:white; padding:18px 24px; min-width:330px; font-size:13px; letter-spacing:.08em; transition:.25s; }
            .primary-cta:hover { transform:translateY(-2px); background:#203a60; }
            .hero-shop-links { width:min(100%,480px); display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
            .hero-shop-links a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; padding:12px 14px; border:1px solid var(--line); background:rgba(255,255,255,.72); transition:.2s; }
            .hero-shop-links a:hover { border-color:var(--navy); background:white; transform:translateY(-1px); }
            .hero-shop-links span { color:var(--muted); font-size:9px; white-space:nowrap; }
            .hero-shop-links b { font-size:10px; font-weight:500; white-space:nowrap; }
            .price { margin:14px 0 0; font-size:11px; color:var(--muted); }
            .price strong { font-size:18px; color:var(--ink); margin-left:8px; }
            .campaign-note { margin:10px 0 0; color:var(--muted); font-size:10px; line-height:1.6; }
            .numbered-image { position:relative; margin:0; overflow:hidden; background:#edf3f4; }
            .numbered-image img { height:100%; object-fit:cover; }
            .numbered-image figcaption { position:absolute; left:0; bottom:0; background:rgba(16,29,53,.86); color:#fff; padding:8px 14px; font:600 9px/1 Arial,sans-serif; letter-spacing:.18em; }
            .hero-photo { height:calc(100svh - 84px); }
            .hero-photo img { object-position:center 22%; }
            .hero-note { position:absolute; right:5vw; bottom:3vw; color:white; font:10px/1 Arial,sans-serif; letter-spacing:.24em; z-index:2; writing-mode:vertical-rl; display:flex; gap:14px; align-items:center; }
            .hero-note span { font-size:32px; }
            .section-pad { padding:130px 8vw; }
            .intro { display:grid; grid-template-columns:80px 1fr 1fr; gap:7vw; align-items:center; max-width:1440px; margin:auto; }
            .vertical-label { writing-mode:vertical-rl; font:9px/1 Arial,sans-serif; letter-spacing:.26em; color:#73909d; }
            .intro-body { font-family:"Yu Mincho",serif; font-size:15px; line-height:2.4; max-width:480px; }
            .collar-section { background:var(--ice); padding:110px 8vw; display:grid; grid-template-columns:1.08fr .92fr; gap:8vw; align-items:center; }
            .collar-gallery { position:relative; min-height:720px; }
            .collar-main { width:84%; height:580px; }
            .collar-main img { object-position:center; }
            .collar-sub { position:absolute; width:46%; height:360px; right:0; bottom:0; border:14px solid var(--ice); }
            .collar-copy>p:not(.eyebrow) { max-width:520px; font-size:14px; }
            .feature-list { list-style:none; padding:24px 0 0; margin:32px 0 0; border-top:1px solid var(--line); }
            .feature-list li { display:flex; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); align-items:center; }
            .feature-list li>span { font:11px Arial,sans-serif; color:#71909e; }
            .feature-list strong,.feature-list small { display:block; }
            .feature-list strong { font-family:"Yu Mincho",serif; letter-spacing:.08em; }
            .feature-list small { color:var(--muted); margin-top:3px; }
            .wear-section { max-width:1440px; margin:auto; }
            .wear-heading { text-align:center; margin-bottom:64px; }
            .wear-heading>p:last-child { color:var(--muted); }
            .wear-grid { display:grid; grid-template-columns:1fr .72fr 1fr .72fr; align-items:end; gap:18px; }
            .wear-grid .numbered-image { height:520px; }
            .wear-caption { writing-mode:vertical-rl; height:300px; justify-self:center; }
            .wear-caption span { font:9px Arial,sans-serif; letter-spacing:.24em; color:#71909e; }
            .wear-caption h3 { font-family:"Yu Mincho",serif; font-size:19px; font-weight:500; letter-spacing:.12em; margin-right:16px; }
            .details-section { background:var(--navy); color:white; padding:130px 8vw; }
            .details-copy { display:grid; grid-template-columns:.8fr 1fr 1fr; gap:5vw; align-items:start; margin-bottom:64px; }
            .details-copy .eyebrow { grid-column:1; }
            .details-copy h2 { grid-column:2; margin-top:-12px; }
            .details-copy>p:last-child { grid-column:3; color:#c2cbd7; font-size:14px; }
            .detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
            .detail-grid .numbered-image { height:330px; }
            .detail-grid article h3 { font-family:"Yu Mincho",serif; font-weight:500; letter-spacing:.1em; margin:24px 0 8px; }
            .detail-grid article>p { color:#bfc9d4; font-size:12px; }
            .garment-details { margin-top:88px; padding-top:64px; border-top:1px solid rgba(255,255,255,.2); display:grid; grid-template-columns:.72fr 1.28fr; gap:7vw; }
            .garment-details h3 { font-family:"Yu Mincho",serif; font-size:26px; font-weight:500; line-height:1.7; letter-spacing:.08em; }
            .garment-details ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0 40px; }
            .garment-details li { display:flex; gap:18px; padding:20px 0; border-top:1px solid rgba(255,255,255,.16); }
            .garment-details li>span { color:#84a5b5; font:10px Arial,sans-serif; padding-top:5px; }
            .garment-details strong { display:block; font-family:"Yu Mincho",serif; font-weight:500; letter-spacing:.06em; margin-bottom:5px; }
            .garment-details li p { color:#bfc9d4; font-size:11px; line-height:1.9; margin:0; }
            .dress-details { margin-top:54px; }
            .occasion { display:grid; grid-template-columns:1.15fr .85fr; gap:9vw; align-items:center; background:linear-gradient(90deg,#fff,#f3f9fa); }
            .occasion>.numbered-image { height:700px; }
            .styling-tips { margin-top:30px; padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
            .styling-title { margin-bottom:14px; color:#557889; font:600 9px/1.4 Arial,sans-serif; letter-spacing:.22em; }
            .styling-tips ul { list-style:none; margin:0; padding:0; }
            .styling-tips li { display:grid; grid-template-columns:120px 1fr; gap:12px; padding:9px 0; font-size:11px; line-height:1.8; }
            .styling-tips strong { font-family:"Yu Mincho",serif; font-weight:600; letter-spacing:.04em; }
            .styling-tips span { color:var(--muted); }
            .occasion-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:34px; }
            .occasion-tags span { border:1px solid var(--line); padding:7px 16px; font-size:11px; letter-spacing:.12em; }
            .size-section { padding:130px 7vw; display:grid; grid-template-columns:.55fr 1.45fr; gap:6vw; align-items:start; }
            .size-copy>p:not(.eyebrow) { color:var(--muted); font-size:14px; }
            dl { margin-top:40px; border-top:1px solid var(--line); }
            dl div { display:grid; grid-template-columns:110px 1fr; padding:14px 0; border-bottom:1px solid var(--line); font-size:12px; }
            dt { color:var(--muted); }
            .size-tables { min-width:0; }
            .table-block + .table-block { margin-top:36px; }
            .table-title { display:flex; justify-content:space-between; align-items:end; margin-bottom:12px; }
            .table-title h3 { font-family:"Yu Mincho",serif; font-size:19px; font-weight:500; letter-spacing:.1em; margin:0; }
            .table-title span { color:var(--muted); font-size:10px; }
            .table-scroll { overflow-x:auto; border-top:2px solid var(--navy); }
            table { width:100%; min-width:610px; border-collapse:collapse; font-size:12px; text-align:center; }
            th,td { padding:13px 10px; border-bottom:1px solid var(--line); white-space:nowrap; }
            thead th { background:var(--ice); color:var(--muted); font-weight:500; }
            tbody th { background:#fafcfc; font-weight:600; }
            .material-note { display:flex; gap:30px; padding:18px 16px; margin-top:34px; background:var(--ice); font-size:12px; }
            .material-note strong { min-width:70px; }
            .size-note { margin:14px 0 0; color:var(--muted); font-size:10px; }
            .final-cta { padding:110px 20px; text-align:center; background:linear-gradient(135deg,#dcecf2,#f8fbfc); }
            .final-cta>img { width:150px; margin:0 auto 28px; }
            .final-cta>p { font-family:"Yu Mincho",serif; letter-spacing:.12em; }
            .final-cta h2 { font-size:38px; margin-bottom:10px; }
            .final-price { font-size:22px; }
            .primary-cta.light { margin:20px auto; }
            .final-cta>small { display:block; color:var(--muted); }
            .shop-links { max-width:720px; margin:24px auto 18px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
            .shop-links .primary-cta { grid-column:1 / -1; width:100%; margin:0; }
            .shop-link { display:flex; flex-direction:column; align-items:flex-start; background:white; border:1px solid var(--line); padding:16px 20px; text-align:left; transition:.2s; }
            .shop-link:hover { border-color:var(--navy); transform:translateY(-2px); }
            .shop-link span { color:var(--muted); font-size:10px; }
            .shop-link b { font-size:12px; font-weight:500; letter-spacing:.06em; }
            .final-note { margin:0 auto 12px; }
            .asset-guide { max-width:1100px; margin:auto; }
            .asset-guide>p:not(.eyebrow) { color:var(--muted); font-size:13px; }
            .asset-table { border-top:2px solid var(--navy); margin-top:42px; }
            .asset-row { display:grid; grid-template-columns:90px 1fr 180px; gap:20px; border-bottom:1px solid var(--line); padding:13px 10px; font-size:12px; }
            .asset-row.head { background:var(--ice); font-weight:700; }
            footer { border-top:1px solid #e5ecee; display:flex; justify-content:space-between; align-items:center; padding:36px 6vw; color:var(--muted); font-size:9px; letter-spacing:.14em; }
            footer img { width:90px; }
            
            @media (max-width:900px) {
              .site-header { height:70px; grid-template-columns:1fr auto; }
              .site-header nav { display:none; }
              .brand { width:90px; }
              .header-cta { padding:10px 16px; }
              .hero { grid-template-columns:1fr; }
              .hero-copy { padding:72px 8vw 55px; order:2; }
              .hero-photo { height:68svh; order:1; }
              .hero-note { top:42px; bottom:auto; }
              h1 { font-size:42px; }
              .section-pad { padding:90px 7vw; }
              .intro { grid-template-columns:1fr; gap:16px; }
              .vertical-label { display:none; }
              .collar-section { grid-template-columns:1fr; padding:90px 7vw; }
              .collar-gallery { min-height:560px; }
              .collar-main { height:460px; }
              .collar-sub { height:280px; }
              .wear-grid { grid-template-columns:1fr 70px 1fr 70px; }
              .wear-grid .numbered-image { height:420px; }
              .details-copy { grid-template-columns:1fr; }
              .details-copy .eyebrow,.details-copy h2,.details-copy>p:last-child { grid-column:1; }
              .detail-grid { grid-template-columns:1fr; }
              .detail-grid .numbered-image { height:520px; }
              .garment-details { grid-template-columns:1fr; }
              .occasion,.size-section { grid-template-columns:1fr; }
              .occasion>.numbered-image { height:72svh; }
            }
            
            @media (max-width:600px) {
              .hero-copy { padding-left:7vw; padding-right:7vw; }
              h1 { font-size:36px; }
              h2 { font-size:30px; }
              .hero-lead { font-size:14px; }
              .hero-meta span { padding:0 12px; }
              .primary-cta { min-width:0; width:100%; gap:16px; font-size:12px; }
              .hero-shop-links { grid-template-columns:1fr; }
              .collar-gallery { min-height:470px; }
              .collar-main { width:90%; height:390px; }
              .collar-sub { width:54%; height:230px; border-width:8px; }
              .wear-grid { grid-template-columns:minmax(0,1fr); gap:0; }
              .wear-grid .numbered-image { width:100%; height:auto; aspect-ratio:4/5; }
              .wear-grid .numbered-image img { object-position:center top; }
              .wear-caption { writing-mode:horizontal-tb; width:100%; height:auto; padding:16px 2px 42px; justify-self:stretch; }
              .wear-caption span { display:block; margin-bottom:6px; }
              .wear-caption h3 { margin:0; font-size:17px; line-height:1.7; overflow-wrap:anywhere; }
              .detail-grid .numbered-image { height:360px; }
              .garment-details ul { grid-template-columns:1fr; }
              .styling-tips li { grid-template-columns:1fr; gap:2px; }
              .occasion>.numbered-image { height:62svh; }
              .asset-row { grid-template-columns:48px 1fr; gap:8px; }
              .asset-row span:last-child { grid-column:2; color:var(--muted); }
              .asset-row.head span:last-child { display:none; }
              .shop-links { grid-template-columns:1fr; }
              .shop-links .primary-cta { grid-column:1; }
              footer { display:block; text-align:center; }
              footer img { margin:0 auto 16px; }
            }
            
            @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

/* KORAN official header sizing */
.site-header { height: 86px; }
.site-header .brand { width: 190px; line-height: 0; }
.site-header .brand img { width: 100%; height: auto; }
@media (max-width: 820px) {
  .site-header { height: 72px; }
  .site-header .brand { width: 158px; }
}