@font-face{font-family:Space;src:url('assets/SpaceGrotesk-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url('assets/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{background:#f7f3ec;color:#17181c;font-family:Inter,Arial,sans-serif}body{margin:0}.shell{max-width:1440px;margin:auto;padding:0 5%}a{color:inherit}a:focus-visible{outline:3px solid #17181c;outline-offset:5px}.skip{position:absolute;top:-80px;background:#17181c;color:white;padding:15px;z-index:5}.skip:focus{top:10px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17181c26}header img{display:block;width:210px;height:auto}.status{font-size:13px;display:flex;align-items:center;gap:25px}.status span{font-size:23px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:62px 0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;margin:0 0 26px}h1,h2,h3{font-family:Space,Arial,sans-serif}h1{font-size:clamp(43px,5vw,69px);font-weight:600;line-height:1.06;letter-spacing:-.055em;margin:0 0 27px}h1 span{border-bottom:5px solid #ff5a36}.intro{font-size:21px;line-height:1.5;font-weight:500;max-width:450px;margin:0 0 17px}.detail{font-size:16px;line-height:1.7;color:#53545a;max-width:470px;margin:0 0 28px}.button{display:inline-flex;background:#ff5a36;padding:17px 23px;gap:35px;text-decoration:none;font-size:15px;font-weight:600;border-radius:5px}.button:hover{background:#ff795b}.notice{font-size:12px;line-height:1.6;color:#53545a;margin:17px 0 0}.pieces{position:relative;background:#ebe7de;min-height:555px;border-radius:8px;overflow:hidden}.pieces-label{position:absolute;top:27px;left:28px;font-size:11px;letter-spacing:.12em}.poster{position:absolute;top:77px;left:8%;width:64%;height:355px;background:#17181c;color:#f7f3ec;padding:24px;box-shadow:0 13px 25px #17181c17}.piece-type{font-size:10px;letter-spacing:.12em}.poster strong{font-family:Space,Arial,sans-serif;display:block;font-size:clamp(28px,3.7vw,52px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin-top:33px}.poster strong span{color:#ff5a36}.poster-arrow{font-size:88px;color:#ff5a36;position:absolute;right:23px;bottom:62px}.poster-note{position:absolute;bottom:22px;font-size:11px;line-height:1.5}.social-card{position:absolute;right:6%;bottom:58px;width:48%;padding:24px;background:#fff;min-height:230px;border-top:6px solid #ff5a36;box-shadow:0 10px 25px #17181c17}.social-card strong{display:block;font-family:Space,Arial,sans-serif;font-weight:500;font-size:30px;letter-spacing:-.04em;line-height:1.08;margin-top:22px}.small-arrow{font-size:40px;position:absolute;bottom:17px;right:20px;color:#b52e13}.example-note{position:absolute;bottom:20px;left:28px;font-size:11px;color:#53545a}.how{border-top:1px solid #17181c26;padding:38px 0}.how-heading .eyebrow{margin-bottom:15px}.how h2{font-size:30px;letter-spacing:-.035em;font-weight:500;margin:0 0 30px}.how ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.how li>span{font-size:12px;color:#53545a}.how h3{font-size:19px;font-weight:500;letter-spacing:-.025em;margin:15px 0 10px}.how li p{font-size:14px;line-height:1.6;color:#53545a;margin:0;max-width:230px}.follow{border-top:1px solid #17181c26;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.follow p{font-size:17px;line-height:1.55;margin:0}.follow strong{font-weight:600}.follow nav{display:flex;gap:27px}.follow a{font-size:14px;text-underline-offset:5px}footer{border-top:1px solid #17181c26;padding:25px 0;display:flex;justify-content:space-between;gap:18px;color:#53545a;font-size:11px}footer a{text-decoration:none}@media(max-width:850px){.hero{gap:30px}.pieces{min-height:550px}.poster{left:6%;width:76%;padding:19px}.poster strong{font-size:34px}.social-card{width:65%;padding:19px}.social-card strong{font-size:28px}.how ol{grid-template-columns:repeat(2,1fr);gap:30px}.follow{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.shell{padding:0 24px}header{height:92px;gap:24px}header img{width:158px}.status{font-size:11px;gap:12px;max-width:115px;line-height:1.5}.hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.eyebrow{font-size:10px;letter-spacing:.08em}h1{font-size:clamp(37px,10.2vw,57px)}.intro{font-size:20px}.detail{font-size:15px}.button{font-size:14px;padding:17px 18px;gap:26px}.pieces{min-height:475px}.poster{width:65%;height:300px;top:65px;padding:20px}.poster strong{font-size:32px;margin-top:30px}.poster-arrow{font-size:66px;bottom:58px}.social-card{min-height:206px;width:52%;bottom:49px;padding:17px}.social-card strong{font-size:25px}.small-arrow{font-size:31px;bottom:12px}.piece-type{font-size:9px}.example-note{left:20px;font-size:10px}.pieces-label{left:20px}.how{padding:30px 0}.how h2{font-size:26px}.how ol{gap:27px 20px}.how h3{font-size:18px}.how li p{font-size:13px}.follow nav{gap:23px}.follow a{font-size:13px}footer{flex-direction:column;gap:13px}}