@font-face{font-family:PortfolioCormorant;src:url('fonts/CormorantGaramond[wght].ttf');font-weight:300 700;font-display:swap}
@font-face{font-family:PortfolioDM;src:url('fonts/DMSerifDisplay-Regular.ttf');font-weight:400;font-display:swap}
.photo-led-hero h1.name-cycle{position:relative;display:grid;height:21vw;margin:0;font-size:8.6vw;line-height:1;font-style:normal;letter-spacing:-.035em}
.name-cycle .name-layer{grid-area:1/1;opacity:0;pointer-events:none;font-weight:400}
.name-cycle .name-layer:first-child{opacity:1}
.name-cycle .name-layer span{display:block;height:10.5vw;line-height:10.5vw;width:max-content;padding-right:.15em;background:linear-gradient(165deg,#fff 25%,#f1f6fa 60%,#a5d7ed 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.name-cycle .name-gloock{font-family:PortfolioGloock,Georgia,serif}
.name-cycle .name-cormorant{font-family:PortfolioCormorant,Georgia,serif;font-size:9.8vw;font-weight:600}
.name-cycle .name-dm{font-family:PortfolioDM,Georgia,serif}
@media(max-width:760px){.photo-led-hero h1.name-cycle{height:38vw;font-size:15.4vw}.name-cycle .name-layer span{height:19vw;line-height:19vw}.name-cycle .name-cormorant{font-size:17.5vw}}