*{margin:0;padding:0;color:navy}:root{--padding:2rem;--font-family-sans:'neue-haas-grotesk-display',sans-serif;--font-family-mono:'Xanh Mono',sans-serif;font-size:16px}html{font-family:var(--font-family-sans);color:var(--color-text);background:#eeeff3}.project img{width:100%}body{padding:2rem;margin:0 auto;background-color:#eeeff3}li{list-style:none}a{color:currentColor;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit}.grid-master{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;grid-column-gap:2rem}.headernew{position:fixed;display:flex;flex-direction:row;justify-content:space-between;z-index:100;width:calc(100% - 4rem);font-family:var(--font-family-sans)}.header-spacer{width:100%;height:1.5rem}.headernew .rns{width:40%}.headernew img{position:fixed;left:calc(50% - 2rem);top:1.5rem;justify-self:center;height:2rem}.headernew a div{display:none;position:absolute}.headernew a:hover div{display:inline}.headernew *{font-size:1rem}.basicLightbox img{max-height:80vh}.basicLightbox p{font-family:var(--font-family-mono);text-align:center;font-size:1rem;margin-top:1rem}.info-box{border:1px dashed red;color:red;padding:4rem;border-radius:100%;text-align:center}.info-box p{font-family:var(--font-family-mono);font-style:italic;color:red;text-align:center}.top-section{grid-area:1/1/2/5;font-family:var(--font-family-mono);height:calc(50vh - 3rem);font-size:1.1rem}.top-section.collapsed .project-info{opacity:0}#nav{list-style:none;align-self:flex-end;grid-area:1/1/2/5;padding:.5rem 0}#nav li{display:inline-block;color:red}.intro{grid-area:1/1/2/5;color:red}#nav li:not(:first-of-type){margin-left:1rem}#nav li a{opacity:1;text-decoration:underline;transition:all .3s}#nav li a.greyed{opacity:.4;text-decoration:none;color:navy}#nav li a:hover{opacity:1;text-decoration:underline}a:hover *{transition:color .3s}a:hover *{color:red}.contact{transition:all .3s;font-size:1rem}.contact:hover{color:red}footer{margin-top:12rem;padding:.5rem 0;border-top:1px dashed red}footer p{grid-column:1/13;text-align:right;color:red;font-family:var(--font-family-mono)}@media (max-width:768px){.grid-master{grid-template-columns:repeat(1,1fr);gap:1rem}body{padding:.5rem}.grid-master *{grid-column:1/2}.headernew{width:calc(100% - 1rem)}.headernew img{display:none}.headernew .rns{width:100%}.contact{display:none}}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:#fff;opacity:.01;transition:opacity .2s ease;z-index:90;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .1s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:40%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{-webkit-transform:scale(1);transform:scale(1)}code[class*=language-],pre[class*=language-]{color:var(--color-code-white);font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1rem;margin:0 0;overflow:auto}.token.punctuation{color:var(--color-code-light-grey)}.token.comment,.token.doctype{color:var(--color-code-comment)}.token.delimiter,.token.key,.token.kirbytag-bracket,.token.markup,.token.prolog,.token.selector,.token.tag,.token.this,.token.variable{color:var(--color-code-red)}.token.attr-name,.token.bold,.token.bold>.punctuation,.token.boolean,.token.boolean.important,.token.constant,.token.entity,.token.kirbytag-attr,.token.kirbytag-name,.token.number{color:var(--color-code-orange)}.token.italic,.token.italic>.punctuation,.token.keyword{color:var(--color-code-purple)}.token.function{color:var(--color-code-blue)}.token.operator,.token.title{color:var(--color-code-aqua)}.token.attr-value,.token.attr-value .punctuation,.token.list.punctuation,.token.string{color:var(--color-code-green)}.token.class-name,.token.property,.token.scope,.token.url{color:var(--color-code-yellow)}.token.kirbytag-bracket,.token.list.punctuation,.token.title{font-weight:700}.token.title .punctuation{color:inherit}.token.bold{font-weight:700}.token.italic{font-style:italic}.codeblock{background:var(--color-black)}.codeblock figcaption{color:var(--color-code-white);padding:.5rem 1rem;font-family:var(--font-family-mono);border-bottom:1px solid #333}.two-column-preview{display:flex;justify-content:space-between;padding:10px;background-color:#f0f0f0;border:1px solid #ddd}.preview-left,.preview-right{flex:1;margin:0 5px}.projects-container{width:100%;display:flex;margin:auto;flex-direction:column;gap:8rem}.project{border-top:1px dashed #c6c6e3;padding-top:.5rem;top:0;font-size:1rem;transition:border-top .3s;grid-template-areas:"info info info . . image image image image image image image"}.project:hover{border-top:1px dashed red}.project-info-home{grid-area:info;opacity:1}.project-info-home p{font-family:var(--font-family-mono);font-size:1.1rem}.project-image{grid-area:image}.project-info-home h2{font-family:var(--font-family-sans);font-size:1rem}.project-info-home h2>span{transition:padding-left .3s}.project:hover h2>span{padding-left:.2rem}.project-image img{width:100%}a{transition:transform .3s}a:hover *{transition:color .3s}a:hover *{color:red}.intro{height:calc(50vh - 3rem)!important}.intro h2{font-family:var(--font-family-mono) color: red;grid-area:1/1/2/5;padding-bottom:.5rem;align-self:flex-end}.intro p{grid-area:1/1/2/5;color:red;font-size:1rem;font-family:var(--font-family-mono)}@media (max-width:768px){.project{grid-template-areas:"image" "info"}.projects-container{gap:4rem}}body{min-height:100vh}.container{height:30rem;display:flex;align-items:center;justify-content:center}.project-row,.project-rows{width:100%}.project-rows{margin-top:1rem;display:flex;flex-direction:column;gap:8rem}.cover{margin-top:.5rem;border-top:1px dashed red;padding-top:.5rem;grid-template-areas:"project-info project-info project-info project-info project-info project-img project-img project-img project-img project-img project-img project-img "}.credits{width:50%;margin:auto}.credit{width:100%;height:100%;justify-content:space-between;align-items:center;display:inline-flex}.credit :not(.mid){font-family:var(--font-family-mono);color:navy;padding:0 .5rem}.credit>.mid{flex:1 1 0;height:0;border:1px dashed #c6c6e3}.credit a{text-decoration:underline}.cover .project-info{grid-area:project-info}p a{text-decoration:underline}p a:hover{color:red}.cover img,.cover video{grid-area:project-img}.back{transition:all .3s;font-size:1rem;display:block;margin:.5rem 0}.fulltext{grid-template-areas:". . . . . text text text text text text . "}.fulltext>p{grid-area:text;margin-bottom:1rem}.back:hover{color:red;margin-left:-.2rem}.cover h2,.cover p{color:navy}.cover p{font-size:1rem;margin-bottom:1rem}.cover .project-info{align-self:flex-end}.cover .project-info p{font-family:var(--font-family-mono);font-size:1.1rem}.cover img,.project-row img{width:100%}.cover video,.project-row video{width:100%}.project-row .caption{border-top:1px dashed #c6c6e3;align-self:flex-end;padding:.5rem .5rem 0 0;font-family:var(--font-family-sans)}.project-row:nth-child(even){grid-template-areas:"image image image image image image image image image caption caption caption"}.project-row:nth-child(odd){grid-template-areas:"caption caption caption image image image image image image image image image"}.project-row .image{grid-area:image}.project-row .caption{grid-area:caption}.inspo{overflow-x:auto;display:flex;flex-direction:row;gap:1rem}.inspo div{flex:0 0 auto;height:12rem;width:12rem;background:#add8e6}@media (max-width:768px){.project-row{gap:0}.project-row:nth-child(even),.project-row:nth-child(odd){grid-template-areas:"image" "caption"}.cover{grid-template-areas:"project-img" "project-info"}.back{display:none}.project-rows{gap:4rem;margin-top:1rem}.project-row .caption{border-top:none;padding:0}.credit{flex-direction:column;text-align:center;margin-bottom:1rem}.credit a:last-child,.credit div:last-child{color:red}.credits{width:100%}}.gallery{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;gap:4rem;border-top:1px dashed #c6c6e3;padding-top:2rem;min-height:500px}#scraps{height:1.5rem;width:auto;grid-area:1/1/2/5;display:none}.item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;word-break:break-all}.placeholder>*{width:100%;aspect-ratio:1/1;background-color:red}.info-box{width:60%;margin:auto}.item a{width:100%;max-width:100%}.item img{width:100%}.item figcaption{width:100%;text-align:center;height:3rem;color:navy;font-size:.8rem;font-family:var(--font-family-mono)}@media only screen and (max-width:768px){.gallery{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:auto;gap:1rem;padding-top:.5rem}}.practice-about>p{color:red;font-style:italic;font-family:var(--font-family-mono);outline:1px dashed red;padding:1rem;word-break:break-word;font-size:1rem;display:flex;align-items:end}.intro{height:calc(50vh - 3rem)!important}.intro h2{font-family:var(--font-family-mono) color: red;grid-area:1/1/2/10;padding-bottom:.5rem;align-self:flex-end}*{margin:0;padding:0;color:navy}:root{--padding:2rem;--font-family-sans:'neue-haas-grotesk-display',sans-serif;--font-family-mono:'Xanh Mono',sans-serif;font-size:16px}html{font-family:var(--font-family-sans);color:var(--color-text);background:#eeeff3}.project img{width:100%}body{padding:2rem;margin:0 auto;background-color:#eeeff3}li{list-style:none}a{color:currentColor;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit}.grid-master{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;grid-column-gap:2rem}.headernew{position:fixed;display:flex;flex-direction:row;justify-content:space-between;z-index:100;width:calc(100% - 4rem);font-family:var(--font-family-sans)}.header-spacer{width:100%;height:1.5rem}.headernew .rns{width:40%}.headernew img{position:fixed;left:calc(50% - 2rem);top:1.5rem;justify-self:center;height:2rem}.headernew a div{display:none;position:absolute}.headernew a:hover div{display:inline}.headernew *{font-size:1rem}.basicLightbox img{max-height:80vh}.basicLightbox p{font-family:var(--font-family-mono);text-align:center;font-size:1rem;margin-top:1rem}.info-box{border:1px dashed red;color:red;padding:4rem;border-radius:100%;text-align:center}.info-box p{font-family:var(--font-family-mono);font-style:italic;color:red;text-align:center}.top-section{grid-area:1/1/2/5;font-family:var(--font-family-mono);height:calc(50vh - 3rem);font-size:1.1rem}.top-section.collapsed .project-info{opacity:0}#nav{list-style:none;align-self:flex-end;grid-area:1/1/2/5;padding:.5rem 0}#nav li{display:inline-block;color:red}.intro{grid-area:1/1/2/5;color:red}#nav li:not(:first-of-type){margin-left:1rem}#nav li a{opacity:1;text-decoration:underline;transition:all .3s}#nav li a.greyed{opacity:.4;text-decoration:none;color:navy}#nav li a:hover{opacity:1;text-decoration:underline}a:hover *{transition:color .3s}a:hover *{color:red}.contact{transition:all .3s;font-size:1rem}.contact:hover{color:red}footer{margin-top:12rem;padding:.5rem 0;border-top:1px dashed red}footer p{grid-column:1/13;text-align:right;color:red;font-family:var(--font-family-mono)}@media (max-width:768px){.grid-master{grid-template-columns:repeat(1,1fr);gap:1rem}body{padding:.5rem}.grid-master *{grid-column:1/2}.headernew{width:calc(100% - 1rem)}.headernew img{display:none}.headernew .rns{width:100%}.contact{display:none}}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:#fff;opacity:.01;transition:opacity .2s ease;z-index:90;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .1s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:40%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{-webkit-transform:scale(1);transform:scale(1)}code[class*=language-],pre[class*=language-]{color:var(--color-code-white);font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1rem;margin:0 0;overflow:auto}.token.punctuation{color:var(--color-code-light-grey)}.token.comment,.token.doctype{color:var(--color-code-comment)}.token.delimiter,.token.key,.token.kirbytag-bracket,.token.markup,.token.prolog,.token.selector,.token.tag,.token.this,.token.variable{color:var(--color-code-red)}.token.attr-name,.token.bold,.token.bold>.punctuation,.token.boolean,.token.boolean.important,.token.constant,.token.entity,.token.kirbytag-attr,.token.kirbytag-name,.token.number{color:var(--color-code-orange)}.token.italic,.token.italic>.punctuation,.token.keyword{color:var(--color-code-purple)}.token.function{color:var(--color-code-blue)}.token.operator,.token.title{color:var(--color-code-aqua)}.token.attr-value,.token.attr-value .punctuation,.token.list.punctuation,.token.string{color:var(--color-code-green)}.token.class-name,.token.property,.token.scope,.token.url{color:var(--color-code-yellow)}.token.kirbytag-bracket,.token.list.punctuation,.token.title{font-weight:700}.token.title .punctuation{color:inherit}.token.bold{font-weight:700}.token.italic{font-style:italic}.codeblock{background:var(--color-black)}.codeblock figcaption{color:var(--color-code-white);padding:.5rem 1rem;font-family:var(--font-family-mono);border-bottom:1px solid #333}.two-column-preview{display:flex;justify-content:space-between;padding:10px;background-color:#f0f0f0;border:1px solid #ddd}.preview-left,.preview-right{flex:1;margin:0 5px}.projects-container{width:100%;display:flex;margin:auto;flex-direction:column;gap:8rem}.project{border-top:1px dashed #c6c6e3;padding-top:.5rem;top:0;font-size:1rem;transition:border-top .3s;grid-template-areas:"info info info . . image image image image image image image"}.project:hover{border-top:1px dashed red}.project-info-home{grid-area:info;opacity:1}.project-info-home p{font-family:var(--font-family-mono);font-size:1.1rem}.project-image{grid-area:image}.project-info-home h2{font-family:var(--font-family-sans);font-size:1rem}.project-info-home h2>span{transition:padding-left .3s}.project:hover h2>span{padding-left:.2rem}.project-image img,.project-image video{width:100%}a{transition:transform .3s}a:hover *{transition:color .3s}a:hover *{color:red}.intro{height:calc(50vh - 3rem)!important}.intro h2{font-family:var(--font-family-mono) color: red;grid-area:1/1/2/5;padding-bottom:.5rem;align-self:flex-end}.intro p{grid-area:1/1/2/5;color:red;font-size:1rem;font-family:var(--font-family-mono)}@media (max-width:768px){.project{grid-template-areas:"image" "info"}.projects-container{gap:4rem}}body{min-height:100vh}.container{height:30rem;display:flex;align-items:center;justify-content:center}.project-row,.project-rows{width:100%}.project-rows{margin-top:1rem;display:flex;flex-direction:column;gap:8rem}.cover{margin-top:.5rem;border-top:1px dashed red;padding-top:.5rem;grid-template-areas:"project-info project-info project-info project-info project-info project-img project-img project-img project-img project-img project-img project-img "}.credits{width:50%;margin:auto}.credit{width:100%;height:100%;justify-content:space-between;align-items:center;display:inline-flex}.credit :not(.mid){font-family:var(--font-family-mono);color:navy;padding:0 .5rem}.credit>.mid{flex:1 1 0;height:0;border:1px dashed #c6c6e3}.credit a{text-decoration:underline}.cover .project-info{grid-area:project-info}p a{text-decoration:underline}p a:hover{color:red}.cover img,.cover video{grid-area:project-img}.back{transition:all .3s;font-size:1rem;display:block;margin:.5rem 0}.fulltext{grid-template-areas:". . . . . text text text text text text . "}.fulltext>p{grid-area:text;margin-bottom:1rem}.back:hover{color:red;margin-left:-.2rem}.cover h2,.cover p{color:navy}.cover p{font-size:1rem;margin-bottom:1rem}.cover .project-info{align-self:flex-end}.cover .project-info p{font-family:var(--font-family-mono);font-size:1.1rem}.cover img,.project-row img{width:100%}.cover video,.project-row video{width:100%}.project-row .caption{border-top:1px dashed #c6c6e3;align-self:flex-end;padding:.5rem .5rem 0 0;font-family:var(--font-family-sans)}.project-row:nth-child(even){grid-template-areas:"image image image image image image image image image caption caption caption"}.project-row:nth-child(odd){grid-template-areas:"caption caption caption image image image image image image image image image"}.project-row .image{grid-area:image}.project-row .caption{grid-area:caption}.inspo{overflow-x:auto;display:flex;flex-direction:row;gap:1rem}.inspo div{flex:0 0 auto;height:12rem;width:12rem;background:#add8e6}@media (max-width:768px){.project-row{gap:0}.project-row:nth-child(even),.project-row:nth-child(odd){grid-template-areas:"image" "caption"}.cover{grid-template-areas:"project-img" "project-info"}.back{display:none}.project-rows{gap:4rem;margin-top:1rem}.project-row .caption{border-top:none;padding:0}.credit{flex-direction:column;text-align:center;margin-bottom:1rem}.credit a:last-child,.credit div:last-child{color:red}.credits{width:100%}}.gallery{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;gap:4rem;border-top:1px dashed #c6c6e3;padding-top:2rem;min-height:500px}#scraps{height:1.5rem;width:auto;grid-area:1/1/2/5;display:none}.item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;word-break:break-all}.placeholder>*{width:100%;aspect-ratio:1/1;background-color:red}.info-box{width:60%;margin:auto}.item a{width:100%;max-width:100%}.item img{width:100%}.item figcaption{width:100%;text-align:center;height:3rem;color:navy;font-size:.8rem;font-family:var(--font-family-mono)}@media only screen and (max-width:768px){.gallery{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:auto;gap:1rem;padding-top:.5rem}}.practice-about>p{color:red;font-style:italic;font-family:var(--font-family-mono);outline:1px dashed red;padding:1rem;word-break:break-word;font-size:1rem;display:flex;align-items:end}.intro{height:calc(50vh - 3rem)!important}.intro h2{font-family:var(--font-family-mono) color: red;grid-area:1/1/2/10;padding-bottom:.5rem;align-self:flex-end}*{margin:0;padding:0;color:navy}:root{--padding:2rem;--font-family-sans:'neue-haas-grotesk-display',sans-serif;--font-family-mono:'Xanh Mono',sans-serif;font-size:16px}html{font-family:var(--font-family-sans);color:var(--color-text);background:#eeeff3}.project img{width:100%}body{padding:2rem;margin:0 auto;background-color:#eeeff3}li{list-style:none}a{color:currentColor;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit}.grid-master{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;grid-column-gap:2rem}.headernew{position:fixed;display:flex;flex-direction:row;justify-content:space-between;z-index:100;width:calc(100% - 4rem);font-family:var(--font-family-sans)}.header-spacer{width:100%;height:1.5rem}.headernew .rns{width:40%}.headernew img{position:fixed;left:calc(50% - 2rem);top:1.5rem;justify-self:center;height:2rem}.headernew a div{display:none;position:absolute}.headernew a:hover div{display:inline}.headernew *{font-size:1rem}.basicLightbox img{max-height:80vh}.basicLightbox p{font-family:var(--font-family-mono);text-align:center;font-size:1rem;margin-top:1rem}.info-box{border:1px dashed red;color:red;padding:4rem;border-radius:100%;text-align:center}.info-box p{font-family:var(--font-family-mono);font-style:italic;color:red;text-align:center}.top-section{grid-area:1/1/2/5;font-family:var(--font-family-mono);height:calc(50vh - 3rem);font-size:1.1rem}.top-section.collapsed .project-info{opacity:0}#nav{list-style:none;align-self:flex-end;grid-area:1/1/2/5;padding:.5rem 0}#nav li{display:inline-block;color:red}.intro{grid-area:1/1/2/5;color:red}#nav li:not(:first-of-type){margin-left:1rem}#nav li a{opacity:1;text-decoration:underline;transition:all .3s}#nav li a.greyed{opacity:.4;text-decoration:none;color:navy}#nav li a:hover{opacity:1;text-decoration:underline}a:hover *{transition:color .3s}a:hover *{color:red}.contact{transition:all .3s;font-size:1rem}.contact:hover{color:red}footer{margin-top:12rem;padding:.5rem 0;border-top:1px dashed red}footer p{grid-column:1/13;text-align:right;color:red;font-family:var(--font-family-mono)}@media (max-width:768px){.grid-master{grid-template-columns:repeat(1,1fr);gap:1rem}body{padding:.5rem}.grid-master *{grid-column:1/2}.headernew{width:calc(100% - 1rem)}.headernew img{display:none}.headernew .rns{width:100%}.contact{display:none}}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:#fff;opacity:.01;transition:opacity .2s ease;z-index:90;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .1s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:40%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{-webkit-transform:scale(1);transform:scale(1)}code[class*=language-],pre[class*=language-]{color:var(--color-code-white);font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1rem;margin:0 0;overflow:auto}.token.punctuation{color:var(--color-code-light-grey)}.token.comment,.token.doctype{color:var(--color-code-comment)}.token.delimiter,.token.key,.token.kirbytag-bracket,.token.markup,.token.prolog,.token.selector,.token.tag,.token.this,.token.variable{color:var(--color-code-red)}.token.attr-name,.token.bold,.token.bold>.punctuation,.token.boolean,.token.boolean.important,.token.constant,.token.entity,.token.kirbytag-attr,.token.kirbytag-name,.token.number{color:var(--color-code-orange)}.token.italic,.token.italic>.punctuation,.token.keyword{color:var(--color-code-purple)}.token.function{color:var(--color-code-blue)}.token.operator,.token.title{color:var(--color-code-aqua)}.token.attr-value,.token.attr-value .punctuation,.token.list.punctuation,.token.string{color:var(--color-code-green)}.token.class-name,.token.property,.token.scope,.token.url{color:var(--color-code-yellow)}.token.kirbytag-bracket,.token.list.punctuation,.token.title{font-weight:700}.token.title .punctuation{color:inherit}.token.bold{font-weight:700}.token.italic{font-style:italic}.codeblock{background:var(--color-black)}.codeblock figcaption{color:var(--color-code-white);padding:.5rem 1rem;font-family:var(--font-family-mono);border-bottom:1px solid #333}.two-column-preview{display:flex;justify-content:space-between;padding:10px;background-color:#f0f0f0;border:1px solid #ddd}.preview-left,.preview-right{flex:1;margin:0 5px}.projects-container{width:100%;display:flex;margin:auto;flex-direction:column;gap:8rem}.project{border-top:1px dashed #c6c6e3;padding-top:.5rem;top:0;font-size:1rem;transition:border-top .3s;grid-template-areas:"info info info . . image image image image image image image"}.project:hover{border-top:1px dashed red}.project-info-home{grid-area:info;opacity:1}.project-info-home p{font-family:var(--font-family-mono);font-size:1.1rem}.project-image{grid-area:image}.project-info-home h2{font-family:var(--font-family-sans);font-size:1rem}.project-info-home h2>span{transition:padding-left .3s}.project:hover h2>span{padding-left:.2rem}.project-image img{width:100%}video.project-image{width:100%}a{transition:transform .3s}a:hover *{transition:color .3s}a:hover *{color:red}.intro{height:calc(50vh - 3rem)!important}.intro h2{font-family:var(--font-family-mono) color: red;grid-area:1/1/2/5;padding-bottom:.5rem;align-self:flex-end}.intro p{grid-area:1/1/2/5;color:red;font-size:1rem;font-family:var(--font-family-mono)}@media (max-width:768px){.project{grid-template-areas:"image" "info"}.projects-container{gap:4rem}}body{min-height:100vh}.container{height:30rem;display:flex;align-items:center;justify-content:center}.project-row,.project-rows{width:100%}.project-rows{margin-top:1rem;display:flex;flex-direction:column;gap:8rem}.cover{margin-top:.5rem;border-top:1px dashed red;padding-top:.5rem;grid-template-areas:"project-info project-info project-info project-info project-info project-img project-img project-img project-img project-img project-img project-img "}.credits{width:50%;margin:auto}.credit{width:100%;height:100%;justify-content:space-between;align-items:center;display:inline-flex}.credit :not(.mid){font-family:var(--font-family-mono);color:navy;padding:0 .5rem}.credit>.mid{flex:1 1 0;height:0;border:1px dashed #c6c6e3}.credit a{text-decoration:underline}.cover .project-info{grid-area:project-info}p a{text-decoration:underline}p a:hover{color:red}.cover img,.cover video{grid-area:project-img}.back{transition:all .3s;font-size:1rem;display:block;margin:.5rem 0}.fulltext{grid-template-areas:". . . . . text text text text text text . "}.fulltext>p{grid-area:text;margin-bottom:1rem}.back:hover{color:red;margin-left:-.2rem}.cover h2,.cover p{color:navy}.cover p{font-size:1rem;margin-bottom:1rem}.cover .project-info{align-self:flex-end}.cover .project-info p{font-family:var(--font-family-mono);font-size:1.1rem}.cover img,.project-row img{width:100%}.cover video,.project-row video{width:100%}.project-row .caption{border-top:1px dashed #c6c6e3;align-self:flex-end;padding:.5rem .5rem 0 0;font-family:var(--font-family-sans)}.project-row:nth-child(even){grid-template-areas:"image image image image image image image image image caption caption caption"}.project-row:nth-child(odd){grid-template-areas:"caption caption caption image image image image image image image image image"}.project-row .image{grid-area:image}.project-row .caption{grid-area:caption}.inspo{overflow-x:auto;display:flex;flex-direction:row;gap:1rem}.inspo div{flex:0 0 auto;height:12rem;width:12rem;background:#add8e6}@media (max-width:768px){.project-row{gap:0}.project-row:nth-child(even),.project-row:nth-child(odd){grid-template-areas:"image" "caption"}.cover{grid-template-areas:"project-img" "project-info"}.back{display:none}.project-rows{gap:4rem;margin-top:1rem}.project-row .caption{border-top:none;padding:0}.credit{flex-direction:column;text-align:center;margin-bottom:1rem}.credit a:last-child,.credit div:last-child{color:red}.credits{width:100%}}.gallery{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;gap:4rem;border-top:1px dashed #c6c6e3;padding-top:2rem;min-height:500px}#scraps{height:1.5rem;width:auto;grid-area:1/1/2/5;display:none}.item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;word-break:break-all}.placeholder>*{width:100%;aspect-ratio:1/1;background-color:red}.info-box{width:60%;margin:auto}.item a{width:100%;max-width:100%}.item img{width:100%}.item figcaption{width:100%;text-align:center;height:3rem;color:navy;font-size:.8rem;font-family:var(--font-family-mono)}@media only screen and (max-width:768px){.gallery{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:auto;gap:1rem;padding-top:.5rem}}.practice-about>p{color:red;font-style:italic;font-family:var(--font-family-mono);outline:1px dashed red;padding:1rem;word-break:break-word;font-size:1rem;display:flex;align-items:end}.intro{height:calc(50vh - 3rem)!important}.intro h2{font-family:var(--font-family-mono) color: red;grid-area:1/1/2/10;padding-bottom:.5rem;align-self:flex-end}