@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#e6e8e4;--paper-hi:#f3f4f1;--ink:#141414;--graphite:#5c6168;--rule:#b9beb8;--red:#e2231a;--blue:#1c3faa;--yellow:#f2b600;--inset:14px;--inset-t:max(var(--inset), env(safe-area-inset-top));--inset-r:max(var(--inset), env(safe-area-inset-right));--inset-b:max(var(--inset), calc(env(safe-area-inset-bottom) - 12px));--inset-l:max(var(--inset), env(safe-area-inset-left));--margin:clamp(20px, 3.6vw, 60px);--top:clamp(64px, 12vh, 132px);--col:calc((100vw - 2 * var(--margin)) / 12);--display:clamp(48px, 7.4vw, 136px);--h1:clamp(40px, 5.3vw, 98px);--lead:clamp(17px, 1.32vw, 22px);--small:13px;--annot:12px;--ease:cubic-bezier(.2, .7, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Archivo Variable,Archivo,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.08 0 0 0 0 0.08 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(90deg,#14141412 1px,#0000 1px),linear-gradient(#14141412 1px,#0000 1px),linear-gradient(90deg,#14141408 1px,#0000 1px),linear-gradient(#14141408 1px,#0000 1px);background-size:160px 160px,95px 95px,95px 95px,19px 19px,19px 19px;background-position:var(--inset) var(--inset);overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.sheet{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.slide .copy{-webkit-user-select:text;user-select:text}.stage,.tags{top:var(--inset-t);left:var(--inset-l);width:calc(100% - var(--inset-l) - var(--inset-r));height:calc(100% - var(--inset-t) - var(--inset-b));position:absolute}.stage{touch-action:none;display:block}body[data-mode=orbit] .stage{cursor:grab}body[data-mode=orbit] .stage:active{cursor:grabbing}body[data-mode=walk] .stage{cursor:crosshair}.frame{inset:var(--inset-t) var(--inset-r) var(--inset-b) var(--inset-l);pointer-events:none;border:1px solid var(--ink);position:absolute}.frame__refs{color:var(--graphite);font-variant-numeric:tabular-nums;font-size:10px;font-stretch:75%;display:flex;position:absolute}.frame__refs--top{border-bottom:1px solid var(--rule);height:16px;top:0;left:0;right:0}.frame__refs--top span{border-right:1px solid var(--rule);flex:1;place-items:center;display:grid}.frame__refs--top span:last-child{border-right:0}.frame__refs--side{border-right:1px solid var(--rule);flex-direction:column;width:16px;top:16px;bottom:0;left:0}.frame__refs--side span{border-bottom:1px solid var(--rule);flex:1;place-items:center;display:grid}.frame__refs--side span:last-child{border-bottom:0}.frame__plot{background:var(--ink);height:3px;width:calc(var(--p,0) * 100%);transition:width .3s linear,opacity .6s;position:absolute;top:-1px;left:0}body[data-loading=false] .frame__plot{opacity:0}.slide{pointer-events:none;position:absolute;inset:0}.slide .copy{left:calc(var(--margin) + 16px);top:var(--top);width:min(calc(var(--col) * 4.6), 640px);pointer-events:auto;position:absolute}.headline{font-size:var(--h1);letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:820;font-stretch:125%;line-height:.92}.headline .w{vertical-align:top;margin-bottom:-.16em;padding-bottom:.16em;display:inline-block;overflow:hidden}.headline .w>span{display:inline-block}.body{max-width:34ch;font-size:var(--lead);margin:28px 0 0;font-weight:400;font-stretch:100%;line-height:1.42}.caption{max-width:36ch;min-height:1.4em;font-size:var(--lead);opacity:0;margin:20px 0 0;font-weight:600;line-height:1.42}.caption:empty{display:none}.caption.is-in{animation:fade .7s var(--ease) .15s both}.hint{font-size:var(--small);color:var(--graphite);margin:44px 0 0;font-stretch:85%}.slide.is-in .headline .w>span{animation:rise .95s var(--ease) both;animation-delay:calc(var(--i) * 42ms)}.slide.is-in .body,.slide.is-in .hint,.slide.is-in .index,.slide.is-in .chips,.slide.is-in .deliver,.slide.is-in .process,.slide.is-in .photos,.slide.is-in .contact{animation:fade .8s var(--ease) .38s both}@keyframes rise{0%{transform:translateY(104%)}to{transform:none}}.slide.is-leaving{pointer-events:none;animation:.26s cubic-bezier(.4,0,1,1) both leave}.slide.is-leaving *{animation:none!important}@keyframes leave{to{opacity:0;transform:translateY(-10px)}}.slide.is-in .headline .w>span{animation-delay:calc(.22s + var(--i) * 42ms)!important}.slide--left .copy{transition:background-color .5s var(--ease), border-color .5s var(--ease), padding .5s var(--ease);background:0 0;border:1px solid #0000}.slide--left .headline{transition:font-size .5s var(--ease)}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.slide--cover .copy{width:min(calc(var(--col) * 6.2), 900px)}.slide--cover .headline{font-size:var(--display);line-height:.88}.slide--cover .body{max-width:38ch;margin-top:36px}.slide--chapter .copy{width:min(calc(var(--col) * 5), 720px)}.slide--chapter .headline{font-size:clamp(44px,5.8vw,108px);line-height:.9}.index{border-top:2px solid var(--ink);margin:40px 0 0;padding:0;list-style:none}.index li{border-bottom:1px solid var(--rule);grid-template-columns:52px 1fr;align-items:baseline;padding:11px 0;font-size:19px;font-weight:500;display:grid}.index li span{font-size:var(--annot);font-variant-numeric:tabular-nums;font-weight:600;font-stretch:75%}.slide--full .copy{width:min(560px, calc(100vw - 2 * var(--margin) - 32px));background:var(--paper);border:1px solid var(--ink);padding:26px 30px 28px;top:auto;bottom:120px}.slide--full .headline{font-size:clamp(34px,3.6vw,64px)}.slide--full .body{margin-top:16px;font-size:18px}.slide--full .caption{margin-top:14px;font-size:17px}body.is-eye .slide--left .copy{background:var(--paper);border-color:var(--ink);padding:26px 30px 28px}body.is-eye .slide--left .headline{font-size:clamp(34px,3.6vw,64px)}.slide--close .copy{width:min(calc(var(--col) * 6.4), 940px);top:auto;bottom:150px}.slide--close .headline{font-size:var(--display);line-height:.88}.contact{margin:34px 0 0}.contact__actions{flex-wrap:wrap;gap:8px;display:flex}.cta{border:1px solid var(--ink);height:52px;color:var(--ink);background:var(--paper);align-items:center;padding:0 24px;font-size:17px;font-weight:650;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.cta:hover{background:var(--paper-hi)}.cta--primary{background:var(--ink);color:var(--paper)}.cta--primary:hover{background:var(--blue);border-color:var(--blue)}.contact__lines{flex-wrap:wrap;gap:6px 22px;margin:18px 0 0;font-size:15px;display:flex}.contact__lines a{color:var(--ink);text-underline-offset:3px}.contact--todo{color:var(--red);font-size:14px}.to-contact{right:calc(var(--inset-r) + 22px);top:calc(var(--inset-t) + 28px);border:1px solid var(--ink);background:var(--paper);cursor:pointer;height:38px;padding:0 16px;font-size:14px;font-weight:650;transition:background .2s,color .2s;position:absolute}.to-contact:hover{background:var(--ink);color:var(--paper)}.to-contact[hidden],body[data-mode=tour] .to-contact,body[data-mode=walk] .to-contact{display:none}.photos{margin:36px 0 0}.photos__grid{grid-template-columns:repeat(3,76px);gap:4px;display:grid}.photos img{object-fit:cover;filter:grayscale()contrast(1.05);mix-blend-mode:multiply;width:76px;height:58px;display:block}.photos figcaption{font-size:var(--annot);color:var(--graphite);margin-top:10px;font-stretch:85%}.chips{grid-template-columns:1fr 1fr;gap:6px;max-width:460px;margin-top:36px;display:grid}.chip{text-align:left;border:1px solid var(--ink);background:var(--paper);cursor:pointer;align-items:center;gap:10px;padding:11px 12px;font-size:15px;font-weight:500;transition:background .25s,color .25s;display:flex}.chip i{background:var(--c);flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0003}.chip:hover{background:var(--paper-hi)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.deliver{width:min(calc(var(--col) * 5.6), 760px);grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;display:grid}.slide[data-id=deliverables] .copy{width:min(calc(var(--col) * 5.8), 780px)}.deliver h2{border-top:2px solid var(--ink);margin:0 0 14px;padding-top:10px;font-size:16px;font-weight:700}.deliver dl{margin:0}.deliver dt{margin-top:14px;font-size:18px;font-weight:650}.deliver dd{color:var(--graphite);margin:3px 0 0;font-size:15px;line-height:1.4}.process{border-top:2px solid var(--ink);margin:40px 0 0;padding:0;list-style:none}.process li{border-bottom:1px solid var(--rule);color:var(--graphite);grid-template-columns:44px 1fr;align-items:center;gap:4px;padding:12px 0;font-size:19px;transition:color .4s;display:grid}.process li span{border:1px solid var(--rule);font-variant-numeric:tabular-nums;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;transition:all .4s;display:grid}.process li.is-done span{border-color:var(--ink);color:var(--ink)}.process li.is-on{color:var(--ink);font-weight:600}.process li.is-on span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.print{right:calc(var(--margin) + 16px);top:var(--top);width:min(calc(var(--col) * 6.4), 960px);pointer-events:auto;margin:0;position:absolute}.print__frame{aspect-ratio:16/9;box-shadow:0 1px 0 var(--rule), 0 18px 40px -24px #00000059;background:#fff;padding:12px;position:relative}.print__frame:before,.print__frame:after{content:"";pointer-events:none;background:linear-gradient(var(--ink), var(--ink)) left 14px top 0 / 1px 9px no-repeat, linear-gradient(var(--ink), var(--ink)) left 0 top 14px / 9px 1px no-repeat, linear-gradient(var(--ink), var(--ink)) right 14px top 0 / 1px 9px no-repeat, linear-gradient(var(--ink), var(--ink)) right 0 top 14px / 9px 1px no-repeat, linear-gradient(var(--ink), var(--ink)) left 14px bottom 0 / 1px 9px no-repeat, linear-gradient(var(--ink), var(--ink)) left 0 bottom 14px / 9px 1px no-repeat, linear-gradient(var(--ink), var(--ink)) right 14px bottom 0 / 1px 9px no-repeat, linear-gradient(var(--ink), var(--ink)) right 0 bottom 14px / 9px 1px no-repeat;position:absolute;inset:-14px}.print__frame:after{display:none}.print__still,.print__film{object-fit:cover;width:calc(100% - 24px);height:calc(100% - 24px);transition:opacity .8s;position:absolute;inset:12px}.print__film{opacity:0}.print.is-film .print__film{opacity:1}.print__caption{font-size:var(--annot);color:var(--graphite);margin-top:18px;font-stretch:85%}.slide.is-in .print{animation:lay 1.1s var(--ease) .2s both}@keyframes lay{0%{opacity:0;transform:translateY(24px)rotate(-1.2deg)}to{opacity:1;transform:none}}.fan{right:calc(var(--margin) + 40px);top:calc(var(--top) + 10px);width:min(calc(var(--col) * 6), 880px);aspect-ratio:2232/1578;pointer-events:none;margin:0;position:absolute}.fan__card{border:1px solid var(--rule);cursor:pointer;opacity:0;transition:transform .9s var(--ease), opacity .6s;background:#fbfbf8;padding:0;position:absolute;inset:0;transform:translate(40px,60px)rotate(4deg);box-shadow:0 16px 36px -26px #00000080}.fan__card img{object-fit:contain;width:100%;height:100%;display:block}.fan.is-open{pointer-events:auto}.fan.is-open .fan__card{opacity:1;transform:translate(calc(var(--depth) * 14px), calc(var(--depth) * -10px)) rotate(calc(var(--depth) * 1.6deg));transition-delay:calc(var(--i) * 50ms)}.fan__caption{font-size:var(--annot);color:var(--graphite);opacity:0;background:var(--paper);border:1px solid var(--ink);align-items:baseline;gap:14px;padding:6px 10px;font-stretch:85%;transition:opacity .6s .4s;display:flex;position:absolute;top:calc(100% + 22px);left:0}.fan__caption b{color:var(--ink);font-size:15px;font-stretch:100%}.fan.is-open .fan__caption{opacity:1}.tags{pointer-events:none;overflow:hidden}.tag{opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .4s;position:absolute;top:0;left:0}.tag.is-on{opacity:1}.tag--areas{background:var(--paper);border:1px solid var(--ink);justify-items:center;gap:1px;padding:4px 7px 5px;display:grid}.tag--areas b{font-size:11px;font-weight:600;font-stretch:75%}.tag--areas span{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;font-stretch:90%}.tag--rooms{background:var(--ink);color:var(--paper);cursor:pointer;border:0;padding:6px 10px;font-size:13px;font-weight:600}.tag--rooms.is-on{pointer-events:auto}.tag--rooms:hover{background:var(--blue)}.tag--dims{font-variant-numeric:tabular-nums;background:var(--paper);padding:1px 5px;font-size:14px;font-weight:600;font-stretch:75%}.minimap{right:calc(var(--inset-r) + 22px);top:calc(var(--inset-t) + 34px);background:var(--paper);border:1px solid var(--ink);opacity:0;width:188px;transition:opacity .5s, transform .5s var(--ease);pointer-events:none;padding:10px 10px 8px;position:absolute;transform:translateY(-8px)}.minimap.is-on{opacity:1;transform:none}.minimap svg{width:100%;height:auto;display:block}.mm__walls rect{fill:var(--ink)}.mm__route{fill:none;stroke:var(--red);stroke-width:1.4px;vector-effect:non-scaling-stroke;opacity:.35}.mm__dot{fill:var(--red)}.mm__cone{fill:var(--red);opacity:.22}.mm__north{font-size:11px;font-weight:700;font-stretch:75%;position:absolute;top:8px;right:10px}.meter{right:calc(var(--inset-r) - 1px);opacity:0;pointer-events:none;width:3px;height:120px;transition:opacity .3s;position:absolute;top:calc(50% - 60px)}.meter.is-on,.meter.is-done{opacity:1}.meter:before{content:"";background:var(--rule);position:absolute;inset:0}.meter i{background:var(--ink);transform-origin:top;height:100%;transform:scaleY(var(--f,0));transition:transform .12s linear;position:absolute;top:0;left:0;right:0}.meter[data-dir=up] i{transform-origin:bottom}.meter.is-done i{transform:scaleY(1)}.stride{border:1px solid var(--ink);background:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:84px;height:84px;font-size:15px;font-weight:700;display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.stride.is-held{background:var(--ink);color:var(--paper)}body.is-touch[data-mode=walk] .stride{display:block}.titleblock{right:var(--inset-r);bottom:var(--inset-b);background:var(--paper);border:1px solid var(--ink);grid-template-columns:1fr 1fr 96px;grid-template-areas:"project project no""name name no""scale steps no";width:392px;display:grid;position:absolute}.titleblock>div{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0;padding:7px 10px 8px}.titleblock small{color:var(--graphite);margin-bottom:2px;font-size:9.5px;font-stretch:75%;display:block}.tb__project{grid-area:project;gap:8px;font-size:11px;font-stretch:85%;display:flex}.tb__project span{color:var(--graphite)}.tb__name{grid-area:name;font-size:15px;font-weight:650}.tb__no{border-left:1px solid var(--ink);letter-spacing:-.03em;white-space:nowrap;grid-area:no;place-items:center;font-size:32px;font-weight:820;font-stretch:112%;display:grid;border-bottom:0!important;border-right:0!important}.tb__scale{font-variant-numeric:tabular-nums;grid-area:scale;font-size:13px;font-weight:600;font-stretch:85%;border-bottom:0!important}.tb__steps{grid-area:steps;border-bottom:0!important}.tb__steps span{gap:4px;padding-top:3px;display:flex}.tb__steps i{border:1px solid var(--ink);width:14px;height:6px}.tb__steps i.on{background:var(--ink)}.sheets{left:calc(var(--inset-l) + 30px);bottom:calc(var(--inset-b) + 16px);align-items:center;gap:5px;display:flex;position:absolute}.sheets button{border:1px solid var(--ink);cursor:pointer;background:0 0;width:12px;height:12px;padding:0}.sheets button.is-chapter{border-radius:50%;margin:0 5px}.sheets button:hover{background:var(--rule)}.sheets button[aria-current=true]{background:var(--ink)}@media (max-width:820px),(max-aspect-ratio:1){:root{--h1:clamp(34px, 9vw, 56px);--display:clamp(40px, 11vw, 72px);--lead:16px}.frame__refs{display:none}.slide .copy,.slide--cover .copy,.slide--chapter .copy,.slide--close .copy,.slide[data-id=deliverables] .copy{left:var(--inset-l);right:var(--inset-r);width:auto;top:auto;bottom:calc(var(--inset-b) + 51px);background:var(--paper);border:1px solid var(--ink);max-height:56vh;max-height:calc(100dvh - var(--inset-t) - var(--inset-b) - 140px);overscroll-behavior:contain;touch-action:pan-y;padding:20px 20px 22px;overflow:auto}.body,.caption{max-width:none;margin-top:14px}.deliver{grid-template-columns:1fr;gap:10px;width:auto;margin-top:18px}.deliver h2{margin-bottom:4px;font-size:14px}.deliver dt{margin-top:8px;font-size:15px}.deliver dd{margin-top:1px;font-size:13px}.photos{display:none}.hint{margin-top:18px}.print,.fan{width:auto;top:40px;left:16px;right:16px}.sheets{display:none}.minimap{width:128px}.to-contact{top:calc(var(--inset-t) + 8px);right:calc(var(--inset-r) + 8px);height:36px;padding:0 12px;font-size:13px}.cta{height:46px;padding:0 18px;font-size:15px}.tag--areas b{display:none}.chips{grid-template-columns:1fr 1fr;margin-top:16px}.index,.process{margin-top:16px}.index li,.process li{padding:7px 0;font-size:15px}}@media (max-width:820px),(max-aspect-ratio:1),(max-height:540px){.titleblock{grid-template:"name no"1fr"steps no"/auto auto;width:auto;height:52px;left:auto}.tb__project,.tb__scale,.tb__name small,.tb__steps small{display:none}.titleblock>.tb__name{white-space:nowrap;border:0;padding:9px 14px 0;font-size:13px}.titleblock>.tb__steps{border:0;padding:0 14px 10px}.tb__steps span{padding-top:5px}.tb__steps i{width:12px;height:5px}.titleblock>.tb__no{min-width:58px;padding:0 12px;font-size:22px}.to-contact{top:var(--inset-t);right:var(--inset-r);height:40px;padding:0 16px;font-size:13px}.minimap{top:var(--inset-t);right:var(--inset-r);width:132px}.stride{right:calc(var(--inset-r) + 16px)}}@media (max-height:540px) and (min-aspect-ratio:1){:root{--h1:clamp(24px, 4.4vw, 40px);--display:clamp(30px, 5.6vw, 52px);--lead:14px;--top:30px;--margin:16px}.frame__refs,.sheets,.photos{display:none}.hint{margin-top:18px}.slide .copy,.slide--cover .copy,.slide--close .copy,.slide[data-id=deliverables] .copy{top:calc(var(--inset-t) + 12px);bottom:auto;left:calc(var(--inset-l) + 12px);width:42vw;max-height:calc(100dvh - var(--inset-t) - var(--inset-b) - 24px);overscroll-behavior:contain;touch-action:pan-y;overflow:auto}.slide--full .copy,body.is-eye .slide--left .copy{top:auto;left:var(--inset-l);bottom:var(--inset-b);width:44vw;padding:14px 18px}.slide--full .headline,body.is-eye .slide--left .headline{font-size:26px}.slide--full .body,.slide--full .caption{font-size:14px}.body,.caption{margin-top:10px}.caption{font-size:14px}.chips{grid-template-columns:1fr 1fr;gap:4px;margin-top:12px}.chip{padding:6px 8px;font-size:12px}.index,.process,.deliver{margin-top:12px}.index li,.process li{padding:5px 0;font-size:13px}.process li span{width:22px;height:22px}.deliver{grid-template-columns:1fr 1fr;gap:14px;width:auto}.deliver dt{margin-top:6px;font-size:13px}.deliver dd{font-size:11px}.print,.fan{width:46vw;top:26px;right:26px}.titleblock{height:46px}.titleblock>.tb__name{padding-top:7px;font-size:12px}.titleblock>.tb__no{min-width:50px;font-size:18px}.minimap{width:112px}.stride{width:64px;height:64px;top:auto;bottom:calc(var(--inset-b) + 64px);font-size:13px;transform:none}.tag--areas b{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}body.presenter{background:var(--ink);height:auto;min-height:100%;color:var(--paper);grid-template-rows:auto 1fr auto;font-size:18px;display:grid;overflow:auto}.p__head,.p__foot{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;display:flex}.p__foot{border-top:1px solid #333;border-bottom:0}#pClock{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.p__main{grid-template-columns:2fr 1fr;gap:40px;padding:28px;display:grid}.p__main small{color:#9aa0a6;margin-bottom:8px;font-size:13px;display:block}.p__main h1{letter-spacing:-.03em;margin:0;font-size:44px;font-weight:800;font-stretch:125%;line-height:1}.p__main h2{margin:0;font-size:24px;font-weight:600}#pStep{color:var(--yellow)}#pNotes{max-width:60ch;padding-left:20px;line-height:1.5}#pNotes li{margin-bottom:10px}.p__foot button{border:1px solid var(--paper);cursor:pointer;background:0 0;padding:12px 22px}.p__foot button:last-child{background:var(--paper);color:var(--ink)}