@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--ink:#212b3d;--paper:#f6f2eb;--rust:#b25e45;--line:#d4c8bd;font-family:'Noto Sans JP',sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{overflow-x:hidden}a{color:inherit}.skip{position:absolute;left:-9999px;top:4px;background:#fff;padding:8px;z-index:10}.skip:focus{left:8px}
.notice{margin:0;padding:7px 5vw;background:#263342;color:#fff;font-size:10px;line-height:1.7}.bar{min-height:70px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);font:600 11px 'DM Sans',sans-serif;letter-spacing:.13em}.bar a{text-decoration:none}.bar a:last-child{border-bottom:1px solid;padding-bottom:4px}.brand{font-size:22px;font-weight:700;letter-spacing:-.05em;white-space:nowrap}.brand span{font-size:11px;border:1px solid;border-radius:50%;padding:7px;margin-left:5px;vertical-align:middle;letter-spacing:0}
.hero{position:relative;padding-bottom:70px}.hero-photo{position:relative;height:min(52vw,460px);min-height:400px;overflow:hidden}.hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%}.hero-photo span{position:absolute;right:3vw;top:26px;background:#f6f2ebdd;padding:9px 12px;font:700 11px 'DM Sans',sans-serif;letter-spacing:.14em}.hero-copy{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:30px;align-items:end;width:min(1100px,84vw);margin:-85px 0 0 6vw;padding:30px 45px 33px;background:#df9c82;color:#17283e;box-shadow:12px 12px 0 #17283e}.hero-index{font-weight:900;font-size:clamp(15px,1.45vw,20px);margin:0 0 8px}.hero h1{font-weight:900;font-size:clamp(58px,7.3vw,105px);line-height:1.18;letter-spacing:-.09em;margin:0;white-space:nowrap}.hero-side{padding-bottom:7px}.hero-side p{font-size:clamp(13px,1.2vw,16px);line-height:1.8;margin:0 0 17px;font-weight:700}.hero-side a{display:inline-block;text-decoration:none;border-bottom:2px solid;padding-bottom:7px;font-size:13px;font-weight:900}.hero-side a span{margin-left:18px}
.look{display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);gap:0 5vw;padding:95px 6vw 110px;background:#ece8df}.look-heading{grid-row:1/4}.look-heading>span,.closing span{font:700 11px 'DM Sans',sans-serif;letter-spacing:.17em}.look h2,.closing h2{font-size:clamp(42px,4.7vw,72px);line-height:1.3;letter-spacing:-.08em;margin:27px 0 23px}.look-heading p{font-size:14px;line-height:2;max-width:25em}.look-frame{height:min(48vw,560px);min-height:360px;overflow:hidden;background:#bda797}.look-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;transform-origin:48% 45%}.look-frame.is-detail img{transform:scale(1.7)}.look-controls{display:flex;gap:8px;margin-top:15px}.look-controls button{flex:1;padding:15px 18px;border:1px solid var(--ink);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:700 13px 'Noto Sans JP',sans-serif}.look-controls button[aria-pressed=true]{background:var(--ink);color:#fff}.look-controls button:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.look-caption{font-size:13px;line-height:1.8;min-height:2em;margin:15px 0 0}
.closing{padding:100px 6vw;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr minmax(250px,34%);gap:5vw;align-items:end}.closing h2{margin:20px 0 0}.closing p{font-size:13px;line-height:2}.closing a{display:inline-block;text-decoration:none;border-bottom:1px solid;padding-bottom:8px;margin-top:22px;font-size:13px}footer{background:#182231;color:var(--paper);padding:24px 6vw;font:700 11px 'DM Sans',sans-serif;letter-spacing:.15em}
@media(max-width:900px){.hero-photo{height:58vw;min-height:360px}.hero-copy{width:88vw;grid-template-columns:1fr;margin:-48px 0 0 6vw;padding:26px 30px;gap:10px}.hero h1{font-size:clamp(54px,11vw,85px)}.hero-side p{margin-bottom:11px}.look{display:block;padding:75px 6vw}.look-heading{margin-bottom:27px}.look h2{font-size:clamp(44px,7vw,64px);margin:16px 0}.look-heading p{max-width:none}.look-frame{height:55vw;min-height:340px}.closing{padding:75px 6vw}}
@media(max-width:560px){.notice{font-size:9px}.bar{min-height:60px;padding:10px 5vw}.bar>span{display:none}.bar a:last-child{font-size:11px}.brand{font-size:19px}.hero{padding-bottom:50px}.hero-photo{height:68vw;min-height:260px}.hero-photo img{object-position:52% center}.hero-photo span{font-size:8px;right:9px;top:10px}.hero-copy{margin:-25px 0 0 5vw;width:90vw;padding:19px 19px 23px;box-shadow:6px 6px 0 #17283e}.hero-index{font-size:14px}.hero h1{font-size:clamp(49px,12.6vw,70px)}.hero-side p{font-size:12px;line-height:1.75}.hero-side a{font-size:12px}.look{padding:64px 5vw}.look h2{font-size:43px}.look-frame{height:68vw;min-height:250px}.look-controls button{padding:13px 10px;font-size:12px}.closing{display:block;padding:70px 5vw}.closing h2{font-size:clamp(39px,10vw,55px)}.closing>div:last-child{margin-top:40px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.look-frame img{transition:none}}

/* The storefront photograph leads into a two-line trade title on the coral card. */
.hero-copy{align-items:center;padding-top:clamp(26px,3vw,40px);padding-bottom:clamp(29px,3vw,42px)}
.hero-index{margin-bottom:14px;font-size:clamp(12px,1.2vw,15px);letter-spacing:.06em}
.hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.22;white-space:nowrap;letter-spacing:-.08em}
@media(max-width:900px){.hero h1{font-size:clamp(43px,8vw,69px)}}
@media(max-width:560px){
  .hero-copy{align-items:start}
  .hero h1{font-size:clamp(39px,10vw,54px)}
}