:root{--ink:#242222;--muted:#8b8580;--cream:#f7f3ed;--peach:#e5a27d;--line:#e5ddd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Kanit,sans-serif;font-weight:300;line-height:1.7}.container{width:min(1080px,calc(100% - 40px));margin:auto}.header{position:absolute;z-index:2;top:0;width:100%}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.logo{font-size:1.5rem;font-weight:500;color:var(--ink);text-decoration:none}.logo span,h1 span{color:var(--peach)}.nav-links{display:flex;gap:30px}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--ink)}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}.hero{min-height:650px;padding:150px 0 90px;background:var(--cream)}.hero-grid{display:grid;grid-template-columns:1fr 260px;align-items:end;gap:50px}.eyebrow,.section-label,.hero-note span,.journey span{color:var(--peach);font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:10px 0 20px;font-size:clamp(4rem,10vw,8.5rem);line-height:.85;letter-spacing:-.07em;font-weight:500}.lead{max-width:480px;color:var(--muted);font-size:1.1rem}.actions{display:flex;gap:14px;margin-top:28px}.button{padding:10px 18px;text-decoration:none;border-radius:2px}.primary{background:var(--ink);color:#fff}.quiet{color:var(--ink);border:1px solid var(--line)}.hero-note{border-top:1px solid var(--ink);padding-top:15px}.hero-note span,.hero-note small{display:block;color:var(--muted);font-size:.75rem}.hero-note strong{display:block;font-size:1.15rem;margin:3px 0 14px}.section{padding:100px 0}.tinted{background:#eee5dc}.split{display:grid;grid-template-columns:190px 1fr;gap:55px}.about-copy{display:grid;grid-template-columns:220px 1fr;gap:44px}.portrait{width:220px;height:280px;overflow:hidden;background:#ddd}.portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}h2{margin:0 0 16px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;line-height:1.25}.about-copy p{color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.facts div{border-top:1px solid var(--line);padding-top:8px}.facts span{display:block;color:var(--muted);font-size:.78rem}.facts b{font-weight:400}.journey{display:grid;grid-template-columns:1fr 1fr;gap:16px}.journey article{padding:24px;background:var(--cream);border:1px solid var(--line)}.journey h2{font-size:1.25rem;margin-top:14px}.journey p{color:var(--muted);margin-bottom:0}.skill-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.skill-list>div{display:grid;grid-template-columns:35px 1fr;gap:8px;position:relative;padding:12px 0;border-bottom:1px solid var(--line)}.skill-list b{color:var(--peach);font-weight:400;font-size:.8rem}.skill-list span{font-size:1.1rem}.skill-list i{position:absolute;left:43px;bottom:0;height:2px;background:var(--peach)}.footer{padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.footer .container{display:flex;justify-content:space-between}@media(max-width:700px){.container{width:min(100% - 28px,1080px)}.nav-links{display:none;position:absolute;top:62px;left:14px;right:14px;padding:10px 16px;background:var(--cream);border:1px solid var(--line);flex-direction:column;gap:0}.nav-links.open{display:flex}.nav-links a{padding:6px 0}.menu-toggle{display:block}.hero{min-height:auto;padding:130px 0 70px}.hero-grid,.split,.about-copy,.skill-layout{grid-template-columns:1fr;gap:28px}.hero-note{max-width:260px}.portrait{width:100%;height:250px}.facts{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr}.section{padding:65px 0}.footer .container{display:block}.footer span{display:block;margin:4px 0}}