html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:2;-o-tab-size:2;tab-size:2;box-sizing:border-box}*,::after,::before{box-sizing:inherit}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,p{margin:0}body{min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1;font-optical-sizing:auto}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:1.2}ol,ul{margin:0;padding:0}ol[role=list],ul[role=list]{list-style:none}figure{margin:0}canvas,img,picture,svg,video{display:block;max-width:100%}img,video{height:auto}svg{vertical-align:middle}a{background-color:transparent;color:inherit;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}button,input,optgroup,select,textarea{font:inherit;line-height:inherit;color:inherit;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical}fieldset{margin:0;padding:0;border:0}legend{padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left;vertical-align:top}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}hr{height:0;color:inherit;border:0;border-top:1px solid currentColor}code,kbd,pre,samp{font:1em/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}pre{overflow:auto}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}[hidden]{display:none!important}:focus{outline:2px solid Highlight;outline-offset:2px}:focus:not(:focus-visible){outline:0}:focus-visible{outline:2px solid Highlight;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}html{background-color:#000;scrollbar-gutter:stable}body{background-color:#000}@media (max-width:1100px){body.menu-opened{overflow:hidden}}:root{--page-maxwidth:1400px;--menu-maxwidth:1060px;--page-margin-horizontal:60px;--page-margin-vertical:55px;--menu-height:75px;--hamburger-width:60px}@media (max-aspect-ratio:4/3){:root{--page-maxwidth:100%;--menu-maxwidth:100%;--page-margin-horizontal:70px;--page-margin-vertical:50px}}@media (max-aspect-ratio:1/1){:root{--page-margin-horizontal:21px;--page-margin-vertical:30px}}:root{--transition-fast:0.1s linear;--transition-slow:0.3s ease-in-out}#hamburger-wrapper{display:none}@media (max-width:1100px){#hamburger-wrapper{display:block}}#hamburger{position:fixed;aspect-ratio:1;--width:calc(var(--hamburger-width) - 6px);--top:calc(var(--page-margin-vertical) + 3px);--right:calc(var(--page-margin-horizontal) + 3px);width:var(--width);top:var(--top);right:var(--right);z-index:500;cursor:pointer;border-radius:100%;background-color:rgba(253,248,238,0);transition:background-color var(--transition-fast)}@media (max-aspect-ratio:1/1){#hamburger{--width:var(--hamburger-width);--top:var(--page-margin-vertical);--right:var(--page-margin-horizontal)}}#hamburger-wrapper:hover #hamburger{background-color:rgba(253,248,238,.12)}#hamburger-wrapper:hover #hamburger:after{border-color:#fdf8ee}#hamburger-wrapper:hover #hamburger:before{background-color:#18303a}#hamburger:after,#hamburger:before{content:"";display:block;position:absolute;inset:5px;border-radius:100%}#hamburger:after{transition:border-color var(--transition-fast);border:3px solid rgba(253,248,238,.5)}#hamburger:before{transition:background-color var(--transition-fast);background-color:#041925}#hamburger span{display:block;position:absolute;background-color:#fdf8ee;height:3px;border-radius:999px;transition:transform var(--transition-slow),opacity var(--transition-slow)}#hamburger span:nth-child(1),#hamburger span:nth-child(2){width:calc(var(--width) - 32px);top:calc(var(--width)/ 2 - 1.5px);left:16px}.menu-opened #hamburger span:nth-child(1){transform:rotate(45deg)}.menu-opened #hamburger span:nth-child(2){transform:rotate(-45deg)}#hamburger span:nth-child(3){width:calc(var(--width) - 38px);top:calc(var(--width)/ 3 - 1.5px);left:19px}.menu-opened #hamburger span:nth-child(3){opacity:0;transform:translateY(100%)}#hamburger span:nth-child(4){width:calc(var(--width) - 38px);top:calc(var(--width)/ 3 * 2 - 1.5px);left:19px}.menu-opened #hamburger span:nth-child(4){opacity:0;transform:translateY(-100%)}#hamburger-hint{z-index:100;display:block;position:fixed;height:var(--hamburger-width);width:calc(var(--hamburger-width) + 4.75em);top:var(--page-margin-vertical);right:var(--page-margin-horizontal);font-family:Mulish,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:22px;cursor:pointer;border-radius:999px;background-color:rgba(0,0,0,.5);padding:calc(var(--hamburger-width) * .5) 0 0 calc(var(--hamburger-width) * .5);color:rgba(253,248,238,.5);text-transform:uppercase;transform:rotate(-90deg) translateY(-100%);transform-origin:right top;transition:width var(--transition-slow),color var(--transition-fast);overflow:hidden}@media (max-aspect-ratio:1/1){#hamburger-hint{display:none}}.menu-opened #hamburger-hint{display:none}#hamburger-wrapper:hover #hamburger-hint{color:#fdf8ee}#hamburger-hint span{display:block;line-height:1em;transform:translateY(-50%);transition:opacity var(--transition-slow);max-width:calc(100% - var(--hamburger-width)/ 2);overflow:hidden}#hamburger-hint.menu-condensed{width:var(--hamburger-width)}#hamburger-hint.menu-condensed span{opacity:0}#menu{display:block;position:fixed;inset:0 0 auto 0;z-index:200;--height:var(--menu-height);height:var(--height);overflow:hidden;background-color:#000;--mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H100 V100 Q50 75, 0 100 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask:var(--mask) center/100% var(--menu-height) no-repeat;mask:var(--mask) center/100% var(--menu-height) no-repeat;transition:height var(--transition-fast),background-color var(--transition-slow);backdrop-filter:blur(30px)}#menu.menu-condensed{--height:calc(var(--menu-height) * .75);background-color:rgba(0,0,0,.65)}#menu.menu-condensed ul{height:calc(var(--menu-height) * .75)}@media (max-width:1100px){#menu.menu-condensed ul{height:unset}}@media (max-width:1100px){#menu{display:none;inset:0;height:unset;mask:none;-webkit-mask:none;background-color:rgba(0,0,0,.65)}.menu-opened #menu{display:block}}#menu ul{z-index:1000;display:flex;max-width:var(--page-maxwidth);width:100%;height:var(--menu-height);margin:0 auto;padding:0 var(--page-margin-horizontal);list-style:none;justify-content:space-between;align-items:center;font-family:Mulish,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:15px;text-transform:uppercase;transition:height var(--transition-fast)}@media (max-width:1100px){#menu ul{flex-direction:column;height:unset;position:absolute;inset:0;padding:100px 0}}#menu ul li{white-space:nowrap}#menu ul li a{text-decoration:none;color:#f7dca9;border-radius:999px;padding:.3em 1em;border:1px solid transparent;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}@media (max-width:1100px){#menu ul li a{padding:.5em 1em;font-size:1.3em}}@media (max-width:1100px) and (max-aspect-ratio:1/1){#menu ul li a{font-size:1.1em}}#menu ul li a:hover{background-color:#041925;border-color:#fdf8ee;color:#fdf8ee}#hero{width:100%;height:100vh;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 100%),url(/img/kevinlau.hero.webp) center calc(var(--menu-height) * .75)/cover no-repeat}@media (max-width:1100px){#hero{background-position:center}}@media (max-aspect-ratio:4/3){#hero{height:100svh}}#hero #hero-title:before{content:"";display:block;width:45%;aspect-ratio:2;background-color:#f7dca9;--mask:url("/img/kevinlau.hero.signature.svg") left bottom/contain no-repeat;mask:var(--mask);-webkit-mask:var(--mask)}@media (max-aspect-ratio:4/3){#hero #hero-title:before{display:none}}#hero #hero-signature{color:#f7dca9;display:none;overflow:hidden;--mask:url("/img/kevinlau.hero.signature.mask.svg") center/cover no-repeat;mask:var(--mask);-webkit-mask:var(--mask)}@media (max-aspect-ratio:4/3){#hero #hero-signature{display:block;position:absolute;inset:0}#hero #hero-signature:after{content:"";display:block;background-color:#f7dca9;--mask:url("/img/kevinlau.hero.signature.svg") left top/contain no-repeat;mask:var(--mask);-webkit-mask:var(--mask);position:absolute;bottom:var(--page-margin-vertical);left:var(--page-margin-horizontal);width:max(110vh,50vw);aspect-ratio:2;max-width:none;transform:rotate(-90deg) translateY(100%);transform-origin:bottom left;opacity:.2}}@media (max-aspect-ratio:4/3) and (max-aspect-ratio:1/1){#hero #hero-signature:after{left:0;opacity:.15}}#hero #hero-safe-margin{width:100%;height:100vh;margin:0 auto;max-width:var(--page-maxwidth);position:relative}@media (max-aspect-ratio:4/3){#hero #hero-safe-margin{padding-top:var(--page-margin-vertical);height:100svh}}#hero #hero-safe-margin #hero-title{position:absolute;bottom:var(--page-margin-vertical);left:var(--page-margin-horizontal);color:#f7dca9;font-family:"Playfair Display",serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:min(9.3vw,130px);line-height:.9;white-space:nowrap}@media (max-aspect-ratio:4/3){#hero #hero-safe-margin #hero-title{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);font-size:max(15vh,50px)}}@media (max-aspect-ratio:4/3) and (max-aspect-ratio:1/1){#hero #hero-safe-margin #hero-title{font-size:10vh}}#hero #hero-safe-margin #hero-quotation-block{width:calc(50% - var(--page-margin-horizontal) * 2);color:#f7dca9;position:absolute;bottom:var(--page-margin-vertical);right:var(--page-margin-horizontal)}@media (max-aspect-ratio:4/3){#hero #hero-safe-margin #hero-quotation-block{width:calc(50% - var(--page-margin-horizontal))}}@media (max-aspect-ratio:1/1){#hero #hero-safe-margin #hero-quotation-block{width:calc(100% - 15vh - var(--page-margin-horizontal) * 2)}}#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single{position:absolute;bottom:0;left:0;right:0;opacity:0}#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single:nth-child(1){opacity:1}#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single>div{font-family:Cardo,serif;font-weight:400;font-style:italic;font-size:clamp(25px,2.5vw,30px);line-height:1.25;text-wrap:balance;text-wrap:pretty;opacity:.6;position:relative;padding-top:10px}@media (max-aspect-ratio:4/3){#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single>div{text-align:right;font-size:27px}}@media (max-aspect-ratio:4/3) and (max-aspect-ratio:1/1){#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single>div{font-size:22px}}#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single>div:after{background-color:#f7dca9;content:"";position:absolute;aspect-ratio:1;width:50px;--mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 47 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.118,0c-4.142,3.697 -7.303,16.283 1.039,15.526l5.345,-0l-0,18.099l-19.502,-0l0,-14.874c0,-9.139 3.979,-13.196 13.118,-18.751Zm27.226,0c-4.142,3.697 -7.303,16.283 1.038,15.526l5.345,-0l0,18.099l-19.501,-0l-0,-14.874c-0,-9.139 3.979,-13.196 13.118,-18.751Z' fill='white'/%3E%3C/svg%3E");-webkit-mask:var(--mask);mask:var(--mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center top;mask-position:center top;-webkit-mask-size:contain;mask-size:contain;top:0;left:0;transform:translatey(-100%);opacity:.45}@media (max-aspect-ratio:4/3){#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single>div:after{left:auto;right:0;width:40px}}@media (max-aspect-ratio:4/3) and (max-aspect-ratio:1/1){#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single>div:after{width:30px}}#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single>span{font-family:Mulish,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:14px;margin-top:20px;line-height:1.1;display:block;text-transform:uppercase;opacity:.4}@media (max-aspect-ratio:4/3){#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single>span{text-align:right;font-size:13px;margin-top:15px}}@media (max-aspect-ratio:4/3) and (max-aspect-ratio:1/1){#hero #hero-safe-margin #hero-quotation-block .hero-quotation-single>span{font-size:12px;margin-top:10px}}/*# sourceMappingURL=kevinlaumusic.com.css.map */