/* Base layout from the supplied ZIP; type and spacing refined against the shared live study. */

#sai-ui{--sai-paper:#f7f7f4;--sai-ink:#252624;--sai-dim:#696b65;--sai-line:#dcded7;background:var(--sai-paper);color:var(--sai-ink);font:14px/1.7 Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;padding:0 clamp(20px,5.6%,70px);overflow-wrap:break-word}
#sai-ui *{box-sizing:border-box}#sai-ui [hidden]{display:none!important}#sai-ui button{color:inherit;font:inherit;border:0;border-radius:0;background:none;padding:10px 0;text-align:left;max-width:100%}#sai-ui button:hover .sai-link,#sai-ui button.sai-link:hover{text-decoration:underline;text-underline-offset:5px}#sai-ui button:focus-visible{outline:2px solid var(--sai-ink);outline-offset:5px}#sai-ui img{display:block;width:100%;height:auto;object-fit:contain}#sai-ui figure{margin:0}#sai-ui p{margin:0}#sai-ui h1,#sai-ui h2,#sai-ui h3{font-weight:400;margin:0;line-height:1.4}#sai-ui h1{font-size:38px;letter-spacing:-.04em}#sai-ui h2{font-size:22px;letter-spacing:0}#sai-ui .serif{font-family:Georgia,'Noto Serif KR','AppleMyungjo','Batang',serif}#sai-ui .small{font-size:12px;color:var(--sai-dim)}#sai-ui .eyebrow{font-size:11px;letter-spacing:.13em;color:var(--sai-dim)}#sai-ui .sitehead{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--sai-line)}#sai-ui .brand{display:flex;gap:14px;align-items:baseline}#sai-ui .brand strong{font-weight:500;font-size:25px;letter-spacing:-.08em}#sai-ui .brand span{font-size:11px;letter-spacing:.14em;color:var(--sai-dim)}#sai-ui nav{display:flex;gap:27px}#sai-ui nav a{font-size:13px;color:var(--sai-dim);min-width:30px}#sai-ui nav [aria-current=page]{color:var(--sai-ink);text-decoration:underline;text-underline-offset:7px}#sai-ui .entrance{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:52px 0 34px}#sai-ui .entrance h1{font-size:30px;line-height:1.3;margin-top:10px}#sai-ui .photobutton{display:block;width:100%;padding:0}#sai-ui .photobutton img{transition:none}#sai-ui .caption{padding-top:18px;display:flex;justify-content:space-between;align-items:start;gap:25px}#sai-ui .caption button{padding:0}#sai-ui .caption .small{margin-top:5px}#sai-ui .caption .arrow{padding:6px 0;font-size:13px;white-space:nowrap}#sai-ui .secondary-work{display:grid;grid-template-columns:1.65fr 1fr;gap:8%;align-items:center;margin:90px 0 70px}#sai-ui .secondary-work h2{margin:12px 0}#sai-ui .secondary-work .small{margin-bottom:15px}#sai-ui .bridge{border-top:1px solid var(--sai-line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}#sai-ui .bridge h3{font-size:17px}#sai-ui footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid var(--sai-line);margin-top:66px;padding:22px 0 30px;font-size:11px;color:var(--sai-dim)}#sai-ui .back{font-size:12px;color:var(--sai-dim);margin-top:16px}#sai-ui .project-title{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:42px 0 44px;align-items:end}#sai-ui .project-title h1{margin:10px 0 13px}#sai-ui .project-title .statement{font-family:Georgia,'Noto Serif KR','AppleMyungjo','Batang',serif;font-size:16px;line-height:1.95;word-break:keep-all}#sai-ui .project-title .statement .small{font-family:Arial,sans-serif;font-size:11px;display:block;margin-top:12px}#sai-ui figcaption{font-size:11px;color:var(--sai-dim);padding-top:10px;display:flex;justify-content:space-between;gap:20px}#sai-ui .work-portrait{width:44%;margin:95px auto}#sai-ui .work-offset{width:76%;margin:0 0 90px auto}#sai-ui .work-middle{width:78%;margin:90px auto}#sai-ui .end-work{border-top:1px solid var(--sai-line);padding-top:22px;display:flex;justify-content:space-between;gap:24px}#sai-ui .end-work h3{font-size:18px;margin-top:6px}#sai-ui .page-title{padding:54px 0 35px}#sai-ui .page-title h1{margin:9px 0 13px}#sai-ui .note-row{border-top:1px solid var(--sai-line);display:grid;grid-template-columns:125px 1fr auto;gap:24px;align-items:start;width:100%;padding:24px 0!important}#sai-ui .note-row h2{font-size:23px}#sai-ui .note-row .small{margin-top:7px}#sai-ui .reading{max-width:550px;margin:38px auto 85px}#sai-ui .reading h1{margin:17px 0 15px}#sai-ui .reading .note-meta{padding-bottom:34px;border-bottom:1px solid var(--sai-line);margin-bottom:34px}#sai-ui .reading p{font:17px/2.05 Georgia,'Noto Serif KR','AppleMyungjo','Batang',serif;word-break:keep-all;margin:0 0 30px}#sai-ui .reading figure{margin:42px 0}#sai-ui .reading .draft{font:12px/1.8 Arial,sans-serif;color:var(--sai-dim);margin-top:35px}#sai-ui .archive-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:9%;row-gap:50px;align-items:center}#sai-ui .about-body{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding:55px 0 65px}#sai-ui .about-body h1{margin:11px 0 18px}#sai-ui .about-body p{font-size:15px;line-height:1.95;margin-bottom:24px;word-break:keep-all}#sai-ui .view-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0}#sai-ui .view-controls button{min-width:44px}#sai-ui .viewer-figure{max-width:100%;margin:auto}#sai-ui .viewer-figure.portrait{width:62%}#sai-ui .sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:620px){#sai-ui .sitehead{padding:16px 0;gap:16px}#sai-ui nav{gap:18px}#sai-ui .brand{gap:9px}#sai-ui .brand strong{font-size:23px}#sai-ui .entrance{padding:36px 0 24px;display:block}#sai-ui .entrance>p{margin-top:17px}#sai-ui .entrance h1{font-size:27px}#sai-ui h1{font-size:32px}#sai-ui h2{font-size:23px}#sai-ui .caption{gap:12px}#sai-ui .caption .arrow{font-size:12px}#sai-ui .secondary-work{grid-template-columns:1fr;gap:22px;margin:55px 0 46px}#sai-ui .secondary-work h2{margin:7px 0}#sai-ui .project-title{grid-template-columns:1fr;gap:22px;padding:24px 0 32px}#sai-ui .project-title .statement{font-size:15px}#sai-ui .work-portrait{width:80%;margin:55px auto}#sai-ui .work-offset{width:100%;margin-bottom:55px}#sai-ui .work-middle{width:100%;margin:55px auto}#sai-ui .note-row{grid-template-columns:1fr auto;gap:10px}#sai-ui .note-row>.eyebrow{grid-column:1/-1}#sai-ui .note-row h2{font-size:21px}#sai-ui .reading{margin-top:25px}#sai-ui .reading p{font-size:16px}#sai-ui .archive-grid{grid-template-columns:1fr;row-gap:35px}#sai-ui .about-body{grid-template-columns:1fr;gap:28px;padding-top:32px}#sai-ui .viewer-figure.portrait{width:85%}#sai-ui footer{margin-top:46px}#sai-ui .bridge{align-items:start}#sai-ui .end-work{flex-wrap:wrap}}
@media(pointer:coarse){#sai-ui button{min-height:44px}}