@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-700.woff2');font-weight:700 900;font-display:swap}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#e6e2da;color:#222;font-family:Manrope,Arial,sans-serif}.email{max-width:600px;margin:auto;background:var(--bg);color:var(--fg);overflow:hidden}h1,h2,h3,p,figure{margin:0}h1,h2{text-wrap:balance}p{font-size:17px;line-height:1.65}.mast{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 34px;font-size:10px;letter-spacing:1px}.brand{font-size:19px;font-weight:700;letter-spacing:-.6px}.mast>span:last-child:not(.brand){max-width:45%;text-align:right}.photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.photo.detail{object-position:50% 75%}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:52px;padding:15px 22px;background:var(--fg);color:var(--bg);text-decoration:none;font-size:14px;line-height:1.5;font-weight:700;max-width:100%}.button span{font:26px/1 Arial,sans-serif}.button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:5px}footer{padding:25px 34px 20px;font-size:11px;line-height:1.8;display:flex;flex-wrap:wrap;gap:7px 20px}footer>b{width:100%;font-size:13px}footer>span{flex:1;min-width:220px}footer nav{display:flex;gap:18px}footer a{color:inherit;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}.tiny{font-size:10px;letter-spacing:1.5px}
/* Citrus is a short, single-idea poster: one action band, no story modules. */
.citron .mast{border-bottom:1px solid #183d8340}.citron-art{position:relative;height:840px}.citron-art>.photo{position:absolute;inset:0;object-position:50% 0%}.citron-art h1{position:absolute;z-index:1;left:30px;top:27px;font:900 66px/.94 Manrope,Arial,sans-serif;letter-spacing:-3.5px}.citron-art h1 i{font-family:Georgia,serif;font-weight:400;font-size:90px;letter-spacing:-5px;line-height:1.05}.arc-copy{position:absolute;bottom:18px;left:34px;font-size:12px;font-weight:700;background:#ffe17ae8;padding:8px 12px}.citron-action{display:flex;align-items:center;justify-content:space-between;padding:25px 34px;gap:22px}.citron-action p{font-size:18px;line-height:1.4}.citron .button{border-radius:30px}.citron-tail{height:240px;position:relative}.citron-tail>.photo{opacity:.5;object-position:50% 80%}.citron-tail strong{position:absolute;left:34px;top:44px;font-size:37px;line-height:1.02;letter-spacing:-1.8px;max-width:490px}
/* Rouge reads like a film: image first, offset title, a quiet dialogue, one late action. */
.rouge .mast{position:relative;z-index:2;color:#ffe9d5}.rouge-film{height:620px;margin-top:-78px;position:relative}.rouge-film>.photo{object-position:50% 20%;mask-image:linear-gradient(#000 0 82%,transparent)}.film-word{position:absolute;left:34px;bottom:10px;font:400 90px/.85 Georgia,serif;letter-spacing:-4px}.film-word i{color:#ed969b}.rouge-title{padding:60px 34px 50px 150px}.rouge-title h1{font:400 47px/1.04 Georgia,serif;letter-spacing:-1.6px}.rouge-title h1 em{color:#ef9fa0}.rouge-title p{margin-top:25px;font-size:17px}.rouge-story{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:0 34px 65px}.story-mark{font-size:11px;letter-spacing:2px;line-height:1.7;padding-top:7px}.rouge-story p{font:italic 23px/1.6 Georgia,serif}.rouge-bottom{height:560px;position:relative}.rouge-bottom>.photo{opacity:.65;object-position:50% 73%;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}.rouge-bottom>div{position:absolute;bottom:55px;left:34px;right:34px}.rouge-bottom h2{font:400 39px/1.1 Georgia,serif;margin-bottom:25px;letter-spacing:-1px}
/* BRUIN is a real letter: no product hero, no feature list, one personal action. */
.bruin .mast{border-bottom:1px solid #35221935}.bruin .brand{font:28px Georgia,serif;letter-spacing:1px}.letter{padding:45px 60px 35px}.letter .greeting{font-size:18px;margin-bottom:30px}.letter h1{font:italic 62px/1.02 Georgia,serif;letter-spacing:-2px;margin-bottom:32px}.letter>p:not(.signature):not(.greeting){font:21px/1.7 Georgia,serif;margin-bottom:22px}.letter .signature{font:italic 24px/1.5 Georgia,serif;margin:30px 0}.signature span{font:18px/1.5 Manrope,Arial,sans-serif;letter-spacing:2px}.letter .button{font-size:14px}.letter-photo{height:320px;position:relative}.letter-photo>.photo{object-position:50% 23%}.letter-photo>p{position:absolute;right:32px;bottom:26px;color:#fff0d6;text-align:right;font:italic 37px/1 Georgia,serif;background:#352219bb;padding:14px 20px}
/* RISO is a practical recipe: appetite, a short premise, then three useful steps. */
.riso-opening{position:relative}.riso-opening h1{padding:15px 34px 0;font:700 62px/.95 Manrope,Arial,sans-serif;letter-spacing:-3px;position:relative;z-index:2}.riso-opening h1 i{font:italic 60px/1 Georgia,serif;text-transform:none}.riso-opening>.photo{height:475px;margin-top:-10px;object-position:50% 23%}.riso-intro{display:flex;gap:30px;padding:30px 34px 45px;align-items:end}.riso-intro>p{font:italic 30px/1.1 Georgia,serif;flex:1}.riso-intro>span{font-size:13px;line-height:1.6;max-width:215px}.recipe{padding:0 40px 38px}.recipe>h2{font:400 40px/1.05 Georgia,serif;margin-bottom:28px;letter-spacing:-1px}.step{padding:24px 0;border-top:1px solid #733b2750;display:grid;grid-template-columns:65px 1fr;gap:25px}.step>b{font:italic 42px/1 Georgia,serif}.step h3{font-size:20px;margin-bottom:10px}.step p{font-size:16px;line-height:1.6}.riso-finish{position:relative;height:430px}.riso-finish>.photo{object-position:50% 78%;opacity:.6}.riso-finish>div{position:absolute;inset:auto 34px 38px}.riso-finish p{font:italic 35px/1.1 Georgia,serif;margin-bottom:25px}
/* LOOP is a precision launch: big type rail, wide product, split rationale and compact action. */
.loop .mast{padding-bottom:32px}.loop-opening{position:relative;padding:10px 34px 35px}.loop-opening h1{font:900 112px/.76 Manrope,Arial,sans-serif;letter-spacing:-7px}.loop-opening p{position:absolute;left:310px;bottom:43px;font-size:15px;max-width:220px}.loop-side{position:absolute;right:25px;top:15px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px}.loop-bike{height:440px;position:relative}.loop-bike>.photo{object-position:50% 15%}.line-caption{position:absolute;inset:auto 34px 0;display:flex;justify-content:space-between;padding:13px 0;color:#e3f5c2;font-size:11px;border-top:1px solid #e3f5c250}.loop-spec{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:40px 34px}.loop-spec>div>span{font-size:10px;letter-spacing:1.5px}.loop-spec h2{font:400 32px/1.05 Manrope,Arial,sans-serif;letter-spacing:-1px;margin-top:16px}.loop-spec p{font-size:16px}.loop-action{padding:0 34px 42px;display:flex;justify-content:space-between;align-items:center;gap:24px}.loop-action>span{font-size:12px;line-height:1.6}
/* TERRA is an object gallery: offset photography, details and a table-side caption. */
.terra-cover{padding:12px 34px 0}.terra-cover h1{font:700 70px/.9 Manrope,Arial,sans-serif;letter-spacing:-3px;position:relative;z-index:1}.terra-cover h1 i{font:italic 65px/1.1 Georgia,serif;display:block;margin-left:75px;white-space:nowrap}.terra-cover figure{width:78%;margin-left:auto;margin-top:-10px}.terra-cover figure>.photo{height:520px;object-position:50% 22%}.terra-cover figcaption{font-size:11px;line-height:1.6;margin-top:13px}.terra-middle{display:grid;grid-template-columns:45% 1fr;gap:28px;margin:55px 34px 40px;align-items:center}.terra-small{height:320px}.terra-small>.photo{object-position:70% 74%}.terra-middle h2{font:400 39px/1.05 Georgia,serif;letter-spacing:-1.3px;margin-bottom:20px}.terra-middle p{font-size:16px}.terra-label{padding:0 34px 48px 145px}.terra-label>span{font-size:10px;letter-spacing:2px}.terra-label p{font:24px/1.5 Georgia,serif;margin:20px 0 25px}.terra-last{height:280px;position:relative}.terra-last>.photo{opacity:.65}.terra-last>span{position:absolute;left:34px;top:50px;font:italic 36px/1.05 Georgia,serif}
/* MOOF lets typography overlap the photograph and changes scale with the cat's point of view. */
.moof-opening{position:relative;padding-top:15px}.moof-opening h1{font:900 57px/.95 Manrope,Arial,sans-serif;letter-spacing:-3px;text-align:center;position:relative;z-index:1;padding-inline:25px}.moof-opening h1>span{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:67px}.moof-opening>.photo{height:600px;margin-top:-20px;object-position:50% 23%}.moof-bubble{position:absolute;right:25px;bottom:25px;background:var(--bg);border-radius:45% 55% 51% 49%;padding:22px 28px;font:italic 26px/1.05 Georgia,serif;transform:rotate(-8deg)}.moof-content{padding:40px 34px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}.moof-content h2{font:700 36px/1 Manrope,Arial,sans-serif;letter-spacing:-1.5px;margin-top:20px}.moof-content>p{font-size:16px}.moof-tail{position:relative;height:420px}.moof-tail>.photo{object-position:50% 77%;opacity:.7}.moof-tail strong{position:absolute;left:34px;top:40px;font:700 34px/1.07 Manrope,Arial,sans-serif;letter-spacing:-1.2px}.moof-tail em{font:italic 42px/1.15 Georgia,serif}.moof-action{padding:20px 34px 40px;text-align:center}.moof .button{border-radius:30px;min-width:260px}
/* ALTO removes the campaign machinery: an object, an oversized verb, one short invitation. */
.alto-title{padding:12px 40px 0;display:flex;align-items:end;justify-content:space-between;gap:20px}.alto-title h1{font:400 134px/.95 Georgia,serif;letter-spacing:-7px}.alto-title p{font-size:15px;line-height:1.5;padding-bottom:10px}.alto-object{height:610px}.alto-object>.photo{object-position:50% 20%}.alto-description{padding:25px 60px 50px}.alto-description h2{font:400 36px/1.08 Manrope,Arial,sans-serif;letter-spacing:-1.5px;margin-bottom:25px}.alto-description>p{font-size:17px;line-height:1.7;margin-bottom:30px}.alto-end{padding:22px 34px;border-top:1px solid #33455245;display:flex;justify-content:space-between;align-items:center}.alto-end>span:first-child{font-size:12px;letter-spacing:2px}.alto-end>span:last-child{font:italic 20px/1.2 Georgia,serif}
@media(max-width:599px){.mast{padding:22px 24px;gap:16px}.brand{font-size:16px}.mast>span:last-child:not(.brand){font-size:8px;max-width:43%}p{font-size:16px}.button{font-size:13px;padding:14px 18px;min-height:50px;gap:18px}footer{padding:23px 24px 16px}.citron-art{height:630px}.citron-art h1{left:24px;top:20px;font-size:43px;letter-spacing:-2.2px}.citron-art h1 i{font-size:62px;letter-spacing:-3px}.arc-copy{left:24px;bottom:15px;font-size:10px;max-width:calc(100% - 48px)}.citron-action{padding:24px;display:block}.citron-action p{font-size:20px;margin-bottom:20px}.citron-action .button{width:100%}.citron-tail{height:240px}.citron-tail strong{left:24px;font-size:29px;right:24px}.rouge-film{height:510px}.film-word{font-size:71px;left:24px;bottom:4px;letter-spacing:-3px}.rouge-title{padding:45px 24px 40px 75px}.rouge-title h1{font-size:37px;letter-spacing:-1px}.rouge-title p{font-size:16px}.rouge-story{grid-template-columns:65px 1fr;gap:20px;padding:0 24px 40px}.story-mark{font-size:9px}.rouge-story p{font-size:20px}.rouge-bottom{height:470px}.rouge-bottom>div{left:24px;right:24px;bottom:35px}.rouge-bottom h2{font-size:34px}.letter{padding:34px 28px 30px}.letter h1{font-size:50px;margin-bottom:27px}.letter>p:not(.signature):not(.greeting){font-size:19px;line-height:1.65}.letter .greeting{font-size:17px}.letter .button{font-size:12px;gap:15px;width:100%}.letter-photo{height:290px}.letter-photo>p{right:24px;font-size:31px}.riso-opening h1{font-size:44px;padding:12px 24px 0;letter-spacing:-2px}.riso-opening h1 i{font-size:40px}.riso-opening>.photo{height:345px}.riso-intro{padding:27px 24px 35px;display:block}.riso-intro>p{font-size:30px;margin-bottom:18px}.riso-intro>span{font-size:14px}.recipe{padding:0 24px 28px}.recipe>h2{font-size:35px}.step{grid-template-columns:40px 1fr;gap:18px;padding:22px 0}.step>b{font-size:34px}.step h3{font-size:18px}.riso-finish{height:370px}.riso-finish>div{left:24px;right:24px;bottom:30px}.riso-finish p{font-size:30px}.loop-opening{padding:10px 24px 30px}.loop-opening h1{font-size:83px;letter-spacing:-5px}.loop-opening p{position:static;margin:28px 0 0;font-size:15px}.loop-side{right:19px;font-size:8px}.loop-bike{height:320px}.line-caption{left:24px;right:24px;font-size:9px;gap:18px}.loop-spec{padding:28px 24px;grid-template-columns:1fr;gap:20px}.loop-spec h2{font-size:32px}.loop-spec p{font-size:16px}.loop-action{padding:0 24px 35px;display:block}.loop-action>.button{width:100%;margin-bottom:19px}.loop-action>span{font-size:13px}.terra-cover{padding:12px 24px 0}.terra-cover h1{font-size:53px;letter-spacing:-2px}.terra-cover h1 i{font-size:43px;margin-left:25px}.terra-cover figure{width:88%;margin-top:10px}.terra-cover figure>.photo{height:400px}.terra-middle{grid-template-columns:38% 1fr;gap:18px;margin:38px 24px 30px;align-items:start}.terra-small{height:270px}.terra-middle h2{font-size:29px;letter-spacing:-.8px}.terra-middle p{font-size:16px;line-height:1.55}.terra-label{padding:0 24px 35px 75px}.terra-label p{font-size:22px}.terra-last{height:240px}.terra-last>span{left:24px;font-size:31px}.moof-opening h1{font-size:38px;letter-spacing:-1.8px;padding-inline:18px}.moof-opening h1>span{font-size:44px}.moof-opening>.photo{height:440px;margin-top:-10px}.moof-bubble{font-size:21px;right:18px;bottom:20px;padding:18px 22px}.moof-content{padding:30px 24px;grid-template-columns:1fr;gap:22px}.moof-content h2{font-size:39px}.moof-content>p{font-size:16px}.moof-tail{height:340px}.moof-tail strong{left:24px;top:32px;font-size:27px}.moof-tail em{font-size:35px}.moof-action{padding:15px 24px 32px}.moof .button{min-width:0;width:100%}.alto-title{padding:12px 24px 0;display:block}.alto-title h1{font-size:112px;letter-spacing:-6px}.alto-title p{font-size:16px;margin-top:17px;padding-bottom:0}.alto-object{height:450px}.alto-description{padding:22px 28px 35px}.alto-description h2{font-size:31px;letter-spacing:-1.1px}.alto-description>p{font-size:16px}.alto-description .button{width:100%}.alto-end{padding:20px 24px}.alto-end>span:first-child{font-size:10px}.alto-end>span:last-child{font-size:19px}}
@media(max-width:349px){.citron-art h1{font-size:37px}.citron-art h1 i{font-size:54px}.moof-opening h1{font-size:33px}.moof-opening h1>span{font-size:38px}.terra-middle{grid-template-columns:1fr}.terra-small{height:210px;width:65%}.terra-label{padding-left:24px}.letter .button{padding-inline:12px;font-size:11px}.film-word{font-size:63px}.rouge-title{padding-left:48px}.riso-opening h1{font-size:39px}.riso-opening h1 i{font-size:36px}}