:root{--noir:#050505;--noir-2:#0b0d0c;--emerald:#11261c;--emerald-lift:#16301f;--copper:#b87c5a;--copper-bright:#d59875;--parchment:#e8d5bc;--parchment-ink:#2a2118;--mist:#e8d5bc99;--mist-soft:#e8d5bc61;--hair:#e8d5bc24;--hair-strong:#e8d5bc42;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--mono:"Red Hat Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--noir);color:var(--parchment);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}@media (hover:none){.caret{display:none!important}}.atelier{background:var(--noir);min-height:100vh;position:relative;overflow-x:hidden}.atelier__vignette{z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 22% 14%, #11261c8c 0%, transparent 60%), radial-gradient(70% 70% at 88% 100%, #b87c5a0f 0%, transparent 55%), radial-gradient(120% 100% at 50% 0%, var(--noir-2) 0%, var(--noir) 70%);position:fixed;inset:0}.frame{z-index:1;max-width:1180px;margin:0 auto;padding:0 clamp(28px,6vw,80px);position:relative}.press{z-index:9000;background:var(--noir);flex-direction:column;justify-content:center;align-items:center;animation:.6s 1.05s forwards pressOut;display:flex;position:fixed;inset:0}.press__word{font-family:var(--serif);color:var(--copper);letter-spacing:.01em;opacity:0;font-size:clamp(56px,12vw,128px);animation:.7s cubic-bezier(.2,.7,.2,1) .1s forwards pressIn}.press__stroke{background:var(--copper);width:0;height:2px;margin-top:6px;animation:.8s cubic-bezier(.2,.7,.2,1) .45s forwards pressDraw;display:block}@keyframes pressIn{0%{opacity:0;transform:translateY(.18em)}to{opacity:1;transform:none}}@keyframes pressDraw{0%{width:0}to{width:clamp(120px,26vw,280px)}}@keyframes pressOut{to{opacity:0;visibility:hidden}}.atelier.is-ready .frame{animation:.7s cubic-bezier(.2,.7,.2,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.caret{border:1px solid var(--copper);pointer-events:none;z-index:9999;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:width .22s cubic-bezier(.2,.7,.2,1),height .22s cubic-bezier(.2,.7,.2,1),margin .22s cubic-bezier(.2,.7,.2,1),background .2s,border-radius .2s;position:fixed;top:0;left:0}.caret.over-act{background:#b87c5ae6;width:10px;height:10px;margin:-5px 0 0 -5px}.caret.over-pad{border-color:var(--copper-bright);width:30px;height:30px;margin:-15px 0 0 -15px}.caret.over-pad:before,.caret.over-pad:after{content:"";background:var(--copper-bright);position:absolute}.caret.over-pad:before{height:1px;margin-top:-.5px;top:50%;left:6px;right:6px}.caret.over-pad:after{width:1px;margin-left:-.5px;top:6px;bottom:6px;left:50%}@media (hover:hover) and (pointer:fine){.atelier,.atelier a,.atelier button,.atelier [role=button]{cursor:none}}.edge{z-index:40;font-family:var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--mist-soft);white-space:nowrap;font-size:11px;text-decoration:none;transition:color .2s;position:fixed;top:50%}.edge:hover{color:var(--copper-bright)}.edge__sep{color:var(--copper);margin:0 4px}.edge--left{transform-origin:0;left:22px;transform:translateY(-50%)rotate(-90deg)}.edge--right{transform-origin:100%;right:22px;transform:translateY(-50%)rotate(90deg)}.bar{justify-content:space-between;align-items:center;padding:clamp(24px,4vw,40px) 0;display:flex}.logo{text-decoration:none}.logo__word{font-family:var(--serif);color:var(--copper);letter-spacing:.01em;padding-bottom:5px;font-size:30px;position:relative}.logo__word:after{content:"";background:var(--copper);height:1.5px;position:absolute;bottom:0;left:.06em;right:.06em}.bar__nav{gap:clamp(16px,3vw,28px);display:flex}.bar__nav a{font-family:var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--mist-soft);font-size:11px;text-decoration:none;transition:color .2s}.bar__nav a:hover{color:var(--copper-bright)}.hero{padding:clamp(36px,7vw,92px) 0 clamp(28px,5vw,56px)}.kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.24em;color:var(--copper);margin:0 0 clamp(16px,2vw,26px);font-size:11px}.title{font-family:var(--serif);letter-spacing:-.005em;color:var(--parchment);margin:0;font-size:clamp(46px,8vw,116px);font-weight:400;line-height:.96}.title em{color:var(--copper-bright);font-style:italic}.lede{max-width:52ch;color:var(--mist);margin:clamp(22px,3vw,34px) 0 0;font-size:clamp(15px,1.5vw,18px);line-height:1.6}.desk{grid-template-columns:minmax(300px,400px) 1fr;align-items:start;gap:clamp(22px,3vw,40px);padding-top:clamp(20px,3vw,36px);display:grid}.label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.24em;color:var(--mist-soft);margin:0 0 16px;font-size:11px}.pad{background:radial-gradient(130% 120% at 28% 18%, var(--emerald-lift) 0%, var(--emerald) 58%);border:1px solid #e8d5bc17;border-radius:26px;justify-content:center;align-items:center;min-height:360px;padding:clamp(28px,4vw,40px);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #e8d5bc0f,0 48px 100px -55px #000000f2}.pad__halo{border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(58% 58% at 50% 42%,#b87c5a33,#0000 72%);transition:opacity .45s;position:absolute;inset:-1px}.pad.is-drag{transform:translateY(-3px)scale(1.004);box-shadow:0 60px 120px -55px #000,0 0 0 1px #b87c5a73}.pad.is-drag .pad__halo{opacity:1}.pad__empty{text-align:center;z-index:1;position:relative}.pad__mark{color:var(--copper);transition:transform .45s cubic-bezier(.2,.7,.2,1);display:inline-flex}.pad.is-drag .pad__mark{transform:translateY(-4px)rotate(90deg)}.pad__hint{font-family:var(--serif);color:var(--parchment);margin:16px 0 6px;font-size:clamp(24px,3vw,30px);font-style:italic}.pad__sub{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--mist-soft);margin:0;font-size:11px}.tray{z-index:1;text-align:center;width:100%;position:relative}.tray__preview{background:#05050547;border-radius:18px;justify-content:center;align-items:center;min-height:168px;margin-bottom:24px;padding:22px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #e8d5bc14}.tray__img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 16px 30px #0000008c);border-radius:6px;max-width:100%;max-height:200px}.tray__font{color:var(--parchment);flex-direction:column;gap:12px;display:flex}.tray__font-big{color:var(--copper-bright);font-size:clamp(56px,8vw,76px);line-height:.9}.tray__font-line{color:var(--mist);font-size:16px}.tray__glyph{font-family:var(--mono);color:var(--copper);font-size:40px}.tray__name{font-family:var(--serif);color:var(--parchment);word-break:break-all;margin:0 0 20px;font-size:clamp(20px,2.4vw,26px);font-style:italic}.tray__meta{text-align:left;flex-direction:column;gap:11px;margin:0 0 22px;display:flex}.tray__meta div{border-bottom:1px solid var(--hair);justify-content:space-between;gap:16px;padding-bottom:11px;display:flex}.tray__meta dt{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--mist-soft);margin:0;font-size:10px}.tray__meta dd{font-family:var(--mono);color:var(--parchment);word-break:break-all;text-align:right;margin:0;font-size:13px}.error{font-family:var(--sans);color:var(--copper-bright);letter-spacing:.01em;margin:16px 2px 0;font-size:13px}.act{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--copper);background:0 0;border:0;padding:0;font-size:11px;transition:color .2s;position:relative}.act:after{content:"";background:var(--copper-bright);width:0;height:1px;transition:width .28s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-3px;left:0}.act:hover:not(:disabled){color:var(--copper-bright)}.act:hover:not(:disabled):after{width:100%}.act:disabled{color:var(--mist-soft);opacity:.45}.tray__reset{display:inline-block}.output__tabs{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.tab.act{border:1px solid var(--hair-strong);color:var(--mist);letter-spacing:.14em;border-radius:999px;padding:9px 18px;transition:color .2s,border-color .2s,background .2s}.tab.act:after{display:none}.tab.act:hover:not(:disabled){color:var(--copper-bright);border-color:var(--copper)}.tab.is-active{background:var(--copper);border-color:var(--copper);color:#241608}.panel{border:1px solid var(--hair);background:#e8d5bc09;border-radius:22px;flex-direction:column;min-height:360px;display:flex;overflow:hidden;box-shadow:0 48px 100px -55px #000000e6,inset 0 1px #e8d5bc0a}.panel__idle{flex:1;justify-content:center;align-items:center;padding:36px;display:flex}.panel__idle p{font-family:var(--serif);color:var(--mist-soft);text-align:center;max-width:26ch;margin:0;font-size:clamp(18px,2vw,23px);font-style:italic}.panel__bar{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px 14px;display:flex}.badge{font-family:var(--mono);letter-spacing:.02em;color:var(--mist);border:1px solid var(--hair);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:62%;padding:7px 13px;font-size:11px;overflow:hidden}.copy.act{background:var(--copper);color:#241608;letter-spacing:.16em;border-radius:999px;padding:10px 22px}.copy.act:after{display:none}.copy.act:hover:not(:disabled){background:var(--copper-bright);color:#241608}.codewrap{border-radius:15px;margin:0 14px 14px;position:relative;overflow:hidden;box-shadow:0 20px 40px -28px #000c}.code{background:var(--parchment);max-height:300px;margin:0;padding:22px;overflow:auto}.code code{font-family:var(--mono);color:var(--parchment-ink);white-space:pre-wrap;word-break:break-all;font-size:12.5px;line-height:1.7}.codewrap__fade{pointer-events:none;background:linear-gradient(transparent, var(--parchment));height:44px;position:absolute;bottom:0;left:0;right:0}.notes{padding:clamp(72px,10vw,130px) 0 clamp(20px,4vw,40px)}.notes__title{font-family:var(--serif);color:var(--parchment);margin:0 0 36px;font-size:clamp(30px,4.5vw,50px);font-style:italic}.notes__grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.note{border:1px solid var(--hair);background:#e8d5bc09;border-radius:20px;padding:clamp(24px,3vw,38px);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}.note:hover{border-color:var(--hair-strong);transform:translateY(-3px)}.note h3{font-family:var(--serif);color:var(--copper-bright);margin:0 0 12px;font-size:24px;font-weight:400}.note p{font-family:var(--sans);color:var(--mist);margin:0;font-size:14.5px;line-height:1.65}.note code{font-family:var(--mono);color:var(--parchment);font-size:12px}.signature{background:radial-gradient(120% 170% at 90% 0%, #b87c5a2e 0%, transparent 56%), radial-gradient(120% 120% at 20% 100%, var(--emerald-lift) 0%, var(--emerald) 60%);border:1px solid #e8d5bc1a;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin:clamp(44px,6vw,76px) 0 0;padding:clamp(36px,5vw,60px);text-decoration:none;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 48px 110px -60px #000}.signature:hover{transform:translateY(-3px)}.signature:after{content:"";background:linear-gradient(115deg,#0000 32%,#e8d5bc14 50%,#0000 68%);transition:transform .95s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:translate(-120%)}.signature:hover:after{transform:translate(120%)}.signature__l{flex-direction:column;gap:9px;display:flex}.signature__kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.24em;color:var(--copper);font-size:11px}.signature__name{font-family:var(--serif);color:var(--parchment);font-size:clamp(40px,6.5vw,72px);line-height:.92}.signature__sub{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--mist-soft);font-size:11px}.signature__cta{font-family:var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--copper-bright);white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:inline-flex}.signature__arrow{transition:transform .35s cubic-bezier(.2,.7,.2,1);display:inline-block}.signature:hover .signature__arrow{transform:translate(9px)}.colophon{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--mist-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:32px 0 44px;font-size:11px;display:flex}.colophon a{color:inherit;text-decoration:none;transition:color .2s}.colophon a:hover{color:var(--copper-bright)}@media (width<=1080px){.edge{display:none}}@media (width<=880px){.desk{grid-template-columns:1fr}.caret{display:none}.atelier,.atelier *{cursor:auto}}@media (width<=560px){.notes__grid{grid-template-columns:1fr}.signature{flex-direction:column;align-items:flex-start}.code code{font-size:11.5px}}