.principle-photos{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:35px}.principle-card{min-width:0;border-top:1px solid var(--line);padding-top:24px}.principle-card h3{font-family:Georgia,serif;font-size:27px;margin:0}.principle-card h3 span{display:block;font-family:'Noto Sans KR',sans-serif;font-size:16px;margin-top:7px}.principle-card>p{font-size:14px;min-height:50px}.photo-frame{margin:0;min-width:0}.photo-frame figcaption{font-size:13px;color:var(--muted);padding:9px 0 0}.photo-empty{background:#edf1ee;border:1px dashed #afbbb3;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center}.photo-empty b{font-weight:500;font-size:14px;color:#596c60}.photo-empty span{font-size:12px;color:#748179}.bad-example{border-top:1px solid #dfd9d2;margin-top:25px;padding-top:20px}.bad-example .photo-empty{background:#f4f0ed;border-color:#c8bbae}.example-label{font-size:12px;color:#80573d;border:1px solid #d5c4b7;padding:4px 9px}.bad-example p{font-size:14px}.comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.design-panel{grid-template-columns:1fr 1fr;gap:40px}.design-panel .photo-empty{aspect-ratio:3/4}.photo-button{display:block;position:relative;border:0;background:#edf1ee;padding:0;width:100%;aspect-ratio:4/3;overflow:hidden}.photo-button img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.photo-button:hover img{transform:scale(1.035)}.zoom-label{position:absolute;right:12px;bottom:12px;padding:4px 10px;background:#192725dd;color:white;font-size:12px}.design-panel .photo-button{aspect-ratio:3/4}.photo-viewer{padding:55px 20px 20px;max-width:96vw;width:1100px;max-height:95dvh;background:#14211f;color:white;border:0;overflow:auto}.photo-viewer::backdrop{background:#000d}.photo-viewer figure{margin:0;text-align:center}.photo-viewer img{display:block;max-width:100%;max-height:77dvh;object-fit:contain;margin:auto}.photo-viewer figcaption{padding:15px 0 0;font-size:14px}.viewer-close{position:absolute;top:10px;right:16px;color:white;background:transparent;border:1px solid #83958c;padding:5px 14px}.viewer-open{overflow:hidden}.case-main{max-width:1500px;margin:auto}.back-link{display:block;font-size:14px;color:var(--muted);margin-bottom:45px}.case-main h1{font-size:46px}.category-nav{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0 65px}.category-nav a{padding:10px 20px;border:1px solid var(--line);font-size:15px}.category-nav a[aria-current=page]{background:var(--ink);color:white;border-color:var(--ink)}.case-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:60px 0 25px}.case-heading h2{font-size:30px;margin:0}.case-heading .eyebrow{margin-bottom:10px}.case-heading p{font-size:14px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}@media(max-width:800px){.principle-photos{gap:16px}.design-panel{grid-template-columns:1fr}.design-panel .photo-empty,.design-panel .photo-button{aspect-ratio:4/3}}@media(max-width:640px){.principle-photos{grid-template-columns:1fr;gap:40px;margin-top:15px}.principle-card>p{min-height:0}.case-main h1{font-size:34px}.category-nav{gap:8px;margin-bottom:40px}.category-nav a{padding:8px 12px;font-size:14px}.case-heading{display:block;margin-top:40px}.comparison-pair{gap:10px}.photo-empty{padding:10px}.photo-empty b{font-size:13px}.photo-frame figcaption{font-size:12px}.detail-grid{grid-template-columns:1fr}.photo-viewer{padding:55px 10px 10px}.photo-viewer img{max-height:72dvh}}@media(prefers-reduced-motion:reduce){.photo-button img{transition:none}}

.crown-additional{margin-top:30px;align-items:start}.crown-additional .photo-button{aspect-ratio:auto;background:white}.crown-additional .photo-button img{display:block;height:auto;object-fit:contain}.crown-additional .photo-button:hover img{transform:none}
