@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&family=Instrument+Serif&family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#10120f;--text:#f4f2e8;--surface:#191c17;--surface2:#242a20;--accent:#bdd657;--muted:rgba(244,242,232,.58);--line:rgba(244,242,232,.14);--display:'Instrument Serif',Georgia,serif;--body:'Manrope',Arial,sans-serif;--page-width:1500px;--gap:16px;--radius:8px;--section-space:84px;--hero-height:76vh;--hero-blur:30px;--hero-fade-top:26%;--hero-fade-bottom:36%;--button-radius:999px;--button-bg:var(--accent);--button-text:#111;--button-border:0px;--layers:238px;--inspect:390px;--bar:52px;--loader-speed:1.45s;--loader-size:30px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent);color:#111}
.site{width:min(var(--page-width),calc(100% - 38px));margin:auto;transition:padding .24s ease,width .24s ease}.top{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:25;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px)}body[data-header-sticky='0'] .top{position:relative}.brand{font-weight:700;display:flex;gap:10px;align-items:center;min-width:0}.brand-logo{width:14px;height:14px;display:grid;place-items:center;flex:0 0 auto;position:relative}.brand-logo .brand-mark{width:11px;height:11px;background:var(--accent);transform:rotate(45deg);display:block}.brand-logo img{width:100%;height:100%;object-fit:contain;display:none}.brand-logo.has-image .brand-mark{display:none}.brand-logo.has-image img{display:block}.brand-text{white-space:nowrap}.nav{display:flex;gap:18px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.nav a{cursor:pointer}
/* One-image landing hero */.hero{padding:18px 0 24px}.hero-stage{position:relative;min-height:var(--hero-height);overflow:hidden;border-radius:var(--radius);isolation:isolate;background:var(--bg);border:1px solid var(--line)}.hero-bleed{position:absolute;inset:-8%;z-index:0;width:116%;height:116%;object-fit:cover;filter:blur(var(--hero-blur)) saturate(.86);opacity:.7;transform:scale(1.05)}.hero-media{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-x,50%) var(--hero-y,50%);transform:translateY(var(--pan,0px)) scale(var(--hero-scale,1.012))}.hero-stage::before,.hero-stage::after{content:'';position:absolute;left:0;right:0;z-index:3;pointer-events:none}.hero-stage::before{top:0;height:var(--hero-fade-top);background:linear-gradient(to bottom,var(--bg) 0%,color-mix(in srgb,var(--bg) 86%,transparent) 25%,transparent 100%)}.hero-stage::after{bottom:0;height:var(--hero-fade-bottom);background:linear-gradient(to top,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 28%,transparent 100%)}.hero-caption{position:absolute;z-index:4;left:18px;bottom:16px;display:flex;gap:10px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.hero-caption::before{content:'';width:34px;height:1px;background:var(--accent)}
.rule{height:1px;background:var(--line);margin:34px 0;overflow:hidden}.rule::after{content:'';display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,.82,.18,1)}.rule.in::after{transform:scaleX(1)}.section{padding:var(--section-space) 0;content-visibility:auto;contain-intrinsic-size:900px}.heading{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:22px}.heading h2,.statement h2{font-family:var(--display);font-size:clamp(44px,6vw,88px);line-height:.88;letter-spacing:-.055em;font-weight:400;margin:0}.heading p{color:var(--muted);line-height:1.7;font-size:13px;max-width:48ch;margin:0}.statement{padding:var(--section-space) 0}.statement-row{display:grid;grid-template-columns:120px 1fr;gap:20px}.num{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);padding-top:8px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);grid-auto-flow:dense}.tile{--span:6;--h:380px;--x:0px;--y:0px;--imgScale:1;--imgX:50%;--imgY:50%;--dur:700ms;--delay:0ms;--dist:28px;grid-column:span var(--span);height:var(--h);position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--tr,var(--radius));background:var(--surface);transform:translate(var(--x),var(--y));transition:transform .22s,box-shadow .22s,filter .22s;cursor:pointer}.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--imgX) var(--imgY);transform:scale(var(--imgScale));transition:transform .3s}.tile.placeholder{display:grid;place-items:center;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent) 12%,var(--surface2)))}.tile.placeholder::before{content:'';width:42%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%}.ph{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.tile-info{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:70px 16px 15px;display:flex;justify-content:space-between;align-items:end;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--tile,var(--surface)) 78%,#000));color:white}.tile.hide-info .tile-info{display:none}.t-title{font-weight:700}.t-sub{font-size:10px;opacity:.68;margin-top:4px}.tag{font-size:8px;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(255,255,255,.24);padding:6px 8px;border-radius:var(--button-radius)}.edge{position:absolute;z-index:3;opacity:0;pointer-events:none}.edge.on{opacity:1}.edge.top,.edge.bottom{left:0;right:0;height:28%}.edge.left,.edge.right{top:0;bottom:0;width:24%}.edge.top{top:0}.edge.bottom{bottom:0}.edge.left{left:0}.edge.right{right:0}.tile[data-edge='gradient'] .edge.top{background:linear-gradient(var(--bg),transparent)}.tile[data-edge='gradient'] .edge.bottom{background:linear-gradient(transparent,var(--bg))}.tile[data-edge='gradient'] .edge.left{background:linear-gradient(90deg,var(--bg),transparent)}.tile[data-edge='gradient'] .edge.right{background:linear-gradient(90deg,transparent,var(--bg))}.tile[data-edge='blur'] .edge.on,.tile[data-edge='both'] .edge.on{backdrop-filter:blur(var(--eb,12px))}.tile[data-edge='both'] .edge.top{background:linear-gradient(var(--bg),transparent)}.tile[data-edge='both'] .edge.bottom{background:linear-gradient(transparent,var(--bg))}.tile[data-hover='lift']:hover{transform:translate(var(--x),calc(var(--y) - 7px));box-shadow:0 24px 70px rgba(0,0,0,.25)}.tile[data-hover='zoom']:hover img{transform:scale(calc(var(--imgScale) + .06))}.tile[data-hover='glow']:hover{box-shadow:0 0 42px color-mix(in srgb,var(--accent) 38%,transparent)}.tile[data-hover='soft']:hover{filter:brightness(1.08)}.tile[data-hover='tilt']{transform-style:preserve-3d;transform:translate(var(--x),var(--y)) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.tile[data-hover='tilt']:hover{box-shadow:0 24px 70px rgba(0,0,0,.25)}
[data-motion]{transition:opacity var(--dur,700ms) var(--ease,ease) var(--delay,0ms),transform var(--dur,700ms) var(--ease,ease) var(--delay,0ms),filter var(--dur,700ms) var(--ease,ease) var(--delay,0ms),clip-path var(--dur,700ms) var(--ease,ease) var(--delay,0ms)}[data-motion]:not(.in){opacity:0}[data-motion='rise']:not(.in){transform:translateY(var(--dist,28px))}[data-motion='blur']:not(.in){filter:blur(9px);transform:translateY(calc(var(--dist,28px)*.5))}[data-motion='scale']:not(.in){transform:scale(.94)}[data-motion='left']:not(.in){transform:translateX(calc(var(--dist,28px)*-1))}[data-motion='right']:not(.in){transform:translateX(var(--dist,28px))}[data-motion='mask']:not(.in){clip-path:inset(0 0 100% 0)}[data-motion='rotate']:not(.in){transform:translateY(var(--dist,28px)) rotate(-2deg)}[data-motion='spring']{--ease:cubic-bezier(.16,1.24,.28,1)}[data-motion='spring']:not(.in){transform:translateY(var(--dist,28px)) scale(.97)}[data-motion='none']{opacity:1!important}
.footer{padding:72px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.footer-big{font-family:var(--display);font-size:clamp(54px,8vw,116px);line-height:.82;letter-spacing:-.06em}.links{display:flex;gap:14px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.gear{position:static!important;width:18px;height:18px;padding:0!important;margin-left:2px;border:0!important;border-radius:0!important;background:transparent!important;color:currentColor!important;box-shadow:none!important;display:grid;place-items:center;cursor:pointer;font-size:14px;line-height:1;letter-spacing:0;opacity:.72;transition:opacity .15s,transform .15s}.gear:hover{opacity:1;transform:rotate(18deg)}
/* Modals */.modal,.redirect-modal{position:fixed;inset:0;z-index:120;display:none;background:rgba(0,0,0,.72);backdrop-filter:blur(16px);overflow:auto}.modal.open,.redirect-modal.open{display:block}.close{position:fixed;right:18px;top:18px;z-index:130;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.55);color:white}.stream{width:min(1180px,calc(100% - 54px));margin:auto;padding:76px 0 100px;display:flex;flex-direction:column;gap:16px}.stream img{width:100%;background:#111}.redirect-modal{z-index:300;place-items:center;overflow:hidden}.redirect-modal.open{display:grid}.redirect-box{width:min(520px,calc(100% - 30px));padding:20px;background:#121512;border:1px solid rgba(255,255,255,.13);border-radius:10px;box-shadow:0 28px 90px rgba(0,0,0,.38)}.redirect-box h3{font-family:var(--display);font-size:32px;font-weight:400;margin:2px 0 8px}.redirect-box p{font-size:11px;color:#99a199;line-height:1.55}.redirect-url{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.12);background:#0b0d0b;border-radius:6px;margin:12px 0;min-width:0}.redirect-url code{font:10px/1.4 'Space Grotesk',monospace;color:#d7ddd7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.icon-btn{width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#161916;color:white;cursor:pointer}.redirect-actions{display:flex;justify-content:flex-end;gap:7px}.ui-btn{height:34px;padding:0 12px;border-radius:var(--button-radius);border:var(--button-border) solid var(--line);background:var(--button-bg);color:var(--button-text);cursor:pointer}.ui-btn.ghost{background:transparent;color:white;border:1px solid rgba(255,255,255,.15)}
/* Loader */.page-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--bg);transition:opacity .38s ease,visibility .38s ease}.page-loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-logo{position:relative;width:var(--loader-size);height:var(--loader-size);display:grid;place-items:center;overflow:hidden}.loader-mark{width:62%;height:62%;background:var(--accent);transform:rotate(45deg)}.loader-logo img{display:none;width:100%;height:100%;object-fit:contain}.loader-logo.has-image .loader-mark{display:none}.loader-logo.has-image img{display:block}.page-loader[data-style='pulse'] .loader-logo,.page-loader[data-style='both'] .loader-logo{animation:loaderBreath var(--loader-speed) ease-in-out infinite}.page-loader[data-style='shimmer'] .loader-logo::after,.page-loader[data-style='both'] .loader-logo::after{content:'';position:absolute;inset:-40% -80%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.72) 49%,transparent 60%);transform:translateX(-70%);animation:loaderShimmer var(--loader-speed) ease-in-out infinite}.page-loader[data-style='off']{display:none}@keyframes loaderBreath{0%,100%{transform:scale(.86);opacity:.58}50%{transform:scale(1.08);opacity:1}}@keyframes loaderShimmer{0%{transform:translateX(-80%)}70%,100%{transform:translateX(80%)}}
/* Login */.login{position:fixed;inset:0;z-index:400;display:none;place-items:center;background:rgba(0,0,0,.6);backdrop-filter:blur(10px)}.login.open{display:grid}.login-box{width:min(420px,calc(100% - 30px));background:#131513;color:white;border:1px solid rgba(255,255,255,.13);padding:22px;border-radius:10px}.login-box input{width:100%;height:40px;margin:6px 0 12px;background:#0d0f0d;color:white;border:1px solid rgba(255,255,255,.13);padding:0 9px;border-radius:5px}
/* Refined editor */.devbar,.layers,.inspector{display:none}.editing .devbar,.editing .layers,.editing .inspector{display:flex}.editing .gear{display:none}.devbar{position:fixed;z-index:95;left:var(--layers);right:var(--inspect);top:0;height:var(--bar);background:#101210;border-bottom:1px solid rgba(255,255,255,.1);align-items:center;justify-content:space-between;padding:0 10px;color:white}.devbar .bar-group{display:flex;align-items:center;gap:6px}.devbar button,.inspector button{background:#181b18;color:white;border:1px solid rgba(255,255,255,.12);border-radius:5px;height:30px;font-size:9px;cursor:pointer}.layers{position:fixed;z-index:94;left:0;top:0;bottom:0;width:var(--layers);background:#0f110f;border-right:1px solid rgba(255,255,255,.1);flex-direction:column;padding:60px 8px 10px;color:white;overflow:auto}.layers-head{padding:0 8px 10px}.layer-group{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#6f786f;padding:10px 8px 5px}.layer{min-height:31px;border-radius:5px;padding:8px;font-size:9px;cursor:pointer;display:flex;align-items:center;gap:7px}.layer.active,.layer:hover{background:#20271d}.layer-icon{width:15px;color:#7f897f}.inspector{position:fixed;z-index:94;right:0;top:0;bottom:0;width:var(--inspect);background:#0f110f;border-left:1px solid rgba(255,255,255,.1);flex-direction:column;color:white;padding:52px 0 82px;overflow:hidden}.inspect-head{height:52px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.inspect-head strong{font-size:11px}.inspect-head small{display:block;color:#707970;font-size:8px;margin-top:2px}.inspect-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.08)}.inspect-tab{height:36px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#778077!important;text-transform:uppercase;letter-spacing:.12em;font-size:8px!important}.inspect-tab.active{color:white!important;background:#151815!important}.inspect-scroll{overflow:auto;padding:10px 10px 90px}.tab-panel{display:none}.tab-panel.active{display:block}.panel{border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:10px;margin-bottom:8px;background:#121512}.panel h4{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#929b92;margin:0 0 10px}.ctrl{display:grid;grid-template-columns:1fr 156px;gap:9px;align-items:center;margin:8px 0}.ctrl label{font-size:9px;color:#cbd0cb}.ctrl input[type='text'],.ctrl input[type='url'],.ctrl input[type='number'],.ctrl select{width:100%;height:29px;background:#0d0f0d;color:white;border:0;border-bottom:1px solid rgba(255,255,255,.24);border-radius:0;padding:0 4px;font-size:9px;outline:none}.ctrl input:focus,.ctrl select:focus{border-bottom-color:var(--accent)}.ctrl input[type='color']{width:100%;height:27px;padding:0;background:transparent;border:0}.ctrl input[type='range']{width:100%;accent-color:var(--accent)}.scrub{display:grid;grid-template-columns:1fr 54px;gap:6px;align-items:center}.scrub input[type='number']{text-align:right}.check{display:flex;align-items:center;gap:7px;font-size:9px;color:#cbd0cb;margin:8px 0}.check input{accent-color:var(--accent)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:5px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tiny-note{font-size:8px;line-height:1.5;color:#727b72}.section-title{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#697269;margin:14px 2px 7px}.font-pairs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.font-pair{height:auto!important;min-height:46px;text-align:left;padding:7px!important}.font-pair b{display:block;font:18px/1 var(--pair-display,serif);font-weight:400}.font-pair span{display:block;margin-top:4px;color:#858e85;font-size:8px}.file-btn{display:flex;align-items:center;justify-content:center;min-height:31px;border:1px dashed rgba(255,255,255,.16);border-radius:5px;font-size:8px;color:#9ba39b;cursor:pointer}.file-btn input{display:none}.savebar{position:fixed;right:0;bottom:0;width:var(--inspect);z-index:97;background:#0f110f;border-top:1px solid rgba(255,255,255,.1);padding:8px;display:none;grid-template-columns:1fr 1fr;gap:5px}.editing .savebar{display:grid}.savebar button{height:34px;background:#1a1e1a;color:white;border:1px solid rgba(255,255,255,.12);border-radius:5px;cursor:pointer}.savebar .publish{grid-column:1/-1;background:var(--accent);color:#111;border:0;font-weight:700}.editing .site{padding-left:calc(var(--layers) + 14px);padding-right:calc(var(--inspect) + 14px);padding-top:var(--bar)}.editing [data-node]:hover{outline:1px dashed var(--accent);outline-offset:3px}.editing .selected{outline:2px solid var(--accent)!important;outline-offset:3px}.resize{display:none;position:absolute;right:5px;bottom:5px;width:18px;height:18px;border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);z-index:10}.editing .resize{display:block}.light{--bg:#fff;--text:#111;--surface:#f4f5f3;--surface2:#e9ebe7;--muted:rgba(17,17,17,.55);--line:rgba(17,17,17,.14)}.light .top{background:rgba(255,255,255,.9)}
@media(max-width:980px){.heading,.statement-row{grid-template-columns:1fr}.grid>*{grid-column:span 12!important}.nav{display:none}.layers{display:none!important}.devbar{left:0!important;right:0!important}.inspector{right:0;width:min(94vw,390px)}.editing .site{padding:var(--bar) 0 0!important}.savebar{width:min(94vw,390px)}.hero-stage{min-height:62vh}.links{gap:9px}.brand-text{font-size:10px}}