@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}html,body{background-blend-mode:multiply;background-image:url(/assets/paper-ESpts0SH.png);min-height:100vh;margin:0}#root{min-height:100svh}.page{border:5px solid #081b2e;border-radius:8px;min-height:100svh;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff5c}.photo-moon{z-index:-1;object-fit:contain;pointer-events:none;width:125%;height:125%;position:absolute;top:-35%;left:10%}.moon-one{top:-45%;left:30%}.moon-two{width:95%;top:20%;left:-38%}.decor-star{z-index:5;object-fit:contain;pointer-events:none;width:70px;height:70px;position:absolute}.star-one{top:2%;left:-33%}.star-two{width:100px;height:100px;top:-18%;left:154%}.star-three{top:70%;left:120%}.site-header{z-index:5;align-items:center;height:94px;padding:0 4.4vw;display:flex;position:relative}.brand{color:#081b31;letter-spacing:-.08em;font:700 clamp(1.4rem,2.1vw,2.05rem) Georgia,serif;text-decoration:none}.site-nav{gap:clamp(1.45rem,2.8vw,3rem);display:flex;position:absolute;left:50%;transform:translate(-50%)}.site-nav a{color:#15273a;font:800 .85rem Inter,Arial,sans-serif;text-decoration:none;position:relative}.site-nav a.active:after{content:"";background:#14293e;height:2.5px;position:absolute;bottom:-10px;left:0;right:0}.hero{grid-template-columns:34px minmax(270px,300px) minmax(350px,1fr);align-items:center;column-gap:clamp(.7rem,2vw,1.4rem);height:calc(100svh - 94px);padding:0 4.4vw 4.2rem;display:grid;position:relative}.intro-content{display:contents}.intro-number{color:#22374a;align-self:stretch;margin-left:30px;padding-top:.2rem;font:600 .8rem Inter,Arial,sans-serif;position:relative}.intro-number:after{content:"";background:#19334c5c;width:1px;height:min(69vh,655px);margin-left:7px;position:absolute;top:1.7rem;left:.2rem}.intro-copy{z-index:20;align-self:center;padding-bottom:clamp(0rem,3vh,2.3rem);position:relative}.intro-copy h1{color:#071d36;letter-spacing:-.015em;width:440px;margin-left:30px;font:400 clamp(3.15rem,6.25vw,6.15rem)/.79 DM Serif Display,Georgia,serif}.intro-copy h1 em{font-style:italic}.intro-copy p{color:#233447;letter-spacing:.015em;width:355px;max-width:400px;margin:clamp(1.4rem,3.5vh,2.25rem) 0 1.55rem 40px;font:500 clamp(.86rem,1.2vw,1rem)/1.38 Inter,Arial,sans-serif}.work-link{box-sizing:border-box;color:#f4f5ee;cursor:pointer;pointer-events:auto;z-index:100;background:#0b2139;border-radius:5px;justify-content:center;align-items:center;gap:1.2rem;width:270px;height:48px;margin-left:20px;padding:.65rem 1.15rem;font:600 .82rem Inter,Arial,sans-serif;text-decoration:none;display:flex;position:relative;box-shadow:0 7px 12px #10273b1f}.work-link span{font-size:1.2rem}.intro-visual{pointer-events:none;align-items:center;min-width:0;padding-left:clamp(.2rem,1.2vw,.95rem);display:flex;position:relative}.photo-composition{isolation:isolate;pointer-events:none;width:min(40vw,420px);min-width:310px;margin-left:270px;position:absolute;transform:rotate(-4deg)}.photo-composition:before,.photo-composition:after{content:"";z-index:3;opacity:.72;background-image:url(/assets/bandage1-C6rE72E7.png);background-position:50%;background-size:cover;width:78px;height:48px;position:absolute;box-shadow:0 2px 5px #182b3d12}.photo-composition:before{top:-18px;left:-12px;transform:rotate(-2deg)}.photo-composition:after{top:-14px;right:-18px;transform:rotate(-1deg)}.photo-frame{z-index:1;background-image:url(/assets/photobg-DhsYXONG.png);background-position:50%;background-size:120%;padding:clamp(.55rem,1.1vw,.9rem) clamp(.55rem,1.1vw,.9rem) clamp(2rem,4.7vw,3.2rem);position:relative;box-shadow:0 12px 19px #0f263c2e}.photo-frame:before,.photo-frame:after{content:"";z-index:3;opacity:.72;background-image:url(/assets/bandage1-C6rE72E7.png);background-position:50%;background-size:cover;position:absolute;box-shadow:0 2px 5px #182b3d0f}.photo-frame:before{width:85px;height:39px;bottom:22px;left:-27px;transform:rotate(-48deg)}.photo-frame:after{width:72px;height:43px;top:43%;right:-30px;transform:rotate(24deg)}.photo-frame img{aspect-ratio:1.02;object-fit:cover;object-position:50% 52%;filter:saturate(.72)contrast(1.07)sepia(.04);width:100%;display:block}.photo-back{z-index:0;background-image:url(/assets/note1-NmSb2rr6.png);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;box-shadow:0 8px 16px #0f263c1f}.back-one{opacity:.65;top:-18px;left:-28px;transform:rotate(-7deg)}.back-two{opacity:.55;top:22px;left:24px;transform:rotate(5deg)}.photo-note{z-index:4;aspect-ratio:1;color:#1b2b3d;width:clamp(130px,14vw,170px);position:absolute;bottom:clamp(-3.35rem,-5vh,-2.2rem);right:clamp(-3.8rem,-5vw,-2.5rem);transform:rotate(9deg);box-shadow:0 7px 15px #13283a1f}.photo-note img{object-fit:fill;opacity:.8;width:100%;height:115%;margin-top:auto;display:block;position:absolute}.note-text{z-index:1;padding:1.25rem 1.15rem 1.5rem;font:500 clamp(1.2rem,2.1vw,1.85rem)/1.12 Caveat,Segoe Print,cursive;position:absolute;inset:0}.photo-note:before{content:"";background:#ccd9ddb5;width:55px;height:23px;position:absolute;top:-11px;left:31%;transform:rotate(-8deg)}.intro-side-text{color:#2b3d50;letter-spacing:.055em;text-align:center;gap:.65rem;margin-bottom:170px;margin-left:940px;font-family:Inter,Arial,sans-serif;font-size:clamp(.85rem,1.3vw,1.05em);font-weight:900;display:grid;position:absolute}.intro-side-text:after{content:"";background:#1d374e73;justify-self:center;width:34px;height:3px;margin-top:.4rem}.footer{z-index:5;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:1.8vh;left:4.4vw;right:1.25vw}.scroll-cue{color:#1e3245;margin-bottom:40px;font:700 medium Inter,Arial,sans-serif}.footer-mark{color:#091e35;margin-bottom:30px;margin-right:30px;font:clamp(2rem,3.5vw,3.4rem)/.7 DM Serif Display,Georgia,serif}@media (width<=780px){.page{border-width:3px;min-height:100svh;overflow-x:hidden}.site-header{height:78px;padding:0 1.5rem}.site-nav{display:none}.hero{grid-template-columns:30px minmax(0,1fr);gap:.8rem;padding:1.5rem 1.5rem 5rem;display:grid}.intro-number{grid-area:1/1;margin:0;padding:0}.intro-number:after{height:600px;top:1.8rem}.intro-content{display:contents}.intro-copy{grid-column:2;padding:0;transform:none}.intro-copy h1{max-width:100%;font-size:clamp(3.2rem,13vw,4.8rem);line-height:.82}.intro-copy p{max-width:100%;margin:1.8rem 0;font-size:1rem;line-height:1.5}.intro-copy a{justify-content:space-between;width:100%;max-width:320px;display:inline-flex}.intro-visual{grid-column:2;width:100%;margin-top:3.5rem;position:relative}.photo-composition{width:min(78vw,340px);min-width:0;margin:0 auto;transform:rotate(-4deg)}.photo-frame{width:100%}.photo-frame img{aspect-ratio:1.02;object-fit:cover;width:100%}.photo-note{width:145px;padding:1.2rem;bottom:-2rem;right:-1rem}.photo-note img{object-fit:fill;opacity:.8;width:100%;height:100%;display:block}.intro-side-text{display:none}.footer{bottom:1rem;left:1.5rem;right:1.5rem}.footer-mark{margin-bottom:10px;margin-right:10px}}.projects-page{border:5px solid #081b2e;border-radius:8px;min-height:100svh;position:relative;overflow:clip visible;box-shadow:inset 0 0 0 1px #ffffff5c}.projects-hero{height:auto;min-height:calc(100svh - 94px);padding:1.5rem 4.4vw 4.2rem;position:relative}.site-nav a.active{position:relative}.projects-list{grid-template-columns:repeat(3,1fr);gap:1rem;margin:4rem 4.4vw 0 5.8vw;display:grid}.projects-number{position:absolute;top:1.7rem;left:4.4vw}.projects-number:after{content:"";background:#19334c5c;width:1px;height:250px;position:absolute;top:1.7rem;left:.2rem}.projects-content{position:absolute;top:1rem;left:calc(4.4vw + 34px + 1.4rem)}.projects-content>p:first-child{color:#15273a;letter-spacing:.04em;margin:0 0 .5rem;font:700 small Inter,Arial,sans-serif}.projects-content h1{color:#071d36;letter-spacing:-.035em;margin:0;font:400 clamp(3rem,4.5vw,4.6rem)/.85 DM Serif Display,Georgia,serif}.projects-content>p:last-child{color:#233447;letter-spacing:.125em;margin:1.3rem .6rem 0;font:700 2.1vh/1.35 Inter,Arial,sans-serif}.projects-controls{justify-content:space-between;align-items:center;display:flex;position:absolute;top:11rem;left:33%;right:4.4vw}.project-categories{align-items:center;gap:4rem;display:flex;transform:translate(3rem)}.project-categories button{color:#15273a;cursor:pointer;background:0 0;border:none;padding:0;font:700 large Inter,Arial,sans-serif}.project-categories button.active{position:relative}.project-categories button.active:after{content:"";background:#14293e;height:1px;position:absolute;bottom:-8px;left:0;right:0}.projects-controls input{color:#15273a;background:#f0f5f740;border:3px solid #2c2a3159;border-radius:7px;outline:none;width:265px;height:45px;margin-right:20px;padding:0 .75rem;font:500 .68rem Inter,Arial,sans-serif}.projects-controls input::placeholder{color:#526376;text-align:initial;font-size:medium;font-weight:700}.projects-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid;position:absolute;top:16rem;left:5.8vw;right:4.4vw}.project-card{background:#f0f5f759;border:1px solid #23344733;border-radius:6px;flex:0 0 340px;overflow:hidden}.project-image{width:100%;height:185px;overflow:hidden}.project-image img{object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.project-info{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.project-info h2{margin:0;font:600 1rem Inter,Arial,sans-serif}.project-info p{margin:.3rem 0 0;font:500 .7rem Inter,Arial,sans-serif}.project-info span{font-size:1.2rem}.project-tags{gap:.5rem;padding:0 1rem 1rem;display:flex}.project-tags span{color:#233447;border:1px solid #23344740;border-radius:999px;padding:.25rem .5rem;font:500 .6rem Inter,Arial,sans-serif}.projects-viewport{margin:0 4.4vw 0 5.8vw;position:relative;overflow:hidden}.projects-viewport:has(.no-projects){min-height:170px}.projects-track{gap:.8rem;width:max-content;display:flex}.projects-prev{color:#071d36;cursor:pointer;background:0 0;border:none;padding:0;font:800 1.5rem Inter,Arial,sans-serif;position:absolute;top:50%;left:2.5vw;transform:translateY(-50%)}.projects-next{color:#071d36;cursor:pointer;background:0 0;border:none;padding:0;font:800 1.5rem Inter,Arial,sans-serif;position:absolute;top:49.4%;right:1.7vw;transform:translateY(-50%)}.projects-carousel{opacity:1;filter:blur();max-height:20rem;margin-top:14.5rem;transition:opacity .55s,filter .55s,transform .55s,max-height .65s,margin .65s;position:relative;transform:translateY(0)}.projects-carousel-hidden{opacity:0;filter:blur(8px);max-height:0;margin-bottom:-5rem;overflow:hidden;transform:translateY(-25px)}.projects-view-all{color:#071d36;cursor:pointer;background:0 0;border:none;padding:0;font:500 .9rem Inter,Arial,sans-serif;position:absolute;top:36rem;left:50%;transform:translate(-50%)}.project-card{color:inherit;cursor:pointer;text-decoration:none}.projects-view-all-bottom{margin:1.5rem 0 2rem;position:relative;top:auto;left:50%;transform:translate(-50%)}.projects-viewport .no-projects{text-align:center;white-space:nowrap;margin:0;font-size:large;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projects-list .no-projects{text-align:center;grid-column:1/-1;width:100%;margin:0;font-size:large;font-weight:700}.projects-mark{color:#071d36;z-index:2;font:500 3.3rem/1 DM Serif Display,Georgia,serif;position:absolute;bottom:2.3rem;right:3.3rem}.about-page{border:5px solid #081b2e;border-radius:8px;min-height:100svh;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff5c}.about-hero{min-height:calc(100svh - 94px);padding:1.5rem 4.4vw 3rem;position:relative}.about-header-number{color:#15273a;font:500 .9rem Inter,Arial,sans-serif;position:absolute;top:1.7rem;right:2rem}.about-number{color:#15273a;font:800 .8rem Inter,Arial,sans-serif;position:absolute;top:3rem;left:8.4vw}.about-number:after{content:"";background:#19334c5c;width:1.5px;height:390px;position:absolute;top:2.5rem;left:.45rem}.about-intro{position:absolute;top:3.8rem;left:calc(4.8vw + 108px)}.about-intro>p:first-child{color:#15273a;letter-spacing:.04em;margin:0 0 1rem;font:800 .82rem Inter,Arial,sans-serif}.about-intro h1{color:#071d36;letter-spacing:-.04em;margin:0;font:400 clamp(3.3rem,5vw,5rem)/.84 DM Serif Display,Georgia,serif}.about-description{color:#233447;margin:1.5rem 0 0;font:600 .88rem/1.45 Inter,Arial,sans-serif}.about-quote{color:#233447;box-sizing:border-box;background:#7c929b38;border:2.5px solid #2334472e;border-radius:8px;flex-direction:column;justify-content:center;width:230px;min-height:82px;margin-top:3.5rem;padding:1rem 1.2rem;display:flex}.about-quote span{font:700 .78rem Inter,Arial,sans-serif}.about-quote strong{margin-top:.3rem;font:600 .72rem Inter,Arial,sans-serif}.about-timeline{width:53%;height:620px;position:absolute;top:4rem;left:43%}.timeline-line{background:#19334c59;width:2.1px;height:520px;position:absolute;top:-3.5rem;bottom:0;left:90px}.timeline-item{grid-template-columns:70px 40px 1fr;min-height:125px;display:grid;position:relative}.timeline-year{color:#15273a;text-align:right;margin-right:40px;padding-top:.5rem;font:700 .88rem Inter,Arial,sans-serif}.timeline-dot{z-index:2;background:#071d36;border-radius:50%;width:11px;height:11px;margin:.55rem auto 0;position:relative}.timeline-text{color:#233447;letter-spacing:normal;word-spacing:.4em;padding:.25rem 0 0 1rem;font:700 .88rem/1.55 Inter,Arial,sans-serif}.about-note{color:#34495d;font:500 2.2rem/1.35 Caveat,cursive;position:absolute;top:8rem;right:5vw;transform:rotate(-5deg)}.about-bottom{color:#15273a;justify-content:space-between;align-items:center;font:800 .83rem Inter,Arial,sans-serif;display:flex;position:absolute;bottom:1.2rem;left:3.5vw;right:2.5vw}.about-keywords{align-items:center;gap:1rem;display:flex}.about-mark{color:#071d36;z-index:2;font:500 3.3rem/1 DM Serif Display,Georgia,serif;position:absolute;bottom:2.3rem;right:1.7rem}.contact-page{border:5px solid #081b2e;border-radius:8px;min-height:100svh;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff5c}.contact-hero{min-height:calc(100svh - 94px);padding:1.5rem 4.4vw 3rem;position:relative}.contact-header-number{color:#15273a;font:500 .9rem Inter,Arial,sans-serif;position:absolute;top:1.7rem;right:2rem}.contact-number{color:#15273a;font:500 .8rem Inter,Arial,sans-serif;position:absolute;top:1.5rem;left:4.4vw}.contact-number:after{content:"";background:#19334c5c;width:1px;height:430px;position:absolute;top:2.5rem;left:.25rem}.contact-content{position:absolute;top:3rem;left:calc(4.4vw + 38px)}.contact-label{color:#15273a;letter-spacing:.04em;margin:0 1.5em 1rem;font:800 .72rem Inter,Arial,sans-serif}.contact-content h1{color:#071d36;letter-spacing:-.04em;margin:0 .2em;font:400 clamp(3rem,4.6vw,4.8rem)/.86 DM Serif Display,Georgia,serif}.contact-description{color:#233447;margin:2rem 1.7em 0;font:600 .98rem/1.45 Inter,Arial,sans-serif}.contact-details{flex-direction:column;gap:.25rem;margin-top:1rem;display:flex}.contact-details a,.contact-details div{color:#15273a;align-items:center;gap:1.1rem;margin-left:25px;font:600 1rem Inter,Arial,sans-serif;text-decoration:none;display:flex}.contact-icon{color:#071d36;justify-content:center;align-items:center;width:29px;min-width:22px;font:700 2em Inter,Arial,sans-serif;display:inline-flex}.contact-details a:hover{transform:translate(4px)}.contact-form-area{border-left:none;width:30%;padding-left:2.5rem;position:absolute;top:6rem;left:52%}.notes-soon{font-weight:700}.notes-soon span{opacity:.55;font-size:.55em;font-weight:500}.contact-form-area:before{content:"";background:#19334c5c;width:1px;height:430px;position:absolute;top:0;left:-1.5rem}.contact-form{flex-direction:column;gap:.7rem;display:flex}.contact-form input,.contact-form textarea{box-sizing:border-box;color:#071d36;background:#f0f5f738;border:2.3px solid #2e40554d;border-radius:5px;outline:none;width:100%;font:500 .78rem Inter,Arial,sans-serif}.contact-form input{height:54px;padding:0 1rem}.contact-form textarea{resize:vertical;height:150px;padding:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#34495d}.contact-form input:focus,.contact-form textarea:focus{border-color:#071d3699}.contact-form button{color:#f2f5f7;cursor:pointer;background:#071d36;border:none;border-radius:5px;width:235px;height:58px;margin-top:.4rem;font:600 .78rem Inter,Arial,sans-serif;transition:transform .2s}.contact-form button span{margin-left:.8rem;font-size:1rem}.contact-form button:hover{transform:translateY(-2px)}.contact-note{color:#34495d;font:600 2.7rem/1.25 Caveat,cursive;position:absolute;top:7rem;right:6vw;transform:rotate(-7deg)}.contact-bottom{color:#15273a;justify-content:space-between;align-items:center;font:600 .68rem Inter,Arial,sans-serif;display:flex;position:absolute;bottom:1.2rem;left:3.5vw;right:2.5vw}.contact-mark{color:#071d36;z-index:2;font:500 3.3rem/1 DM Serif Display,Georgia,serif;position:absolute;bottom:1.3rem;right:1.6rem}