.project-hero{grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);align-items:center;gap:clamp(42px,6vw,90px);padding:68px 0 80px;display:grid}.project-hero h1{margin:22px 0;font-size:clamp(2.7rem,4.7vw,5.3rem)}.project-hero .actions{align-items:center;gap:22px;display:flex}.project-hero .text-link,.project-planner a,.project-free a{font-weight:750}.project-free-note{color:var(--accent);margin:20px 0 0;font-weight:800}.project-entry-note{color:var(--muted);margin:5px 0 0;font-size:12px}.project-hero-story{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.project-hero-story>div{border:1px solid var(--line);background:var(--paper);min-width:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.project-hero-main{grid-column:1/-1}.project-hero-story picture,.project-hero-story img{width:100%;height:100%;display:block}.project-hero-main img{aspect-ratio:3/1.72;object-fit:cover}.project-hero-side img{aspect-ratio:16/9;object-fit:cover;object-position:top}.project-hero-story span{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#20201ed6;padding:7px 9px;font-size:9px;font-weight:800;position:absolute;bottom:12px;left:12px}.project-hero-story figcaption{color:var(--muted);text-align:right;grid-column:1/-1;font-size:12px}.project-example{background:var(--graphite);color:#fff;padding:96px 0}.project-example header{grid-template-columns:1fr minmax(310px,.7fr);align-items:end;gap:54px;display:grid}.project-example header>p{color:#bbb7b0;line-height:1.75}.project-tabs{grid-template-columns:repeat(5,auto) 1fr;align-items:end;margin-top:38px;display:grid}.project-tabs>input{opacity:0;pointer-events:none;position:absolute}.project-tabs>label{color:#aaa59d;cursor:pointer;border-bottom:1px solid #55514a;padding:14px 18px;font-size:11px;font-weight:800}.project-tabs>input:focus-visible+label{outline:2px solid var(--accent)}.project-tabs>input:checked+label{border-color:var(--accent);color:#fff;background:#2b2b28}.example-panel{background:#2b2b28;grid-column:1/-1;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);margin:0;display:none}.example-panel picture,.example-panel img{width:100%;display:block}.example-panel img{object-fit:contain;height:auto}.example-panel figcaption{flex-direction:column;justify-content:center;padding:34px;display:flex}.example-panel figcaption strong{font-size:1.35rem}.example-panel figcaption span{color:#bbb7b0;margin-top:12px;line-height:1.7}.project-tabs>#example-geometry:checked~.example-geometry,.project-tabs>#example-openings:checked~.example-openings,.project-tabs>#example-3d:checked~.example-3d,.project-tabs>#example-style:checked~.example-style,.project-tabs>#example-ai:checked~.example-ai{display:grid}.project-example-link{margin:28px 0 0}.project-example-link a{color:#e0aa87;font-weight:750}.project-photo,.project-preparation,.project-faq{padding:88px 0}.project-photo>header,.project-preparation>header,.project-faq>header{max-width:900px}.project-photo header>p:last-child,.project-preparation header>p:last-child{color:var(--muted);line-height:1.75}.project-photo>a,.project-faq a{font-weight:750}.project-photo-flow{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:12px;margin-top:36px;display:grid}.project-photo-flow figure{border:1px solid var(--line);background:var(--card);align-self:stretch;min-width:0;margin:0}.project-photo-flow picture,.project-photo-flow img{width:100%;display:block}.project-photo-flow img{aspect-ratio:4/3;object-fit:cover;height:auto}.project-photo-flow figcaption{flex-direction:column;gap:8px;padding:20px;display:flex}.project-photo-flow figcaption span{color:var(--muted);font-size:14px;line-height:1.65}.project-photo-flow>i{border:1px solid var(--accent);width:34px;height:34px;color:var(--accent);border-radius:50%;justify-self:center;place-items:center;font-style:normal;display:grid}.project-photo-flow .project-photo-result{border-color:var(--accent)}.project-photo-note{color:var(--muted);margin-top:28px;line-height:1.7}.project-preparation{border-block:1px solid var(--line)}.project-preparation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.project-preparation-grid article{border:1px solid var(--line);background:var(--card);padding:28px}.project-preparation-grid h3{margin:0 0 16px}.project-preparation-grid p{color:var(--muted);margin:0;line-height:1.75}.project-result-note{max-width:900px;color:var(--muted);margin:28px 0 0;line-height:1.75}.project-closing{background:var(--graphite);color:#fff;grid-template-columns:1fr auto;align-items:center;gap:48px;margin-block:24px 110px;padding:46px;display:grid}.project-closing h2{margin:12px 0;font-size:clamp(2.4rem,4vw,4.4rem)}.project-closing p:not(.eyebrow){color:#bbb7b0}@media (width<=1000px){.project-hero{grid-template-columns:1fr}.project-hero-story{max-width:820px}.project-example header,.project-preparation-grid{grid-template-columns:1fr}}@media (width<=760px){.project-hero{gap:34px;padding-top:44px}.project-hero h1{font-size:clamp(2.35rem,11vw,4.05rem)}.project-hero .actions{flex-direction:column;align-items:flex-start}.project-hero-main img{aspect-ratio:4/3}.project-example,.project-photo,.project-preparation,.project-faq{padding:68px 0}.project-tabs{grid-template-columns:1fr 1fr}.project-tabs>label{padding:12px 8px}.example-panel{grid-template-columns:1fr}.example-panel figcaption{padding:24px}.project-photo-flow{grid-template-columns:1fr}.project-photo-arrow{transform:rotate(90deg)}.project-preparation-grid article{padding:24px}.project-closing{grid-template-columns:1fr;gap:22px;margin-bottom:74px;padding:34px 24px}.project-closing .button{width:100%}}
