@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Lora:wght@400;600&display=swap";
:root{--bg:#f3f2f2;--surface:#eae9e9;--text:#201f1d;--muted:color-mix(in srgb, var(--text) 60%, transparent);--soft:color-mix(in srgb, var(--text) 16%, transparent);--accent:#b68235;--accent-text:#7d5411;--accent-soft:#fff3e4;--panel:#f8f4f4;--heading:"Cormorant Garamond", system-ui, sans-serif;--body:"Lora", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65}a{color:var(--accent-text);text-underline-offset:3px}a:hover{color:var(--accent)}::selection{background:color-mix(in srgb, var(--accent) 28%, transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding-inline:48px}.nav{z-index:20;border-bottom:1px solid var(--soft);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:28px;padding:16px 48px;display:flex;position:sticky;top:0}.brand{color:inherit;font-family:var(--heading);margin-right:auto;font-size:20px;font-weight:600;text-decoration:none}.nav a:not(.brand){color:inherit;font-size:14px;text-decoration:none}.hero{text-align:center;padding:104px 48px 86px}.kicker{color:color-mix(in srgb, var(--text) 52%, transparent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.18em;text-transform:uppercase;margin-bottom:26px;font-size:11px}h1,h2,h3{font-family:var(--heading);letter-spacing:0;margin:0;font-weight:400}h1{max-width:820px;margin:0 auto 24px;font-size:66px;line-height:1.04}em{color:var(--accent-text);font-style:italic}.lede{max-width:620px;color:color-mix(in srgb, var(--text) 78%, transparent);margin:0 auto;font-size:16px;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.section{border-top:1px solid var(--soft);padding-block:76px}.section-head{grid-template-columns:.8fr 1fr;gap:64px;margin-bottom:34px;display:grid}.section h2{font-size:40px;line-height:1.1}.section-intro{max-width:540px;color:color-mix(in srgb, var(--text) 78%, transparent);margin:0}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--soft);border-radius:4px;flex-direction:column;gap:12px;min-height:260px;padding:20px;text-decoration:none;display:flex}.card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.card-kicker{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.card h3{font-size:27px;line-height:1.08}.card p{color:color-mix(in srgb, var(--text) 78%, transparent);margin:0;font-size:13.5px}.card .meta{border-top:1px solid var(--soft);color:color-mix(in srgb, var(--text) 55%, transparent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:auto;padding-top:14px;font-size:12px}.service-card{min-height:220px}.card-cta{border:1px solid var(--soft);color:var(--accent-text);text-align:center;border-radius:4px;margin-top:auto;padding:10px 12px;font-size:12px;text-decoration:none;display:block}.card .card-cta{width:100%}.card-cta:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.model{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{border:1px solid var(--soft);background:var(--panel);border-radius:4px;padding:22px}.panel h3{margin-bottom:12px;font-size:25px}.panel p,.panel li{color:color-mix(in srgb, var(--text) 78%, transparent);font-size:13.5px}.panel ul{margin:0;padding-left:18px}.contact-layout{gap:32px;display:grid}.contact-head{margin-bottom:0}.contact-note{color:color-mix(in srgb, var(--text) 62%, transparent);margin:16px 0 0;font-size:13.5px}.contact-form{border:1px solid var(--soft);background:var(--panel);border-radius:4px;padding:24px}.apply-section{border-top:0;min-height:calc(100vh - 62px)}.apply-layout{grid-template-columns:.85fr 1fr;align-items:start;gap:42px;display:grid}.apply-layout h1{text-align:left;margin-inline:0}.apply-lede{margin-inline:0}.confirmation-panel{gap:14px;display:grid}.confirmation-panel h2{font-size:34px}.confirmation-panel p{margin:0}.showcase-hero{padding-bottom:64px}.showcase-detail{border-top:0;padding-top:70px}.showcase-title{gap:18px;max-width:760px;margin-bottom:42px;display:grid}.showcase-title h1{text-align:left;margin:0}.showcase-copy{gap:12px;max-width:660px;display:grid}.showcase-copy p{color:color-mix(in srgb, var(--text) 76%, transparent);margin:0;font-size:15px}.wetrippen-demo-shell{gap:16px;margin-top:20px;display:grid}.demo-tabs{border-bottom:1px solid var(--soft);flex-wrap:wrap;gap:8px;padding-bottom:10px;display:flex}.demo-tabs button{border-color:var(--soft);color:color-mix(in srgb, var(--text) 72%, transparent);background:0 0;padding:9px 13px;font-size:13px}.demo-tabs button.active,.demo-tabs button[aria-selected=true]{border-color:color-mix(in srgb, var(--accent-text) 62%, transparent);background:var(--accent-text);color:#fffaf3}.hidden-panel{display:none}.particle-gallery-shell{gap:16px;display:grid}.particle-form{grid-template-columns:minmax(220px,420px) auto auto;align-items:end;gap:10px;display:grid}.particle-form label{gap:7px;display:grid}.particle-form span{color:color-mix(in srgb, var(--text) 70%, transparent);font-size:12px}.button-muted{border-color:var(--soft);color:var(--accent-text);background:0 0}.button-muted:hover{background:var(--accent-soft)}.particle-gallery-canvas{border:1px solid var(--soft);background:radial-gradient(circle at 20% 24%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 28%), linear-gradient(145deg, color-mix(in srgb, #fff 54%, var(--bg)), var(--surface));border-radius:4px;width:100%;min-height:420px;display:block}.api-demo-panel{border:1px solid var(--soft);background:var(--panel);border-radius:4px;gap:18px;padding:22px;display:grid}.api-demo-panel .kicker{margin-bottom:10px}.api-demo-panel h3{font-size:32px;line-height:1.08}.api-demo-panel h4{font-family:var(--heading);margin:0 0 8px;font-size:24px;font-weight:400}.api-demo-panel p{max-width:700px;color:color-mix(in srgb, var(--text) 74%, transparent);margin:10px 0 0;font-size:13.5px}.api-demo-select{gap:7px;max-width:460px;display:grid}.api-demo-select span,.api-copy-panel span,.api-field-list span{color:color-mix(in srgb, var(--text) 62%, transparent);font-size:12px}.api-demo-grid{grid-template-columns:minmax(180px,320px) 1fr;align-items:stretch;gap:16px;display:grid}.api-photo-preview{border:1px solid var(--soft);background:color-mix(in srgb, #fff 58%, var(--panel));border-radius:4px;overflow:hidden}.api-photo-preview img{object-fit:cover;width:100%;height:100%;min-height:260px;display:block}.api-field-list{gap:10px;display:grid}.api-field-list div,.api-copy-panel,.api-action-panel,.api-next-panel{border:1px solid var(--soft);background:color-mix(in srgb, #fff 48%, var(--panel));border-radius:4px;padding:14px}.api-field-list strong{color:var(--text);white-space:pre-wrap;margin-top:4px;font-size:13px;font-weight:400;line-height:1.55;display:block}.api-copy-panel{gap:8px;display:grid}.api-copy-panel code{color:var(--accent-text);white-space:normal;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.api-action-panel{grid-template-columns:1fr auto;align-items:end;gap:16px;display:grid}.api-action-panel h4,.api-next-panel h4{margin-bottom:6px}.api-action-panel p{margin-top:0}.api-action-panel a,.api-action-row a{text-align:center;white-space:nowrap}.api-action-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.api-action-row span{color:color-mix(in srgb, var(--text) 62%, transparent);font-size:12px}.api-button-group{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.api-button-group button{min-width:142px}button:disabled{cursor:not-allowed;opacity:.58}.api-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.api-status-grid div{border:1px solid var(--soft);background:color-mix(in srgb, #fff 48%, var(--panel));border-radius:4px;padding:12px}.api-status-grid span{color:color-mix(in srgb, var(--text) 62%, transparent);font-size:11px;display:block}.api-status-grid strong{font-family:var(--heading);margin-top:3px;font-size:24px;font-weight:400;display:block}.gallery-intent-panel{border:1px solid var(--soft);background:var(--panel);border-radius:4px;grid-template-columns:1fr auto;align-items:end;gap:28px;margin-top:18px;padding:22px;display:grid}.gallery-intent-panel .kicker{margin-bottom:10px}.gallery-intent-panel h2{max-width:620px;font-size:34px;line-height:1.08}.gallery-intent-panel p{max-width:650px;color:color-mix(in srgb, var(--text) 74%, transparent);margin:12px 0 0;font-size:13.5px}.gallery-intent-actions{gap:10px;min-width:230px;display:grid}.gallery-intent-actions a{text-align:center}.showcase-closing{border-top:1px solid var(--soft);justify-content:space-between;align-items:center;gap:18px;margin-top:58px;padding-top:24px;display:flex}.showcase-closing h2{font-size:34px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid label,.consent{gap:7px;display:grid}.form-grid label.full{grid-column:1/-1}.form-grid span,.consent span{color:color-mix(in srgb, var(--text) 70%, transparent);font-size:12px}input,select,textarea{border:1px solid var(--soft);background:color-mix(in srgb, #fff 62%, var(--panel));width:100%;color:var(--text);font:inherit;border-radius:4px;padding:12px 13px;line-height:1.4}textarea{resize:vertical;min-height:142px}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--text) 38%, transparent)}.consent{grid-template-columns:18px 1fr;align-items:start;margin-top:18px}.consent input{width:16px;height:16px;margin:4px 0 0}.form-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}button{border:1px solid color-mix(in srgb, var(--accent-text) 70%, transparent);background:var(--accent-text);color:#fffaf3;cursor:pointer;font:inherit;border-radius:4px;padding:11px 16px}button:hover{background:var(--accent)}.secondary-action,.inline-action{border:1px solid var(--soft);color:var(--accent-text);border-radius:4px;padding:10px 14px;font-size:13px;text-decoration:none}.primary-action{border-color:color-mix(in srgb, var(--accent-text) 70%, transparent);background:var(--accent-text);color:#fffaf3}.primary-action:hover{background:var(--accent);color:#fffaf3}.secondary-action:hover,.inline-action:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.form-message{margin:0;font-size:13px}.form-message p{margin:0}.form-message.success{color:#2f6e47;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-message.error{color:#9e2f28}.admin-page{min-height:100vh;padding:48px}.admin-shell{max-width:1180px;margin:0 auto}.admin-header{border-bottom:1px solid var(--soft);justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;padding-bottom:20px;display:flex}.admin-header-actions{align-items:center;gap:14px;display:flex}.admin-header-actions form{margin:0}.admin-header-actions button{padding:8px 12px}.admin-header h1,.admin-shell>h1{font-size:42px;line-height:1.05}.admin-header a{font-size:13px}.admin-login{gap:16px;max-width:420px;margin-top:24px;display:grid}.admin-login label{gap:8px;display:grid}.admin-login span{color:color-mix(in srgb, var(--text) 66%, transparent);font-size:12px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.metric-grid.wide{grid-template-columns:repeat(6,1fr)}.metric,.admin-panel{border:1px solid var(--soft);background:var(--panel);border-radius:4px}.metric{gap:8px;padding:18px;display:grid}.metric span{color:color-mix(in srgb, var(--text) 62%, transparent);font-size:12px}.metric strong{font-family:var(--heading);font-size:34px;font-weight:400;line-height:1}.admin-grid{grid-template-columns:1.45fr 1fr;gap:16px;display:grid}.span-two{grid-column:1/-1}.admin-panel{padding:18px}.admin-panel h2{margin-bottom:14px;font-size:25px}.admin-list{gap:10px;display:grid}.admin-row,.bar-row{border-top:1px solid var(--soft);gap:12px;padding-top:12px;display:grid}.admin-row{grid-template-columns:1fr .8fr}.admin-row.compact{grid-template-columns:1fr auto}.admin-row div,.admin-row>span{gap:2px;display:grid}.admin-row strong{font-size:13.5px}.admin-row span,.empty,.bar-row span{color:color-mix(in srgb, var(--text) 62%, transparent);font-size:12px}.stacked-bars{gap:10px;display:grid}.bar-row{grid-template-columns:1fr auto;align-items:center}.bar-row strong{color:var(--accent-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.funnel{gap:12px;display:grid}.funnel-row{grid-template-columns:160px 1fr 48px;align-items:center;gap:14px;display:grid}.funnel-row span{color:color-mix(in srgb, var(--text) 68%, transparent);font-size:12px}.funnel-row strong{color:var(--accent-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.funnel-track{border:1px solid var(--soft);background:color-mix(in srgb, #fff 62%, var(--panel));border-radius:999px;height:10px;overflow:hidden}.funnel-track div{background:var(--accent);min-width:4px;height:100%}.panel-note{color:color-mix(in srgb, var(--text) 58%, transparent);margin:14px 0 0;font-size:12px}.admin-panel-head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.admin-panel-head .panel-note{margin-top:8px}.publisher-toolbar{grid-template-columns:1fr auto;gap:12px;margin-bottom:18px;display:grid}.publisher-toolbar label{gap:7px;display:grid}.publisher-toolbar span{color:color-mix(in srgb, var(--text) 70%, transparent);font-size:12px}.publisher-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.publisher-select-controls{border-top:1px solid var(--soft);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding-top:16px;display:flex}.publisher-select-controls button{padding:9px 12px}.publisher-select-controls span{color:color-mix(in srgb, var(--text) 60%, transparent);font-size:12px}.publisher-photo{border:1px solid var(--soft);cursor:pointer;border-radius:4px;gap:8px;padding:10px;display:grid;position:relative}.publisher-photo input{width:18px;height:18px;accent-color:var(--accent-text);position:absolute;top:12px;left:12px}.publisher-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:3px;width:100%}.publisher-photo span{color:color-mix(in srgb, var(--text) 68%, transparent);font-size:12px}.footer{border-top:1px solid var(--soft);background:var(--surface);color:color-mix(in srgb, var(--text) 65%, transparent);padding-block:24px;font-size:12px}@media (max-width:820px){.wrap,.hero,.nav{padding-inline:24px}.nav{flex-wrap:wrap}.brand{flex-basis:100%}h1{font-size:clamp(44px,13vw,64px)}.section-head,.grid,.particle-form,.api-demo-grid,.publisher-grid,.model,.apply-layout,.form-grid,.metric-grid,.admin-grid,.admin-row{grid-template-columns:1fr}.admin-page{padding:24px}.admin-header,.admin-header-actions,.admin-panel-head,.showcase-closing{flex-direction:column;align-items:start}.gallery-intent-panel{grid-template-columns:1fr;align-items:start}.api-action-panel{grid-template-columns:1fr}.api-action-panel a,.api-action-row a{width:100%}.api-action-row{flex-direction:column;align-items:stretch}.api-button-group{justify-content:stretch}.api-button-group button{width:100%}.api-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-intent-actions{width:100%}.publisher-toolbar{grid-template-columns:1fr}.particle-gallery-canvas{min-height:420px}.funnel-row{grid-template-columns:1fr}.funnel-row strong{text-align:left}.card{min-height:auto}}
