@charset "UTF-8";
:root{--paper:#07080a;--ink:#e8eaf0;--orange:#ff6a2b;--muted:#9aa0ae;--line:#232733;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:5px}h1,h2,h3,h4,p{margin:0}.wrap{width:min(1180px,calc(100% - 112px));margin-inline:auto}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:var(--paper);z-index:100;padding:12px}.skip-link:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:#322f26f5;backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:21px;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:17px;font-weight:600;white-space:nowrap}.brand i{font-style:normal;font-weight:400;margin-inline:6px}.brand strong{font-weight:600}.nav nav{display:flex;align-items:center;gap:27px}.nav-course{font-size:12px}.nav-course:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);border-radius:100px;padding:17px 27px;min-height:54px;font-size:14px;font-weight:500;line-height:1.3;transition:background .2s,transform .2s}.button:hover{background:#f2f4f8;transform:translateY(-2px)}.button.small{min-height:42px;font-size:12px;padding:12px 20px;gap:10px}.button.small .icon{width:15px;height:15px}.button.orange{background:var(--orange);border-color:var(--orange)}.button.orange:hover{background:#ff7f45}.hero{position:relative;min-height:680px;display:flex;align-items:center;padding-block:58px 72px}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:500;margin-bottom:25px}.eyebrow span{margin-inline:8px}h1,h2,h3{font-family:var(--serif)}h1{font-size:clamp(52px,5.8vw,78px);line-height:1.3;letter-spacing:-3px;font-weight:700}h2{font-size:54px;line-height:1.4;font-weight:650;letter-spacing:-2px}.underlined{position:relative;white-space:nowrap}.underlined:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-7px;height:10px;border-top:3px solid var(--orange);border-radius:50%;transform:rotate(-2deg)}h1 .underlined:before{content:"";position:absolute;left:2%;right:-6%;bottom:-5px;height:7px;border-top:2px solid var(--orange);border-radius:50%;transform:rotate(-4deg)}.intro{font-size:17px;line-height:1.95;margin-top:35px;max-width:640px;color:#9ea1a9}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:33px}.text-link{display:inline-flex;align-items:center;gap:9px;border-bottom:1px solid var(--ink);padding:8px 0;font-size:12px}.text-link .icon{width:17px;height:17px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.hero-art{position:absolute;right:-35px;top:25px;bottom:0;width:48%;pointer-events:none}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center 70%;mask-image:linear-gradient(to right,transparent,#000 20%);mix-blend-mode:multiply}.two-days{position:absolute;top:0;left:9%;display:flex;align-items:center;gap:10px;color:var(--orange)}.outline-number{font-family:Georgia,"Times New Roman",serif;font-size:220px;line-height:.97;letter-spacing:-24px;-webkit-text-stroke:1px var(--orange);color:var(--paper);font-weight:400}.days-script{font-family:"Segoe Script","Brush Script MT",cursive;font-size:52px;font-style:italic;transform:rotate(-12deg);margin-top:85px}.art-note{position:absolute;right:7%;top:245px;font-family:var(--serif);font-size:19px;line-height:1.9;letter-spacing:4px;transform:rotate(-9deg);padding-bottom:9px;border-bottom:1px solid #71798a}.hero-facts{display:flex;justify-content:space-around;align-items:center;border-top:1px solid #626978;padding-block:27px;font-family:var(--serif);font-size:15px;position:relative;z-index:2}.hero-facts i{font-family:Georgia,serif;font-size:25px;font-weight:300}.section{padding-block:96px}.section-index{font-size:10px;letter-spacing:2px;color:var(--orange);display:flex;gap:21px;align-items:center;margin-bottom:23px}.section-index span{color:var(--muted);letter-spacing:1px}.why{border-top:1px solid #1e2025}.reason-list{margin-top:40px}.reason-list article{display:grid;grid-template-columns:95px 1fr;gap:40px;padding:24px 0}.reason-number{font-family:Georgia,serif;font-size:59px;font-weight:300;line-height:1.1;color:var(--orange)}.reason-list article>div{border-left:1px solid var(--line);padding-left:40px}.reason-list h3{font-size:24px;font-weight:600;line-height:1.6}.reason-list p{font-size:14px;line-height:1.95;max-width:750px;color:#787d88;margin-top:7px}.invitation{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #4d525e;padding-top:30px;margin-top:25px;gap:25px}.invitation>p{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.65}.invitation>span{font-size:11px;color:var(--muted);line-height:2;text-align:right}.invitation .underlined:after{border-width:2px;bottom:-9px}.course{padding-top:54px}.section-intro{font-size:17px;line-height:1.9;color:#838891;margin-top:17px;margin-bottom:38px}.day{border-top:1px solid #595f6d;display:grid;grid-template-columns:185px 1fr;gap:45px;padding-block:40px}.day:last-of-type{border-bottom:1px solid #595f6d}.day-marker{border-right:1px solid var(--line)}.day-marker>span{display:block;font-family:Georgia,serif;font-size:106px;line-height:1;color:var(--orange);letter-spacing:-7px}.day-marker small{display:block;font-family:Georgia,serif;font-size:13px;letter-spacing:2px;margin-top:24px;color:var(--orange)}.day-marker small:before{content:"";display:block;height:1px;width:28px;background:var(--orange);margin-bottom:14px}.day-content h3{font-size:34px;font-weight:650;line-height:1.5;letter-spacing:-1px}.day-content>p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:9px}.day-content ol{padding:0;list-style:none;margin:24px 0 0;display:grid;gap:18px}.day-content li{display:flex;gap:14px}.day-content li>span{font-size:10px;color:var(--orange);padding-top:5px}.day-content h4{font-weight:500;font-size:15px;line-height:1.6}.day-content li p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:4px}.course-note{font-size:11px;color:var(--muted);line-height:1.9;margin-top:19px}.join{background:var(--ink);color:var(--paper)}.join-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding-block:70px}.join .section-index{color:#ffa177}.join .section-index span{color:#3c4049}.join h2{font-size:41px;line-height:1.65;letter-spacing:-1px}.join-copy>p{border-top:1px solid #707889;margin-top:26px;padding-top:22px;font-size:12px;color:#383c45;line-height:1.9}.join-info{display:flex;flex-direction:column;justify-content:center;padding-top:20px}.join dl{margin:0 0 25px;border-left:1px solid #6c7383;padding-left:30px}.join dl>div{display:flex;gap:25px;padding-block:9px;font-size:15px}.join dt{color:#33363e;flex-shrink:0}.join dd{margin:0}.join dd span{font-size:13px;color:#3c4049}.join-info>.button{align-self:flex-start;margin-top:8px}.join-info>p{font-size:10px;color:#40454f;margin-top:16px}.faq{padding-bottom:70px}.faq h2{font-size:36px;margin-bottom:28px}.faq-list{border-top:1px solid #505561}details{border-bottom:1px solid #505561}summary{display:flex;align-items:center;gap:25px;list-style:none;padding:26px 0;cursor:pointer;font-family:var(--serif);font-size:22px;font-weight:600}summary::-webkit-details-marker{display:none}.faq-no{font-family:Georgia,serif;font-size:27px;color:var(--orange);font-weight:400;min-width:42px}summary .icon{margin-left:auto;transition:transform .2s}details[open] summary .icon{transform:rotate(180deg)}details[open] summary{color:var(--orange)}details>p{padding:0 35px 27px 67px;max-width:850px;font-size:14px;line-height:2;color:var(--muted)}.closing{text-align:center;padding-block:24px 90px}.closing>p{font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:18px}.closing h2{font-size:35px;letter-spacing:-1px}.closing>.button{margin-top:27px}.mobile-break{display:none}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:26px;border-top:1px solid #2a2d34}.footer .brand{font-size:12px;gap:9px}.footer .brand i{margin-inline:3px}.footer>span,.footer>small{font-size:10px;color:var(--muted)}dialog{width:min(510px,calc(100% - 36px));border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);padding:38px;box-shadow:0 30px 100px #ccced230}dialog::backdrop{background:#ccced280;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:15px;padding:5px;border:0;background:none}.dialog-close .icon{width:19px;height:19px}.dialog-label{font-size:10px;letter-spacing:3px;color:var(--orange);margin-bottom:15px}dialog h2{font-size:31px;letter-spacing:-1px}dialog>p:not(.dialog-label){font-size:13px;line-height:1.9;color:var(--muted);margin-top:16px}dialog label{font-size:11px;display:block;margin-top:22px;margin-bottom:9px}dialog textarea{width:100%;resize:none;padding:12px;background:#10131a;border:1px solid #2a2c33;font-size:12px;line-height:1.9;color:#9b9ea6;border-radius:2px}dialog>.button{width:100%;margin-top:16px;font-size:13px;min-height:49px}#copy-status{min-height:20px;color:var(--orange);margin-top:10px}
@media(min-width:1450px){.hero{min-height:740px}.hero-art{width:47%}.hero-copy{padding-block:15px}.outline-number{font-size:240px}}
@media(max-width:1100px){.wrap{width:calc(100% - 80px)}.hero{min-height:625px;padding-block:48px 58px}h1{font-size:65px}.hero-art{right:-15px;width:47%;top:35px}.outline-number{font-size:170px;letter-spacing:-20px}.days-script{font-size:39px;margin-top:60px}.art-note{top:180px;font-size:15px;right:4%}.intro{font-size:14px;max-width:510px}.hero-actions{gap:23px}.button{font-size:12px;padding:15px 23px;min-height:50px}.text-link{font-size:11px}h2{font-size:46px}.day{grid-template-columns:150px 1fr;gap:35px}.day-content h3{font-size:29px}.join-inner{gap:50px}.join h2{font-size:34px}.reason-list h3{font-size:22px}.closing h2{font-size:31px}}
@media(max-width:800px){.wrap{width:calc(100% - 56px)}.brand{font-size:14px;gap:9px}.nav nav{gap:17px}.nav-course{font-size:11px}.hero{min-height:630px}.hero-copy{max-width:570px}h1{font-size:56px;letter-spacing:-2px}.hero-art{opacity:.83;right:-12px;top:100px;width:45%}.two-days{top:0;left:2%}.outline-number{font-size:137px;letter-spacing:-16px}.days-script{font-size:32px;margin-top:45px}.art-note{top:145px;font-size:13px;letter-spacing:2px}.intro{font-size:13px;max-width:425px}.hero-actions{gap:18px}.text-link{font-size:10px}.hero-facts{font-size:12px}.hero-facts i{font-size:20px}.section{padding-block:70px}h2{font-size:41px}.reason-list article{grid-template-columns:65px 1fr;gap:25px}.reason-list article>div{padding-left:25px}.reason-number{font-size:48px}.reason-list h3{font-size:20px}.reason-list p{font-size:12px}.invitation>p{font-size:23px}.invitation>span{font-size:9px}.section-intro{font-size:14px}.day{grid-template-columns:120px 1fr;gap:28px}.day-marker>span{font-size:82px}.day-marker small{font-size:10px}.day-content h3{font-size:25px}.day-content>p{font-size:12px}.day-content h4{font-size:13px}.day-content li p{font-size:11px}.join-inner{grid-template-columns:1.1fr 1fr;gap:35px;padding-block:53px}.join h2{font-size:28px}.join dl{padding-left:22px}.join dl>div{font-size:13px;gap:20px}.join dd span{font-size:11px}.join-copy>p{font-size:11px}.join-info>.button{font-size:11px;padding:15px 18px;gap:10px}.join-info>p{font-size:9px}.faq h2{font-size:31px}summary{font-size:19px;padding-block:24px}.closing h2{font-size:27px}.footer>.brand{font-size:11px}.footer>span{display:none}}
@media(max-width:560px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.nav{padding-block:16px;gap:10px}.brand{font-size:12px;gap:6px}.brand i{margin-inline:2px}.brand img{width:20px;height:29px}.nav-course{display:none}.button.small{font-size:10px;padding:10px 13px;min-height:36px;gap:5px}.button.small .icon{width:13px;height:13px}.hero{padding-top:28px;padding-bottom:260px;min-height:0;display:block}.hero-copy{max-width:100%}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:21px}.eyebrow span{margin-inline:5px}h1{font-size:clamp(40px,11.9vw,64px);line-height:1.33;letter-spacing:-2px}.underlined:after{height:7px;border-width:2px;bottom:-7px}h1 .underlined:before{border-width:1px;bottom:-5px}.intro{font-size:12px;line-height:2;margin-top:28px;max-width:100%}.desktop-break{display:none}.hero-actions{margin-top:25px;gap:16px}.hero-actions>.button{font-size:11px;padding:14px 18px;min-height:46px;gap:10px}.hero-actions .icon{width:15px;height:15px}.text-link{font-size:10px;gap:5px}.text-link .icon{width:14px;height:14px}.hero-art{top:auto;height:238px;left:0;right:0;bottom:0;width:100%;opacity:1;overflow:hidden}.hero-art>img{position:absolute;right:-15px;top:-80px;width:75%;height:340px;object-fit:cover;object-position:center 74%;mask-image:linear-gradient(to right,transparent,#000 40%)}.two-days{left:2%;top:41px;gap:13px}.outline-number{font-size:123px;letter-spacing:-13px}.days-script{font-size:31px;margin-top:45px}.art-note{top:auto;bottom:21px;left:7px;right:auto;font-size:11px;letter-spacing:2px;line-height:1.65;transform:rotate(-5deg);border:0}.hero-facts{font-family:var(--sans);padding-block:20px;font-size:9px;gap:8px;justify-content:space-between}.hero-facts i{font-size:15px;color:#5b6170}.section{padding-block:55px}.section-index{font-size:8px;gap:15px;margin-bottom:17px}.section-index span{font-size:9px}h2{font-size:35px;letter-spacing:-1.5px;line-height:1.5}.reason-list{margin-top:25px}.reason-list article{grid-template-columns:39px 1fr;gap:17px;padding-block:19px}.reason-number{font-size:34px}.reason-list article>div{padding-left:17px}.reason-list h3{font-size:18px;line-height:1.65}.reason-list p{font-size:11px;line-height:1.9;margin-top:7px}.invitation{display:block;padding-top:25px;margin-top:20px}.invitation>p{font-size:23px;line-height:1.7}.invitation>span{display:block;text-align:left;font-size:10px;margin-top:24px}.invitation .underlined:after{bottom:-7px}.course{padding-top:22px}.section-intro{font-size:12px;line-height:1.9;margin-top:13px;margin-bottom:28px}.day{grid-template-columns:1fr;gap:24px;padding-block:28px}.day-marker{border-right:0;display:flex;align-items:center;gap:23px}.day-marker>span{font-size:65px;letter-spacing:-4px}.day-marker small{font-size:10px;letter-spacing:2px;margin:0}.day-marker small:before{margin-bottom:8px;width:23px}.day-content h3{font-size:25px;letter-spacing:-1px;line-height:1.5}.day-content>p{font-size:11px}.day-content ol{margin-top:22px;gap:18px}.day-content li{gap:12px}.day-content h4{font-size:13px}.day-content li p{font-size:11px;line-height:1.9}.course-note{font-size:10px;line-height:1.9}.join-inner{grid-template-columns:1fr;gap:29px;padding-block:44px}.join h2{font-size:34px;line-height:1.55}.join-copy>p{font-size:11px;padding-top:19px;margin-top:24px}.join-info{padding-top:0}.join dl{padding-left:22px;margin-bottom:20px}.join dl>div{font-size:14px;gap:28px;padding-block:8px}.join dd span{font-size:12px}.join-info>.button{font-size:12px;padding:15px 23px;min-height:48px;gap:18px}.join-info>p{font-size:10px}.faq h2{font-size:30px;margin-bottom:22px}summary{font-size:17px;gap:13px;padding-block:21px;line-height:1.6}.faq-no{font-size:23px;min-width:28px}summary .icon{width:16px;height:16px}details>p{padding:0 0 22px 41px;font-size:12px;line-height:1.95}.closing{padding-top:0;padding-bottom:55px}.closing>p{font-size:10px;margin-bottom:15px;letter-spacing:1.4px}.closing h2{font-size:25px;line-height:1.6;letter-spacing:-.8px}.mobile-break{display:block}.closing>.button{font-size:12px;min-height:47px;padding:14px 24px;margin-top:23px}.footer{gap:14px;padding-block:21px}.footer>.brand{font-size:10px}.footer>small{font-size:9px}.footer .brand img{width:18px;height:24px}dialog{padding:32px 24px}dialog h2{font-size:27px}dialog>p:not(.dialog-label){font-size:12px}dialog textarea{font-size:11px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{font-size:10px}.button.small{font-size:9px;padding:9px 10px}h1{font-size:39px}.hero-actions{gap:12px}.hero-actions>.button{font-size:10px;padding-inline:14px}.text-link{font-size:9px}.hero-facts{font-size:8px}.invitation>p{font-size:21px}.day-content h3{font-size:23px}}
.examples{padding-top:25px;padding-bottom:70px}.examples .section-intro{margin-bottom:38px}.example-group-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #595f6d;padding-bottom:19px}.example-group-heading h3{font-size:28px;font-weight:600}.example-group-heading>span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.example-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:58px}.example{padding:31px 0 34px;border-bottom:1px solid var(--line);min-width:0}.example-label{display:block;color:var(--orange);font-size:10px;letter-spacing:1px;margin-bottom:14px}.example h4{font-family:var(--serif);font-size:24px;line-height:1.6;font-weight:600;margin:0 0 11px}.example>p{font-size:13px;line-height:1.95;color:var(--muted);max-width:510px}.example-result{border-left:2px solid #5c483c;margin-top:22px;padding-left:18px}.example-result>span{font-size:9px;color:var(--orange);letter-spacing:1px;display:block}.example-result p{font-size:12px;line-height:1.9;margin-top:6px;color:#979ba3}.example-result p+span{margin-top:13px}.work-examples{margin-top:53px}.examples-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:34px;padding-block:13px}.examples-cta h3{font-size:24px;font-weight:600;line-height:1.5}.examples-cta p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:7px}.examples-cta .button{flex-shrink:0}.examples>.course-note{max-width:860px}
@media(max-width:800px){.example-grid{column-gap:32px}.example-group-heading h3{font-size:24px}.example-group-heading>span{font-size:8px;letter-spacing:1px}.example h4{font-size:21px}.example>p{font-size:12px}.example-result p{font-size:11px}.examples-cta h3{font-size:21px}.examples-cta p{font-size:11px}}
@media(max-width:560px){.examples{padding-top:12px;padding-bottom:45px}.examples h2{font-size:31px}.example-group-heading{display:block;padding-bottom:17px}.example-group-heading h3{font-size:24px}.example-group-heading>span{display:block;font-size:8px;letter-spacing:1.3px;margin-top:9px}.example-grid{grid-template-columns:1fr}.example{padding-block:25px}.example-label{font-size:9px;margin-bottom:11px}.example h4{font-size:22px;line-height:1.5}.example>p{font-size:12px;line-height:1.95}.example-result{margin-top:18px;padding-left:15px}.example-result p{font-size:11px}.example-result>span{font-size:9px}.work-examples{margin-top:38px}.examples-cta{display:block;margin-top:24px}.examples-cta h3{font-size:23px}.examples-cta p{font-size:11px}.examples-cta>.button{margin-top:19px}.examples>.course-note{font-size:9px;line-height:1.9}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on){scroll-behavior:auto}html:not(.motion-on) *,html:not(.motion-on) *:before,html:not(.motion-on) *:after{transition:none!important;animation:none!important}}
.example{position:relative}.example:before{content:"";display:block;width:58px;height:58px;margin-bottom:16px;background-image:url('assets/example-icons.png');background-size:400% 200%;background-repeat:no-repeat;background-position:0 0}.example:nth-child(2):before{background-position:33.333% 0}.example:nth-child(3):before{background-position:66.666% 0}.example:nth-child(4):before{background-position:100% 0}.work-examples + .example-grid .example:nth-child(1):before{background-position:0 100%}.work-examples + .example-grid .example:nth-child(2):before{background-position:33.333% 100%}.work-examples + .example-grid .example:nth-child(3):before{background-position:66.666% 100%}.work-examples + .example-grid .example:nth-child(4):before{background-position:100% 100%}
.example-label{font-weight:700;text-decoration:underline;text-decoration-color:#6a4636;text-decoration-thickness:5px;text-underline-offset:3px}.example h4{font-size:26px}.day-content h4{font-size:17px}.hero-facts span,.section-index{font-weight:600}
/* Motion pass: editorial reveal and small tactile movements. */
@keyframes rise-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes art-in{from{opacity:0;transform:translateX(35px) scale(1.03)}to{opacity:1;transform:none}}@keyframes line-draw{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes icon-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-1deg)}}
.js-ready .hero-copy>*{opacity:0;animation:rise-in .75s cubic-bezier(.22,1,.36,1) forwards}.js-ready .hero-copy .eyebrow{animation-delay:.08s}.js-ready .hero-copy h1{animation-delay:.18s}.js-ready .hero-copy .intro{animation-delay:.3s}.js-ready .hero-copy .hero-actions{animation-delay:.42s}.js-ready .hero-art{opacity:0;animation:art-in 1s cubic-bezier(.22,1,.36,1) .2s forwards}.js-ready .hero-facts{opacity:0;animation:rise-in .7s .62s forwards}.js-ready .hero-art .underlined:after{animation:line-draw .65s .85s both}.reveal-target{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.js-ready .reveal-target{opacity:0;transform:translateY(24px)}.js-ready .reveal-target.is-visible{opacity:1;transform:none}.js-ready .example.is-visible:before{animation:icon-breathe 3.8s ease-in-out infinite}.js-ready .example:nth-child(2).is-visible:before{animation-delay:.2s}.js-ready .example:nth-child(3).is-visible:before{animation-delay:.4s}.js-ready .example:nth-child(4).is-visible:before{animation-delay:.6s}.js-ready .example-group-heading.is-visible:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--orange);animation:line-draw .8s both}.example-group-heading{position:relative}.js-ready .underlined:after{transition:height .2s}.underlined:hover:after{height:13px}.join{position:relative;overflow:hidden}.join:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 38%,#da481e0b 60%,transparent 78%);transform:translateX(-100%)}.join.is-visible:before{animation:join-sweep 1.4s .25s ease-out forwards}@keyframes join-sweep{to{transform:translateX(100%)}}.motion-safe .example{transition:transform .25s ease}.motion-safe .example:hover{transform:translateY(-4px)}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .js-ready .hero-copy>*,html:not(.motion-on) .js-ready .hero-art,html:not(.motion-on) .js-ready .hero-facts,html:not(.motion-on) .js-ready .reveal-target{opacity:1!important;transform:none!important;animation:none!important}html:not(.motion-on) .js-ready .example:before,html:not(.motion-on) .join:before{animation:none!important}}
/* Readability pass: larger supporting copy and clear emphasis for the scan path. */
body{font-size:17px}.intro,.section-intro{font-size:19px}.reason-list p,.day-content>p,.day-content li p,.example>p,.course-note{font-size:15px}.example-result p{font-size:14px}.join-copy>p,.join-info>p{font-size:13px}.faq details>p{font-size:15px}mark{background:linear-gradient(transparent 57%,#6a4636 57%);color:inherit;padding:0 .05em}
@media(max-width:800px){body{font-size:16px}.intro,.section-intro{font-size:16px}.reason-list p,.day-content>p,.day-content li p,.example>p,.course-note{font-size:14px}.example-result p{font-size:13px}.faq details>p{font-size:14px}}
@media(max-width:560px){.intro,.section-intro{font-size:14px}.reason-list p,.day-content>p,.day-content li p,.example>p,.course-note{font-size:13px}.example-result p{font-size:12px}.faq details>p{font-size:13px}}
/* Example input/output emphasis */
.example-result .example-step{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--ink);text-decoration:none;margin-top:4px}
.example-result .example-step:before{content:'↳';font-size:13px;line-height:1;color:var(--orange)}
.example-result .example-step.input{background:#3b362a;border:1px solid #4b463b}
.example-result .example-step.output{background:#4b3124;border:1px solid #694538;color:#ff8a55}
.example-result .example-step.output:before{content:'→'}
.example-result .example-step + p{margin-top:8px;font-size:15px;font-weight:600;color:var(--ink)}
@media(max-width:560px){.example-result .example-step{font-size:9px;padding:5px 9px}.example-result .example-step + p{font-size:14px}}
/* Course example */
.course-example{margin:6px 0 42px;border:1px solid #262a36;background:#10131a;padding:24px 27px 20px;position:relative;overflow:hidden}
.course-example:after{content:'EXAMPLE';position:absolute;right:22px;top:19px;font-size:9px;letter-spacing:2px;color:#464b56}
.course-example-head{display:flex;align-items:baseline;gap:13px;border-bottom:1px solid #262a36;padding-bottom:14px}.course-example-head span{font-size:10px;letter-spacing:1.5px;color:var(--orange);font-weight:700}.course-example-head strong{font-family:var(--serif);font-size:24px;font-weight:600}.course-example-flow{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:20px;padding:22px 0 16px}.course-example-flow small{font-size:10px;letter-spacing:1px;color:var(--orange);font-weight:700}.course-example-flow p{font-size:14px;line-height:1.85;color:#979aa3;margin-top:8px}.course-example-flow b{font-family:Georgia,serif;font-size:25px;color:var(--orange);font-weight:400;text-align:center}.course-example-foot{font-size:11px;color:var(--muted);border-top:1px solid #26282e;padding-top:13px}
@media(max-width:560px){.course-example{padding:20px 18px 17px;margin-bottom:31px}.course-example:after{right:16px;top:16px;font-size:8px}.course-example-head{display:block}.course-example-head strong{display:block;font-size:22px;margin-top:7px}.course-example-flow{grid-template-columns:1fr;gap:10px;padding-block:19px 14px}.course-example-flow b{transform:rotate(90deg);font-size:20px}.course-example-flow p{font-size:13px}.course-example-foot{font-size:10px;line-height:1.8}}
/* Tool logos */
.toolkit{margin:0 0 42px;padding-top:7px}.toolkit-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #262a36;padding-bottom:13px}.toolkit-heading span{font-size:10px;letter-spacing:1.5px;color:var(--orange);font-weight:700}.toolkit-heading p{font-size:11px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding-top:18px}.tool-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.tool-mark{width:35px;height:35px;border:1px solid #262a36;border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:12px;font-weight:700;color:var(--ink);background:#07080a}.tool-item>span{font-size:12px;font-weight:600}.tool-item small{font-size:9px;color:var(--muted);white-space:nowrap}.tool-mark.vercel{font-size:15px}.tool-mark.telegram{font-size:14px}.tool-mark.whatsapp{font-size:18px}.tool-mark.claude{color:#ff7f45}.tool-mark.codex{font-size:16px}.tool-mark.chatgpt{font-size:20px}
@media(max-width:800px){.tool-grid{grid-template-columns:repeat(4,1fr);row-gap:18px}.toolkit-heading{display:block}.toolkit-heading p{margin-top:8px}}
@media(max-width:560px){.tool-grid{grid-template-columns:repeat(3,1fr);gap:18px 10px}.tool-item>span{font-size:11px}.tool-item small{font-size:8px}.tool-mark{width:32px;height:32px}.toolkit{margin-bottom:31px}}
/* Real brand marks */
.tool-mark img{width:18px;height:18px;display:block;object-fit:contain;filter:grayscale(1);opacity:.85}.tool-mark.vercel img{width:17px;height:17px}.tool-mark.telegram img{width:19px;height:19px}.tool-mark.whatsapp img{width:19px;height:19px}.tool-mark.claude img{width:19px;height:19px}.tool-mark.codex img,.tool-mark.chatgpt img{width:19px;height:19px}
.cover-tools{position:absolute;right:7%;bottom:38px;display:flex;align-items:center;gap:9px;padding:9px 12px;background:#322f26d9;border:1px solid #31353c;backdrop-filter:blur(7px);box-shadow:0 8px 18px #ccced214}.cover-tools img{width:16px;height:16px;opacity:.72;filter:grayscale(1)}.cover-tools span{font-size:8px;letter-spacing:1.2px;color:#707889;margin-left:3px;white-space:nowrap}
@media(max-width:560px){.cover-tools{right:5%;bottom:14px;gap:6px;padding:7px 9px}.cover-tools img{width:13px;height:13px}.cover-tools span{font-size:7px;letter-spacing:.7px}.tool-mark img{width:16px;height:16px}}
/* Marketing emphasis for tool logos */
.cover-tools{right:4%;bottom:30px;gap:13px;padding:13px 16px;background:#322f26f2;border:1px solid #3b3f48;box-shadow:0 12px 28px #ccced222}.cover-tools img{width:25px;height:25px;opacity:.86}.cover-tools span{font-family:var(--serif);font-size:12px;letter-spacing:0;color:var(--ink);font-weight:600;margin-left:6px}
.toolkit-heading span:after{content:'  ·  你会实际用它们做东西';color:var(--muted);font-weight:400;letter-spacing:0}.tool-mark{width:44px;height:44px;background:#0a0c11;border-color:#393d45;box-shadow:0 4px 10px #ccced20d}.tool-mark img{width:22px;height:22px}.tool-item>span{font-size:13px}.tool-item small{font-size:10px}
@media(max-width:560px){.cover-tools{right:4%;bottom:12px;gap:8px;padding:10px 11px}.cover-tools img{width:20px;height:20px}.cover-tools span{font-size:10px;margin-left:2px;max-width:135px;white-space:normal;line-height:1.35}.toolkit-heading span:after{content:' · 实际做东西'}.tool-mark{width:38px;height:38px}.tool-mark img{width:19px;height:19px}.tool-item>span{font-size:11px}.tool-item small{font-size:8px}}
/* Case study tabs */
.case-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:20px 0 0}.case-tab{border:1px solid #262a36;background:#07080a;color:#858993;border-radius:999px;padding:9px 14px;font-size:11px;cursor:pointer;transition:all .2s}.case-tab:hover{border-color:var(--orange);color:var(--orange)}.case-tab.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.case-panel{padding-top:20px}.case-panel[hidden]{display:none}.case-problem{border-left:3px solid var(--orange);padding-left:15px;margin-bottom:2px}.case-problem small{font-size:9px;letter-spacing:1.3px;color:var(--orange);font-weight:700}.case-problem p{font-family:var(--serif);font-size:19px;line-height:1.6;margin-top:6px}.case-result{font-size:13px;line-height:1.8;color:#9fa2a9;background:#07080a;border:1px solid #25282d;padding:11px 14px;margin-top:3px}.case-result:before{content:'完成后  ';color:var(--orange);font-weight:700}
@media(max-width:560px){.case-tabs{gap:6px;padding-top:17px}.case-tab{font-size:10px;padding:8px 11px}.case-panel{padding-top:17px}.case-problem p{font-size:17px}.case-result{font-size:12px}}
/* Preserve original brand colours */
.tool-mark img,.cover-tools img{filter:none;opacity:1}
/* Cover logo cluster placed in the open space of the artwork */
.cover-tools{left:4%;right:auto;top:47%;bottom:auto;transform:translateY(-50%);display:flex;flex-wrap:wrap;width:190px;gap:14px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.cover-tools img{width:32px;height:32px;padding:6px;background:#322f26f0;border:1px solid #31353c;border-radius:50%;box-shadow:0 5px 12px #ccced21b}.cover-tools span{display:none}
@media(max-width:560px){.cover-tools{left:7%;top:50%;bottom:auto;width:145px;gap:9px;transform:translateY(-50%)}.cover-tools img{width:27px;height:27px;padding:5px}}
/* Art-directed random logo composition */
.cover-tools{width:190px;height:150px;display:block;gap:0}.cover-tools img{position:absolute;width:35px;height:35px;padding:7px}.cover-tools img:nth-child(1){left:8px;top:24px;transform:rotate(-12deg)}.cover-tools img:nth-child(2){left:68px;top:4px;width:42px;height:42px;transform:rotate(7deg)}.cover-tools img:nth-child(3){left:130px;top:28px;transform:rotate(14deg)}.cover-tools img:nth-child(4){left:30px;top:83px;width:40px;height:40px;transform:rotate(9deg)}.cover-tools img:nth-child(5){left:94px;top:78px;transform:rotate(-16deg)}.cover-tools img:nth-child(6){left:151px;top:94px;width:30px;height:30px;transform:rotate(5deg)}
.cover-tools:before,.cover-tools:after{content:'';position:absolute;border-top:1px solid #da481e66;width:62px;transform-origin:left center;pointer-events:none}.cover-tools:before{left:39px;top:63px;transform:rotate(23deg)}.cover-tools:after{left:116px;top:68px;transform:rotate(-25deg)}
@media(max-width:560px){.cover-tools{width:150px;height:125px}.cover-tools img:nth-child(1){left:2px;top:21px}.cover-tools img:nth-child(2){left:51px;top:2px;width:36px;height:36px}.cover-tools img:nth-child(3){left:103px;top:24px}.cover-tools img:nth-child(4){left:21px;top:70px;width:35px;height:35px}.cover-tools img:nth-child(5){left:74px;top:67px}.cover-tools img:nth-child(6){left:120px;top:87px;width:27px;height:27px}.cover-tools:before{left:31px;top:53px;width:49px}.cover-tools:after{left:95px;top:57px;width:45px}}
/* Larger cover installation */
.cover-tools{width:275px;height:220px;left:1%;top:50%}.cover-tools img{width:52px;height:52px;padding:10px;box-shadow:0 9px 20px #ccced222}.cover-tools img:nth-child(1){left:7px;top:45px}.cover-tools img:nth-child(2){left:96px;top:7px;width:66px;height:66px;padding:13px}.cover-tools img:nth-child(3){left:196px;top:48px;width:49px;height:49px}.cover-tools img:nth-child(4){left:45px;top:137px;width:61px;height:61px;padding:12px}.cover-tools img:nth-child(5){left:145px;top:127px;width:53px;height:53px;padding:10px}.cover-tools img:nth-child(6){left:225px;top:155px;width:43px;height:43px;padding:8px}.cover-tools:before{left:53px;top:101px;width:93px}.cover-tools:after{left:164px;top:103px;width:88px}
@media(max-width:560px){.cover-tools{width:190px;height:165px;left:2%;top:50%}.cover-tools img{width:40px;height:40px;padding:8px}.cover-tools img:nth-child(1){left:3px;top:35px}.cover-tools img:nth-child(2){left:65px;top:2px;width:50px;height:50px;padding:10px}.cover-tools img:nth-child(3){left:137px;top:36px;width:38px;height:38px}.cover-tools img:nth-child(4){left:29px;top:103px;width:47px;height:47px;padding:9px}.cover-tools img:nth-child(5){left:101px;top:96px;width:41px;height:41px;padding:8px}.cover-tools img:nth-child(6){left:158px;top:117px;width:34px;height:34px;padding:6px}.cover-tools:before{left:38px;top:75px;width:65px}.cover-tools:after{left:114px;top:77px;width:62px}}
/* Before / after conversion comparison */
.reason-compare{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:14px;margin-top:17px}.reason-compare>div{background:#10131a;border:1px solid #26292f;padding:12px 14px;min-height:92px}.reason-compare>div:last-child{background:#4b3124;border-color:#694538}.reason-compare small{font-size:9px;letter-spacing:1.2px;color:var(--orange);font-weight:700}.reason-compare p{font-size:13px;line-height:1.75;color:#8e919a;margin-top:7px}.reason-compare b{font-family:Georgia,serif;font-size:22px;color:var(--orange);font-weight:400;text-align:center}.reason-list article>div{border-left:1px solid var(--line);padding-left:40px}
@media(max-width:560px){.reason-compare{grid-template-columns:1fr;gap:7px;margin-top:14px}.reason-compare>div{min-height:0;padding:10px 12px}.reason-compare b{transform:rotate(90deg);font-size:18px}.reason-compare p{font-size:12px}.reason-list article>div{padding-left:17px}}
/* Scroll storytelling: each layer arrives with a slight offset */
.js-ready .reason-list article,.js-ready .reason-compare>div,.js-ready .tool-item{opacity:0;transform:translateY(18px)}.js-ready .reason-list article.is-visible,.js-ready .reason-compare>div.is-visible,.js-ready .tool-item.is-visible{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.js-ready .reason-list article:nth-child(2){transition-delay:.08s}.js-ready .reason-list article:nth-child(3){transition-delay:.16s}.js-ready .reason-compare>div:nth-child(3){transition-delay:.12s}.js-ready .tool-item:nth-child(2){transition-delay:.05s}.js-ready .tool-item:nth-child(3){transition-delay:.1s}.js-ready .tool-item:nth-child(4){transition-delay:.15s}.js-ready .tool-item:nth-child(5){transition-delay:.2s}.js-ready .tool-item:nth-child(6){transition-delay:.25s}.js-ready .tool-item:nth-child(7){transition-delay:.3s}.reason-compare b{transition:transform .45s ease;color:var(--orange)}.reason-compare:hover b{transform:translateX(5px)}.course-example.is-visible{animation:card-arrive .8s cubic-bezier(.22,1,.36,1) both}.day.is-visible .day-marker>span{animation:number-pop .7s cubic-bezier(.22,1,.36,1) both}.day.is-visible li{animation:step-rise .6s cubic-bezier(.22,1,.36,1) both}.day.is-visible li:nth-child(2){animation-delay:.1s}.day.is-visible li:nth-child(3){animation-delay:.2s}.day.is-visible li:nth-child(4){animation-delay:.3s}.day.is-visible li:nth-child(5){animation-delay:.4s}@keyframes card-arrive{from{opacity:.2;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}@keyframes number-pop{from{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes step-rise{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .js-ready .reason-list article,html:not(.motion-on) .js-ready .reason-compare>div,html:not(.motion-on) .js-ready .tool-item{opacity:1!important;transform:none!important}html:not(.motion-on) .day.is-visible li,html:not(.motion-on) .day.is-visible .day-marker>span{animation:none!important}}
/* Live presentation demos inspired by slide-based storytelling */
.example-group-heading{align-items:flex-start}.live-demo{width:min(430px,48%);padding:13px 15px 11px;background:#10131a;border:1px solid #292c32;overflow:hidden}.live-demo.company{background:#4b3124;border-color:#694538}.demo-track{display:flex;align-items:center;gap:8px;white-space:nowrap;animation:demo-slide 6s cubic-bezier(.22,1,.36,1) infinite}.demo-chip{display:inline-flex;align-items:center;padding:7px 10px;background:#0a0c11;border:1px solid #30333b;border-radius:999px;font-size:10px;color:#8e919a}.demo-chip.accent{background:var(--orange);border-color:var(--orange);color:#fff}.demo-track i{font-family:Georgia,serif;color:var(--orange);font-size:16px;font-style:normal}.live-demo small{display:block;margin-top:10px;font-size:8px;letter-spacing:1.1px;color:var(--muted)}@keyframes demo-slide{0%,12%{transform:translateX(0);opacity:.45}22%,72%{transform:translateX(0);opacity:1}84%,100%{transform:translateX(-8px);opacity:.45}}.js-ready .live-demo{opacity:0;transform:translateY(10px)}.js-ready .live-demo.is-visible{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
@media(max-width:800px){.example-group-heading{display:block}.live-demo{width:100%;margin-top:16px}}
@media(max-width:560px){.live-demo{padding:11px 12px}.demo-chip{font-size:9px;padding:6px 8px}.demo-track{gap:6px}.live-demo small{font-size:7px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .demo-track{animation:none}html:not(.motion-on) .js-ready .live-demo{opacity:1!important;transform:none!important}}
/* Showcase cards: visual previews make the examples feel buildable */
.example{padding:20px 0 34px}.example:before{width:100%;height:154px;margin:0 0 20px;border:1px solid #2e3138;border-radius:10px;background-color:#12151d;background-image:linear-gradient(#1c202a 1px,transparent 1px),linear-gradient(90deg,#1c202a 1px,transparent 1px),linear-gradient(135deg,transparent 0 56%,#ff6a2b 56% 57%,transparent 57%);background-size:34px 34px,34px 34px,100% 100%;background-position:0 0,0 0,0 0;display:flex;align-items:flex-end;padding:16px;color:#e8eaf0;font-family:var(--serif);font-size:20px;font-weight:600;box-shadow:inset 0 -50px 45px #322f2666}.example:nth-child(1):before{content:'今天 · 日记整理';background-image:linear-gradient(90deg,#0a0c11 0 31%,transparent 31%),linear-gradient(#1c202a 1px,transparent 1px),linear-gradient(90deg,#1c202a 1px,transparent 1px)}.example:nth-child(2):before{content:'你的资料库  /  搜索';background-image:linear-gradient(90deg,#413d32 0 23%,#0a0c11 23%),linear-gradient(#1c202a 1px,transparent 1px)}.example:nth-child(3):before{content:'本周计划  →  下一步';background-image:linear-gradient(90deg,#0a0c11 0 68%,#1d1f23 68%),linear-gradient(#1c202a 1px,transparent 1px)}.example:nth-child(4):before{content:'你的服务介绍页';background-image:linear-gradient(135deg,#47382e 0 35%,#0a0c11 35%),linear-gradient(#1c202a 1px,transparent 1px)}.work-examples + .example-grid .example:nth-child(1):before{content:'会议摘要  /  行动项';background-image:linear-gradient(90deg,#0a0c11 0 42%,#443830 42%),linear-gradient(#1c202a 1px,transparent 1px)}.work-examples + .example-grid .example:nth-child(2):before{content:'客户跟进  /  下一步';background-image:linear-gradient(90deg,#413d32 0 28%,#0a0c11 28%),linear-gradient(135deg,transparent 0 70%,#ff6a2b 70%)}.work-examples + .example-grid .example:nth-child(3):before{content:'周报草稿  /  本周进度';background-image:linear-gradient(90deg,#0a0c11 0 80%,#1d1f23 80%),linear-gradient(#1c202a 1px,transparent 1px)}.work-examples + .example-grid .example:nth-child(4):before{content:'报价计算器';background-image:linear-gradient(90deg,#443126 0 32%,#0a0c11 32%),linear-gradient(#1c202a 1px,transparent 1px)}.example-label{margin-bottom:10px}.example h4{font-size:25px}.example>p{max-width:560px}
@media(max-width:560px){.example:before{height:138px;font-size:18px}.example h4{font-size:22px}}
/* Core course demos stay animated so the teaching concept remains visible. */
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .live-demo .demo-track{animation:demo-slide 6s cubic-bezier(.22,1,.36,1) infinite!important}html:not(.motion-on) .live-demo{transition:opacity .5s ease!important}}
/* Stronger mini product mockups */
.example:before{box-shadow:none;background-color:#161a23;background-image:linear-gradient(#ff6a2b,#ff6a2b),linear-gradient(#0c0e13,#0c0e13),linear-gradient(#242834,#242834),linear-gradient(#242834,#242834),linear-gradient(#242834,#242834);background-repeat:no-repeat;background-size:92px 9px,42% 52px,35% 7px,47% 7px,38% 7px;background-position:18px 18px,18px 45px,55% 45px,55% 62px,55% 79px;color:#b7b9bf;text-shadow:0 1px #08090a99}.example:nth-child(2):before{background-color:#161a23;background-image:linear-gradient(#6b7282,#6b7282),linear-gradient(#0c0e13,#0c0e13),linear-gradient(#242834,#242834),linear-gradient(#242834,#242834),linear-gradient(#242834,#242834);background-size:64px 9px,100% 28px,52% 7px,42% 7px,36% 7px;background-position:18px 18px,0 43px,18px 88px,18px 106px,18px 124px}.example:nth-child(3):before{background-color:#161a23;background-image:linear-gradient(#4d525e,#4d525e),linear-gradient(#0c0e13,#0c0e13),linear-gradient(#ff6a2b,#ff6a2b),linear-gradient(#242834,#242834);background-size:78px 9px,42% 95px,28% 14px,39% 7px;background-position:18px 18px,18px 45px,58% 58px,58% 88px}.example:nth-child(4):before{background-color:#161a23;background-image:linear-gradient(#ff6a2b,#ff6a2b),linear-gradient(#0c0e13,#0c0e13),linear-gradient(#242834,#242834),linear-gradient(#242834,#242834);background-size:105px 9px,45% 75px,38% 7px,31% 7px;background-position:18px 18px,18px 50px,60% 58px,60% 78px}.work-examples + .example-grid .example:nth-child(1):before{background-color:#161a23;background-image:linear-gradient(#ff6a2b,#ff6a2b),linear-gradient(#0c0e13,#0c0e13),linear-gradient(#242834,#242834),linear-gradient(#242834,#242834);background-size:110px 9px,100% 42px,73% 7px,58% 7px;background-position:18px 18px,18px 45px,18px 105px,18px 122px}.work-examples + .example-grid .example:nth-child(2):before{background-color:#161a23;background-image:linear-gradient(#6b7282,#6b7282),linear-gradient(#0c0e13,#0c0e13),linear-gradient(#ff6a2b,#ff6a2b),linear-gradient(#242834,#242834);background-size:110px 9px,100% 42px,30% 14px,48% 7px;background-position:18px 18px,18px 45px,18px 106px,18px 133px}.work-examples + .example-grid .example:nth-child(3):before{background-color:#161a23;background-image:linear-gradient(#4d525e,#4d525e),linear-gradient(#0c0e13,#0c0e13),linear-gradient(#242834,#242834),linear-gradient(#242834,#242834);background-size:100px 9px,100% 50px,61% 7px,48% 7px;background-position:18px 18px,18px 45px,18px 113px,18px 130px}.work-examples + .example-grid .example:nth-child(4):before{background-color:#161a23;background-image:linear-gradient(#ff6a2b,#ff6a2b),linear-gradient(#0c0e13,#0c0e13),linear-gradient(#242834,#242834),linear-gradient(#ff6a2b,#ff6a2b);background-size:100px 9px,41% 88px,45% 7px,23% 15px;background-position:18px 18px,18px 45px,55% 60px,68% 100px}