/*!
Theme Name: Jade Rose (One Pager)
Author: Julio Liu Wong
Author URI: https://www.jliuwong.com/
*/:root{--font-headline: "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--color-01: #131010;--color-02: #FFFFFF}.hero-01{font-family:var(--font-headline);font-size:max(6.4rem,8.47vw);line-height:100%;letter-spacing:min(-0.1rem,-0.2vw);font-weight:800;font-style:normal}h1,.h1{font-family:var(--font-headline);font-size:max(3.2rem,5.56vw);line-height:150%;letter-spacing:min(-0.015rem,-0.025vw);font-weight:800;font-style:normal}h2,.h2{font-family:var(--font-headline);font-size:max(2.8rem,3.7vw);line-height:150%;letter-spacing:min(-0.015rem,-0.025vw);font-weight:800;font-style:normal}h3,.h3{font-family:var(--font-headline);font-size:max(2.4rem,3.17vw);line-height:150%;letter-spacing:min(-0.015rem,-0.025vw);font-weight:800;font-style:normal}h4,.h4{font-family:var(--font-headline);font-size:max(2rem,2.38vw);line-height:150%;letter-spacing:min(-0.015rem,-0.025vw);font-weight:800;font-style:normal}h5,.h5{font-family:var(--font-headline);font-size:max(2.2rem,1.46vw);line-height:150%;letter-spacing:min(-0.015rem,-0.025vw);font-weight:800;font-style:normal}.subhead{font-family:var(--font-body);font-size:max(1.6rem,1.12vw);line-height:116%;letter-spacing:max(.06rem,.1vw);font-weight:800;font-style:normal;text-transform:uppercase}.p,body,button{font-family:var(--font-body);font-size:max(1.5rem,1.06vw);line-height:128%;letter-spacing:min(-0.006rem,-0.006vw);font-weight:400;font-style:normal}#menu-main-nav a,.btn-text{font-family:var(--font-body);font-size:max(1.1rem,.86vw);line-height:116%;letter-spacing:min(-0.006rem,-0.006vw);font-weight:800;font-style:normal;text-transform:uppercase}.small-text{font-family:var(--font-body);font-size:max(1.2rem,.79vw);line-height:116%;letter-spacing:max(.06rem,.1vw);font-weight:800;font-style:normal}*,*:before,*:after{box-sizing:inherit}:focus{outline:0}::-moz-focus-inner{border:0}html{box-sizing:border-box;font-size:62.5%;-webkit-text-size-adjust:100%}body{overscroll-behavior:none}blockquote,q{quotes:"" ""}cite,em{font-style:normal}ul,ol{list-style:none;margin:0;padding:0}figure{margin:0}figure figcaption p{margin-top:0;margin-bottom:0}embed,iframe,object{max-width:100%}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}video{display:inline-block;vertical-align:baseline}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}img{display:block;height:auto;max-width:100%;border:0}svg:not(:root){overflow:hidden}button,input{color:inherit;font:inherit;margin:0}button{padding:0;border:0;outline:none;background:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}body,button{color:var(--color-01);font-optical-sizing:auto;font-style:normal;font-feature-settings:"liga" 1,"clig" 1,"calt" 1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}@media(max-width: 899px){h2,.h2{padding-bottom:max(2.4rem,1.59vw)}}@media(min-width: 900px){h2,.h2{padding-bottom:max(4.8rem,3.17vw)}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto !important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.menu-btn{height:4.6rem;width:4.6rem;display:flex;align-items:center;justify-content:center;border-radius:max(4.8rem,3.17vw);cursor:pointer}.menu-btn .menu-btn-box{height:1.2rem;width:1.6rem;display:flex;align-items:center;position:relative}.menu-btn .menu-btn-box .line{height:.2rem;width:100%;background:var(--color-01);transition:transform .2s .2s,background .3s}.menu-btn .menu-btn-box:before,.menu-btn .menu-btn-box:after{content:"";position:absolute;height:.2rem;width:100%;background:var(--color-01);transition:all .3s}.menu-btn .menu-btn-box:before{top:0}.menu-btn .menu-btn-box:after{top:calc(100% - .2rem)}.menu-btn:hover .menu-btn-box .line,.menu-btn:hover .menu-btn-box:before,.menu-btn:hover .menu-btn-box:after,.menu-btn:focus .menu-btn-box .line,.menu-btn:focus .menu-btn-box:before,.menu-btn:focus .menu-btn-box:after{background-color:var(--color-01)}.menu-btn.is--active .menu-btn-box .line{transform:scaleX(0);transition:transform 0s 0s}.menu-btn.is--active .menu-btn-box:before{top:45%;transform:rotate(45deg)}.menu-btn.is--active .menu-btn-box:after{top:45%;transform:rotate(-45deg)}@media(min-width: 900px){.menu-btn{display:none}}article section{padding:max(6.4rem,6.35vw) max(2.4rem,5.29vw)}#masthead{position:fixed;top:0;left:0;width:100%;padding:max(1.6rem,1.06vw) max(2.4rem,5.29vw);z-index:10;display:flex;justify-content:space-between;align-items:center;gap:max(1.6rem,1.06vw);background-color:var(--color-02);border-bottom:.1rem solid rgba(0,0,0,.1)}#masthead #logo{display:block;width:max(10rem,8.47vw)}#masthead svg{display:block}#menu-main-nav{display:flex;align-items:center}@media(max-width: 899px){#menu-main-nav{gap:max(1.6rem,1.06vw)}}@media(min-width: 900px){#menu-main-nav{gap:max(2.4rem,1.59vw)}}#menu-main-nav a{display:flex;position:relative;color:var(--color-01);padding:max(.8rem,.53vw) 0;transition:color .3s}#menu-main-nav a:after{content:"";position:absolute;bottom:.2rem;left:0;height:.2rem;width:100%;background:var(--color-01);transform:scale3d(0, 1, 1);transform-origin:right;transition:transform .3s}#menu-main-nav a:hover:after,#menu-main-nav a:focus:after,#menu-main-nav a.active:after{transform:scale3d(1, 1, 1);transform-origin:left}#hero{padding:0;position:relative}#hero h1{position:absolute;top:50%;left:0;right:0;padding:max(3.2rem,2.12vw);z-index:2;transform:translateY(-50%);text-align:center;color:var(--color-02)}#hero img{-o-object-fit:cover;object-fit:cover}@media(max-width: 899px){#hero img{aspect-ratio:1/1.2}}@media(min-width: 900px){#hero img{aspect-ratio:2.2/1}}.short-wrap{margin:0 auto;padding:max(4.8rem,3.17vw) max(2.4rem,1.59vw) 0;text-align:center;max-width:88ch}.short-wrap h4{font-weight:400}#projects h2{text-align:center}#projects h2:last-of-type{padding-top:max(2.4rem,5.29vw)}@media(min-width: 900px){.projects{display:flex;gap:max(4.8rem,3.17vw)}}.projects li,.projects figure{padding-bottom:max(1.6rem,1.06vw)}#contact{border-top:.1rem solid var(--color-01)}#contact p:first-of-type{margin-bottom:max(4.8rem,3.17vw)}#contact p:first-of-type a{font-weight:800;line-height:120%;letter-spacing:min(-0.015rem,-0.025vw);border-bottom:.2rem solid var(--color-01);transition:border-bottom-color .3s}@media(max-width: 899px){#contact p:first-of-type a{font-size:max(2.4rem,3.17vw)}}@media(min-width: 900px){#contact p:first-of-type a{font-size:max(3.2rem,5.56vw)}}#contact p:first-of-type a:hover{border-bottom-color:rgba(0,0,0,0)}#contact a{color:var(--color-01)}#contact .legal{margin-top:max(4.8rem,3.17vw);font-size:80%}