@font-face{font-family:Inter;src:local('Inter'),local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;--bg:#101210;--panel:#191d18;--ink:#f4f1e7;--muted:#b7bcb1;--line:#353b32;--accent:#d5fc8b;color-scheme:dark}html[data-theme=light]{--bg:#f6f5ee;--panel:#eeeee5;--ink:#19231b;--muted:#515e50;--line:#cfd6c6;--accent:#365819;color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.top{min-height:90px;position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:15px 5%;gap:20px}.wordmark{font-weight:900;font-size:24px;letter-spacing:-1px}.wordmark span{font-size:10px;font-weight:400;letter-spacing:1px;margin-left:10px}.controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.controls button,.filters button{border:1px solid var(--line);color:var(--muted);background:transparent;border-radius:5px;min-height:44px;padding:8px 12px;font-size:12px}.controls button[aria-pressed=true],.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.divider{width:10px}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:740px}.hero-copy{padding:90px 8% 70px 9%;align-self:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);text-transform:uppercase}.collab{display:flex;gap:16px;align-items:center;font-weight:800;font-size:19px;margin:45px 0 30px}.collab span{color:var(--muted);font-weight:300}h1{font-size:clamp(45px,5.6vw,96px);line-height:1.01;letter-spacing:-.065em;white-space:pre-line;margin:0 0 34px}h2{font-size:clamp(32px,3.6vw,60px);line-height:1.08;letter-spacing:-.045em;white-space:pre-line;margin:20px 0 30px;max-width:850px}h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}.lead{font-size:clamp(16px,1.4vw,21px);max-width:640px;color:var(--muted)}p{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;min-height:50px;border:1px solid var(--accent);background:var(--accent);color:var(--bg);font-size:13px;font-weight:700;border-radius:5px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}figure{margin:0;position:relative;overflow:hidden}img{display:block;max-width:100%;object-fit:cover}.hero-image{min-height:650px}.hero-image>img{width:100%;height:100%;position:absolute;object-position:center}.hero-image figcaption{position:absolute;bottom:0;padding:50px 30px 28px;background:linear-gradient(transparent,#111c);width:100%;color:white;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.hero-image figcaption b{font-size:23px}.ribbon{overflow:hidden;border-block:1px solid var(--line);padding:21px 0;color:var(--accent);font-size:15px;letter-spacing:4px;white-space:nowrap}.ribbon>div{width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:100px 5%;max-width:1800px;margin:auto;border-bottom:1px solid var(--line)}.intro,.status{display:grid;grid-template-columns:1fr 1fr;gap:8%}.section-heading{display:flex;gap:7%;justify-content:space-between;align-items:end}.section-heading>p{max-width:280px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s;min-width:0}.feature:hover{background:var(--panel)}.feature p{font-size:14px;margin-bottom:0}.index{color:var(--accent);font-size:11px;letter-spacing:2px}.feature[hidden]{display:none}.gallery{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:3%;align-items:center}.gallery img{width:100%;height:auto;border-radius:4px}.gallery figcaption{font-size:11px;color:var(--muted);margin-top:14px}.gallery-copy{padding:0 6%}.gallery-copy h2{font-size:clamp(30px,3vw,46px)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin:45px 0}.services p{font-size:15px}.stack{display:flex;gap:8px;flex-wrap:wrap}.stack span{font-size:12px;border:1px solid var(--line);padding:8px 14px;border-radius:99px}.status details{border-bottom:1px solid var(--line);padding:20px 0}.status summary{cursor:pointer;font-size:17px;font-weight:600;min-height:40px}.status details p{font-size:14px}.promotion{background:var(--panel);text-align:center}.promotion img{margin:auto;object-fit:contain;background:white;padding:12px;border-radius:8px}.promotion h2,.promotion p{margin-left:auto;margin-right:auto;max-width:720px}.promotion .actions{justify-content:center}.closing{text-align:center;padding:130px 5%}.closing h2{font-size:clamp(55px,8vw,120px);margin:24px auto 40px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 5%;font-size:12px}.back{text-decoration:underline;text-underline-offset:4px}.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;z-index:100;background:var(--bg);padding:20px}.enter{animation:enter .65s both}@keyframes enter{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}@media(min-width:1800px){.hero{max-width:1800px;margin:auto}.hero-copy{padding-left:5%}}@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:65px 8%}.hero{min-height:650px}.gallery{grid-template-columns:1fr 1fr}.gallery-copy{grid-column:1/-1;grid-row:1;padding:0}.gallery-copy h2{max-width:650px}.section{padding:70px 5%}.top{flex-wrap:wrap}.intro,.status{gap:5%}}@media(max-width:650px){.top{padding:12px 5%;gap:10px}.wordmark{font-size:20px}.wordmark span{font-size:9px}.controls{width:100%}.controls button{flex:1;padding:8px 6px}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 5%}.collab{margin:28px 0}h1{font-size:56px}.hero-image{min-height:0;aspect-ratio:4/4.6}.hero-image img{object-position:center 45%}.hero-image figcaption{padding:40px 20px 20px}.intro,.status,.services{grid-template-columns:1fr;gap:20px}.section-heading{display:block}.section-heading>p{max-width:none}.feature-grid{grid-template-columns:1fr}.feature{padding:25px}.section{padding:60px 5%}.filters button{flex:1 1 45%}.gallery{gap:18px}.gallery-copy{margin-bottom:20px}.gallery figcaption{line-height:1.4}.services{display:grid;margin:20px 0 30px}.closing h2{font-size:59px}.actions .button{flex:1 1 auto}footer{flex-direction:column;text-align:center;gap:12px}.status summary{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Hefesto editorial direction: same graphite, ember and warm paper as the main site. */
html{--bg:#101110;--panel:#191b19;--ink:#f0f0e8;--muted:#a5a79e;--line:#343630;--accent:#ff744b}html[data-theme=light]{--bg:#f4f2ec;--panel:#eae7df;--ink:#242520;--muted:#62645a;--line:#d2d2c5;--accent:#ac3f22}body{font-family:Arial,Helvetica,sans-serif}.top{padding-inline:max(5%,calc((100vw - 1320px)/2));backdrop-filter:blur(16px)}.wordmark{font-size:25px;letter-spacing:-1.4px}.wordmark:before{content:'H';display:inline-grid;place-items:center;color:var(--accent);margin-right:13px;font-size:30px;transform:skewY(-9deg)}.hero{max-width:1440px;margin:auto;grid-template-columns:1.1fr 1fr;min-height:720px}.hero-copy{padding-top:65px;padding-bottom:70px}.hero h1{font-weight:500;letter-spacing:-.065em;font-size:clamp(62px,7.1vw,106px);line-height:.98}.collab{font-family:'Courier New',monospace;font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:400;margin:30px 0}.hero-image{margin:55px 5% 55px 0;min-height:580px;border:1px solid var(--line);border-radius:7px}.hero-image:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px #10111044;pointer-events:none}.hero-image img{filter:saturate(.75)}.eyebrow,.index{font-family:'Courier New',monospace}.hero .eyebrow:before{content:'';display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:10px}h2{font-weight:500}h3{font-weight:500}.section{max-width:1420px}.ribbon{font:11px 'Courier New',monospace;letter-spacing:2px;padding:19px 0}.case-nav{display:flex;justify-content:center;gap:40px;border-block:1px solid var(--line);padding:20px;font-size:12px}.case-nav a:hover{color:var(--accent)}.feature-grid{border-left:0;column-gap:35px}.feature{border-right:0;padding:35px 0}.feature h3{font-size:25px}.integration-list{margin-top:48px;border-top:1px solid var(--line)}.integration{border-bottom:1px solid var(--line)}.integration summary{list-style:none;display:grid;grid-template-columns:45px 1fr 1fr 25px;align-items:center;gap:20px;padding:24px 10px;cursor:pointer}.integration summary::-webkit-details-marker{display:none}.integration summary strong{font-size:22px;font-weight:500;letter-spacing:-.6px}.integration summary>span:not(.index){font-size:13px;color:var(--muted)}.integration summary b{font-size:24px;font-weight:400;color:var(--accent)}.integration[open] summary b{transform:rotate(45deg)}.integration>div{padding:0 65px 25px;max-width:980px}.integration-status{border-left:2px solid var(--accent);padding-left:15px;font-size:12px}.promotion{border:1px solid var(--line);border-radius:6px;max-width:1320px}.promotion img{background:#fff}.button{border-radius:4px}.button:not(.ghost){color:#171711}.closing h2{font-weight:500}@media(max-width:650px){.hero h1{font-size:68px}.hero-image{margin:0 5% 35px;min-height:0}.hero-copy{padding-bottom:30px}.case-nav{gap:20px;font-size:11px}.integration summary{grid-template-columns:28px 1fr 20px;gap:10px}.integration summary strong{font-size:19px}.integration summary>span:not(.index){grid-column:2;grid-row:2}.integration summary b{grid-column:3;grid-row:1/3}.integration>div{padding:0 10px 20px 38px}.promotion{border-radius:0}.feature-grid{column-gap:0}}