.ottho-redesign.v12-demo .demo-hero{position:relative;padding-top:85px;padding-bottom:55px;border-bottom:1px solid var(--line)}.cfb-theme .ottho-redesign .demo-hero h1{font-size:clamp(46px,5.5vw,78px);max-width:100%;margin-block:20px 36px;position:relative;z-index:1}.ottho-redesign .demo-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:45px;position:relative;z-index:1}.ottho-redesign .demo-hero-bottom p{font-size:16px;line-height:1.8;color:var(--graphite);margin:0}.ottho-redesign .demo-jump{display:flex;flex-direction:column;gap:5px;font-size:13px;border-bottom:1px solid #bfa9d0;padding:10px 0;color:#745b86;flex-shrink:0}.ottho-redesign .demo-jump>span{font-size:10px;color:#a08fa9}.ottho-redesign .demo-hero-flower{position:absolute;right:50px;top:55px;font:200px/1 var(--display);color:#e8deed;animation:demo-flower 40s linear infinite;pointer-events:none}.ottho-redesign .demo-gallery-section{padding-block:60px 90px;scroll-margin-top:60px}.ottho-redesign .demo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:65px 34px;align-items:start}.ottho-redesign .demo-project-card:nth-child(4n+2){margin-top:90px}.ottho-redesign .demo-project-browser{background:#fff;border:1px solid #d9cce1;border-radius:11px;overflow:hidden;box-shadow:0 18px 35px -28px #2a143f55;transition:transform .4s,box-shadow .4s}.ottho-redesign .demo-project-card:hover .demo-project-browser{transform:translateY(-6px);box-shadow:0 28px 45px -25px #2a143f44}.ottho-redesign .demo-project-chrome{display:flex;gap:5px;padding:13px 15px;background:#eee8f0;border-bottom:1px solid #dfd5e6;align-items:center}.ottho-redesign .demo-project-chrome i{width:6px;height:6px;border-radius:50%;background:#c7b7d1}.ottho-redesign .demo-project-chrome>span{font-size:9px;color:#91809e;margin-left:auto}.ottho-redesign .demo-project-image{display:block;width:100%;aspect-ratio:16/10;position:relative;overflow:hidden;border:0;padding:0;background:#f3f0f5;cursor:zoom-in;text-align:left}.ottho-redesign .demo-project-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .65s ease,transform 5s ease;transform:scale(1.02)}.ottho-redesign .demo-project-image img[data-active]{opacity:1;transform:scale(1)}.ottho-redesign .demo-project-open{position:absolute;bottom:20px;right:20px;padding:11px 17px;background:#fffdf8ed;border:1px solid #fff8;border-radius:25px;box-shadow:0 8px 20px #24103225;font:12px var(--body);color:#614475;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;backdrop-filter:blur(8px)}.ottho-redesign .demo-project-card:hover .demo-project-open,.ottho-redesign .demo-project-image:focus-visible .demo-project-open{opacity:1;transform:none}.ottho-redesign .demo-project-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9e0ec;background:#fff;padding:10px 15px}.ottho-redesign .demo-project-controls>button{font:10px var(--body);padding:6px 4px;min-height:30px;border:0;background:none;color:#9681a3;cursor:pointer}.ottho-redesign .demo-project-controls>button:hover{color:var(--purple)}.ottho-redesign .demo-project-controls>span{font:11px var(--body);color:#756080}.ottho-redesign .demo-project-controls>span>i{font-style:normal;color:#b2a3ba}.ottho-redesign .demo-project-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:21px}.ottho-redesign .demo-project-caption>div>span{font-size:9px;letter-spacing:.13em;color:#a08aab}.ottho-redesign .demo-project-caption h2{font:29px/1.2 var(--display);margin:7px 0 0}.ottho-redesign .demo-project-dots{display:flex;gap:0}.ottho-redesign .demo-project-dots>button{position:relative;border:0;background:transparent;width:27px;height:34px;cursor:pointer;padding:0}.ottho-redesign .demo-project-dots>button:before{content:"";position:absolute;width:5px;height:5px;left:11px;top:14px;border-radius:50%;background:#d0c3d8;transition:background .25s,transform .25s}.ottho-redesign .demo-project-dots>button[aria-current]:before{background:#785294;transform:scale(1.3)}.ottho-redesign .demo-invitation{padding-block:80px;background:#eae2ef;border-top:1px solid #d9cee2}.ottho-redesign .demo-invitation-inner{text-align:center;max-width:900px}.ottho-redesign .demo-invitation h2{font-size:55px;line-height:1.15;margin:20px 0}.ottho-redesign .demo-invitation p{font-size:16px;line-height:1.8;color:#826b92;max-width:50ch;margin:0 auto 28px}.ottho-redesign .demo-invitation-inner>div{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.ottho-redesign .demo-lightbox{border:0;background:transparent;padding:25px;max-width:min(1250px,97vw);max-height:96svh;width:1250px;overflow:auto;color:var(--ink);font-family:var(--body)}.ottho-redesign .demo-lightbox::backdrop{background:#23162feb;backdrop-filter:blur(10px)}.ottho-redesign .demo-lightbox-inner{border:1px solid #ddd0e5;border-radius:13px;overflow:hidden;background:#fbf9f5;box-shadow:0 35px 100px #0006}.ottho-redesign .demo-lightbox header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 27px;border-bottom:1px solid #e2d8e9}.ottho-redesign .demo-lightbox header>div>span{font-size:8px;letter-spacing:.12em;color:#9b80aa}.ottho-redesign .demo-lightbox header h2{font-size:25px;margin:7px 0 0}.ottho-redesign .demo-lightbox button{font:12px var(--body);color:#755584;background:#eee5f3;border:1px solid #e1d3eb;border-radius:7px;padding:12px 17px;cursor:pointer}.ottho-redesign .demo-lightbox header button>span{font-size:20px;line-height:.5;margin-left:10px}.ottho-redesign .demo-lightbox-screen{background:#e9e4ed;padding:15px;max-height:70svh;overflow:auto}.ottho-redesign .demo-lightbox-screen img{display:block;width:100%;height:auto;object-fit:contain;max-height:68svh;object-position:top;margin:auto}.ottho-redesign .demo-lightbox footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 27px}.ottho-redesign .demo-lightbox footer>span{font-size:12px;color:#927ca0}@keyframes demo-flower{to{transform:rotate(1turn)}}@media(max-width:1000px){.ottho-redesign .demo-gallery{gap:45px 25px}.ottho-redesign .demo-project-card:nth-child(4n+2){margin-top:60px}.ottho-redesign .demo-project-open{right:14px;bottom:14px;padding:10px 14px;font-size:10px}.ottho-redesign .demo-hero-flower{font-size:150px;top:70px;right:30px}.ottho-redesign .demo-lightbox{padding:10px}}@media(max-width:720px){.ottho-redesign.v12-demo .demo-hero{padding-top:45px;padding-bottom:35px}.cfb-theme .ottho-redesign .demo-hero h1{font-size:clamp(35px,9.4vw,52px);margin-block:17px 28px}.ottho-redesign .demo-hero-bottom{display:block}.ottho-redesign .demo-hero-bottom p{font-size:15px}.ottho-redesign .demo-jump{margin-top:22px;display:inline-flex}.ottho-redesign .demo-hero-flower{font-size:120px;right:0;top:105px;color:#e8deed77}.ottho-redesign .demo-gallery-section{padding-top:30px;padding-bottom:50px}.ottho-redesign .demo-gallery{grid-template-columns:1fr;gap:35px}.ottho-redesign .demo-project-card:nth-child(4n+2){margin-top:0}.ottho-redesign .demo-project-caption{margin-top:14px}.ottho-redesign .demo-project-caption h2{font-size:25px}.ottho-redesign .demo-project-controls{padding:5px 12px}.ottho-redesign .demo-project-controls>button{min-height:36px}.ottho-redesign .demo-project-open{opacity:1;transform:none;font-size:10px}.ottho-redesign .demo-invitation{padding-block:50px}.ottho-redesign .demo-invitation h2{font-size:35px}.ottho-redesign .demo-lightbox{padding:5px;max-width:100vw;max-height:97svh}.ottho-redesign .demo-lightbox header{padding:17px;gap:10px}.ottho-redesign .demo-lightbox header h2{font-size:22px}.ottho-redesign .demo-lightbox header>div>span{font-size:7px}.ottho-redesign .demo-lightbox header button{font-size:11px;padding:11px}.ottho-redesign .demo-lightbox header button>span{display:none}.ottho-redesign .demo-lightbox-screen{padding:6px}.ottho-redesign .demo-lightbox footer{padding:13px 12px;gap:6px}.ottho-redesign .demo-lightbox footer button{font-size:10px;padding:11px 10px}}@media(prefers-reduced-motion:reduce){.ottho-redesign .demo-hero-flower{animation:none}.ottho-redesign .demo-project-image img{transition:none;transform:none}.ottho-redesign .demo-project-card:hover .demo-project-browser{transform:none}}