/* The selected arcade and open-folio composition. Real text stays in the DOM. */
:root{--serif:"Noto Naskh Arabic",Georgia,"Times New Roman",serif;--folio-paper:#f8f3e6;--folio-rule:#b6af94}
body{font-family:var(--sans);font-weight:400;font-size:17px}
h1,h2,h3,blockquote,.brand-name{font-family:var(--serif)}
.site-head .nav-row{min-height:58px;gap:22px}
.brand-name{font-size:21px}.brand-wordmark{width:88px;height:35px}
.nav-links{gap:5px}.nav-links a{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:14px;font-weight:500;padding:7px 10px;min-height:42px;border:1px solid #a9ab9433;border-radius:3px;background:#fffcf33d;transition:background .18s,border-color .18s,color .18s}
.nav-links a::after{inset-inline:10px;bottom:5px;background:var(--green)}
.nav-links a:hover,.nav-links a[aria-current="location"]{background:#e5e7d8;border-color:#a9ab9499;color:var(--green)}
.head-contact{font-family:var(--sans);font-size:14px;min-height:40px;padding:4px 11px;outline-offset:2px}
.hero h1{font-family:var(--serif);font-size:clamp(36px,3.8vw,58px);line-height:1.48}
.hero-lead{font-size:18px;line-height:1.9}.hero-context{font-size:16px;line-height:2}
.hero-actions .btn{font-size:15px}.hero-path span{font-family:var(--sans);font-size:24px;font-variant-numeric:tabular-nums}.hero-path strong{font-size:12px}.hero-path a:last-child span{font-family:var(--serif)}
.hero-panel-copy h2{font-size:21px}.hero-panel-copy p{font-size:12px;line-height:1.9}
.section-kicker,.activity-no,.project-no,.method-no,.book-position{font-family:var(--sans);font-variant-numeric:tabular-nums}
.section-intro{font-family:var(--sans)}
.chapter-heading .section-title,.projects-head .chapter-heading .section-title{font-size:42px}
.activities-head .section-intro,.projects-head .section-intro{font-size:16px;line-height:1.9}
/* One architectural room, three illustrated disciplines, and a shared stone sill. */
#activities{padding:58px 0 45px;isolation:isolate;overflow:clip}
#activities::before{content:"";position:absolute;z-index:-1;inset:-170px -8% 0;background:url('assets/mamluk-portal-v1.webp') center bottom/100% 100% no-repeat;opacity:.51;pointer-events:none;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
#activities>.wrap{width:min(calc(100% - 160px),1190px)}
#activities .chapter-heading::before,#projects .chapter-heading::before{display:none}
#activities .section-kicker{margin-bottom:10px}
#activities .activities-head{max-width:810px;margin-bottom:20px}
#activities .activity-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;padding-bottom:25px}
#activities .activity-grid::after{content:"";position:absolute;bottom:0;left:-4%;right:-4%;height:11px;background:linear-gradient(#fff9e9,#c9c1a8 30%,#eee6d4 55%,#a8a58b 60%,#f4eddd 72%);box-shadow:0 12px 18px -8px #243b354d;opacity:.85;pointer-events:none}
#activities .activity{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 28px 22px;min-width:0;background:none;border:0!important;text-align:center}
#activities .activity::before{display:none}
#activities .activity+.activity::after{content:"";display:block;position:absolute;inset-inline-start:0;top:42%;bottom:25px;width:1px;background:linear-gradient(transparent,#baae8d 18%,#baae8d 80%,transparent)}
#activities .activity-no{order:1;position:static;margin:0 0 6px;color:#867c5e;font-size:11px;letter-spacing:.13em;line-height:1.5}
#activities .activity-drawing{display:block;width:100%;height:190px;object-fit:contain;margin:0 auto 3px;mix-blend-mode:multiply;filter:drop-shadow(0 8px 4px #304d3424);transform:perspective(900px) rotateX(2deg);transform-origin:center bottom;transition:transform .5s,filter .5s;mask-image:radial-gradient(ellipse at center,#000 55%,transparent 74%)}
#activities .activity h3{order:2;font-size:29px;line-height:1.5;margin:0 0 12px;text-wrap:balance}
#activities .activity p{order:3;font-size:15px;line-height:1.95;text-align:center;color:#435246;margin:0}
/* Open, bound folios. The companion leaves are actual project selectors. */
#projects{padding:45px 0 55px;overflow:clip}
#projects>.wrap{width:min(calc(100% - 110px),1320px);max-width:1320px}
#projects .projects-head{max-width:850px;margin-bottom:35px}
.project-filters{gap:0;margin:20px auto 0;width:fit-content;border:1px solid #c3baa0;background:#f7f3e899;padding:3px}
.project-filters button{font-family:var(--sans);font-size:14px;min-height:40px;padding:6px 21px;border:0!important;color:#526050}
.project-filters button+button{border-inline-start:1px solid #bdb69d77!important}
.project-filters button span{font-family:var(--sans);font-size:12px;margin-inline-start:8px}
.project-filters button[aria-pressed="true"]{background:var(--green);color:#faf5e6;box-shadow:inset 0 0 0 2px var(--green),inset 0 0 0 3px #a9b39a}
.project-filters button[aria-pressed="true"] span{color:#eee1bb}
.folio-reader{position:relative;direction:ltr;isolation:isolate}
.folio-volumes{direction:rtl;position:relative;min-width:0}
.folio-leaf{position:relative;display:grid;direction:ltr;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);min-width:0;margin:0 0 36px;background:var(--folio-paper);border:1px solid #c6bda4;border-radius:3px 9px 8px 3px;box-shadow:0 5px 0 -1px #e0d4b9,0 8px 0 -1px #b3ac94,4px 12px 0 0 #244a3b,8px 15px 0 0 #183b30,8px 26px 27px -14px #1b332d66;transform:perspective(2200px) rotateY(-1.3deg) rotateZ(-.6deg);isolation:isolate}
.folio-leaf::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 15%,#fffdfa90,transparent 50%),linear-gradient(90deg,#c7bfa166,transparent 5%,transparent 35%,#bcb29144 37.5%,#807a5c2e 38%,#fffbed 39%,#f8f3e600 43%);border-radius:inherit;pointer-events:none}
.folio-leaf::after{content:"";position:absolute;inset:7px 8px;z-index:-1;border:1px solid #b7ad8e33;border-radius:inherit;pointer-events:none}
.folio-art{direction:rtl;position:relative;margin:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:28px 6px 25px 18px;overflow:hidden}
.folio-art img{display:block;width:100%;height:440px;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 48%,transparent 74%);filter:contrast(.96)}
.folio-copy{direction:rtl;position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:32px 30px 35px 28px;text-align:right}
.folio-leaf .project-heading{padding:0;min-height:0;background:none;border:0;text-align:right}
.folio-leaf .project-classification{display:flex;align-items:center;gap:8px;margin:0 0 7px}
.folio-leaf .project-no{display:inline-block;position:static;border:0!important;width:auto;height:auto;font-size:11px;color:#7d826d!important;line-height:1.5;letter-spacing:.05em}
.folio-leaf .project-tag{font-family:var(--sans);font-size:11px;color:#737b66;line-height:1.6}
.folio-leaf .project-heading h3{font-size:39px;line-height:1.45;color:var(--green);margin:0 0 3px;text-wrap:balance}
.folio-leaf .project-subtitle{font-family:var(--serif);color:#4d6757;font-size:22px;line-height:1.5;margin:0 0 7px}
.folio-leaf .project-address{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.03em;color:#777f6b;overflow-wrap:anywhere;margin:0 0 17px}
.folio-leaf .project-body{padding:0;min-width:0}
.folio-leaf .project-body>p{font-family:var(--sans);font-size:15px;line-height:1.95;margin:0;color:#465547}
.folio-leaf .project-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid #c9c1a480;padding:11px 0;margin:19px 0 17px;text-align:center}
.folio-leaf .project-scope>div{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 8px;min-width:0}
.folio-leaf .project-scope>div+div{border-inline-start:1px solid #c9c1a480}
.folio-leaf .project-scope dt{order:2;font-size:10px;line-height:1.7;color:#72795f}
.folio-leaf .project-scope dd{order:1;font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.5;margin:0;color:var(--green)}
.folio-leaf .project-scope .scope-number{font-family:var(--sans);font-size:19px}
.folio-leaf .text-link{font-family:var(--sans);font-size:13px;line-height:1.7;gap:12px;color:#faf6e8;background:var(--green);border:1px solid #1f4738;box-shadow:inset 0 0 0 3px var(--green),inset 0 0 0 4px #b8c2a5;padding:10px 17px;margin:0;min-height:46px;transition:background .2s,transform .2s}
.folio-leaf .text-link:hover{background:#28563f;transform:translateY(-2px)}
.folio-ready .folio-reader{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:20px;align-items:center;padding:4px 10px 24px 0}
.folio-ready .folio-leaf{margin:0;min-height:550px}
.folio-previews{direction:ltr;display:flex;align-items:center;justify-content:flex-start;align-self:stretch;min-width:0;padding-block:42px 28px;perspective:1500px}
.folio-preview{direction:rtl;position:relative;flex:0 0 66%;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:400px;padding:29px 18px 22px;border:1px solid #c5b99b;border-radius:1px 3px 3px 1px;background:linear-gradient(90deg,#cbbd9d77,transparent 13%),#f4ecd8;color:var(--green);box-shadow:3px 7px 0 #d1c4a7,7px 10px 18px -5px #21372b4d;transform:rotateY(-9deg) rotateZ(2deg);cursor:pointer;text-align:center;transition:transform .3s,box-shadow .3s}
.folio-preview::before{content:"";position:absolute;inset:9px;border:1px solid #fdf9e4;pointer-events:none}
.folio-preview:nth-child(2){margin-left:-16%;padding-left:35px;transform:translateY(14px) rotateY(-11deg) rotateZ(5deg);z-index:-1}
.folio-preview{flex-basis:58%}
.folio-preview small{font-size:10px;color:#737b66;line-height:1.8;margin-bottom:20px}
.folio-preview strong{font-family:var(--serif);font-size:24px;line-height:1.55;font-weight:700;text-wrap:balance}
.folio-preview .folio-preview-subtitle{font-family:var(--serif);font-size:17px;line-height:1.6;margin:12px 0 0}
.folio-preview img{width:100%;height:135px;object-fit:contain;margin:22px 0 8px;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 40%,transparent 72%)}
.folio-preview .folio-preview-action{font-size:11px;border-bottom:1px solid #a9aa8a;padding:5px 0;line-height:1.8;margin-top:auto}
.folio-preview:hover,.folio-preview:focus-visible{transform:translateY(-7px) rotateZ(0);z-index:2;box-shadow:3px 8px 0 #d1c4a7,7px 15px 25px -6px #21372b55}
.folio-navigation{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}
.folio-index{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 9px;width:100%}
.folio-index button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;cursor:pointer;font-family:var(--sans);font-size:12px;color:#52604e;border:1px solid transparent;border-bottom:1px solid #c4bfa8;background:#faf6e533}
.folio-index button span{font-size:10px;color:#8a7951}
.folio-index button[aria-pressed="true"]{background:#e8e6d5;border-color:#a7b094;color:var(--green)}
.folio-index button:hover{background:#e8e6d5}
.folio-paging{display:flex;gap:14px;align-items:center}
.folio-paging button{width:44px;height:44px;border:1px solid #b4b497;background:#f9f5e7;cursor:pointer;color:var(--green);font-size:22px}
.folio-paging button:hover:not(:disabled){background:#e4e6d3}
.folio-position{font-size:12px;direction:ltr;min-width:60px;text-align:center;color:#68745e}
/* Bound volumes: real CSS planes retain the live Arabic cover and approved ink frame.
   The binding is on the right, as in an Arabic book; decorative faces are aria-hidden. */
.book-volume{--binding:#61705b;--board:#a9ae94;--book-depth:44px;--book-half:22px;--book-pose:rotateX(-8deg) rotateY(-23deg) rotateZ(.2deg)}
.book-volume:nth-child(2){--binding:#526a59;--board:#a1ad95}
.book-volume:nth-child(3){--binding:#6a715d;--board:#b0b29c}
.publications .publication-grid{padding-block:18px 30px}
.book-volume .book-stage{position:relative;width:min(calc(100% - 28px),305px);margin:12px auto 20px;perspective:1500px;perspective-origin:50% 45%}
.book-stage::after{content:"";position:absolute;left:-5%;right:-12%;bottom:-25px;height:42px;background:radial-gradient(ellipse,#283c2e40 0%,#283c2e1c 38%,transparent 70%);transform:rotate(-4deg);pointer-events:none;z-index:-1}
.book-object{position:relative;width:100%;aspect-ratio:3/4;min-height:424px;transform-style:preserve-3d;transform:var(--book-pose);transform-origin:50% 55%;transition:transform .45s ease}
.book-object .book-cover{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;transform:translateZ(var(--book-half));border-color:#858b70;border-radius:2px;box-shadow:inset 0 0 0 1px #fff9e7b3,inset -8px 0 9px -8px #354a3266,0 1px 2px #243d2c33;background:linear-gradient(90deg,#fff9ea66,transparent 28%,transparent 89%,#818a683b 95%,#f9f4e899 97%,#42553b33),var(--cover-paper)}
.book-object .book-cover::before{opacity:.92}
.book-object .book-cover::after{inset-inline-start:10px;width:4px;border-color:#79836673;background:linear-gradient(90deg,#fff9e855,#75836222)}
.book-back,.book-spine,.book-pages{position:absolute;display:block;pointer-events:none;backface-visibility:hidden}
.book-back{inset:0;border:1px solid #738068;background:var(--board);border-radius:2px;transform:translateZ(calc(-1 * var(--book-half)));box-shadow:-13px 20px 24px -13px #233c2e66}
.book-spine{top:0;bottom:0;right:calc(-1 * var(--book-half));width:var(--book-depth);transform:rotateY(90deg);border:1px solid #637056;border-radius:3px;background:linear-gradient(90deg,#384d3b66,transparent 24%,#e9e6cc50 50%,transparent 76%,#30463066),var(--binding);box-shadow:inset 0 1px 1px #eee9cf88}
.book-spine::before,.book-spine::after{content:"";position:absolute;left:3px;right:3px;height:4px;border-block:1px solid #eee7c975;box-shadow:0 2px 3px #263e2c44}
.book-spine::before{top:12%}.book-spine::after{bottom:12%}
.book-pages{background:repeating-linear-gradient(0deg,#f6f0df 0 1px,#c1bba1 1px 2px,#eee7d4 2px 3px);border:1px solid #b5b099}
.book-pages-bottom,.book-pages-top{height:calc(var(--book-depth) - 5px);left:3px;right:3px;box-shadow:inset 0 0 3px #7b806155}
.book-pages-bottom{bottom:calc(-.5 * (var(--book-depth) - 5px) + 3px);transform:rotateX(-90deg)}
.book-pages-top{top:calc(-.5 * (var(--book-depth) - 5px) + 3px);transform:rotateX(90deg)}
.book-pages-edge{left:calc(-.5 * (var(--book-depth) - 5px) + 3px);top:3px;bottom:3px;width:calc(var(--book-depth) - 5px);transform:rotateY(-90deg);background:repeating-linear-gradient(90deg,#f6f0df 0 1px,#c1bba1 1px 2px,#eee7d4 2px 3px)}
.book-volume .book-caption{padding-top:18px}
@media(hover:hover) and (pointer:fine){.book-stage:hover .book-object{transform:translateY(-4px) rotateX(-6deg) rotateY(-18deg)}}
@media(min-width:1800px){.book-volume .book-stage{width:min(calc(100% - 28px),330px)}.book-object{min-height:450px}}
@media(max-width:1100px){.book-object{min-height:405px}.book-object .book-cover{padding-inline:21px}}
@media(max-width:850px){.publications .publication-grid{padding-block:20px 30px}.book-volume .book-stage{width:min(calc(100% - 30px),305px)}}
@media(max-width:620px){.book-volume{--book-depth:34px;--book-half:17px;--book-pose:rotateX(-6deg) rotateY(-18deg)}.book-volume .book-stage{width:min(calc(100% - 24px),290px);margin-block:12px 17px;perspective:1250px}.book-object{min-height:390px}.book-object .book-cover{padding:25px 22px}.book-object h3{font-size:31px}.book-object .book-subtitle{font-size:15px}.book-object .book-author{font-size:14px}.book-volume .book-caption{padding-top:18px}}
@media(max-width:360px){.book-object{min-height:375px}.book-object .book-cover{padding-inline:18px}.book-object h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.book-object{transition:none!important}.book-stage:hover .book-object{transform:var(--book-pose)}}
html[data-motion="paused"] .book-object{transition:none!important}
html[data-motion="paused"] .book-stage:hover .book-object{transform:var(--book-pose)}
@media print{.book-volume .book-stage{width:100%;margin:0;perspective:none}.book-object,.book-stage:hover .book-object,html[data-motion="paused"] .book-stage:hover .book-object{height:auto;min-height:0;aspect-ratio:auto;transform:none!important;transition:none}.book-back,.book-spine,.book-pages,.book-stage::after{display:none!important}.book-object .book-cover{position:static;width:100%;height:auto;min-height:0;transform:none;padding:12px;background:none!important;box-shadow:none;border:0}}
.folio-leaf.is-turning{animation:folio-settle .4s ease-out both}
/* Meaningful availability replaces ornamental numbering and mixed classifications. */
#projects .projects-head{margin-bottom:14px}
.folio-topbar{display:flex;justify-content:flex-start;direction:rtl;margin:0 8px 14px;position:relative;z-index:2}
.folio-advance{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0;border:0;background:none;color:var(--green);font-family:var(--sans);font-size:13px;cursor:pointer}
.folio-advance-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--green);color:#fff9e8;border-radius:50%;box-shadow:0 5px 12px #183d3225;transition:background .2s,transform .2s}
.folio-advance-icon svg{width:23px;height:23px}
.folio-advance:hover:not(:disabled) .folio-advance-icon{background:#2d6048;transform:translateX(-3px)}
.folio-advance:disabled{opacity:.35}
.folio-leaf .project-classification{gap:10px;flex-wrap:wrap}
.project-status{display:inline-flex;align-items:center;gap:5px;font-family:var(--sans);font-size:10px;line-height:1.7;color:#365b43;padding:2px 8px;border:1px solid #a4b09680;background:#e8eadb80;border-radius:2px}
.project-status::before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}
.project-status[data-status="progress"]{color:#6e694e;border-color:#c0b28b;background:#e9e1cd66;border-style:dashed}
.folio-preview .folio-preview-status{font-size:10px;color:#365b43;margin-bottom:17px}
.folio-preview .folio-preview-status[data-status="progress"]{color:#71684c}
.folio-index button[data-status="progress"]{border-bottom-style:dashed}
.method-list .method-item{grid-template-columns:minmax(0,1fr)}
.founder-note .founder{margin-top:18px}
@media(max-width:620px){.project-filters button{padding-inline:10px;font-size:11px}.folio-topbar{margin:0 0 14px}.folio-advance{font-size:12px;gap:9px}.folio-advance-icon{width:44px;height:44px}.folio-leaf .project-classification{gap:5px}.project-status{font-size:9px;padding-inline:5px}.folio-leaf .project-tag{font-size:10px}.folio-leaf .project-heading{padding-left:45px}}
@media(prefers-reduced-motion:reduce){.folio-advance-icon{transition:none!important;transform:none!important}}
html[data-motion="paused"] .folio-advance-icon{transition:none!important;transform:none!important}
@media print{.folio-topbar{display:none!important}}
@keyframes folio-settle{from{opacity:.65;transform:perspective(2200px) rotateY(-5deg) rotateZ(-.6deg) translateY(5px)}to{opacity:1;transform:perspective(2200px) rotateY(-1.3deg) rotateZ(-.6deg)}}
@media(hover:hover) and (pointer:fine){#activities .activity:hover .activity-drawing{transform:perspective(900px) rotateX(0) translateY(-5px);filter:drop-shadow(0 14px 6px #304d3430)}}
@media(min-width:1800px){#activities>.wrap{max-width:1350px}#activities .activity-drawing{height:210px}#activities .activity p{font-size:16px}#projects>.wrap{max-width:1450px}.folio-leaf .project-body>p{font-size:16px}.folio-copy{padding:38px}.folio-preview{min-height:435px}.folio-leaf .project-heading h3{font-size:43px}}
@media(max-width:1100px){.site-head .nav-row{gap:12px}.nav-links a{font-size:13px;padding-inline:7px}.brand-name{font-size:18px}.brand-wordmark{width:77px;height:31px}#activities>.wrap{width:calc(100% - 90px)}#activities .activity{padding-inline:20px}#activities .activity-drawing{height:160px}#activities .activity h3{font-size:27px}#activities .activity p{font-size:14px}#projects>.wrap{width:calc(100% - 70px)}.folio-ready .folio-reader{grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);gap:16px}.folio-copy{padding:26px 23px}.folio-leaf .project-heading h3{font-size:34px}.folio-leaf .project-subtitle{font-size:20px}.folio-leaf .project-body>p{font-size:14px}.folio-preview{padding-inline:12px;min-height:390px}.folio-preview strong{font-size:21px}.folio-preview .folio-preview-subtitle{font-size:15px}}
@media(max-width:900px){.folio-ready .folio-reader{display:block;padding-inline:0}.folio-previews{display:none}.folio-ready .folio-leaf{min-height:510px}.folio-leaf{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.folio-leaf::before{background:linear-gradient(90deg,#c7bfa166,transparent 5%,transparent 38%,#807a5c26 39.5%,#fffbed 40%,transparent 45%)}.folio-copy{padding:30px}.folio-leaf .project-body>p{font-size:15px}.folio-art img{height:390px}}
@media(max-width:850px){.site-head .nav-row{padding-block:7px 3px;row-gap:3px}.nav-links{gap:5px}.nav-links a{font-size:13px;padding-inline:10px;min-height:42px}.hero h1{font-size:40px}.hero-lead{font-size:17px}.hero-context{font-size:15px}#activities{padding-top:42px}#activities>.wrap{width:calc(100% - 70px)}#activities .activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#activities .activity{padding-inline:15px}#activities .activity h3{font-size:24px}#activities .activity p{font-size:13px}.activities-head .section-intro,.projects-head .section-intro{font-size:15px}}
@media(max-width:620px){.nav-links{gap:4px;justify-content:center}.nav-links a{font-size:11px;padding:6px 7px;min-height:40px}.head-contact{font-size:12px;min-height:38px}.hero h1{font-size:34px;line-height:1.5}.hero-lead{font-size:16px}.hero-context{font-size:14px}.hero-path span{font-size:22px}.hero-path strong{font-size:10px}.hero-panel-copy h2{font-size:18px}.hero-panel-copy p{font-size:11px}.hero-actions .btn{font-size:13px}.chapter-heading .section-title,.projects-head .chapter-heading .section-title{font-size:34px}#activities{padding:28px 0 27px}#activities::before{inset-inline:-100px;opacity:.25}#activities>.wrap{width:calc(100% - 46px)}#activities .activity-grid{grid-template-columns:1fr;padding-bottom:13px}#activities .activity{padding:12px 10px 24px}#activities .activity+.activity::after{inset:auto 12% auto;top:0;width:auto;height:1px;background:#c7bea366}#activities .activity-drawing{height:165px;width:250px;max-width:100%;margin-bottom:0}#activities .activity h3{font-size:29px}#activities .activity p{font-size:14px;max-width:40ch}#activities .activity-no{font-size:10px;margin-bottom:4px}.activities-head .section-intro,.projects-head .section-intro{font-size:14px}#projects{padding:28px 0 36px}#projects>.wrap{width:calc(100% - 40px)}#projects .projects-head{margin-bottom:24px}.project-filters button{font-size:12px;padding:6px 13px}.project-filters button span{font-size:11px;margin-inline-start:5px}.folio-leaf,.folio-ready .folio-leaf{display:block;min-height:0;transform:none;box-shadow:0 4px 0 #e0d4b9,0 7px 0 #b3ac94,3px 10px 0 #244a3b,4px 19px 22px -11px #1b332d55}.folio-leaf::before{background:linear-gradient(90deg,#c7bfa144,transparent 6%,transparent 96%,#c7bfa144)}.folio-art{position:absolute;top:5px;left:7px;width:90px;height:105px;padding:4px;opacity:.54;pointer-events:none}.folio-art img{height:100%;width:100%}.folio-copy{padding:26px 23px 27px}.folio-leaf .project-heading{min-height:100px;padding-left:53px;margin-bottom:9px}.folio-leaf .project-heading h3{font-size:31px}.folio-leaf .project-subtitle{font-size:18px}.folio-leaf .project-address{font-size:9px;margin-bottom:5px}.folio-leaf .project-body>p{font-size:14px;line-height:2}.folio-leaf .project-scope{padding-block:12px;margin:18px 0}.folio-leaf .project-scope>div{padding-inline:5px}.folio-leaf .project-scope dt{font-size:9px}.folio-leaf .project-scope dd{font-size:16px}.folio-leaf .text-link{font-size:12px;padding-inline:14px}.folio-navigation{margin-top:17px;gap:13px}.folio-index{gap:4px}.folio-index button{font-size:10px;gap:5px;padding:7px;min-height:42px}.folio-index button span{font-size:9px}.folio-leaf.is-turning{animation:none}.method-item p,.book-caption p,.contact-panel p{font-family:var(--sans);font-size:15px!important}}
@media(max-width:360px){.nav-links a{padding-inline:5px;font-size:10px}.folio-copy{padding-inline:19px}.folio-leaf .project-heading h3{font-size:28px}.folio-leaf .project-scope{grid-template-columns:1fr;gap:9px}.folio-leaf .project-scope>div+div{border-inline-start:0;border-top:1px solid #c9c1a480;padding-top:9px}.folio-leaf .project-scope>div{gap:1px}.folio-leaf .project-scope dt{font-size:10px}}
@media(prefers-reduced-motion:reduce){.folio-leaf.is-turning{animation:none}#activities .activity-drawing,.folio-preview,.folio-leaf .text-link{transition:none!important;transform:none!important}}
html[data-motion="paused"] .folio-leaf.is-turning{animation:none}
html[data-motion="paused"] #activities .activity-drawing,html[data-motion="paused"] .folio-preview,html[data-motion="paused"] .folio-leaf .text-link{transition:none!important;transform:none!important}
@media print{#activities::before,#activities .activity-grid::after,.activity-drawing,.folio-art,.folio-previews,.folio-navigation,.project-filters{display:none!important}#activities,#projects{padding:12px 0}#activities>.wrap,#projects>.wrap{width:100%;max-width:none}#activities .activity-grid{display:block}#activities .activity{display:block;padding:12px 0}#activities .activity p{max-width:none;text-align:right}.folio-ready .folio-reader,.folio-volumes{display:block!important}.folio-leaf,.folio-ready .folio-leaf,.folio-leaf[hidden]{display:block!important;transform:none;animation:none;min-height:0;box-shadow:none;background:white;border:1px solid #aaa;margin:0 0 18px;break-inside:avoid}.folio-leaf::before,.folio-leaf::after{display:none}.folio-copy{display:block;padding:16px}.folio-leaf .project-heading{padding:0;min-height:0}.folio-leaf .project-body>p{font-size:13px}.folio-leaf .text-link{color:#183d32;background:none;box-shadow:none;padding:4px;border:0}.folio-leaf .project-scope{margin-block:10px}}