body{color:#222;background:#f0f2f5;margin:0;padding:0;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}header{color:#111827;text-align:center;animation:1s ease-in-out fadeIn}header h1{margin:.5rem 0;font-size:2.5rem}header p{margin:0;font-size:1.1rem}section{margin-bottom:3rem}section h2{text-align:center;color:#111827;letter-spacing:1px;margin-bottom:2rem;font-size:2rem;font-weight:700;position:relative}section h2:after{content:"";background:linear-gradient(90deg,#10184f,#4b5ce7,#8a4cf2);border-radius:2px;width:80px;height:4px;margin:10px auto 0;animation:1s forwards slideIn;display:block}.project h3{background:linear-gradient(90deg,#10184f,#4b5ce7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:0;font-size:1.5rem;font-weight:600;transition:transform .3s,filter .3s;position:relative}.project:hover h3{filter:drop-shadow(2px 4px 6px #0000004d);transform:scale(1.05)}h2{text-align:center;color:#111827;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-size:2rem}.projects-container{position:relative;overflow:hidden}.projects-container--loading .projects-page{opacity:.42}.projects-loading{z-index:2;background:#f0f2f561;place-items:center;display:grid;position:absolute;inset:0}.projects-pagination{flex-direction:column;align-items:center;gap:.65rem;margin-top:1.4rem;display:flex}.projects-pagination>span{color:#69708d;font-size:.82rem;font-weight:600}.projects-pagination__error{color:#b42318;text-align:center;margin:1rem 0 0;font-size:.9rem;font-weight:600}.projects-page{grid-template-columns:repeat(3,1fr);gap:1.5rem;min-width:100%;transition:transform .5s;display:none}.projects-page.active{margin-bottom:15px;display:grid}.tabs{justify-content:center;gap:1rem;margin-bottom:1.25rem;display:flex}.tab-button{color:#4b5ce7;cursor:pointer;background:#fff;border:2px solid #4b5ce7;border-radius:9999px;padding:.6rem 1.2rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #00000014}.tab-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000026}.tab-button.active{color:#fff;background:linear-gradient(90deg,#4b5ce7,#8a4cf2);border-color:#0000}.project{background:#fff;border-radius:12px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #0000001a}.project:hover{background:#f9faff;transform:translateY(-8px)scale(1.02);box-shadow:0 12px 25px #0003}.project h3{color:#111827;text-transform:capitalize;margin-top:0;font-size:1.5rem}.project p{margin:.5rem 0}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.experience-card{flex-direction:column;min-width:0;height:430px;padding:1.35rem;display:flex;overflow:hidden}.experience-card__header{border-bottom:1px solid #4b5ce724;flex:none;padding-bottom:.8rem}.experience-card__header h3{margin-bottom:.75rem;font-size:1.15rem;line-height:1.25}.experience-card__header p{font-size:.88rem;line-height:1.35}.experience-card__date{color:#5f6685}.experience-card__description{scrollbar-gutter:stable;overscroll-behavior:contain;flex:auto;min-height:0;margin-top:.9rem;padding-right:.45rem;font-size:.92rem;line-height:1.55;overflow-y:auto}.experience-card__description p{margin:0}.experience-card__description ul{margin:0;padding-left:1.15rem;list-style:outside}.experience-card__description li{margin-bottom:.55rem;padding-left:.2rem}.experience-card__description li::marker{color:#4b5ce7}.experience-card__description::-webkit-scrollbar{width:7px}.experience-card__description::-webkit-scrollbar-thumb{background:#4b5ce759;border-radius:8px}.experience-card__description::-webkit-scrollbar-track{background:#4b5ce70f}@media (max-width:960px){.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.experience-grid{grid-template-columns:1fr}.experience-card{height:390px}}.skills p,.contact p{text-align:center;color:#333;font-size:1rem}.projects-nav{text-align:center;justify-content:space-around;gap:1rem;margin-top:1.5rem;display:flex}.projects-nav button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4b5ce7,#8a4cf2);border:none;border-radius:12px;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.projects-nav button:after{content:"→";opacity:.7;transition:transform .3s;position:absolute;right:.3rem}.projects-nav button.prev:after{content:"←"}.projects-nav button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #00000040}.projects-nav button:hover:after{transform:translate(5px)}#pageNumber{color:#fff;text-align:center;background:linear-gradient(90deg,#4b5ce7,#8a4cf2);border-radius:50px;min-width:60px;padding:.5rem 1rem;font-size:1rem;font-weight:700;transition:transform .3s,box-shadow .3s;display:inline-block;box-shadow:0 4px 12px #00000026}#pageNumber:hover{transform:scale(1.1);box-shadow:0 6px 16px #00000040}.skills{background:#f0f2f5;border-radius:15px;max-width:1200px;margin:auto;padding:3rem 1rem}.skills h2{text-align:center;color:#111827;margin-bottom:2rem;font-size:2.2rem;position:relative}.skills h2:after{content:"";background:linear-gradient(90deg,#10184f,#4b5ce7,#8a4cf2);border-radius:2px;width:100px;height:4px;margin:10px auto 0;display:block}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.skill-category h3{color:#4b5ce7;margin-bottom:1rem;font-size:1.3rem;font-weight:700;position:relative}.skill-tags{flex-wrap:wrap;gap:.7rem;display:flex}.skill-tags span{color:#fff;cursor:default;background:linear-gradient(135deg,#4b5ce7,#8a4cf2);border-radius:50px;padding:.5rem 1rem;font-size:.9rem;transition:transform .3s,box-shadow .3s}.skill-tags span:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 15px #0003}.contact{background:#f0f2f5;border-radius:15px;max-width:1000px;margin:auto;padding:3rem 1rem}.contact h2{text-align:center;color:#4b5ce7;margin-bottom:2rem;font-size:2.2rem;position:relative}.contact h2:after{content:"";background:linear-gradient(90deg,#4b5ce7,#8a4cf2);border-radius:2px;width:100px;height:4px;margin:10px auto 0;display:block}.contact-cards{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.contact-card{color:#111827;background:#fff;border:1px solid #4b5ce71a;border-radius:12px;justify-content:flex-start;align-items:center;gap:1rem;width:min(100%,280px);min-height:84px;padding:1rem 1.5rem;text-decoration:none;transition:transform .25s,box-shadow .25s,background-color .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.contact-card:after{content:"";transform-origin:0;background:#4b5ce7;width:100%;height:4px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.contact-card:hover{background-color:#f8f9ff;border-color:#4b5ce752;transform:translateY(-6px);box-shadow:0 16px 32px #10184f29}.contact-card:hover:after,.contact-card:focus-visible:after{transform:scaleX(1)}.contact-card:focus-visible{outline-offset:3px;outline:3px solid #4b5ce759}.contact-card .icon{color:#25318f;background:#4b5ce71a;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:2rem;transition:transform .25s,background-color .25s,color .25s;display:grid}.contact-card:hover .icon,.contact-card:focus-visible .icon{color:#fff;background-color:#25318f;transform:translateY(-2px)rotate(-3deg)}.contact-card .info h3{color:#4b5ce7;margin:0;font-size:1.1rem;font-weight:600}.contact-card .info span{color:#69708d;margin-top:.2rem;font-size:.82rem;font-weight:600;display:block}.contact-card__arrow{color:#4b5ce7;opacity:.55;margin-left:auto;transition:transform .25s,opacity .25s}.contact-card:hover .contact-card__arrow,.contact-card:focus-visible .contact-card__arrow{opacity:1;transform:translate(5px)}@media (prefers-reduced-motion:reduce){.contact-card,.contact-card:after,.contact-card .icon,.contact-card__arrow{transition:none}}.cv-section{background:#f0f2f5;border-radius:15px;max-width:1200px;margin:auto auto 3rem;padding:3rem 1rem}.cv-section h2{text-align:center;color:#10184f;margin-bottom:2rem;font-size:2.2rem;position:relative}.cv-section h2:after{content:"";background:linear-gradient(90deg,#4b5ce7,#8a4cf2);border-radius:2px;width:100px;height:4px;margin:10px auto 0;display:block}.cv-download-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.cv-download-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4b5ce7,#8a4cf2);border-radius:12px;align-items:center;gap:.8rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #00000026}.cv-download-button:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #00000040}.cv-download-button:active{transform:translateY(-2px)scale(1.02)}.cv-icon{font-size:1.5rem}.cv-description{text-align:center;color:#555;max-width:500px;margin:0;font-size:1rem}@media (max-width:1024px){.projects-page{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.projects-page{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scrollable-content{position:relative}.scroll-indicator{text-align:center;color:#4b5ce7;pointer-events:none;margin-top:auto;padding-top:10px;font-size:2rem;animation:1.5s ease-in-out infinite bounceDown;position:sticky;bottom:10px}@keyframes bounceDown{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.6;transform:translateY(10px)}}.landing-page{--brand-navy:#10184f;--brand-ink:#151b54;--brand-blue:#4b5ce7;--brand-violet:#8a4cf2;--brand-violet-soft:#f2efff;--brand-blue-soft:#eef1ff;--brand-border:#4b5ce726;--brand-text:#25305f;--brand-muted:#5d668f;min-height:100vh;color:var(--brand-text);background:#f8f9ff;margin:-5em calc(50% - 50vw) 0;overflow:clip}.landing-page section{margin-bottom:0}.landing-shell{width:min(1180px,100% - 40px);margin:0 auto}.document-scroll-story{color:#fff;background:#090d29;height:760vh;margin:0;position:relative}.document-scroll-sticky{background-color:#090d29;background-image:linear-gradient(#97a2e80e 1px,#0000 1px),linear-gradient(90deg,#97a2e80e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden}.document-scroll-grid{width:100%;height:100%;margin:0;padding:0;display:block;position:relative}.document-story-copy{z-index:2;pointer-events:none;position:absolute;inset:0}.document-story-brandline{z-index:3;color:#bfc7fb;text-transform:uppercase;letter-spacing:0;border-bottom:1px solid #d3d9ff33;justify-content:space-between;align-items:center;gap:1rem;width:min(1380px,100% - 64px);padding-bottom:1rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:6.2rem;left:50%;transform:translate(-50%)}.document-story-brandline strong{color:#fff;font:inherit}.document-story-chapters{z-index:1;position:absolute;inset:0}.document-story-chapter{pointer-events:none;text-shadow:0 2px 18px #090d29eb;flex-direction:column;justify-content:center;align-items:flex-start;width:min(370px,100% - 64px);padding-top:5rem;display:flex;position:absolute;top:0;bottom:0}.document-story-chapter.chapter-intro,.document-story-chapter.chapter-left,.document-story-chapter.chapter-final{left:max(32px,50vw - 690px)}.document-story-chapter.chapter-right{text-align:right;align-items:flex-end;right:max(32px,50vw - 690px)}.document-story-chapter.chapter-intro,.document-story-chapter.chapter-final{width:min(330px,100% - 64px)}.document-story-chapter.chapter-final{isolation:isolate}.document-story-chapter.chapter-final:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090d29 0%,#090d29fa 64%,#090d2900 100%);width:450px;position:absolute;top:0;bottom:0;left:-32px}.document-story-chapter.chapter-step-05,.document-story-chapter.chapter-step-06{isolation:isolate}.document-story-chapter.chapter-step-05:before,.document-story-chapter.chapter-step-06:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090d2900 0%,#090d29fa 30%,#090d29 100%);width:470px;position:absolute;top:0;bottom:0;right:-32px}.document-story-number{color:#d6dcff;border:1px solid #b5bfff57;border-radius:6px;place-items:center;width:42px;height:32px;margin-bottom:1rem;font-size:.78rem;font-weight:800;display:inline-grid}.document-story-eyebrow{color:#9faaf2;text-transform:uppercase;letter-spacing:0;margin-bottom:.8rem;font-size:.78rem;font-weight:800}.document-story-chapter h1{color:#fff;letter-spacing:0;max-width:410px;margin:0;font-size:2.55rem;font-weight:800;line-height:1.04}.document-story-chapter.chapter-intro h1,.document-story-chapter.chapter-final h1{font-size:2.85rem}.document-story-chapter.chapter-intro p,.document-story-chapter.chapter-final p{max-width:320px}.document-story-chapter h1:after{display:none}.document-story-chapter p{color:#bbc3ee;max-width:370px;margin:1rem 0 0;font-size:.94rem;line-height:1.65}.document-story-cta{color:#10184f;pointer-events:auto;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;margin-top:1.6rem;padding:.78rem 1rem;font-weight:800;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.document-story-cta:hover{background:#edf0ff;transform:translateY(-2px)}.document-story-cta:focus-visible{outline-offset:4px;outline:3px solid #8a9aff}.document-story-progress{z-index:3;gap:.8rem;width:min(1380px,100% - 64px);display:grid;position:absolute;bottom:1.8rem;left:50%;transform:translate(-50%)}.document-story-progress-steps{align-items:center;gap:.65rem;display:flex}.document-story-progress-steps span{background:#dbe0ff;border-radius:50%;width:8px;height:8px;display:block}.document-story-progress-track{background:#d8deff2b;height:2px;overflow:hidden}.document-story-progress-track span{transform-origin:0;background:#8d9cff;width:100%;height:100%;display:block}.document-story-visual{z-index:1;place-items:center;width:min(1180px,100% - 32px);margin:0 auto;display:grid;position:absolute;inset:4.8rem 0 2.8rem}.portfolio-document-svg{width:100%;height:100%;max-height:none;display:block;overflow:visible}.document-scroll-prompt{color:#aeb7ed;text-transform:uppercase;letter-spacing:0;align-items:center;gap:.45rem;font-size:.7rem;font-weight:800;display:inline-flex;position:absolute;bottom:3.8rem;left:50%;transform:translate(-50%)}.document-scroll-prompt svg{font-size:1rem;animation:1.6s ease-in-out infinite document-scroll-nudge}@keyframes document-scroll-nudge{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.landing-hero{border-bottom:1px solid var(--brand-border);padding:7.2rem 0 4rem;position:relative}.landing-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#4b5ce70f 1px,#0000 1px),linear-gradient(90deg,#4b5ce70f 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 92%);mask-image:linear-gradient(#000 20%,#0000 92%)}.folio-hero{background:radial-gradient(circle at 78% 18%,#8a4cf22e,#0000 30%),radial-gradient(circle at 12% 72%,#4b5ce724,#0000 34%),linear-gradient(135deg,#fff 0%,#f4f6ff 48%,#f2efff 100%)}.folio-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);align-items:center;gap:4rem;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero-kicker,.section-kicker{width:fit-content;color:var(--brand-blue);text-transform:uppercase;background:#ffffffc7;border:1px solid #4b5ce733;border-radius:999px;align-items:center;margin-bottom:1rem;padding:.45rem .85rem;font-size:.78rem;font-weight:800;display:inline-flex}.hero-copy h1,.section-copy h2,.final-cta h2{text-align:left;text-transform:none;letter-spacing:0;color:var(--brand-navy);margin:0}.hero-copy h1:after,.section-copy h2:after,.final-cta h2:after{display:none}.hero-copy h1{max-width:780px;font-size:clamp(3rem,6.2vw,6.3rem);line-height:.98}.hero-copy p,.section-copy p{max-width:680px;color:var(--brand-muted);margin:1.4rem 0 0;font-size:1.08rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.primary-cta,.secondary-cta{border-radius:8px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.85rem 1.2rem;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.primary-cta{background:linear-gradient(90deg,var(--brand-blue),var(--brand-violet));color:#fff;box-shadow:0 16px 36px #4b5ce738}.secondary-cta{color:var(--brand-navy);background:#ffffffd1;border:1px solid #4b5ce72e}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-3px);box-shadow:0 20px 44px #4b5ce729}.audience-strip{flex-wrap:wrap;gap:.6rem;max-width:620px;margin-top:2.2rem;display:flex}.audience-strip span{border:1px solid var(--brand-border);color:var(--brand-text);background:#ffffffc2;border-radius:999px;padding:.5rem .75rem;font-size:.9rem;font-weight:700}.folio-machine{min-height:560px;position:relative}.cv-document{z-index:3;border:1px solid var(--brand-border);background:#fff;border-radius:8px;width:210px;min-height:280px;padding:1.4rem;position:absolute;top:1.2rem;left:0;box-shadow:0 28px 68px #10184f29}.cv-document svg{color:var(--brand-blue);font-size:2.4rem}.doc-fold{border-left:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);background:linear-gradient(135deg,#dfe4ff,#fff 52%);border-radius:0 8px;width:48px;height:48px;position:absolute;top:0;right:0}.cv-document>span{background:linear-gradient(90deg,#10184f2e,#4b5ce733);border-radius:999px;height:12px;margin-top:1rem;display:block}.cv-document>span:nth-of-type(2){width:72%}.cv-document>span:nth-of-type(3){width:54%}.doc-chips{flex-wrap:wrap;gap:.45rem;margin-top:2rem;display:flex}.doc-chips i{background:var(--brand-blue-soft);border:1px solid #4b5ce729;border-radius:999px;width:44%;height:28px}.ai-scan,.publish-badge{z-index:4;border:1px solid var(--brand-border);color:var(--brand-navy);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:8px;align-items:center;gap:.55rem;padding:.78rem 1rem;font-weight:900;display:inline-flex;position:absolute;box-shadow:0 18px 42px #10184f24}.ai-scan{top:176px;left:154px}.publish-badge{bottom:4.6rem;right:-.4rem}.ai-scan svg,.publish-badge svg{color:var(--brand-violet)}.portfolio-preview-window{border:1px solid var(--brand-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-radius:8px;width:min(470px,88%);min-height:400px;padding:1rem;position:absolute;top:5.2rem;right:0;box-shadow:0 34px 90px #10184f33}.preview-topbar{align-items:center;gap:.45rem;padding-bottom:1rem;display:flex}.preview-topbar span{background:var(--brand-violet);opacity:.52;border-radius:50%;width:.7rem;height:.7rem}.preview-topbar strong{color:var(--brand-muted);margin-left:auto;font-size:.78rem}.preview-hero{background:linear-gradient(135deg,var(--brand-navy),var(--brand-blue)58%,var(--brand-violet));border-radius:8px;grid-template-columns:76px 1fr;align-items:center;gap:1rem;padding:1rem;display:grid}.preview-avatar{background:#ffffffe6;border-radius:50%;width:76px;height:76px}.preview-hero span,.preview-lines span{background:#ffffffd1;border-radius:999px;height:12px;display:block}.preview-hero span+span{opacity:.7;width:58%;margin-top:.7rem}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.preview-grid div{border:1px solid var(--brand-border);background:linear-gradient(135deg,#4b5ce72e,#8a4cf238),#fff;border-radius:8px;min-height:112px}.preview-lines{gap:.62rem;margin-top:1rem;display:grid}.preview-lines span{background:#4b5ce724}.preview-lines span:nth-child(2){width:82%}.preview-lines span:nth-child(3){width:62%}.landing-section{padding:6rem 0}.extract-section{background:#fff}.extract-grid,.builder-story-grid{grid-template-columns:minmax(0,.9fr) minmax(380px,1fr);align-items:center;gap:4rem;display:grid}.section-copy h2{font-size:clamp(2.2rem,4.6vw,4.4rem);line-height:1.02}.field-console{border:1px solid var(--brand-border);background:#f6f7ff;border-radius:8px;gap:.75rem;padding:1rem;display:grid;box-shadow:0 24px 70px #10184f1a}.field-row{background:#ffffffeb;border:1px solid #4b5ce71f;border-radius:8px;grid-template-columns:54px 1fr 90px;align-items:center;min-height:66px;padding:.75rem 1rem;display:grid}.field-row span{color:var(--brand-violet);font-weight:900}.field-row strong{color:var(--brand-navy)}.field-row i{background:linear-gradient(90deg,var(--brand-blue),var(--brand-violet));opacity:.7;border-radius:999px;height:10px}.folio-workflow{background:linear-gradient(135deg,var(--brand-navy),#1b2374 58%,#34248f);color:#fff}.workflow-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.workflow-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;min-height:290px;padding:1.4rem}.workflow-icon{color:#d8d4ff;background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.2rem;display:inline-flex}.workflow-card h2{color:#fff;text-align:left;text-transform:none;letter-spacing:0;margin:0;font-size:1.24rem;line-height:1.25}.workflow-card h2:after{display:none}.workflow-card p{color:#cbd5e1;margin:.85rem 0 0;line-height:1.7}.builder-story-section{background:linear-gradient(135deg,#f8f9ff,#fff)}.builder-story-visual{min-height:470px}.editor-window{border:1px solid var(--brand-border);background:#ffffffe6;border-radius:8px;grid-template-columns:92px 1fr;gap:1rem;min-height:450px;padding:1rem;display:grid;box-shadow:0 30px 80px #10184f24}.editor-sidebar{background:var(--brand-navy);color:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;padding:1rem .75rem;display:flex}.editor-sidebar svg{color:#bfb8ff}.editor-sidebar span{background:#ffffff3d;border-radius:999px;width:100%;height:10px}.editor-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.editor-section{border:1px solid var(--brand-border);background:#fff;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff80}.editor-section.large{background:linear-gradient(135deg,#10184feb,#4b5ce7db),#10184f;grid-column:1/-1}.editor-section.project-a{background:linear-gradient(135deg,#4b5ce72e,#fffffff5)}.editor-section.project-b{background:linear-gradient(135deg,#8a4cf22e,#fffffff5)}.editor-section.skills{background:repeating-linear-gradient(90deg,#4b5ce724 0 56px,#0000 56px 72px),#fff;grid-column:1/-1;min-height:82px}.proof-section{background:var(--brand-violet-soft);padding:4rem 0}.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.proof-card{border-left:4px solid var(--brand-blue);background:#fff;border-radius:8px;padding:1.7rem;box-shadow:0 16px 36px #10184f14}.proof-card:nth-child(2){border-left-color:var(--brand-violet)}.proof-card:nth-child(3){border-left-color:var(--brand-navy)}.proof-card strong{color:var(--brand-navy);font-size:clamp(1.8rem,4vw,3.2rem);line-height:1;display:block}.proof-card span{color:var(--brand-muted);margin-top:.65rem;font-weight:700;display:block}.final-cta-section{background:#fff;padding-bottom:7rem}.final-cta{border:1px solid var(--brand-border);background:radial-gradient(circle at 92% 18%,#8a4cf233,#0000 26%),linear-gradient(135deg,#fff,#f4f6ff);border-radius:8px;justify-items:start;gap:1.3rem;padding:3rem;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #10184f1a}.final-cta h2{max-width:840px;font-size:clamp(2.1rem,4.5vw,4.5rem);line-height:1.02}.final-cta-icon{color:var(--brand-violet);font-size:2.2rem!important}@media (max-width:980px){.document-scroll-story{height:740vh}.document-story-brandline,.document-story-progress{width:calc(100% - 40px)}.document-story-chapter{width:min(320px,100% - 48px)}.document-story-chapter.chapter-intro,.document-story-chapter.chapter-left,.document-story-chapter.chapter-final{left:24px}.document-story-chapter.chapter-right{right:24px}.document-story-chapter.chapter-intro,.document-story-chapter.chapter-final{width:min(350px,100% - 48px)}.document-story-chapter h1{font-size:2.25rem}.document-story-chapter.chapter-intro h1,.document-story-chapter.chapter-final h1{font-size:2.75rem}.document-story-chapter p{font-size:.88rem}.folio-hero-grid,.extract-grid,.builder-story-grid{grid-template-columns:1fr;gap:3rem}.folio-machine{min-height:520px}.workflow-cards,.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.document-scroll-story{height:720vh}.document-scroll-sticky{min-height:0}.document-scroll-grid{width:100%;padding:0;display:block}.document-story-copy{position:absolute;inset:0}.document-story-brandline{width:calc(100% - 24px);padding-bottom:.65rem;font-size:.64rem;top:5.1rem}.document-story-brandline strong{display:none}.document-story-chapters{position:absolute;inset:0}.document-story-chapter,.document-story-chapter.chapter-intro,.document-story-chapter.chapter-left,.document-story-chapter.chapter-right,.document-story-chapter.chapter-final{text-align:left;justify-content:flex-start;align-items:flex-start;width:auto;height:230px;padding:0;inset:7.2rem 12px auto}.document-story-chapter.chapter-final:before,.document-story-chapter.chapter-step-05:before,.document-story-chapter.chapter-step-06:before{display:none}.document-story-number{width:36px;height:27px;margin-bottom:.6rem;font-size:.68rem}.document-story-eyebrow{margin-bottom:.45rem;font-size:.67rem}.document-story-chapter h1{max-width:390px;font-size:2.05rem;line-height:1.02}.document-story-chapter.chapter-intro h1,.document-story-chapter.chapter-final h1{font-size:2.25rem}.document-story-chapter p{max-width:430px;margin-top:.72rem;font-size:.82rem;line-height:1.55}.document-story-cta{min-height:42px;margin-top:.85rem;padding:.6rem .82rem;font-size:.82rem}.document-story-progress{gap:.5rem;width:calc(100% - 24px);padding-top:.45rem;bottom:1.1rem}.document-story-visual{width:520px;max-height:none;margin:0;inset:18.5rem auto 2.8rem 50%;transform:translate(-50%)}.portfolio-document-svg{height:100%;max-height:none}.document-scroll-prompt{font-size:.62rem;bottom:3.35rem}.landing-shell{width:min(100% - 28px,1180px)}.landing-hero{padding:7rem 0 3.5rem}.hero-copy h1{font-size:2.7rem;line-height:1.04}.hero-copy p,.section-copy p{font-size:1rem}.hero-actions{flex-direction:column}.primary-cta,.secondary-cta{width:100%}.folio-machine{gap:1rem;min-height:auto;display:grid}.cv-document,.ai-scan,.publish-badge,.portfolio-preview-window{width:100%;position:relative;inset:auto}.portfolio-preview-window{min-height:360px}.preview-grid{grid-template-columns:1fr}.landing-section{padding:4rem 0}.workflow-cards,.proof-grid{grid-template-columns:1fr}.field-row{grid-template-columns:44px 1fr}.field-row i{grid-column:1/-1}.editor-window{grid-template-columns:1fr;min-height:420px}.editor-sidebar{flex-direction:row}.editor-sidebar span{height:8px}.final-cta{padding:2rem 1.25rem}}@media (prefers-reduced-motion:reduce){.document-scroll-story{height:680vh}.document-scroll-prompt svg{animation:none}}