@font-face{font-family:DM;src:url('./assets/font-0.woff2') format('woff2');font-weight:100 1000;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:DM;src:url('./assets/font-1.woff2') format('woff2');font-weight:100 1000;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#edece7;color:#20262e;font:16px/1.65 DM,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #20262e;outline-offset:6px}img{max-width:100%;display:block}header,main,footer{max-width:1456px;margin:auto;padding-inline:48px}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:35px;border-bottom:1px solid #c5c8c8}header img{width:156px;height:44px;object-fit:contain}header>span{font-size:12px;color:#585e65}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;padding-block:70px 62px}.intro h1{font-size:clamp(38px,4.7vw,64px);letter-spacing:-.055em;font-weight:500;line-height:1.07;margin:0}.intro>p{font-size:14px;line-height:1.85;color:#59616a;margin:0 0 3px;max-width:410px}.directions{display:grid;grid-template-columns:1fr 1fr;gap:38px}.preview{display:block;background:#fff;border:1px solid #c4c8c7;transition:transform .25s}.preview:hover{transform:translateY(-4px)}.preview>img{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.browser-bar{height:32px;background:#e0e1da;display:flex;align-items:center;gap:4px;padding:0 11px;color:#4e565f}.browser-bar>i{width:5px;height:5px;border-radius:50%;background:#9ba19f}.browser-bar>span{font-size:8px;letter-spacing:.02em;margin-left:auto}.browser-bar.dark{background:#262e40;color:#dde0e9}.browser-bar.dark>i{background:#939cab}.direction-copy{display:grid;grid-template-columns:42px 1fr;gap:17px;margin-top:28px}.number{font-size:11px;padding-top:6px;color:#56616a}h2{font-size:26px;font-weight:500;letter-spacing:-.03em;margin:0}.direction-copy p{font-size:13px;line-height:1.8;max-width:42ch;color:#555f68;margin:13px 0 22px}.open{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:13px 0;border-block:1px solid #a9b0b3;font-size:12px;max-width:360px}.open>span{font-size:20px}.open:hover{color:#000;border-color:#20262e}aside{border-top:1px solid #b8bfc0;margin-top:65px;padding:28px 0 36px;display:grid;grid-template-columns:1fr 2fr;gap:45px}aside h3{font-size:14px;font-weight:500;margin:0}aside p{font-size:12px;line-height:1.9;color:#59616a;max-width:78ch;margin:0}footer{font-size:10px;color:#59616a;display:flex;justify-content:space-between;gap:30px;padding-block:24px;border-top:1px solid #c5c8c8}@media(max-width:900px){header,main,footer{padding-inline:28px}.intro{display:block;padding-block:49px}.intro>p{margin-top:26px;font-size:13px}.directions{gap:26px}.direction-copy{grid-template-columns:25px 1fr;gap:10px}.direction-copy h2{font-size:24px}.direction-copy p{font-size:12px}.open{font-size:11px}aside{grid-template-columns:1fr 2fr;gap:35px}}@media(max-width:620px){header,main,footer{padding-inline:23px}header{padding-block:25px}header img{width:120px}header>span{font-size:9px;max-width:12ch;text-align:right}.intro h1{font-size:43px}.intro>p{font-size:12px;line-height:1.9}.desktop-break{display:none}.directions{grid-template-columns:1fr;gap:43px}.direction-copy{margin-top:20px;grid-template-columns:26px 1fr}.direction-copy h2{font-size:26px}.direction-copy p{font-size:12px;max-width:40ch}.open{font-size:11px}.browser-bar{height:27px}.browser-bar>span{font-size:7px}aside{display:block;margin-top:43px;padding-top:24px}aside h3{font-size:13px}aside p{font-size:11px;margin-top:13px}footer{font-size:8px;align-items:flex-start}footer>span{max-width:20ch}footer>span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}