@font-face{font-family:Smooch Sans;src:url(/portfolio/SmoochSans.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{--ink:#121212;--paper:#f4f2ed;--white:#fff;--line:#12121233;--muted:#6e6e69;--accent:#dfff3f;--display:"Smooch Sans", "Arial Narrow", sans-serif;--body:"Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.45}body::selection{background:var(--ink);color:var(--accent)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.eyebrow,.kicker{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:700}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f2edd1;border-bottom:1px solid #12121221;justify-content:space-between;align-items:center;width:100%;height:74px;padding:0 2.3vw;display:flex;position:fixed;top:0;left:0}.brand{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:.78rem;font-weight:700;display:flex}.brand img{object-fit:contain;width:35px;height:27px}.site-header nav{align-items:center;gap:2rem;font-size:.78rem;font-weight:650;display:flex}.site-header nav a:not(.nav-contact){position:relative}.site-header nav a:not(.nav-contact):after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .22s;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.site-header nav a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-contact{background:var(--ink);color:var(--white);border-radius:999px;padding:10px 16px;transition:background .18s,color .18s}.nav-contact:hover{background:var(--accent);color:var(--ink)}.hero{grid-template-columns:58% 42%;min-height:100svh;padding-top:74px;display:grid;overflow:hidden}.hero-copy{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(38px,6vh,74px) 2.3vw 3.3vw;display:flex}.hero-copy h1{font-family:var(--display);letter-spacing:-.065em;text-align:left;text-transform:uppercase;flex-direction:column;row-gap:clamp(16px,1.7vw,28px);margin:2vh 0 0;padding:0;font-size:clamp(7rem,15.1vw,15rem);font-weight:580;line-height:.61;display:flex}.hero-copy h1 span{margin-left:0;padding-left:0;display:block;transform:none}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.hero-bottom p{letter-spacing:-.025em;max-width:490px;margin:0;font-size:clamp(1.08rem,1.45vw,1.45rem);line-height:1.3}.hero-bottom a{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid;flex:none;padding-bottom:4px;font-size:.76rem;font-weight:700}.hero-stage{background:#dddcd7;min-height:660px;position:relative;overflow:hidden}.hero-stage:before,.hero-stage:after{content:"";filter:blur(4px);border-radius:50%;position:absolute}.hero-stage:before{background:#dfff3feb;width:38vw;height:38vw;top:-14vw;right:-20vw}.hero-stage:after{background:#c4d3ffb8;width:25vw;height:25vw;bottom:-11vw;left:-12vw}.stage-card{z-index:2;background:#fff;border:1px solid #1212128c;position:absolute;overflow:hidden;box-shadow:0 18px 55px #00000024}.stage-card>span{z-index:2;letter-spacing:.1em;text-transform:uppercase;background:#ffffffe6;border-radius:999px;padding:7px 10px;font-size:.6rem;font-weight:700;position:absolute;top:13px;left:14px}.stage-reina{aspect-ratio:1;width:46%;animation:7s ease-in-out infinite float-a;top:13%;left:8%;transform:rotate(-5deg)}.stage-reina img{object-fit:contain;width:100%;height:100%}.stage-art{width:65%;animation:8s ease-in-out infinite float-b;bottom:9%;right:-5%;transform:rotate(2deg)}.stage-art img{aspect-ratio:16/9;object-fit:cover;width:100%}.stage-toyota{background:#292936;border-radius:20px;width:26%;padding:8px;animation:6.5s ease-in-out infinite float-c;top:9%;right:10%;transform:rotate(7deg)}.stage-toyota>span{top:auto;bottom:12px}.stage-toyota img{border-radius:13px}.stage-note{z-index:3;border:1px solid var(--ink);background:var(--accent);letter-spacing:.1em;text-transform:uppercase;padding:9px 13px;font-size:.66rem;font-weight:800;position:absolute;bottom:23px;left:27px;transform:rotate(-2deg)}@keyframes float-a{50%{transform:translateY(-10px)rotate(-4deg)}}@keyframes float-b{50%{transform:translateY(8px)rotate(1deg)}}@keyframes float-c{50%{transform:translateY(-13px)rotate(8deg)}}.intro-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--accent);justify-content:space-around;align-items:center;gap:2rem;min-height:72px;padding:14px 2.3vw;display:flex;overflow:hidden}.intro-strip p{white-space:nowrap;font-family:var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:clamp(1.45rem,2vw,2rem);font-weight:650}.intro-strip i{font-style:normal}.work{background:var(--white);padding:clamp(96px,11vw,180px) 2.3vw}.section-title{grid-template-columns:1fr 2.2fr 1fr;align-items:start;gap:4vw;margin-bottom:8vw;display:grid}.section-title h2{font-family:var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:-.05em 0 0;font-size:clamp(4.4rem,8vw,8rem);font-weight:560;line-height:.77}.section-note{max-width:340px;color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.project-list{border-top:1px solid var(--ink)}.project{border-bottom:1px solid var(--ink)}.project>summary{cursor:pointer;list-style:none}.project>summary::-webkit-details-marker{display:none}.project-heading{grid-template-columns:55px 1.55fr .9fr .8fr;align-items:center;gap:2vw;min-height:112px;padding:18px 0;display:grid}.project-number,.project-kind,.project-action,.project-heading p{letter-spacing:.09em;text-transform:uppercase;font-size:.69rem;font-weight:700}.project-heading h3{font-family:var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(2.8rem,5vw,5.2rem);font-weight:620;line-height:.8}.project-heading p{color:var(--muted);margin:7px 0 0}.project-kind{color:var(--muted)}.project-action{white-space:nowrap;justify-content:flex-end;align-items:center;gap:18px;display:flex}.project-action b{border:1px solid;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1rem;transition:transform .26s,background .18s;display:grid}.project>summary:hover .project-action b{background:var(--accent)}.project-close,.project[open] .project-open{display:none}.project[open] .project-close{display:inline}.project[open] .project-action b{transform:rotate(180deg)}.project-cover{min-height:620px;margin-bottom:2.3vw;overflow:hidden}.reina-cover{background:#e9e6df;grid-template-columns:1.08fr .92fr;display:grid}.reina-cover-poster{background:#f4b6d2;place-items:center;padding:5vw;display:grid}.reina-cover-poster img{aspect-ratio:1;object-fit:contain;width:min(100%,640px);box-shadow:0 25px 55px #7d295133}.reina-cover-detail{background:#e0e5d8;place-items:center;padding:4vw;display:grid}.reina-cover-detail img{object-fit:contain;width:100%}.pancake-cover{color:#fff7dc;background:#7b001d;grid-template-columns:1.1fr .7fr .7fr;align-items:center;gap:3vw;padding:4vw;display:grid}.pancake-copy span{font-family:var(--display);letter-spacing:-.055em;text-transform:uppercase;font-size:clamp(4.8rem,9vw,9rem);font-weight:650;line-height:.7;display:block}.pancake-copy p{color:#fff7dcb3;max-width:390px;margin:40px 0 0}.pancake-cover>img{object-fit:contain;filter:drop-shadow(0 22px 28px #00000040);width:100%;max-height:530px}.art-cover{background:#1b1714;position:relative}.art-cover img{object-fit:cover;width:100%;height:100%;min-height:620px}.art-cover:after{content:"";background:linear-gradient(90deg,#000000ad,#0000 58%);position:absolute;inset:0}.toyota-cover{background:#292936;justify-content:center;align-items:center;gap:2.2vw;padding:4vw 6vw;display:flex;position:relative}.toyota-cover:before{content:"";opacity:.9;border:7vw solid #e10d1b;border-radius:50%;width:50vw;height:50vw;position:absolute;top:-35vw;right:-8vw}.toyota-wordmark{z-index:0;color:#ffffff12;font-family:var(--display);letter-spacing:-.06em;font-size:clamp(11rem,25vw,25rem);font-weight:650;line-height:.8;position:absolute;top:1vw;left:3vw}.phone{z-index:2;background:#11111a;border:1px solid #ffffff61;border-radius:26px;width:min(20%,260px);padding:8px;position:relative;box-shadow:0 20px 35px #00000042}.phone img{border-radius:20px;width:100%}.phone-a{transform:rotate(-5deg)}.phone-b{width:min(22%,290px)}.phone-c{transform:rotate(5deg)}.patisserie-cover{background:#d4c2a5;grid-template-columns:2fr 1fr;align-items:stretch;display:grid;position:relative}.patisserie-cover>img{object-fit:cover;width:100%;height:100%}.patisserie-label{color:#3c2c1f;flex-direction:column;justify-content:space-between;padding:3.5vw;display:flex}.patisserie-label span{letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:700}.patisserie-label b{font-family:var(--display);letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(4rem,7vw,7rem);font-weight:600;line-height:.74}.project-body{border-top:1px solid var(--line);padding:3vw 0 8vw}.project-intro{grid-template-columns:.7fr 1.7fr 1.25fr;align-items:start;gap:4vw;padding:2.5vw 0 6vw;display:grid}.project-intro h4{font-family:var(--display);letter-spacing:-.05em;text-transform:uppercase;margin:-.08em 0 0;font-size:clamp(3.1rem,5.4vw,5.7rem);font-weight:560;line-height:.82}.project-description{color:var(--muted);margin:0;font-size:.95rem;line-height:1.7}.tag-list{flex-wrap:wrap;grid-column:3;gap:7px;margin:28px 0 0;padding:0;list-style:none;display:flex}.tag-list li{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:7px 10px;font-size:.61rem;font-weight:700}.project-gallery{gap:1vw;display:grid}.project-gallery figure,.phone-gallery figure{margin:0;overflow:hidden}.project-gallery img{width:100%;height:100%}.reina-gallery{grid-template-columns:1.4fr 1fr 1fr}.reina-gallery figure{place-items:center;min-height:520px;padding:3vw;display:grid}.reina-gallery img{object-fit:contain}.gallery-wide{grid-column:1/-1}.gallery-neutral{background:#edeae3}.gallery-sage{background:#dce3d7}.gallery-pink{background:#f7bed4}.gallery-blue{background:#d7e3ff}.pancake-gallery{background:#f4ead0;grid-template-columns:repeat(4,1fr);padding:3vw}.pancake-gallery figure{place-items:center;min-height:600px;display:grid}.pancake-gallery img{object-fit:contain;filter:drop-shadow(0 15px 24px #56211521)}.project-body-dark{color:#f6f0e6;background:#191612;border-color:#ffffff2b;margin:0 -2.3vw -1px;padding:3vw 2.3vw 8vw}.project-body-dark .project-description{color:#f6f0e6a3}.art-gallery{grid-template-columns:1fr 1fr}.art-gallery figure:first-child,.art-gallery figure:last-child{grid-column:1/-1}.art-gallery img{object-fit:cover}.project-body-charcoal{color:#fff;background:#292936;border-color:#ffffff26;margin:0 -2.3vw -1px;padding:3vw 2.3vw 8vw}.project-body-charcoal .project-description{color:#ffffffa6}.phone-gallery{background:#dedede;grid-template-columns:repeat(7,1fr);align-items:start;gap:1.25vw;padding:4vw 3vw;display:grid;overflow:visible}.phone-gallery figure{border:6px solid #15151d;border-radius:20px;box-shadow:0 18px 25px #0000002e}.phone-gallery figure:nth-child(2n){transform:none}.phone-gallery img{width:100%}.patisserie-gallery{grid-template-columns:1fr 1fr}.patisserie-gallery figure:last-child{grid-column:1/-1}.patisserie-gallery img{object-fit:contain;background:#e8dfd2}.commercial-work{grid-template-columns:.78fr 2.2fr;gap:5vw;padding-top:clamp(110px,13vw,210px);display:grid}.commercial-heading h3{max-width:440px;font-family:var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:2.2rem 0 0;font-size:clamp(3.5rem,5.5vw,5.6rem);font-weight:580;line-height:.78}.commercial-grid{grid-template-columns:1.35fr .8fr;gap:1vw;display:grid}.commercial-grid figure{min-width:0;margin:0;position:relative;overflow:hidden}.solid-card{background:#161646;grid-template-rows:1fr 1fr auto;gap:1vw;padding:5vw 3vw 1.25rem;display:grid}.solid-card div{background:#ffffff0d;place-items:center;padding:1.5vw;display:grid}.solid-card img{width:100%}.ramot-card{background:#e3e2de;grid-template-columns:1.15fr .65fr;gap:1vw;padding:2vw 2vw 1.25rem;display:grid}.ramot-card img{object-fit:contain;width:100%;height:100%}.commercial-grid figcaption{color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font-size:.67rem;font-weight:700}.ramot-card figcaption{color:var(--ink)}.about{border-top:1px solid var(--ink);background:var(--paper);grid-template-columns:.9fr 1.1fr;min-height:900px;display:grid}.about-image{border-right:1px solid var(--ink);background:#cfd0cb;min-height:700px;position:relative;overflow:hidden}.about-image img{object-fit:cover;object-position:center 28%;filter:saturate(.78)contrast(1.02);width:100%;height:100%}.about-image span{border:1px solid var(--ink);background:var(--accent);letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;font-size:.64rem;font-weight:800;position:absolute;bottom:22px;left:22px}.about-copy{flex-direction:column;justify-content:center;padding:7vw 5vw;display:flex}.about-copy h2{max-width:760px;font-family:var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:2.4rem 0 2rem;font-size:clamp(4.5rem,8vw,8rem);font-weight:560;line-height:.75}.about-lead{letter-spacing:-.02em;max-width:660px;margin:0;font-size:clamp(1.1rem,1.45vw,1.4rem);line-height:1.45}.about-details{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:3vw;margin-top:5vw;padding-top:2.2rem;display:grid}.about-details h3{letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.68rem}.about-details p{color:var(--muted);margin:.55rem 0;font-size:.82rem}.tool-line{flex-wrap:wrap;gap:8px;margin-top:2.3rem;display:flex}.tool-line span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.64rem;font-weight:700}.contact{border-top:1px solid var(--ink);background:var(--accent);flex-direction:column;justify-content:space-between;min-height:82svh;padding:clamp(80px,8vw,140px) 2.3vw 2.3vw;display:flex}.contact h2{max-width:1050px;font-family:var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:3vw 0 5vw;font-size:clamp(6rem,14.5vw,14rem);font-weight:580;line-height:.67}.contact-email{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);letter-spacing:-.03em;justify-content:space-between;align-items:center;padding:1.25rem 0;font-size:clamp(1.25rem,2.4vw,2.4rem);display:flex}.contact-email span{transition:transform .18s}.contact-email:hover span{transform:translate(5px,-5px)}.contact-links{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:2rem;margin-top:4vw;font-size:.71rem;font-weight:700;display:flex}footer{background:var(--ink);color:#fff;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;gap:2rem;padding:1.3rem 2.3vw;font-size:.65rem;display:flex}footer p{margin:0}@media (max-width:980px){.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--ink);min-height:72svh}.hero-copy h1{font-size:clamp(8rem,24vw,14rem)}.hero-stage{min-height:75svh}.stage-reina{width:38%}.stage-toyota{width:21%}.stage-art{width:58%}.section-title{grid-template-columns:1fr 2.4fr}.section-note{grid-column:2}.project-heading{grid-template-columns:45px 1fr auto}.project-kind{display:none}.project-intro{grid-template-columns:.6fr 1.7fr}.project-description,.tag-list{grid-column:2}.commercial-work{grid-template-columns:1fr}.commercial-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-image{border-right:0;border-bottom:1px solid var(--ink);height:85svh}.about-copy{min-height:800px}}@media (max-width:680px){.site-header{height:64px;padding:0 16px}.brand span,.site-header nav a[href=\#about]{display:none}.site-header nav{gap:1.2rem}.nav-contact{padding:8px 12px}.hero{padding-top:64px}.hero-copy{min-height:66svh;padding:32px 16px 24px}.hero-copy h1{margin-top:8vh;font-size:clamp(6.2rem,29vw,9rem);line-height:.65}.hero-bottom{flex-direction:column;align-items:flex-start;gap:1.25rem}.hero-bottom p{font-size:1rem}.hero-stage{min-height:550px}.hero-stage:before{width:100vw;height:100vw}.stage-reina{width:52%;top:12%;left:5%}.stage-toyota{width:29%;top:10%;right:7%}.stage-art{width:76%;bottom:12%;right:-5%}.stage-card>span{font-size:.5rem}.intro-strip{justify-content:flex-start;overflow-x:auto}.intro-strip p:nth-of-type(n+3),.intro-strip i:nth-of-type(n+3){display:none}.work{padding:94px 16px}.section-title{margin-bottom:84px;display:block}.section-title h2{margin:2rem 0;font-size:clamp(4rem,19vw,5.8rem)}.project-heading{grid-template-columns:34px 1fr auto;gap:10px;min-height:90px}.project-heading h3{font-size:clamp(2.25rem,11vw,3.4rem)}.project-heading p,.project-action>span{display:none!important}.project-action b{width:34px;height:34px}.project-cover{min-height:0;margin-bottom:16px}.reina-cover{grid-template-columns:1fr}.reina-cover-poster,.reina-cover-detail{min-height:360px;padding:32px}.pancake-cover{grid-template-columns:1fr 1fr;padding:32px 18px}.pancake-copy{grid-column:1/-1}.pancake-copy span{font-size:4.6rem}.pancake-copy p{margin-top:22px}.pancake-cover>img{max-height:340px}.art-cover img{min-height:420px}.toyota-cover{gap:10px;min-height:0;padding:72px 18px 32px}.phone,.phone-b{width:31%}.phone-a,.phone-c{transform:none}.patisserie-cover{grid-template-columns:1fr}.patisserie-cover>img{min-height:300px}.patisserie-label{min-height:280px;padding:28px}.patisserie-label b{font-size:4rem}.project-body{padding:30px 0 90px}.project-body-dark,.project-body-charcoal{margin:0 -16px -1px;padding:30px 16px 90px}.project-intro{padding:16px 0 64px;display:block}.project-intro h4{margin:24px 0 30px;font-size:3.5rem}.tag-list{margin-top:26px}.reina-gallery{grid-template-columns:1fr;gap:8px}.reina-gallery figure,.gallery-wide{grid-column:1;min-height:390px;padding:28px}.pancake-gallery{grid-template-columns:1fr 1fr;gap:8px;padding:16px}.pancake-gallery figure{min-height:340px}.art-gallery{grid-template-columns:1fr;gap:8px}.art-gallery figure,.art-gallery figure:first-child,.art-gallery figure:last-child{grid-column:1}.phone-gallery{scroll-snap-type:x mandatory;gap:16px;padding:34px 24px;display:flex;overflow:auto visible}.phone-gallery figure{scroll-snap-align:center;flex:0 0 48%}.phone-gallery figure:nth-child(2n){transform:none}.patisserie-gallery{grid-template-columns:1fr;gap:8px}.patisserie-gallery figure:last-child{grid-column:1}.commercial-work{padding-top:100px}.commercial-heading h3{font-size:3.8rem}.commercial-grid{grid-template-columns:1fr;gap:12px}.solid-card,.ramot-card{padding:24px 18px 18px}.about-image{height:72svh;min-height:560px}.about-copy{min-height:0;padding:86px 16px}.about-copy h2{font-size:4.7rem}.about-details{grid-template-columns:1fr;gap:28px;margin-top:58px}.contact{min-height:75svh;padding:80px 16px 22px}.contact h2{margin:42px 0 70px;font-size:5.8rem}.contact-email{font-size:1.05rem}.contact-links{flex-direction:column;align-items:flex-start;margin-top:46px}footer{flex-direction:column;padding:18px 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}