.page.portfolio-page{overflow:visible;min-height:100dvh}.portfolio-page .backdrop{position:fixed}.portfolio-page main{display:block;padding:clamp(110px,13vh,160px) clamp(20px,5vw,76px) 100px}.portfolio-page .copy{max-width:1440px;margin:0 auto}.portfolio-page h1{font-size:clamp(3rem,6vw,6rem);line-height:1}.portfolio-page .intro{max-width:850px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:46px}.portfolio-card,.founder-lead,.founder-education{position:relative;overflow:hidden;border:1px solid rgba(135,178,233,.38);background:linear-gradient(140deg,rgba(8,22,45,.91),rgba(3,9,21,.8));box-shadow:0 25px 65px rgba(0,0,0,.35),inset 0 1px rgba(235,248,255,.11);backdrop-filter:blur(18px);padding:clamp(24px,3vw,44px);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.portfolio-card:before,.founder-lead:before,.founder-education:before{content:"";position:absolute;top:0;left:0;width:45%;height:1px;background:linear-gradient(90deg,#67bbff,transparent);box-shadow:0 0 17px #3789fa}.portfolio-card:hover{border-color:rgba(160,208,255,.8);transform:translateY(-4px);box-shadow:0 30px 75px rgba(0,0,0,.45),0 0 22px rgba(33,124,255,.16)}.portfolio-card{transition:transform .3s,border-color .3s,box-shadow .3s}.portfolio-number{display:block;color:#74aef3;font-size:.75rem;letter-spacing:.2em;margin-bottom:28px}.portfolio-kind{display:block;color:#a9ccf3;text-transform:uppercase;font-size:.76rem;letter-spacing:.16em;line-height:1.5}.portfolio-card h2,.founder-profile h2{font-size:clamp(1.8rem,2.5vw,2.8rem);font-weight:400;line-height:1.12;margin:14px 0 20px}.portfolio-summary,.founder-profile p{font-size:1rem;line-height:1.75;color:#d1ddec;max-width:66ch}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.portfolio-tags span{padding:8px 11px;color:#9dc9fa;border:1px solid rgba(95,151,223,.38);font-size:.78rem;letter-spacing:.04em}.founder-profile{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}.founder-lead{min-height:460px;display:flex;flex-direction:column;justify-content:center}.founder-education h2{margin-bottom:24px}.education-item{border-top:1px solid rgba(136,178,230,.28);padding:16px 0}.education-item h3{font-size:1.1rem;font-weight:500;margin:0 0 8px;color:#e6f2ff}.education-item p{margin:0}@media(max-width:760px){.portfolio-grid,.founder-profile{grid-template-columns:1fr}.portfolio-page main{padding-top:125px}.portfolio-page .pager{display:none}.portfolio-card{padding:24px}.founder-lead{min-height:0}}
.founder-education strong{display:block;font-size:1rem;font-weight:500;color:#b8d7fa;margin-top:8px}.education-years{display:block;font-size:.78rem;letter-spacing:.15em;color:#7db7ff;margin-bottom:8px}.founder-skills{grid-column:1/-1;position:relative;border:1px solid rgba(135,178,233,.38);background:linear-gradient(140deg,rgba(8,22,45,.93),rgba(3,9,21,.84));box-shadow:0 25px 65px rgba(0,0,0,.35);padding:clamp(24px,3vw,44px)}.founder-skills:before{content:"";position:absolute;top:0;left:0;width:45%;height:1px;background:linear-gradient(90deg,#67bbff,transparent);box-shadow:0 0 17px #3789fa}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skill-group{border-top:1px solid rgba(136,178,230,.35);padding:16px 0}.skill-group h3{margin:0 0 16px;color:#e6f2ff;font-size:1.15rem;font-weight:500}.skill-group ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.skill-group li{padding:8px 12px;border:1px solid rgba(95,151,223,.38);color:#cddff4;font-size:.9rem}.founder-profile .version-note{margin:34px 0 0;color:#9db7d1;font-size:.85rem;max-width:none}@media(max-width:760px){.skill-grid{grid-template-columns:1fr}}
@property --portfolio-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes portfolio-laser{to{--portfolio-angle:360deg}}
.founder-profile{position:relative;display:block;padding:clamp(22px,3.2vw,48px);border:1px solid rgba(151,197,255,.56);background:linear-gradient(138deg,rgba(8,22,45,.96),rgba(3,9,21,.91));box-shadow:0 34px 90px rgba(0,0,0,.5),inset 0 1px rgba(235,248,255,.14);backdrop-filter:blur(18px);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);transition:transform .35s,border-color .35s,box-shadow .35s}.founder-profile:hover,.founder-profile:focus-within{transform:scale(1.01);border-color:#9ed1ff;box-shadow:0 38px 100px rgba(0,0,0,.55),0 0 35px rgba(51,143,255,.22)}.founder-profile:after,.founder-portrait:after,.portfolio-card:after,.project-image-frame:after{content:"";position:absolute;z-index:2;inset:0;padding:2px;pointer-events:none;background:conic-gradient(from var(--portfolio-angle),transparent 0 66%,rgba(59,153,255,.16) 76%,#edffff 83%,#319bff 88%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0}.founder-profile:hover:after,.founder-profile:focus-within:after,.founder-portrait:hover:after,.portfolio-card:hover:after,.project-image-frame:hover:after{opacity:1;animation:portfolio-laser 1.1s linear infinite}.founder-top{display:grid;grid-template-columns:minmax(220px,34%) minmax(0,1fr);gap:clamp(22px,3vw,48px);align-items:stretch}.founder-portrait{position:relative;overflow:hidden;margin:0;min-height:410px;border:1px solid rgba(133,189,255,.54);background:radial-gradient(circle at 54% 35%,rgba(40,106,200,.22),transparent 46%),linear-gradient(140deg,#071525,#020811);box-shadow:inset 0 0 45px rgba(29,98,190,.1),0 20px 55px rgba(0,0,0,.35);transition:transform .4s,box-shadow .4s}.founder-portrait:hover{transform:scale(1.035);box-shadow:0 25px 65px rgba(0,0,0,.45),0 0 25px rgba(38,141,255,.3)}.founder-portrait img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.founder-portrait:hover img{transform:scale(1.06)}.portrait-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;color:#cce4ff;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}.portrait-monogram{font-family:Georgia,serif;font-size:clamp(5rem,11vw,10rem);font-weight:400;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(157,211,255,.7);letter-spacing:-.08em;transition:transform .5s,text-shadow .5s}.founder-portrait:hover .portrait-monogram{transform:scale(1.09);text-shadow:0 0 22px rgba(63,145,255,.5)}.portrait-placeholder small{font-size:.7rem;color:#83a9d0;letter-spacing:.13em}.founder-lead,.founder-education,.founder-skills{border:0;background:transparent;box-shadow:none;clip-path:none;backdrop-filter:none;padding:0}.founder-lead:before,.founder-education:before,.founder-skills:before{display:none}.founder-lead{min-height:0;justify-content:center}.founder-education,.founder-skills{margin-top:clamp(32px,4vw,62px);padding-top:clamp(25px,3vw,42px);border-top:1px solid rgba(133,189,255,.35)}.project-image-frame{position:relative;overflow:hidden;aspect-ratio:16/9;margin:calc(-1 * clamp(24px,3vw,44px)) calc(-1 * clamp(24px,3vw,44px)) 28px;border-bottom:1px solid rgba(135,190,255,.42);background:radial-gradient(circle at 72% 15%,rgba(44,105,190,.24),transparent 36%),linear-gradient(145deg,#0a1c36,#030910);transition:box-shadow .35s}.project-image-frame:hover{box-shadow:inset 0 0 35px rgba(51,136,255,.2)}.project-image-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s}.project-image-frame:hover img{transform:scale(1.06);filter:brightness(1.12)}.project-image-placeholder{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:clamp(18px,3vw,34px);gap:8px;transition:transform .5s}.project-image-frame:hover .project-image-placeholder{transform:scale(1.035)}.project-image-placeholder span{color:#7db2e8;font-size:.68rem;text-transform:uppercase;letter-spacing:.19em}.project-image-placeholder strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.5rem,2.5vw,2.5rem);color:#e4f2ff}.project-image-placeholder em{font-style:normal;color:#96b7d7;font-size:.8rem}.portfolio-card:hover{transform:translateY(-4px) scale(1.012)}@media(max-width:760px){.founder-top{grid-template-columns:1fr}.founder-portrait{min-height:360px;max-width:420px}.founder-profile{padding:22px}.project-image-frame{margin:-24px -24px 24px}}
@media(prefers-reduced-motion:reduce){.founder-profile,.founder-portrait,.portfolio-card,.project-image-frame img,.project-image-placeholder,.portrait-monogram{transition:none}.founder-profile:hover:after,.founder-portrait:hover:after,.portfolio-card:hover:after,.project-image-frame:hover:after{animation:none}}
/* Architectural education: official identities followed by campus photographs. */
.founder-education .education-item{padding:28px 0 34px}.education-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.education-heading h3{font-family:Georgia,serif;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:400;margin:4px 0 8px}.education-heading strong{max-width:28ch;text-align:right;line-height:1.45}.education-media{display:flex;gap:10px;overflow-x:auto;padding:8px 4px 20px;scroll-snap-type:x proximity;scrollbar-color:#537eaa transparent}.education-tile{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex:0 0 clamp(158px,16%,220px);height:175px;min-width:0;padding:0;overflow:hidden;border:1px solid rgba(145,190,245,.5);background:rgba(5,16,34,.8);color:#eef7ff;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .3s,border-color .3s,box-shadow .3s;scroll-snap-align:start}.education-tile:after{content:"";position:absolute;inset:0;padding:2px;pointer-events:none;background:conic-gradient(from var(--portfolio-angle),transparent 0 65%,rgba(99,172,255,.2) 74%,#efffff 81%,#338dff 88%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0}.education-tile:hover,.education-tile:focus-visible{transform:translateY(-5px) scale(1.035);border-color:#a3d5ff;box-shadow:0 16px 30px rgba(0,0,0,.45),0 0 22px rgba(53,145,255,.37);outline:none;z-index:2}.education-tile:hover:after,.education-tile:focus-visible:after{opacity:1;animation:portfolio-laser 1.1s linear infinite}.education-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s}.education-tile:hover img,.education-tile:focus-visible img{transform:scale(1.09);filter:brightness(1.1)}.education-tile span{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:23px 12px 10px;background:linear-gradient(transparent,rgba(1,7,18,.92));font-size:.75rem;letter-spacing:.08em;text-align:left;text-transform:uppercase}.education-logo{flex-basis:clamp(190px,19%,260px);background:#f7f9fc}.education-logo img{width:80%;height:76%;object-fit:contain}.education-logo[href*="sciarc"]{background:#0b1524}.education-logo[href*="boxhill"]{background:#fff}.education-logo span{text-align:center}.education-lightbox{position:fixed;inset:0;max-width:min(94vw,1500px);max-height:94dvh;width:max-content;margin:auto;padding:18px;border:1px solid #95c8f4;background:rgba(3,10,23,.98);color:#e9f4ff;box-shadow:0 0 55px rgba(45,130,235,.35),0 35px 90px rgba(0,0,0,.8);overflow:auto}.education-lightbox::backdrop{background:rgba(0,3,12,.88);backdrop-filter:blur(10px)}.education-lightbox img{display:block;max-width:calc(94vw - 36px);max-height:calc(94dvh - 90px);width:auto;height:auto;object-fit:contain}.education-lightbox p{max-width:none;margin:12px 45px 0 0;font-size:.88rem;letter-spacing:.08em;color:#bed6f1}.education-lightbox-close{position:absolute;z-index:3;top:22px;right:22px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #a4d5ff;background:rgba(2,9,21,.87);color:white;font-size:1.8rem;cursor:pointer}.education-lightbox-close:hover,.education-lightbox-close:focus-visible{box-shadow:0 0 17px #68afff;transform:scale(1.08);outline:2px solid #a4d5ff}@media(max-width:760px){.education-heading{display:block}.education-heading strong{text-align:left}.education-media{margin-right:-18px}.education-tile{flex-basis:190px;height:160px}}@media(prefers-reduced-motion:reduce){.education-tile,.education-tile img{transition:none}.education-tile:hover:after,.education-tile:focus-visible:after{animation:none}}
.education-heading{display:block}.education-heading strong{display:block;max-width:none;text-align:left;margin:0 0 13px;color:#c7e2ff;font-size:1rem;font-weight:500}.education-heading h3{margin-top:0}.education-photo span{display:none}.education-lightbox{display:none}.education-lightbox[open]{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:8px}.education-lightbox img{grid-column:2;grid-row:1}.education-lightbox p{grid-column:1/-1;grid-row:2}.education-lightbox-prev,.education-lightbox-next{display:grid;place-items:center;grid-row:1;width:48px;height:72px;border:1px solid rgba(151,208,255,.65);background:rgba(4,21,44,.8);color:#effaff;font-size:3rem;line-height:1;cursor:pointer;transition:transform .25s,box-shadow .25s}.education-lightbox-prev{grid-column:1}.education-lightbox-next{grid-column:3}.education-lightbox-prev:hover,.education-lightbox-next:hover,.education-lightbox-prev:focus-visible,.education-lightbox-next:focus-visible{transform:scale(1.06);box-shadow:0 0 20px rgba(69,158,255,.6);outline:2px solid #a7d8ff}.education-lightbox-close{top:10px;right:10px}@media(max-width:760px){.education-lightbox[open]{grid-template-columns:40px minmax(0,1fr) 40px;padding:8px;gap:3px}.education-lightbox img{max-width:calc(94vw - 106px)}.education-lightbox-prev,.education-lightbox-next{width:40px;height:54px;font-size:2.3rem}}
