@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#183248;--paper:#faf9f5;--muted:#586875;--accent:#a85d39;--line:#d8dedf;--blue:#eaf0f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{max-width:1280px;margin:auto;padding-left:6%;padding-right:6%}.header{max-width:1280px;margin:auto;height:110px;padding:0 6%;display:flex;justify-content:space-between;align-items:center}.brand{font:500 38px 'Playfair Display',Georgia,serif;letter-spacing:-1.7px}.brand span{color:var(--accent)}nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:500}nav a:hover{color:var(--accent)}.nav-pill{border:1px solid #b6c0c6;border-radius:50px;padding:13px 21px}.nav-pill span{margin-left:20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;padding-top:65px;padding-bottom:95px}.eyebrow{font:600 11px Manrope,Arial,sans-serif;letter-spacing:2.3px;margin:0 0 25px}.hero h1{font:400 clamp(55px,5.5vw,77px)/1.13 'Playfair Display',Georgia,serif;letter-spacing:-2.3px;margin:0 0 25px}.hero h1 em{display:block}em{font-weight:400;color:var(--accent)}.lead{font-size:17px;line-height:1.85;max-width:405px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-radius:40px;background:var(--ink);color:white;padding:17px 25px;font-size:14px;font-weight:500;margin-top:16px;transition:background .2s,transform .2s}.button:hover{background:#2b4c65;transform:translateY(-2px)}.hello{display:flex;align-items:center;gap:15px;margin-top:37px}.small-line{width:35px;height:1px;background:#a1adb5}.hello p{font-size:13px;color:var(--muted)}.hero-portrait{margin:0;position:relative;padding-bottom:22px}.picture{aspect-ratio:1;border-radius:180px 180px 8px 8px;overflow:hidden;background:#183248;box-shadow:16px 18px 0 #e6ecee}.picture img{width:100%;height:100%;object-fit:cover;display:block}figcaption{display:flex;justify-content:space-between;align-items:center;margin-top:29px;font-size:12px;line-height:1.65;color:var(--muted)}.signature{font:italic 500 36px 'Playfair Display',Georgia,serif;color:var(--ink);transform:rotate(-7deg)}.photo-note{position:absolute;right:-27px;top:10%;writing-mode:vertical-rl;letter-spacing:2px;font-size:9px;color:var(--muted)}.intro{padding-top:70px;padding-bottom:90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:45px}.section-label{display:flex;align-items:center;gap:12px;height:40px;font-size:11px;letter-spacing:1.5px}.section-label>span{color:var(--accent);font-size:12px}.section-label p{margin:0}h2{font:400 clamp(32px,3.5vw,47px)/1.25 'Playfair Display',Georgia,serif;letter-spacing:-1.2px;margin:0}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:24px}.intro-columns p{font-size:16px;line-height:1.9;color:var(--muted)}.values{background:var(--ink);color:#f4f6f7;padding:75px 0 80px}.values-head{display:flex;justify-content:space-between;align-items:end;gap:35px}.values .eyebrow{color:#b6c8d4}.values h2 em{color:#d9ae8b}.values-head>p{font-size:14px;line-height:1.9;color:#c0cbd3;margin:0 0 5px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;gap:42px}.value-grid article{border-top:1px solid #567083;padding-top:24px}.value-number{font:italic 30px 'Playfair Display',Georgia,serif;color:#d9ae8b}h3{font:400 29px 'Playfair Display',Georgia,serif;margin:24px 0 13px}.value-grid p{font-size:15px;line-height:1.9;color:#c0cbd3;max-width:280px}.quote{padding-top:75px;padding-bottom:85px;text-align:center}.quote-mark{font:90px/1 'Playfair Display',Georgia,serif;color:var(--accent);display:block;height:73px}.quote h2{font-size:clamp(35px,4.2vw,56px);line-height:1.3}.quote p{font-size:10px;letter-spacing:2.5px;color:var(--muted);margin-top:29px}.journal{background:var(--blue);border-radius:10px;padding-top:40px;padding-bottom:45px;max-width:1125px}.journal-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.journal-top .eyebrow{margin:0}.coming{font-size:10px;letter-spacing:1.4px;border:1px solid #a8b8c2;border-radius:30px;padding:8px 13px}.journal-body{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:start}.journal h2{font-size:35px}.journal h2 em{color:#587489}.journal p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:0}.journal p:last-child{margin-bottom:0}.journal strong{font-weight:500;color:var(--ink)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:55px;padding-bottom:40px}footer p{font-size:12px;color:var(--muted)}.back-top{font-size:12px}.back-top:hover{color:var(--accent)}@media(min-width:1280px){.wrap,.header{padding-left:76px;padding-right:76px}.journal{padding-left:48px;padding-right:48px}}@media(max-width:800px){.header{height:90px}.brand{font-size:32px}nav{gap:20px}nav>a:nth-child(2){display:none}.hero{gap:30px;padding-top:35px;padding-bottom:65px}.hero h1{font-size:50px}.lead{font-size:16px}.photo-note{right:-19px}.intro{grid-template-columns:1fr;gap:22px;padding-top:45px;padding-bottom:55px}.values-head{align-items:start;flex-direction:column}.value-grid{gap:25px}.journal{margin:0 5%}.journal-body{gap:25px}.journal h2{font-size:29px}}@media(max-width:580px){.header{height:82px}nav{gap:15px}nav>a:first-child{display:none}.nav-pill{font-size:12px;padding:10px 14px}.nav-pill span{margin-left:10px}.hero{grid-template-columns:1fr;gap:38px;padding-top:27px}.hero h1{font-size:clamp(49px,12vw,66px)}.hero-text{max-width:420px}.lead{max-width:none}.hello{margin-top:18px}.hero-portrait{max-width:410px;justify-self:center;width:100%;padding-right:13px}.picture{border-radius:145px 145px 8px 8px;box-shadow:10px 12px 0 #e6ecee}.photo-note{right:-6px}.intro-columns{grid-template-columns:1fr;gap:0;margin-top:17px}.intro-columns p{margin:10px 0}.values{padding:55px 0}.values-head{gap:23px}.value-grid{grid-template-columns:1fr;margin-top:30px;gap:22px}.value-grid article{display:grid;grid-template-columns:40px 1fr;column-gap:13px;padding-top:20px}.value-number{grid-row:1/3}h3{margin:0 0 8px;font-size:27px}.value-grid p{max-width:none;margin:0}.quote{padding-top:52px;padding-bottom:55px}.quote h2{font-size:35px}.journal{padding:29px 7%}.journal-top{align-items:start;flex-direction:column;gap:17px}.journal-top .eyebrow{line-height:1.7}.journal-body{grid-template-columns:1fr;gap:20px}.journal h2{font-size:31px}footer{flex-wrap:wrap;padding-top:35px;gap:20px}footer p{order:3;width:100%;margin:0;font-size:12px}.back-top{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* A centered personal portrait and a letter-like reading rhythm. */
.hero{display:block;text-align:center;padding-top:35px;padding-bottom:85px}.hero>.eyebrow{margin-bottom:4px}.hero h1{font-size:clamp(90px,13vw,170px);line-height:1.05;letter-spacing:-7px;margin:0 0 30px}.hero h1 span{color:var(--accent)}.portrait-stage{display:grid;grid-template-columns:1fr minmax(250px,460px) 1fr;align-items:center;gap:32px}.hero-portrait{padding:0;width:100%;max-width:none}.picture{border-radius:50%;box-shadow:none;border:10px solid white;outline:1px solid #d8dedf}.picture img{object-fit:cover}.hero figcaption{display:block;font-size:10px;letter-spacing:2px;margin-top:23px}.side-note{font:italic 20px/1.7 'Playfair Display',Georgia,serif;color:var(--muted)}.left-note{transform:rotate(-7deg)}.right-note{transform:rotate(7deg)}.hero .lead{max-width:650px;margin:30px auto 0;font-size:20px}.hero .button{margin-top:24px}.intro{display:block;max-width:850px;text-align:center;padding-top:55px;padding-bottom:75px}.section-label{justify-content:center;margin-bottom:20px}.intro-columns{display:block;max-width:620px;margin:26px auto 0}.intro-columns p{font-size:18px}.values{background:#eaf0f3;color:var(--ink);margin:0 4%;border-radius:220px 220px 20px 20px;padding:85px 0}.values>.wrap{max-width:1000px}.values-head{display:block;text-align:center}.values .eyebrow{color:var(--muted)}.values h2 em{color:var(--accent)}.values-head>p{color:var(--muted);margin-top:25px}.value-grid{display:block;margin-top:45px}.value-grid article{display:grid;grid-template-columns:50px 190px 1fr;gap:25px;align-items:start;border-top:1px solid #c0ccd4;padding:26px 0}.value-grid article:last-child{border-bottom:1px solid #c0ccd4}.value-number{color:var(--accent);grid-row:auto}.value-grid h3{margin:0}.value-grid p{max-width:none;margin:0;color:var(--muted);font-size:16px}.journal{background:none;margin:75px auto;border-radius:0;max-width:800px;padding:0 6%}.journal-top{justify-content:center;flex-wrap:wrap}.journal-body{display:block;text-align:center}.journal h2{font-size:40px}.journal-body>div{max-width:510px;margin:25px auto 0}.contact-section{max-width:980px;padding-top:65px;padding-bottom:70px;border-top:1px solid var(--line);text-align:center}.contact-intro{line-height:1.8;color:var(--muted);max-width:530px;margin:22px auto 35px}#contact-form{max-width:690px;margin:auto;text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}#contact-form label{display:grid;gap:10px;font-size:14px;margin-bottom:23px}input,textarea{width:100%;padding:14px;border:1px solid #b9c6cd;border-radius:8px;background:white;font:inherit;color:var(--ink)}textarea{min-height:150px;resize:vertical}#contact-form .consent{display:flex;align-items:start;line-height:1.6;font-size:13px}.consent input{width:18px;height:18px;flex-shrink:0;margin:2px 4px 0 0}button.button{border:0;font:inherit;cursor:pointer;margin-top:0}button:disabled{opacity:.5;cursor:not-allowed}#form-status{line-height:1.6;font-size:14px;color:var(--muted)}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:800px){.portrait-stage{grid-template-columns:1fr minmax(220px,340px) 1fr;gap:12px}.side-note{font-size:16px}.value-grid article{grid-template-columns:35px 150px 1fr;gap:15px}.values{border-radius:120px 120px 15px 15px}}@media(max-width:580px){.hero h1{font-size:100px;letter-spacing:-5px}.hero{padding-top:28px;padding-bottom:55px}.portrait-stage{display:block}.hero-portrait{max-width:340px;margin:auto}.side-note{display:none}.hero .lead{font-size:17px}.intro{padding-top:40px;padding-bottom:50px}.intro-columns p{font-size:16px}.values{padding:55px 0;border-radius:70px 70px 16px 16px}.value-grid article{grid-template-columns:30px 1fr;gap:10px 15px}.value-number{grid-row:1/3}.value-grid p{grid-column:2}.journal{margin:55px auto}.journal h2{font-size:32px}.contact-section{padding-top:45px}.form-row{grid-template-columns:1fr;gap:0}}

/* Lightweight, static celestial background: no images or scripts. */
body{background-color:#f7f9fc;background-image:radial-gradient(ellipse at 6% 12%,#ccdfef99,transparent 42%),radial-gradient(ellipse at 96% 32%,#e0d9ee80,transparent 40%),radial-gradient(ellipse at 12% 85%,#d5e6ed99,transparent 42%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#54759666 1px,transparent 1.7px),radial-gradient(circle,#7893ad55 .8px,transparent 1.5px),radial-gradient(circle,#ad845955 1.2px,transparent 2px);background-size:173px 211px,257px 293px,389px 347px;background-position:23px 41px,99px 131px,211px 79px;z-index:-1}
body{isolation:isolate}.portrait-stage{position:relative;isolation:isolate}.portrait-stage::before,.portrait-stage::after{content:"";position:absolute;left:50%;top:45%;width:min(76vw,700px);height:62%;border:1px solid #7294b333;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);z-index:-1;pointer-events:none}.portrait-stage::after{width:min(65vw,610px);height:110%;transform:translate(-50%,-50%) rotate(32deg);border-color:#b08c652b}.picture{box-shadow:0 0 65px #83a9cc26}.values{background:#eaf0f3e8}.contact-section{background:linear-gradient(180deg,transparent,#f7f9fccc)}
@media(max-width:580px){.portrait-stage::before{width:96%;height:66%}.portrait-stage::after{width:87%;height:110%}}
