.architecture-preview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,6vw,90px);align-items:center;border-top:1px solid #665037;margin-top:64px;padding-top:64px}
.architecture-copy{min-width:0}.architecture-copy .architecture-eyebrow{font-size:12px;letter-spacing:.16em;color:#d6b171;margin:0 0 24px}
.architecture-copy h3{font-size:clamp(28px,3.3vw,44px);line-height:1.14;margin:0 0 28px}
.architecture-copy p{font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:#cbbca5;max-width:46ch}
.architecture-copy .architecture-statement{font-size:clamp(19px,1.8vw,23px);color:#ecd8b9;line-height:1.55}
.architecture-open{margin-top:12px;min-width:0}.architecture-copy .architecture-caption{font-size:13px;color:#bda88b;margin:17px 0 0}
.architecture-document{position:relative;display:block;isolation:isolate;width:min(100%,430px);padding:30px 42px 40px 14px;margin:auto;border:0;background:transparent;color:#d6b171;transition:transform .3s}
.architecture-document:hover{transform:translateY(-4px)}
.architecture-paper{width:100%;height:auto;border:1px solid #aa89584d;box-shadow:0 16px 40px #0004}
.architecture-paper-cover{position:relative;z-index:3}
.architecture-paper-middle,.architecture-paper-back{position:absolute;width:calc(100% - 56px);left:14px;top:30px;transform-origin:center bottom}
.architecture-paper-middle{transform:rotate(5deg);z-index:2}.architecture-paper-back{transform:rotate(10deg);z-index:1}
.architecture-document-label{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:4;font-size:10px;letter-spacing:.14em;margin-top:22px}
.architecture-reader[data-slot="dialog-content"]{--foreground:#ecd8b9;--gold:#d6b171;display:flex;flex-direction:column;gap:0;width:min(1120px,calc(100% - 48px));max-width:1120px;height:min(1100px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;overflow:hidden;background:#241c12;color:#ecd8b9;border:1px solid #836743;border-radius:2px;box-shadow:0 30px 100px #0009}
.architecture-reader-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px 18px;flex:none}
.architecture-reader-header p{font-size:10px;line-height:1.6;letter-spacing:.14em;color:#d6b171;margin:0 0 6px}
.architecture-reader-header h2{font-family:Gravity,Arial,sans-serif;font-size:clamp(17px,2vw,24px);font-weight:900;line-height:1.2;color:#ecd8b9;margin:0}
.architecture-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid transparent;background:transparent;color:#d6b171;border-radius:0;transition:background .2s,border-color .2s}
.architecture-icon-button:hover{border-color:#836743;background:#d6b1710c}.architecture-icon-button:disabled{opacity:.25;cursor:default}
.architecture-reader-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;border-block:1px solid #83674355;padding:6px 28px;flex:none}
.architecture-reader-tools>div{display:flex;align-items:center;gap:4px}.architecture-reader-tools label{min-width:0}.architecture-reader-tools select{font-family:Body,Arial,sans-serif;max-width:100%;font-size:13px;background:#241c12;color:#ecd8b9;border:0;min-height:44px;padding:0 20px 0 0;cursor:pointer}
.architecture-reader-tools button:not(.architecture-icon-button){font-size:12px;color:#ecd8b9;border:0;min-height:44px;padding:0 12px;background:transparent;text-decoration:underline;text-underline-offset:5px}
.architecture-reader-tools select:focus-visible{outline:2px solid #d6b171;outline-offset:2px}
.architecture-reader-viewport{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px;background:#17120d;overscroll-behavior:contain;touch-action:pan-y}
.architecture-reader-page{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 40px #0006;animation:architecture-page-in .2s ease-out}
.architecture-reader-viewport.is-zoomed{display:block;touch-action:pan-x pan-y}.architecture-reader-viewport.is-zoomed .architecture-reader-page{width:1100px;min-width:720px;max-width:none;max-height:none;margin:0 auto}
.architecture-reader-viewport.is-text{display:block;background:#f1e9dc;color:#241c12;touch-action:pan-y}
.architecture-readable{max-width:680px;margin:0 auto;padding:16px 12px}.architecture-readable h3{font-size:24px;margin-bottom:24px}.architecture-readable p{white-space:pre-line;font-size:17px;line-height:1.65;margin:0}
.architecture-reader-footer{display:flex;align-items:center;justify-content:center;gap:26px;padding:10px 24px;border-top:1px solid #83674355;flex:none}
.architecture-reader-footer p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:12px;row-gap:3px;margin:0;font-size:13px;font-variant-numeric:tabular-nums;color:#d6b171;min-width:170px}
.architecture-page-divider{opacity:.4}.architecture-page-title{display:block;flex-basis:100%;text-align:center;font-size:11px;color:#bda88b}
@keyframes architecture-page-in{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.architecture-preview{grid-template-columns:1fr;gap:34px;padding-top:44px;margin-top:44px}.architecture-document{width:min(100%,350px);padding-bottom:0}.architecture-copy p{max-width:100%}.architecture-reader[data-slot="dialog-content"]{width:calc(100% - 20px);max-width:calc(100% - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.architecture-reader-header{padding:14px 16px}.architecture-reader-header p{font-size:8px;letter-spacing:.1em}.architecture-reader-tools{padding:4px 10px;gap:6px}.architecture-reader-tools select{font-size:11px;width:100%;padding-right:0}.architecture-reader-tools label{flex:1}.architecture-reader-tools>div{gap:0}.architecture-reader-tools button:not(.architecture-icon-button){padding-inline:6px;font-size:11px}.architecture-reader-tools .architecture-icon-button{width:38px}.architecture-reader-viewport{padding:14px}.architecture-reader-footer{padding:8px 12px;gap:16px}.architecture-reader-footer p{min-width:150px}.architecture-readable{padding:8px 4px}}
@media(prefers-reduced-motion:reduce){.architecture-document{transition:none}.architecture-reader-page{animation:none}.architecture-icon-button{transition:none}}
[data-slot="dialog-overlay"]:has(+.architecture-reader){background:#100b07db;backdrop-filter:blur(8px)}

/* Directional sheet movement with a quiet paper edge and reflected light. */
.architecture-reader[data-slot="dialog-content"]{background:linear-gradient(135deg,#30251a,#241c12 45%,#20180f);border-color:#a282535c;box-shadow:0 40px 140px #000b,0 0 0 1px #d6b1710a inset}
.architecture-reader-header{padding-block:22px}.architecture-reader-tools{border-color:#d6b1711f}.architecture-reader-footer{border-color:#d6b1711f}
.architecture-reader-viewport{position:relative;background:radial-gradient(ellipse at 50% 45%,#34291d 0%,#21190f 62%,#19130d 100%);overflow:hidden;padding:28px 36px}
.architecture-book{position:relative;isolation:isolate;width:100%;height:100%;min-height:0;perspective:1800px;overflow:hidden}
.architecture-page-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:center;backface-visibility:hidden}
.architecture-reader-page{animation:none;flex:none;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 22px 55px #0006,2px 0 1px #d2c0a8,4px 0 1px #796044;user-select:none;-webkit-user-drag:none}
.architecture-page-layer.is-current{z-index:2}.architecture-page-layer.is-leaving{z-index:1;pointer-events:none}
.architecture-book.is-forward.is-turning .is-current{animation:architecture-sheet-from-right .62s cubic-bezier(.22,.72,.16,1) both}
.architecture-book.is-forward.is-turning .is-leaving{animation:architecture-sheet-to-left .62s cubic-bezier(.22,.72,.16,1) both}
.architecture-book.is-backward.is-turning .is-current{animation:architecture-sheet-from-left .62s cubic-bezier(.22,.72,.16,1) both}
.architecture-book.is-backward.is-turning .is-leaving{animation:architecture-sheet-to-right .62s cubic-bezier(.22,.72,.16,1) both}
.architecture-turn-light{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 35%,#f1dfbe0d 48%,#00000012 55%,transparent 65%)}
.architecture-book.is-turning .architecture-turn-light{animation:architecture-light-sweep .62s ease-out both}
.architecture-reader-viewport.is-zoomed{overflow:auto;background:#21190f}.architecture-reader-viewport.is-text{overflow:auto;background:#f1e9dc}
.architecture-reader-progress{height:2px;flex:none;background:#d6b17110}.architecture-reader-progress span{display:block;height:100%;background:#b99155;transition:width .62s cubic-bezier(.22,.72,.16,1)}
@keyframes architecture-sheet-from-right{from{opacity:0;transform:translateX(38%) rotateY(-9deg) scale(.975)}to{opacity:1;transform:translateX(0) rotateY(0) scale(1)}}
@keyframes architecture-sheet-to-left{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-22%) rotateY(7deg) scale(.985)}}
@keyframes architecture-sheet-from-left{from{opacity:0;transform:translateX(-38%) rotateY(9deg) scale(.975)}to{opacity:1;transform:translateX(0) rotateY(0) scale(1)}}
@keyframes architecture-sheet-to-right{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(22%) rotateY(-7deg) scale(.985)}}
@keyframes architecture-light-sweep{0%{opacity:0;transform:translateX(-28%)}35%{opacity:1}100%{opacity:0;transform:translateX(28%)}}
@media(max-width:760px){.architecture-reader-header{padding-block:14px}.architecture-reader-viewport{padding:18px 14px}.architecture-reader-page{box-shadow:0 15px 32px #0006,2px 0 1px #a68b67}}
@media(prefers-reduced-motion:reduce){.architecture-book.is-turning .architecture-page-layer{animation:none}.architecture-book.is-turning .is-leaving{display:none}.architecture-book.is-turning .architecture-turn-light{animation:none}.architecture-reader-progress span{transition:none}}

/* Native dialog frame for the static UNFOLD Professional route. */
dialog.architecture-reader{position:fixed;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-family:Body,Arial,sans-serif;line-height:1.65}
dialog.architecture-reader:not([open]){display:none}
dialog.architecture-reader::backdrop{background:#100b07db;backdrop-filter:blur(8px)}
.architecture-reader button,.architecture-reader select{font:inherit;cursor:pointer}.architecture-reader button:disabled{cursor:default}.architecture-reader button:focus-visible,.architecture-reader a:focus-visible,.case-document a:focus-visible{outline:2px solid #d6b171;outline-offset:3px}
.architecture-reader .architecture-reader-tools select{font-size:13px}.architecture-reader .architecture-reader-tools button:not(.architecture-icon-button){font-size:12px}
.architecture-reader .architecture-reader-footer p{margin:0}.architecture-reader .architecture-reader-header p{margin:0 0 6px}.architecture-reader a{text-decoration:none}
.document-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-document{display:grid;grid-template-columns:1fr 1.35fr;gap:7vw;align-items:center;border-top:1px solid var(--line);padding-top:55px;margin-top:48px}
.case-document h3{font-size:clamp(28px,3vw,43px);margin-bottom:25px}.case-document .case-document-copy>p:not(.eyebrow):not(.architecture-caption){font-size:18px;color:var(--muted);line-height:1.7;max-width:45ch;margin-bottom:24px}
.case-document .architecture-open{border:1px solid #d6b171;background:transparent;color:#ecd8b9;font-family:Body,Arial,sans-serif;font-size:15px;gap:20px;margin:8px 0 0;padding:15px 20px;min-height:56px;text-decoration:none}.case-document .architecture-open:hover{background:#d6b171;color:#241c12}
.case-document .architecture-caption{font-size:13px;color:#bda88b;margin-top:18px}.case-document .architecture-document{width:min(100%,440px);text-decoration:none}.case-document .architecture-paper-middle{width:calc(100% - 56px)}
@media(max-width:800px){.case-document{grid-template-columns:1fr;gap:30px;padding-top:35px;margin-top:35px}.case-document .architecture-document{width:min(100%,360px)}}
@media(max-width:760px){.architecture-reader .architecture-reader-tools select{font-size:11px}.architecture-reader .architecture-reader-tools button:not(.architecture-icon-button){font-size:11px}}