@font-face{font-family:Apple Garamond;src:url(/fonts/AppleGaramond.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Apple Garamond;src:url(/fonts/AppleGaramond-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Apple Garamond;src:url(/fonts/AppleGaramond-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Causten Rounded;src:url(/fonts/Causten-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Causten Rounded;src:url(/fonts/Causten-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Causten Rounded;src:url(/fonts/Causten-SemiBold.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}:root{color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f3ea;font-family:Apple Garamond,Garamond,Georgia,serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#f7f3ea;margin:0;overflow-x:hidden}a{--arrow-size:.54em;color:inherit;text-decoration:none}a:after{width:0;height:var(--arrow-size);content:"";opacity:0;background-color:currentColor;margin-left:0;transition:width .15s,margin-left .15s,opacity .15s,transform .15s;display:inline-block;transform:translate(-2px,2px);-webkit-mask:url(/icons/arrow-up-right.svg) 50%/contain no-repeat;mask:url(/icons/arrow-up-right.svg) 50%/contain no-repeat}a:hover:after,a:focus-visible:after{width:var(--arrow-size);opacity:1;margin-left:.32em;transform:translate(0)}.site-header{z-index:10;color:#000;justify-content:space-between;align-items:center;padding:clamp(18px,2.6vw,34px) clamp(72px,11vw,180px) clamp(18px,2.6vw,34px) clamp(36px,8vw,132px);font-family:Causten Rounded,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:clamp(.9rem,1vw,1.1rem);font-weight:600;line-height:1;display:flex;position:fixed;top:0;left:0;right:0}.site-header:before{display:none}.brand-link{font-style:normal;position:relative}.header-credit{color:#0000006b;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.brand-link:before,.header-credit:before,.site-nav:before,.site-footer:before{z-index:-1;content:"";opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#f7f3eab8;border-radius:999px;transition:opacity .18s;position:absolute;inset:-9px -12px}.has-scrolled .brand-link:before,.has-scrolled .header-credit:before,.has-scrolled .site-nav:before,.has-scrolled .site-footer:before{opacity:1}.site-nav,.site-footer{align-items:center;gap:clamp(16px,2vw,28px);display:flex;position:relative}.site-nav a,.site-footer a,.header-credit{border-bottom:1px solid #0000}.footer-separator{color:#00000057}.site-nav a:hover,.site-nav a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible,.header-credit:hover,.header-credit:focus-visible,.legal-content a:hover,.legal-content a:focus-visible{border-color:currentColor}.site-footer{z-index:10;color:#000;padding:0;font-family:Causten Rounded,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:clamp(.8rem,.9vw,.95rem);font-weight:600;line-height:1;position:fixed;bottom:clamp(18px,2.6vw,34px);left:clamp(36px,8vw,132px);right:auto}.hero{background:#f7f3ea;grid-template-columns:minmax(360px,.82fr) minmax(520px,1fr);align-items:center;column-gap:clamp(8px,2vw,44px);min-height:100svh;padding:clamp(72px,8vw,112px) clamp(72px,11vw,180px) clamp(70px,8vw,112px) clamp(36px,8vw,132px);display:grid}.hero-copy{align-self:center;padding-right:0}.hero h1{color:#000;letter-spacing:0;max-width:12.4ch;margin:0;font-family:Apple Garamond,Garamond,Georgia,serif;font-size:clamp(3.2rem,6.2vw,8.2rem);font-weight:400;line-height:.92}.hero h1 em{font-style:italic}.thumbnail-row{--thumb-size:clamp(64px, 6.4vw, 104px);align-items:flex-start;gap:0;width:fit-content;margin-top:clamp(24px,4vw,56px);display:flex}.paint-thumb{width:var(--thumb-size);aspect-ratio:1;display:block;position:relative;overflow:hidden}.paint-thumb img,.paint-thumb video{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}.phone-frame{place-self:center end;width:min(28vw,360px);max-height:min(78svh,760px);margin:0;overflow:hidden}.phone-frame img{object-fit:contain;object-position:right center;width:100%;height:auto;max-height:min(78svh,760px);display:block}.showcase-carousel{--coverflow-spread:clamp(126px, 10vw, 190px);--coverflow-depth:clamp(170px, 12vw, 230px);place-self:center end;width:clamp(520px,42vw,760px)}.showcase-stage{perspective:1500px;width:100%;height:clamp(560px,78svh,760px);min-height:430px;transform-style:preserve-3d;position:relative}.showcase-nav-zone{z-index:8;cursor:pointer;background:0 0;border:0;width:28%;padding:0;position:absolute;top:7%;bottom:10%}.showcase-nav-zone:after{display:none}.showcase-nav-zone-left{left:0}.showcase-nav-zone-right{right:0}.showcase-nav-zone:focus-visible{outline-offset:-6px;outline:2px solid #000}.showcase-card{cursor:pointer;width:clamp(300px,46%,390px);max-height:100%;opacity:calc(1 - min(var(--abs-offset) * .16, .42));-webkit-box-reflect:below 12px linear-gradient(transparent 62%, #0000002e);transform:translate(-50%, -50%) translateX(calc(var(--offset) * var(--coverflow-spread))) translateY(calc(var(--abs-offset) * 8px)) translateZ(calc(var(--abs-offset) * var(--coverflow-depth) * -1)) rotateY(calc(var(--offset) * -38deg)) scale(calc(1 - min(var(--abs-offset) * .1, .2)));transform-origin:50%;background:#000;border:0;border-radius:36px;padding:0;transition:opacity .42s,transform .42s,box-shadow .42s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 22px 58px #00000029}.showcase-card.is-active{z-index:4;cursor:default;opacity:1;box-shadow:0 28px 70px #0000002e}.showcase-card:not(.is-active){z-index:calc(3 - var(--abs-offset));filter:saturate(.82)}.showcase-card video{object-fit:cover;width:100%;height:100%;max-height:clamp(560px,78svh,760px);display:block}.showcase-card:focus-visible{outline-offset:6px;outline:2px solid #000}.legal-page{background:#f7f3ea;align-items:center;min-height:100svh;padding:clamp(92px,12vw,160px) clamp(24px,8vw,132px);display:grid}.legal-content{max-width:760px}.legal-content h1{color:#000;letter-spacing:0;margin:0 0 .28em;font-family:Apple Garamond,Garamond,Georgia,serif;font-size:clamp(4rem,9vw,9rem);font-weight:400;line-height:.9}.legal-content p{max-width:58ch;margin:0 0 1em;font-family:Causten Rounded,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:clamp(1rem,1.35vw,1.35rem);font-weight:400;line-height:1.35}.legal-content a{border-bottom:1px solid}@media (width<=1180px){.hero{grid-template-columns:minmax(310px,.82fr) minmax(390px,1fr);column-gap:clamp(4px,1.4vw,24px);padding-right:clamp(48px,7vw,92px)}.showcase-carousel{--coverflow-spread:clamp(98px, 9vw, 126px);width:clamp(410px,40vw,520px)}.showcase-stage{height:min(74svh,580px)}.showcase-card{width:clamp(240px,44%,300px)}}@media (width<=900px){.site-header{padding:22px clamp(22px,7vw,48px);font-size:.95rem}.site-footer{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;padding:34px clamp(22px,7vw,48px) 22px;font-size:.85rem;position:static}.site-header:before,.brand-link:before,.header-credit:before,.site-nav:before,.site-footer:before,.header-credit{display:none}.hero{grid-template-columns:1fr;align-items:start;gap:24px;padding:clamp(88px,22vw,120px) clamp(22px,7vw,48px) 0}.hero-copy{text-align:center;justify-items:center;padding-right:0;display:grid}.hero h1{max-width:11.5ch;font-size:clamp(3.2rem,13vw,5.8rem)}.thumbnail-row{justify-self:center;margin-top:22px}.paint-thumb{width:clamp(58px,18vw,86px)}.phone-frame{justify-self:center;width:min(62vw,320px);max-height:none;margin-inline:auto}.phone-frame img{max-height:none}.showcase-carousel{justify-self:center;width:min(92vw,390px)}.showcase-stage{height:520px;min-height:0}.showcase-card{width:min(66%,255px);transform:translate(-50%, -50%) translateX(calc(var(--offset) * 76px)) translateY(calc(var(--abs-offset) * 6px)) translateZ(calc(var(--abs-offset) * -150px)) rotateY(calc(var(--offset) * -30deg)) scale(calc(1 - min(var(--abs-offset) * .1, .2)));border-radius:28px}.showcase-card video{max-height:510px}.legal-page{min-height:auto;padding:96px 22px 40px}.legal-content h1{font-size:clamp(4.2rem,20vw,6.8rem)}.legal-content p{font-size:1.7rem}}