/* NINEWORKS AI MODEL STUDIO — 2026-09-04 */
.ai-model-page{background:#fff;color:#111}
.ai-model-page main{overflow:clip;background:#fff}
.ai-model-page .container{width:min(1440px,calc(100% - 64px));margin-inline:auto}
.ai-model-page .eyebrow{margin:0;color:#7d7d78;font-size:10px;font-weight:600;letter-spacing:.08em}

.ai-hero{padding:150px 0 84px;border-bottom:1px solid #deded9}
.ai-hero__grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px}
.ai-hero__label{display:flex;flex-direction:column;justify-content:space-between;min-height:320px}
.ai-hero__count{color:#9a9a95;font-size:10px;letter-spacing:.08em}
.ai-hero__body h1{max-width:920px;margin:0;font-size:clamp(46px,5.4vw,82px);font-weight:430;line-height:.98;letter-spacing:-.06em;word-break:keep-all}
.ai-hero__bottom{display:grid;grid-template-columns:minmax(0,620px) auto;gap:56px;align-items:end;margin-top:74px;padding-top:24px;border-top:1px solid #111}
.ai-hero__bottom p{margin:0;color:#666;font-size:14px;line-height:1.85;word-break:keep-all}
.ai-hero__bottom a{justify-self:end;color:#111;font-size:10px;font-weight:650;letter-spacing:.05em;white-space:nowrap}

.ai-overview{padding:82px 0;border-bottom:1px solid #deded9}
.ai-overview__grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px}
.ai-overview__body h2{max-width:900px;margin:0;font-size:clamp(30px,3.2vw,46px);font-weight:460;line-height:1.18;letter-spacing:-.048em;word-break:keep-all}
.ai-overview__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border-top:1px solid #111;border-bottom:1px solid #deded9}
.ai-overview__stats article{min-height:190px;padding:23px 22px;border-left:1px solid #deded9}
.ai-overview__stats article:first-child{border-left:0}
.ai-overview__stats span{display:block;color:#8f8f89;font-size:9px;letter-spacing:.08em}
.ai-overview__stats strong{display:block;margin-top:38px;font-size:44px;font-weight:450;letter-spacing:-.05em}
.ai-overview__stats p{margin:8px 0 0;color:#777;font-size:11.5px}

.ai-archive{padding:90px 0 110px;border-bottom:1px solid #deded9}
.ai-archive__head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px;padding-bottom:24px;border-bottom:1px solid #111}
.ai-archive__head h2{margin:10px 0 0;font-size:clamp(30px,3.1vw,44px);font-weight:460;letter-spacing:-.045em}
.ai-archive__meta{display:flex;gap:18px;color:#8d8d88;font-size:9px;letter-spacing:.08em}
.ai-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 20px}
.ai-model-card{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.ai-model-card__image{position:relative;overflow:hidden;aspect-ratio:4/5;background:#f1f1ee}
.ai-model-card__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.72,.2,1),opacity .25s ease}
.ai-model-card:hover .ai-model-card__image img{transform:scale(1.018)}
.ai-model-card__view{position:absolute;left:16px;bottom:14px;padding:7px 9px;background:rgba(255,255,255,.92);color:#111;font-size:8.5px;font-weight:650;letter-spacing:.08em;opacity:0;transform:translateY(4px);transition:.2s ease}
.ai-model-card:hover .ai-model-card__view{opacity:1;transform:none}
.ai-model-card__info{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding-top:13px;border-top:1px solid #111}
.ai-model-card__name{font-size:17px;font-weight:500;letter-spacing:-.025em}
.ai-model-card__meta{text-align:right}
.ai-model-card__meta span{display:block;color:#888;font-size:8.5px;letter-spacing:.07em}
.ai-model-card__meta small{display:block;margin-top:4px;color:#aaa;font-size:8px;letter-spacing:.05em}

.ai-service,.ai-process{padding:88px 0;border-bottom:1px solid #deded9}
.ai-service__head{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;margin-bottom:48px}
.ai-service__head h2{max-width:850px;margin:0;font-size:clamp(30px,3vw,42px);font-weight:460;line-height:1.18;letter-spacing:-.045em}
.ai-service__head p{max-width:760px;margin:14px 0 0;color:#666;font-size:13.5px;line-height:1.82}
.ai-service__grid,.ai-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #111;border-bottom:1px solid #deded9}
.ai-service__grid article,.ai-process__grid article{min-height:230px;padding:24px 22px;border-left:1px solid #deded9}
.ai-service__grid article:first-child,.ai-process__grid article:first-child{border-left:0}
.ai-service__grid small{color:#90908a;font-size:9px;letter-spacing:.08em}
.ai-service__grid h3{margin:74px 0 10px;font-size:20px;font-weight:500;letter-spacing:-.025em}
.ai-service__grid p{margin:0;color:#777;font-size:11.5px;line-height:1.72}
.ai-process__grid span{color:#999;font-size:11px}
.ai-process__grid h3{margin:76px 0 10px;font-size:18px;font-weight:600;letter-spacing:.04em}
.ai-process__grid p{margin:0;color:#777;font-size:11.5px;line-height:1.72}

.ai-notice{padding:78px 0;background:#f1f1ee;border-bottom:1px solid #d7d7d2}
.ai-notice__grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px}
.ai-notice h2{max-width:780px;margin:0;font-size:clamp(26px,2.7vw,38px);font-weight:470;line-height:1.2;letter-spacing:-.04em}
.ai-notice p:not(.eyebrow){max-width:780px;margin:18px 0 0;color:#676762;font-size:12.5px;line-height:1.82}

.ai-cta{padding:90px 0 110px}
.ai-cta__grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px}
.ai-cta__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:54px;align-items:end;padding-top:28px;border-top:1px solid #111}
.ai-cta h2{margin:0;font-size:clamp(30px,3.2vw,46px);font-weight:460;line-height:1.16;letter-spacing:-.048em}
.ai-cta p{max-width:700px;margin:14px 0 0;color:#666;font-size:13px;line-height:1.8}
.ai-cta a{font-size:10px;font-weight:650;letter-spacing:.05em;white-space:nowrap}

.ai-model-modal{position:fixed;inset:0;z-index:99999;display:none;background:#fff;overflow:auto}
.ai-model-modal.is-open{display:block}
.ai-model-modal__panel{width:min(1440px,calc(100% - 64px));margin:0 auto;padding:30px 0 52px}
.ai-model-modal__head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:end;padding:16px 0 20px;background:rgba(255,255,255,.96);border-bottom:1px solid #111;backdrop-filter:blur(10px)}
.ai-model-modal__head span{color:#888;font-size:9px;letter-spacing:.08em}
.ai-model-modal__head h2{margin:8px 0 0;font-size:30px;font-weight:500;letter-spacing:-.04em}
.ai-model-modal__head button,.ai-model-modal__foot button{border:0;background:transparent;font:inherit;color:#111;cursor:pointer;font-size:9.5px;font-weight:650;letter-spacing:.06em}
.ai-model-modal__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.ai-model-modal__gallery figure{margin:0;background:#f1f1ee}
.ai-model-modal__gallery img{width:100%;height:auto;display:block}
.ai-model-modal__foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid #111}
.ai-model-modal__foot [data-ai-model-next]{justify-self:end}
.ai-model-modal__foot span{color:#888;font-size:9px;letter-spacing:.08em}

@media(max-width:980px){
  .ai-model-page .container,.ai-model-modal__panel{width:min(100% - 40px,1440px)}
  .ai-hero__grid,.ai-overview__grid,.ai-service__head,.ai-notice__grid,.ai-cta__grid,.ai-cta__body{grid-template-columns:1fr;gap:30px}
  .ai-hero__label{min-height:0;display:flex;flex-direction:row}
  .ai-hero__bottom{grid-template-columns:1fr;gap:26px;margin-top:54px}
  .ai-hero__bottom a{justify-self:start}
  .ai-overview__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ai-service__grid,.ai-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-service__grid article:nth-child(3),.ai-process__grid article:nth-child(3){border-left:0;border-top:1px solid #deded9}
  .ai-service__grid article:nth-child(4),.ai-process__grid article:nth-child(4){border-top:1px solid #deded9}
  .ai-model-grid{gap:42px 16px}
}
@media(max-width:720px){
  .ai-model-page .container,.ai-model-modal__panel{width:calc(100% - 28px)}
  .ai-hero{padding:118px 0 62px}
  .ai-hero__body h1{font-size:clamp(38px,11vw,56px)}
  .ai-overview,.ai-archive,.ai-service,.ai-process{padding:64px 0}
  .ai-model-grid{grid-template-columns:1fr;gap:42px}
  .ai-model-card__image{aspect-ratio:4/5}
  .ai-model-card__view{display:none}
  .ai-overview__stats{grid-template-columns:1fr}
  .ai-overview__stats article{min-height:130px;border-left:0;border-top:1px solid #deded9}
  .ai-overview__stats article:first-child{border-top:0}
  .ai-overview__stats strong{margin-top:24px}
  .ai-archive__head{display:block}
  .ai-archive__meta{margin-top:18px;justify-content:space-between}
  .ai-service__grid,.ai-process__grid{grid-template-columns:1fr}
  .ai-service__grid article,.ai-process__grid article{min-height:190px;border-left:0;border-top:1px solid #deded9}
  .ai-service__grid article:first-child,.ai-process__grid article:first-child{border-top:0}
  .ai-service__grid h3,.ai-process__grid h3{margin-top:54px}
  .ai-model-modal__gallery{grid-template-columns:1fr}
  .ai-model-modal__head h2{font-size:24px}
}


/* Archive-first layout — 2026-09-22 */
.ai-model-page main{padding-top:0!important}
.ai-model-page .ai-archive{
  padding:36px 0 96px!important;
  border-bottom:1px solid #deded9;
}
.ai-model-page .ai-model-grid{
  margin-top:0!important;
}
@media(max-width:720px){
  .ai-model-page .ai-archive{padding:22px 0 72px!important}
}