*{box-sizing:border-box} :root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#0c1b2c;color-scheme:dark}body{margin:0;min-width:300px;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffe5a0;outline-offset:6px}a{color:inherit}.symbols{position:absolute;width:0;height:0;overflow:hidden}.blueprint{position:fixed;inset:0;z-index:-1;background:linear-gradient(110deg,#8bb4d1dd 0%,#25496b77 47%,#e8a24bba 100%),linear-gradient(#1c3b59,#081b2a);overflow:hidden}.blueprint:before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(#d9e9f324 1px,transparent 1px),linear-gradient(90deg,#d9e9f324 1px,transparent 1px);background-size:43px 43px;transform:perspective(700px) rotateY(16deg) rotateZ(-7deg);opacity:.65}.blueprint:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05172899,transparent 60%),radial-gradient(ellipse at 95% 36%,#ffd99080,transparent 55%)}.city{position:absolute;inset:20% 0 0;background:url('assets/school-aerial.webp') center/cover;mix-blend-mode:luminosity;opacity:.24;mask-image:linear-gradient(transparent,#000 40%)}.crane{position:absolute;right:-2%;bottom:0;width:65%;height:96%;color:#332d28;opacity:.4}.home{max-width:540px;min-height:100svh;margin:auto;padding:max(30px,7svh) 27px max(26px,4svh);display:flex;flex-direction:column;justify-content:center;position:relative}.brand{text-align:center;margin-bottom:28px}.brand-plaque{position:relative;display:block;border:3px solid #c4c5c5;padding:4px 7px 1px;border-radius:24px;background:linear-gradient(120deg,#8c969e,#f1f1d6 19%,#7e8a96 47%,#dfded0 70%,#81929f);box-shadow:0 4px 5px #000a,0 0 1px 3px #ffffff30,inset 0 0 4px #fff}.brand-face{display:block;padding:8px 2px 5px;border:3px solid #0a2863;border-radius:17px;background:linear-gradient(125deg,#043b92,#082779 55%,#064c9a);box-shadow:inset 1px 3px 6px #000b,inset 0 0 0 2px #b1bed254}.brand-word{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(58px,17.3vw,100px);letter-spacing:.035em;line-height:1.05;display:block;background:linear-gradient(#fffce5 10%,#d6d5ca 35%,#a4abb0 68%,#fff8df 91%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(3px 4px 1px #001031);transform:scaleY(1.1)}.brand-sub{color:#ecc481;font-weight:400;letter-spacing:.08em;font-size:clamp(18px,5vw,27px);margin:15px 0 0;text-shadow:0 2px 3px #000b}.category-stack{display:flex;flex-direction:column;gap:17px}.category-tile{--tone:#9e4a10;position:relative;display:flex;align-items:center;gap:14px;width:100%;height:clamp(90px,12.2svh,125px);padding:12px 16px;border:3px solid #edeee3;border-radius:29px;background:var(--tone);color:#fff;text-align:left;isolation:isolate;box-shadow:0 6px 7px #0009,inset 0 0 0 3px #ffffff50,0 0 0 1px #738894;overflow:hidden;transition:transform .18s,box-shadow .18s,filter .18s}.category-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--tone) 12%,var(--tone) 38%,transparent 90%)}.tile-photo{position:absolute;inset:0 0 0 30%;width:70%;height:100%;object-fit:cover;z-index:-2}.category-tile:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#ffffff25,transparent 48%,#0002);border-radius:inherit;box-shadow:inset 0 0 7px #fff9}.category-tile.schools{--tone:#9d4b0f}.category-tile.hospitals{--tone:#087c9c}.category-tile.residential{--tone:#d99427}.category-tile.events{--tone:#8f2029}.tile-icon{width:53px;height:58px;flex:none;filter:drop-shadow(2px 3px 2px #0009)}.tile-label{font-family:Impact,'Arial Narrow','Arial',sans-serif;font-weight:900;letter-spacing:-.025em;font-stretch:condensed;font-size:clamp(23px,7vw,37px);text-shadow:2px 3px 3px #000b;transform:scaleX(.92);transform-origin:left;white-space:nowrap}.category-tile:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 9px 15px #000b,0 0 14px #fff5}.category-tile:active,.category-tile.selected{transform:scale(.955);box-shadow:0 0 25px #ffebb9,0 0 0 4px #ffe9a7;filter:brightness(1.3)}.ripple{position:absolute;z-index:3;width:20px;height:20px;border-radius:50%;background:#ffffff88;pointer-events:none;transform:translate(-50%,-50%);animation:ripple .5s ease-out forwards}@keyframes ripple{to{width:900px;height:900px;opacity:0}}.home-instruction{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(13px,3.5vw,18px);font-weight:700;text-align:center;margin:26px -9px 0;text-shadow:0 2px 3px #000;line-height:1.5}.home-hint{display:block;font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;opacity:.72;margin-top:12px}.page{max-width:1100px;margin:auto;min-height:100svh;padding:24px 25px 50px;animation:arrive .38s ease both}.page-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.back{border:1px solid #cfdeec66;background:#0a1e35a8;border-radius:50px;padding:12px 17px;display:inline-flex;gap:9px;align-items:center;color:white;text-decoration:none;font-size:14px;transition:transform .15s,background .15s}.back:hover{background:#244866}.back:active{transform:scale(.94)}.mini-brand{font-weight:900;font-size:23px;letter-spacing:.06em;text-shadow:1px 2px #000}.mini-brand small{display:block;font-size:8px;letter-spacing:.17em;color:#f0c88b;text-align:center;margin-top:3px}.page-heading{padding:24px 0 28px;text-shadow:0 2px 10px #001426}.eyebrow{color:#f7d39a;text-transform:uppercase;font-size:11px;letter-spacing:.2em;margin:0 0 13px}.page-heading h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(40px,8vw,68px);letter-spacing:.015em;margin:0 0 12px;line-height:1.05}.page-heading p{max-width:550px;line-height:1.65;font-size:14px;color:#e1ebf3;margin:0}.category-tabs{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none;margin-bottom:22px}.category-tabs a{text-decoration:none;white-space:nowrap;border:1px solid #dbe8f055;border-radius:25px;padding:11px 15px;font-size:12px;background:#0c2238b5;transition:background .2s,transform .2s}.category-tabs a.active{color:#102d44;background:#f3d49c;border-color:#fff0d5;font-weight:700;box-shadow:0 0 15px #f5c47344}.category-tabs a:active{transform:scale(.92)}.collection-meta{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px;font-size:12px;color:#d4e1e9}.sample-tag{border:1px solid #e4bc7566;background:#172c3fa3;padding:5px 9px;border-radius:5px;color:#f3d5a3;font-size:10px;letter-spacing:.03em}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{display:block;text-decoration:none;border:1px solid #b4c7d64d;background:linear-gradient(135deg,#1a3a55ed,#0a1e32f5);border-radius:15px;overflow:hidden;box-shadow:0 9px 25px #00101e55;animation:arrive .45s both;animation-delay:calc(var(--i)*70ms);transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0008}.project-card:active{transform:scale(.97);box-shadow:0 0 0 3px #efd7a5}.project-image{height:225px;overflow:hidden;position:relative;background:#152b42}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.05)}.project-count{position:absolute;bottom:12px;right:12px;border-radius:6px;background:#071b30d9;padding:6px 9px;font-size:10px}.project-info{padding:21px}.project-info h2{font-size:20px;line-height:1.25;margin:0 0 13px}.date-line{display:flex;align-items:center;gap:7px;color:#f3d49c;font-size:11px;line-height:1.5}.date-dot{width:6px;height:6px;border-radius:50%;background:#b7e0b9}.project-bottom{margin-top:20px;display:flex;justify-content:space-between;color:#c7d8e5;font-size:11px}.project-bottom svg{width:16px;height:16px}.demo-note{font-size:11px;line-height:1.7;color:#d2dfec;margin:30px 0 0;max-width:650px}.detail-hero{position:relative;width:100%;height:clamp(260px,50vw,540px);border-radius:17px;overflow:hidden;margin-top:10px;border:1px solid #c8d7df55;background:#0d243b}.detail-hero>img{width:100%;height:100%;object-fit:cover}.expand{position:absolute;right:16px;bottom:16px;background:#0a1c30dd;color:#fff;padding:10px 13px;border:1px solid #ffffff66;border-radius:8px;font-size:12px}.detail-info{margin-top:27px;display:grid;grid-template-columns:2fr 1fr;gap:40px}.detail-info h2{font-size:23px;margin-top:0}.detail-info p{color:#dce7f2;font-size:14px;line-height:1.8}.facts{background:#102b43d9;border:1px solid #c6dbe633;border-radius:12px;padding:22px}.facts dt{color:#aebfce;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.facts dd{margin:0 0 20px;font-size:14px}.facts dd:last-child{margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.gallery button{border:2px solid #bacbd155;padding:0;border-radius:10px;overflow:hidden;background:#183a55;height:130px;transition:transform .2s,border-color .2s}.gallery button:hover{border-color:#f1c681;transform:translateY(-3px)}.gallery img{width:100%;height:100%;object-fit:cover}.events-note{position:absolute;left:12px;top:12px;padding:6px 9px;background:#071b30d9;border-radius:6px;font-size:10px}.page-footer{border-top:1px solid #c7d8e333;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#bcd0e1;font-size:10px}.page-footer a{text-decoration:none}.round{border:1px solid #ffffff70;border-radius:50%;background:#142739;color:white;width:44px;height:44px;display:grid;place-items:center}.round:hover{background:#31546f}dialog{padding:20px;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#06111df5;color:#fff}dialog::backdrop{background:#000d}.viewer-tools{height:50px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px}#viewer-image{display:block;width:100%;height:calc(100% - 125px);object-fit:contain;margin:10px auto}.viewer-bottom{height:45px;display:flex;gap:30px;align-items:center;justify-content:center;font-size:12px}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:700px){.home{padding-left:38px;padding-right:38px;background:linear-gradient(90deg,#16324b66,#142f4315);box-shadow:0 0 100px #0005}.blueprint{background:radial-gradient(ellipse at 70% 30%,#dea25b66,transparent 60%),linear-gradient(120deg,#173a58,#152b40)}.home .brand-word{font-size:100px}.category-tile{height:112px}.page{padding-top:35px}.page-heading{padding-top:36px}}@media(max-width:800px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.project-grid{grid-template-columns:1fr;gap:22px}.project-image{height:230px}.detail-info{grid-template-columns:1fr;gap:20px}.page{padding-left:20px;padding-right:20px}.gallery button{height:90px}.page-footer{line-height:1.5}.brand{margin-bottom:26px}.home{padding-top:max(28px,5svh)}.category-tabs{margin-right:-20px;padding-right:20px}.tile-label{font-size:clamp(23px,7vw,37px)}}@media(max-height:710px) and (max-width:600px){.home{padding-top:25px;padding-bottom:20px}.brand{margin-bottom:20px}.brand-word{font-size:clamp(54px,16vw,76px)}.brand-sub{font-size:19px;margin-top:11px}.category-stack{gap:13px}.category-tile{height:clamp(70px,12.5svh,90px);border-radius:23px}.tile-icon{width:43px;height:47px}.home-instruction{margin-top:20px}.home-hint{margin-top:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.category-tile.selected{outline:4px solid #ffe3a0;outline-offset:2px}.ripple{display:none}}
@font-face{font-family:HorusCondensed;src:url('assets/heading.otf') format('opentype');font-display:swap;font-weight:700 900}.tile-label{font-family:HorusCondensed,'Arial Narrow',Arial,sans-serif;font-size:clamp(28px,8.7vw,43px);letter-spacing:-.015em;transform:none}.page-heading h1{font-family:HorusCondensed,'Arial Narrow',Arial,sans-serif}.project-bottom>span:last-child{display:flex;align-items:center;gap:4px}.round[hidden]{display:none}@media(max-height:710px) and (max-width:600px){.tile-label{font-size:clamp(26px,8.3vw,37px)}}