/* Real product imagery. A single intact screen in every frame.
   Presentation's transparent export margin is the only clipped area. */
.portfolio-layout{padding-top:38px}.identity .portrait{width:82px;height:82px;margin-bottom:25px}.identity .intro-note{margin-bottom:16px}.section-intro{margin-bottom:30px}
.work-gallery{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:46px 26px;align-items:start}
.work-item{display:flex;flex-direction:column;gap:18px}.item-app,.item-forms{grid-column:1/-1}.item-agents{grid-column:auto}
.work-caption,.item-app .work-caption,.item-agents .work-caption{display:block;padding:0}.work-title{min-width:0}.work-family{font-size:10px;margin:0 0 7px}.work-caption h3,.item-app h3{font-size:23px;line-height:1.2;margin:0 0 12px;font-weight:500;letter-spacing:-.035em}.work-caption h3 a{justify-content:flex-start;gap:12px}.work-caption h3 a>span{font-size:14px}.work-description,.item-agents .work-description{font-size:12px;line-height:1.75;max-width:42ch}
.item-app .work-caption,.item-forms .work-caption{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}.item-app .work-description{grid-column:auto;grid-row:auto;padding:0}.item-app h3,.item-forms h3{margin-bottom:0}.item-app .work-family{grid-column:auto}
.product-plate{--matte:#dddcd5;display:flex;align-items:center;justify-content:center;position:relative;padding:25px 25px 42px;min-width:0;background:var(--matte);border:1px solid rgb(100 105 97 / .18);border-radius:8px;cursor:zoom-in;isolation:isolate}
.product-image{display:block;min-width:0;width:100%;border-radius:5px;box-shadow:0 7px 18px rgb(20 24 19 / .12);overflow:hidden}.product-image>img{width:100%;height:auto;display:block}
.inspect-label{position:absolute;bottom:12px;right:17px;font-size:10px;color:#474c42;line-height:1.4;display:flex;align-items:center;gap:9px}.inspect-label>span{font-size:13px}
.plate-app{--matte:#c1c8b6;padding:24px 24px 40px}.plate-presentation{--matte:#cbc2d4;min-height:390px}.plate-presentation .product-image{aspect-ratio:1291/838;box-shadow:0 10px 24px rgb(26 17 43 / .18);border-radius:9px}.plate-presentation .product-image img{max-width:none}
.plate-email{--matte:#e7e5df;height:390px;padding:21px 24px 38px}.plate-email .product-image{width:auto;max-width:100%;height:100%;box-shadow:0 4px 18px rgb(36 32 25 / .08);border-radius:4px}.plate-email .product-image>img{width:auto;height:100%;max-width:100%;object-fit:contain}
.plate-forms{--matte:#d7d1be;padding:30px 30px 43px}.plate-push{--matte:#bac5ca;min-height:280px;padding:20px 20px 38px}.plate-agents{--matte:#c5c4d3;min-height:280px;padding:16px 16px 38px}.item-agents .work-description{max-width:35ch}
.product-plate:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.product-plate:focus-visible .inspect-label{text-decoration:underline;text-underline-offset:3px}
@media(hover:hover) and (pointer:fine){.product-plate:hover{border-color:var(--muted)}.product-plate:hover .inspect-label{text-decoration:underline;text-underline-offset:3px}}
@media(prefers-reduced-motion:no-preference){.product-plate{transition:border-color 160ms ease}}
.chapter-links{gap:4px;margin-bottom:18px}.chapter-links>a{min-height:39px}.chapter-university>img{width:31px;height:31px;object-fit:contain}.chapter-university{gap:11px}
.institution{margin-top:64px;border-top:1px solid var(--line);padding-top:35px}.institution-header{display:flex;gap:23px;align-items:flex-start;margin-bottom:33px}.institution-header>img{width:62px;height:62px;object-fit:contain;flex-shrink:0}.institution-header h2{font-size:33px;font-weight:500;line-height:1.2;letter-spacing:-.045em;margin:0 0 10px}.institution-header p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:47ch}.institution-projects{display:grid;grid-template-columns:1fr 1fr;gap:27px 32px}.institution-projects h3,.institution-projects h4{font-size:17px;font-weight:500;letter-spacing:-.025em;line-height:1.5;margin:0 0 7px}.institution-projects p{font-size:11px;color:var(--muted);margin:0}.institution-exams{margin-top:32px;padding-top:25px;border-top:1px solid var(--line)}.institution-exams>h3{font-size:11px;font-weight:400;color:var(--muted);margin:0 0 22px}.institution-exams .archive-logo{margin-bottom:10px}.institution-note{font-size:12px;line-height:1.8;color:var(--muted);margin:27px 0 0;max-width:60ch}.auzef-institution .profile-link{display:inline-block;margin-top:30px}
.detail-controls{display:flex;align-items:center;gap:9px}.detail-zoom{border:1px solid var(--line);border-radius:6px;padding:11px 13px;background:var(--surface);font-size:12px;white-space:nowrap}.detail-media{overflow:auto;max-height:65dvh;display:block;min-height:0}.detail-media img{display:block;margin:auto}.detail-media.is-zoomed img{width:1600px;max-width:none;max-height:none;object-fit:initial}.detail-media:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){.work-gallery{gap:36px 22px}.work-caption h3{font-size:20px}.work-item{gap:16px}.product-plate{padding:18px 18px 37px}.plate-presentation,.plate-email{height:315px;min-height:315px}.plate-push,.plate-agents{min-height:230px}.institution-header h2{font-size:29px}}
@media(min-width:768px) and (max-width:899px){.work-gallery{display:block}.work-item{margin-bottom:38px}.item-app .work-caption,.item-forms .work-caption{display:block}.item-app h3,.item-forms h3{margin-bottom:12px}.plate-presentation{min-height:300px;height:auto}.plate-email{height:410px}.plate-push,.plate-agents{min-height:0}}
@media(max-width:767px){.portfolio-layout{padding-top:23px}.identity .portrait{width:65px;height:65px;margin:0}.work-gallery{display:block}.work-item{margin-bottom:36px;gap:15px}.item-app .work-caption,.item-forms .work-caption{display:block}.work-caption h3,.item-app h3{font-size:24px;margin-bottom:11px}.work-description,.item-agents .work-description{font-size:13px;max-width:44ch}.product-plate{padding:13px 13px 36px;min-height:0;height:auto}.plate-presentation{padding:25px 20px 44px}.plate-email{height:440px;padding:22px 20px 41px}.plate-forms{padding:17px 13px 36px}.plate-push,.plate-agents{padding:18px 13px 39px}.inspect-label{font-size:10px;bottom:11px;right:14px}.chapter-links{flex-wrap:wrap;gap:6px 16px;margin-bottom:18px}.chapter-links>a{gap:8px;min-height:34px}.chapter-university{gap:7px;font-size:10px}.chapter-university>img{width:26px;height:26px}.chapter-links .logo-jotform,.chapter-links .logo-layers{width:80px}.institution{margin-top:43px;padding-top:28px}.institution-header{gap:15px;margin-bottom:27px}.institution-header>img{width:47px;height:47px}.institution-header h2{font-size:27px}.institution-header p{font-size:12px}.institution-projects{gap:25px 18px}.institution-projects h3,.institution-projects h4{font-size:15px}.institution-projects p{font-size:11px;line-height:1.6}.detail-header{align-items:flex-start;gap:16px}.detail-header h2{font-size:20px}.detail-controls{gap:6px}.detail-close{gap:0}.detail-close span{display:none}.detail-close,.detail-zoom{font-size:11px;padding:10px}.detail-media{max-height:58dvh}}
@media(max-width:360px){.identity .portrait{width:58px;height:58px}.institution-header{gap:13px}.institution-header>img{width:39px;height:39px}.institution-header h2{font-size:24px}.institution-projects{grid-template-columns:1fr}.chapter-links{gap:4px 13px}.chapter-university{font-size:9px}.chapter-links .logo-jotform,.chapter-links .logo-layers{width:72px}.chapter-university>img{width:22px;height:22px}.plate-email{height:390px}.detail-header{flex-wrap:wrap}}
/* Trim only the email export's empty white margins; the complete message,
   sender, reply composer and controls remain together in one continuous image. */
.plate-email .product-image{width:100%;height:auto;aspect-ratio:731/825;max-width:310px}.plate-email .product-image>img{width:100%;height:auto;max-width:none;object-fit:initial;transform:translateY(-9.1%)}
@media(min-width:900px){.item-presentation .work-caption,.item-email .work-caption{min-height:104px}.item-push .work-caption,.item-agents .work-caption{min-height:122px}}
