
/* LOism · Ling profile v6.14.4
   Built after auditing old about-ling inline overrides.
   New classes are isolated under .ling-v1 / .lv-* to avoid old selector conflicts. */

.ling-v1{
  --lv-bg:#090909;
  --lv-panel:#0e0d0c;
  --lv-ink:#eee6dc;
  --lv-muted:#968d84;
  --lv-gold:#b99362;
  --lv-line:rgba(185,147,98,.24);
  background:var(--lv-bg);
  color:var(--lv-ink);
}
.ling-v1 *{box-sizing:border-box}
.lv-wrap{width:min(1320px,calc(100% - 72px));margin:0 auto}
.lv-eyebrow{font:600 11px "Cormorant Garamond","Noto Serif TC",serif;letter-spacing:.22em;color:#b79a73;text-transform:uppercase}

/* HERO */
.lv-hero{
  position:relative;
  min-height:610px;
  overflow:hidden;
  background:#050605;
  border-bottom:1px solid rgba(185,147,98,.28);
}
.lv-hero-media{position:absolute;inset:0}
.lv-hero-media img{
  width:100%;height:100%;object-fit:cover;object-position:66% 42%;display:block;
  transform:scale(1.012);
}
.lv-hero-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(2,3,2,.96) 0%,rgba(2,3,2,.92) 16%,rgba(2,3,2,.74) 30%,rgba(2,3,2,.34) 47%,rgba(2,3,2,.05) 68%,rgba(2,3,2,0) 100%),
    linear-gradient(0deg,rgba(0,0,0,.32),rgba(0,0,0,0) 48%);
  pointer-events:none;
}
.lv-hero-copy{
  position:relative;z-index:2;
  width:min(1320px,calc(100% - 72px));margin:0 auto;
  min-height:610px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:36px 0 42px;
}
.lv-hero h1{margin:12px 0 10px;display:flex;flex-direction:column;line-height:.83}
.lv-ling{
  display:block;
  font:500 clamp(64px,7.2vw,118px)/.86 "Cormorant Garamond","Noto Serif TC",serif;
  letter-spacing:.015em;color:#f2eadf;
}
.lv-sirilak{
  display:block;margin-top:9px;
  font:500 clamp(33px,3.7vw,59px)/1 "Cormorant Garamond","Noto Serif TC",serif;
  letter-spacing:.055em;color:#d9c7ae;
}
.lv-subname{font:400 clamp(13px,1.25vw,17px) "Noto Serif TC",serif;color:#c9c0b5;margin-top:7px}
.lv-role{margin-top:15px;font:500 10px "Cormorant Garamond",serif;letter-spacing:.2em;color:#a89378}
.lv-intro{max-width:560px;margin:22px 0 0;font-size:13px;line-height:1.9;color:#c8c1b9}

/* PROFILE — synchronized to Orm profile system */
.lv-profile{
  border-bottom:1px solid var(--lv-line);background:#0a0a09;padding:34px 0;
}
.lv-profile-grid{
  display:grid;grid-template-columns:1.5fr .85fr .85fr;gap:28px;align-items:start;
}
.lv-profile-copy{padding-right:24px}
.lv-profile-copy,.lv-facts,.lv-personal{border:0;background:none;padding-top:0;padding-bottom:0}
.lv-profile-copy h2{margin:7px 0 15px;font:500 26px "Noto Serif TC",serif;color:#e9ddcd}
.lv-profile-copy p{margin:0 0 10px;color:#aaa198;font-size:12.5px;line-height:1.95}
.lv-facts{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--lv-line);padding-left:28px;background:none}
.lv-fact{background:none;padding:8px 8px 13px 0}
.lv-fact span{display:block;font:500 9px "Cormorant Garamond","Noto Serif TC",serif;letter-spacing:.16em;text-transform:uppercase;color:#81786f}
.lv-fact b{display:block;margin-top:5px;font:500 13px "Noto Serif TC",serif;color:#ddd2c4}
.lv-personal{border-left:1px solid var(--lv-line);padding-left:28px}
.lv-personal h3{font:500 20px "Cormorant Garamond","Noto Serif TC",serif;margin:6px 0 13px;color:#e8dac6}
.lv-personal-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lv-personal-item{border:1px solid rgba(185,147,98,.20);padding:13px 15px;background:#0f0f0e;min-width:118px}
.lv-personal-item:first-child{border-top:1px solid rgba(185,147,98,.20)}
.lv-personal-item{min-width:0!important}.lv-personal-item:first-child{grid-column:1/-1}.lv-personal-item:nth-child(2),.lv-personal-item:nth-child(3){width:auto;box-sizing:border-box}
.lv-personal-item b{display:block;font:600 13px "Cormorant Garamond","Noto Serif TC",serif;letter-spacing:.06em;color:#e9ddce}
.lv-personal-item>span{display:block;margin-top:4px;color:#8f867d;font-size:10.5px}
.lv-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.lv-social a{font:500 9px "Cormorant Garamond",serif;letter-spacing:.12em;text-decoration:none;color:#a99b89;border-bottom:1px solid rgba(185,147,98,.30);padding-bottom:3px}
.lv-brand-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.lv-brand-links a{font:500 9px "Cormorant Garamond",serif;letter-spacing:.10em;text-decoration:none;color:#a99b89;border-bottom:1px solid rgba(185,147,98,.30);padding-bottom:2px}

/* FASHION */
.lv-fashion{padding:74px 0 88px;background:#080808}
.lv-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.lv-section-head h2{margin:6px 0 0;font:500 clamp(38px,4.4vw,67px)/.95 "Cormorant Garamond";letter-spacing:.015em;color:#eee2d2}
.lv-section-head p{max-width:470px;margin:0;color:#8f877f;font-size:12px;line-height:1.8}
.lv-block{margin-top:56px}
.lv-block-title{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.lv-block-title .num{font:500 10px "Cormorant Garamond";color:#9d8566;letter-spacing:.14em}
.lv-block-title h3{margin:0;color:#dacbb9;font:500 16px "Cormorant Garamond";letter-spacing:.15em}
.lv-block-title .line{height:1px;flex:1;background:rgba(185,147,98,.18)}
.lv-block-title .note{font:500 8.5px "Cormorant Garamond",serif;letter-spacing:.18em;color:#80776d;text-transform:uppercase}

/* TITLES */
.lv-titles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lv-title-card{
  min-height:430px;position:relative;overflow:hidden;
  border:1px solid rgba(185,147,98,.20);background:#0f0e0d;
}
.lv-title-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lv-title-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(3,3,3,.96) 0%,rgba(3,3,3,.72) 28%,rgba(3,3,3,.08) 62%);
}
.lv-title-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}
.lv-title-copy small{font-size:8px;letter-spacing:.18em;color:#a88f6e}
.lv-title-copy h4{margin:5px 0 2px;font:500 30px "Cormorant Garamond";color:#f0e7db}
.lv-title-copy .title{font-size:11px;color:#c9bcae}
.lv-title-copy .date{margin-top:8px;font-size:8px;letter-spacing:.12em;color:#786f67}
.lv-source{display:inline-block;margin-top:10px;font:500 8px "Cormorant Garamond";letter-spacing:.12em;color:#b99a71}

/* RAILS */
.lv-cover-rail,.lv-brand-grid{
  display:grid;grid-auto-flow:column;overflow-x:auto;overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
}
.lv-cover-rail::-webkit-scrollbar,.lv-brand-grid::-webkit-scrollbar{display:none}
.lv-cover-rail{grid-auto-columns:calc((100% - 60px)/6);gap:12px}
.lv-cover-card-wrap,.lv-brand-card{scroll-snap-align:start;min-width:0}
.lv-cover-card,.lv-brand-card button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer}
.lv-cover-frame{
  aspect-ratio:.73;overflow:hidden;background:#151515;border:1px solid rgba(185,147,98,.16);
}
.lv-cover-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}
.lv-cover-card:hover .lv-cover-frame img{transform:scale(1.025)}
.lv-cover-meta{padding:11px 2px 0}
.lv-cover-meta b{display:block;font:500 clamp(11px,1vw,13px) "Noto Serif TC",serif;color:#d9cec0;line-height:1.45}
.lv-cover-meta span{display:block;margin-top:4px;font:500 clamp(8.5px,.78vw,10px) "Cormorant Garamond","Noto Serif TC",serif;letter-spacing:.07em;color:#7f776f}
.lv-cover-meta em{display:inline-block;margin-top:6px;font-style:normal;font:500 clamp(8px,.72vw,9px) "Cormorant Garamond";letter-spacing:.13em;color:#b39b79}
.lv-interview-link{display:inline-block;margin:7px 2px 0;font:500 8px "Cormorant Garamond";letter-spacing:.12em;color:#9f8565}
.lv-rail-controls{display:flex;gap:6px;margin-left:4px}
.lv-rail-controls button{
  width:28px;height:28px;border:1px solid rgba(185,147,98,.25);border-radius:50%;
  background:#0d0c0b;color:#bfa27d;cursor:pointer;
}

/* BRAND RELATIONSHIPS */
.lv-brand-grid{grid-auto-columns:clamp(245px,22vw,298px);gap:14px}
.lv-brand-card{border:1px solid rgba(185,147,98,.18);background:#0d0c0b}
.lv-brand-img{aspect-ratio:.72;overflow:hidden;background:#171615}
.lv-brand-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.lv-brand-card:hover .lv-brand-img img{transform:scale(1.024)}
.lv-brand-copy{padding:16px 16px 15px}
.lv-brand-copy h4{margin:0;color:#e7d9c8;font:500 22px "Cormorant Garamond"}
.lv-brand-copy .range{display:block;margin-top:3px;font:500 9px "Cormorant Garamond";letter-spacing:.11em;color:#8f7b64}
.lv-brand-copy p{min-height:38px;margin:10px 0;color:#817970;font-size:10px;line-height:1.55}
.lv-brand-copy .open{display:flex;justify-content:space-between;align-items:center;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font:500 8px "Cormorant Garamond",serif;letter-spacing:.14em;color:#ae9b81}
.lv-brand-copy .plus{width:20px;height:20px;border:1px solid rgba(185,147,98,.30);border-radius:50%;display:flex;align-items:center;justify-content:center}

/* MODAL */
.lv-modal{
  position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;
  padding:24px;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)
}
.lv-modal.open{display:flex}
.lv-modal-panel{
  position:relative;width:auto;max-width:96vw;max-height:94vh;
  overflow:auto;background:#0d0c0b;border:1px solid rgba(185,147,98,.24);box-shadow:0 30px 90px rgba(0,0,0,.58);
}
.lv-modal-close{
  position:absolute;right:12px;top:9px;z-index:4;width:32px;height:32px;border:0;background:rgba(0,0,0,.55);
  color:#d8c7b1;font-size:23px;cursor:pointer
}
.lv-modal-head{padding:18px 22px 0}
.lv-modal-head small{font:500 8px "Cormorant Garamond";letter-spacing:.16em;color:#9d8566}
.lv-modal-head h3{font:500 26px "Cormorant Garamond","Noto Serif TC",serif;margin:4px 0 2px;color:#eadfce}
.lv-modal-head p{margin:0;color:#857d75;font-size:9px;line-height:1.5}
.lv-modal-cover-single{padding:16px 22px 22px;box-sizing:border-box}
.lv-modal-cover-single img{
  display:block;width:auto;height:min(86vh,1080px);max-width:92vw;object-fit:contain;margin:auto;
}
.lv-modal-brand{width:min(700px,90vw);padding:24px 26px 26px}
.lv-modal-brand h3{margin:4px 0 4px;color:#eadfce;font:500 30px "Cormorant Garamond"}
.lv-modal-brand>.range{display:block;color:#9b8262;font:500 9px "Cormorant Garamond";letter-spacing:.12em;margin-bottom:18px}
.lv-touch{display:grid;grid-template-columns:88px 1fr auto;gap:13px;padding:12px 0;border-top:1px solid rgba(185,147,98,.12);align-items:start}
.lv-touch .date{font:500 9px "Cormorant Garamond";letter-spacing:.08em;color:#8f7d68}
.lv-touch .what{font-size:11px;line-height:1.55;color:#bdb3a7}
.lv-touch a{font:500 8px "Cormorant Garamond";letter-spacing:.1em;color:#ad916e}
.lv-date-note{margin:52px 0 0;color:#625d57;font-size:9px;line-height:1.8;letter-spacing:.02em}
.lv-date-note b{color:#8c765d;letter-spacing:.12em}

/* responsive */
@media(max-width:980px){
  .lv-wrap{width:min(100% - 40px,760px)}
  .lv-hero{min-height:610px}
  .lv-hero-copy{width:calc(100% - 40px);min-height:610px}
  .lv-hero-media img{object-position:62% center}
  .lv-hero-shade{background:linear-gradient(90deg,rgba(3,3,3,.92) 0%,rgba(3,3,3,.74) 38%,rgba(3,3,3,.16) 75%,rgba(3,3,3,.05) 100%)}
  .lv-profile-grid{grid-template-columns:1fr 1fr}
  .lv-profile-copy{grid-column:1/-1}
  .lv-titles{grid-template-columns:1fr}
  .lv-title-card{min-height:500px}
  .lv-cover-rail{grid-auto-columns:calc((100% - 36px)/3.2)}
}
@media(max-width:650px){

  .lv-wrap{width:calc(100% - 28px)}
  .lv-hero{min-height:640px}
  .lv-hero-copy{width:calc(100% - 28px);min-height:640px;justify-content:flex-end;padding-bottom:46px}
  .lv-hero-media img{object-position:63% center}
  .lv-hero-shade{
    background:linear-gradient(0deg,rgba(2,2,2,.96) 0%,rgba(2,2,2,.78) 38%,rgba(2,2,2,.18) 70%,rgba(2,2,2,.05) 100%);
  }
  .lv-ling{font-size:64px}.lv-sirilak{font-size:31px}
  .lv-intro{font-size:12px;line-height:1.75}
  .lv-profile-grid{grid-template-columns:1fr}
  .lv-profile-copy{grid-column:auto}
  .lv-facts{grid-template-columns:1fr 1fr}
  .lv-section-head{display:block}
  .lv-section-head p{margin-top:18px}
  .lv-block-title .note{font:500 8.5px "Cormorant Garamond",serif;letter-spacing:.18em;color:#80776d;text-transform:uppercase}
  .lv-cover-rail{grid-auto-columns:72%}
  .lv-brand-grid{grid-auto-columns:76%}
  .lv-touch{grid-template-columns:1fr}
  .lv-modal-cover-single img{height:auto;width:min(86vw,540px);max-width:none}
}
