@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#fafbf9;--ink:#132331;--muted:#67727a;--line:#dde2df;--blue:#1761dd;--wash:#eff2ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-left:52px;padding-right:52px}header{background:#fafbf9ed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:18px;letter-spacing:-.6px}.brand img{width:42px;height:42px;border-radius:9px}.brand-dot{color:var(--blue)}.navlinks{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500}.navlinks a:hover,.text-link:hover{color:var(--blue)}.nav-cta{border:1px solid #bfc7c5;padding:10px 18px;border-radius:50px}.nav-cta span{margin-left:18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding-top:100px;padding-bottom:100px;min-height:680px}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:var(--blue);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(40px,4.2vw,60px);font-weight:500;line-height:1.13;letter-spacing:-2.9px;margin:24px 0}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-1.7px}h2{font-size:clamp(34px,3.2vw,46px);font-weight:500;line-height:1.16;letter-spacing:-1.9px;margin-bottom:20px}.intro{font-size:17px;color:var(--muted);max-width:430px;line-height:1.8}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0 44px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 22px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--blue)}.secondary{background:white;border-color:var(--line);color:var(--ink)}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:5px}.hero-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;max-width:420px}.hero-note span{color:var(--blue);margin-right:12px}.hero-visual{position:relative;padding:22px 0 28px 10px}.window{border:1px solid #d9dedb;border-radius:10px;overflow:hidden;box-shadow:0 24px 60px #18302712;transform:rotate(-2deg);background:#fff}.window-bar{height:35px;border-bottom:1px solid #e3e7e3;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:8px;color:#8a948c}.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;background:#b8c0b8;border-radius:50%}.mini-site{background:#f0eee7;color:#3c4637;padding:24px}.mini-nav{display:flex;justify-content:space-between;font-size:6px;align-items:center}.mini-nav b{font-size:9px;letter-spacing:.5px}.mini-nav b span{font-weight:400}.mini-content{padding:38px 0 24px;width:65%;position:relative;z-index:2}.mini-eyebrow{font-size:6px;letter-spacing:1px}.mini-content h2{font-family:Georgia,serif;font-size:34px;line-height:1.1;letter-spacing:-1px;margin:14px 0}.mini-content p{font-size:8px;max-width:140px}.mini-button{background:#3f4c3a;color:white;font-size:7px;padding:10px;display:inline-block}.shape-scene{position:absolute;right:30px;top:130px;width:135px;height:230px}.arch{height:180px;width:108px;border-radius:70px 70px 0 0;background:linear-gradient(110deg,#ccc3a8,#e3d9bd);position:absolute;right:0;top:0;box-shadow:12px 15px 20px #3f4c3a20}.sphere{position:absolute;bottom:12px;left:-20px;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#9baf8d,#465a3f);z-index:2}.tile{position:absolute;bottom:0;left:-32px;width:145px;height:50px;background:linear-gradient(135deg,#cab797,#c2a78b);transform:skewY(-10deg)}.scene-caption{position:absolute;bottom:-25px;right:0;font-size:6px;letter-spacing:.5px}.mini-footer{border-top:1px solid #cdd0c2;margin-top:34px;padding-top:14px;font-size:6px;display:flex;justify-content:space-between}.floating-note{position:absolute;bottom:24px;left:-15px;background:white;border:1px solid #e4e8e2;box-shadow:0 10px 30px #1633210b;padding:14px 22px;display:flex;gap:14px;align-items:center;font-size:11px;border-radius:6px;transform:rotate(2deg)}.floating-note small{display:block;font-size:9px;color:var(--muted)}.note-icon{display:grid;place-items:center;border-radius:50%;background:#eaf1fb;color:var(--blue);width:32px;height:32px;font-size:18px}.visual-caption{position:absolute;bottom:-16px;right:15px;color:var(--muted);font-size:9px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-top:25px;padding-bottom:25px;font-size:12px;color:var(--muted)}.principles b{font-weight:500;color:var(--ink)}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:38px}.section-heading>p{max-width:310px;color:var(--muted);font-size:13px}.section-heading h2{margin-bottom:0}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.project{text-align:left;background:none;padding:0;border:0;color:var(--ink)}.preview{height:315px;padding:30px;overflow:hidden;transition:transform .35s,box-shadow .35s}.project:hover .preview{transform:translateY(-5px);box-shadow:0 12px 30px #12233110}.preview-top{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.preview-top span{font-size:8px;font-weight:400}.tutor-preview{background:#e6ecdf;color:#243b2d}.tutor-inner{display:flex;align-items:center;gap:8px;padding-top:48px}.tutor-inner small{font-size:7px;letter-spacing:1px}.tutor-inner h3{font-size:32px;font-weight:500;line-height:1.13;letter-spacing:-1.5px;margin:13px 0 20px}.tutor-inner em{font-family:Georgia,serif}.tutor-inner svg{width:43%;flex-shrink:0}.mock-button{display:inline-block;font-size:8px;border-bottom:1px solid currentColor;padding-bottom:7px}.studio-preview{background:#ece7dd;color:#4b4d3c;position:relative}.studio-preview>h3{font:36px/1.05 Georgia,serif;letter-spacing:-1px;margin:44px 0 24px;position:relative;z-index:2}.garden-art{position:absolute;right:28px;bottom:35px;width:145px;height:200px;background:#d6d9c7;border-radius:100px 100px 0 0;overflow:hidden}.garden-art i{position:absolute;width:80px;height:170px;background:#526850;border-radius:100%;transform:rotate(-30deg);left:-15px;top:90px}.garden-art i:nth-child(2){left:65px;top:55px;transform:rotate(35deg);background:#7b8d68}.garden-art i:nth-child(3){left:50px;top:130px;transform:rotate(-40deg);background:#a9b08b}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:23px}.project-info h3{font-size:19px;margin-bottom:3px;letter-spacing:-.6px}.project-info p{font-size:11px;color:var(--muted);margin:0}.round-arrow{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:18px}.project-type{font-size:9px;color:var(--muted);display:block;margin-top:13px;text-transform:uppercase;letter-spacing:1px}.services-section{background:var(--wash);padding:85px 0}.service-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.muted{color:var(--muted);max-width:340px;font-size:14px}.service-list article{display:flex;gap:20px;padding:23px 0;border-top:1px solid #ccd4cd}.service-list article:last-child{border-bottom:1px solid #ccd4cd}.service-list article>span{font-size:10px;color:var(--muted);padding-top:4px}.service-list article>span:last-child{margin-left:auto;font-size:18px}.service-list h3{font-size:18px;font-weight:600;letter-spacing:-.4px;margin-bottom:7px}.service-list p{font-size:12px;max-width:350px;color:var(--muted);margin:0}.standards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:55px 0 85px}.standards article{border-top:1px solid var(--line);padding-top:24px}.line-icon{height:40px;display:block;font-size:23px;color:var(--blue);font-family:Georgia,serif}.standards h3{font-size:15px;margin:16px 0 10px}.standards p{font-size:12px;color:var(--muted);margin:0}.process{border-top:1px solid var(--line);padding-top:32px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:32px}.process-steps article>span{font-size:11px;color:var(--blue)}.process-steps h3{font-size:16px;margin:15px 0 8px}.process-steps p{font-size:12px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:90px;padding-top:60px;padding-bottom:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-mark{font:700 110px Manrope,sans-serif;letter-spacing:-10px;position:relative;background:#edf1f6;min-height:280px;display:flex;align-items:center;justify-content:center}.about-mark span{color:var(--blue);font-size:100px;letter-spacing:-15px}.about p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:440px}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faqs details{border-top:1px solid var(--line);padding:19px 0}.faqs details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:14px;font-weight:500;padding-right:28px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;color:var(--muted);font-size:20px;top:-6px}details[open] summary:after{content:'−'}.faqs p{font-size:12px;color:var(--muted);padding-top:14px;margin-bottom:0}.contact-section{background:#edf2f8;padding:85px 0}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.contact-layout>div>p:not(.eyebrow){font-size:14px;max-width:360px;color:var(--muted)}.contact-layout .contact-handle{font-size:10px!important;margin-top:13px}.brief{background:#fff;padding:32px;border:1px solid #dce3ec;border-radius:8px}.brief h3{font-size:20px;letter-spacing:-.6px;font-weight:600;margin-bottom:22px}.brief label{display:block;font-size:11px;margin:14px 0 6px}.brief input,.brief select{width:100%;border:1px solid var(--line);background:#fafbf9;padding:12px;font-size:12px;border-radius:4px;color:var(--ink)}.brief .button{margin-top:18px;width:100%}.brief-status{font-size:10px;color:var(--muted);line-height:1.6;margin:12px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px;padding-bottom:35px}footer p,footer>span{font-size:10px;color:var(--muted);margin:0}footer .brand{font-size:15px}footer .brand img{width:32px;height:32px}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:8px}dialog{padding:0;border:1px solid var(--line);border-radius:10px;width:min(1100px,95vw);max-height:94dvh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#0d2037a8;backdrop-filter:blur(5px)}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line)}.modal-top strong{font-size:14px}.modal-top small{display:block;font-size:10px;color:var(--muted)}#close-modal{background:transparent;border:0;font-size:28px;color:var(--ink);width:44px;height:44px}#modal-content iframe{display:block;width:100%;height:75dvh;border:0}.studio-detail{padding:55px;background:#ece7dd;color:#394932;min-height:450px}.studio-detail h3{font:64px/1.1 Georgia,serif;letter-spacing:-2px;margin:45px 0 20px}.studio-detail>p{max-width:500px}.studio-details-row{display:flex;gap:40px;border-top:1px solid #bfc6b6;padding-top:25px;margin-top:40px}.studio-details-row p{font-size:12px;max-width:220px}.studio-detail .concept-note{font-size:11px;margin-top:35px;color:#61705a}
@media(min-width:1450px){.hero{gap:70px}}@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.hero{gap:22px}.mini-site{padding:20px}.mini-content h2{font-size:28px}.shape-scene{right:22px;width:105px}.arch{width:90px}.sphere{width:75px;height:75px}.mini-nav>span{display:none}.service-layout,.about{gap:45px}.contact-layout{gap:45px}.tutor-inner h3{font-size:26px}.preview{padding:23px}.garden-art{width:100px;right:20px}.studio-preview>h3{font-size:32px}.navlinks{gap:20px}.hero-note{font-size:9px}.standards{gap:20px}}@media(max-width:740px){.wrap{padding-left:23px;padding-right:23px}nav{height:72px}.brand{font-size:15px}.brand img{width:35px;height:35px}.navlinks>a:not(.nav-cta){display:none}.nav-cta{padding:8px 13px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:60px;gap:35px}.hero h1{font-size:clamp(40px,8vw,58px);letter-spacing:-2px}.intro{font-size:15px}.actions{margin:25px 0 28px;gap:20px}.hero-note{font-size:10px}.hero-visual{padding:15px 5px 28px 15px;max-width:520px;width:100%;margin:auto}.mini-site{padding:27px}.mini-content h2{font-size:34px}.shape-scene{right:35px;width:130px}.arch{width:100px}.sphere{width:90px;height:90px}.floating-note{left:0}.principles{gap:15px;align-items:center;font-size:10px;padding-top:20px;padding-bottom:20px}.principles span{max-width:95px}.principles b{display:block}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin:20px 0 0;max-width:420px}.work-grid{grid-template-columns:1fr;gap:35px}.preview{height:300px;padding:28px}.tutor-inner{justify-content:space-between}.tutor-inner h3{font-size:34px}.studio-preview>h3{font-size:40px}.garden-art{width:145px;right:40px}.services-section{padding:60px 0}.service-layout,.faq-section,.contact-layout,.about{grid-template-columns:1fr;gap:30px}.service-list h3{font-size:16px}.standards{grid-template-columns:1fr 1fr;gap:28px 23px;margin:35px 0 50px}.standards h3{font-size:14px}.process-steps{grid-template-columns:1fr 1fr;gap:20px}.about{padding-top:40px;padding-bottom:40px}.about-mark{min-height:220px;font-size:90px}.about-mark span{font-size:85px}.about h2{margin-top:15px}.faq-section{gap:15px}.contact-section{padding:60px 0}.brief{padding:25px}.contact-layout{gap:35px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}footer p{display:none}.modal-top{padding:10px 14px}.modal-top small{font-size:8px;max-width:230px}.studio-detail{padding:30px}.studio-detail h3{font-size:45px}.studio-details-row{gap:20px}.visual-caption{font-size:8px}h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.brand-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;background:#eff3f8;border-radius:12px;min-height:350px}.brand-feature img{width:min(250px,75%);border-radius:20px;box-shadow:0 20px 45px #13233118}.brand-feature p{font-size:12px;color:var(--muted);margin:25px 0 0}