:root{--night:#0b0d0d;--cream:#eee7d9;--paper:#f5f1e8;--red:#a93622;--yellow:#e2b33d;--green:#264c38;--sky:#8ca7b2;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--hand:"Caveat",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--night);font:400 16px/1.5 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.nav{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 2.2vw;color:#fff;mix-blend-mode:difference}.logo{font-weight:600;letter-spacing:.02em}.nav nav{display:flex;gap:1.5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em}.mini{font-size:.67rem;letter-spacing:.15em;line-height:1.65;text-transform:uppercase}.scribble{font-family:var(--hand);font-size:1.6rem;line-height:1.05}.hero{min-height:100svh;background:var(--night);color:var(--cream);display:grid;grid-template-columns:.82fr 1.18fr;position:relative;padding:7.5rem 2.2vw 2rem}.hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.hero-copy .mini{position:absolute;top:0}.hero h1{font:400 clamp(4.6rem,8vw,9.3rem)/.73 var(--serif);letter-spacing:-.055em;margin:0;position:relative;z-index:2}.hero h1 span{color:var(--yellow);font-style:italic;margin-left:4vw}.hero-copy .scribble{color:#e8a88e;transform:rotate(-4deg);margin:3rem 0 0 32%}.hero-collage{position:relative;min-height:75vh}.tile{position:absolute;margin:0;box-shadow:0 18px 50px rgba(0,0,0,.3);overflow:hidden}.tile img{filter:saturate(.75) contrast(1.04);transition:.6s}.tile:hover img{transform:scale(1.04);filter:saturate(1)}.tile figcaption{position:absolute;bottom:.6rem;left:.7rem;color:white;font:1.25rem var(--hand);text-shadow:0 1px 8px #000}.tile-a{left:0;top:5%;width:48%;height:67%;transform:rotate(-2deg)}.tile-b{right:0;top:0;width:42%;height:47%;transform:rotate(2.5deg)}.tile-c{right:7%;bottom:0;width:52%;height:48%;transform:rotate(-1.5deg)}.flower,.sun{position:absolute;font-size:5rem;z-index:2}.flower{left:-3%;bottom:4%;color:var(--red);transform:rotate(-15deg)}.sun{right:-1%;top:40%;color:var(--yellow)}.note{position:absolute;right:1%;bottom:1%;z-index:3;background:var(--cream);color:var(--night);font-size:.56rem;letter-spacing:.12em;padding:.6rem;transform:rotate(3deg)}.down{position:absolute;bottom:2rem;left:2.2vw;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.phrase-band{height:66vh;min-height:500px;padding:4rem 2.2vw;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.red{background:var(--red);color:var(--cream)}.phrase-band p{font:400 clamp(4rem,9.5vw,10rem)/.82 var(--serif);letter-spacing:-.045em;margin:0;max-width:1200px}.phrase-band p em{color:var(--yellow)}.phrase-band>span{white-space:nowrap;font-size:.64rem;letter-spacing:.2em;margin-top:auto;animation:drift 18s linear infinite}.work{background:var(--cream);padding:9rem 2.2vw 13rem}.work-intro{position:relative}.work-intro h2{font:400 clamp(3rem,6.6vw,7rem)/.9 var(--serif);letter-spacing:-.035em;margin:4rem 0 9rem}.work-intro h2 em{color:var(--green)}.green-note{position:absolute;right:8%;bottom:0;color:var(--green);transform:rotate(5deg)}.project-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:1.2vw}.project{display:grid}.project-img{position:relative;min-height:510px;overflow:hidden}.project-img img{filter:saturate(.78);transition:.7s}.project:hover img{transform:scale(1.035);filter:saturate(1)}.project-img>span{position:absolute;top:.7rem;right:.7rem;background:var(--night);color:#fff;padding:.25rem .42rem;font-size:.55rem;letter-spacing:.14em}.project-title{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:320px}.project-title small{font-size:.62rem;letter-spacing:.14em}.project-title h3{font:400 clamp(3.2rem,5.5vw,6rem)/.78 var(--serif);letter-spacing:-.04em;margin:1rem 0}.project-title p{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.project-night{grid-column:1/8}.project-night .project-title{background:var(--night);color:var(--cream)}.project-night .project-title h3{color:#d67b66}.project-food{grid-column:9/13;margin-top:17rem}.project-food .project-title{background:var(--yellow);min-height:400px}.project-food .project-title i{color:var(--red)}.project-food .project-img{min-height:600px}.project-spaces{grid-column:3/11;margin-top:10rem;grid-template-columns:1.15fr .85fr}.project-spaces .project-img{min-height:700px}.project-spaces .project-title{background:var(--green);color:var(--cream);min-height:700px}.project-spaces .project-title i{color:#e3a68f}.moodboard{background:var(--sky);min-height:100vh;padding:9rem 5vw;display:grid;grid-template-columns:.1fr 1fr 1.4fr .9fr;gap:2vw;align-items:center}.tiny-vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;letter-spacing:.18em}.quote-card{position:relative;min-height:480px;padding:2rem;display:flex;flex-direction:column;justify-content:center}.quote-card p{font:400 clamp(2.8rem,4.5vw,5.2rem)/.86 var(--serif);letter-spacing:-.04em;margin:0}.quote-card>span{font:1.3rem var(--hand);margin-top:2rem}.yellow{background:var(--yellow);transform:rotate(-2deg)}.cream{background:var(--cream);transform:rotate(2deg)}.cream p i{color:var(--red)}.big-flower{position:absolute;top:1rem;right:1rem;color:var(--red);font-size:4rem!important}.mood-image{height:660px;position:relative;overflow:hidden}.mood-image img{filter:saturate(.65)}.mood-image span{position:absolute;left:.8rem;bottom:.8rem;color:white;font-size:.56rem;letter-spacing:.13em;background:#0b0d0db5;padding:.4rem}.reel{background:var(--night);color:var(--cream);min-height:85vh;padding:7rem 6vw;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.reel-text>span{font-size:.65rem;letter-spacing:.18em}.reel h2{font:400 clamp(4rem,8vw,8.8rem)/.8 var(--serif);letter-spacing:-.05em;margin:2rem 0}.reel h2 i{color:var(--yellow)}.reel button{border:1px solid var(--cream);border-radius:50px;background:transparent;color:var(--cream);padding:1rem 1.4rem;font:500 .7rem var(--sans);letter-spacing:.12em;cursor:pointer;transition:.25s}.reel button:hover{background:var(--cream);color:var(--night)}.reel-orbit{width:min(36vw,470px);aspect-ratio:1;border:1px solid #eee7d955;border-radius:50%;display:grid;place-items:center;position:relative;animation:spin 24s linear infinite}.reel-orbit span{position:absolute;width:100%;text-align:center;font-size:.65rem;letter-spacing:.19em}.reel-orbit b{font-size:3rem;color:var(--red)}.about{padding:10rem 4vw;background:var(--paper)}.about-grid{display:grid;grid-template-columns:1.1fr .8fr .5fr;gap:6vw;margin-top:5rem}.about h2{font:400 clamp(4rem,7vw,7.5rem)/.84 var(--serif);letter-spacing:-.045em;margin:0}.about h2 i{color:var(--red)}.about-copy p{font-size:1rem;line-height:1.75;margin:0 0 1.4rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem}.tags span{border:1px solid #0b0d0d55;border-radius:50px;padding:.55rem .85rem;font-size:.63rem;letter-spacing:.11em;text-transform:uppercase}.side-scribble{align-self:end;color:var(--green);transform:rotate(-4deg)}.hello{background:var(--green);color:var(--cream);min-height:100svh;padding:7rem 3vw 2rem;display:flex;flex-direction:column}.hello h2{font:400 clamp(4.6rem,11vw,11.5rem)/.75 var(--serif);letter-spacing:-.055em;margin:auto 0 3rem}.hello h2 i{color:var(--yellow)}.big-link{align-self:flex-start;font:400 clamp(2rem,4vw,4rem) var(--serif);border-bottom:1px solid currentColor}.closing{margin-top:auto;padding-top:6rem;display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.13em}.modal{position:fixed;z-index:60;inset:0;background:#090a0be6;display:grid;place-items:center;padding:1rem;backdrop-filter:blur(8px)}.modal[hidden]{display:none}.modal-card{width:min(680px,100%);background:var(--yellow);padding:4rem;position:relative}.modal-card button{position:absolute;right:1rem;top:.5rem;border:0;background:none;font-size:2.5rem;cursor:pointer}.modal-card h2{font:400 4rem/.9 var(--serif);margin:2rem 0}.modal-card h2 i{color:var(--red)}@keyframes drift{to{transform:translateX(-40%)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.nav{padding:1.2rem}.nav nav{gap:.9rem}.nav nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding:7rem 1.2rem 3rem}.hero-copy{justify-content:flex-start}.hero-copy .mini{position:static}.hero h1{font-size:clamp(4.2rem,20vw,6.2rem);margin-top:2.3rem}.hero h1 span{margin-left:8vw}.hero-copy .scribble{margin:2rem 0 1.5rem 24%}.hero-collage{min-height:65vh}.tile-a{width:54%;height:57%}.tile-b{width:47%;height:42%}.tile-c{width:58%;height:43%}.down{display:none}.phrase-band{min-height:430px;height:60vh;padding:3rem 1.2rem}.phrase-band p{font-size:clamp(3.8rem,18vw,6rem)}.work{padding:7rem 1.2rem}.work-intro h2{margin:3rem 0 8rem}.green-note{right:0}.project-wall{display:block}.project{margin:0 0 6rem}.project-img,.project-food .project-img{min-height:65vh}.project-title{min-height:280px}.project-food{display:flex;flex-direction:column}.project-food .project-title{order:2;min-height:300px}.project-spaces{display:grid;grid-template-columns:1fr;margin-top:0}.project-spaces .project-img{min-height:65vh}.project-spaces .project-title{min-height:360px}.moodboard{padding:6rem 1.2rem;grid-template-columns:1fr 1fr;gap:1rem}.tiny-vertical{display:none}.quote-card{min-height:330px;padding:1.2rem}.quote-card p{font-size:2.7rem}.mood-image{grid-column:1/3;grid-row:1;height:60vh}.reel{min-height:82vh;padding:5rem 1.2rem;display:block;position:relative}.reel-orbit{position:absolute;right:-20%;bottom:4%;width:75vw}.about{padding:7rem 1.2rem}.about-grid{grid-template-columns:1fr;margin-top:4rem}.side-scribble{margin-left:auto}.hello{padding:5rem 1.2rem 1.5rem}.hello h2{font-size:clamp(4rem,19vw,6.5rem)}.closing{gap:1rem;flex-wrap:wrap}.modal-card{padding:3rem 1.4rem}.modal-card h2{font-size:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}