*,:after,:before{box-sizing:border-box}:root{font-size:22px}body #cdawrap{--cda-position:relative;--cda-text-size:1.5rem;text-indent:-1.5rem;grid-area:intro-ad;place-self:center;max-width:10ch;font-family:ivypresto-display,serif;font-weight:300;line-height:1.1}body{--color-text:#191b20;--color-bg:#f3f4ef;--color-link:#191b20;--color-link-hover:#ff3b30;--color-accent:#ff3b30;--page-padding:3vw;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--image-height-start:555px;--image-width-end:260px;--image-height-end:320px;--image-offset:50px;--meta-offset:40px;--content-padding:50px;margin:0;font-family:brother-1816,sans-serif;position:relative}body:before{content:"";pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;width:100%;height:100%;position:fixed;top:0;left:0}.projects__template{--color-text:#191b20;--color-bg:#f3f4ef}a{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}.arrow-back{font:inherit;background:0 0;border:0;margin:0;padding:0}.arrow-back:focus{outline:none}main{z-index:100;position:relative}.bg{background:var(--color-bg);pointer-events:none;width:100%;height:100%;position:fixed;top:0}.intro__title{text-transform:uppercase;text-align:center;z-index:2;margin-bottom:-5vh;position:relative}.intro__logo{border:0;grid-area:intro-logo;place-self:start;padding:1.9rem 0}.logo__title{color:var(--color-text);white-space:nowrap;border:1px solid #dcd8d3;border-radius:50%;width:3.5rem;height:3.5rem;font-size:clamp(1.5rem,2vw,1.25rem);font-weight:300;transition:all .4s;top:1.3rem;left:3%}.content__back{white-space:nowrap;cursor:pointer;transition:all .4s}.arrow-back{padding:var(--page-padding);background:0 0;border:0;width:5.67rem;height:1.88em;margin-top:1em;transition:transform .25s ease-in-out}.arrow-back:hover,.arrow-back:focus{outline:none;transform:translate(-6px)}.current{color:var(--color-text)}.intro__title-links a{margin-right:.5rem}.intro{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:100vh;padding-top:25vh;padding-bottom:5vh;display:flex;position:relative;overflow:hidden}.intro__title{text-align:center;z-index:2;padding:0 var(--page-padding);margin-bottom:3rem;position:relative}.intro__title-main{text-transform:none;color:var(--color-text);letter-spacing:-.02em;margin:0;font-family:ivypresto-display,serif;font-size:clamp(2rem,5vw,5rem);font-weight:400;line-height:1}.intro__title-sub{color:var(--color-accent);z-index:3;text-transform:none;margin:0 0 4rem;font-family:ivypresto-display,serif;font-size:clamp(1rem,2.5vw,2rem);font-style:italic;font-weight:400;line-height:1.3;position:relative}.intro__gallery{z-index:1;justify-content:center;width:100%;margin-top:-2rem;display:flex;position:relative}.intro__gallery-item--hero{filter:grayscale()contrast(1.1);border-radius:0;width:100%;max-width:700px;height:auto;overflow:visible}.intro__gallery-img{object-fit:cover;width:100%;height:auto;display:block}.section-grid{padding:10vh var(--page-padding);grid-template-columns:200px 1fr;gap:4rem;max-width:1500px;margin:0 auto;display:grid}.content__meta-number{font-family:brother-1816,sans-serif;font-weight:700;display:block}.text-body{color:var(--color-text);max-width:100%;margin-bottom:2rem;font-family:brother-1816,sans-serif;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:400;line-height:1.6}.text-body-small{opacity:.8;max-width:100%;margin-bottom:1.5rem;font-family:brother-1816,sans-serif;font-size:clamp(.9rem,1.1vw,1rem);line-height:1.6}.text-body-small ul{flex-direction:column;gap:0;margin:1.5rem 0;padding:0;list-style:none;display:flex}.text-body-small ul li{padding:.9rem 0 .9rem 1.6rem;transition:transform .25s,opacity .25s;position:relative}.text-body-small ul li:before{content:"";background-color:var(--color-accent,#ff3b30);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.text-body-small ul li:hover{opacity:1;transform:translate(4px)}.text-headline{letter-spacing:-.02em;max-width:100%;margin:4rem 0 2rem;font-family:ivypresto-display,serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:1.1}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-text);padding-top:.5rem;font-family:brother-1816,sans-serif;font-size:11px;font-weight:800}.section-content{flex-direction:column;gap:2rem;display:flex}.signature-text{color:var(--color-accent);margin:1rem 0;font-family:ivypresto-display,serif;font-size:1.5rem;font-style:italic}.text-link{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);font-family:brother-1816,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .3s}.text-link:hover{color:var(--color-accent)}.projects-divider{width:100%;padding:5vh 0}.divider-image-wrapper{width:100%;height:70vh;position:relative;overflow:hidden}.divider-image{object-fit:cover;width:100%;height:100%}.divider-title{bottom:-.15em;left:var(--page-padding);color:#fff;z-index:2;mix-blend-mode:difference;margin:0;font-family:ivypresto-display,serif;font-size:clamp(4rem,15vw,15rem);line-height:1;position:absolute}.project-meta{align-items:baseline;gap:2rem;margin:2rem 0;padding-top:1rem;font-size:.9rem;display:flex}.meta-tags{gap:0;margin:0;padding:0;list-style:none;display:inline-flex}.meta-tags li{font-family:ivypresto-display,serif;font-size:1.1rem;font-style:italic;font-weight:400}.meta-tags li:not(:last-child):after{content:",";margin-right:.5rem}.meta-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.button-pill{color:#fff;letter-spacing:.1em;text-transform:uppercase;background-color:#191b20;border:1px solid #191b20;border-radius:999px;margin-top:1rem;padding:1rem 2.5rem;font-family:brother-1816,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.button-pill:hover{color:#191b20;background-color:#0000}@media screen and (width<=768px){:root,body{--page-padding:24px}.section-grid{grid-template-columns:1fr;gap:1.5rem;padding:6vh 24px}#about.section-grid{padding-top:8vh}.section-label{margin-bottom:.5rem}.intro__title{margin-bottom:0}.intro__title-main{font-size:clamp(2.5rem,10vw,4rem)}.intro{padding-bottom:8vh}.text-body,.section-content{word-break:break-word;max-width:100%}.footer{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.intro__gallery-item{background-position:50%;background-size:cover;border-radius:0;margin-top:1.3rem;display:block}.intro__menu-button{background:0 0;border:0;place-self:start end;width:60px;height:60px;margin-top:1rem}.lines{stroke-width:4px}.present{padding:15vh var(--page-padding);z-index:10;background-color:var(--color-bg);clear:both;display:flow-root;position:relative}.projects{grid-template-columns:35% 1fr;grid-template-areas:". .project-latest""project-img-left.project-title""project-img-left project-img-right project-img-right""project-more project-more project-more";display:grid;position:relative}.project-involvement{max-width:100%;margin-bottom:5vh}ul.project-tags{width:auto;margin:0 auto 1.5em;padding-left:0;display:inline-block}ul.project-tags li{float:left;padding:5px 0;font-family:ivypresto-display,serif;font-style:italic;font-weight:300;list-style:none}ul.project-tags li:last-child:after{content:"";margin-left:0}ul:after{clear:both;content:"";display:table}ul.project-tags li:after{content:"/";margin-left:20px;margin-right:20px}.project-involvement:after{clear:both;content:"";display:table}.inner{max-width:var(--content-width);padding:var(--content-padding) 0;margin:0 auto}.content__header{flex-direction:column;display:flex}.content__meta{width:var(--image-width-end);font-size:.85rem;position:relative}.content__meta-number{font-weight:700}.content__meta-title{text-transform:uppercase;transform:translateY(calc(var(--meta-offset) * 2 + var(--image-height-end))) translateY(-100%);position:absolute;top:0;left:0}.js .content__meta-title{opacity:0}.content__title{text-align:left;padding:var(--page-padding);text-transform:uppercase;margin-top:20vh;margin-bottom:15vh;font-family:ivypresto-display,serif;font-weight:400}.content__breakout{width:100vw;margin-left:calc(50% - 50vw);position:relative}.content__intro{pointer-events:auto;justify-content:center;align-items:center;display:flex;overflow:hidden}.content__intro-imgWrap{justify-content:center;width:100%;display:flex}.content__centered{margin:auto;display:block}.content__intro-img{width:100vw;height:auto;margin-top:0;margin-bottom:10vh;position:relative}.project__latest{text-transform:uppercase;text-align:center;z-index:0;grid-area:project-latest;width:20vw;margin-left:5vw;padding-bottom:12vh;font-weight:300;position:relative}.project__latest:after{content:"";border:1px solid var(--color-text);border-radius:50%;width:44vw;height:44vw;margin-left:-22vw;position:absolute;top:30%;left:50%}.projects__img{background-position:50%;background-size:cover;position:relative}.projects__title{text-align:right;padding-right:var(--page-padding);text-transform:uppercase;grid-area:project-title;margin:0 0 10vh;font-family:ivypresto-display,serif;font-weight:400}.projects__title-main{font-size:clamp(2rem,10vw,9rem);line-height:.9;display:block}.projects__title-sub{margin-right:.5vw;font-size:clamp(1.5rem,4vw,3rem);font-style:italic;line-height:1;display:block}.projects__img--left{border-radius:0;grid-area:project-img-left/project-img-left/project-img-left/3;height:60vh}.projects__img--right{border-radius:0;grid-area:project-img-right;height:80vh}.projects__link{grid-area:project-more;margin:5vh 0;font-size:clamp(1rem,3vw,1.5rem);font-weight:300;text-decoration:underline;display:inline-block}.projects__link--button{background-color:var(--color-link);color:var(--color-bg);text-transform:uppercase;letter-spacing:.15em;border:1px solid #0000;border-radius:999px;margin-top:5vh;padding:1rem 2.5rem;font-family:brother-1816,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.projects__link--button:hover{color:var(--color-link);border-color:var(--color-link);background-color:#0000;transform:none}.projects__link--container{background-color:var(--color-bg);justify-content:flex-start;width:100%;padding:5vh 0;display:flex}.full__width{width:100%;max-width:1400px;height:auto;margin:0 auto;display:block}.collab-marquee{background-color:var(--color-bg);padding:100px 0 200px;position:relative;overflow:hidden}.collab-marquee__heading{text-align:center;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text);opacity:.5;margin:0 0 3rem;font-family:brother-1816,sans-serif;font-size:clamp(.6rem,1vw,.8rem);font-weight:700}.collab-marquee__track-wrapper{width:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.collab-marquee__track{white-space:nowrap;will-change:transform;flex-shrink:0;align-items:center;gap:0;display:flex}.collab-marquee__item{letter-spacing:.05em;color:#191b20;flex-shrink:0;align-items:center;padding:0 3.5rem;font-family:brother-1816,sans-serif;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700;display:inline-flex}@media screen and (width<=768px){.collab-marquee{padding:60px 0 100px}.collab-marquee__item{padding:0 1.5rem;font-size:clamp(.9rem,4vw,1.2rem)}}.footer{padding-top:3rem;position:relative}.footer__links a{color:var(--color-text);filter:none;font-size:1rem;font-weight:700;text-decoration:none}.footer__links a:hover{color:var(--color-accent)}.projects__gallery__full__width{flex-direction:column;align-items:center;padding:3rem 0;display:flex;width:100vw!important;position:relative!important;left:50%!important;transform:translate(-50%)!important}.projects__gallery{padding:0 var(--page-padding) 10vh;grid-gap:2rem;grid-area:intro-images;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));display:grid}.projects__gallery-item{background-position:50%;background-size:cover;width:100%;margin-top:3rem;display:block}.projects__gallery-item--top{border-radius:0;margin:0 0 50%}.type__headline{text-transform:uppercase;letter-spacing:.15em;color:#23272c;margin-top:2vh;margin-bottom:2vh;font-family:brother-1816,sans-serif;font-size:.8rem;font-weight:400;display:block}.type{padding:30vh var(--page-padding);counter-reset:type-link;background-color:var(--color-bg)}.type--footer{padding-top:5vh}.type__link__home{color:var(--color-text);white-space:nowrap;margin:0 1rem 0 0;font-size:clamp(1.5rem,2vw,1.25rem);font-weight:300;transition:all .4s;display:block;position:absolute;top:-.1rem}.type__link{color:var(--color-text);white-space:nowrap;margin:0 1rem 0 0;font-size:clamp(1.6rem,5vw,6rem);font-weight:300;display:block;position:relative}.type__link:hover,.type__link:focus{color:var(--color-text)}.type__link:nth-child(2n){font-family:ivypresto-display,serif;font-style:italic}.type__link:before{counter-increment:type-link;content:counter(type-link);vertical-align:110%;margin-right:.5rem;font-family:brother-1816,sans-serif;font-size:clamp(.8rem,3.333vw - .875rem,1.5rem);font-style:normal;display:inline-block}.dark__links{color:var(--color-link);filter:invert()}.dark__links a:hover,.dark__links:focus{color:var(--color-link-hover);filter:invert()}.footer{padding:0 var(--page-padding) 3rem;background-color:var(--color-bg)}.footer__links{grid-area:footer-list;margin:0;padding:0;font-size:1.25rem;font-weight:300;list-style:none}.footer__links a{color:var(--color-text);filter:none;font-weight:700}.footer__links a:hover,.footer__links a:focus{filter:none;color:var(--color-accent)}.footer__img{background-position:50%;background-size:cover;border-radius:0;grid-area:footer-img;place-self:end center;width:40vh;max-width:300px;height:80vh;max-height:400px}.footer__author{grid-area:footer-author;align-self:end;margin:0;padding:1rem 0;font-family:ivypresto-display,serif;font-size:clamp(2rem,4vw,5rem);font-weight:400}.footer__year{grid-area:footer-year;align-self:end;padding-bottom:1rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:300}@media screen and (width>=53em){body{--page-padding:1.5rem}.lines{stroke-width:2px}.intro__menu-button{width:105px;height:105px}.intro{grid-template:"intro-logo intro-menu""intro-images intro-ad"1fr"intro-title."/67% 1fr}.intro__title{white-space:nowrap}.present{grid-template-columns:40% 1fr;grid-template-areas:"present-large present-large""present-small present-visual";display:grid}.type__link{display:inline-block}.footer{grid-template-columns:auto 1fr auto;grid-template-areas:"footer-list footer-img.""footer-author footer-img footer-year";align-content:space-between;display:grid}.footer__links{column-count:2}}.navigation__checkbox{display:none}.navigation__button{z-index:2000;text-align:center;cursor:pointer;background-color:#1e2227;border-radius:50%;width:3.5rem;height:3.5rem;position:fixed;top:1.3rem;right:3%}.navigation__background{z-index:1000;background-image:radial-gradient(#1e2227,#000);border-radius:50%;width:3.5rem;height:3.5rem;transition:transform .8s cubic-bezier(.86,0,.07,1);position:fixed;top:1.3rem;right:3%}.navigation__nav{z-index:1500;opacity:0;visibility:hidden;width:100%;height:100vh;transition:all .8s cubic-bezier(.68,-.55,.265,1.55);position:fixed;top:0;left:0}.navigation__list{text-align:left;width:100%;list-style:none;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%)}.navigation__item{margin:1rem}.navigation__link:link,.navigation__link:visited{color:#23272c;text-decoration:none;transition:all .4s;display:inline-block}.navigation__link:link span,.navigation__link:visited span{margin-right:1.5rem;display:inline-block}.navigation__link:hover,.navigation__link:active{background-position:100%;transform:translate(.5rem)}.navigation__checkbox:checked~.navigation__background{transform:scale(80)}.navigation__checkbox:checked~.navigation__nav{opacity:1;visibility:visible;width:100%}.navigation__icon{margin-top:1.8rem;position:relative}.navigation__icon,.navigation__icon:before,.navigation__icon:after{background-color:#dcd8d3;width:1.3rem;height:1px;display:inline-block}.navigation__icon:before,.navigation__icon:after{content:"";transition:all .2s;position:absolute;left:0}.navigation__icon:before{top:-.4rem}.navigation__icon:after{top:.4rem}.navigation__button:hover .navigation__icon:before{top:-.5rem}.navigation__button:hover .navigation__icon:after{top:.5rem}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:#0000}.navigation__checkbox:checked+.navigation__button .navigation__icon:before{top:0;transform:rotate(135deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon:after{top:0;transform:rotate(-135deg)}
/*# sourceMappingURL=Personal_Portfolio_2023.d70c9dd8.css.map */