*{box-sizing:border-box}html{color-scheme:light dark;scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--bg);font:var(--body-size,18px)/1.58 var(--body-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--accent);text-underline-offset:8px}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}figure,p{margin:0}p+p{margin-top:20px}h1,h2,h3{font-family:var(--display-font);font-weight:var(--display-weight,700);margin:0;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}h1{font-size:clamp(48px,6vw,80px)}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:27px;letter-spacing:-.025em}h2+p,h3+p{margin-top:28px}ul,ol,dl,dd{margin:0;padding:0}.topbar{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 36px;font-size:15px;line-height:1.3}.topbar a{text-decoration:none}.brand{font-weight:600}.topbar nav{display:flex;gap:25px}.topbar .languages{gap:14px}.languages a{padding:6px 0}.languages a[aria-current=true]{font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.skip{position:absolute;top:-100px;left:24px;padding:10px;background:var(--ink);color:var(--bg);z-index:50}.skip:focus{top:12px}.page{max-width:1240px;margin:auto;padding:0 36px}.hero{padding:78px 0 0}.hero-words{max-width:590px}.hero .lead{font-size:clamp(21px,2vw,28px);line-height:1.25;letter-spacing:-.025em;margin-top:28px}.intro{margin-top:24px;max-width:48ch}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--accent);color:var(--accent-ink);padding:13px 23px;text-decoration:none;font-weight:600;transition:transform .18s}.button:hover{transform:translateY(-3px);text-decoration:none}.button:active{transform:translateY(0)}.remote{font-size:14px;max-width:48ch;margin-top:25px}.hero figure{margin-top:40px;overflow:hidden}.portrait{width:100%;height:100%;object-fit:cover;object-position:36% 43%}.page>section:not(.hero){margin-top:130px}.letter-copy{max-width:660px}.statement{font-size:25px;line-height:1.35;max-width:34ch;letter-spacing:-.02em}.letter-copy>p:not(.statement){margin-top:24px}.text-action{display:inline-block;font-weight:600;margin-top:22px}.product-gallery{margin-top:38px}.main-demo{background:var(--surface);padding:18px}.main-demo img{width:100%;aspect-ratio:976/651;object-fit:contain;background:#f7f7f5}.main-demo figcaption{font-size:14px;padding-top:12px}.demo-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.demo-choice{padding:8px;background:var(--surface);border:0;text-align:left;transition:transform .2s,background .2s}.demo-choice[aria-pressed=true]{background:var(--ink);color:var(--bg)}.demo-choice:hover{transform:translateY(-4px)}.demo-choice img{width:100%;aspect-ratio:976/651;object-fit:cover}.demo-choice span{display:block;font-size:14px;line-height:1.35;margin:9px 2px 4px}.caption{font-size:14px;line-height:1.5;max-width:72ch;margin-top:14px}.architecture{margin-top:34px;background:var(--surface)}.architecture summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:600;font-size:18px;padding:24px 28px;cursor:pointer;list-style:none}.architecture summary::-webkit-details-marker{display:none}.architecture summary span{font-size:30px;font-weight:400;line-height:1}.architecture[open] summary span{transform:rotate(45deg)}.architecture-body{padding:15px 28px 32px}.architecture-body>h3{margin-top:34px;font-size:26px;line-height:1.16}.architecture-body>h3:first-child{margin-top:0}.architecture-body>p{margin-top:24px}.architecture-body>a{display:inline-block;margin-top:22px}.architecture-path{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 40px}.architecture-path li{background:var(--bg);padding:20px}.architecture-path strong{font-size:17px;font-weight:600}.architecture-path p{font-size:16px;margin-top:12px}.implementation>div{margin-top:26px}.implementation dt{font-weight:600}.implementation dd{font-size:16px;margin-top:8px}.newsletter{max-width:760px;padding:36px;background:var(--surface)}.newsletter h2{font-size:clamp(30px,3.5vw,40px)}.newsletter>p{margin-top:24px}.newsletter-flow{list-style:none;display:flex;align-items:center;gap:20px;margin-top:28px;font-size:15px;line-height:1.4}.newsletter-flow li{flex:1;display:flex;align-items:center;gap:20px}.flow-arrow{display:inline-block;flex:none;line-height:1}.flow-step{min-width:0}.bio{max-width:65ch;margin-top:30px}.about h3{margin-top:55px}.experience{margin-top:30px}.experience>div{display:grid;grid-template-columns:160px 1fr;gap:24px;margin-top:28px;max-width:850px}.experience dt{font-weight:600}.experience dd{font-size:16px;max-width:62ch}.experience a{display:inline-block;font-size:14px;margin-top:8px}.services ul{list-style:none;margin-top:30px}.services li{font-size:21px;line-height:1.4;margin-top:16px;max-width:42ch}.contact{padding:58px;background:var(--ink);color:var(--bg)}.contact>p{max-width:50ch}.inquiry-links{display:flex;gap:32px;flex-wrap:wrap;margin:28px 0}.inquiry-links a{font-weight:600}.contact .button{margin-top:5px}.email{display:block;margin-top:25px;overflow-wrap:anywhere}.footer{max-width:1240px;margin:100px auto 0;padding:0 36px 44px}.footer-name{font-family:var(--display-font);font-size:clamp(30px,4vw,60px);line-height:1.1;letter-spacing:-.04em}.footer-links{display:flex;flex-wrap:wrap;gap:18px 30px;font-size:14px;margin-top:28px}.hero h1,.hero-words{animation:arrive .7s both}.hero-words{animation-delay:.12s}.hero figure{animation:arrive .8s .18s both}.seen{animation:arrive .6s both}.portrait-stage img{animation:portrait-arrive 1.2s both}@keyframes arrive{from{transform:translateY(18px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes portrait-arrive{from{transform:scale(1.035);opacity:.6}to{transform:scale(1);opacity:1}}

/* A: a single readable column with concrete demonstrations. */
body[data-direction=editorial]{--bg:#f7f7f7;--surface:#ebebeb;--ink:#0d2a1c;--accent:#f6e016;--accent-ink:#0d2a1c;--body-font:'Figtree',sans-serif;--display-font:'League Spartan',sans-serif}.editorial .page{max-width:760px}.editorial .hero{padding-top:56px}.editorial h1{font-size:clamp(49px,6.2vw,78px);line-height:.92;max-width:650px}.editorial .hero figure{height:390px}.editorial .hero .lead{font-size:25px}.editorial .contact{padding:40px}.editorial .footer{max-width:760px}.editorial .topbar{max-width:760px}.editorial .experience>div{grid-template-columns:145px 1fr;gap:20px}.editorial .portrait{object-position:32% 40%}

/* C: the personal name as a large typographic object, followed by the work. */
body[data-direction=studio]{--bg:#ebe5e3;--surface:#e1dad7;--ink:#2b2622;--accent:#0f7d45;--accent-ink:#fff;--body-font:'Epilogue',sans-serif;--display-font:'Epilogue',sans-serif;--display-weight:900}.studio .page,.studio .footer{max-width:1440px;padding-left:32px;padding-right:32px}.studio .hero{padding-top:42px}.studio h1{font-size:clamp(58px,10.4vw,150px);line-height:1;letter-spacing:.018em}.studio .hero-body{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;margin-top:45px}.studio .hero-words{max-width:560px;padding-bottom:20px}.studio .hero .lead{margin-top:0;font-size:31px;max-width:23ch}.studio .hero figure{margin:0;height:310px;overflow:hidden}.studio .portrait{filter:grayscale(1);object-position:28% 40%}.studio .letter-story{display:grid;grid-template-columns:.85fr 1.3fr;gap:40px 65px;align-items:start}.studio .letter-story h2{font-size:85px}.studio .letter-copy .statement{font-size:28px;max-width:24ch}.studio .product-gallery{margin-top:0}.studio .architecture{grid-column:1/-1;max-width:1100px;width:100%;margin:5px auto 0}.studio .architecture-path{grid-template-columns:repeat(4,minmax(0,1fr))}.studio .architecture-body{padding:16px 36px 40px}.studio .implementation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.studio .newsletter{margin-left:auto;max-width:1100px;padding:42px}.studio .about{display:grid;grid-template-columns:.85fr 1.3fr;gap:25px 65px}.studio .about .bio{margin-top:0}.studio .about h3{margin-top:25px}.studio .experience{margin-top:25px}.studio .experience>div{grid-template-columns:130px 1fr}.studio .services{max-width:850px}.studio .contact{padding:65px;max-width:1100px;margin-left:auto;margin-right:auto}.studio .footer-name{font-size:clamp(35px,6.5vw,90px)}


@media(max-width:1000px){.topbar{padding:24px;gap:18px}.topbar nav{gap:18px}.page{padding:0 24px}.studio h1{font-size:10.4vw}.studio .hero-body{gap:35px}.studio .letter-story,.studio .about{gap:25px}.studio .architecture-path{grid-template-columns:1fr 1fr}.studio .implementation{display:block}.studio .letter-copy .statement{font-size:24px}}
@media(max-width:700px){html{scroll-padding-top:20px}.topbar{align-items:flex-start;flex-wrap:wrap;padding:20px;gap:20px;font-size:14px}.brand{flex:1}.topbar>nav:not(.languages){order:3;width:100%;justify-content:flex-start;gap:24px}.topbar .languages{gap:13px}.page{padding:0 20px}.hero{padding-top:38px}.hero h1{font-size:clamp(43px,10vw,65px)}.hero .lead{font-size:23px;margin-top:25px}.intro{font-size:17px}.actions{gap:24px;margin-top:25px}.remote{font-size:14px}.hero figure{margin-top:32px}.page>section:not(.hero){margin-top:86px}h2{font-size:34px}h3{font-size:25px}.statement{font-size:23px}.main-demo{padding:10px}.demo-choices{gap:8px}.demo-choice{padding:5px}.demo-choice span{font-size:13px;margin-top:7px}.caption{font-size:13px}.architecture summary{font-size:17px;padding:19px}.architecture-body{padding:10px 19px 25px}.architecture-body>h3{font-size:23px}.architecture-path{grid-template-columns:1fr;gap:12px}.architecture-path li{padding:17px}.newsletter{padding:26px}.newsletter h2{font-size:30px}.bio{font-size:17px}.experience>div{grid-template-columns:1fr;gap:6px;margin-top:24px}.services li{font-size:20px}.contact{padding:30px 24px}.inquiry-links{gap:18px;font-size:16px}.contact .button{width:100%}.footer{padding:0 20px 35px;margin-top:65px}.footer-name{font-size:34px}.footer-links{gap:18px 22px;font-size:14px}.editorial .hero{padding-top:32px}.editorial h1{font-size:clamp(46px,12vw,64px)}.editorial .hero figure{height:300px}.editorial .experience>div{grid-template-columns:1fr;gap:6px}.editorial .contact{padding:28px}.studio .page,.studio .footer{padding-left:20px;padding-right:20px}.studio .hero{padding-top:28px}.studio h1{font-size:10.4vw;line-height:1}.studio .hero-body{display:flex;flex-direction:column;gap:22px;margin-top:27px;align-items:stretch}.studio .hero .lead{font-size:25px}.studio .hero figure{height:310px;width:100%}.studio .hero-words{padding:0}.studio .letter-story,.studio .about{display:block}.studio .letter-story h2{font-size:56px}.studio .product-gallery{margin-top:30px}.studio .architecture{margin-top:28px}.studio .architecture-body{padding:12px 20px 28px}.studio .architecture-path{grid-template-columns:1fr}.studio .newsletter{padding:27px}.studio .newsletter h2{font-size:29px}.studio .about .bio{margin-top:25px}.studio .about h3{margin-top:40px}.studio .experience{margin-top:25px}.studio .experience>div{grid-template-columns:1fr}.studio .contact{padding:30px 24px}.studio .footer-name{font-size:33px}pre{font-size:13px;padding:15px}}
/* A closed disclosure has no rendered architecture content. */
details:not([open]) .architecture-body{display:none}

/* Five text roles: small, body, lead, heading and the name. */
body{--small-size:14px;--body-size:18px;--lead-size:24px;--heading-size:clamp(32px,4vw,52px)}
.topbar,.remote,.caption,.demo-choice span,.footer-links,.main-demo figcaption,pre{font-size:var(--small-size)}
.intro,.bio,.architecture summary,.architecture-path strong,.architecture-path p,.implementation dd,.experience dd,.newsletter-flow,.inquiry-links{font-size:var(--body-size)}
.hero .lead,.editorial .hero .lead,.studio .hero .lead,.statement,.studio .letter-copy .statement,.services li,.architecture-body>h3{font-size:var(--lead-size)}
h2,h3,.newsletter h2,.studio .newsletter h2,.letter-copy h2,.studio .letter-story h2,.footer-name,.studio .footer-name{font-size:var(--heading-size)}
.experience a{font-size:var(--small-size)}
.architecture summary span{font-size:var(--lead-size)}


/* Positive tracking and disabled kerning keep C's heavy letters visibly separate. */
.studio :is(h1,h2,h3,.brand,.footer-name){font-kerning:none;font-variant-ligatures:none;letter-spacing:.018em}

/* Paint the largest hero image immediately; keep motion on the supporting content. */
.studio .hero figure{animation:none}

/* Full-size hit areas without enlarging the navigation labels. */
.topbar .brand,.topbar nav a{display:inline-flex;align-items:center;min-height:44px}
.topbar .brand{white-space:nowrap}
.topbar nav a{justify-content:center;min-width:44px}
.topbar .languages{gap:0}
.email{width:fit-content;max-width:100%}
@media(max-width:700px){.topbar{column-gap:12px;row-gap:8px}.header-tools{gap:8px}.topbar .languages{gap:0}}



@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Follow the visitor's OS/browser preference, including live preference changes. */


/* B: an open letter, with a serif greeting and a portrait beside the introduction. */
body[data-direction=systems]{--bg:#f5f7f4;--surface:#e7ede8;--ink:#263c34;--accent:#20664e;--accent-ink:#fff;--body-font:'Manrope',sans-serif;--display-font:'Newsreader',Georgia,serif;--display-weight:500;--heading-size:clamp(32px,3vw,42px)}
.systems .topbar,.systems .page,.systems .footer{max-width:1200px;padding-left:44px;padding-right:44px}.systems .topbar{padding-top:28px;padding-bottom:28px}.systems .brand{font-weight:600}
.systems :is(h1,h2,h3,.footer-name){font-kerning:none;letter-spacing:.01em}.systems .hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:84px;align-items:center;padding-top:64px}.systems h1{font-size:clamp(48px,5.1vw,72px);line-height:1.05}.systems .hero-words{max-width:620px}.systems .hero .lead{margin-top:26px;font-size:24px;line-height:1.4;letter-spacing:0}.systems .intro{max-width:54ch;margin-top:22px}.systems .actions{margin-top:28px}.systems .remote{max-width:52ch}.systems .hero .letter-portrait{width:100%;height:390px;margin:0;overflow:hidden}.systems .portrait{object-position:22% 39%}.systems .page>section:not(.hero){margin-top:92px}
.systems .letter-story{display:grid;grid-template-columns:1fr 2fr;gap:22px 70px}.systems .letter-copy{display:contents}.systems .letter-copy h2{grid-column:1;grid-row:1/6}.systems .letter-copy>p,.systems .letter-copy>a{grid-column:2;max-width:60ch;margin-top:0}.systems .letter-copy .statement{font-size:24px;line-height:1.4;letter-spacing:0}.systems .product-evidence,.systems .architecture{grid-column:2;margin-top:0}.systems .product-evidence>summary{cursor:pointer;font-size:18px;font-weight:600;min-height:44px;display:list-item;list-style:disclosure-closed inside;padding:8px 0}.systems .product-evidence[open]>summary{list-style-type:disclosure-open}.systems .product-evidence:not([open])>.product-gallery{display:none}.systems .product-gallery{margin-top:16px}.systems .architecture summary{padding:20px}.systems .architecture-body{padding:0 20px 28px}.systems .architecture-body>h3{font-size:24px}.systems .architecture-path{grid-template-columns:1fr 1fr}
.systems .newsletter{max-width:900px;padding:34px}.systems .newsletter h2{font-size:var(--heading-size)}.systems .about{display:grid;grid-template-columns:1fr 2fr;gap:24px 70px}.systems .about .bio{margin-top:0}.systems .about h3{margin-top:18px}.systems .experience{margin-top:18px}.systems .experience>div{grid-template-columns:125px 1fr;gap:20px;margin-top:24px}.systems .services ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.systems .services li{font-size:18px;margin-top:0}.systems .contact{padding:40px;background:var(--surface);color:var(--ink);max-width:900px;margin-left:auto}.systems .contact>p{margin-top:22px}.systems .footer{margin-top:70px}.systems .footer-name{font-size:var(--heading-size)}
@media(max-width:1000px){.systems .topbar,.systems .page,.systems .footer{padding-left:28px;padding-right:28px}.systems .hero{gap:40px;padding-top:46px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.systems .hero .letter-portrait{height:340px}.systems .letter-story,.systems .about{gap:24px 34px}.systems .experience>div{grid-template-columns:1fr;gap:6px}.systems .newsletter-flow{gap:14px}.systems .newsletter-flow li{gap:14px}}
@media(max-width:700px){.systems .topbar,.systems .page,.systems .footer{padding-left:20px;padding-right:20px}.systems .topbar{padding-top:20px;padding-bottom:20px}.systems .hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:30px}.systems .hero h1{font-size:48px}.systems .hero .letter-portrait{width:100%;height:280px}.systems .portrait{object-position:24% 34%}.systems .page>section:not(.hero){margin-top:64px}.systems .letter-story,.systems .about{display:block}.systems .letter-copy{display:block}.systems .letter-copy>p,.systems .letter-copy>a{margin-top:22px}.systems .product-evidence{margin-top:26px}.systems .architecture{margin-top:12px}.systems .architecture-path{grid-template-columns:1fr}.systems .newsletter{padding:26px}.systems .newsletter h2{font-size:var(--heading-size)}.systems .about .bio{margin-top:22px}.systems .about h3{margin-top:36px}.systems .page>section.services{margin-top:96px}.systems .services ul{grid-template-columns:1fr;gap:18px}.systems .contact{padding:28px}.systems .footer-name{font-size:var(--heading-size)}}

/* Each connector owns the full gap between adjacent steps. */
.newsletter-flow,.systems .newsletter-flow{display:grid;grid-template-columns:minmax(0,max-content) minmax(28px,1fr) minmax(0,max-content) minmax(28px,1fr) minmax(0,max-content);gap:12px;align-items:center}
.newsletter-flow li,.systems .newsletter-flow li{display:contents}
.flow-step{text-align:center}.flow-arrow{justify-self:center;align-self:center;transform:none}
@media(min-width:901px){.studio .flow-step{white-space:nowrap}}
@media(max-width:900px){.newsletter-flow,.systems .newsletter-flow{grid-template-columns:1fr;gap:16px;justify-items:center}.flow-arrow{transform:rotate(90deg)}}
/* Saved choice wins; without a choice the system remains the default. */
html[data-theme=dark] body[data-direction=editorial]{--bg:#101b17;--surface:#1b2b24;--ink:#e6efe8;--accent:#f6e016;--accent-ink:#101b17}
html[data-theme=dark] body[data-direction=studio]{--bg:#1c1a19;--surface:#2b2725;--ink:#f0e9e6;--accent:#7cdda4;--accent-ink:#14251a}
html[data-theme=dark] body[data-direction=systems]{--bg:#151e1a;--surface:#22332b;--ink:#e8efe8;--accent:#a5dbbc;--accent-ink:#183225}
html[data-theme=dark] .contact{background:var(--surface);color:var(--ink)}
html[data-theme=dark] .main-demo img{background:#111}
html[data-theme=dark] .demo-choice[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) body[data-direction=editorial]{--bg:#101b17;--surface:#1b2b24;--ink:#e6efe8;--accent:#f6e016;--accent-ink:#101b17}
html:not([data-theme=light]) body[data-direction=studio]{--bg:#1c1a19;--surface:#2b2725;--ink:#f0e9e6;--accent:#7cdda4;--accent-ink:#14251a}
html:not([data-theme=light]) body[data-direction=systems]{--bg:#151e1a;--surface:#22332b;--ink:#e8efe8;--accent:#a5dbbc;--accent-ink:#183225}
html:not([data-theme=light]) .contact{background:var(--surface);color:var(--ink)}
html:not([data-theme=light]) .main-demo img{background:#111}
html:not([data-theme=light]) .demo-choice[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}}


/* Five Langfuse stages; deployment returns the result to live observation. */
.engineering-loop{margin-top:44px;container-type:inline-size}.engineering-loop h3{font-size:var(--lead-size);line-height:1.2}.loop-intro{font-size:var(--body-size);margin-top:20px;max-width:65ch}
.loop-track{position:relative;margin-top:30px;padding-bottom:12px}.loop-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none}.loop-stages li{position:relative;min-width:0}.loop-node{display:flex;flex-direction:column;height:100%;padding:22px 18px;background:var(--bg)}.loop-node strong{font-size:var(--body-size);line-height:1.35;font-weight:600}.loop-phase{font-size:var(--small-size);margin-top:8px}.loop-node p{font-size:var(--body-size);line-height:1.5;margin-top:20px}.loop-next{position:absolute;left:100%;top:50%;width:24px;transform:translateY(-50%);text-align:center;font-size:var(--body-size);line-height:1}
.loop-return{position:relative;height:64px;margin:0 calc(10% - 9.6px);border:solid var(--accent);border-width:0 2px 2px;color:var(--accent)}.loop-tip{position:absolute;left:-10px;top:-2px;font-size:var(--body-size);line-height:1}.loop-deploy{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);background:var(--surface);color:var(--ink);padding:4px 14px;font-size:var(--small-size);white-space:nowrap}.engineering-loop figcaption{font-size:var(--small-size);margin-top:24px;max-width:75ch}
@container(max-width:850px){.loop-track{padding-left:52px;padding-bottom:0}.loop-stages{grid-template-columns:1fr;grid-auto-rows:1fr;gap:28px}.loop-node{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px 18px;padding:22px}.loop-node p{grid-column:1/-1;margin:0}.loop-phase{margin:0}.loop-next{left:50%;top:100%;width:28px;height:28px;line-height:28px;transform:translateX(-50%) rotate(90deg)}.loop-return{position:absolute;left:8px;top:calc(10% - 11.2px);bottom:calc(10% - 11.2px);width:44px;height:auto;margin:0;border-width:2px 0 2px 2px}.loop-tip{left:auto;right:-1px;top:-10px;transform:rotate(90deg)}.loop-deploy{left:0;top:50%;bottom:auto;transform:translate(-50%,-50%) rotate(-90deg)}}
@container(max-width:420px){.loop-node{display:flex;gap:0;padding:20px}.loop-phase{margin-top:6px}.loop-node p{margin-top:16px}}