:root{
  --bg:#f6f6f4;
  --ink:#111;
  --muted:#747474;
  --line:#d8d8d5;
  --max:1600px;
  --ease:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans JP",sans-serif;letter-spacing:.03em}
a{color:inherit;text-decoration:none}
img,picture{display:block;max-width:100%}
button{font:inherit}

.site-header{height:64px;position:fixed;left:0;right:0;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 28px;mix-blend-mode:difference;color:#fff;pointer-events:none}
.brand-logo,.menu-btn,.back-link{pointer-events:auto}
.brand-logo img{width:62px;filter:invert(1)}
.menu-btn{width:42px;height:42px;border:0;background:transparent;display:grid;place-content:center;gap:8px;cursor:pointer}
.menu-btn span{display:block;width:27px;height:1px;background:#fff;transition:.3s}
.menu-btn.is-open span:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-btn.is-open span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.store-tab{position:fixed;right:0;top:104px;z-index:20;background:#0d2e68;color:#fff;padding:28px 13px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.14em}

.hero{position:relative;background:#080808;overflow:hidden;min-height:100svh;display:flex;flex-direction:column}
.hero-slider{position:relative;flex:1 1 auto;min-height:0}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none;background:#050505;overflow:hidden}
.hero-slide.is-active{opacity:1;pointer-events:auto}
.hero-slide picture,.hero-slide img{width:100%;height:100%}
.hero-slide img{object-fit:contain;transform:scale(1.075);transition:transform 4s cubic-bezier(.22,1,.36,1);transform-origin:center center}
.hero-slide.is-active img{transform:scale(1)}
.hero-ui{position:absolute;left:50%;bottom:calc(clamp(132px,16vh,188px) + 18px);transform:translateX(-50%);display:flex;align-items:center;gap:18px;z-index:3}
.hero-dots{display:flex;gap:8px}
.hero-dots button{width:26px;height:2px;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer;transition:.3s}
.hero-dots button.is-active{background:#fff;width:44px}
.hero-control{border:0;background:none;color:#fff;font-size:12px;cursor:pointer}
.scroll-cue{position:absolute;left:28px;bottom:calc(clamp(132px,16vh,188px) + 16px);color:#fff;display:flex;align-items:center;gap:12px;font:500 10px "DM Sans";letter-spacing:.18em;z-index:3}
.scroll-cue i{display:block;width:60px;height:1px;background:#fff;position:relative;overflow:hidden}
.scroll-cue i:after{content:"";position:absolute;inset:0;background:#777;animation:scrollline 1.8s ease-in-out infinite}
.hero-copy-panel{flex:0 0 auto;background:#060205;color:#fff;min-height:clamp(132px,16vh,188px);display:flex;align-items:center;position:relative;z-index:2}
.hero-copy-inner{width:min(1600px,100%);margin:0 auto;padding:24px 54px 26px;display:grid;grid-template-columns:92px 1fr;gap:26px;align-items:flex-start}
.hero-copy-number{font:600 clamp(22px,2.2vw,34px)/1 "DM Sans";letter-spacing:.12em;color:#fff}
.hero-copy-text{max-width:1280px;transition:opacity .28s ease,transform .28s ease}
.hero-copy-text p{margin:0;color:#fff;font-size:clamp(13px,1vw,18px);line-height:1.75;font-weight:600}
.hero-copy-text p + p{margin-top:4px}
.hero-copy-text.is-changing{opacity:.4;transform:translateY(6px)}
@keyframes scrollline{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

.section{padding:130px 0}
.section-inner{margin:0 auto;padding:0 54px}
.section-inner.wide{max-width:var(--max)}
.section-inner.narrow{max-width:980px}
.center{text-align:center}
.major-heading{margin:0;font:600 clamp(38px,4vw,60px)/1 "DM Sans";letter-spacing:.08em}
.about{background:#fff;padding:86px 0 96px}
.about-brand-logo{width:112px;height:auto;margin:0 auto 24px;filter:invert(1)}
.about .major-heading{margin-bottom:30px}
.about-lead{font:500 clamp(18px,1.8vw,26px)/1.5 "DM Sans";letter-spacing:.02em;margin:0 0 32px}
.about p:not(.about-lead){font-size:16px;line-height:2.1;margin:10px 0;color:#333}
.simple-heading{margin-bottom:58px;text-align:center}

.recommend{background:#f5f5f3;padding:0}
.recommend-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,min(42vw,72vh));min-height:100vh;align-items:stretch}
.recommend-products{padding:82px clamp(42px,5vw,90px) 82px;align-self:start}
.recommend-head{text-align:center;margin:0 0 56px}
.recommend-head p{font-size:12px;color:var(--muted);margin:18px 0 0}
.watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px clamp(20px,3vw,54px)}
.watch-card{position:relative;min-width:0}
.watch-card img{width:100%;height:250px;object-fit:contain;background:transparent;transition:transform .55s var(--ease),opacity .3s}
.watch-card span{display:block;font-size:12px;margin-top:16px;line-height:1.7;text-align:center}
.watch-card:hover img,.watch-card.is-active img{transform:translateY(-8px) scale(1.025)}
.watch-card:after{content:"";position:absolute;left:15%;right:85%;bottom:-10px;height:1px;background:#111;transition:right .4s var(--ease)}
.watch-card:hover:after,.watch-card.is-active:after{right:15%}
.recommend-preview{position:sticky;top:0;height:100vh;background:#111;overflow:hidden;align-self:start}
.recommend-preview>img{width:100%;height:100%;object-fit:contain;background:#111;transition:opacity .18s ease,transform .65s var(--ease)}
.recommend-preview.is-changing>img{opacity:.22;transform:scale(1.02)}
.preview-caption{position:absolute;left:0;right:0;bottom:0;padding:90px 42px 32px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;display:flex;justify-content:space-between;gap:20px;font-size:13px}
.preview-caption i{font-style:normal}
.section-cta{display:flex;justify-content:flex-end;margin-top:58px}
.section-cta a{display:inline-flex;gap:70px;align-items:center;border-bottom:1px solid #111;padding:0 0 12px;font-size:13px}
.section-cta span{transition:transform .25s}
.section-cta a:hover span{transform:translateX(6px)}
.recommend-mobile,.brand-mobile{display:none}
.mobile-head{text-align:center;margin-bottom:26px}
.mobile-head p{font-size:12px;color:var(--muted);margin:14px 0 0}
.mobile-carousel{position:relative}
.carousel-viewport{overflow:hidden}
.carousel-track{display:flex;transition:transform .45s var(--ease);will-change:transform}
.carousel-track>*{flex:0 0 100%}
.carousel-arrow{position:absolute;top:46%;transform:translateY(-50%);width:42px;height:42px;border:0;background:transparent;color:#666;font-size:32px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:none}
.carousel-arrow.prev{left:0}
.carousel-arrow.next{right:0}
.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.carousel-dots button{width:36px;height:3px;border:0;background:#d1d1d1;padding:0;cursor:pointer}
.carousel-dots button.is-active{background:#8d8d8d}
.recommend-mobile-slide{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;align-items:center;padding:0 16px}
.mobile-pair-preview{background:#111;aspect-ratio:3/5;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mobile-pair-preview img{width:100%;height:100%;object-fit:contain;background:#111}
.mobile-pair-watch{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 4px}
.mobile-pair-watch img{width:100%;max-width:180px;height:200px;object-fit:contain}
.mobile-pair-watch span{display:block;font-size:13px;line-height:1.7;text-align:center}
.mobile-cta{margin-top:30px}
.brand-carousel .carousel-arrow{top:50%;background:transparent;box-shadow:none;color:#666}
.recommend-carousel .carousel-track, .brand-carousel .carousel-track{align-items:stretch}

.brand{background:#fff}
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.image-card{position:relative;overflow:hidden;background:#111}
.image-card.square{aspect-ratio:1/1}
.image-card.landscape{aspect-ratio:4/3}
.image-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .5s ease}
.image-card span{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;display:flex;justify-content:space-between;align-items:center;font:500 16px "DM Sans";letter-spacing:.08em;text-shadow:0 1px 16px rgba(0,0,0,.5)}
.image-card span i{font-style:normal;transition:transform .3s}
.image-card:hover img{transform:scale(1.035);filter:brightness(.88)}
.image-card:hover span i{transform:translate(4px,-4px)}
.brand-mobile-head{margin-bottom:20px}
.brand-mobile-slide{position:relative;display:block;background:#111}
.brand-mobile-slide img{width:100%;aspect-ratio:1/1;object-fit:cover}
.brand-mobile-slide span{position:absolute;left:20px;bottom:18px;color:#fff;font:500 20px "DM Sans";letter-spacing:.08em;text-shadow:0 1px 16px rgba(0,0,0,.4)}

.news{background:#fff}
.news-list{border-top:1px solid var(--line);max-width:1100px;margin:0 auto}
.news-list a{display:grid;grid-template-columns:160px 1fr 40px;align-items:center;gap:20px;padding:26px 2px;border-bottom:1px solid var(--line);font-size:13px}
.news-list time{font:400 12px "DM Sans";color:var(--muted)}
.news-list i{font-style:normal;text-align:right;transition:transform .25s}
.news-list a:hover i{transform:translateX(6px)}

.contact-strip{background:#707070;padding:22px 20px;text-align:center}
.contact-strip a{display:inline-flex;min-width:260px;justify-content:center;border:1px solid rgba(255,255,255,.72);color:#fff;padding:9px 28px;font-size:12px;letter-spacing:.1em;transition:.25s}
.contact-strip a:hover{background:#fff;color:#111}
.site-footer{position:relative;background:#050505;color:#fff;min-height:112px;border-bottom:1px solid #777;display:flex;align-items:flex-end;justify-content:center;padding:0 210px 24px 210px}
.site-footer small{font:400 8px "DM Sans";letter-spacing:.03em;text-align:center;color:#fff}
.footer-sns{position:absolute;right:34px;bottom:22px;display:flex;align-items:center;gap:12px}
.footer-sns a,.footer-sns span{display:flex;align-items:center;justify-content:center}
.footer-sns img{height:21px;width:auto;max-width:68px;filter:brightness(0) invert(1)}
.footer-sns a[aria-label="X"] img{width:18px;height:18px;object-fit:contain}
.footer-sns a:not(.youtube-link) img{width:20px;height:20px;object-fit:contain}

.drawer{
  position:fixed;
  inset:0;
  background:#111;
  color:#fff;
  z-index:29;
  padding:120px 44px 50px;
  display:flex;
  flex-direction:column;
  gap:28px;
  transform:translateY(-100%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;
  transition:transform .55s var(--ease),opacity .3s ease,visibility .55s;
}
.drawer.is-open{
  transform:translateY(0);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  overflow-y:auto;
}
.drawer a{font:500 clamp(28px,5vw,70px) "DM Sans";border-bottom:1px solid #333;padding-bottom:18px}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}

.collection-page{background:#fff}
.collection-header{mix-blend-mode:normal;background:rgba(255,255,255,.92);border-bottom:1px solid #ececec;color:#111}
.collection-header .brand-logo img{filter:none}
.back-link{font:600 12px "DM Sans";letter-spacing:.12em}
.collection-main{padding:145px 4.8vw 120px}
.collection-title{text-align:center;margin-bottom:62px}
.collection-title h1{font:600 clamp(42px,5vw,72px)/1 "DM Sans";letter-spacing:.1em;margin:0 0 16px}
.collection-title p{font:400 12px "DM Sans";color:#777;letter-spacing:.12em;margin:0}
.collection-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.collection-card{position:relative;overflow:hidden;background:#e9e9e7;border-radius:11px}
.collection-card img{width:100%;aspect-ratio:675/1050;object-fit:cover;transition:transform .65s var(--ease),filter .4s ease}
.collection-card span{position:absolute;left:0;right:0;bottom:0;padding:42px 15px 14px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:12px;line-height:1.5}
.collection-card:hover img{transform:scale(1.025);filter:brightness(.92)}

@media(max-width:1100px){
  .recommend-layout{grid-template-columns:minmax(0,1fr) minmax(320px,min(40vw,64vh))}
  .recommend-products{padding-left:34px;padding-right:34px}
  .watch-grid{gap:44px 20px}
  .watch-card img{height:210px}
}

@media(max-width:900px){
  .site-header{height:66px;padding:0 18px}.brand-logo img{width:50px}.store-tab{display:none}
  .hero{min-height:100svh}.hero-slider{flex:1 1 auto;min-height:0}.hero-slide img{object-fit:contain}.hero-ui{bottom:calc(clamp(136px,20vh,220px) + 12px)}.scroll-cue{display:none}.hero-copy-panel{min-height:clamp(136px,20vh,220px)}.hero-copy-inner{padding:18px 20px 20px;grid-template-columns:40px 1fr;gap:12px}.hero-copy-number{font-size:20px}.hero-copy-text p{font-size:12px;line-height:1.7}
  .section{padding:90px 0}.section-inner{padding:0 20px}.pc{display:none}
  .major-heading{font-size:40px}.about{padding:72px 0 78px}.about-brand-logo{width:92px;margin-bottom:20px}.about .major-heading{margin-bottom:26px}.about p:not(.about-lead){font-size:13px;line-height:2}
  .recommend-desktop{display:none}.recommend-mobile{display:block;padding-top:78px;padding-bottom:86px}.recommend{padding:0;background:#f5f5f3}
  .brand-grid{display:none}.brand-mobile{display:block;margin-top:12px}
  .brand .simple-heading{margin-bottom:18px}
  .shop-grid{grid-template-columns:1fr;gap:14px}.image-card.landscape{aspect-ratio:4/3}
  .news-list a{grid-template-columns:100px 1fr 24px;gap:10px;padding:20px 0;font-size:12px}
  .site-footer{min-height:110px;padding:0 24px 56px;align-items:flex-end}
  .footer-sns{right:50%;transform:translateX(50%);bottom:20px}
  .site-footer small{font-size:7px}
  .collection-main{padding:120px 20px 90px}.collection-grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .drawer{padding:100px 20px 30px}
}

@media(max-width:560px){
  .hero{min-height:100svh}.hero-slider{aspect-ratio:auto}
  .major-heading{font-size:34px}
  .about-lead{font-size:17px}
  .recommend-mobile-slide{padding:0 14px;gap:12px}
  .mobile-pair-watch img{height:170px;max-width:150px}
  .mobile-pair-watch span{font-size:12px}
  .carousel-arrow{width:40px;height:40px;font-size:30px}
  .section-cta{justify-content:stretch}.section-cta a{width:100%;justify-content:space-between}
  .contact-strip a{min-width:220px}
  .collection-grid{grid-template-columns:repeat(2,1fr)}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

@media(max-width:900px){
  .brand-carousel .carousel-arrow{background:transparent!important;box-shadow:none!important;border:0!important;color:#666}
}

@media(max-width:900px){
  .mobile-carousel .carousel-arrow{background:transparent!important;box-shadow:none!important;border:0!important;outline:0!important;padding:0!important;-webkit-appearance:none!important;appearance:none!important;}
}


/* &C NEWS — namespaced to avoid host-site CSS collisions */
#news.andc-news-section{display:block!important;position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;z-index:1!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:130px 0!important;background:#fff!important;transform:none!important;overflow:visible!important;}
#news .andc-news-heading{display:block!important;position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;margin:0 0 58px!important;padding:0!important;text-align:center!important;opacity:1!important;visibility:visible!important;}
#news .andc-news-title{display:block!important;position:static!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;font:600 clamp(38px,4vw,60px)/1 "DM Sans",sans-serif!important;letter-spacing:.08em!important;color:#111!important;opacity:1!important;visibility:visible!important;}
#news .andc-news-list{display:block!important;position:static!important;inset:auto!important;transform:none!important;border-top:1px solid var(--line)!important;max-width:1100px!important;margin:0 auto!important;padding:0!important;opacity:1!important;visibility:visible!important;}
#news .andc-news-list>a{display:grid!important;grid-template-columns:160px 1fr 40px!important;align-items:center!important;gap:20px!important;position:static!important;transform:none!important;padding:26px 2px!important;border-bottom:1px solid var(--line)!important;font-size:13px!important;color:#111!important;background:transparent!important;}
#news .andc-news-list time{font:400 12px "DM Sans",sans-serif!important;color:var(--muted)!important;}
#news .andc-news-list i{font-style:normal!important;text-align:right!important;}
@media(max-width:900px){#news.andc-news-section{padding:90px 0!important}#news .andc-news-heading{margin-bottom:42px!important}#news .andc-news-title{font-size:40px!important}#news .andc-news-list>a{grid-template-columns:100px 1fr 24px!important;gap:10px!important;padding:20px 0!important;font-size:12px!important}}
@media(max-width:560px){#news .andc-news-title{font-size:34px!important}}