html[data-sample="3"]{--paper:#fff;--ink:#202020;--wine:#252525;--muted:#686868;--line:#e2e2e2}html[data-sample="3"] body{font-family:Arial,Helvetica,sans-serif}html[data-sample="3"] .header{display:none}html[data-sample="3"] .sample-bar{background:#202020}html[data-sample="3"] .footer .brand{font:700 20px Arial;letter-spacing:-.5px}.reference-header{position:absolute;top:var(--sample-bar-height,57px);left:0;right:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;color:white;gap:30px}.reference-brand{font-weight:700;font-size:20px;white-space:nowrap;letter-spacing:-.6px}.reference-header nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:600}.reference-header nav>a:hover{color:#ddd}.reference-header details{position:relative}.reference-header summary{list-style:none;cursor:pointer;padding:10px 0;white-space:nowrap}.reference-header summary::-webkit-details-marker{display:none}.reference-header summary span{margin-left:9px}.reference-header details>div{position:absolute;top:100%;left:-15px;min-width:235px;background:#fff;color:#222;box-shadow:0 12px 30px #0003;padding:8px;border-radius:5px}.reference-header details a{display:block;padding:12px;font-weight:400;font-size:13px;line-height:1.4}.reference-header details a:hover{background:#f2f2f2}.reference-nav-button{border:0;border-radius:5px;background:#fff;color:#171717;padding:11px 16px;font-size:13px;white-space:nowrap}.reference-header nav>a.reference-nav-button:hover{color:#333;background:#eee}.reference-menu{display:none}.reference-hero{height:calc(100svh - var(--sample-bar-height,57px));min-height:650px;position:relative;background:#333;color:#fff}.reference-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:100%;overflow:hidden}.reference-mosaic>div{min-height:0;overflow:hidden}.reference-mosaic img{filter:saturate(.8);object-position:50% 42%}.reference-mosaic>div:nth-child(7) img{object-position:90% 50%;transform:scale(1.15)}.reference-mosaic>div:nth-child(9) img{object-position:20% 50%;transform:scale(1.15)}.reference-mosaic>div:nth-child(11) img{object-position:80% 50%}.reference-shade{position:absolute;inset:0;background:#0006;pointer-events:none}.reference-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}.reference-title h1{font:700 clamp(50px,7.5vw,112px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-3px;color:white;margin:0}.reference-hero-contact{position:absolute;bottom:39px;left:32px;display:flex;flex-direction:column;gap:16px;font-size:13px}.reference-hero-contact button{align-self:flex-start;color:white;font-size:24px;font-weight:700;background:none;border:0;padding:0;border-bottom:1px solid #fff}.reference-scroll{position:absolute;bottom:38px;left:50%;font-size:35px;color:white;transform:translateX(-50%)}.reference-hero-caption{position:absolute;right:32px;bottom:40px;font-size:9px;letter-spacing:1.7px}.reference-about{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-top:110px;padding-bottom:110px;align-items:center}.reference-about-photo{height:510px;overflow:hidden;border-radius:4px}.reference-about-photo img{object-position:50% 35%}.reference-kicker{font-size:10px;letter-spacing:2px;color:#747474;font-weight:600}html[data-sample="3"] h2{font:700 43px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-1.5px;margin:20px 0 25px}.reference-about p{font-size:14px;line-height:1.9;color:#666}.reference-about p.reference-intro{font-size:20px;line-height:1.6;color:#2f2f2f}.reference-outline{display:inline-flex;gap:35px;border:1px solid #333;padding:14px 20px;font-size:12px;margin-top:18px}.reference-work{padding:90px 0;background:#f5f5f5}.reference-section-title{text-align:center;margin-bottom:45px}.reference-section-title p{color:#777;font-size:14px}.reference-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.reference-cards>a{background:white;border-radius:5px;overflow:hidden;box-shadow:0 3px 15px #00000008}.reference-cards img{height:255px;transition:filter .3s}.reference-cards>a:hover img{filter:brightness(.88)}.reference-cards>a>div{padding:28px}.reference-cards span{font-size:9px;letter-spacing:1px;color:#777}.reference-cards h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:15px 0}.reference-cards p{font-size:13px;line-height:1.8;color:#777;min-height:48px}.reference-cards b{display:inline-block;font-size:12px;font-weight:500;margin-top:16px}.reference-awards{padding-top:95px;padding-bottom:95px}.reference-award-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.reference-award-grid article{border-top:2px solid #222;padding:25px 0 0}.reference-award-grid article>span{font-size:9px;letter-spacing:1px;color:#777}.reference-award-grid h3{font-size:21px;line-height:1.4}.reference-award-grid p{font-size:13px;color:#777;line-height:1.9}.reference-award-grid strong{display:block;margin-top:28px;font-size:16px;font-weight:400}.reference-publications{background:#f5f5f5;padding:90px 0}.reference-publication-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reference-publication-grid>a{padding:45px;background:white;border:1px solid #e5e5e5;border-radius:4px}.reference-publication-grid h3{font-size:32px;line-height:1.3;letter-spacing:-1px;margin:20px 0}.reference-publication-grid p{font-size:14px;line-height:1.8;color:#777;max-width:400px}.reference-read{display:inline-block;margin-top:20px;font-size:12px;border-bottom:1px solid #aaa;padding-bottom:8px}.reference-programs{padding-top:95px;padding-bottom:95px}.reference-program-list{max-width:950px;margin:auto}.reference-program-list article{display:grid;grid-template-columns:55px 1fr 75px;gap:30px;border-top:1px solid #ddd;padding:30px 0}.reference-program-list article>span{font-size:13px;color:#888;padding-top:5px}.reference-program-list article>span:last-child{text-align:right}.reference-program-list h3{font-size:22px;margin:0 0 15px;letter-spacing:-.5px}.reference-program-list p{font-size:14px;line-height:1.8;color:#777;max-width:660px;margin:0}.reference-contact{text-align:center;background:#171717;color:white;padding:90px 0}.reference-contact .reference-kicker{color:#aaa}.reference-contact h2{font-size:55px!important}.reference-contact p{color:#bbb;font-size:14px;line-height:1.8}.reference-contact button{background:white;color:#111;border:0;border-radius:5px;padding:15px 25px;margin-top:20px;font-size:13px}.reference-dialog{max-width:440px;width:calc(100% - 40px);border:0;border-radius:6px;padding:30px;box-shadow:0 15px 80px #0004}.reference-dialog::backdrop{background:#0008}.reference-dialog form{float:right}.reference-dialog button{border:0;background:#eee;font-size:23px;padding:0 9px}.reference-dialog h2{font:600 25px Arial!important;letter-spacing:-.5px!important}.reference-dialog p{font:14px/1.8 Arial;color:#666}html[data-sample="3"]:has(#home[hidden]) .reference-header{position:relative;top:0;background:#202020}html[data-sample="3"] .detail-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:60px;font-weight:700;letter-spacing:-2px}html[data-sample="3"] .detail-hero h1 em{font-style:normal}html[data-sample="3"] .detail-body h2{font-size:32px}
@media(max-width:1150px){.reference-header{padding:22px;gap:20px}.reference-header nav{gap:15px;font-size:11px}.reference-brand{font-size:18px}.reference-nav-button{font-size:11px;padding:10px 12px}.reference-about{gap:45px}.reference-cards>a>div{padding:22px}.reference-cards h3{font-size:21px}}
@media(max-width:900px){.reference-menu{display:block;background:transparent;border:0;color:white;font-size:25px;padding:3px 8px}.reference-header{padding:19px 22px}.reference-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#222;color:white;padding:20px 24px;max-height:calc(100svh - 170px);overflow-y:auto;box-shadow:none}.reference-header nav.reference-open{display:flex;flex-direction:column;align-items:stretch;gap:13px}.reference-header summary{padding:8px 0}.reference-header details>div{position:static;background:#333;color:#fff;box-shadow:none;margin-top:8px}.reference-header details a:hover{background:#444}.reference-header nav>a{padding:10px 0}.reference-header nav>a.reference-nav-button{padding:12px;color:#222;text-align:center}.reference-header nav{font-size:13px}.reference-nav-button{font-size:13px}.reference-hero-caption{display:none}.reference-about{gap:35px}.reference-about-photo{height:440px}.reference-cards{gap:16px}.reference-cards img{height:210px}}
@media(max-width:600px){.reference-hero{min-height:650px;height:calc(100svh - var(--sample-bar-height,79px))}.reference-mosaic{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.reference-title h1{font-size:clamp(38px,10.5vw,63px);letter-spacing:-1.5px;white-space:nowrap}.reference-shade{background:#0007}.reference-hero-contact{left:22px;bottom:25px;font-size:11px;gap:15px}.reference-scroll{bottom:21px;left:auto;right:22px;transform:none}.reference-about{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:32px}.reference-about-photo{height:380px}.reference-about p.reference-intro{font-size:19px}html[data-sample="3"] h2{font-size:33px}.reference-work,.reference-publications{padding:55px 0}.reference-section-title{margin-bottom:30px}.reference-cards{grid-template-columns:1fr;gap:25px}.reference-cards img{height:250px}.reference-cards>a>div{padding:27px}.reference-cards p{min-height:0}.reference-awards,.reference-programs{padding-top:60px;padding-bottom:60px}.reference-award-grid{grid-template-columns:1fr;gap:35px}.reference-award-grid strong{margin-top:15px}.reference-publication-grid{grid-template-columns:1fr;gap:20px}.reference-publication-grid>a{padding:28px}.reference-publication-grid h3{font-size:29px}.reference-program-list article{grid-template-columns:25px 1fr;gap:15px;padding:25px 0}.reference-program-list article>span:last-child{grid-column:2;text-align:left;padding:0}.reference-program-list h3{font-size:21px}.reference-contact{padding:60px 0}.reference-contact h2{font-size:40px!important}html[data-sample="3"] .detail-hero h1{font-size:43px}}