.reference-page-head{padding-bottom:42px}.reference-page-head p{max-width:780px}.reference-section-head span,.reference-eyebrow,.reference-analysis-label{display:block;color:var(--blue2);font-size:11px;font-weight:800;letter-spacing:.12em}.reference-list-section{padding-top:8px}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 24px;padding-bottom:108px}.reference-card{display:block;min-width:0}.reference-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#111}.reference-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}.reference-card:hover .reference-thumb img{transform:scale(1.035)}.reference-thumb:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(10,10,12,.76));content:''}.reference-thumb .reference-source{position:absolute;z-index:2;left:15px;right:15px;bottom:14px;display:flex;align-items:center;justify-content:space-between;color:#ddd9e1;font-size:10px;font-weight:700}.reference-card h2{margin:16px 0 0;font-size:21px;line-height:1.38;letter-spacing:-.025em}.reference-card>p{margin:10px 0 0;color:#97949d;font-size:12px;line-height:1.72}.reference-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:12px;color:#7f7c84;font-size:11px}.reference-meta span:first-child{color:var(--blue2)}.reference-board-note{margin:-60px 0 90px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#807d85;font-size:11px;line-height:1.75}

.reference-detail-page{background:#17161b}.reference-detail-hero{padding:66px 0 54px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 18%,rgba(101,29,220,.15),transparent 32%)}.reference-detail-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:center}.reference-detail-hero h1{max-width:780px;margin:14px 0 0;font-size:clamp(38px,4vw,60px);line-height:1.04;letter-spacing:-.052em}.reference-detail-summary{max-width:760px;margin:22px 0 0;color:#aaa7af;font-size:15px;line-height:1.78}.reference-meta-card{display:flex;align-items:center;justify-content:flex-end;min-width:0;border:0;border-radius:0;padding:0;background:transparent}.reference-meta-card dl,.reference-source-button{display:none!important}

.reference-detail-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px;padding-top:62px;padding-bottom:110px}.reference-detail-side{position:sticky;top:96px;align-self:start}.reference-detail-side>strong{display:block;color:#f2eff4;font-size:11px;letter-spacing:.1em}.reference-detail-side nav{display:grid;margin-top:16px;border-top:1px solid var(--line)}.reference-detail-side nav a{padding:12px 0;border-bottom:1px solid var(--line);color:#8f8c94;font-size:10.5px;line-height:1.45}.reference-detail-side nav a:hover{color:#fff}.reference-rights-mini{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#1d1c20;color:#85818a;font-size:9.5px;line-height:1.7}.reference-body{width:100%;max-width:1060px}.reference-body>p{margin:0 0 20px;color:#c1bec5;font-size:16px;line-height:1.92}.reference-cover{margin:36px 0 60px}.reference-cover-frame{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#101012}.reference-cover-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.reference-cover figcaption{margin-top:12px;color:#716e76;font-size:10px;line-height:1.65}.reference-body h2{margin:62px 0 18px;font-size:clamp(27px,2.6vw,38px);line-height:1.22;letter-spacing:-.048em}.reference-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 0}.reference-analysis-grid article{min-height:170px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#202023}.reference-analysis-grid em{display:block;color:#6f6b74;font-size:10px;font-style:normal}.reference-analysis-grid h3{margin:18px 0 0;font-size:19px;line-height:1.42}.reference-analysis-grid p{margin:11px 0 0;color:#96939b;font-size:13px;line-height:1.75}.reference-quote{margin:34px 0;padding:26px 28px;border-left:2px solid var(--blue2);background:linear-gradient(90deg,rgba(101,29,220,.13),transparent);color:#eeeaf1;font-size:19px;font-weight:700;line-height:1.65;letter-spacing:-.025em}.reference-checklist{display:grid;gap:0;margin:26px 0 0;border-top:1px solid var(--line)}.reference-checklist li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);list-style:none}.reference-checklist b{color:var(--blue2);font-size:11px}.reference-checklist strong{display:block;font-size:16px}.reference-checklist span{display:block;margin-top:7px;color:#929098;font-size:13px;line-height:1.7}.reference-rights{margin-top:72px;padding:28px;border:1px solid #3b3741;border-radius:16px;background:#1f1e22}.reference-rights h3{margin:0;font-size:18px}.reference-rights p{margin:12px 0 0;color:#97939c;font-size:12px;line-height:1.8}.reference-rights a{display:inline-flex;margin-top:18px;color:#b794f6;font-size:12px;font-weight:800}.reference-back{display:flex;align-items:center;justify-content:space-between;margin-top:50px;padding-top:22px;border-top:1px solid var(--line);color:#aaa6af;font-size:12px}.reference-back b{color:var(--blue2);font-size:16px}

.reference-image-gallery{display:grid;gap:16px;margin:26px 0 64px}.reference-project-image{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#101012}.reference-project-image img{display:block;width:100%;height:auto}.reference-gallery-caption{margin:2px 0 0;color:#716e76;font-size:10px;line-height:1.65}

@media(max-width:1120px){.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-detail-hero-inner{grid-template-columns:minmax(0,1fr) 220px;gap:34px}.reference-detail-layout{grid-template-columns:1fr;gap:34px}.reference-detail-side{position:static}.reference-detail-side nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.reference-detail-side nav a{padding-right:14px}.reference-rights-mini{max-width:560px}.reference-body{max-width:none}}
@media(max-width:820px){.reference-detail-hero{padding:54px 0 44px}.reference-detail-hero-inner{grid-template-columns:1fr;gap:24px}.reference-detail-hero h1{font-size:clamp(36px,9vw,50px)}.reference-meta-card{justify-content:flex-start}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-analysis-grid{grid-template-columns:1fr}.reference-detail-side nav{grid-template-columns:1fr}}
@media(max-width:540px){.reference-page-head{padding-bottom:32px}.reference-list-section{padding-top:0}.reference-grid{grid-template-columns:1fr;gap:36px}.reference-card h2{font-size:21px}.reference-detail-layout{padding-top:46px;padding-bottom:82px}.reference-body>p{font-size:15px}.reference-body h2{margin-top:52px}.reference-cover{margin-top:30px}.reference-quote{padding:22px 18px;font-size:17px}.reference-rights{padding:22px}.reference-image-gallery{gap:10px;margin-top:22px}.reference-project-image{border-radius:13px}}