@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#f5eee8;--muted:#f5eee89e;--line:#f5eee84d;--black:#0d0b0a;--mono:"DM Mono",monospace;--sans:"DM Sans",Arial,sans-serif;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--black);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:20;top:-4rem;left:1rem;padding:.7rem 1rem;background:var(--ink);color:var(--black);font:.6rem var(--mono);letter-spacing:.1em}.skip-link:focus{top:1rem}
.cinema{position:relative;isolation:isolate;height:100svh;min-height:560px;overflow:clip;background:#0d0b0a;--crop:0%;--scale:1;--y:0px;--light-opacity:0;--light-x:46%;--light-y:48%}.product-video{position:absolute;z-index:-4;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateY(var(--y)) scale(var(--scale));transform-origin:center;clip-path:inset(var(--crop) 0);will-change:transform,clip-path;background:#0d0b0a}.vignette{position:absolute;z-index:-3;inset:0;pointer-events:none;background:linear-gradient(90deg,#0807068a,transparent 40%,#08070638),linear-gradient(0deg,#0504048c,transparent 44%)}.light{position:absolute;z-index:-2;inset:-15%;pointer-events:none;opacity:var(--light-opacity);background:radial-gradient(circle at var(--light-x) var(--light-y),#ffe2d242,#ffe2d20f 24%,transparent 50%);mix-blend-mode:screen}.grain{position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.frame{position:absolute;z-index:3;inset:clamp(1rem,2vw,1.7rem);border:1px solid #f5eee822;pointer-events:none}html:not(.is-ready) .copy--intro{opacity:1;visibility:visible}
.nav{position:absolute;z-index:4;top:0;display:flex;align-items:center;width:100%;padding:1.7rem clamp(1.25rem,3vw,3.5rem);font:500 .6rem/1 var(--mono);letter-spacing:.12em}.wordmark{font:500 1rem/1 var(--sans);letter-spacing:-.06em}.wordmark i{font-family:var(--serif);font-weight:500}.nav p{margin:0 auto;color:var(--muted)}.nav a:last-child{border-bottom:1px solid var(--line);padding-bottom:.3rem}.nav span,.cta span,.after-film span{margin-left:.35rem}.kicker{display:flex;align-items:center;gap:.65rem;margin:0;color:var(--muted);font:500 .58rem/1.35 var(--mono);letter-spacing:.12em}.kicker i{display:block;width:2.25rem;height:1px;background:currentColor}h1,h2{margin:0;font:500 clamp(3.8rem,8.1vw,9.2rem)/.82 var(--serif);letter-spacing:-.075em}h1 em,h2 em{font-weight:500}.copy,.annotation{position:absolute;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s}.copy.is-active,.annotation.is-active{opacity:1;visibility:visible}.caption{max-width:13rem;margin:1.7rem 0 0 1.35rem;color:var(--muted);font-size:.72rem;line-height:1.55}.copy--intro{top:50%;left:clamp(1.5rem,9vw,11rem);transform:translateY(-45%)}.copy--intro h1{margin-top:1.25rem}.number{margin:0 0 1.2rem;color:var(--muted);font:.58rem var(--mono);letter-spacing:.12em}.number span{color:#f5eee866}.copy--front{top:23%;left:clamp(1.5rem,7vw,8rem)}.copy--front h2,.copy--weave h2{font-size:clamp(3.6rem,7vw,8rem)}.copy--front .caption{margin-left:.3rem}.copy--weave{right:clamp(1.5rem,7vw,8rem);bottom:20%;max-width:35rem;text-align:right}.copy--weave .caption{margin-left:auto;margin-right:.3rem}.copy--motion{top:50%;left:50%;width:max-content;transform:translate(-50%,-50%);text-align:center}.copy--motion h2{font-size:clamp(4rem,9vw,10rem)}.copy--motion .number{text-align:left}.copy--final{right:clamp(1.5rem,9vw,11rem);bottom:14%}.copy--final h2{margin-top:1.25rem}.copy--final .caption{margin-left:.2rem}.cta{display:inline-block;margin-top:2.2rem;border-bottom:1px solid currentColor;padding-bottom:.45rem;font:500 .61rem var(--mono);letter-spacing:.1em;pointer-events:auto}
.annotation{display:flex;align-items:center}.annotation b{width:.42rem;height:.42rem;border:1px solid var(--ink);border-radius:50%}.annotation>i{display:block;width:min(13vw,11rem);height:1px;margin:0 .7rem;background:var(--ink)}.annotation p{margin:0;font:.56rem/1.35 var(--mono);letter-spacing:.1em}.annotation small{display:block;margin-bottom:.35rem;color:var(--muted);font-size:1em}.annotation--cuff{left:15%;bottom:22%}.annotation--back{right:12%;top:36%;flex-direction:row-reverse}.progress{position:absolute;z-index:4;right:clamp(1.25rem,3vw,3.5rem);top:50%;display:grid;grid-template-columns:auto 1px;grid-template-rows:auto 8.5rem auto;gap:.65rem;transform:translateY(-50%);color:var(--muted);font:.58rem/1 var(--mono);letter-spacing:.1em}.progress>span:first-child{grid-column:1}.progress>span:last-child{grid-column:1;grid-row:3}.progress>b{grid-column:2;grid-row:1/4;width:1px;background:#f5eee83d;overflow:hidden}.progress>b i{display:block;width:100%;height:var(--progress,0%);background:var(--ink)}.progress i{font-style:normal;color:#f5eee866}.hud{position:absolute;z-index:4;bottom:0;display:flex;width:100%;padding:1.55rem clamp(1.25rem,3vw,3.5rem);color:var(--muted);font:.56rem/1 var(--mono);letter-spacing:.1em}.hud span:nth-child(2){margin:auto}.hud span:last-child{text-align:right}.after-film{display:grid;align-content:center;min-height:100svh;padding:6rem clamp(1.5rem,9vw,11rem);background:#e7ddd4;color:#171311}.after-film h2{margin-top:1.25rem;font-size:clamp(4.5rem,10vw,11.5rem)}.after-film .kicker{color:#17131199}.after-film a{width:max-content;margin-top:3rem;border-bottom:1px solid currentColor;padding-bottom:.45rem;font:.62rem var(--mono);letter-spacing:.1em}.no-script{position:fixed;bottom:1rem;left:1rem;padding:.8rem;background:var(--ink);color:var(--black);font:.65rem var(--mono)}a:focus-visible{outline:1px solid currentColor;outline-offset:.35rem}
@media(max-width:700px){.cinema{min-height:100svh}.frame{inset:.8rem}.nav{padding:1.25rem}.nav p,.nav a:last-child{display:none}.copy--intro{top:44%;left:1.35rem;right:1.35rem}.caption{margin-left:.15rem}.copy--front{top:19%;left:1.35rem}.copy--front h2{font-size:clamp(3.5rem,16vw,5.5rem)}.copy--weave{right:1.35rem;left:1.35rem;bottom:22%}.copy--weave h2{font-size:clamp(3.2rem,14vw,4.8rem)}.copy--motion h2{font-size:clamp(4rem,18vw,6.5rem)}.copy--final{right:auto;left:1.35rem;bottom:13%}.annotation--cuff{left:1.35rem;bottom:16%}.annotation--back{top:34%;right:1.35rem}.annotation>i{width:15vw}.annotation p{font-size:.5rem}.progress{top:auto;right:1.35rem;bottom:4.8rem;transform:none;grid-template-rows:auto 5.8rem auto}.hud{padding:1.25rem}.hud span:nth-child(2){display:none}.hud span:last-child{margin-left:auto;max-width:7rem}.after-film{padding:5rem 1.35rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress,.hud span:nth-child(2),.grain{display:none}.copy,.annotation{transition:none}}

.after-film{grid-template-columns:minmax(18rem,.82fr) minmax(25rem,1.18fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);padding:6rem clamp(1.5rem,7vw,8rem);overflow:hidden}.after-film__copy{position:relative;z-index:2}.after-film a{display:inline-block}.phone-showcase{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(72vh,43rem);padding:2.5rem 0;perspective:1100px}.phone-showcase:before{content:"";position:absolute;right:-16%;bottom:2%;width:115%;height:38%;background:radial-gradient(ellipse at center,#17131138 0,#17131120 38%,transparent 69%);filter:blur(13px);transform:rotate(-4deg);pointer-events:none}.phone-card{position:relative;z-index:1;flex:0 0 clamp(8.8rem,14vw,12.5rem);height:clamp(18rem,31vw,26.5rem);margin-inline:clamp(-1.9rem,-2.4vw,-1rem);border:0;background:transparent;transform:translateY(1.5rem) rotateY(var(--tilt,0deg)) scale(.82);opacity:.72;filter:saturate(.8) contrast(.95);transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .32s ease,filter .32s ease,z-index .32s}.phone-card:first-child{--tilt:-18deg}.phone-card:last-child{--tilt:18deg}.phone-card.is-active,.phone-card:hover,.phone-card:focus-visible{z-index:5;transform:translateY(-.35rem) rotateY(0deg) scale(1.08);opacity:1;filter:saturate(1) contrast(1.03)}.phone-showcase:hover .phone-card:not(:hover){transform:translateY(1.6rem) rotateY(var(--tilt,0deg)) scale(.78);opacity:.58}.phone-card:focus-visible{outline:0}.phone-card:focus-visible .phone{box-shadow:0 0 0 2px #171311,0 2.2rem 4rem #17131155}.phone{position:absolute;inset:0;border:.38rem solid #080808;border-radius:2.35rem;background:#050505;box-shadow:0 1.6rem 3rem #1713114d,0 0 0 1px #ffffff73 inset;overflow:hidden}.phone:before{content:"";position:absolute;z-index:4;top:.45rem;left:50%;width:36%;height:1.08rem;border-radius:999px;background:#060606;transform:translateX(-50%)}.phone__bar{position:absolute;z-index:5;top:.72rem;left:.82rem;right:.82rem;display:flex;align-items:center;justify-content:space-between;color:#080808;font:600 .47rem/1 var(--sans)}.phone__bar i{width:31%;height:.42rem;border-radius:999px;background:#050505}.phone__screen{position:absolute;inset:.35rem;border-radius:1.85rem;background:#f8f3ef;color:#0e0c0b;overflow:hidden}.phone__screen header{display:flex;align-items:center;gap:.62rem;height:3.6rem;padding:1.55rem .85rem .62rem;border-bottom:1px solid #0e0c0b1f}.phone__screen header b{margin-right:auto;font-size:.9rem;letter-spacing:-.05em}.phone__screen header:before{content:"";width:.62rem;height:.62rem;border:.14rem solid currentColor;border-radius:50%}.phone__screen header span{width:.58rem;height:.58rem;border:1px solid #0e0c0b88;border-radius:.15rem}.phone__screen header span:last-child{height:1px;border:0;background:#0e0c0b}.phone__screen p{margin:.6rem .85rem;color:#0e0c0baa;font:.47rem/1.35 var(--mono)}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem .6rem;padding:.3rem .75rem 1rem}.catalog-grid figure{min-width:0;margin:0}.catalog-grid i,.campaign-list i,.campaign-list b,.product-hero i{display:block;background:linear-gradient(135deg,#f7d8cc,#6d1212 58%,#171311);box-shadow:inset 0 0 0 1px #ffffff75}.catalog-grid i{height:4.5rem;border-radius:.25rem}.catalog-grid figure:nth-child(2) i{background:linear-gradient(145deg,#171311,#384042 58%,#d8bbb0)}.catalog-grid figure:nth-child(3) i{background:linear-gradient(145deg,#f3e6dc,#24201d 62%,#0b0a09)}.catalog-grid figcaption{margin-top:.38rem;font:700 .43rem/1.2 var(--sans);letter-spacing:0}.catalog-grid small{font:500 .42rem/1.4 var(--mono)}.phone__screen--detail{display:flex;flex-direction:column}.product-hero{display:grid;place-items:center;min-height:47%;margin:1.1rem .9rem 0;background:#fff;border-radius:.35rem}.product-hero i{width:48%;height:78%;border-radius:.45rem;background:linear-gradient(150deg,#fff,#f8cfc9 34%,#8b171c 58%,#e9a5a9)}.thumbs{display:flex;gap:.4rem;justify-content:center;margin:1rem 0}.thumbs i{width:1.8rem;height:1.8rem;border:1px solid #0e0c0b24;background:#fff}.thumbs i:nth-child(2){box-shadow:0 0 0 1px #0e0c0b inset}.phone__screen--detail h3{margin:.25rem .95rem 0;font:700 1.3rem/1 var(--sans);letter-spacing:0}.phone__screen--campaign section{height:39%;padding:1.2rem .85rem;background:radial-gradient(circle at 72% 35%,#c7322e 0,#51100f 42%,#120909 73%);color:#fff}.phone__screen--campaign h3{margin:0;font:700 1.45rem/.9 var(--sans);letter-spacing:0}.phone__screen--campaign section p{margin:.65rem 0 0;color:#ffffffba;font:.48rem var(--mono)}.campaign-list{display:grid;grid-template-columns:.8fr 1.1fr .8fr;gap:.45rem;padding:.75rem;background:#f8f3ef}.campaign-list i,.campaign-list b{height:5.1rem;border-radius:.25rem}.campaign-list b{background:linear-gradient(145deg,#f4ddd3,#e77065 42%,#51100f)}
@media(max-width:900px){.after-film{grid-template-columns:1fr;align-content:center;gap:1.2rem;padding:5rem 1.35rem}.after-film h2{font-size:clamp(4.2rem,17vw,7rem)}.phone-showcase{min-height:28rem;margin-top:1rem;transform:translateX(1.2rem)}.phone-card{flex-basis:9.2rem;height:19rem;margin-inline:-1.7rem}.phone-card.is-active,.phone-card:hover,.phone-card:focus-visible{transform:translateY(-.3rem) rotateY(0deg) scale(1.02)}.phone-showcase:hover .phone-card:not(:hover){transform:translateY(1.15rem) rotateY(var(--tilt,0deg)) scale(.74)}}@media(max-width:520px){.phone-showcase{min-height:23rem;transform:none}.phone-card{flex-basis:7.7rem;height:16.1rem;margin-inline:-1.45rem}.phone{border-width:.28rem;border-radius:1.75rem}.phone__screen{inset:.25rem;border-radius:1.38rem}.phone__screen header{height:3rem;padding:1.28rem .62rem .5rem}.phone__bar{top:.58rem;left:.64rem;right:.64rem;font-size:.39rem}.phone:before{height:.84rem}.catalog-grid{gap:.54rem .4rem;padding:.2rem .55rem}.catalog-grid i{height:3.4rem}.catalog-grid figcaption{font-size:.36rem}.product-hero{min-height:44%;margin:.8rem .65rem 0}.thumbs{margin:.7rem 0}.thumbs i{width:1.28rem;height:1.28rem}.phone__screen--detail h3{font-size:1rem}.phone__screen--campaign h3{font-size:1.05rem}.campaign-list i,.campaign-list b{height:3.7rem}}

.catalog-grid i,.campaign-list i,.campaign-list b,.product-hero i{position:relative;overflow:hidden;background:#171311}.phone-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.08) brightness(.95);transform:scale(1.14)}.catalog-grid figure:nth-child(2) .phone-video,.campaign-list i:last-child .phone-video{object-position:58% center}.catalog-grid figure:nth-child(3) .phone-video,.campaign-list i:first-child .phone-video{object-position:42% center}.product-hero .phone-video{object-position:center 46%;transform:scale(1.2)}.phone__screen--campaign section{position:relative;overflow:hidden}.phone__screen--campaign section .phone-video{z-index:0;filter:saturate(.82) contrast(1.16) brightness(.52);transform:scale(1.18)}.phone__screen--campaign section h3,.phone__screen--campaign section p{position:relative;z-index:1}.phone__screen--campaign section:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#120909b8,#51100f63 55%,#1209092e)}