:root{--cream:#f3e7d2;--ink:#251a18;--orange:#ec5a25;--sage:#6c8068;--sand:#ddc9ab;--line:rgba(37,26,24,.2);--serif:"Fraunces",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;min-width:320px;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.mira-skip{position:fixed;top:-4rem;left:1rem;z-index:20;padding:.7rem;background:var(--orange);font:700 .65rem var(--mono);text-transform:uppercase}.mira-skip:focus{top:1rem}.mira-nav{height:76px;padding:0 clamp(1rem,3vw,3rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:8;font:.61rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.mira-nav__back{justify-self:start;border-bottom:1px solid currentColor;padding-bottom:.3rem}.mira-wordmark{font:600 1.15rem/1 var(--serif);letter-spacing:-.05em;text-align:center}.mira-wordmark span{display:block;font:500 .45rem var(--mono);letter-spacing:.25em;margin-top:.2rem}.mira-menu{justify-self:end;position:relative}.mira-menu summary{list-style:none;width:36px;height:36px;display:grid;align-content:center;gap:6px;cursor:pointer}.mira-menu summary::-webkit-details-marker{display:none}.mira-menu summary i{display:block;height:1px;background:var(--ink)}.mira-menu nav{position:absolute;right:0;top:40px;display:flex;flex-direction:column;min-width:185px;padding:1rem;background:var(--ink);color:var(--cream);font:.67rem var(--mono);gap:.85rem}.mira-menu nav a:hover{color:var(--orange)}.mira-hero{position:relative;min-height:100svh;padding:clamp(8rem,14vw,12rem) clamp(1.25rem,7vw,8rem) 2rem;display:grid;grid-template-columns:1fr 1.25fr .6fr;grid-template-rows:auto 1fr auto;overflow:hidden;border-bottom:1px solid var(--line)}.mira-index{margin:0;align-self:start;font:.62rem var(--mono);letter-spacing:.12em}.mira-hero__sun{position:absolute;width:min(50vw,650px);aspect-ratio:1;border-radius:50%;background:var(--orange);right:5vw;top:13vh}.mira-hero__title{grid-column:1/3;align-self:center;position:relative;z-index:2}.mira-hero__title span{display:block;margin-left:1vw;font:italic clamp(1.8rem,4vw,4.4rem)/1 var(--serif)}.mira-hero__title h1{margin:0;font:500 clamp(7rem,21vw,20rem)/.64 var(--serif);letter-spacing:-.12em}.mira-hero__title strong{display:block;margin:1.6rem 0 0 54%;font:500 clamp(1.5rem,4vw,5rem)/.8 var(--serif);letter-spacing:-.06em}.mira-hero__caption{align-self:end;position:relative;z-index:2;max-width:10rem;margin:0 0 1.6rem;font-size:.82rem;line-height:1.6}.mira-bean{position:relative;width:100px;aspect-ratio:.68;border-radius:50% 50% 48% 48% / 58% 58% 42% 42%;background:var(--ink);transform:rotate(-23deg);overflow:hidden}.mira-bean:before,.mira-bean:after{content:"";position:absolute;width:78%;height:124%;top:-12%;border-radius:50%;border-right:2px solid var(--cream)}.mira-bean:before{left:-40%;transform:rotate(-16deg)}.mira-bean:after{right:-40%;transform:rotate(16deg);border-right:0;border-left:2px solid var(--cream)}.mira-bean span{position:absolute;z-index:2;left:47%;top:-8%;width:2px;height:120%;background:var(--cream);transform:rotate(19deg)}.mira-bean--hero{width:clamp(100px,13vw,210px);position:absolute;right:18vw;bottom:12vh;z-index:3}.mira-scroll{grid-column:1/-1;font:.61rem var(--mono);letter-spacing:.1em;text-transform:uppercase;align-self:end;display:flex;gap:1rem;align-items:center}.mira-scroll b{font-size:1rem}.mira-section{position:relative;padding:clamp(4rem,10vw,10rem) clamp(1.25rem,7vw,8rem);border-bottom:1px solid var(--line)}.mira-section__meta{font:.61rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.mira-idea{display:grid;grid-template-columns:.5fr 1.5fr;gap:clamp(2rem,7vw,10rem);min-height:750px;background:var(--sage);color:var(--cream)}.mira-idea__copy{align-self:center;max-width:56rem}.mira-kicker{margin:0 0 1.4rem;font:.68rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.mira-idea h2,.mira-digital h2,.mira-gallery h2{margin:0;font:500 clamp(3.2rem,8vw,8rem)/.86 var(--serif);letter-spacing:-.075em}.mira-idea h2 em,.mira-digital h2 em,.mira-gallery h2 em{font-style:italic;color:var(--orange)}.mira-idea__copy>p:last-child{max-width:39rem;margin:2rem 0 0;font-size:1rem;line-height:1.8;color:rgba(243,231,210,.78)}.mira-idea__quote{grid-column:2;justify-self:end;font:500 clamp(1.4rem,3vw,3rem)/1.1 var(--serif);text-align:right}.mira-logo-section{background:var(--sand)}.mira-logo-stage{min-height:680px;position:relative;margin-top:3rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.mira-logo-main{position:absolute;left:0;top:9%;display:flex;flex-direction:column}.mira-logo-main span{font:500 clamp(6rem,19vw,19rem)/.7 var(--serif);letter-spacing:-.12em}.mira-logo-main small{margin:2rem 0 0 9%;font:.68rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.mira-logo-alt{position:absolute;right:8%;bottom:13%;text-align:center}.mira-logo-alt span{width:clamp(7rem,14vw,14rem);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--orange);font:500 clamp(5rem,12vw,12rem)/1 var(--serif);letter-spacing:-.12em}.mira-logo-alt i{display:block;margin-top:.8rem;font:italic 1.4rem var(--serif)}.mira-bean--large{width:clamp(130px,17vw,260px);position:absolute;left:53%;top:24%;background:var(--cream)}.mira-bean--large:before,.mira-bean--large:after{border-color:var(--ink)}.mira-bean--large span{background:var(--ink)}.mira-logo-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.mira-logo-rules>div{border-top:1px solid var(--ink);padding-top:.8rem;display:grid;grid-template-columns:2rem 1fr;gap:.6rem}.mira-logo-rules b{font:.63rem var(--mono)}.mira-logo-rules p{margin:0;font-size:.78rem;line-height:1.6}.mira-palette{background:var(--ink);color:var(--cream)}.mira-palette__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:4rem;border:1px solid rgba(243,231,210,.2)}.swatch{min-height:260px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;font:.67rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.swatch strong{font-weight:400}.swatch--cream{background:var(--cream);color:var(--ink)}.swatch--espresso{background:var(--ink)}.swatch--orange{background:var(--orange);color:var(--ink)}.swatch--sage{background:var(--sage)}.mira-palette__note{max-width:35rem;margin:2.3rem 0 0;font-size:.92rem;line-height:1.7;color:rgba(243,231,210,.65)}.mira-type{display:grid;grid-template-columns:.45fr 1.25fr;gap:2rem;align-items:start;background:var(--cream)}.mira-type__display{grid-column:2;font:500 clamp(4rem,11vw,12rem)/.78 var(--serif);letter-spacing:-.08em}.mira-type__display em{font:italic clamp(1rem,2vw,2rem) var(--serif);letter-spacing:-.03em}.mira-type__body{grid-column:2;display:flex;align-items:end;gap:3rem;margin-top:4rem}.mira-type__body strong{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.06em}.mira-type__body p{margin:0;font:.72rem/1.7 var(--mono)}.mira-type__alphabet{grid-column:2;margin-top:3rem;font:500 clamp(1.2rem,3vw,3rem)/1.35 var(--serif);letter-spacing:-.05em}.mira-pattern{overflow:hidden;background:var(--orange);color:var(--ink)}.mira-pattern__track{padding:1.2rem 0;display:flex;width:max-content;font:500 clamp(4rem,12vw,13rem)/.75 var(--serif);letter-spacing:-.09em;white-space:nowrap;animation:miramarquee 26s linear infinite}.mira-pattern__track span{padding-right:2rem}@keyframes miramarquee{to{transform:translateX(-50%)}}.mira-pattern__beans{height:320px;display:flex;justify-content:space-around;align-items:center;overflow:hidden}.mira-pattern__beans .mira-bean{width:clamp(80px,10vw,150px);background:var(--ink)}.mira-pattern__beans .mira-bean:nth-child(2){background:var(--cream);transform:rotate(34deg) translateY(40px)}.mira-pattern__beans .mira-bean:nth-child(2):before,.mira-pattern__beans .mira-bean:nth-child(2):after{border-color:var(--ink)}.mira-pattern__beans .mira-bean:nth-child(2) span{background:var(--ink)}.mira-pattern__beans .mira-bean:nth-child(3){transform:rotate(-4deg) translateY(-30px)}.mira-pattern__beans .mira-bean:nth-child(4){background:var(--sage);transform:rotate(22deg) translateY(60px)}.mira-objects{background:var(--cream)}.mira-objects__grid{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,4rem);align-items:end}.mira-pack{margin:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.mira-pack figcaption{align-self:stretch;border-top:1px solid var(--line);padding-top:.7rem;font:.58rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.mira-pack--bag{height:440px;justify-content:end}.bag-top{width:70%;height:20px;background:var(--orange);clip-path:polygon(0 0,100% 23%,92% 100%,8% 100%)}.bag-label{width:70%;height:310px;padding:1.5rem;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:space-between;box-shadow:1rem 1rem 0 var(--orange)}.bag-label b{font:500 clamp(2.5rem,5vw,5rem)/.8 var(--serif);letter-spacing:-.1em}.bag-label span{font:.6rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}.mira-pack--cup{height:420px;justify-content:end}.cup-lid{width:48%;height:28px;background:var(--ink);border-radius:50% 50% 10% 10%;position:relative;z-index:1}.cup-body{width:43%;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cream);border:2px solid var(--ink);clip-path:polygon(4% 0,96% 0,86% 100%,14% 100%);box-shadow:.8rem 1rem 0 var(--sage)}.cup-body b{font:500 clamp(1.7rem,3vw,3rem)/.8 var(--serif);letter-spacing:-.1em;transform:rotate(-90deg)}.cup-body i{margin-top:2rem;font:italic .7rem var(--serif);transform:rotate(-90deg)}.mira-pack--menu{height:380px;justify-content:end}.menu-card{width:70%;height:280px;padding:1.3rem;background:var(--sage);color:var(--cream);display:flex;flex-direction:column;justify-content:space-between;transform:rotate(5deg);box-shadow:1rem 1rem 0 var(--ink)}.menu-card b{font:500 clamp(2.4rem,4vw,4.4rem)/.8 var(--serif);letter-spacing:-.1em}.menu-card span{font:.57rem/1.7 var(--mono);letter-spacing:.05em;text-transform:uppercase}.mira-print{background:var(--sand);min-height:720px}.mira-print__scene{height:480px;position:relative;margin-top:3rem}.card{position:absolute;width:min(33vw,420px);aspect-ratio:1.58;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:1rem 1.2rem 0 rgba(37,26,24,.15)}.card--front{left:12%;top:15%;background:var(--orange);transform:rotate(-9deg)}.card--front b{font:500 clamp(3rem,7vw,7rem)/.7 var(--serif);letter-spacing:-.12em}.card--front span{font:.61rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.card--back{right:15%;bottom:5%;background:var(--ink);color:var(--cream);transform:rotate(7deg)}.card--back span{font:500 clamp(1.6rem,3vw,3rem)/1 var(--serif)}.card--back i{font:.55rem var(--mono);letter-spacing:.1em}.mira-sticker{position:absolute;left:47%;top:5%;width:clamp(6rem,12vw,11rem);aspect-ratio:1;border-radius:50%;background:var(--sage);display:grid;place-content:center;text-align:center;color:var(--cream);font:500 clamp(3rem,6vw,6rem)/.6 var(--serif);transform:rotate(15deg)}.mira-sticker small{font:italic clamp(.8rem,1.5vw,1.5rem) var(--serif)}.mira-digital{display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem;background:var(--ink);color:var(--cream)}.mira-digital__copy{align-self:center}.mira-digital__copy p{max-width:30rem;margin:1.8rem 0 0;font-size:.9rem;line-height:1.7;color:rgba(243,231,210,.64)}.mira-socials{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.social{min-height:390px;padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between}.social span,.social i{font:.57rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.social b{font:500 clamp(1.8rem,3.2vw,3.6rem)/.85 var(--serif);letter-spacing:-.07em}.social--orange{background:var(--orange);color:var(--ink)}.social--cream{background:var(--cream);color:var(--ink);align-items:start}.social--cream .mira-bean{width:70%;background:var(--orange);margin:auto}.social--cream .mira-bean:before,.social--cream .mira-bean:after{border-color:var(--ink)}.social--cream .mira-bean span{background:var(--ink)}.social--sage{background:var(--sage)}.mira-gallery{padding:clamp(4rem,10vw,10rem) clamp(1.25rem,7vw,8rem);background:var(--cream)}.mira-gallery__intro{display:grid;grid-template-columns:.5fr 1.5fr;gap:2rem}.mira-gallery__intro>span{font:.61rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.mira-gallery__mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:220px 250px;gap:1rem;margin-top:4rem}.mosaic{padding:1.2rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.mosaic--1{grid-row:span 2;background:var(--ink);color:var(--cream);font:500 clamp(3rem,7vw,7rem)/.7 var(--serif);letter-spacing:-.12em}.mosaic--2{background:var(--orange)}.mosaic--2 .mira-bean{width:60%;background:var(--cream)}.mosaic--2 .mira-bean:before,.mosaic--2 .mira-bean:after{border-color:var(--ink)}.mosaic--2 .mira-bean span{background:var(--ink)}.mosaic--3{background:var(--sage);color:var(--cream);font:500 clamp(2rem,4vw,4rem)/.85 var(--serif);letter-spacing:-.06em}.mosaic--4{grid-column:span 2;background:var(--sand);flex-direction:column;align-items:flex-start;justify-content:space-between}.mosaic--4 span{font:.58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.mosaic--4 b{font:500 clamp(3rem,6vw,6rem)/.7 var(--serif);letter-spacing:-.1em}.mosaic--5{grid-column:span 2;background:var(--orange);font:600 clamp(1.5rem,3vw,3rem)/.85 var(--sans);letter-spacing:-.08em}.mira-footer{padding:2.5rem clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:end;background:var(--ink);color:var(--cream);font:.61rem/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase}.mira-footer p{margin:0;color:rgba(243,231,210,.65)}.mira-footer a{border-bottom:1px solid currentColor;padding-bottom:.35rem}.mira-footer a:hover{color:var(--orange)}@media(max-width:760px){.mira-nav{height:64px}.mira-nav__back{font-size:0}.mira-nav__back:before{content:"← CASE";font-size:.58rem}.mira-hero{grid-template-columns:1fr;min-height:760px;padding-top:7rem}.mira-hero__sun{width:95vw;top:17%;right:-25vw}.mira-hero__title{grid-column:auto;align-self:center}.mira-hero__title strong{margin-left:46%}.mira-hero__caption{align-self:start}.mira-bean--hero{right:11%;bottom:13%;width:120px}.mira-section{padding:4rem 1.25rem}.mira-idea,.mira-digital{grid-template-columns:1fr;min-height:0;gap:3rem}.mira-idea__quote{grid-column:auto}.mira-logo-stage{min-height:490px}.mira-logo-main{top:14%}.mira-logo-alt{right:2%;bottom:10%}.mira-bean--large{left:53%;top:32%;width:120px}.mira-logo-rules{grid-template-columns:1fr}.mira-palette__grid{grid-template-columns:repeat(2,1fr);margin-top:2rem}.swatch{min-height:150px}.mira-type{grid-template-columns:1fr}.mira-type__display,.mira-type__body,.mira-type__alphabet{grid-column:auto}.mira-type__body{display:block;margin-top:2rem}.mira-type__body p{margin-top:1rem}.mira-pattern__beans{height:200px}.mira-objects__grid{grid-template-columns:1fr;gap:2rem}.mira-pack--bag,.mira-pack--cup,.mira-pack--menu{height:330px}.mira-print{min-height:580px}.mira-print__scene{height:350px}.card{width:55vw}.card--front{left:1%;top:20%}.card--back{right:2%}.mira-sticker{left:42%;top:2%;width:90px}.mira-socials{grid-template-columns:repeat(3,minmax(140px,1fr));overflow-x:auto;padding-bottom:.5rem}.social{min-height:260px}.mira-gallery__intro{grid-template-columns:1fr}.mira-gallery__mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:180px 180px 170px}.mosaic--1{grid-row:span 2}.mosaic--4,.mosaic--5{grid-column:span 1}.mira-footer{grid-template-columns:1fr;gap:1rem;align-items:start}.mira-footer a{width:max-content}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mira-pattern__track{animation:none}}