*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Malgun Gothic',sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #367cf4;outline-offset:5px}.demo-bar{min-height:42px;padding:10px 4%;display:flex;justify-content:space-between;gap:12px;font-size:11px;background:#eee;color:#222}.demo-bar a{text-decoration:underline}nav{display:flex;align-items:center;justify-content:space-between;padding:24px 4%;gap:20px}nav strong{font-size:27px}nav div{display:flex;gap:26px;font-size:12px}.chrome{background:#101110;color:#f5f6f3}.product-stage{position:relative;min-height:660px;height:85svh;overflow:hidden}.product-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.65);transition:filter .6s,transform 1.2s}.product-stage[data-finish=lime]>img{filter:brightness(.75)}.product-stage:hover>img{transform:scale(1.025)}.product-copy{position:absolute;left:4%;top:7%;z-index:1}.kicker{font-size:10px;line-height:1.8}.product-copy h1{font-size:100px;line-height:.95;margin:28px 0}.product-copy p{font-size:14px;line-height:1.8}.product-title{position:absolute;bottom:9%;left:4%;font-size:120px;line-height:1;margin:0}.product-meta{position:absolute;right:4%;bottom:11%;font-size:10px;line-height:2;text-align:right}.finish-control{position:absolute;right:4%;top:7%;display:flex;gap:10px}.finish{width:32px;height:32px;border-radius:50%;border:2px solid white;background:#a8adab}.finish[data-finish=lime]{background:#c8ed43}.finish[aria-pressed=true]{outline:1px solid white;outline-offset:4px}.product-story{padding:85px 4%;display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-story h2{font-size:56px;line-height:1.05;margin:15px 0}.product-story p{color:#b8bbb7;font-size:14px;line-height:1.9}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.specs strong{font-size:32px;display:block}.specs span{font-size:10px;color:#b8bbb7}.detail{border-top:1px solid #ffffff30;padding:20px 0}.detail summary{cursor:pointer;font-size:16px}.demo-end{padding:55px 4%;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:center;gap:30px}.demo-end h2{font-size:34px}.demo-cta{display:inline-flex;gap:20px;align-items:center;background:#c8ed43;color:#111;padding:18px 24px;border:0}.demo-cta svg{width:20px}footer{padding:25px 4%;font-size:10px;display:flex;justify-content:space-between;gap:20px}.human{background:#f6f5f0;color:#243a30}.human nav strong{font-family:Georgia,serif;font-weight:400}.portrait{position:relative;height:82svh;min-height:620px;overflow:hidden}.portrait>img{width:100%;height:100%;object-fit:cover;object-position:60% center}.portrait-copy{position:absolute;left:5%;top:14%;color:#fff;max-width:50%}.portrait-copy h1{font-family:Georgia,serif;font-size:88px;font-weight:400;line-height:1.05;margin:24px 0}.portrait-copy p{font-size:14px;line-height:1.8}.portrait-foot{position:absolute;left:5%;bottom:6%;color:white;font-size:10px}.works{padding:75px 5%}.works-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.works h2,.about h2{font-family:Georgia,serif;font-size:60px;font-weight:400;margin:15px 0}.filters{display:flex;gap:20px}.filters button{border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;color:inherit;font-size:12px}.filters button[aria-pressed=true]{border-color:currentColor}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.work{border:0;background:none;padding:0;text-align:left;color:inherit}.work img{width:100%;height:400px;object-fit:cover;transition:transform .6s}.work .image-wrap{overflow:hidden;display:block}.work:hover img{transform:scale(1.04)}.work:nth-child(2){padding-top:90px}.work:nth-child(2) img{object-position:left bottom}.work strong{display:block;font-family:Georgia,serif;font-size:28px;font-weight:400;margin-top:18px}.work small{display:block;margin-top:9px;font-size:10px}.work[hidden]{display:none}.about{background:#f0a5b5;padding:65px 5%;display:grid;grid-template-columns:1fr 1fr;gap:60px}.about p{font-size:15px;line-height:2}.human .demo-end{border-color:#243a3030}.human .demo-cta{background:#243a30;color:white}.human footer{border-top:1px solid #243a3030}dialog{max-width:760px;width:90%;border:0;padding:30px;background:#f6f5f0;color:#243a30}dialog::backdrop{background:#0009}dialog img{width:100%;max-height:50svh;object-fit:cover}dialog h2{font-family:Georgia,serif;font-size:35px;font-weight:400}dialog p{font-size:14px;line-height:1.8}.dialog-close{float:right;border:0;background:none;padding:8px}dialog .dialog-close svg{width:24px}@media(max-width:700px){.demo-bar{font-size:9px}nav{padding:20px 5%}nav strong{font-size:23px}nav div{gap:14px;font-size:10px}.product-stage{height:78svh;min-height:620px}.product-stage>img{object-position:64% center}.product-copy h1{font-size:58px}.product-copy{top:8%;left:5%}.product-copy p{font-size:12px}.finish-control{top:auto;bottom:25%;right:5%}.product-title{font-size:72px;bottom:8%;left:5%}.product-meta{bottom:8%;font-size:8px}.product-story{padding:50px 5%;grid-template-columns:1fr;gap:25px}.product-story h2{font-size:40px}.specs{gap:15px}.specs strong{font-size:25px}.demo-end{padding:40px 5%;align-items:start;flex-direction:column;gap:12px}.demo-end h2{font-size:28px}.demo-cta{font-size:13px}.portrait{min-height:620px;height:80svh}.portrait>img{object-position:65% center;filter:brightness(.78)}.portrait-copy{max-width:85%;top:8%}.portrait-copy h1{font-size:55px}.portrait-copy p{font-size:12px}.works{padding:45px 5%}.works-heading{align-items:start;flex-direction:column}.works h2,.about h2{font-size:42px}.work-grid{grid-template-columns:1fr;gap:35px}.work img{height:360px}.work:nth-child(2){padding-top:0}.about{padding:40px 5%;grid-template-columns:1fr;gap:15px}.about p{font-size:13px}footer{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.finish-control{z-index:3}.product-title{pointer-events:none}@media(max-width:360px){.product-title{font-size:49px;white-space:nowrap}.product-meta{bottom:4%;font-size:7px}.finish-control{bottom:26%}.portrait-copy h1{font-size:48px}}
