body.selected-motion[data-design=framehouse].framehouse-selected-motion .hero-aperture{clip-path:none}body.selected-motion[data-design=framehouse] .framehouse-paint-ghost{opacity:.12;pointer-events:none}body.selected-motion[data-design=framehouse] .hero-portrait.framehouse-paint-canvas{z-index:2;filter:grayscale();touch-action:none;cursor:crosshair;outline:0;overflow:visible}body.selected-motion[data-design=framehouse] .framehouse-paint-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.framehouse-brush-cursor{fill:none;stroke:#ff8b48;stroke-width:2px;opacity:0;pointer-events:none;transition:opacity .2s}.brush-visible .framehouse-brush-cursor{opacity:.8}.framehouse-reveal{z-index:5;bottom:34px;right:calc(var(--stage-gutter) + 125px);border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:10px 12px;font-size:8px;position:absolute}body.selected-motion[data-design=framehouse] #work #categoryGrid{height:100%;padding:0;display:block;overflow:visible}.framehouse-projector-stage{grid-template-columns:1fr 1.1fr;align-items:center;gap:35px;height:100%;min-height:0;display:grid}.framehouse-projector-list{flex-direction:column;min-width:0;display:flex}body.selected-motion[data-design=framehouse] .framehouse-projector-item{width:100%;color:var(--ink);text-align:left;border-bottom:1px solid var(--rule);background:0 0;border-top:0;align-items:baseline;gap:12px;min-width:0;padding:25px 0;display:flex;position:relative}.framehouse-projector-item>small{color:var(--accent);font:9px monospace}.framehouse-projector-item>strong{letter-spacing:-.04em;text-transform:uppercase;flex:1;min-width:0;font:400 clamp(29px,3.5vw,55px)/1 Anton,sans-serif}.framehouse-projector-item>span{color:var(--accent);font-size:27px}body.selected-motion[data-design=framehouse] .framehouse-projector-item.projection-selected{color:var(--accent)}.framehouse-projector{border:10px solid var(--surface);background:var(--surface);min-width:0;height:62%;min-height:260px;max-height:500px;transform:translate(var(--projector-x,0px),var(--projector-y,0px));pointer-events:none;flex-direction:column;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 22px 60px #0003}.framehouse-projection{background:#171713;flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.framehouse-projection>img{object-fit:cover;width:100%;height:100%;min-height:0}.framehouse-projector-demo{color:var(--accent);font:clamp(30px,5vw,70px) Anton,sans-serif}.framehouse-projection-caption{background:var(--accent);color:var(--paper);flex:none;justify-content:space-between;align-items:center;gap:15px;padding:14px 12px;display:flex}.framehouse-projection-caption>span{font:22px Anton,sans-serif}.framehouse-projection-caption>small{text-align:right;letter-spacing:.05em;font-size:7px}body.selected-motion[data-design=framehouse] #main>section#services.stage-active{background:radial-gradient(circle 320px at var(--reading-x,65%) var(--reading-y,35%),#ff8b4826,transparent 80%),var(--paper)}body.selected-motion[data-design=framehouse] #services #serviceList.framehouse-reading-light{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;min-height:0;display:grid;overflow:hidden}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article{overscroll-behavior:contain;border-top:1px solid var(--rule);scrollbar-width:thin;background:0 0;min-width:0;height:100%;min-height:0;padding:25px 10px 20px;transition:border-color .4s,background .4s;display:block;overflow:auto}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article.reading-selected{border-color:var(--accent)}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article .service-number{margin-bottom:28px;font-size:9px;display:block}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article h3{letter-spacing:-.045em;min-height:2.3em;margin:0 0 26px;font:400 clamp(21px,2vw,30px)/1.15 DM Sans,sans-serif}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article .service-body{columns:auto;padding:0}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article .service-body p{color:var(--secondary);margin:0 0 20px;font-size:14px;line-height:1.85}body.selected-motion[data-design=framehouse] #about .about-personal>h2#aboutTitle{background:radial-gradient(circle 180px at var(--signature-x,50%) var(--signature-y,50%),#fff4d0,#ff8b48 40%,#9a8e7c 85%);color:#0000;-webkit-text-fill-color:transparent;letter-spacing:-.045em;-webkit-background-clip:text;background-clip:text;padding:0 0 6px;font-size:clamp(90px,min(17dvh,16vw),190px);line-height:1.02}@media (width<=1000px) and (width>=761px){.framehouse-projector-stage{gap:20px}.framehouse-projector-item>strong{font-size:28px}.framehouse-projector{border-width:6px;min-height:230px}.framehouse-projection-caption{padding:10px;display:block}.framehouse-projection-caption>small{text-align:left;margin-top:5px;display:block}body.selected-motion[data-design=framehouse] #services #serviceList.framehouse-reading-light{gap:12px}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article .service-body p{font-size:13px}}@media (width<=760px){.framehouse-reveal{padding:7px 8px;font-size:7px;bottom:83px;right:118px}.framehouse-projector-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:18px}body.selected-motion[data-design=framehouse] .framehouse-projector-item{gap:12px;padding:12px 3px}.framehouse-projector-item>strong{font-size:29px;line-height:1}.framehouse-projector-item>small{font-size:8px}.framehouse-projector-item>span{font-size:22px}.framehouse-projector{border-width:6px;height:100%;min-height:0;max-height:none;transform:none}.framehouse-projection-caption{padding:9px 10px}.framehouse-projection-caption>span{font-size:18px}.framehouse-projection-caption>small{font-size:6px}body.selected-motion[data-design=framehouse] #services #serviceList.framehouse-reading-light{flex-direction:column;align-items:stretch;gap:20px;display:flex;overflow:auto}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article{flex:none;height:auto;padding:21px 10px 10px;overflow:visible}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article h3{min-height:0;margin-bottom:20px;font-size:25px}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article .service-number{margin-bottom:17px}body.selected-motion[data-design=framehouse] #services .framehouse-reading-article .service-body p{font-size:14px;line-height:1.75}body.selected-motion[data-design=framehouse] #about .about-personal>h2#aboutTitle{background-size:auto;padding-bottom:0;font-size:42px;line-height:1.05}}@media (prefers-reduced-motion:reduce){.framehouse-brush-cursor{display:none}.framehouse-projector{transform:none!important}body.selected-motion[data-design=framehouse] #main>section#services.stage-active{background:var(--paper)}body.selected-motion[data-design=framehouse] #about .about-personal>h2#aboutTitle{color:var(--accent);-webkit-text-fill-color:var(--accent);background:0 0}}body.selected-motion[data-design=framehouse] .hero-portrait.framehouse-paint-canvas{pointer-events:auto}body.selected-motion[data-design=framehouse] .framehouse-projector-item{flex:none;height:auto}