.home-work{background:#222323;color:#f4c957;padding:72px 0}.home-work header{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}.home-work h2{font:400 clamp(38px,5.5vw,70px)/1.02 Georgia,serif;letter-spacing:-.04em;margin:12px 0 0;max-width:15ch}.home-work header>p{font:15px/1.7 system-ui;max-width:35ch;margin:0}.home-project{margin:0 0 42px}.home-project img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}.home-project figcaption{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:18px 0;border-bottom:1px solid #f4c95740}.home-project h3,.home-motion h3{font:400 29px/1.12 Georgia,serif;margin:0 0 8px}.home-project figcaption p{font:13px/1.65 system-ui;max-width:55ch;margin:0;color:#f4c957b3}.home-work .circle-link{color:inherit;white-space:nowrap}.home-work-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brand-study{aspect-ratio:1.15;display:grid;place-content:center;background:#efe8d7;color:#222323;text-align:center;padding:25px;border-radius:4px;position:relative;overflow:hidden}.brand-study:before,.brand-study:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #22232330;border-radius:50%;top:-85px;right:-40px}.brand-study:after{width:230px;height:230px;top:-105px;right:-60px}.brand-study .brand-monogram{font:italic 100px/.9 Georgia,serif;letter-spacing:-.16em;padding-right:.15em}.brand-study .brand-name{font:400 34px/1 Georgia,serif;margin:22px 0 8px;letter-spacing:-.04em}.brand-study small{font:10px/1.7 system-ui;letter-spacing:.2em;text-transform:uppercase}.brand-palette{display:flex;justify-content:center;gap:8px;margin:25px 0 0}.brand-palette i{width:26px;height:26px;border-radius:50%;border:1px solid #22232333;background:#222323}.brand-palette i:nth-child(2){background:#f4c957}.brand-palette i:nth-child(3){background:#9a6348}.brand-palette i:nth-child(4){background:#efe8d7}.home-ai-study{aspect-ratio:1.15;background:#efe8d7;color:#222323;display:grid;place-content:center;padding:24px;border-radius:4px}.home-ai-window{background:#fffaf0;border:1px solid #22232330;border-radius:10px;box-shadow:0 15px 45px #22232318;padding:22px;max-width:330px}.home-ai-window small{font:11px/1.5 system-ui;letter-spacing:.08em}.home-ai-window p{font:14px/1.65 system-ui;padding:12px;border-radius:6px;background:#f4c95733}.home-ai-window p:last-child{background:#222323;color:#f4c957}.home-motion{border-top:1px solid #f4c95740;padding-top:36px}.home-motion-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.home-motion-intro p{font:14px/1.7 system-ui;max-width:52ch;margin:0}.home-motion-stage{position:relative;min-height:340px;background:#efe8d7;color:#222323;border-radius:4px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.journey-art{position:relative;min-height:235px;display:grid;place-items:center}.journey-art svg{width:min(100%,300px);height:235px}.journey-scene{display:none}.journey-scene.is-active{display:block}.journey-copy small{font:11px/1.5 system-ui;letter-spacing:.14em;text-transform:uppercase}.journey-copy h4{font:400 36px/1.05 Georgia,serif;margin:14px 0}.journey-copy p{font:15px/1.7 system-ui;max-width:40ch}.journey-status{font:12px/1.5 system-ui;border-top:1px solid #22232333;padding-top:15px}.journey-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px}.journey-controls button{font:13px/1.5 system-ui;padding:10px 16px;min-height:44px;border:1px solid #f4c95766;background:transparent;color:#f4c957;border-radius:3px;cursor:pointer}.journey-progress{display:flex;gap:7px}.journey-progress i{width:22px;height:3px;background:#f4c95733}.journey-progress i.active{background:#f4c957}.home-motion-note{font:12px/1.6 system-ui;color:#f4c957a8;max-width:75ch;margin:16px 0 0}@media(max-width:750px){.home-work{padding:46px 0}.home-work header,.home-motion-intro{display:block}.home-work header>p,.home-motion-intro p{margin-top:20px}.home-work-pair{grid-template-columns:1fr}.home-project figcaption{flex-wrap:wrap}.home-motion-stage{grid-template-columns:1fr;padding:22px;gap:10px}.journey-art{min-height:190px}.journey-art svg{height:190px}.journey-copy h4{font-size:30px}.journey-controls{flex-wrap:wrap}}
/* Home controls match the approved compact demo-page treatment. */
#circle-visual .circle-example-primary,#circle-visual .circle-example-details{display:flex;justify-content:space-between;width:min(100%,720px);gap:12px}
#circle-visual .circle-example-primary>button,#circle-visual .circle-example-details>a{flex:0 1 162.4px;width:162.4px;min-width:0;font-size:13px;line-height:1.4}
#circle-visual .circle-example-primary>button{padding:10px 12px;min-height:44px}
#circle-visual .circle-example-details>a{padding:8px 5px;min-height:44px}
#circle-visual .circle-motion-controls button{font:13px/1.5 system-ui;padding:10px 14px;min-height:44px}
