:root{--paper:#f6f3ed;--ink:#222722;--muted:#747770;--line:#dcd9d1;--green:#66795e;--orange:#d6815d;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(34,39,34,.12);position:absolute;z-index:5;top:0;left:0;width:100%}.brand{display:flex;align-items:center;gap:10px;font:600 15px var(--mono);letter-spacing:.03em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--paper);font:500 17px var(--serif);border-radius:50%}.brand-dot{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:38px;font-size:12px}.main-nav>a:not(.nav-contact){color:#555952;transition:color .2s}.main-nav>a:hover{color:var(--orange)}.nav-contact{padding:10px 15px;border:1px solid var(--ink);border-radius:2px}.nav-contact span{margin-left:10px}.menu-toggle{display:none}.section-wrap{width:min(1120px,85.4%);margin:0 auto}.hero{min-height:760px;padding-top:82px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;position:relative}.hero-copy{padding:55px 0 46px;z-index:1}.eyebrow{font:11px var(--mono);letter-spacing:.11em;color:#777a71}.status-dot{display:inline-block;width:7px;height:7px;background:#79966c;border-radius:50%;margin-right:9px;vertical-align:1px;box-shadow:0 0 0 4px rgba(121,150,108,.12)}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(64px,8vw,108px)/.99 var(--serif);letter-spacing:-.055em;margin:29px 0 27px}h1 em,h2 em{font-weight:500;color:var(--green)}.hero-period{color:var(--orange)}.hero-intro{color:#696d65;font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 17px;font-size:12px;font-weight:600;min-width:169px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark span{font-size:17px}.text-link{font-size:12px;font-weight:600}.text-link span{color:var(--orange);margin-left:7px;font-size:16px}.hero-meta{display:flex;align-items:center;gap:13px;margin-top:80px;color:#8b8d85;font:9px var(--mono);letter-spacing:.12em}.meta-line{width:45px;height:1px;background:var(--line)}.hero-visual{position:relative;height:545px;display:flex;justify-content:center;align-items:center}.photo-frame{width:71%;height:82%;background:#e5e4dc;position:relative;z-index:1;padding:12px;transform:rotate(2deg);box-shadow:0 20px 50px rgba(47,52,46,.09)}.photo-frame img{width:100%;height:100%;object-fit:cover;background:#dedfd6}.frame-index{position:absolute;bottom:23px;left:24px;color:#f7f5ef;font:9px var(--mono);letter-spacing:.12em}.orbit{position:absolute;border:1px solid #d6d7cd;border-radius:50%;width:440px;height:440px;transform:rotate(-27deg) scaleY(.55)}.orbit-two{width:515px;height:515px;transform:rotate(50deg) scaleY(.5);border-color:#e2d2c3}.floating-note{position:absolute;right:-2%;bottom:13%;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fffdf8;box-shadow:0 7px 25px #39392c14;font-size:10px;line-height:1.5;z-index:2}.floating-note strong{font-size:12px}.note-star{font-size:29px;color:var(--orange)}.vertical-label{position:absolute;right:-5%;top:28%;writing-mode:vertical-rl;color:#a0a096;font:9px var(--mono);letter-spacing:.15em}.hero-bottom{position:absolute;bottom:0;left:0;width:100%;height:53px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#93948d;font:9px var(--mono);letter-spacing:.12em}.hero-bottom b{color:var(--orange);font-size:14px;margin-left:8px}.section-pad{padding-top:113px;padding-bottom:120px}.section-heading{display:flex;align-items:center;gap:18px}.section-heading .eyebrow{margin:0;white-space:nowrap}.heading-rule{height:1px;background:var(--line);flex:1}.heading-side{font:9px var(--mono);color:#9a9b92;letter-spacing:.1em}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:65px 0 62px}.about h2,.skills h2,.journey h2,.projects h2,.contact h2{font:500 clamp(42px,5vw,63px)/1.12 var(--serif);letter-spacing:-.04em;margin:0}.about-copy{max-width:450px;color:#70736c;font-size:13px}.about-copy .lead{font:500 18px/1.65 var(--serif);color:var(--ink);margin:0 0 20px}.about-copy p{margin-bottom:15px}.underlined{display:inline-block;margin-top:13px;padding-bottom:5px;border-bottom:1px solid #aaa99f}.values-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0}.values-row div{display:flex;gap:17px;align-items:center;font:12px var(--mono)}.value-number{color:var(--orange);font-size:10px}.skills{background:#e9e8df}.skills-intro{display:flex;justify-content:space-between;align-items:end;padding:60px 0 52px}.skills-intro>p{width:290px;color:#73766e;font-size:13px;margin:0 5% 3px 20px}.skill-list{border-top:1px solid #cecec4}.skill-row{min-height:83px;border-bottom:1px solid #cecec4;display:grid;grid-template-columns:70px 1fr 1fr 24px;align-items:center}.skill-count{font:10px var(--mono);color:var(--orange)}.skill-row h3{font:500 20px var(--serif);margin:0}.skill-row p{font-size:11px;color:#777a72;margin:0}.skill-arrow{font-size:19px;color:#92948c}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:67px}.journey h2{position:sticky;top:100px;align-self:start}.timeline{border-left:1px solid var(--line);padding-left:31px}.timeline-item{position:relative;padding:0 0 38px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;width:9px;height:9px;background:var(--orange);border:2px solid var(--paper);outline:1px solid var(--orange);border-radius:50%;left:-36px;top:5px}.timeline-meta{display:flex;gap:16px;color:#999a91;font:9px var(--mono);letter-spacing:.08em}.timeline-item h3{font:500 21px var(--serif);margin:11px 0 5px}.timeline-item p{font-size:12px;color:#777a72;max-width:370px;margin:0}.projects{background:#eeece5}.projects-top{display:flex;justify-content:space-between;align-items:end;padding:60px 0 45px}.projects-top>p{max-width:280px;color:#73766e;font-size:13px;margin:0 4% 4px 20px}.project-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:22px}.project-art{height:300px;position:relative;overflow:hidden;display:grid;place-items:center}.art-profile{background:#bac4b1}.art-label{position:absolute;left:20px;top:17px;font:9px var(--mono);letter-spacing:.1em;color:#5c6856}.mini-browser{width:54%;height:73%;background:#f7f5ef;box-shadow:0 18px 35px #3f49392a;transform:rotate(-3deg)}.browser-bar{height:22px;background:#eeeae1;display:flex;gap:4px;padding:8px}.browser-bar i{width:4px;height:4px;background:#c8c5bc;border-radius:50%}.browser-content{padding:23px 25px}.mini-kicker{display:block;font:7px var(--mono);color:#888b80;letter-spacing:.1em}.browser-content b{display:block;font:500 30px/1.02 var(--serif);margin-top:15px}.browser-content em{color:var(--green)}.mini-pill{width:47px;height:9px;background:var(--ink);margin-top:18px}.art-spark{position:absolute;font-size:44px;right:13%;bottom:15%;color:#f3eee1}.art-notes{background:#d9c6b6}.art-notes .art-label{color:#806f62}.note-card{width:58%;height:68%;background:#f6f0e6;transform:rotate(4deg);padding:26px 28px;box-shadow:0 16px 30px #4a3c3124}.note-card>span{font:7px var(--mono);letter-spacing:.1em;color:#989082}.note-card b{display:block;font:500 27px/1.13 var(--serif);margin-top:17px}.note-card em{color:#a77d66}.note-lines{height:35px;margin-top:15px;background:repeating-linear-gradient(to bottom,transparent 0 9px,#ded9ce 10px)}.art-circle{position:absolute;right:14%;bottom:12%;width:48px;height:48px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;font:24px var(--serif)}.project-info{position:relative;display:grid;grid-template-columns:1fr 25px;margin-top:18px}.project-type{font:9px var(--mono);letter-spacing:.09em;color:#8a8b82}.project-info h3{font:500 22px var(--serif);margin:5px 0 0}.project-link{color:var(--orange);font-size:19px}.project-info p{grid-column:1/3;margin:8px 0 0;color:#777970;font-size:11px;max-width:440px}.contact{position:relative;overflow:hidden}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;padding:66px 0 20px}.contact-kicker{margin-bottom:18px}.contact h2{font-size:clamp(48px,6vw,74px)}.contact-side{max-width:390px;padding-bottom:7px;z-index:1}.contact-side>p{font:500 16px/1.7 var(--serif);color:#6e7169;margin-bottom:24px}.button-accent{background:var(--orange);color:white}.contact-location{display:block;margin-top:24px;color:#96978e;font:8px var(--mono);letter-spacing:.1em}.contact-location .status-dot{width:6px;height:6px}.contact-stamp{position:absolute;right:8%;top:41%;width:112px;height:112px;border:1px solid #e3b9a7;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:10px/1.2 var(--mono);letter-spacing:.12em;color:#c17c60;transform:rotate(12deg)}.contact-stamp span{font-size:18px;margin-top:4px}.site-footer{min-height:78px;border-top:1px solid var(--line);padding:0 7.3%;display:flex;justify-content:space-between;align-items:center;color:#8d8e85;font:8px var(--mono);letter-spacing:.09em}.footer-brand{color:var(--ink);font-size:13px;letter-spacing:0}.footer-brand .brand-mark{width:27px;height:27px;font-size:14px}.back-top{color:#555952;transition:color .2s}.back-top:hover{color:var(--orange)}
@media(max-width:800px){.section-wrap{width:88%}.site-header{padding:0 6%;height:70px}.main-nav{gap:20px}.hero{min-height:690px;grid-template-columns:1fr .85fr}.hero-visual{height:450px}.photo-frame{width:83%;height:74%}.orbit{width:350px;height:350px}.orbit-two{width:420px;height:420px}.floating-note{right:-4%;bottom:11%}.vertical-label{right:-6%}.about-grid{gap:7%}.contact-stamp{right:1%}.project-art{height:250px}}
@media(max-width:600px){html{scroll-padding-top:68px}.site-header{position:absolute;height:68px}.menu-toggle{display:flex;width:38px;height:38px;border:1px solid var(--line);background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:8}.menu-toggle span{width:15px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:67px;left:0;width:100%;padding:22px 6% 28px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:12px 0;border-bottom:1px solid #e5e2da}.main-nav .nav-contact{margin-top:13px;padding:10px 13px;border:1px solid var(--ink)}.section-wrap{width:88%}.hero{padding-top:100px;min-height:auto;display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:49px 0 10px}.eyebrow{font-size:9px}h1{font-size:70px;margin:22px 0}.hero-intro{font-size:14px}.hero-actions{gap:18px;margin-top:25px}.button{min-width:152px;padding:12px;font-size:11px;gap:16px}.text-link{font-size:11px}.hero-meta{margin-top:35px}.hero-visual{height:365px;margin:0 -4% 35px}.photo-frame{width:63%;height:87%}.orbit{width:330px;height:330px}.orbit-two{width:390px;height:390px}.floating-note{right:0;bottom:4%;padding:10px 12px}.vertical-label{right:1%;top:20%}.hero-bottom{position:relative;height:48px;font-size:7px}.hero-bottom span:nth-child(2){display:none}.section-pad{padding-top:78px;padding-bottom:82px}.about-grid{grid-template-columns:1fr;gap:29px;padding:43px 0}.about h2,.skills h2,.journey h2,.projects h2{font-size:46px}.about-copy .lead{font-size:17px}.values-row{grid-template-columns:1fr;gap:14px;padding:18px 0}.values-row div{font-size:11px}.heading-side{display:none}.skills-intro{padding:43px 0 32px;display:block}.skills-intro>p{width:auto;margin:21px 0 0}.skill-row{grid-template-columns:34px 1fr 20px;min-height:77px}.skill-row h3{font-size:17px}.skill-row p{grid-column:2;grid-row:2;font-size:10px;margin-top:-17px;padding-bottom:8px}.skill-arrow{grid-column:3;grid-row:1/3}.journey-grid{grid-template-columns:1fr;gap:42px;padding-top:45px}.journey h2{position:static}.timeline-item h3{font-size:19px}.projects-top{display:block;padding:43px 0 32px}.projects-top>p{margin:19px 0 0}.project-grid{grid-template-columns:1fr;gap:31px}.project-art{height:250px}.contact-content{grid-template-columns:1fr;gap:28px;padding:45px 0 10px}.contact h2{font-size:55px}.contact-side{max-width:100%}.contact-stamp{width:76px;height:76px;top:35%;right:3%;font-size:8px}.contact-stamp span{font-size:14px}.site-footer{padding:17px 6%;min-height:72px;gap:10px;flex-wrap:wrap}.site-footer>span{order:3;width:100%;text-align:center;font-size:7px}.footer-brand{font-size:11px}.back-top{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.contact-actions{display:flex;flex-wrap:wrap;gap:10px}.button-outline{border:1px solid var(--ink);color:var(--ink)}.contact-facebook{display:inline-block;margin-top:14px;font-size:11px;font-weight:600;color:#62675e}.contact-facebook:hover{color:var(--orange)}

.contact-stamp{display:none!important}

.brand-logo{display:block;width:44px;height:44px;object-fit:contain;border-radius:50%}.footer-brand .brand-logo{width:36px;height:36px}

.photo-change{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.photo-change img{display:block;width:100%;height:100%;object-fit:cover;background:#dedfd6}.photo-hint{position:absolute;right:12px;bottom:12px;padding:7px 9px;background:#222722d9;color:#fff;font:8px var(--mono);letter-spacing:.1em;opacity:0;transition:opacity .2s}.photo-change:hover .photo-hint,.photo-change:focus-visible .photo-hint{opacity:1}.photo-change:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.photo-upload{display:none}.photo-frame{overflow:hidden}

.project-art .project-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}