:root{--sj-blue:#578fcc;--sj-navy:#0b0b42;--sj-aqua:#01b5bb;--sj-ink:#56565a;--sj-mist:#f2f6fa}
.sj-lookbook{margin:80px 0 30px;padding:clamp(28px,5vw,64px);background:var(--sj-mist);color:var(--sj-navy);overflow:hidden}
.sj-lookbook__head{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:end;margin-bottom:42px}
.sj-lookbook__head>span,.sj-lookbook__kicker{display:block;margin-bottom:18px;color:var(--sj-blue);font-size:11px;font-weight:800;letter-spacing:.18em}
.sj-lookbook__head h3{max-width:720px;margin:0;font-size:clamp(34px,4.4vw,56px);line-height:1.08;letter-spacing:-.055em;word-break:keep-all;text-wrap:balance}
.sj-lookbook__head p{margin:0;color:#596477;font-size:17px;line-height:1.8;word-break:keep-all}
.sj-lookbook__identity{display:grid;grid-template-columns:.82fr 1.18fr;gap:14px}
.sj-brand-board{min-height:520px;padding:clamp(28px,4vw,50px);background:var(--sj-navy);color:#fff;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}
.sj-brand-board:after{content:"";position:absolute;right:-80px;bottom:-110px;width:330px;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(87,143,204,.12),0 0 0 90px rgba(1,181,187,.07);z-index:-1}
.sj-brand-board__logo{width:min(100%,360px);padding:24px 26px;background:#fff}
.sj-brand-board__logo img{display:block;width:100%;height:auto}
.sj-brand-board blockquote{margin:auto 0 20px;font-size:clamp(30px,3.4vw,46px);font-weight:800;line-height:1.22;letter-spacing:-.045em;word-break:keep-all}
.sj-brand-board p{max-width:420px;margin:0;color:#cbd5e4;line-height:1.75;word-break:keep-all}
.sj-palette{display:flex;gap:8px;margin-top:34px}
.sj-palette span{flex:1;min-width:0;height:54px;padding:10px 8px;display:flex;align-items:end;font-size:10px;font-weight:700;letter-spacing:.06em;color:#fff}
.sj-palette span:nth-child(1){background:var(--sj-blue)}.sj-palette span:nth-child(2){background:var(--sj-navy)}.sj-palette span:nth-child(3){background:var(--sj-aqua)}
.sj-lookbook figure{margin:0;position:relative;overflow:hidden;background:#d9e3ec}
.sj-lookbook figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.sj-lookbook figure:hover img{transform:scale(1.018)}
.sj-lookbook figcaption{position:absolute;left:18px;right:18px;bottom:16px;padding:12px 14px;background:rgba(11,11,66,.82);backdrop-filter:blur(9px);color:#fff;font-size:12px;line-height:1.5;letter-spacing:.03em}
.sj-lookbook__feature{min-height:520px}.sj-lookbook__feature img{object-position:center}
.sj-lookbook__gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:260px;gap:14px;margin-top:14px}
.sj-lookbook__gallery figure:nth-child(1){grid-column:span 7}.sj-lookbook__gallery figure:nth-child(2){grid-column:span 5}.sj-lookbook__gallery figure:nth-child(3){grid-column:span 5}.sj-lookbook__gallery figure:nth-child(4){grid-column:span 7}
.sj-lookbook__statement{display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:start;margin-top:34px;padding-top:30px;border-top:1px solid rgba(11,11,66,.2)}
.sj-lookbook__statement strong{font-size:12px;letter-spacing:.15em;color:var(--sj-blue)}
.sj-lookbook__statement p{max-width:800px;margin:0;font-size:18px;line-height:1.75;word-break:keep-all}
.sj-showcase{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:260px 205px;gap:12px;margin-top:50px}
.sj-showcase>article,.sj-showcase>figure{min-width:0;margin:0;position:relative;overflow:hidden}
.sj-showcase img{display:block;width:100%;height:100%;object-fit:cover}
.sj-showcase__brand{grid-column:1/6;grid-row:1/3;padding:38px;background:var(--sj-navy);color:#fff;display:flex;flex-direction:column}
.sj-showcase__brand .logo-panel{padding:22px;background:#fff}.sj-showcase__brand .logo-panel img{height:auto;object-fit:contain}
.sj-showcase__brand h3{margin:auto 0 16px;font-size:clamp(30px,3.7vw,48px);line-height:1.12;letter-spacing:-.05em;word-break:keep-all}
.sj-showcase__brand p{margin:0;color:#cad4e3;line-height:1.7;word-break:keep-all}
.sj-showcase__feature{grid-column:6/13;grid-row:1/2}.sj-showcase__space{grid-column:6/10;grid-row:2/3}
.sj-showcase figcaption{position:absolute;left:16px;bottom:14px;padding:9px 11px;background:rgba(11,11,66,.82);color:#fff;font-size:11px;letter-spacing:.08em}
.sj-showcase__colors{grid-column:10/13;grid-row:2/3;display:grid;grid-template-rows:repeat(3,1fr)}
.sj-showcase__colors span{display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em}
.sj-showcase__colors span:nth-child(1){background:var(--sj-blue)}.sj-showcase__colors span:nth-child(2){background:var(--sj-navy)}.sj-showcase__colors span:nth-child(3){background:var(--sj-aqua)}
@media(max-width:800px){.sj-lookbook{margin:58px 0 20px;padding:28px 18px}.sj-lookbook__head,.sj-lookbook__identity{grid-template-columns:1fr}.sj-lookbook__head{gap:20px}.sj-brand-board,.sj-lookbook__feature{min-height:440px}.sj-lookbook__gallery{grid-template-columns:1fr;grid-auto-rows:250px}.sj-lookbook__gallery figure:nth-child(n){grid-column:1}.sj-lookbook__statement{grid-template-columns:1fr;gap:12px}.sj-lookbook__statement p{font-size:16px}.sj-showcase{grid-template-columns:1fr;grid-template-rows:auto}.sj-showcase__brand,.sj-showcase__feature,.sj-showcase__space,.sj-showcase__colors{grid-column:1;grid-row:auto}.sj-showcase__brand{min-height:430px;padding:28px}.sj-showcase__feature,.sj-showcase__space{height:260px}.sj-showcase__colors{height:150px}}
@media(max-width:440px){.sj-brand-board{min-height:410px}.sj-brand-board__logo{padding:18px}.sj-palette span{font-size:8px;padding:8px 5px}.sj-lookbook__feature{min-height:330px}.sj-lookbook__gallery{grid-auto-rows:220px}}
@media(prefers-reduced-motion:reduce){.sj-lookbook figure img{transition:none}.sj-lookbook figure:hover img{transform:none}}