.wrap{width:min(1180px,calc(100% - 88px))}
.site-header{height:86px}
.hero{padding-top:28px}
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;min-height:0;padding-block:38px 42px}
.hello{font-size:13px;margin-bottom:17px}
h1{font-size:clamp(37px,4.1vw,58px)}
.hero-description{font-size:14px;margin-top:24px}
.hero-actions{font-size:12px;margin-top:27px}
.primary-link{padding:13px 21px;border-radius:9px}
.hero-directory{position:relative;isolation:isolate;padding:25px 29px 21px;border:1px solid #fff9;border-radius:22px;background:linear-gradient(130deg,#f9fcffe6,#e7f0fc99);box-shadow:0 18px 60px -35px #5279b866,inset 0 1px #fff;backdrop-filter:blur(10px)}
.directory-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#718caa}
.directory-title{font:36px/1.1 Georgia,serif;letter-spacing:-1.2px;margin-top:20px;color:#547b9e}
.directory-title em{font-weight:400;color:#7397bd}
.directory-intro{font-size:12px;line-height:1.9;margin-top:13px;color:#68849e}
.directory-links{margin-top:20px;border-top:1px solid #bcd0e66b}
.directory-links button{width:100%;display:grid;grid-template-columns:24px 1fr 20px;gap:14px;align-items:center;text-align:left;padding:12px 0;background:none;border-bottom:1px solid #bcd0e66b;color:#446887;transition:padding .25s,background .25s}
.directory-links button>span:first-child{font:italic 13px Georgia;color:#809db8}
.directory-links button>span:nth-child(2){font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.directory-links small{font-size:9px;font-weight:400;color:#6e88a2}
.directory-links button>span:last-child{color:#6d95ba;transition:transform .25s}
.directory-links button:hover{background:#ffffff50;padding-inline:6px}
.directory-links button:hover>span:last-child{transform:translate(2px,-2px)}
.directory-note{display:block;font-size:7px;letter-spacing:1px;color:#7b93a9;margin-top:16px}
.hero-foot{font-size:11px;padding-block:15px 19px}
.work-section{padding-block:54px 43px;background:radial-gradient(ellipse at 15% 15%,#e0ecfc85,transparent 65%),linear-gradient(#edf4fb,#f3f7fc)}
.section-heading>p{font-size:12px}
.project-grid{gap:24px;margin-top:26px}
.project-card{padding:0 21px 4px;border:1px solid #d3e1ef;border-radius:20px;background:linear-gradient(150deg,#ffffff94,#eaf2fb66);box-shadow:0 9px 24px -19px #4675a64d}
.folder{height:312px;padding-bottom:27px}
.project-info{padding:0}
.project-info>p:not(.project-type){font-size:12px;min-height:49px}
.project-info h3{font-size:20px}
.project-tags{margin-top:15px;font-size:10px}
.report-button{font-size:11px;margin-top:18px}
.disclaimer{max-width:none;margin-top:23px;padding-top:16px;font-size:10px}
.about-section{gap:62px;padding-block:65px 57px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.about-context{font-size:13px;line-height:2;color:#67829b;margin-top:21px}
.about-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.about-keywords span{font-size:10px;color:#6d8ca5;padding:4px 9px;border:1px solid #d4e1ee;border-radius:5px;background:#edf4fb}
.about-signature{margin-top:23px}
.swap-card>p{font-size:13px;line-height:1.9}
.swap-facts{font-size:12px}
.swap-facts small{font-size:10px}
.swap-footer{font-size:9px}
.swap-controls{font-size:12px}
.swap-controls .swap-pause{font-size:11px}
.experience-section{padding-block:49px 55px}
.experience-list{margin-top:27px;gap:12px}
.swipe-surface{min-height:131px;background:linear-gradient(115deg,#fafdff,#e6f0fb)}
.swipe-summary h3{font-size:15px}
.swipe-summary>p{font-size:12px}
.swipe-tag{font-size:10px}
.honors{font-size:11px;padding-top:19px}
#contact{position:relative;background:radial-gradient(ellipse at 78% 40%,#cedff899,transparent 50%),linear-gradient(120deg,#ecf4fc,#e3eefb);padding:40px 0 23px;overflow:hidden}
.contact-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:center}
.contact-copy{padding-block:16px}
.contact-top h2{font-size:clamp(34px,3.7vw,49px);margin-top:19px}
.contact-description{font-size:13px;line-height:2;color:#65819c;margin-top:18px}
.contact-copy .contact-link{min-width:0;width:min(340px,100%);margin-top:24px;padding-bottom:13px}
.contact-link>span{font-size:11px}
.contact-link strong{font-size:27px;gap:16px}
.contact-note{display:block;font-size:10px;color:#7892aa;margin-top:14px}
.contact-top .lanyard{width:100%;max-width:440px;min-height:435px;justify-self:center;margin:0;align-self:center;border:1px solid #bbd0e166;border-radius:90px 90px 24px 24px;background:radial-gradient(ellipse at 50% 65%,#f6fbff9c,transparent 65%)}
.lanyard-caption{top:23px;left:0;right:0;text-align:center;font-size:7px;z-index:3}
.contact-top .lanyard-stage{height:405px}
.contact-top .lanyard-instructions{margin-top:0}
.footer-bottom{margin-top:24px;padding-top:20px}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid,.contact-top{gap:36px}.hero-directory{padding:23px}.directory-title{font-size:32px}.directory-links button>span:nth-child(2){display:block}.directory-links small{display:block;margin-top:2px}.directory-links button{padding-block:9px}.project-grid{gap:17px}.project-card{padding-inline:17px}.project-info h3{font-size:18px}.project-type{font-size:7px;letter-spacing:.4px}.about-section{gap:36px}.folder{height:285px}.swap-card>p{font-size:12px}.swap-facts{font-size:11px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.hero-grid{gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}h1{font-size:36px}.hero-description{font-size:12px}.hero-actions{gap:17px;font-size:11px}.hero-actions .primary-link{padding-inline:13px;gap:13px}.hero-directory{padding:20px}.directory-title{font-size:30px}.directory-intro{font-size:11px}.project-grid{gap:12px}.project-card{padding-inline:12px}.project-info h3{font-size:16px}.project-type{font-size:6px;letter-spacing:0}.folder{height:280px}.project-info>p:not(.project-type){font-size:11px}.project-tags{gap:5px;font-size:8px}.project-tags span+span:before{margin-right:5px}.about-context{font-size:12px}.contact-top{gap:22px}.contact-description{font-size:12px}.swap-facts>div{display:block}.swap-card h3{font-size:26px}}
@media(max-width:740px){.wrap{width:calc(100% - 36px)}.site-header{height:75px}.site-header nav{gap:13px}.hero{padding-top:22px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:25px;padding-block:28px}.hero-copy{padding-bottom:0}h1{font-size:clamp(33px,8vw,47px)}.hero-description{font-size:13px}.hero-actions{font-size:11px;flex-wrap:wrap;gap:18px}.hello{font-size:12px}.hero-directory{padding:22px;border-radius:16px}.directory-title{font-size:33px;margin-top:16px}.directory-intro br{display:none}.directory-links{margin-top:17px}.directory-links button>span:nth-child(2){display:flex;font-size:12px}.directory-links small{font-size:9px}.hero-foot{font-size:8px;gap:15px}.work-section{padding-block:36px 31px}.section-heading{gap:10px}.section-heading h2{font-size:28px}.section-heading>p{font-size:11px}.project-grid{gap:18px;margin-top:20px}.project-card{padding:0 21px 3px}.project-card:last-child{border:1px solid #d3e1ef;padding-bottom:3px}.folder{height:315px;padding-bottom:27px}.project-type{font-size:8px;letter-spacing:.5px}.project-info h3{font-size:22px}.project-info>p:not(.project-type){font-size:12px;min-height:0}.project-tags{font-size:10px;gap:8px}.project-tags span+span:before{margin-right:8px}.report-button{font-size:12px}.disclaimer{font-size:9px;margin-top:19px}.about-section{display:block;padding-block:40px 37px}.about-context{font-size:12px;margin-top:14px}.about-context br{display:none}.about-keywords{margin-top:13px}.about-signature{font-size:14px;margin-top:17px}.about-deck{margin-top:28px}.swap-card>p{font-size:12px}.swap-facts>div{display:flex}.swap-footer{font-size:8px;flex-wrap:wrap}.swap-controls .swap-pause{font-size:10px}.experience-section{padding-block:36px}.swipe-summary>p{font-size:11px}.swipe-summary h3{font-size:14px}.honors{font-size:10px;gap:15px}.contact-top{grid-template-columns:minmax(0,1fr);gap:20px}.contact-copy{padding:0}.contact-top h2{font-size:35px}.contact-description{font-size:12px}.contact-copy .contact-link{margin-top:22px}.contact-top .lanyard{width:min(100%,350px);min-height:405px;border-radius:70px 70px 22px 22px}.contact-top .lanyard-stage{height:375px}.contact-top .badge-pivot{top:120px}.contact-top .lanyard-caption{top:19px;font-size:7px}.contact-top .lanyard-instructions{font-size:9px}#contact{padding-top:34px}.footer-bottom{margin-top:30px}}