/* THREAD & INK — 2026-09-27 retail polish
   Clean, image-led, category-first direction. */

:root{
  --ti-shell:1360px;
  --ti-line:#e9e9e7;
  --ti-bg:#f7f7f5;
}

body.set-pantang-site{background:#fff;color:#111}

.ti-announcement{font-size:10px;letter-spacing:.13em}
.ti-announcement__inner{min-height:32px}

.ti-header__inner{height:72px}
.ti-wordmark strong{font-size:21px;letter-spacing:.07em}
.ti-mainnav{gap:30px}
.ti-mainnav a{font-size:12px;font-weight:650;letter-spacing:.01em}
.ti-mainnav a:after{
  content:"";
  display:block;
  height:1px;
  background:#111;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
  margin-top:3px;
}
.ti-mainnav a:hover{opacity:1}
.ti-mainnav a:hover:after{transform:scaleX(1)}

.ti-home-hero{background:#f8f8f6}
.ti-home-hero__inner{min-height:430px;padding-block:72px}
.ti-home-hero h1{font-size:clamp(58px,7.2vw,104px);max-width:980px}
.ti-home-hero p:not(.ti-overline){font-size:16px;line-height:1.7}
.ti-home-hero p strong{font-weight:700;color:#111}
.ti-text-link{margin-top:24px;font-size:12px}

.ti-main-categories{padding:74px 0 100px}
.ti-section-head-pro{margin-bottom:28px}
.ti-section-head-pro h2{font-size:clamp(36px,4vw,56px)}
.ti-section-note{font-size:14px}
.ti-maincat-grid{gap:16px}
.ti-maincat{min-height:470px}
.ti-maincat:nth-child(5){min-height:340px}
.ti-maincat__shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 18%,rgba(0,0,0,.68) 100%)}
.ti-maincat__content{left:30px;right:30px;bottom:30px}
.ti-maincat__content h3{font-size:clamp(34px,3.7vw,54px);margin:9px 0 11px}
.ti-maincat__content p{font-size:13px;max-width:610px}
.ti-maincat__content>span{font-size:12px}
.ti-maincat img{filter:saturate(.96) contrast(.98)}

.ti-home-bottom{padding:58px 0 64px}
.ti-home-bottom h2{font-size:clamp(38px,4.2vw,58px)}
.ti-home-bottom__grid>div:last-child>p{font-size:15px}

.ti-shop-head{padding:72px 0 42px;background:#fff}
.ti-shop-head h1{font-size:clamp(52px,6vw,82px);letter-spacing:-.055em}
.ti-shop-head p,.ti-shop-head__desc{font-size:15px}
.ti-subcat-section{padding:42px 0 100px}
.ti-subcat-grid{gap:16px}
.ti-subcat-card{min-height:430px;background:#f2f2ef}
.ti-subcat-card__shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 24%,rgba(0,0,0,.7) 100%)}
.ti-subcat-card__content{left:26px;right:26px;bottom:26px}
.ti-subcat-card--plain .ti-subcat-card__content{top:26px}
.ti-subcat-card__content h2{font-size:31px;margin:9px 0 10px}
.ti-subcat-card__content p{font-size:13px;line-height:1.55;margin-bottom:20px}
.ti-subcat-card__content>span{font-size:12px}
.ti-empty-collection{padding:80px 0 100px;max-width:760px}
.ti-empty-collection h2{font-size:44px;line-height:1.05;margin:0 0 16px}

.ti-contact-hero{padding:78px 0 46px;border-bottom:1px solid var(--ti-line)}
.ti-contact-hero h1{font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:0}
.ti-contact-hero>div>p:not(.ti-overline){max-width:720px;color:#666;font-size:16px;margin:20px 0 0}
.ti-contact-body{padding:54px 0 100px}
.ti-contact-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:54px;align-items:start}
.ti-contact-panel{min-width:0}
.ti-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.ti-field{display:grid;gap:8px}
.ti-field--wide{grid-column:1/-1}
.ti-field label{font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.ti-field input,.ti-field select,.ti-field textarea{
  width:100%;
  border:1px solid #dcdcd8;
  background:#fff;
  border-radius:0;
  padding:14px 15px;
  font:inherit;
  color:#111;
  outline:none;
}
.ti-field input,.ti-field select{min-height:50px}
.ti-field textarea{resize:vertical}
.ti-field input:focus,.ti-field select:focus,.ti-field textarea:focus{border-color:#111}
.ti-contact-aside{display:grid;gap:14px}
.ti-contact-note{background:#f6f6f3;padding:28px}
.ti-contact-note a{font-size:18px;font-weight:700;text-decoration:none;word-break:break-word}
.ti-contact-note strong{display:block;font-size:17px;margin-bottom:8px}
.ti-contact-note>p:not(.ti-overline){margin:0;color:#666;font-size:13px;line-height:1.65}
.form-honeypot{position:absolute;left:-9999px}

.ti-footer{padding-top:54px}
.ti-footer__top{gap:48px}
.ti-footer__links a{font-size:12px}
.ti-footer__bottom{margin-top:46px}

@media(max-width:860px){
  .ti-maincat{min-height:420px}
  .ti-subcat-card{min-height:390px}
  .ti-contact-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .ti-home-hero__inner{min-height:360px;padding-block:54px}
  .ti-home-hero h1{font-size:54px}
  .ti-main-categories{padding:52px 0 66px}
  .ti-maincat{min-height:360px}
  .ti-maincat:nth-child(5){min-height:300px}
  .ti-shop-head{padding:52px 0 30px}
  .ti-shop-head h1{font-size:48px}
  .ti-subcat-section{padding:30px 0 70px}
  .ti-subcat-card{min-height:340px}
  .ti-contact-hero{padding:54px 0 30px}
  .ti-contact-hero h1{font-size:48px}
  .ti-contact-body{padding:34px 0 72px}
  .ti-contact-form{grid-template-columns:1fr}
  .ti-field--wide{grid-column:auto}
}