@scope(.portfolio-experience){*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#282033;background:#faf6ee;margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #7444ed}header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:8;background:#faf6eef2;border-bottom:1px solid #e2d9cc;justify-content:space-between;align-items:center;gap:20px;padding:22px 5%;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;font-size:22px;font-weight:700}.logo b{color:#7848e4}nav{align-items:center;gap:25px;font-size:13px;display:flex}nav a.active{color:#7444ed}.btn{color:#282033;background:#ff9f45;border:0;border-radius:100px;justify-content:center;align-items:center;gap:25px;padding:14px 23px;font-weight:700;display:inline-flex}.btn.dark{color:#fff;background:#282033}.btn.light{background:#eee5fc}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700}.wrap{max-width:1440px;margin:auto;padding:65px 5%}h1{letter-spacing:-.075em;margin:22px 0 28px;font-size:clamp(50px,7.8vw,110px);font-weight:600;line-height:.98}h1 em{color:#7848e4;font-style:normal}.intro{color:#776880;max-width:550px;font-size:16px;line-height:1.7}.heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:45px;display:flex}.heading p{max-width:350px}.chips{flex-wrap:wrap;gap:10px;margin:30px 0;display:flex}.chip{background:0 0;border:1px solid #ddd1e5;border-radius:100px;padding:10px 18px;font-size:12px}.chip.active{color:#fff;background:#282033;border-color:#282033}.grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e0d6e5;border-radius:22px;transition:transform .4s,box-shadow .4s;overflow:hidden}.card:hover{transform:translateY(-7px);box-shadow:0 20px 30px #49385212}.cardbody{padding:24px}.card h3{letter-spacing:-.7px;margin:13px 0;font-size:23px}.card p{color:#776880;font-size:13px;line-height:1.6}.coverstage{background:var(--tone,#eee5fc);perspective:850px;justify-content:center;align-items:center;height:250px;display:flex;position:relative;overflow:hidden}.coverstage:after{content:"";filter:blur(9px);background:#00000015;border-radius:50%;height:14px;position:absolute;bottom:28px;left:19%;right:19%}.boxcover{object-fit:contain;z-index:1;border-radius:7px;width:63%;height:190px;transition:transform .65s;transform:rotateY(-14deg)rotate(-5deg);box-shadow:10px 5px #a495ad,-3px 0 #fff6}.card:hover .boxcover{transform:rotateY(0)rotate(0)translateY(-9px)}.price{letter-spacing:-1px;font-size:26px;font-weight:600}.cardfoot{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.tag{text-transform:uppercase;letter-spacing:1px;font-size:10px}.ribbon{background:#ffffffb3;border-radius:30px;padding:7px 10px;font-size:10px;position:absolute;top:18px;left:18px}.sectiontitle{letter-spacing:-2px;margin:55px 0 25px;font-size:40px}.feature{background:#e3f1cd;border-radius:25px;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin:35px 0;padding:45px;display:grid}.feature h2{letter-spacing:-3px;margin:20px 0;font-size:52px;line-height:1}.feature img{border-radius:15px;width:90%;transform:rotate(-3deg)}.side-shell{grid-template-columns:205px 1fr;min-height:calc(100vh - 80px);display:grid}aside{border-right:1px solid #e3d9d5;align-self:start;padding:35px 22px;position:sticky;top:80px}aside a{border-radius:12px;margin:5px 0;padding:13px 16px;font-size:13px;display:block}aside a.active{color:#6032bb;background:#e9ddff;font-weight:700}.lessoncard{background:var(--tone);flex-direction:column;justify-content:space-between;min-height:240px;padding:25px;display:flex}.lessoncard .symbol{font-size:47px;line-height:1}.lessoncard h3{font-size:25px;line-height:1.15}.meta{color:#766983;justify-content:space-between;font-size:11px;display:flex}.lesson-top{background:#ece3ff;border-radius:25px;grid-template-columns:1.6fr 1fr;align-items:center;gap:30px;padding:35px;display:grid}.lesson-top h2{letter-spacing:-2px;font-size:50px;line-height:1.05}.lesson-top img{object-fit:contain;width:100%;max-height:260px}.editor{color:#eee5ff;white-space:pre-wrap;background:#282033;border-radius:18px;padding:25px;font:13px/1.8 monospace}.steps{gap:8px;margin:25px 0;display:flex}.step{background:#ded3e9;border-radius:5px;flex:1;height:5px}.step.on{background:#7848e4}.lessonbody{max-width:820px;margin:40px auto}.lessonbody h2{letter-spacing:-1px;font-size:35px}.lessonbody p{color:#766983;line-height:1.8}.infobox{background:#fff0da;border-radius:18px;margin:25px 0;padding:25px}.stack{flex-direction:column;gap:18px;display:flex}.row{background:#fff;border:1px solid #e1d7e9;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.row h3{margin:8px 0;font-size:18px}.row p{color:#766983;font-size:13px}.bigstat{letter-spacing:-3px;font-size:55px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0;display:grid}.stat{background:#ece3ff;border-radius:20px;padding:28px}.empty{text-align:center;border:1px dashed #c6b5d7;border-radius:22px;padding:45px}.empty h2{font-size:32px}.panel{background:#fff;border:1px solid #e5dbe9;border-radius:25px;padding:35px}.form{gap:18px;max-width:460px;display:grid}.form label{gap:8px;font-size:13px;display:grid}.form input{background:#fff;border:1px solid #cfbfdc;border-radius:12px;width:100%;padding:14px}.split{grid-template-columns:1.1fr 1fr;gap:45px;display:grid}.package{background:#fff;border:1px solid #dfd3e8;border-radius:25px;flex-direction:column;padding:35px;display:flex}.package:nth-child(2){background:#e9dcff}.package h2{letter-spacing:-2px;margin:20px 0;font-size:36px}.package .price{font-size:70px}.package ul{flex:1;padding-left:20px;font-size:14px;line-height:1.7}.package li{margin:15px 0}.package .art{object-fit:contain;width:100%;height:180px}.folio{grid-template-columns:1fr 1fr;gap:30px;display:grid}.folio .coverstage{height:330px}.folio .boxcover{box-shadow:none;object-fit:contain;width:80%;height:255px;transform:none}.folio .cardbody{padding:30px}.folio h3{font-size:30px}.dialog{color:#282033;background:#faf6ee;border:0;border-radius:25px;max-width:600px;padding:35px}.dialog::backdrop{background:#282033aa}.dialog button{background:#e9dcff;border:0;border-radius:25px;padding:10px 15px}.breadcrumbs{color:#766983;margin-bottom:35px;font-size:12px}.detail-cover{perspective:850px;background:#ede1ff;border-radius:30px;justify-content:center;align-items:center;min-height:500px;padding:60px;display:flex}.detail-cover img{border-radius:13px;width:85%;animation:6s ease-in-out infinite float;transform:rotateY(-15deg)rotate(-4deg);box-shadow:18px 8px #b29bcc}.detail h1{font-size:65px}.detail .price{margin:25px 0;font-size:50px}.note{color:#766983;font-size:12px;line-height:1.7}.reviewbar{color:#766983;border-bottom:1px solid #e2d9cc;justify-content:space-between;padding:9px 5%;font-size:11px;display:flex}.page-switch{background:#fff;border:1px solid #cbbbd7;border-radius:8px;max-width:210px;padding:6px;font-size:12px}.footer{color:#766983;border-top:1px solid #dfd3e8;justify-content:space-between;gap:20px;padding:30px 5%;font-size:11px;display:flex}details{border-bottom:1px solid #ddd1e5;padding:24px 0}summary{cursor:pointer;justify-content:space-between;font-size:22px;list-style:none;display:flex}summary:after{content:"+";color:#7444ed}details p{color:#766983;max-width:680px;line-height:1.8}.progress{background:#e1d5ed;border-radius:5px;height:7px;overflow:hidden}.progress span{background:#7444ed;width:0;height:100%;display:block}.store-stage{background:#f1e9dd;border-radius:30px;padding:35px}.store-stage .grid{gap:20px}.shelf{border-bottom:12px solid #dfceb6;margin-bottom:35px;padding-bottom:30px;box-shadow:0 16px 14px -18px #7e6748}.store-stage .card{background:0 0;border:0}.store-stage .cardbody{padding:20px 8px}.store-stage .coverstage{background:linear-gradient(#0000,#e3d2b777);border-radius:18px}.search{background:#fff;border:1px solid #d6c6e2;border-radius:100px;min-width:250px;padding:14px 18px}.textlink{color:#7444ed;font-size:13px;font-weight:700}.portrait{background:#e9dcff;border-radius:50%;place-items:center;width:68px;height:68px;font-size:29px;display:grid}.gallery-list{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.gallery-list a{background:#fff;border:1px solid #ddd1e5;border-radius:15px;padding:25px}.gallery-list a span{color:#766983;margin-bottom:12px;font-size:11px;display:block}.gallery-list a b{font-size:20px}.revealed{animation:.7s both appear}@keyframes appear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes float{50%{translate:0 -12px;rotate:2deg}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=900px){.grid,.four{grid-template-columns:repeat(2,1fr)}.side-shell{grid-template-columns:1fr}aside{border:0;padding:15px;display:flex;position:static;overflow:auto}aside .eyebrow{display:none}aside a{white-space:nowrap}nav{gap:15px}.gallery-list{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){header{padding:15px 5%}.logo{font-size:18px}nav a:not(:last-child){display:none}.btn{padding:12px 18px;font-size:12px}.wrap{padding:40px 6%}.heading,.social-top{display:block}.grid,.four,.folio,.split,.feature,.lesson-top{grid-template-columns:1fr}h1{font-size:58px}.stats{grid-template-columns:1fr}.detail h1{font-size:48px}.detail-cover{min-height:340px;padding:40px}.feature{padding:30px}.feature h2{font-size:40px}.coverstage{height:250px}.row{align-items:start}.gallery-list{grid-template-columns:repeat(2,1fr)}.gallery-list a{padding:18px}.gallery-list a b{font-size:16px}.reviewbar{gap:10px}.reviewbar span{max-width:150px}.package .price{font-size:58px}.search{width:100%;min-width:0}.store-stage{padding:18px}.lesson-top h2{font-size:38px}}.possibilities{margin:25px 0 85px}.possibilities h2{letter-spacing:-2px;font-size:clamp(32px,4vw,58px)}.possibilities>.intro{max-width:760px;margin-bottom:30px}.possibility{border-radius:25px;padding:25px;transition:transform .25s;display:block}.possibility:hover{transform:translateY(-5px)}.peach{background:#ffe0bd}.lilac{background:#e7dafb}.lime{background:#dff0c8}.mini-project{background:#ffffffb5;border:1px solid #fff;border-radius:16px;height:285px;margin-top:20px;padding:22px;position:relative;overflow:hidden}.mini-project>span{letter-spacing:1px;font-size:9px}.mini-project strong{letter-spacing:-1.5px;z-index:1;margin:22px 0;font-size:32px;line-height:1.05;display:block;position:relative}.orb{background:radial-gradient(circle at 30% 25%,#ffc9a6,#bd531e 65%,#48213c);border-radius:50%;width:105px;height:105px;position:absolute;bottom:30px;right:14px;box-shadow:8px 18px 25px #9f633944}.mini-action{position:absolute;bottom:24px;left:22px}.folio-tiles{gap:8px;margin-top:30px;display:flex;transform:rotate(-7deg)}.folio-tiles i{background:#8155be;border-radius:8px;width:30%;height:72px;display:block}.folio-tiles i:nth-child(2){background:#efa562}.folio-tiles i:nth-child(3){background:#bad898}.mini-tasks{gap:8px;font-size:11px;display:grid}.mini-tasks span{background:#fff;border-radius:8px;padding:9px}.possibility p{line-height:1.6}.possibility>b{font-size:12px}}