@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#efe5d8;--surface:#fff9f1;--text:#261915;--muted:#70574c;--deep:#4a3128;--accent:#b5562c;--accent-deep:#6b2a1b;--pine:#1c494c;--line:#2619151f;--font-body:"Manrope", sans-serif;--font-heading:"Space Grotesk", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:500;line-height:1.65}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}*{min-width:0}body{background:radial-gradient(circle at 0 0,#b5562c29,#0000 34%),radial-gradient(circle at 100% 0,#1c494c29,#0000 28%),linear-gradient(#f9f3ea 0%,#efe5d8 100%);min-width:320px;margin:0}body::selection{background:#b5562c33}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}h1,h2,h3,strong{color:var(--text);font-family:var(--font-heading)}h1{letter-spacing:-.05em;font-size:clamp(3rem,6vw,5.4rem);line-height:.96}h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.2rem);line-height:1}h3{letter-spacing:-.03em;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.15}#root{min-height:100svh}.portfolio-shell{border:1px solid var(--line);background:linear-gradient(180deg, #fffcf6f5, #f4ebdffa), var(--surface);border-radius:34px;width:min(1220px,100% - 32px);margin:24px auto;overflow:clip;box-shadow:0 28px 100px #23181224}.site-header,.section,.site-footer{padding-inline:clamp(20px,4vw,52px)}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf3d1;border-bottom:1px solid #211c1814;justify-content:space-between;align-items:center;gap:22px;padding-block:18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--accent), var(--accent-deep));border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.3rem;display:grid;box-shadow:0 14px 30px #b5562c47}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{letter-spacing:.06em;text-transform:uppercase;font-size:1rem}.brand-copy small{color:var(--muted);font-size:.78rem}.site-nav{flex-wrap:wrap;gap:10px;display:flex}.site-nav a{color:var(--text);border-radius:999px;padding:10px 14px;text-decoration:none;transition:transform .18s,color .18s,background-color .18s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--accent-deep);background:#b5562c1f;transform:translateY(-1px)}.content{gap:0;display:grid}.section{padding-block:clamp(34px,6vw,70px)}.section-tight{padding-top:0}.section-panel{background:linear-gradient(#fff7edc7,#fffcf77a),0 0}.hero{grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);align-items:center;gap:clamp(28px,4vw,56px);display:grid}.hero-copy{gap:18px;animation:.72s both rise-in;display:grid}.hero-kicker,.section-kicker,.mini-label,.card-eyebrow,.contact-label,.section-note,.status-chip{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.hero-kicker,.section-kicker{color:var(--accent-deep);align-items:center;gap:10px;display:inline-flex}.hero-kicker:before,.section-kicker:before{content:"";background:currentColor;width:28px;height:1px}.hero h1{font-size:40px}.hero-text,.section-intro p,.feature-card p,.policy-list li,.contact-card p,.metric-card span,.metric-card small,.trust-ledger span,.site-footer small{color:var(--muted)}.hero-text{max-width:60ch;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding-inline:22px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(145deg, var(--accent), var(--accent-deep));box-shadow:0 18px 34px #b5562c38}.button-secondary{color:var(--accent-deep);background:#fff9f1c7;border-color:#1c494c29}.hero-tags{flex-wrap:wrap;gap:12px;display:flex}.hero-tags li{color:var(--pine);background:#1c494c1a;border-radius:999px;padding:10px 14px}.trust-ledger{background:#fffaf4b8;border:1px solid #1c494c1a;border-radius:24px;gap:12px;padding:18px 18px 18px 20px;display:grid}.ledger-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ledger-row strong{color:var(--pine);font-size:1rem}.hero-stage,.metric-card,.feature-card,.policy-card,.contact-card{animation:.76s both rise-in}.hero-stage{min-height:560px;animation-delay:.14s;position:relative}.orb{filter:blur(14px);opacity:.9;border-radius:50%;position:absolute}.orb-clay{background:#b5562c2e;width:180px;height:180px;top:20px;right:34px}.orb-teal{background:#1c494c29;width:230px;height:230px;bottom:50px;left:20px}.showcase-frame{z-index:2;background:linear-gradient(#ffffffeb,#fff6ece0),#fff;border:1px solid #23181217;border-radius:30px;width:min(100%,470px);margin-left:auto;padding:24px;position:relative;box-shadow:0 28px 70px #2318121f}.showcase-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.showcase-brand{align-items:center;gap:14px;display:flex}.showcase-icon{border-radius:24px;width:72px;height:72px;box-shadow:0 18px 26px #2318121f}.mini-label,.card-eyebrow,.contact-label,.section-note{color:var(--muted)}.status-chip{color:var(--accent-deep);background:#b5562c1f;border-radius:999px;padding:8px 12px}.showcase-screen{background:radial-gradient(circle at 0 0,#b5562c38,#0000 42%),linear-gradient(160deg,#fff8ef,#efe4d6);border-radius:26px;gap:18px;min-height:290px;margin-top:22px;padding:22px;display:grid;position:relative;overflow:hidden}.screen-copy{z-index:1;gap:6px;max-width:20rem;display:grid;position:relative}.showcase-screen:after{content:"";filter:blur(16px);background:#23181214;border-radius:999px;height:62px;position:absolute;inset:auto 18px 10px}.showcase-illustration{width:min(64%,290px);animation:6s ease-in-out infinite float;position:absolute;bottom:6px;right:14px}.showcase-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.showcase-note,.floating-note,.metric-card,.feature-card,.policy-card,.contact-card{border:1px solid #23181214}.showcase-note{background:#fff9f1db;border-radius:20px;padding:16px}.floating-note{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffbf6c2;border-radius:22px;width:min(260px,45%);padding:18px;position:absolute;box-shadow:0 18px 34px #2318121a}.floating-note-top{animation:6.8s ease-in-out infinite float;top:36px;left:0}.floating-note-bottom{animation:7.2s ease-in-out infinite reverse float;bottom:24px;right:10px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{background:#fffaf5c7;border-radius:24px;gap:8px;padding:22px 20px;display:grid}.metric-card strong{font-size:clamp(1.85rem,2.7vw,2.45rem);line-height:1}.metric-card small{font-size:.86rem}.section-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:clamp(24px,4vw,42px);display:grid}.section-intro{gap:14px;display:grid}.section-intro h2{max-width:14ch}.section-note{display:inline-flex}.story-grid,.feature-grid,.policy-grid,.contact-grid{gap:16px;display:grid}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid,.policy-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.policy-card,.contact-card{background:#fffaf4c7;border-radius:26px;padding:24px}.feature-card h3,.policy-card h3{margin-top:14px;margin-bottom:10px}.tone-clay{background:linear-gradient(#fff2e9f5,#fffaf5d6),#fff}.tone-teal{background:linear-gradient(#ecf7f5f5,#fafcfbd6),#fff}.tone-sand{background:linear-gradient(#fcf7eff5,#fffbf5d6),#fff}.policy-list{gap:10px;margin-top:14px;display:grid}.policy-list li{padding-left:18px;position:relative}.policy-list li:before{content:"";background:linear-gradient(145deg, var(--accent), var(--pine));border-radius:50%;width:8px;height:8px;position:absolute;top:.72em;left:0}.contact-band{color:#f7efe4;background:radial-gradient(circle at 0 0,#b5562c38,#0000 24%),linear-gradient(145deg,#173d3e,#204f52);border-radius:30px;margin:18px clamp(12px,3vw,28px) 28px;position:relative;overflow:clip}.contact-band:after{content:"";background:#f7efe414;border-radius:50%;width:360px;height:360px;position:absolute;inset:auto -12% -45% auto}.contact-band-header .section-intro h2,.contact-band-header .section-intro p,.contact-band .contact-card,.contact-band .contact-link{color:inherit}.contact-band .section-kicker,.contact-band .section-note,.contact-band .contact-label,.contact-band .contact-card p{color:#f7efe4b8}.contact-band .section-kicker:before{background:currentColor}.contact-grid{z-index:1;margin-top:28px;position:relative}.contact-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14}.contact-link{word-break:break-word;margin-block:10px 12px;font-size:1.2rem;text-decoration:none;display:inline-flex}.contact-link:hover,.contact-link:focus-visible{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}.site-footer{background:#fffbf6c7;border-top:1px solid #23181214;gap:8px;padding-block:22px 30px;display:grid}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=1080px){.hero,.section-layout{grid-template-columns:1fr}.hero h1,.section-intro h2{max-width:none}.showcase-frame{margin:0 auto}}@media (width<=860px){.portfolio-shell{border-radius:24px;width:min(100%,100% - 18px);margin:9px auto}.site-header{flex-direction:column;align-items:flex-start;position:static}.metric-grid,.story-grid,.feature-grid,.policy-grid,.contact-grid{grid-template-columns:1fr}.hero-stage{min-height:500px}.floating-note{width:min(240px,58%)}}@media (width<=620px){.portfolio-shell{border-inline:0;border-radius:0;width:100%;margin:0}.site-header,.section,.site-footer{padding-inline:18px}.hero-actions,.hero-tags{flex-direction:column;align-items:stretch}.button{width:100%}.showcase-header,.showcase-note-grid{grid-template-columns:1fr}.showcase-header{display:grid}.showcase-screen{min-height:260px}.showcase-illustration{width:min(100%,260px);margin-left:auto;position:static}.hero-stage{min-height:420px}.floating-note{width:100%;margin-top:14px;position:static}.contact-band{border-radius:0;margin-inline:0}}