@charset "UTF-8";
.page-presentation-design .commerce-page{--commerce-ink:#242927;--commerce-muted:#69716d;--commerce-line:#d9dfd8}
.page-presentation-design .commerce-hero.commerce-hero-showcase{min-height:530px;padding:12px 0 48px}
.page-presentation-design .commerce-hero-showcase:before{inset:0 -5%;background:radial-gradient(ellipse at 51% 48%,#e2e9ddbd,transparent 69%)}
.presentation-hero{position:relative;isolation:isolate;width:min(100%,700px);height:505px;margin:auto;overflow:hidden}
.presentation-hero-grid{position:absolute;inset:7% 3% 8%;background-image:linear-gradient(#a9baa526 1px,transparent 1px),linear-gradient(90deg,#a9baa526 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}
.presentation-hero-slide{position:absolute;overflow:hidden;border:5px solid #f9faf6;border-radius:4px;box-shadow:0 24px 52px -21px #16241f91;transform-origin:center;animation:presentation-float 8s ease-in-out infinite alternate}
.presentation-hero-slide-back{z-index:1;right:3%;top:6%;width:58%;height:46%;padding:19px 22px;background:#dce6d5;color:#28382d;transform:rotate(7deg);animation-delay:-4s}.presentation-hero-slide-back>span,.presentation-hero-slide-middle>span{font-size:9px;font-weight:850;letter-spacing:.14em}.presentation-hero-slide-back>strong{position:absolute;right:20px;bottom:18px;font-size:21px;line-height:1.03;letter-spacing:-.06em}.presentation-hero-bars{position:absolute;left:22px;top:63px;bottom:19px;display:flex;align-items:flex-end;gap:8px;width:44%}.presentation-hero-bars i{display:block;flex:1;height:34%;background:#8aa076}.presentation-hero-bars i:nth-child(2){height:52%}.presentation-hero-bars i:nth-child(3){height:68%}.presentation-hero-bars i:nth-child(4){height:90%;background:#2f4937}
.presentation-hero-slide-middle{z-index:2;right:2%;bottom:9%;width:58%;height:48%;padding:20px 23px;background:#e9e3d8;color:#2a332c;transform:rotate(-6deg);animation-delay:-2s}.presentation-hero-slide-middle>strong{display:block;margin-top:22px;font-size:clamp(22px,2.4vw,35px);line-height:1;letter-spacing:-.07em}.presentation-hero-middle-line{width:46%;height:3px;margin-top:22px;background:#738a6e}.presentation-hero-slide-middle>small{position:absolute;bottom:18px;left:23px;font-size:8px;font-weight:850;letter-spacing:.13em}
.presentation-hero-slide-front{z-index:3;left:5%;top:13%;width:70%;height:70%;display:flex;flex-direction:column;padding:23px 28px;background:#1d2823;color:#f6f7ef;transform:rotate(-3deg);animation-delay:-6s}.presentation-hero-slide-top,.presentation-hero-slide-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:8px;font-size:8px;font-weight:850;letter-spacing:.15em}.presentation-hero-slide-front>strong{position:relative;z-index:2;margin:auto 0;font-size:clamp(35px,4.1vw,59px);line-height:.98;letter-spacing:-.075em}.presentation-hero-circle{position:absolute;top:13%;right:-9%;width:49%;aspect-ratio:1;border:2px solid #a9c58b;border-radius:50%;box-shadow:0 0 0 25px #a9c58b12,0 0 0 53px #a9c58b0a}.presentation-hero-circle:before{content:"";position:absolute;inset:22%;border-radius:50%;background:#a9c58b}.presentation-hero-slide-bottom{padding-top:11px;border-top:1px solid #ffffff4b}.presentation-hero-slide-bottom span:last-child{font-size:20px;line-height:.5;color:#b8d597}
.presentation-hero-index{position:absolute;z-index:4;left:7%;bottom:2%;display:flex;align-items:center;gap:7px;color:#5d6c61;font-size:10px;font-weight:850}.presentation-hero-index i{display:block;width:38px;height:1px;background:#8da08e}.presentation-hero-index small{margin-left:9px;font-size:8px;letter-spacing:.13em}
.presentation-gallery{background:#ecefea}.presentation-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.presentation-gallery-card{display:flex;flex-direction:column;min-width:0;min-height:515px;margin:0;padding:25px 27px 29px;overflow:hidden;border-radius:8px}.presentation-gallery-cover{background:#f8faf5;color:#243128;border:1px solid #d6ded4}.presentation-gallery-data{background:#233229;color:#f7f9f3}.presentation-gallery-art{position:relative;flex:1;min-height:322px;display:grid;place-items:center}.presentation-gallery-index{position:absolute;z-index:2;top:0;left:0;font-size:10px;font-weight:850;letter-spacing:.14em;opacity:.7}.presentation-cover-slide,.presentation-data-slide{position:relative;width:88%;aspect-ratio:16/10;margin-top:23px;box-shadow:0 21px 38px -15px #0e1d15a3}.presentation-cover-slide{display:flex;flex-direction:column;overflow:hidden;padding:18px 21px;background:#1d2923;color:#fff;transform:rotate(-3deg)}.presentation-cover-top,.presentation-cover-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:6px;font-size:7px;font-weight:850;letter-spacing:.13em;line-height:1.25}.presentation-cover-slide>strong{position:relative;z-index:1;margin:auto 0;font-size:clamp(29px,3.5vw,51px);line-height:.94;letter-spacing:-.075em}.presentation-cover-slide>strong em{font-style:normal;color:#bad78f}.presentation-cover-arc{position:absolute;right:-9%;top:10%;width:55%;aspect-ratio:1;border:2px solid #bad78f;border-radius:50%;box-shadow:0 0 0 18px #bad78f16,0 0 0 40px #bad78f0c}.presentation-cover-arc:after{content:"";position:absolute;inset:28%;border-radius:50%;background:#bad78f}.presentation-cover-bottom{padding-top:8px;border-top:1px solid #ffffff61}.presentation-cover-bottom span:last-child{font-size:16px;line-height:.5}
.presentation-data-slide{display:flex;flex-direction:column;padding:17px 20px;background:#f8f7f0;color:#1e2e23;transform:rotate(3deg)}.presentation-data-top,.presentation-data-bottom{display:flex;justify-content:space-between;gap:7px;font-size:7px;font-weight:850;letter-spacing:.11em;color:#526253}.presentation-data-slide>strong{margin-top:17px;font-size:clamp(20px,2vw,28px);line-height:1;letter-spacing:-.06em}.presentation-data-slide>p{margin:6px 0 0;font-size:9px;color:#667368}.presentation-data-visual{display:grid;grid-template-columns:1fr 37%;gap:12px;align-items:end;flex:1;min-height:0;margin-top:10px}.presentation-data-bars{display:flex;align-items:end;gap:5px;height:82%;padding-bottom:2px;border-bottom:1px solid #a3b1a0}.presentation-data-bars i{flex:1;display:block;height:37%;background:#c6d8b7}.presentation-data-bars i:nth-child(2){height:53%}.presentation-data-bars i:nth-child(3){height:45%}.presentation-data-bars i:nth-child(4){height:73%}.presentation-data-bars i:nth-child(5){height:92%;background:#49674f}.presentation-data-callout{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:9px;background:#e7eee1}.presentation-data-callout>span{font-size:6px;font-weight:850;letter-spacing:.09em}.presentation-data-callout>b{font-size:clamp(25px,3vw,42px);line-height:1.05;letter-spacing:-.08em}.presentation-data-callout>b span{font-size:.5em}.presentation-data-callout>small{font-size:7px;color:#667668}.presentation-data-bottom{justify-content:flex-start;gap:15px;margin-top:8px;padding-top:7px;border-top:1px solid #cbd5c9;font-size:6px}.presentation-gallery-card figcaption{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid currentColor}.presentation-gallery-card figcaption span{font-size:9px;font-weight:850;letter-spacing:.14em;opacity:.67}.presentation-gallery-card figcaption strong{font-size:clamp(25px,2.3vw,37px);line-height:1.12;letter-spacing:-.055em}.presentation-gallery-card figcaption small{font-size:13px;line-height:1.55;opacity:.78}.presentation-gallery-foot{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:23px;color:#66746a;font-size:12px;line-height:1.5}.presentation-gallery-foot a{display:inline-flex;align-items:center;gap:15px;flex-shrink:0;padding-bottom:6px;border-bottom:1px solid #829287;color:#233329;text-decoration:none;font-weight:800}
@keyframes presentation-float{to{translate:0 -6px}}
@media(max-width:1000px){.page-presentation-design .commerce-hero.commerce-hero-showcase{min-height:440px}.presentation-hero{height:420px}.presentation-hero-slide-front{padding:18px 21px}.presentation-gallery-card{padding:21px}}
@media(max-width:760px){.page-presentation-design .commerce-hero.commerce-hero-showcase{min-height:425px;padding:10px 0 38px}.presentation-hero{height:405px;max-width:590px}.presentation-gallery-grid{grid-template-columns:1fr;gap:12px}.presentation-gallery-card{min-height:450px}.presentation-gallery-art{min-height:280px}.presentation-gallery-foot{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.page-presentation-design .commerce-hero.commerce-hero-showcase{min-height:315px;padding:4px 0 28px}.presentation-hero{height:305px}.presentation-hero-slide{border-width:3px}.presentation-hero-slide-front{left:3%;top:13%;width:73%;height:69%;padding:11px 13px}.presentation-hero-slide-front>strong{font-size:clamp(24px,7vw,34px)}.presentation-hero-slide-top,.presentation-hero-slide-bottom{font-size:5px}.presentation-hero-circle{width:48%;box-shadow:0 0 0 13px #a9c58b12,0 0 0 28px #a9c58b0a}.presentation-hero-slide-middle{padding:11px}.presentation-hero-slide-middle>span,.presentation-hero-slide-back>span{font-size:5px}.presentation-hero-slide-middle>strong{margin-top:15px;font-size:15px}.presentation-hero-slide-middle>small{left:11px;bottom:10px;font-size:4px}.presentation-hero-slide-back{padding:10px}.presentation-hero-slide-back>strong{right:10px;bottom:10px;font-size:12px}.presentation-hero-bars{left:10px;top:34px;bottom:10px;gap:3px}.presentation-hero-index{left:4%;font-size:7px}.presentation-hero-index small{font-size:6px}.presentation-gallery-card{min-height:420px;padding:20px}.presentation-gallery-art{min-height:250px}.presentation-cover-slide,.presentation-data-slide{width:94%}.presentation-cover-slide{padding:12px}.presentation-cover-slide>strong{font-size:clamp(29px,8vw,39px)}.presentation-cover-top,.presentation-cover-bottom,.presentation-data-top,.presentation-data-bottom{font-size:5px}.presentation-data-slide{padding:10px}.presentation-data-slide>strong{margin-top:9px;font-size:18px}.presentation-data-slide>p{font-size:6px}.presentation-data-visual{gap:6px;margin-top:5px}.presentation-data-callout{padding:5px}.presentation-data-callout>b{font-size:24px}.presentation-data-callout>span,.presentation-data-callout>small{font-size:5px}.presentation-gallery-card figcaption strong{font-size:28px}}
@media(max-width:360px){.page-presentation-design .commerce-hero.commerce-hero-showcase{min-height:286px}.presentation-hero{height:274px}.presentation-gallery-card{min-height:390px}.presentation-gallery-art{min-height:225px}}
@media(prefers-reduced-motion:reduce){.presentation-hero-slide{animation:none}.presentation-gallery-card{transition:none}}