﻿:root{--ink:#21332b;--muted:#68756c;--cream:#f4f1e8;--sage:#d9dfd2;--orange:#d16b44;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}a{color:inherit}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:var(--cream)}.brand{font-size:15px;letter-spacing:.18em;text-decoration:none;font-weight:800}.brand i{font-style:normal;color:var(--orange)}nav{display:flex;gap:34px}nav a,.navcta{text-decoration:none;font-size:13px}nav a:hover,a:hover{color:var(--orange)}#menu{display:none}.navcta{border-bottom:1px solid var(--ink);padding:10px 0}.hero{height:min(710px,78vw);min-height:530px;position:relative;color:white;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,35,28,.8),rgba(20,35,28,.22) 65%,transparent)}.herotext{position:absolute;left:10%;top:19%;max-width:610px}.herotext small,.intro small,.sectiontitle small,.planner small,.principles small{font-size:10px;letter-spacing:.2em;font-weight:700}.herotext h1{font:500 clamp(56px,7vw,94px)/.99 Georgia,serif;letter-spacing:-.045em;margin:24px 0}.herotext em,h2 em{font-weight:400;color:#e8b397}.herotext p{max-width:430px;line-height:1.7;color:#eee9dc}.button{display:inline-block;border:0;background:var(--orange);color:white;text-decoration:none;padding:16px 23px;font-size:13px;font-weight:700;cursor:pointer;margin-top:16px}.button:hover{background:#a94e31;color:white}.credit{position:absolute;bottom:18px;right:24px;font-size:10px;color:#eee}.intro,.principles{padding:110px 12%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.intro h2,.sectiontitle h2,.planner h2,.principles h2{font:500 clamp(38px,5vw,60px)/1.06 Georgia,serif;letter-spacing:-.035em}.intro h2 em,.planner h2 em,.principles h2 em{color:var(--orange)}.intro p,.planner p,.principles p{color:var(--muted);line-height:1.8}.guides{padding:90px 9%;background:var(--sage)}.sectiontitle{text-align:center;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:var(--white);padding:30px;min-height:265px}.cards b{font-size:10px;letter-spacing:.16em;color:var(--orange)}.cards h3,.principles h3{font:500 23px/1.2 Georgia,serif}.cards p{line-height:1.65;color:var(--muted);font-size:14px}.cards a{font-size:13px}.planner{padding:100px 12%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--white)}form{padding:34px;background:var(--cream)}label{display:block;font-size:12px;font-weight:700;margin-bottom:20px}input,select{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #c4c9bf;background:white;color:var(--ink);font:inherit}.dark{background:var(--ink)}#result{margin-top:24px;padding:20px;background:var(--sage);line-height:1.6}#result ul{padding-left:20px}.note{font-size:12px;border-left:2px solid var(--orange);padding-left:14px}.principles{background:#e9e4d8}.principles h3{font-size:19px;margin:22px 0 5px}.principles p{margin-top:4px}footer{padding:55px 9%;background:var(--ink);color:#e9e8de}footer p{font-size:12px;color:#c1c8bd;max-width:800px;line-height:1.6}footer small{font-size:10px;color:#9fa99f}@media(max-width:760px){header{height:70px;padding:0 6%}#menu{display:block;border:0;background:none;font:inherit;color:var(--ink)}nav{display:none;position:absolute;z-index:3;top:70px;left:0;right:0;background:var(--cream);padding:22px 6%;flex-direction:column;gap:18px}nav.open{display:flex}.navcta{display:none}.hero{min-height:580px;height:82vh}.hero img{object-position:58% center}.herotext{left:7%;right:7%;top:21%}.herotext h1{font-size:62px}.intro,.principles,.planner{padding:72px 7%;grid-template-columns:1fr;gap:24px}.guides{padding:72px 7%}.cards{grid-template-columns:1fr}.cards article{min-height:auto}.sectiontitle{text-align:left}form{padding:24px}}
