.ccp-school-life{--ink:#11294c;--cyan:#00a6c7;--pink:#e5007d;--yellow:#ffde00;background:#fffdf8;color:#151515;padding:clamp(30px,4.5vw,68px) 0}.ccp-school-life *{box-sizing:border-box}.ccp-school-life__wrap{max-width:1540px;margin:0 auto;padding:0 clamp(16px,3.6vw,58px)}.ccp-school-life__stage{position:relative;min-height:clamp(590px,51vw,760px);overflow:hidden;isolation:isolate;border:1px solid #ddd8ce;border-radius:34px;background:linear-gradient(180deg,#f3eee7 0 59%,#e6bf91 59% 100%);box-shadow:0 24px 70px #201c161c;opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.ccp-school-life.is-visible .ccp-school-life__stage{opacity:1;transform:none}.ccp-school-life__room{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.ccp-school-life__room:before{content:"";position:absolute;top:0;right:0;bottom:41%;left:0;background:radial-gradient(circle at 17% 16%,#fffaf1 0 10%,transparent 31%),linear-gradient(120deg,transparent 0 52%,rgb(255 245 210 / 28%) 62%,transparent 77%),linear-gradient(180deg,#f3eee7,#ece5dc)}.ccp-school-life__desk{position:absolute;left:0;right:0;bottom:0;height:43%;background:linear-gradient(92deg,rgb(255 255 255 / 9%) 0 17%,transparent 17% 45%,rgb(255 255 255 / 7%) 45% 46%,transparent 46%),linear-gradient(90deg,#dfb889,#eccba4 38%,#d8ad7d 72%,#eac89f);clip-path:polygon(0 13%,100% 0,100% 100%,0 100%);box-shadow:inset 0 18px 36px #663e151a}.ccp-school-life__window{position:absolute;right:7%;top:7%;width:24%;height:30%;border:12px solid #fbfaf5;border-radius:5px;background:linear-gradient(155deg,#bfe6f2,#eff9fc 55%,#d5edf5);box-shadow:0 13px 32px #435b5e1f}.ccp-school-life__window:before,.ccp-school-life__window:after{content:"";position:absolute;background:#fbfaf5}.ccp-school-life__window:before{left:49%;top:0;bottom:0;width:8px}.ccp-school-life__window:after{left:0;right:0;top:48%;height:8px}.ccp-school-life__art{position:absolute;border:7px solid #faf8f2;background:#fff;box-shadow:0 8px 22px #28211814}.ccp-school-life__art:before{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;background:linear-gradient(135deg,var(--cyan) 0 33%,var(--yellow) 33% 64%,var(--pink) 64%)}.ccp-school-life__art--one{left:38%;top:10%;width:9%;height:15%;transform:rotate(-2deg)}.ccp-school-life__art--two{left:49%;top:13%;width:7%;height:11%;transform:rotate(3deg)}.ccp-school-life__art--two:before{background:linear-gradient(35deg,#132c54 0 50%,#f8f4e9 50%)}.ccp-school-life__plant{position:absolute;right:3%;bottom:37%;width:8%;height:19%}.ccp-school-life__plant b{position:absolute;left:28%;right:17%;bottom:0;height:44%;border-radius:9px 9px 23px 23px;background:#a66a43}.ccp-school-life__plant i{position:absolute;left:45%;bottom:35%;width:26%;height:46%;border-radius:100% 0;background:#638b68;transform-origin:bottom}.ccp-school-life__plant i:nth-child(1){transform:rotate(-38deg)}.ccp-school-life__plant i:nth-child(2){left:34%;height:55%;transform:rotate(8deg);background:#6f9871}.ccp-school-life__plant i:nth-child(3){left:54%;height:50%;transform:rotate(35deg);background:#537c59}.ccp-school-life__chair{position:absolute;left:4%;bottom:-9%;width:16%;height:35%;border-radius:45% 45% 12% 12%;background:#d5d0c8}.ccp-school-life__copy{position:absolute;left:clamp(26px,4.2vw,68px);top:8%;width:min(30%,390px);z-index:30}.ccp-school-life__brand{display:flex;align-items:baseline;gap:2px;margin:0 0 12px;color:#174f91;font-size:clamp(22px,2.35vw,38px);line-height:1;letter-spacing:-.055em}.ccp-school-life__brand span{font-weight:850}.ccp-school-life__brand strong{font-weight:400}.ccp-school-life__eyebrow{margin:0 0 10px;color:#006f84;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ccp-school-life__copy h2{max-width:8.8ch;margin:0;color:var(--ink);font-size:clamp(42px,4.8vw,72px);font-weight:820;line-height:.95;letter-spacing:-.055em}.ccp-school-life__text{max-width:34ch;margin:18px 0 0;color:#38465b;font-size:clamp(13px,1.05vw,16px);line-height:1.62}.ccp-school-life__cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;margin-top:24px;padding:11px 22px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 12px 24px #11294c2e;transition:transform .2s ease,box-shadow .2s ease}.ccp-school-life__products{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.ccp-school-life__product{position:absolute;left:var(--item-x);top:var(--item-y);width:var(--item-w);z-index:var(--item-z);opacity:0;transform:translate(calc(-50% + var(--drift-x,0px)),calc(-50% + 18px + var(--drift-y,0px))) rotate(var(--item-r));transform-origin:center;transition:opacity .42s ease var(--item-delay),transform .68s cubic-bezier(.2,.8,.2,1) var(--item-delay);will-change:transform}.ccp-school-life.is-visible .ccp-school-life__product{opacity:1;transform:translate(calc(-50% + var(--drift-x,0px)),calc(-50% + var(--drift-y,0px))) rotate(var(--item-r))}.ccp-school-life__product-link{display:block;text-decoration:none}.ccp-school-life__product-link img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 18px 15px rgb(38 25 13 / 24%));transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease}.ccp-school-life__product--multiply img{mix-blend-mode:multiply}.ccp-school-life__hotspot{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);z-index:45;opacity:0;transform:translate(-50%,-50%) scale(.72);transition:opacity .3s ease var(--hotspot-delay),transform .42s cubic-bezier(.2,.8,.2,1) var(--hotspot-delay)}.ccp-school-life.is-visible .ccp-school-life__hotspot{opacity:1;transform:translate(-50%,-50%) scale(1)}.ccp-school-life__hotspot summary{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--ink);color:#fff;list-style:none;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 7px 22px #00000040;transition:transform .2s ease}.ccp-school-life__hotspot summary::-webkit-details-marker{display:none}.ccp-school-life__hotspot summary:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid currentColor;border-radius:50%;opacity:.36;animation:ccp-school-life-pulse 2.5s ease-out infinite}.ccp-school-life__hotspot--cyan summary{background:#007d97}.ccp-school-life__hotspot--pink summary{background:#b30062}.ccp-school-life__hotspot--yellow summary{background:#6e5f00}.ccp-school-life__hotspot[open] summary{transform:rotate(45deg)}.ccp-school-life__popover{position:absolute;top:52px;width:min(285px,72vw);padding:17px 18px;border:1px solid #ded8cc;border-radius:18px;background:#fff;color:#151515;box-shadow:0 18px 50px #11111130;animation:ccp-school-life-pop .2s ease both}.ccp-school-life__hotspot--right .ccp-school-life__popover{left:0}.ccp-school-life__hotspot--left .ccp-school-life__popover{right:0}.ccp-school-life__vendor{display:block;margin-bottom:5px;color:#006f84;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ccp-school-life__popover strong{display:block;font-size:14px;line-height:1.35}.ccp-school-life__price{display:block;margin-top:7px;font-size:19px;font-weight:800}.ccp-school-life__form{margin-top:13px}.ccp-school-life__buy{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:13px;padding:10px 15px;border:0;border-radius:999px;background:#151515;color:#fff;text-decoration:none;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.ccp-school-life__details-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;color:#151515;font-size:11px;font-weight:700;text-align:center;text-underline-offset:4px}.ccp-school-life__under{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 4px 0;color:#4a4a4a;font-size:12px}.ccp-school-life__under p{margin:0}.ccp-school-life__under a{display:inline-flex;align-items:center;min-height:44px;color:#151515;font-weight:800;text-decoration:none}.ccp-school-life__mobile-rail{display:none}.ccp-school-life :is(a,button,summary):focus-visible{outline:3px solid #006f84;outline-offset:4px}@keyframes ccp-school-life-pulse{0%{transform:scale(.75);opacity:.42}80%,to{transform:scale(1.55);opacity:0}}@keyframes ccp-school-life-pop{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}@media(hover:hover){.ccp-school-life__cta:hover{transform:translateY(-3px);box-shadow:0 17px 30px #11294c3d}.ccp-school-life__product-link:hover img{transform:scale(1.045);filter:drop-shadow(0 24px 20px rgb(38 25 13 / 28%))}.ccp-school-life__hotspot summary:hover{transform:scale(1.09)}.ccp-school-life__hotspot[open] summary:hover{transform:rotate(45deg) scale(1.09)}}@media(max-width:989px){.ccp-school-life__stage{min-height:650px}.ccp-school-life__copy{width:34%;left:30px}.ccp-school-life__copy h2{font-size:50px}.ccp-school-life__window{width:27%;right:4%}.ccp-school-life__hotspot summary{width:48px;height:48px}.ccp-school-life__popover{width:238px}}@media(max-width:749px){.ccp-school-life{padding:24px 0 42px}.ccp-school-life__wrap{padding-inline:14px}.ccp-school-life__stage{min-height:700px;border-radius:25px}.ccp-school-life__window{right:6%;top:7%;width:35%;height:20%;border-width:8px}.ccp-school-life__art--one{left:7%;top:37%;width:18%;height:12%}.ccp-school-life__art--two{left:28%;top:40%;width:14%;height:9%}.ccp-school-life__plant{right:1%;bottom:34%;width:15%;height:15%}.ccp-school-life__chair{left:-8%;width:27%;height:26%}.ccp-school-life__copy{left:22px;right:22px;top:25px;width:auto}.ccp-school-life__brand{font-size:28px}.ccp-school-life__eyebrow{font-size:9px}.ccp-school-life__copy h2{max-width:9.2ch;font-size:43px}.ccp-school-life__text{max-width:36ch;margin-top:13px;font-size:13px}.ccp-school-life__cta{min-height:45px;margin-top:16px;padding:10px 18px;font-size:12px}.ccp-school-life__product{display:none}.ccp-school-life__product.is-mobile-featured{display:block;left:var(--mobile-x);top:var(--mobile-y);width:var(--mobile-w);opacity:0;transform:translate(-50%,-50%) rotate(var(--item-r))}.ccp-school-life.is-visible .ccp-school-life__product.is-mobile-featured{opacity:1;transform:translate(-50%,-50%) rotate(var(--item-r))}.ccp-school-life__product-link img{max-height:235px}.ccp-school-life__hotspot{display:none}.ccp-school-life__under{align-items:flex-start;flex-direction:column;gap:7px;padding:13px 4px 0}.ccp-school-life__mobile-rail{display:flex;gap:12px;overflow-x:auto;margin:20px -14px 0;padding:0 14px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}.ccp-school-life__mobile-rail::-webkit-scrollbar{display:none}.ccp-school-life__mobile-card{flex:0 0 min(63vw,245px);overflow:hidden;border:1px solid #e5dfd4;border-radius:20px;background:#fff;color:#151515;text-decoration:none;scroll-snap-align:start;box-shadow:0 10px 28px #14141412}.ccp-school-life__mobile-image{display:block;aspect-ratio:1.12;background:#f6eee2;overflow:hidden}.ccp-school-life__mobile-image img{display:block;width:100%;height:100%;padding:10px;object-fit:contain;mix-blend-mode:multiply}.ccp-school-life__mobile-meta{display:flex;flex-direction:column;gap:8px;padding:14px;font-size:12px;line-height:1.35}.ccp-school-life__mobile-meta strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.ccp-school-life__stage,.ccp-school-life__product,.ccp-school-life__hotspot{opacity:1;transition:none}.ccp-school-life__stage{transform:none}.ccp-school-life__product{transform:translate(-50%,-50%) rotate(var(--item-r))}.ccp-school-life__hotspot{transform:translate(-50%,-50%)}.ccp-school-life__hotspot summary:after{animation:none}.ccp-school-life__product-link img,.ccp-school-life__cta,.ccp-school-life__hotspot summary{transition:none}}.ccp-grid-banner{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin-block:clamp(18px,3vw,38px);opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.ccp-grid-banner.is-visible{opacity:1;transform:none}.ccp-grid-banner__inner{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:390px;border-radius:30px;overflow:hidden;background:#fff0b9;border:1px solid #e8dfce}.ccp-grid-banner--cyan .ccp-grid-banner__inner{background:#dff5fa}.ccp-grid-banner--pink .ccp-grid-banner__inner{background:#f9e3ef}.ccp-grid-banner--paper .ccp-grid-banner__inner{background:#f4efe5}.ccp-grid-banner__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,58px);z-index:2}.ccp-grid-banner__eyebrow{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#006f84}.ccp-grid-banner__copy h2{margin:0;max-width:11ch;font-size:clamp(32px,4vw,58px);line-height:1.02;letter-spacing:-.045em;color:#151515}.ccp-grid-banner__copy>p:not(.ccp-grid-banner__eyebrow){max-width:38ch;margin:20px 0 0;font-size:16px;line-height:1.6;color:#383838}.ccp-grid-banner__links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:28px}.ccp-grid-banner__links>a:first-child{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:11px 21px;border-radius:999px;background:#151515;color:#fff;text-decoration:none;font-weight:700}.ccp-grid-banner__all{color:#151515;font-size:13px;font-weight:700;text-underline-offset:5px}.ccp-grid-banner__visual{position:relative;min-height:390px;overflow:hidden}.ccp-grid-banner__product{position:absolute;display:flex;flex-direction:column;text-decoration:none;color:#151515;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.ccp-grid-banner__product--one{inset:auto auto 28px 7%;width:min(52%,430px);transform:rotate(-3deg)}.ccp-grid-banner__product--two{inset:28px 5% auto auto;width:min(40%,310px);transform:rotate(5deg)}.ccp-grid-banner__image{display:block;aspect-ratio:1;border-radius:24px;background:#fff;box-shadow:0 18px 45px #1414141f;overflow:hidden}.ccp-grid-banner__image img{display:block;width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.ccp-grid-banner__meta{display:flex;justify-content:space-between;gap:12px;padding:10px 6px 0;font-size:12px;line-height:1.3}.ccp-grid-banner__meta strong{max-width:20ch}.ccp-grid-banner__meta>span{font-weight:700;white-space:nowrap}.ccp-grid-banner__drop{position:absolute;width:26px;height:34px;border-radius:66% 66% 62% 12%;transform:rotate(-35deg);animation:ccp-grid-float 5.6s ease-in-out infinite}.ccp-grid-banner__drop--1{top:12%;left:9%;background:#00a6c7}.ccp-grid-banner__drop--2{bottom:11%;right:8%;background:#e5007d;animation-delay:-1.8s}.ccp-grid-banner__drop--3{top:45%;right:43%;width:18px;height:23px;background:#ffde00;animation-delay:-3.2s}@keyframes ccp-grid-float{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:5deg}}@media(hover:hover){.ccp-grid-banner__product--one:hover{transform:rotate(-1deg) translateY(-7px)}.ccp-grid-banner__product--two:hover{transform:rotate(2deg) translateY(-7px)}.ccp-grid-banner__product:hover img{transform:scale(1.045)}}@media(max-width:749px){.ccp-grid-banner{margin-block:18px}.ccp-grid-banner__inner{grid-template-columns:1fr;min-height:0;border-radius:24px}.ccp-grid-banner__copy{padding:27px 22px 10px}.ccp-grid-banner__copy h2{font-size:34px;max-width:12ch}.ccp-grid-banner__copy>p:not(.ccp-grid-banner__eyebrow){font-size:14px;margin-top:14px}.ccp-grid-banner__links{margin-top:20px}.ccp-grid-banner__visual{min-height:315px}.ccp-grid-banner__product--one{left:5%;bottom:22px;width:58%}.ccp-grid-banner__product--two{right:4%;top:18px;width:43%}.ccp-grid-banner__image{border-radius:18px}.ccp-grid-banner__image img{padding:10px}.ccp-grid-banner__meta{font-size:10px}.ccp-grid-banner__meta strong{max-width:14ch}.ccp-grid-banner__drop--3{right:45%}}@media(prefers-reduced-motion:reduce){.ccp-grid-banner{opacity:1;transform:none;transition:none}.ccp-grid-banner__drop{animation:none}.ccp-grid-banner__product,.ccp-grid-banner__image img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map?subset=AACE */