:root{--paper:#f7f7f2;--ink:#262c28;--muted:#70756c;--line:#dddfd5;--gold:#d6ac39;--ease:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #967215;outline-offset:6px}button:active,.button:active{transform:scale(.98)}.wrap{max-width:1240px;width:calc(100% - 112px);margin:auto}.site-header{max-width:1360px;width:calc(100% - 112px);margin:auto;height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-weight:650;font-size:30px;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:9px}.brand-mark{color:var(--gold);font-size:33px;letter-spacing:0}.brand-dot{color:#c7a13c;margin-left:-7px}nav{display:flex;gap:35px;font-size:12px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:1px;background:var(--gold);transition:width .25s var(--ease)}nav a:hover:after,nav a.active:after{width:100%}.nav-contact{font-size:12px;border-bottom:1px solid #92978d;padding-bottom:5px}.nav-contact span{padding-left:20px}.hero{padding-top:69px;display:grid;grid-template-columns:1.13fr 1fr;column-gap:58px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:500;display:flex;align-items:center;gap:12px}.small-line{display:inline-block;width:30px;height:1px;background:var(--gold)}h1{font-size:clamp(54px,5.5vw,78px);line-height:1.23;letter-spacing:-4px;font-weight:450;margin:27px 0 25px;position:relative}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#9c7c29;letter-spacing:-.045em}h1 em{white-space:nowrap}h1 .title-star{display:inline-block;font-size:29px;vertical-align:top;margin:12px 0 0 12px;color:var(--gold);font-weight:400}.hero-description{color:var(--muted);font-weight:300;max-width:410px;font-size:14px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:31px}.button{border:0;padding:14px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:11px;border-radius:3px;transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.button.dark{background:var(--ink);color:#fff}.button:hover{background:#404b3e;box-shadow:0 5px 15px #262c2815;transform:translateY(-2px)}.button span{font-size:17px}.text-link{font-size:11px}.text-link span{margin-left:12px}.hero-foot{margin-top:39px;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;background:#7d8a6f;border-radius:50%}.hero-art{height:490px;position:relative;background:radial-gradient(ellipse at 50% 40%,#f1edda 0%,#eceee4 67%,#e6e9df 100%);border:1px solid #e1e3d6;border-radius:140px 3px 3px 3px;align-self:center;margin-top:15px;isolation:isolate}.art-grid{position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:.43;background-image:linear-gradient(#cdd0c140 1px,transparent 1px),linear-gradient(90deg,#cdd0c140 1px,transparent 1px);background-size:35px 35px}.art-heading{position:absolute;top:35px;left:62px;right:28px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#777e6e}.orbit{border:1px solid #c5cabb80;position:absolute;left:50%;top:42%;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-one{width:300px;height:300px}.orbit-two{width:365px;height:230px;transform:translate(-50%,-50%) rotate(-35deg)}.flower{width:270px;height:270px;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-12deg);filter:drop-shadow(12px 19px 18px #94772e14)}.flower>span{width:100px;height:145px;position:absolute;bottom:50%;left:calc(50% - 50px);transform-origin:50% 100%;border-radius:65% 50% 38% 46%;background:linear-gradient(105deg,#f2d96b99,#d6a72eaa 60%,#c7962370);box-shadow:inset -8px 5px 18px #fcf3ae80,inset 1px -4px 8px #a97f1b30;transform:rotate(calc(var(--n)*60deg));border:1px solid #e6c45680}.flower>span:nth-child(1){--n:0}.flower>span:nth-child(2){--n:1}.flower>span:nth-child(3){--n:2}.flower>span:nth-child(4){--n:3}.flower>span:nth-child(5){--n:4}.flower>span:nth-child(6){--n:5}.flower-center{width:37px;height:37px;position:absolute;left:calc(50% - 18.5px);top:calc(50% - 18.5px);border-radius:50%;background:radial-gradient(#eed580,#b58a28);box-shadow:0 0 25px #b58a2825}.coordinate{position:absolute;font-size:8px;letter-spacing:1px;color:#8b917f}.c-one{top:47%;left:17px;writing-mode:vertical-rl}.c-two{top:47%;right:15px;writing-mode:vertical-rl}.art-caption{position:absolute;left:35px;bottom:66px;font-size:23px;font-weight:300;line-height:1.45;letter-spacing:-.6px;z-index:1}.art-caption em{color:#7f866f;font-size:25px}.art-bottom{position:absolute;bottom:23px;left:35px;right:27px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#7b826f}.art-graph{position:absolute;width:78%;right:-5px;bottom:72px;opacity:.37;z-index:-1}.floating-note{position:absolute;right:-26px;bottom:110px;display:flex;align-items:center;gap:12px;background:#fafbf5e8;border:1px solid #ffffffb3;backdrop-filter:blur(10px);box-shadow:0 12px 30px #3a412711;padding:15px 20px;font-size:10px;border-radius:4px;transform:rotate(-4deg)}.note-symbol{color:#9a7e32;font-size:25px}.floating-note small{font-size:8px;display:block;color:var(--muted)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin:50px 0 31px;font-size:8px;letter-spacing:1.5px;color:#8b8e82}.scroll-arrow{margin-left:20px;font-size:17px}.discipline-strip{border-block:1px solid var(--line);position:relative;z-index:1;background:#efefe7aa}.discipline-strip .wrap{display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:9px;letter-spacing:1.4px;color:#747a6c}.discipline-strip b{font-size:20px;font-weight:400;color:#b9a25f}.section{padding-top:91px;padding-bottom:5px;position:relative;z-index:1}.section-label{display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:1.6px;color:#6a7164}.label-line{height:1px;background:var(--line);flex:1}.section-meta{font-size:8px;color:#8b9084}.about-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px;margin-top:48px;align-items:center}.about-visual{height:350px;background:#e9ebe1;position:relative;border:1px solid #dfe2d5;border-radius:3px;overflow:hidden;display:flex;justify-content:center;align-items:center}.about-visual:before{content:'';position:absolute;width:250px;height:250px;border:1px solid #d0d4c5;border-radius:50%;left:-120px;bottom:-80px}.monogram{font-family:Georgia,serif;font-size:200px;line-height:1;color:#bac0ad;letter-spacing:-18px;position:relative;top:-12px}.monogram span{color:#c5a34b}.portrait-label{position:absolute;left:25px;top:25px;font-size:8px;letter-spacing:1.5px;line-height:1.8;color:#7b816f}.portrait-placeholder{position:absolute;bottom:19px;font-size:9px;color:#7b816f}.mini-flower{position:absolute;right:25px;bottom:40px;font-size:72px;color:#d3b250;transform:rotate(12deg)}h2{font-size:36px;line-height:1.5;letter-spacing:-1.5px;font-weight:400;margin:0 0 23px}.about-copy>p{font-size:12px;color:var(--muted);line-height:2.1;max-width:530px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.skill-tags span{padding:5px 11px;border:1px solid #dcded1;border-radius:2px;font-size:8px;color:#68705e}.personal-note{display:flex;gap:17px;border-top:1px solid var(--line);margin-top:26px;padding-top:15px;align-items:center}.personal-note>span{font-size:30px;color:var(--gold)}.personal-note p{font-family:Georgia,serif;font-size:15px;font-style:italic;color:#7f806c;line-height:1.8;margin:0;max-width:410px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 30px}.section-intro h2{margin:0}.section-intro p{font-size:11px;color:var(--muted);margin:0 0 5px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{text-align:left;background:none;border:0;padding:0;transition:transform .35s var(--ease)}.project-card:hover{transform:translateY(-7px)}.project-card:hover h3>span{transform:translate(3px,-3px)}.project-image{height:230px;padding:20px;position:relative;border-radius:3px;overflow:hidden}.macro{background:#e7ebdf}.consumer{background:#f0ead8}.finance{background:#e4e9e8}.chart-top,.chart-footer{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#77806d}.chart-top{align-items:center}.chart-top>span:last-child{font-size:16px}.chart-footer{position:absolute;bottom:18px;left:20px;right:20px;font-size:6px;letter-spacing:.7px}.project-image svg{width:100%;height:155px;margin-top:6px}.bar-chart{height:125px;display:flex;gap:10px;align-items:flex-end;margin:24px 16px 0;border-bottom:1px solid #c8bea3}.bar-chart i{height:var(--h);flex:1;background:#c4b27b;border-radius:2px 2px 0 0}.bar-chart i:nth-child(2n){background:#d9c995}.bar-chart i:nth-child(6){background:#9d8f66}.donut{width:146px;height:146px;margin:5px auto;background:conic-gradient(#6e8780 0 40%,#c3ab62 40% 67%,#bccbc5 67% 86%,#d3dbd5 86%);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-35deg)}.donut>div{background:#e4e9e8;border-radius:50%;width:106px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(35deg);font-size:11px;letter-spacing:2px;color:#61766d}.donut span{font-family:Georgia,serif;font-style:italic;font-size:10px;letter-spacing:0;color:#7c8a80}.project-tags{display:flex;justify-content:space-between;color:#7c8275;font-size:7px;letter-spacing:.8px;margin-top:21px}.project-tags span{color:#929686}h3{font-size:20px;font-weight:450;letter-spacing:-.7px;margin:9px 0 6px;line-height:1.5}.project-card h3{display:flex;justify-content:space-between;align-items:center}.project-card h3>span{font-size:20px;font-weight:300;transition:transform .25s var(--ease)}.project-card>p{font-size:10px;color:var(--muted);margin:0}.demo-note{margin-top:28px;font-size:9px;color:#8d9184;display:flex;gap:8px;align-items:center}.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin-top:45px}.journey-description{font-size:12px;max-width:320px;color:var(--muted)}.journey-flower{display:block;font-size:85px;color:#e0c87e;margin:25px 0 0 60px;line-height:1.2}.timeline{padding:0 0 0 25px;border-left:1px solid #d6dacd;margin:6px 0 0}.timeline article{position:relative;margin:0 0 28px;padding-left:14px}.timeline article:last-child{margin-bottom:5px}.timeline-dot{width:7px;height:7px;background:var(--paper);border:1px solid #b59b55;border-radius:50%;position:absolute;left:-29px;top:4px}.timeline article:first-child .timeline-dot{background:#c9aa53}.timeline-category{font-size:8px;letter-spacing:1px;color:#919581}.timeline h3{font-size:17px;margin-top:6px}.timeline p{font-size:10px;max-width:350px;color:var(--muted);margin:8px 0 0}.contact{margin-top:100px;background:#eeeee4;border-top:1px solid #e2e3d5;position:relative;z-index:1;overflow:hidden}.contact:before{content:'';position:absolute;width:400px;height:400px;border:1px solid #dcdfcf;border-radius:50%;right:-150px;top:-90px}.contact-inner{padding-block:52px}.contact .eyebrow{font-size:8px;color:#848a75;margin-bottom:21px}.contact h2{font-size:55px;line-height:1.35;margin-bottom:25px;letter-spacing:-2px;position:relative;display:inline-block}.contact h2>span{position:absolute;right:-95px;top:15px;color:#cfae49;font-size:65px}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between}.contact-bottom p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.contact .button{min-width:180px}footer{display:flex;align-items:center;justify-content:space-between;padding-block:25px 70px;position:relative;z-index:1}footer .brand{font-size:23px}footer>span,footer>a:last-child{font-size:8px;color:#8b8e81}.preview-tools{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#fafbf7ee;backdrop-filter:blur(14px);border:1px solid #dddccd;border-radius:30px;padding:7px 7px 7px 14px;box-shadow:0 4px 20px #232b2310;z-index:10;font-size:9px;gap:16px;white-space:nowrap}.preview-tools>span{display:flex;align-items:center;gap:6px;color:#7b806f}.preview-tools i{width:5px;height:5px;background:#c3a34a;border-radius:50%}.preview-tools button{border:0;background:#eaece1;border-radius:20px;padding:5px 11px;font-size:9px}dialog{max-width:600px;width:calc(100% - 40px);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:45px;color:var(--ink);box-shadow:0 30px 90px #0002}dialog::backdrop{background:#20291d66;backdrop-filter:blur(6px)}dialog .eyebrow{color:#8c793f;margin-bottom:20px;font-size:9px}dialog h2{font-size:36px}dialog>p{font-size:12px;color:var(--muted)}.dialog-close{position:absolute;right:18px;top:12px;background:none;border:none;font-size:28px;font-weight:300}.dialog-details{margin-top:25px;padding-top:10px;border-top:1px solid var(--line)}.dialog-details h3{font-size:14px}.dialog-details p{font-size:11px;color:var(--muted)}.dialog-note{font-size:9px!important;padding-top:18px;color:#939581!important}.dialog-done{margin-top:13px}.contact-options{margin-top:25px;border-top:1px solid var(--line)}.contact-options>span{padding:15px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.contact-options small{font-size:10px;color:var(--muted)}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-top:85px}.hero-art{height:525px}.hero-bottom{margin-top:65px}}@media(max-width:1100px){.wrap,.site-header{width:calc(100% - 64px)}.hero{gap:30px}.hero-art{height:450px}.floating-note{right:-10px;padding:12px}h1{font-size:62px;letter-spacing:-3px}.title-star{display:none!important}.hero-actions{gap:20px}.about-layout{gap:50px}.project-grid{gap:18px}.project-image{padding:15px;height:210px}.chart-footer{left:15px;right:15px}.journey-layout{gap:60px}h2{font-size:31px}.hero-description{font-size:12px}.art-caption{font-size:20px}.orbit-two{width:320px}.flower{scale:.9}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap,.site-header{width:calc(100% - 40px)}.site-header{height:80px}.brand{font-size:25px}.brand-mark{font-size:27px}nav{gap:17px;font-size:10px}.nav-contact{display:none}.hero{padding-top:42px;grid-template-columns:1fr;gap:0}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:clamp(46px,10.8vw,70px);letter-spacing:-2.6px;margin:22px 0}h1 .title-star{display:inline-block!important;font-size:24px;margin-top:10px}.hero-description{max-width:380px;font-size:12px}.hero-actions{gap:25px;margin-top:25px}.hero-foot{margin-top:25px}.hero-art{height:420px;margin-top:40px;width:100%;max-width:490px;justify-self:center;border-top-left-radius:105px}.art-heading{left:45px}.floating-note{right:6px;bottom:105px}.hero-bottom{margin-top:25px;margin-bottom:22px;font-size:6px;letter-spacing:.6px}.discipline-strip .wrap{gap:15px;padding-block:16px;font-size:6px;letter-spacing:.6px;flex-wrap:wrap;justify-content:center}.discipline-strip b{font-size:15px}.discipline-strip span:last-child,.discipline-strip b:nth-last-child(2){display:none}.section{padding-top:55px}.section-label{font-size:8px;gap:15px}.section-meta{display:none}.about-layout{grid-template-columns:1fr;gap:30px;margin-top:29px}.about-visual{height:270px;max-width:450px;width:100%;justify-self:center}.monogram{font-size:170px}.about-copy h2{font-size:29px}.about-copy>p{font-size:11px}.personal-note p{font-size:14px}.section-intro{display:block;margin-top:25px}.section-intro h2{font-size:31px}.section-intro p{margin-top:20px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{height:250px;padding:20px}.project-image svg{height:180px}.bar-chart{height:150px;margin-top:20px;gap:16px}.donut{width:166px;height:166px;margin-top:4px}.donut>div{width:122px;height:122px}.project-tags{font-size:8px;margin-top:14px}.project-card>p{font-size:11px}.project-card h3{font-size:23px}.demo-note{align-items:flex-start;line-height:1.8;font-size:8px}.journey-layout{grid-template-columns:1fr;gap:30px;margin-top:29px}.journey h2{font-size:31px}.journey-flower{display:none}.journey-description{font-size:11px}.timeline{margin-left:4px}.timeline p{font-size:11px}.contact{margin-top:60px}.contact-inner{padding-block:38px}.contact h2{font-size:37px;letter-spacing:-1.4px}.contact h2>span{right:-36px;top:0;font-size:32px}.contact-bottom{display:block}.contact-bottom p{font-size:10px}.contact .button{margin-top:25px}footer{flex-wrap:wrap;gap:12px;padding-block:21px 80px}footer>span{font-size:7px}footer>a:last-child{font-size:8px}.petal-field i{max-width:20px}.petal-field i:nth-child(2){--x:85%}dialog{padding:35px 25px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}