@charset "UTF-8";

#CE261102paddington {
  --pc-width: 1400;
  --sp-width: 560;
  --pc-artboard-width: 560;
  --sp-artboard-width: 560;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #464646;
  --color-bg: #fff;
  --color-beige: #f7f4ea;
  --color-band: #dce4f2;
  --color-navy: #253088;
  --color-red: #d92e2e;
  --color-frame: #b19d86;
  --color-copyright: #505050;
  --font-base: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-ui: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-fade: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-clip: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-zoom: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-slide: cubic-bezier(0.33, 1, 0.68, 1);
  --duration-base: 0.8s;
  --duration-wipe: 1s;
  --duration-slide: 1s;
  --delay-order: 0.4s;

  --header-offset: 0px;
}

@media (min-width: 1401px) {
  #CE261102paddington {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #CE261102paddington {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #CE261102paddington {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#CE261102paddington * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;

  font-feature-settings: normal;
}

#CE261102paddington img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}

#CE261102paddington h1,
#CE261102paddington h2,
#CE261102paddington h3,
#CE261102paddington h4,
#CE261102paddington h5,
#CE261102paddington h6,
#CE261102paddington p {
  margin: 0;
}

#CE261102paddington picture {
  display: block;
}

#CE261102paddington button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

@media (min-width: 768px) {
  #CE261102paddington .is-hidden--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #CE261102paddington .is-hidden--mobile {
    display: none !important;
  }
}

#CE261102paddington .lp-deco {
  pointer-events: none;
}

#CE261102paddington .lp-slider img,
#CE261102paddington .lp-slider a {
  -webkit-user-drag: none;
  user-select: none;
}

#CE261102paddington .lp-slider__pager {
  position: static;
}

#CE261102paddington section,
#CE261102paddington .lp-item {
  display: flow-root;
}

#CE261102paddington {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

#CE261102paddington .ani-inview {
  opacity: 0;
  translate: 0 calc(30 * var(--formula, 1px));
  transition: opacity var(--duration-base) var(--ease-base),
    translate var(--duration-base) var(--ease-base);
}

#CE261102paddington .ani-inview.is-active {
  opacity: 1;
  translate: none;
}

#CE261102paddington .ani-fade {
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-base);
}

#CE261102paddington .ani-fade.is-active {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  #CE261102paddington .ani-inview,
  #CE261102paddington .ani-fade {
    opacity: 1;
    translate: none;
    transition: none;
  }
}

#CE261102paddington .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
}

@media (min-width: 768px) {
  #CE261102paddington .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

@media (min-width: 768px) {
  #CE261102paddington .lp-layout { display: grid; align-items: start; }
  #CE261102paddington .lp-layout--col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #CE261102paddington .lp-layout--col-3 {
    grid-template-columns:
      minmax(0, 1fr)
      min(calc(var(--pc-artboard-width) * var(--formula_pc)), 100%)
      minmax(0, 1fr);
  }
}

#CE261102paddington .lp-layout__primary {
  overflow-x: clip;
  display: flow-root;
}

#CE261102paddington [id] {
  scroll-margin-top: var(--header-offset, 0px);
}

#CE261102paddington .lp-layout__sub { display: none; }

@media (min-width: 768px) {
  #CE261102paddington .lp-layout__sub {
    display: grid;
    place-items: center;
    position: sticky;
    top: var(--header-offset, 0px);
    height: calc(100dvh - var(--header-offset, 0px));
    overflow: hidden;
  }
}

#CE261102paddington .lp-mv__visual {
  position: relative;
  margin-top: calc(-7 * var(--formula));
  width: calc(560 * var(--formula));
}

#CE261102paddington .lp-mv__photo {
  width: calc(560 * var(--formula));
}

#CE261102paddington .lp-mv__release {
  position: absolute;
  top: calc(222 * var(--formula));
  left: calc(525 * var(--formula));
  width: calc(15 * var(--formula));
}

#CE261102paddington .lp-mv__logo--paddington {
  position: absolute;
  top: calc(60 * var(--formula));
  left: calc(25 * var(--formula));
  width: calc(292 * var(--formula));
}

#CE261102paddington .lp-mv__logo--cross {
  position: absolute;
  top: calc(122 * var(--formula));
  left: calc(159 * var(--formula));
  width: calc(24 * var(--formula));
}

#CE261102paddington .lp-mv__logo--celford {
  position: absolute;
  top: calc(162 * var(--formula));
  left: calc(54 * var(--formula));
  width: calc(233 * var(--formula));
}

#CE261102paddington .lp-movie--town {
  padding-bottom: calc(45 * var(--formula));
}

#CE261102paddington .lp-movie__frame--town {
  margin-top: calc(70 * var(--formula));
  margin-inline: auto;
  width: calc(400 * var(--formula));
}

#CE261102paddington .lp-intro__bear {
  margin-inline: calc(117 * var(--formula)) auto;
  width: calc(393 * var(--formula));
}

#CE261102paddington .lp-logo-set--intro {
  margin-top: calc(39 * var(--formula));
  margin-inline: auto;
  width: calc(149 * var(--formula));
}

#CE261102paddington .lp-intro__text {
  margin-top: calc(28 * var(--formula));
  margin-inline: auto;
  width: calc(432 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 2.125;
  letter-spacing: 0.0em;
  text-align: center;
  color: #464646;
  white-space: nowrap;
}

#CE261102paddington .lp-town--intro {
  margin-top: calc(53 * var(--formula));
  width: calc(560 * var(--formula));
}

#CE261102paddington .lp-look--01 {
  margin-top: calc(80 * var(--formula));
}

#CE261102paddington .lp-photo--look01-01 {
  margin-inline: auto;
  width: calc(400 * var(--formula));
}

#CE261102paddington .lp-slider--look01 {
  margin-top: calc(47 * var(--formula));
  width: calc(320 * var(--formula));
}

#CE261102paddington .lp-look--01 .lp-look__body {
  margin-top: calc(26 * var(--formula));
}

#CE261102paddington .lp-look__text--01 {
  margin-inline: auto;
  width: calc(351 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 2.125;
  letter-spacing: 0.0em;
  text-align: center;
  color: #253088;
  white-space: nowrap;
}

#CE261102paddington .lp-credit--look01 {
  margin-top: calc(13 * var(--formula));
  margin-inline: auto;
  width: calc(359 * var(--formula));
  font-size: calc(14 * var(--formula));
  line-height: 1.5714;
  letter-spacing: 0.0em;
  text-align: center;
  color: #253088;
  white-space: nowrap;
}

#CE261102paddington .lp-look--02 {
  position: relative;
  margin-top: calc(79 * var(--formula));
  margin-inline: auto;
  width: calc(450 * var(--formula));
  padding-bottom: calc(60 * var(--formula));
}

#CE261102paddington .lp-photo--look02-01 {
  margin-top: calc(55 * var(--formula));
  margin-left: calc(50 * var(--formula));
  width: calc(350 * var(--formula));
}

#CE261102paddington .lp-photo--look02-02 {
  margin-top: calc(294 * var(--formula));
  margin-left: calc(50 * var(--formula));
  width: calc(350 * var(--formula));
}

#CE261102paddington .lp-look--02 .lp-card__bg {
  position: absolute;
  top: calc(0 * var(--formula));
  left: calc(0 * var(--formula));
  width: calc(450 * var(--formula));
}

#CE261102paddington .lp-look__text--02 {
  position: absolute;
  top: calc(526 * var(--formula));
  left: calc(66 * var(--formula));
  width: calc(319 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 2.125;
  letter-spacing: 0.0em;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

#CE261102paddington .lp-credit--look02 {
  position: absolute;
  top: calc(709 * var(--formula));
  left: calc(46 * var(--formula));
  width: calc(359 * var(--formula));
  font-size: calc(14 * var(--formula));
  line-height: 1.5714;
  letter-spacing: 0.0em;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

#CE261102paddington .lp-emblem--umbrella {
  position: relative;
  z-index: 1;
  margin-top: calc(56 * var(--formula));
  margin-inline: calc(63 * var(--formula)) auto;
  width: calc(497 * var(--formula));
}

#CE261102paddington .lp-emblem--umbrella .lp-emblem__bear {
  margin-left: calc(180 * var(--formula));
  width: calc(245 * var(--formula));
}

#CE261102paddington .lp-emblem__line--01 {
  position: absolute;
  top: calc(166 * var(--formula));
  left: calc(0 * var(--formula));
  width: calc(497 * var(--formula));
}

#CE261102paddington .lp-logo-set--umbrella {
  position: absolute;
  top: calc(121 * var(--formula));
  left: calc(68 * var(--formula));
  width: calc(149 * var(--formula));
}

#CE261102paddington .lp-look--03 {
  margin-top: calc(-23 * var(--formula));
}

#CE261102paddington .lp-photo--look03-01 {
  width: calc(560 * var(--formula));
}

#CE261102paddington .lp-look--03 .lp-look__body {
  margin-top: calc(36 * var(--formula));
}

#CE261102paddington .lp-look__text--03 {
  margin-inline: auto;
  width: calc(319 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 2.125;
  letter-spacing: 0.0em;
  text-align: center;
  color: #d92e2e;
  white-space: nowrap;
}

#CE261102paddington .lp-credit--look03 {
  margin-top: calc(14 * var(--formula));
  margin-inline: auto;
  width: calc(359 * var(--formula));
  font-size: calc(14 * var(--formula));
  line-height: 1.5714;
  letter-spacing: 0.0em;
  text-align: center;
  color: #d92e2e;
  white-space: nowrap;
}

#CE261102paddington .lp-look--04 {
  margin-top: calc(78 * var(--formula));
}

#CE261102paddington .lp-circles {
  position: relative;
  width: calc(560 * var(--formula));
  height: calc(1112 * var(--formula));
}

#CE261102paddington .lp-photo--look04-01 {
  width: calc(480 * var(--formula));
}

#CE261102paddington .lp-circles__head {
  margin-top: calc(18 * var(--formula));
  margin-left: calc(205 * var(--formula));
  width: calc(181 * var(--formula));
}

#CE261102paddington .lp-photo--look04-02 {
  position: absolute;
  top: calc(632 * var(--formula));
  left: calc(80 * var(--formula));
  width: calc(480 * var(--formula));
}

#CE261102paddington .lp-circles__line {
  position: absolute;
  top: calc(390 * var(--formula));
  left: calc(347 * var(--formula));
  width: calc(213 * var(--formula));
}

#CE261102paddington .lp-look--04 .lp-look__body {
  margin-top: calc(36 * var(--formula));
}

#CE261102paddington .lp-look__text--04 {
  margin-inline: auto;
  width: calc(366 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 2.125;
  letter-spacing: 0.0em;
  text-align: center;
  color: #253088;
  white-space: nowrap;
}

#CE261102paddington .lp-credit--look04 {
  margin-top: calc(14 * var(--formula));
  margin-inline: calc(101 * var(--formula)) auto;
  width: calc(359 * var(--formula));
  font-size: calc(14 * var(--formula));
  line-height: 1.5714;
  letter-spacing: 0.0em;
  text-align: center;
  color: #253088;
  white-space: nowrap;
}

#CE261102paddington .lp-emblem--cake {
  position: absolute;
  z-index: 1;
  top: calc(-355 * var(--formula));
  left: 0;
  width: calc(523 * var(--formula));
}

#CE261102paddington .lp-emblem--cake .lp-emblem__bear {
  margin-left: calc(65 * var(--formula));
  width: calc(323 * var(--formula));
}

#CE261102paddington .lp-emblem__line--03 {
  position: absolute;
  top: calc(206 * var(--formula));
  left: calc(0 * var(--formula));
  width: calc(523 * var(--formula));
}

#CE261102paddington .lp-logo-set--cake {
  position: absolute;
  top: calc(159 * var(--formula));
  left: calc(309 * var(--formula));
  width: calc(149 * var(--formula));
}

#CE261102paddington .lp-movie--bag {
  padding-bottom: calc(80 * var(--formula));
}

#CE261102paddington .lp-movie__frame--bag {
  margin-top: calc(13 * var(--formula));
  margin-inline: auto;
  width: calc(400 * var(--formula));
}

#CE261102paddington .lp-look-area--05 {
  padding-bottom: calc(80 * var(--formula));
}

#CE261102paddington .lp-look--05 {
  position: relative;
  margin-inline: calc(55 * var(--formula)) auto;
  width: calc(450 * var(--formula));
  padding-bottom: calc(70 * var(--formula));
}

#CE261102paddington .lp-photo--look05-01 {
  margin-top: calc(70 * var(--formula));
  margin-left: calc(51 * var(--formula));
  width: calc(348 * var(--formula));
}

#CE261102paddington .lp-photo--look05-02 {
  margin-top: calc(317 * var(--formula));
  margin-left: calc(51 * var(--formula));
  width: calc(348 * var(--formula));
}

#CE261102paddington .lp-look--05 .lp-card__bg {
  position: absolute;
  top: calc(0 * var(--formula));
  left: calc(0 * var(--formula));
  width: calc(450 * var(--formula));
}

#CE261102paddington .lp-look__text--05 {
  position: absolute;
  top: calc(562 * var(--formula));
  left: calc(66 * var(--formula));
  width: calc(319 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 2.125;
  letter-spacing: 0.0em;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

#CE261102paddington .lp-credit--look05 {
  position: absolute;
  top: calc(745 * var(--formula));
  left: calc(46 * var(--formula));
  width: calc(359 * var(--formula));
  font-size: calc(14 * var(--formula));
  line-height: 1.5714;
  letter-spacing: 0.0em;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

#CE261102paddington .lp-look--06 {
  margin-top: calc(-32 * var(--formula));
}

#CE261102paddington .lp-look06-main {
  position: relative;
  width: calc(560 * var(--formula));
  padding-bottom: calc(522 * var(--formula));
}

#CE261102paddington .lp-look06-main__dog {
  margin-left: calc(398 * var(--formula));
  width: calc(132 * var(--formula));
}

#CE261102paddington .lp-photo--look06-01 {
  position: absolute;
  top: calc(32 * var(--formula));
  left: calc(0 * var(--formula));
  width: calc(560 * var(--formula));
}

#CE261102paddington .lp-slider--look06 {
  margin-top: calc(52 * var(--formula));
  width: calc(320 * var(--formula));
}

#CE261102paddington .lp-look06-dog {
  margin-top: calc(-35 * var(--formula));
  margin-inline: calc(148 * var(--formula)) auto;
  width: calc(132 * var(--formula));
}

#CE261102paddington .lp-look--06 .lp-look__body {
  margin-top: calc(28 * var(--formula));
}

#CE261102paddington .lp-look__text--06 {
  margin-inline: auto;
  width: calc(415 * var(--formula));
  font-size: calc(16 * var(--formula));
  line-height: 2.125;
  letter-spacing: 0.0em;
  text-align: center;
  color: #253088;
  white-space: nowrap;
}

#CE261102paddington .lp-credit--look06 {
  margin-top: calc(14 * var(--formula));
  margin-inline: auto;
  width: calc(359 * var(--formula));
  font-size: calc(14 * var(--formula));
  line-height: 1.5714;
  letter-spacing: 0.0em;
  text-align: center;
  color: #253088;
  white-space: nowrap;
}

#CE261102paddington .lp-movie__frame--motif {
  margin-top: calc(78 * var(--formula));
  margin-inline: auto;
  width: calc(400 * var(--formula));
}

#CE261102paddington .lp-all__link {
  margin-top: calc(1 * var(--formula));
}

#CE261102paddington .lp-all__bear {
  position: relative;
  z-index: 1;
  margin-inline: calc(80 * var(--formula)) auto;
  width: calc(401 * var(--formula));
}

#CE261102paddington .lp-all__title {
  margin-top: calc(-17 * var(--formula));
  margin-inline: calc(122 * var(--formula)) auto;
  width: calc(317 * var(--formula));
}

#CE261102paddington .lp-all__copyright {
  margin-top: calc(18 * var(--formula));
  margin-inline: auto;
  width: calc(167 * var(--formula));
  font-size: calc(20 * var(--formula));
  line-height: 1.2;
  letter-spacing: 0.0em;
  text-align: center;
  color: #505050;
  white-space: nowrap;
}

#CE261102paddington .lp-town--end {
  margin-top: calc(50 * var(--formula));
  width: calc(560 * var(--formula));
}

#CE261102paddington .lp-inner {
  position: relative;
  background-color: var(--color-bg);
}

#CE261102paddington .lp-mv {
  overflow: clip;
}

#CE261102paddington .lp-mv__photo {
  overflow: hidden;
}

#CE261102paddington .lp-intro {
  background-image: linear-gradient(transparent calc(25 * var(--formula)), var(--color-beige) calc(25 * var(--formula)));
}

#CE261102paddington .lp-look-area--03 {
  /* background-image: linear-gradient(transparent calc(3133 * var(--formula)), var(--color-beige) calc(3133 * var(--formula))); */
}

#CE261102paddington .lp-movie--bag {
  background-color: var(--color-beige);
  position: relative;
  margin-top: calc(336 * var(--formula));
  padding-top: calc(58 * var(--formula));
}

#CE261102paddington .lp-look-area--05 {
  background-image: linear-gradient(var(--color-beige) calc(1354 * var(--formula)), transparent calc(1354 * var(--formula)));
}

#CE261102paddington .lp-all {
  background-image: linear-gradient(transparent calc(66 * var(--formula)), var(--color-beige) calc(66 * var(--formula)));
}

#CE261102paddington .lp-intro__text {
  color: var(--color-text);
}

#CE261102paddington .lp-look__text--01,
#CE261102paddington .lp-credit--look01,
#CE261102paddington .lp-look__text--04,
#CE261102paddington .lp-credit--look04,
#CE261102paddington .lp-look__text--06,
#CE261102paddington .lp-credit--look06 {
  color: var(--color-navy);
}

#CE261102paddington .lp-look__text--02,
#CE261102paddington .lp-credit--look02,
#CE261102paddington .lp-look__text--05,
#CE261102paddington .lp-credit--look05 {
  color: #fff;
}

#CE261102paddington .lp-look__text--03,
#CE261102paddington .lp-credit--look03 {
  color: var(--color-red);
}

#CE261102paddington .lp-all__copyright {
  color: var(--color-copyright);
}

#CE261102paddington .lp-credit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

#CE261102paddington .lp-credit__row {
  display: flex;
  justify-content: center;
  gap: calc(14 * var(--formula));
}

#CE261102paddington .lp-credit__item {
  display: block;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

#CE261102paddington .lp-movie__frame {
  position: relative;
}

#CE261102paddington .lp-movie__video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  object-fit: cover;
}

#CE261102paddington .lp-movie__sound {
  position: absolute;
  left: calc(10 * var(--formula));
  bottom: calc(6 * var(--formula));
  display: flex;
  align-items: center;
  height: calc(32 * var(--formula));
  color: #fff;
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: calc(14 * var(--formula));
  line-height: calc(32 * var(--formula));
  letter-spacing: 0.08em;
}

#CE261102paddington .lp-movie__sound-item {
  display: flex;
  align-items: center;
}

#CE261102paddington .lp-movie__sound-item::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}

#CE261102paddington .lp-movie__sound-item--on {
  width: calc(64 * var(--formula));
}

#CE261102paddington .lp-movie__sound-item--on::before {
  width: calc(11 * var(--formula));
  height: calc(14 * var(--formula));
  margin-right: calc(3 * var(--formula));
  background-image: url("../img/sound-icon.svg");
}

#CE261102paddington .lp-movie__sound-item--off::before {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  margin-right: calc(5 * var(--formula));
  background-image: url("../img/sound-off.svg");
}

#CE261102paddington .lp-photo a,
#CE261102paddington .lp-slide__link {
  position: relative;
  display: block;
  overflow: hidden;
}

#CE261102paddington .lp-photo a::after,
#CE261102paddington .lp-slide__link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

#CE261102paddington .lp-photo--look01-01 a,
#CE261102paddington .lp-slide__link {
  border-radius: calc(45 * var(--formula)) calc(45 * var(--formula)) 0 0;
}

#CE261102paddington .lp-photo--look01-01 a::after,
#CE261102paddington .lp-slider--look01 .lp-slide__link::after {
  border: calc(3 * var(--formula)) solid var(--color-frame);
}

#CE261102paddington .lp-slider--look06 .lp-slide__link::after {
  border: calc(3 * var(--formula)) solid var(--color-navy);
}

/* #CE261102paddington .lp-photo--look02-01 a::after,
#CE261102paddington .lp-photo--look02-02 a::after {
  border: calc(10 * var(--formula)) solid #fff;
} */

#CE261102paddington .lp-photo--look04-01 a,
#CE261102paddington .lp-photo--look04-02 a,
#CE261102paddington .lp-photo--look05-01 a,
#CE261102paddington .lp-photo--look05-02 a {
  border-radius: 50%;
}

/* #CE261102paddington .lp-photo--look05-01 a::after,
#CE261102paddington .lp-photo--look05-02 a::after {
  border: calc(10 * var(--formula)) solid #fff;
} */

#CE261102paddington .lp-photo--look06-01 a {
  border-radius: 0 0 calc(50 * var(--formula)) calc(50 * var(--formula));
}

#CE261102paddington .lp-photo--look06-01 a::after {
  border: calc(3 * var(--formula)) solid var(--color-navy);
}

#CE261102paddington .lp-slider {
  width: 100%;
}

#CE261102paddington .lp-slide {
  width: calc(317 * var(--formula));
}

#CE261102paddington .lp-slide__link {
  width: calc(320 * var(--formula));
}

#CE261102paddington .lp-card__bg {
  height: calc(1282 * var(--formula));
  background-color: var(--color-red);
  background-image: url("../img/look02-grid.svg");
  background-size: 100% 100%;
  border-radius: calc(50 * var(--formula)) calc(50 * var(--formula)) 0 0;
}

#CE261102paddington .lp-look--05 .lp-card__bg {
  height: calc(1354 * var(--formula));
  background-color: var(--color-navy);
  background-image: url("../img/look05-grid.svg");
}

#CE261102paddington .lp-town {
  position: relative;
  height: calc(555 * var(--formula));
  overflow: clip;
}

#CE261102paddington .lp-town__group {
  position: absolute;
}

#CE261102paddington .lp-town__group--a {
  top: 0;
  left: calc(27 * var(--formula));
  width: calc(508 * var(--formula));
}

#CE261102paddington .lp-town__group--b {
  top: calc(0 * var(--formula));
  left: calc(-82 * var(--formula));
  width: calc(642 * var(--formula));
}

#CE261102paddington .lp-emblem--umbrella,
#CE261102paddington .lp-circles__head,
#CE261102paddington .lp-look06-main__dog,
#CE261102paddington .lp-look06-dog {
  position: relative;
  z-index: 2;
}

#CE261102paddington .lp-all__link {
  display: block;
}

#CE261102paddington .lp-pagetop {
  position: absolute;
  top: calc(1117 * var(--formula));
  bottom: 0;
  left: calc(515 * var(--formula));
  z-index: 5;
  width: calc(32 * var(--formula));
}

#CE261102paddington .lp-pagetop__link {
  position: sticky;
  top: calc(50dvh - 36 * var(--formula));
  display: block;
}

#CE261102paddington .lp-rail {
  display: none;
}

@media (min-width: 768px) {
  #CE261102paddington {
    background-color: var(--color-band);
  }

  #CE261102paddington .lp-layout {
    max-width: calc(var(--pc-width) * 1px);
    margin-inline: auto;
    padding-inline: calc(140 * var(--formula_pc));
    background-color: var(--color-band);
  }

  #CE261102paddington .lp-layout__sub--left {
    background-color: var(--color-bg);
  }

  #CE261102paddington .lp-rail {
    display: block;
    position: absolute;
    inset: 0;
  }

  #CE261102paddington .lp-movie__frame--rail {
    height: 100%;
  }

  #CE261102paddington .lp-movie__video--rail {
    height: 100%;
    aspect-ratio: auto;
  }

  #CE261102paddington .lp-layout__primary {
    background-color: var(--color-bg);
  }

  #CE261102paddington .lp-mv__visual {
    margin-top: 0;
  }

  #CE261102paddington .lp-intro {
    background-image: none;
    background-color: var(--color-beige);
  }

  #CE261102paddington .lp-intro__head {
    margin-top: calc(43 * var(--formula));
  }

  #CE261102paddington .lp-pagetop {
    top: calc(1300 * var(--formula));
  }
}

#CE261102paddington .lp-wipe {
  transition: clip-path 0.85s var(--ease-clip) var(--d, 0s);
}

#CE261102paddington .lp-wipe--ltr { clip-path: inset(0 100% 0 0); }
#CE261102paddington .lp-wipe--ttb { clip-path: inset(0 0 100% 0); }
#CE261102paddington .lp-wipe--btt { clip-path: inset(100% 0 0 0); }

#CE261102paddington .lp-mv__photo img {
  scale: 1.3;
  transition: scale 1.35s var(--ease-zoom) var(--d, 0s);
}

#CE261102paddington .lp-mv__logo--paddington { --d: 0.4s; }
#CE261102paddington .lp-mv__logo--celford { --d: 0.8s; }
#CE261102paddington .lp-mv__logo--cross,
#CE261102paddington .lp-mv__release { --d: 1.2s; }

#CE261102paddington .ani-group.is-active .lp-wipe {
  clip-path: inset(0);
}

#CE261102paddington .ani-group.is-active .lp-mv__photo img {
  scale: 1;
}

#CE261102paddington .ani-wipe {
  transition: clip-path var(--duration-wipe) var(--ease-fade) var(--d, 0s);
}

#CE261102paddington .ani-wipe--ltr { clip-path: inset(0 100% 0 0); }
#CE261102paddington .ani-wipe--rtl { clip-path: inset(0 0 0 100%); }
#CE261102paddington .ani-wipe--ttb { clip-path: inset(0 0 100% 0); }
#CE261102paddington .ani-wipe--btt { clip-path: inset(100% 0 0 0); }

#CE261102paddington .ani-group.is-active .ani-wipe {
  clip-path: inset(0);
}

#CE261102paddington .lp-logo-set--intro,
#CE261102paddington .lp-all__title,
#CE261102paddington .lp-emblem .lp-logo-set,
#CE261102paddington .lp-circles .lp-photo--look04-02,
#CE261102paddington .lp-circles__head,
#CE261102paddington .lp-photo--look02-01,
#CE261102paddington .lp-photo--look05-01 { --d: var(--delay-order); }

#CE261102paddington .lp-emblem__line,
#CE261102paddington .lp-circles__line,
#CE261102paddington .lp-card .lp-look__text,
#CE261102paddington .lp-card .lp-credit { --d: calc(var(--delay-order) * 2); }

#CE261102paddington .lp-card .lp-photo--look02-02,
#CE261102paddington .lp-card .lp-photo--look05-02 { --d: calc(var(--delay-order) * 3); }

#CE261102paddington .ani-fade-up {
  opacity: 0;
  translate: 0 calc(30 * var(--formula));
  transition: opacity 0.85s var(--ease-fade) var(--d, 0s), translate 1s var(--ease-fade) var(--d, 0s);
}

#CE261102paddington .ani-fade-up.is-active {
  opacity: 1;
  translate: none;
}

#CE261102paddington .lp-town__group {
  transition: translate var(--duration-slide) var(--ease-slide);
}

#CE261102paddington .lp-town__group--a {
  translate: calc(-560 * var(--formula)) 0;
}

#CE261102paddington .lp-town__group--b {
  translate: calc(697 * var(--formula)) 0;
  transition-delay: var(--duration-slide);
}

#CE261102paddington .lp-town.is-active .lp-town__group {
  translate: none;
}

@media (prefers-reduced-motion: reduce) {
  #CE261102paddington .lp-wipe,
  #CE261102paddington .ani-wipe {
    clip-path: none;
    transition: none;
  }

  #CE261102paddington .lp-mv__photo img,
  #CE261102paddington .lp-town__group,
  #CE261102paddington .ani-fade-up {
    opacity: 1;
    scale: none;
    translate: none;
    transition: none;
  }
}

#CE261102paddington .lp-mv__logo--cross {
  width: calc(26 * var(--formula));
}

#CE261102paddington .lp-emblem__bear {
  position: relative;
  z-index: 1;
}

#CE261102paddington .lp-emblem .lp-logo-set {
  z-index: 2;
}