/* Finished project previews, shared with the portfolio. */
@font-face{font-family:OrmaPreview;src:url('../projects/previews/orma/assets/InstrumentSerif-Regular.ttf') format('truetype');font-display:swap}.orma-preview{background:#55231e}.orma-preview .browser-bar{background:#eee9df}.orma-preview-hero{position:relative;height:calc(100% - 27px);min-height:0;overflow:hidden}.orma-preview-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.68)}.orma-preview-type{position:relative;z-index:1;min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#eee9df;padding:8cqw 0}.orma-preview-type>span{font-size:1.5cqw;letter-spacing:.2em}.orma-preview-type strong{font-family:OrmaPreview,Georgia,serif;font-size:30cqw;font-weight:400;line-height:1.1;letter-spacing:-.06em;padding-right:.06em}.orma-preview-type em{font-family:OrmaPreview,Georgia,serif;font-size:4.6cqw;font-style:italic}.raceme-preview-hero{height:calc(100% - 27px);min-height:0;padding:4cqw 4.5cqw;background:#111;color:#fff;display:flex;flex-direction:column;overflow:hidden}.raceme-preview-hero>span{font-size:3cqw;font-weight:800;letter-spacing:-.06em}.raceme-preview-hero>span small{font-size:1.35cqw;letter-spacing:.12em;margin-left:1.5cqw}.raceme-preview-hero>strong{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:10.4cqw;line-height:1.02;font-weight:900;letter-spacing:-.04em;margin:auto 0}.raceme-preview-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #fff3;padding-top:3cqw;font-size:1.5cqw;letter-spacing:.05em}.raceme-preview-bottom>b{font-size:3.5cqw;font-weight:400}.project-open:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.case-intro{padding-top:42px;padding-bottom:52px}.case-back{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:10px;margin-bottom:65px}.case-back:hover{color:var(--ink)}.case-title-row{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:end}.case-title-row h1{font-size:clamp(60px,8.4vw,130px);font-weight:600;line-height:.98;letter-spacing:-.075em;max-width:900px;margin:24px 0 20px;overflow-wrap:normal}.case-headline{font-size:18px;letter-spacing:-.025em;color:var(--muted)}.case-summary>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:460px}.case-tags{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;padding-top:20px;margin-top:25px;font-size:10px}.case-tags>span:last-child{color:var(--muted)}.case-preview-section{padding-top:12px;padding-bottom:65px}.preview-toolbar{display:flex;align-items:center;gap:25px;justify-content:space-between;border:1px solid var(--line);border-bottom:0;background:#fff;padding:18px 22px;border-radius:7px 7px 0 0}.preview-toolbar>div:first-child{display:flex;flex-direction:column;gap:5px}.preview-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.preview-project-name{font-size:13px;font-weight:600}.device-buttons{display:flex;align-items:center;border:1px solid var(--line);padding:3px;border-radius:30px;gap:4px}.device-buttons button{border:0;border-radius:30px;padding:9px 17px;font-size:10px;background:transparent;cursor:pointer}.device-buttons button[aria-pressed=true]{background:var(--ink);color:#fff}.preview-open{font-size:11px;text-decoration:underline;text-underline-offset:4px}.preview-stage{background:#e6e5df;padding:28px;min-height:650px;display:flex;align-items:flex-start;justify-content:center;border:1px solid var(--line);overflow:hidden}.preview-device{width:100%;box-shadow:0 10px 40px #00000015;background:white;overflow:hidden;border-radius:5px;transition:width .3s ease;min-width:0}.preview-device.is-mobile{width:390px;max-width:100%;border:7px solid #171717;border-radius:28px;box-shadow:0 20px 50px #0003}.preview-browser-bar{position:relative;height:28px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #0001;background:#f8f8f6}.preview-browser-bar i{width:5px;height:5px;border:1px solid #aaa;border-radius:50%}.preview-browser-bar>span{font-size:8px;color:#666;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.is-mobile .preview-browser-bar{height:25px;background:#171717;border-bottom-color:#171717}.is-mobile .preview-browser-bar i{display:none}.is-mobile .preview-browser-bar>span{color:#ccc;font-size:7px}.preview-device iframe{border:0;display:block;width:100%;height:780px;max-height:85svh;background:white}.is-mobile iframe{height:780px;max-height:85svh}.preview-help{font-size:10px;color:var(--muted);margin-top:20px;text-align:center;line-height:1.8}.case-scope{display:grid;grid-template-columns:1fr 2fr;gap:70px;border-top:1px solid var(--line);padding-top:65px;padding-bottom:65px}.case-scope>div>p{font-size:18px;line-height:1.85;max-width:700px;letter-spacing:-.025em}.case-scope .case-disclosure{font-size:10px;color:var(--muted);margin-top:20px}.case-next{display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--line);align-items:center;padding-top:65px;padding-bottom:75px}.case-next>div{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.case-next>div>a:not(.button){font-size:clamp(28px,3vw,48px);letter-spacing:-.055em;font-weight:600;line-height:1.2}.case-next h2{font-size:27px;letter-spacing:-.045em;font-weight:500}.case-footer{padding:30px var(--gutter);background:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.case-footer>a:first-child{font-weight:800;font-size:38px;letter-spacing:-.08em}.case-footer>span,.case-footer>a:last-child{font-size:10px}
@media(max-width:1000px){.case-title-row{grid-template-columns:1.15fr 1fr;gap:6%}.case-title-row h1{font-size:8.2vw}.preview-toolbar{gap:15px;padding:15px}.preview-stage{padding:20px}.case-scope{gap:35px}.case-next>div{max-width:48%}}
@media(max-width:760px){.case-intro{padding-top:30px;padding-bottom:38px}.case-back{margin-bottom:45px;font-size:11px}.case-title-row{grid-template-columns:1fr;gap:26px}.case-title-row h1{font-size:clamp(56px,13vw,85px);letter-spacing:-.065em;margin-top:22px;max-width:600px}.case-headline{font-size:16px}.case-summary>p{font-size:12px;max-width:560px}.case-tags{font-size:9px;margin-top:22px;padding-top:18px}.case-preview-section{padding-top:0;padding-bottom:40px}.preview-toolbar{flex-wrap:wrap;padding:14px;gap:15px}.preview-toolbar>div:first-child{flex:1}.device-buttons button{padding:8px 12px;font-size:9px}.preview-project-name{font-size:12px}.preview-label{font-size:8px}.preview-open{flex-basis:100%;font-size:10px;border-top:1px solid var(--line);padding-top:12px}.preview-stage{padding:12px;min-height:0}.preview-device iframe{height:620px;max-height:75svh}.preview-device.is-mobile{border-width:5px;border-radius:20px}.preview-browser-bar>span{font-size:7px}.preview-help{font-size:9px;text-align:left;margin-top:15px}.case-scope{grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:40px}.case-scope>div>p{font-size:15px;line-height:1.85}.case-next{padding-top:40px;padding-bottom:45px;flex-direction:column;align-items:flex-start;gap:40px}.case-next>div{max-width:100%;gap:15px}.case-next>div>a:not(.button){font-size:35px}.case-next h2{font-size:24px}.case-footer{gap:20px;flex-wrap:wrap}.case-footer>a:first-child{font-size:32px}.case-footer>span,.case-footer>a:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.preview-device{transition:none}}
.kairo-preview{background:#120c16}.kairo-preview .browser-bar{background:#1c1322;border-bottom-color:#ffffff14}.kairo-preview .browser-bar i{border-color:#fff6}.kairo-preview .browser-bar span{color:#bdb3aa}
.kairo-preview-hero{position:relative;height:calc(100% - 27px);overflow:hidden;padding:5cqw 5.5cqw;color:#f6e9dc;background:radial-gradient(60% 70% at 64% 46%,rgba(255,106,43,.42),transparent 70%),radial-gradient(120% 90% at 50% 40%,#241829,#120c16 60%);display:flex;flex-direction:column;justify-content:space-between}
.kairo-preview-type{position:relative;z-index:1;display:flex;flex-direction:column;gap:2.4cqw;margin-top:3cqw}
.kairo-preview-type>span{font-size:1.35cqw;letter-spacing:.18em;color:#f6e9dcaa}
.kairo-preview-type>strong{font-weight:300;font-size:7.4cqw;line-height:.95;letter-spacing:-.04em;display:flex;flex-direction:column}
.kairo-preview-type em{font-family:OrmaPreview,'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.kairo-preview-can{position:absolute;right:16cqw;top:50%;width:13cqw;aspect-ratio:10/23;transform:translateY(-46%) rotate(-8deg);border-radius:1.4cqw/2.2cqw;background:url('../projects/previews/kairo/assets/labels/ember.svg') 16.6% 0/400% 100%;box-shadow:inset 1.2cqw 0 2cqw rgba(0,0,0,.5),inset -1.8cqw 0 2cqw rgba(0,0,0,.6),inset 3cqw 0 1.2cqw -1.4cqw rgba(255,255,255,.4),0 4cqw 5cqw rgba(0,0,0,.55);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.kairo-preview-can::before{content:"";position:absolute;left:5%;right:5%;top:-2.6%;height:5%;border-radius:50%;background:linear-gradient(90deg,#77736e,#f1ede8 35%,#9c9893 70%,#5d5a58)}
.project-card:hover .kairo-preview-can{transform:translateY(-50%) rotate(4deg)}
.kairo-preview-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f6e9dc26;padding-top:2.6cqw;font-size:1.5cqw;letter-spacing:.12em}
.kairo-preview-bottom em{font-family:OrmaPreview,'Instrument Serif',Georgia,serif;font-size:2.4cqw;letter-spacing:0;color:#ffc24b}
.home-work .project-card:nth-child(4){margin-top:110px}
.home-work .project-card:nth-child(6){margin-top:110px}
.home-work .project-card:nth-child(7){grid-column:1/-1;width:min(100%,58%);justify-self:center;margin-top:30px}
@media(max-width:760px){.home-work .project-card:nth-child(4){margin-top:0}.home-work .project-card:nth-child(6){margin-top:0}.home-work .project-card:nth-child(7){grid-column:auto;width:auto;justify-self:stretch;margin-top:0}}
.lys-preview{background:#f6f2ec}.lys-preview .browser-bar{background:#ece5da}
.lys-preview-hero{position:relative;height:calc(100% - 27px);overflow:hidden;color:#f6f2ec;display:flex;flex-direction:column;justify-content:space-between;padding:3.4cqw 4.5cqw 5cqw}
.lys-preview-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.lys-preview-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,30,26,.4),transparent 25%),linear-gradient(90deg,rgba(40,30,26,.55),transparent 65%)}
.project-card:hover .lys-preview-hero>img{transform:scale(1.04)}
.lys-preview-top,.lys-preview-type{position:relative;z-index:1}
.lys-preview-top{display:flex;justify-content:space-between;align-items:center;font-size:1.2cqw;letter-spacing:.1em}
.lys-preview-top b{font-family:'Cormorant Garamond',OrmaPreview,Georgia,serif;font-weight:400;font-size:3.2cqw;letter-spacing:.3em;display:flex;flex-direction:column;align-items:center;line-height:1}
.lys-preview-top small{font-style:italic;font-size:1.4cqw;letter-spacing:.1em}
.lys-preview-type{display:flex;flex-direction:column;align-items:flex-start;gap:2.6cqw}
.lys-preview-type strong{font-family:'Cormorant Garamond',OrmaPreview,Georgia,serif;font-weight:400;font-size:7.6cqw;line-height:.95;display:flex;flex-direction:column}
.lys-preview-type em{font-style:italic}
.lys-preview-type>span{background:#f6f2ec;color:#3a2f2c;font-size:1.4cqw;padding:1.3cqw 2.2cqw;border-radius:.6cqw}
.strak-preview{background:#f2f0eb}.strak-preview .browser-bar{background:#f2f0eb}
.strak-preview-hero{position:relative;height:calc(100% - 27px);overflow:hidden;color:#f2f0eb;display:flex;flex-direction:column;justify-content:space-between;padding:2.6cqw 3.4cqw 4.6cqw;font-family:'Arial Black','Helvetica Neue',Arial,sans-serif}
.strak-preview-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.strak-preview-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,14,16,.65),rgba(14,14,16,.1) 55%,rgba(14,14,16,.3))}
.project-card:hover .strak-preview-hero>img{transform:scale(1.04)}
.strak-preview-top,.strak-preview-type{position:relative;z-index:1}
.strak-preview-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:1.2cqw;letter-spacing:.05em}
.strak-preview-top i{width:2.4cqw;height:1.5cqw;border-top:.3cqw solid;border-bottom:.3cqw solid}
.strak-preview-top b{font-size:2.4cqw;letter-spacing:.08em}
.strak-preview-top span{justify-self:end}
.strak-preview-type{display:flex;flex-direction:column;align-items:center;gap:2.6cqw;text-align:center}
.strak-preview-type strong{font-size:7.4cqw;line-height:.9;letter-spacing:-.01em;font-stretch:expanded}
.strak-preview-type span{background:#f2f0eb;color:#0e0e10;font-size:1.3cqw;padding:1.2cqw 2.2cqw;letter-spacing:.05em}

/* FOLD Studio, an image-led architecture portfolio. */
.fold-preview{background:#101110}.fold-preview .browser-bar{background:#101110;color:#e8e7e1;border-bottom:1px solid #ffffff20}.fold-preview .browser-bar span{color:#aaa}.fold-preview .browser-bar i{border-color:#777}.fold-preview-hero{height:calc(100% - 27px);position:relative;padding:4cqw;overflow:hidden;background:#101110;color:#e8e7e1}.fold-preview-hero>img{position:absolute;right:0;bottom:0;width:67%;height:85%;object-fit:cover;filter:brightness(.7)}.fold-preview-wordmark{position:relative;font-size:4cqw;font-weight:800;letter-spacing:-.07em}.fold-preview-wordmark small{font-size:1cqw;font-weight:400;letter-spacing:.06em;margin-left:1cqw}.fold-preview-hero>strong{position:relative;display:block;font-size:12cqw;font-weight:500;letter-spacing:-.08em;line-height:.99;margin-top:7cqw}.fold-preview-hero>strong>span{color:#d5e89e}.fold-preview-caption{position:absolute;bottom:3cqw;left:4cqw;font-size:1.2cqw;letter-spacing:.08em;color:#aaa}
.vonk-preview{background:#0a0a0b}.vonk-preview .browser-bar{background:#141416;border-bottom-color:#ffffff14}.vonk-preview .browser-bar i{border-color:#fff6}.vonk-preview .browser-bar span{color:#9a9ca2}
.vonk-preview-hero{position:relative;height:calc(100% - 27px);overflow:hidden;background:radial-gradient(70% 60% at 50% 50%,#2a2b2f,#121214 55%,#0a0a0b);color:#e9eaec}
.vonk-w{position:absolute;top:5cqw;font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:8.6cqw;line-height:1;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#9a9ca2 60%,#55575c);-webkit-background-clip:text;background-clip:text;color:transparent}
.vonk-w--l{left:4cqw}.vonk-w--r{right:4cqw}
.vonk-orb{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 30%,#6b6d73,#26272b 25%,#060607 85%);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.vonk-orb--glass{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 20%,rgba(255,255,255,.1) 75%,rgba(255,255,255,.35));box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.vonk-spark{position:absolute;left:50%;top:52%;width:24cqw;transform:translate(-50%,-50%);color:#d7d9dd;filter:drop-shadow(0 2cqw 3cqw rgba(0,0,0,.6));transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.vonk-spark svg{width:100%;height:auto}
.vonk-spark path{fill:#cfd1d5}
.project-card:hover .vonk-spark{transform:translate(-50%,-50%) rotate(45deg) scale(1.05)}
.project-card:hover .vonk-orb{transform:translateY(-1.6cqw)}
.vonk-tick{position:absolute;left:50%;bottom:5cqw;transform:translateX(-50%);font-family:Menlo,monospace;font-size:1.3cqw;letter-spacing:.08em;color:#9a9ca2;white-space:nowrap}