@layer components{.project-hero{background:#f4ebdf;overflow:hidden}.project-hero-inner{grid-template-columns:1.12fr .88fr;align-items:center;gap:38px;min-height:490px;padding-block:40px;display:grid}.project-hero .theory-crumbs{margin-bottom:55px}.project-hero h1{color:#1d5546;letter-spacing:-5px;margin:10px 0 16px;font-size:clamp(62px,7vw,88px);line-height:1}.project-hero p{color:#53675b;max-width:580px;margin:0 0 29px;font-size:17px;line-height:1.8}.project-hero-art{place-items:center;height:360px;display:grid;position:relative}.project-hero-art:before{content:"";border:1px solid #dbd0bf;border-radius:50%;width:355px;height:355px;position:absolute}.project-hero-sheet{background:#fffdf9;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:285px;height:320px;padding:29px;display:flex;position:relative;transform:rotate(-6deg);box-shadow:0 28px 52px #68563d28}.project-hero-sheet>span{letter-spacing:1.4px;color:#b85c43;font-size:11px;font-weight:800}.project-hero-sheet>svg{color:#dcab5a;position:absolute;top:46px;right:29px}.project-hero-sheet strong{color:#1d5546;letter-spacing:-1.3px;font-size:33px;line-height:1.14}.project-hero-sheet i{color:#b85c43;align-self:flex-end;font-size:32px;font-style:normal}.project-progress{background:#fffdf9;border-bottom:1px solid #e8e7de}.project-progress>.theory-wrap{grid-template-columns:repeat(4,1fr);gap:11px;padding-block:20px;display:grid}.project-progress a{color:#4d6657;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.project-progress a:hover{color:#b85c43}.project-progress span{color:#1d5546;background:#e9f0e6;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.project-steps{padding-block:30px 68px}.project-step{border-bottom:1px solid #e3e7dc;padding-block:65px;scroll-margin-top:20px}.project-step:last-child{border-bottom:0}.project-step-head{align-items:center;gap:16px;display:flex}.project-step-number{color:#fff;background:#1d5546;border-radius:17px;flex:none;place-items:center;width:62px;height:62px;font-size:22px;font-weight:800;display:grid;transform:rotate(-5deg)}.project-step-head h2{color:#1d5546;letter-spacing:-1.7px;margin:5px 0 0;font-size:41px;line-height:1.18}.project-step-intro{color:#627468;max-width:670px;margin:22px 0 29px;font-size:15px;line-height:1.8}.project-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.project-topic{background:#fffdf9;border:1px solid #e5e9df;border-radius:15px;min-height:205px;padding:22px}.project-topic>span{color:#b85c43;background:#f3e2d8;border-radius:12px;place-items:center;width:47px;height:47px;display:grid}.project-topic:nth-child(2)>span{color:#37725b;background:#e7ede4}.project-topic:nth-child(3)>span{color:#a27836;background:#f5ecd2}.project-topic:nth-child(4)>span{color:#805f8c;background:#ece7ee}.project-topic h3{color:#2e4436;margin:17px 0 7px;font-size:16px;line-height:1.38}.project-topic p{color:#738073;margin:0;font-size:12px;line-height:1.65}.project-tip{color:#1d5546;background:#e8f0e6;border-radius:14px;align-items:flex-start;gap:15px;margin-top:20px;padding:22px;display:flex}.project-tip>svg{color:#b85c43;flex:none}.project-tip strong{font-size:15px}.project-tip p{color:#566f5e;margin:7px 0 0;font-size:13px;line-height:1.75}.project-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.project-template{background:#fffdf9;border:1px solid #e4e8dd;border-radius:16px;flex-direction:column;min-height:266px;padding:23px;display:flex}.project-template-icon{color:#1d5546;background:#e9f0e6;border-radius:12px;place-items:center;width:47px;height:47px;display:grid}.project-template h3{color:#263f32;letter-spacing:-.4px;margin:15px 0 6px;font-size:18px}.project-template p{color:#68796b;margin:0;font-size:12px;line-height:1.65}.project-template-example{color:#657366;background:#f9f4ee;border-left:3px solid #c68064;flex:1;margin:16px 0 19px;padding:11px;font-size:11px;line-height:1.6}.project-template-example strong{color:#9c573d}.project-template>a,.project-plan-card>a{color:#b85c43;border-top:1px solid #e9ece5;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;font-size:12px;font-weight:800;display:flex}.project-template>a:hover,.project-plan-card>a:hover{text-decoration:underline}.project-evaluation{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:29px;display:grid}.project-evaluation article{background:#fffdf9;border:1px solid #e5e9df;border-radius:17px;padding:28px}.project-evaluation article>span{color:#1d5546;background:#e9f0e6;border-radius:14px;place-items:center;width:54px;height:54px;display:grid}.project-evaluation article:nth-child(2)>span{color:#b85c43;background:#f4e6db}.project-evaluation h3{color:#1d5546;margin:22px 0 9px;font-size:21px}.project-evaluation p{color:#68796b;min-height:113px;margin:0;font-size:13px;line-height:1.8}.project-formula{color:#37634a;background:#eff4ed;border-radius:9px;margin-top:20px;padding:13px;font-size:12px;font-weight:800}.project-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:29px;display:grid}.project-plan-card{background:#fffdf9;border:1px solid #e5e9df;border-radius:17px;flex-direction:column;padding:27px;display:flex}.project-plan-top{color:#b85c43;align-items:center;gap:12px;display:flex}.project-plan-top h3{color:#1d5546;margin:0;font-size:21px}.project-plan-card ol,.project-plan-card ul{flex-direction:column;flex:1;gap:13px;margin:24px 0 26px;padding:0;list-style:none;display:flex}.project-plan-card li{color:#5e7062;align-items:flex-start;gap:10px;font-size:13px;line-height:1.55;display:flex}.project-plan-card li span{color:#1d5546;background:#e8f0e5;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:11px;font-weight:800;display:grid}.project-plan-card li svg{color:#4b9167;flex:none}.project-gallery{background:#e9f0e6;padding-block:90px;scroll-margin-top:20px}.project-gallery-head{justify-content:space-between;align-items:end;gap:25px;margin-bottom:31px;display:flex}.project-gallery-head h2{color:#1d5546;letter-spacing:-1.8px;margin:8px 0 0;font-size:42px}.project-gallery-head>p{color:#637568;max-width:360px;margin:0;font-size:13px;line-height:1.75}.project-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-gallery-card{background:#fffdf9;border:1px solid #dbe6d9;border-radius:18px;overflow:hidden}.project-gallery-art{color:#9b563c;background:#e8d1c3;place-items:center;height:170px;display:grid;position:relative}.project-gallery-card:nth-child(2) .project-gallery-art{color:#39755b;background:#d1dfd0}.project-gallery-card:nth-child(3) .project-gallery-art{color:#8d6a33;background:#e9e0c8}.project-gallery-art span:first-child{letter-spacing:1px;font-size:10px;font-weight:800;position:absolute;top:18px;left:20px}.project-gallery-art span:last-child{opacity:.48;font-size:38px;position:absolute;bottom:9px;right:22px}.project-gallery-card>div:last-child{padding:23px}.project-gallery-card small{color:#b85c43;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800}.project-gallery-card h3{color:#1d5546;margin:9px 0;font-size:20px;line-height:1.3}.project-gallery-card p{color:#657568;min-height:99px;margin:0;font-size:12px;line-height:1.7}.project-gallery-tag{color:#43644c;background:#eaf0e6;border-radius:20px;margin-top:14px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-block}.project-bottom{color:#fff;background:#1d5546;padding:67px 0}.project-bottom-inner{justify-content:space-between;align-items:center;gap:25px;display:flex}.project-bottom .theory-eyebrow{color:#e7b69f}.project-bottom h2{color:#fff;letter-spacing:-1.5px;margin:9px 0;font-size:37px}.project-bottom p{color:#d0e0d3;margin:0;font-size:13px}.project-bottom a{flex:none}.project-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-block:34px;display:grid}.project-navigation a{color:#1d5546;background:#fffdf9;border:1px solid #e5e9df;border-radius:12px;align-items:center;gap:11px;padding:16px;font-size:13px;font-weight:800;display:flex}.project-navigation a:hover{background:#f2f6ef}.project-navigation a span{flex:1}@media (max-width:950px){.project-hero-inner{gap:10px}.project-topic-grid,.project-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.project-hero-inner{grid-template-columns:1fr;min-height:0;padding-block:28px 60px}.project-hero .theory-crumbs{margin-bottom:48px}.project-hero h1{font-size:62px}.project-hero p{font-size:15px}.project-hero-art{display:none}.project-progress>.theory-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-progress a{font-size:11px}.project-steps{padding-top:10px;padding-bottom:42px}.project-step{padding-block:57px}.project-step-number{width:52px;height:52px;font-size:18px}.project-step-head h2{font-size:32px}.project-step-intro{font-size:13px}.project-topic-grid,.project-template-grid,.project-evaluation,.project-plan-grid,.project-gallery-grid{grid-template-columns:1fr}.project-topic,.project-template,.project-evaluation p{min-height:0}.project-gallery{padding-block:67px}.project-gallery-head{display:block}.project-gallery-head h2{font-size:34px}.project-gallery-head>p{margin-top:13px}.project-gallery-card p{min-height:0}.project-bottom{padding:56px 0}.project-bottom-inner{flex-direction:column;align-items:flex-start}.project-bottom h2{font-size:31px}.project-bottom a{white-space:normal;text-align:left}.project-navigation{grid-template-columns:1fr;padding-block:25px}}@media (prefers-reduced-motion:reduce){.project-page *{transition:none!important}}.project-workbook{padding-block:56px 10px;scroll-margin-top:24px}.project-workbook-heading{align-items:center;gap:17px;display:flex}.project-workbook-icon{color:#1d5546;background:#e7eee3;border-radius:17px;flex:none;place-items:center;width:61px;height:61px;display:grid}.project-workbook h2{color:#1d5546;letter-spacing:-1.2px;margin:6px 0 0;font-size:clamp(28px,4vw,40px);line-height:1.25}.project-workbook>p{color:#627468;max-width:740px;margin:22px 0;font-size:16px;line-height:1.8}.project-workbook-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.project-workbook-open{color:#1d5546;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.project-workbook-open:hover{color:#b85c43}.project-workbook-viewer{background:#fffdf9;border:1px solid #dce4d7;border-radius:16px;overflow:hidden}.project-workbook-viewer summary{color:#1d5546;cursor:pointer;align-items:center;gap:12px;padding:21px;font-size:16px;font-weight:800;list-style:none;display:flex}.project-workbook-viewer summary::-webkit-details-marker{display:none}.project-workbook-viewer summary>span{flex:1}.project-workbook-viewer summary>svg:last-child{transition:transform .2s}.project-workbook-viewer[open] summary>svg:last-child{transform:rotate(90deg)}.project-workbook-viewer>div{padding:0 20px 18px}.project-workbook-viewer iframe{background:#f2f1eb;border:1px solid #e0e5dc;border-radius:10px;width:100%;height:750px;display:block}.project-workbook-viewer p{color:#68796b;margin:15px 0 0;font-size:13px;line-height:1.7}.project-workbook a:focus-visible,.project-workbook summary:focus-visible{outline-offset:3px;outline:3px solid #b85c43}@media (max-width:650px){.project-workbook{padding-block:40px 0}.project-workbook-icon{border-radius:12px;width:47px;height:47px}.project-workbook-heading{gap:12px}.project-workbook>p{font-size:14px}.project-workbook-actions{flex-direction:column;align-items:stretch;gap:8px}.project-workbook-open{justify-content:center}.project-workbook-viewer summary{padding:18px;font-size:14px}.project-workbook-viewer>div{padding:0 10px 15px}.project-workbook-viewer iframe{height:480px}}}