/* Shared pages retain their original header, logo, type and colours. */
@media(min-width:701px) and (max-width:1250px){.header nav{gap:16px;font-size:13px}.header-contact{display:none}}
.portfolio-page{background:#e5e2dc}.portfolio-book{--book-paper:#f5f2ec;--book-ink:#111;--book-red:#c8102e;color:var(--book-ink);padding:0 0 72px}.book-tools{max-width:1120px;margin:auto;padding:30px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.book-tools strong{font-size:16px}.book-tools p{font-size:12px;color:#605d57;margin-top:5px}.book-tools button{background:#111;color:#fff;border:0;padding:16px 22px;font:500 13px/1.5 inherit;cursor:pointer}.book-tools button span{margin-left:24px}.book-tools button:hover{background:#c8102e}.book-tools button:disabled{opacity:.6;cursor:wait}.book-tools #print-status{flex-basis:100%;margin:0}.book-sheet{position:relative;width:calc(100% - 48px);max-width:1060px;min-height:1200px;margin:0 auto 32px;padding:54px 64px;background:var(--book-paper);box-shadow:0 4px 25px #1111;display:flex;flex-direction:column;scroll-margin-top:24px}.book-running{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #1113;padding-bottom:17px;font-size:9px;letter-spacing:.14em}.book-kicker{display:block;color:#9c1530;font-size:10px;letter-spacing:.09em;margin-bottom:14px}.book-cover-title{padding:70px 0 45px}.book-cover h1{font:400 clamp(60px,9vw,110px)/1.05 Georgia,serif;letter-spacing:-.06em}.book-cover h1 span{display:block;font:400 24px/1.6 'Noto Serif KR',Georgia,serif;letter-spacing:-.05em;margin-top:25px}.book-cover-image{margin:0}.book-cover-image img{width:100%;height:450px;object-fit:cover}.book-sheet figcaption{font-size:10px;color:#68645d;line-height:1.7;padding-top:9px}.book-cover-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding:40px 0}.book-cover-bottom p{font-size:21px;line-height:1.8}.book-cover-bottom>span{font-size:10px;letter-spacing:.1em;text-align:right}.book-page-foot{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:20px;border-top:1px solid #1113;font-size:9px;letter-spacing:.04em}.book-introduction{padding:40px 0 30px}.book-introduction h2{font:400 34px/1.5 'Noto Serif KR',Georgia,serif;margin-bottom:20px}.book-introduction p{max-width:650px;font-size:14px;line-height:1.95;color:#514e48}.book-services{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:11px;margin-top:20px;color:#6a6258}.book-contents h3{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em;padding-bottom:16px;border-bottom:1px solid #111}.book-contents h3 span{font-size:10px;font-weight:400;letter-spacing:0}.book-contents>a{display:grid;grid-template-columns:30px 1fr 60px 24px;gap:12px;padding:13px 0;border-bottom:1px solid #1112;align-items:center;font-size:12px}.book-contents b{font-weight:400}.book-contents small{font-size:9px;color:#68645d}.book-contents em{font-size:10px;font-style:normal;text-align:right}.book-disclaimer{font-size:10px;line-height:1.8;color:#68645d;margin:25px 0}.book-project-title{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:36px 0 26px}.book-project-title h2,.book-gallery>h2{font:400 clamp(23px,3vw,36px)/1.4 'Noto Serif KR',Georgia,serif;letter-spacing:-.04em}.book-number{font:400 60px/1 Georgia,serif;color:#c8102e}.book-hero{margin:0 0 30px}.book-hero img{width:100%;height:430px;object-fit:contain;background:#ede9e1}.book-project-body{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin-bottom:40px}.book-project-body h3{font-size:12px;margin-bottom:16px}.book-narrative p{font-size:13px;line-height:1.95;color:#4c4943;margin:0 0 12px}.book-data dl{margin:0}.book-data .summary-item{display:grid;grid-template-columns:65px 1fr;gap:12px;border-bottom:1px solid #1112;padding:9px 0;font-size:11px}.book-data dt{color:#68645d}.book-data dd{margin:0}.book-gallery>h2{margin:35px 0 12px}.book-gallery-grid{display:grid;gap:22px;margin:10px 0 30px}.book-gallery-grid figure{margin:0}.book-gallery-grid img{width:100%;height:280px;object-fit:contain;background:#ede9e1}.book-sheet a:focus-visible,.book-tools button:focus-visible{outline:2px solid #c8102e;outline-offset:4px}
@media(max-width:700px){.book-sheet{width:calc(100% - 24px);padding:28px 22px;min-height:0}.book-tools{padding:24px 16px}.book-tools button{width:100%}.book-running{font-size:7px;letter-spacing:.03em}.book-cover-title{padding:45px 0 30px}.book-cover h1 span{font-size:19px}.book-cover-image img{height:260px}.book-cover-bottom{gap:18px}.book-cover-bottom p{font-size:16px}.book-page-foot{margin-top:30px;font-size:8px}.book-introduction h2{font-size:26px}.book-contents>a{grid-template-columns:22px 1fr 40px 20px;gap:7px;font-size:11px}.book-project-title{padding-top:28px}.book-number{font-size:40px}.book-hero img{height:auto;max-height:340px}.book-project-body{grid-template-columns:1fr;gap:24px}.book-gallery-grid img{height:auto;max-height:340px}.book-cover-bottom>span{font-size:8px}.book-disclaimer{margin-bottom:0}}
@page{size:A4 portrait;margin:12mm}
@media print{html,body.portfolio-page{margin:0!important;padding:0!important;background:white!important;color:#111!important;scroll-behavior:auto!important}.portfolio-page>header,.portfolio-page>footer,.portfolio-page>.contact-band,.book-tools,.bgm-toggle,.reading-progress,.motion-toggle,.brand-filter-defs{display:none!important}.portfolio-book{padding:0!important}.book-sheet{box-sizing:border-box;width:100%;max-width:none;min-height:272mm;height:272mm;margin:0!important;padding:5mm 5mm 3mm!important;box-shadow:none;background:white;break-after:page;page-break-after:always;break-inside:avoid;overflow:visible;display:flex!important;opacity:1!important;transform:none!important}.book-sheet:last-child{break-after:auto;page-break-after:auto}.book-running{font-size:7pt;padding-bottom:4mm}.book-page-foot{font-size:7pt;padding-top:4mm;margin-top:auto}.book-kicker{font-size:7pt;margin-bottom:3mm;color:#8d1430}.book-cover-title{padding:24mm 0 12mm}.book-cover h1{font-size:70pt}.book-cover h1 span{font-size:18pt;margin-top:6mm}.book-cover-image img{height:99mm;object-fit:cover}.book-cover-bottom{padding:12mm 0}.book-cover-bottom p{font-size:14pt}.book-cover-bottom>span{font-size:8pt}.book-sheet figcaption{font-size:7pt;padding-top:2mm}.book-introduction{padding:10mm 0 7mm}.book-introduction h2{font-size:23pt;margin-bottom:4mm}.book-introduction p{font-size:9pt;line-height:1.8}.book-services{font-size:7.5pt;margin-top:4mm;gap:4mm}.book-contents h3{font-size:9pt;padding-bottom:3mm}.book-contents h3 span{font-size:7pt}.book-contents>a{padding:2.8mm 0;font-size:8.5pt;gap:3mm}.book-contents small,.book-contents em{font-size:7pt}.book-disclaimer{font-size:7pt;margin:5mm 0;line-height:1.7}.book-project-title{padding:10mm 0 6mm}.book-project-title h2,.book-gallery>h2{font-size:22pt}.book-number{font-size:36pt}.book-hero{margin:0 0 8mm}.book-hero img{height:88mm;object-fit:contain}.book-project-body{grid-template-columns:1.4fr 1fr;gap:8mm;margin-bottom:6mm}.book-project-body h3{font-size:9pt;margin-bottom:4mm}.book-narrative p{font-size:8.5pt;line-height:1.8;margin-bottom:3mm}.book-data .summary-item{grid-template-columns:16mm 1fr;gap:3mm;font-size:8pt;padding:2.3mm 0}.book-gallery>h2{margin:9mm 0 3mm}.book-gallery-grid{gap:5mm;margin:3mm 0 5mm}.book-gallery-grid img{height:60mm;object-fit:contain}.book-page-foot>a{font-size:0}.book-page-foot>a:after{content:'www.sudesign-arch.com';font-size:7pt}a{color:inherit;text-decoration:none}img{break-inside:avoid}*{animation:none!important;transition:none!important;text-shadow:none!important}}