*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f2e7;color:#203a30;font:18px Outfit,Arial,sans-serif}main{width:100%;max-width:100%;overflow-x:hidden}a{color:inherit;text-underline-offset:4px}nav{display:flex;justify-content:space-between;align-items:center;gap:20px;width:90%;margin:28px auto;padding:20px 26px;border:1px solid #b3bfab;border-radius:40px}nav a{text-decoration:none}nav div{display:flex;gap:24px}.brand{font-weight:700}section,footer{padding:145px max(5%,calc((100vw - 1400px)/2));scroll-margin-top:24px}.hero{position:relative;padding:70px 5% 180px;min-height:790px}.hero h1{max-width:76rem;font-size:clamp(3rem,6.3vw,6.4rem);line-height:1.02;letter-spacing:-.065em;position:relative;z-index:2;margin:24px 0}.lead{max-width:610px;font-size:23px;line-height:1.55;position:relative;z-index:2}.hero-art{position:absolute;width:49%;right:3%;bottom:40px;max-width:710px;transform:rotate(3deg);pointer-events:none}.actions{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:3}.button,button,.file{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;background:#203a30;color:#fff;border:1px solid #203a30;border-radius:7px;font:600 16px Outfit,Arial,sans-serif;cursor:pointer;text-decoration:none;transition:transform .3s}.button:hover,button:hover{transform:translateY(-3px)}.light,.file{background:#fffaf2;color:#203a30}button:disabled{opacity:.5;cursor:default}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-bottom:48px}h2{font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 25px}h3{font-size:32px;margin-top:0}p{line-height:1.7}.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:18px}.bento article{padding:40px;background:#fffaf2;border:1px solid #b3bfab;border-radius:14px}.bento article:nth-child(2){background:#dfe9cd}.bento article:nth-child(3){background:#e0ddea}.bento article:nth-child(4){background:#edccbd}.handoff{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#203a30;color:#fffaf2}.handoff-title{align-self:start;display:flow-root}.handoff-title h2{margin-top:0}.handoff-steps details{border-top:1px solid #ffffff55;padding:24px 0}.handoff-steps summary{font-size:26px;cursor:pointer}.inline-image{display:inline-block;width:100px;height:45px;border-radius:40px;background:url(direction-study.svg) center/cover;vertical-align:middle}.marquee{background:#dfe9cd;overflow:hidden;padding:28px 0;white-space:nowrap}.marquee span{display:inline-block;font-size:32px;animation:drift 32s linear infinite}@keyframes drift{to{transform:translateX(-40%)}}#kit{background:radial-gradient(ellipse at top right,#dfe9cd,#f7f2e7 60%)}.tool{padding:34px;border:1px solid #b3bfab;border-radius:18px;background:#fffaf2;min-width:0}.project-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}.project-fields label:first-child{grid-column:1/-1}label{display:block;font-size:15px;font-weight:600}input,textarea{display:block;width:100%;padding:12px;font:17px Outfit,Arial,sans-serif;color:#203a30;background:white;border:1px solid #a8b6a2;border-radius:6px;margin-top:8px}textarea{resize:vertical}.file{display:block}.file input{font-size:12px;padding:0;border:0;margin-top:5px;background:transparent}.reference{border:1px solid #a8b6a2;border-radius:12px;padding:28px;margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reference h3,.reference>.actions,.reference>label:first-of-type{grid-column:1/-1}.reference img{max-width:100%;height:auto;max-height:300px;object-fit:contain;justify-self:start}.help{font-size:14px!important}.error{color:#a32923}.faq{max-width:1200px;margin:auto}.faq details{padding:22px 0;border-bottom:1px solid #b3bfab}.faq summary{font-size:23px;cursor:pointer}footer{background:#dfe9cd}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc583c;outline-offset:4px}@media(max-width:900px){section,footer{padding:90px 6%}nav{padding:16px;align-items:flex-start}nav div{gap:12px;flex-direction:column;font-size:14px}.hero{padding:60px 6% 80px;min-height:0}.hero h1{font-size:clamp(2.6rem,8.5vw,4.8rem)}.lead{font-size:20px}.hero-art{position:relative;width:100%;right:auto;bottom:auto;margin-top:45px}.section-heading,.handoff{grid-template-columns:1fr;gap:25px}.bento{grid-template-columns:1fr}.bento article{padding:28px}.tool{padding:20px}.project-fields,.reference{grid-template-columns:1fr}.project-fields label:first-child,.reference h3,.reference>.actions,.reference>label:first-of-type{grid-column:auto}h2{font-size:clamp(2.5rem,9vw,4rem)}.reference{padding:18px}.actions button,.actions .file{max-width:100%}.marquee span{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}*{transition:none!important}}
.horizontal{display:flex;gap:18px;margin-top:45px}.horizontal details{flex:1;padding:30px;border:1px solid #a8b6a2;border-radius:12px;background:#fffaf2;min-width:0;transition:flex .5s}.horizontal details[open]{flex:2}.horizontal summary{font-size:25px;cursor:pointer}.horizontal details:nth-child(2){background:#dfe9cd}.horizontal details:nth-child(3){background:#edccbd}@media(max-width:900px){.horizontal{flex-direction:column}}@media(prefers-reduced-motion:reduce){.horizontal details{transition:none}}
.long-guide{background:#fffcf6}.long-guide>p,.long-guide>article{max-width:950px;margin-left:auto;margin-right:auto}.long-guide>h2{max-width:1160px;margin-left:auto;margin-right:auto}.long-guide article{padding-top:105px;scroll-margin-top:30px}.long-guide h3{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.15;letter-spacing:-.04em}.long-guide h4{font-size:24px;line-height:1.4;margin-top:48px}.long-guide li{line-height:1.8;margin:18px 0}.guide-contents{width:100%;max-width:950px;border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:18px;background:#e1e5cf}.guide-contents a{text-decoration:underline}.long-guide .table-scroll{max-width:100%;overflow:auto;margin:38px 0}.long-guide table{width:100%;min-width:730px;border-collapse:collapse;font-size:16px}.long-guide caption{text-align:left;font-size:24px;margin-bottom:18px}.long-guide th,.long-guide td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid #afb6a0;overflow-wrap:anywhere}.long-guide th{background:#e1e5cf}.long-guide th:first-child,.long-guide td:first-child{min-width:140px;width:140px;word-break:normal;overflow-wrap:normal}@media(max-width:900px){.long-guide article{padding-top:72px}.guide-contents{grid-template-columns:1fr}}