@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--paper:#faf7ef;--cream:#f4efe4;--warm:#eae2d3;--green:#163e30;--green2:#285444;--gold:#9e7d42;--ink:#1b221d;--muted:#65716b;--border:#d9d1c2;--white:#fffef9;--shadow:0 22px 70px rgba(24,34,25,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,.serif{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.5rem,6.9vw,7.4rem);line-height:1.04;margin-bottom:24px}h2{font-size:clamp(2.5rem,4.6vw,5rem);line-height:1.14;margin-bottom:22px}h3{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.24}p{font-size:1rem}.subtle{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;font-weight:700;color:var(--gold)}.shell{max-width:1360px;margin:0 auto;padding:0 clamp(20px,5.4vw,88px)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:20;border-bottom:1px solid rgba(111,90,55,.14);background:rgba(250,247,239,.92)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-logo{display:block;width:54px;height:40px;object-fit:contain;flex:none}.footer .brand-logo{width:60px;height:48px;background:var(--paper);padding:5px;border-radius:4px}.brand-title{font-family:'Playfair Display',serif;font-size:2rem;letter-spacing:-.06em;line-height:1}.nav-links{display:flex;gap:28px;align-items:center;font-size:.9rem}.nav-links>a:not(.btn):hover,.textlink:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:4px;padding:13px 24px;font-weight:600;border:1px solid var(--green);background:var(--green);color:#fff;min-height:49px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px);background:#24543f}.btn.alt{background:transparent;color:var(--green)}.btn.alt:hover{background:#e8eee9}.btn.gold{background:var(--gold);border-color:var(--gold)}.menu-toggle{display:none;border:1px solid var(--border);background:transparent;padding:10px 14px;border-radius:4px}.hero{background:radial-gradient(circle at 74% 46%,#eee5d4 0%,#faf7ef 45%),var(--paper);overflow:hidden}.hero-grid{min-height:670px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px;padding-top:42px;padding-bottom:64px}.hero-copy{position:relative;z-index:3}.hero-copy p.lead{font-size:clamp(1.06rem,1.8vw,1.3rem);max-width:520px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:32px 0}.textlink{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:5px}.signed{text-transform:uppercase;letter-spacing:.25em;font-size:.72rem;margin-top:65px}.hero-art{position:relative;height:570px;isolation:isolate}.hero-art::before{content:'';position:absolute;width:65%;height:82%;border-radius:49% 49% 8% 8%;right:10%;top:1%;background:linear-gradient(140deg,#d9c8aa,#eae3d6 42%,#b2bdac);box-shadow:35px 40px 0 rgba(122,103,64,.11)}.hero-art::after{content:'';position:absolute;border:1px solid #b8a684;border-radius:50%;height:360px;width:360px;right:-95px;top:50px;opacity:.65}.screen{position:absolute;inset:12% -3% auto 2%;height:345px;border:10px solid #222825;border-bottom-width:19px;border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden;transform:rotate(-3deg);z-index:2}.screen-head{background:#fcfaf4;height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-family:Georgia,serif;font-size:1.1rem;border-bottom:1px solid #e5dfd4}.screen-head small{font:500 .62rem 'DM Sans',sans-serif;letter-spacing:.04em}.screen-hero{height:100%;padding:44px 35px;background:linear-gradient(120deg,rgba(16,56,43,.93),rgba(16,56,43,.4)),radial-gradient(circle at 84% 23%,#d8c99a,transparent 44%),#6a8271;color:#fff}.screen-hero strong{display:block;font:400 2.55rem/1.1 'Playfair Display',serif;max-width:250px}.screen-hero em{font-size:.72rem;font-style:normal;letter-spacing:.15em}.screen-micro{position:absolute;z-index:4;width:196px;right:0;bottom:10px;background:var(--white);padding:23px;border:1px solid var(--border);box-shadow:var(--shadow);transform:rotate(4deg);border-radius:8px}.screen-micro p{font-size:.85rem;margin:5px 0}.fern{position:absolute;z-index:3;color:#234d33;font-size:190px;line-height:1;right:5%;bottom:34px;transform:rotate(-26deg);opacity:.78}.section{padding:105px 0}.section.compact{padding:76px 0}.section.cream{background:var(--cream)}.section.deep{background:var(--green);color:#fff}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-head p{max-width:400px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:34px;border:1px solid var(--border);border-radius:7px;background:var(--white);min-height:250px}.card .number{display:block;color:var(--gold);font:400 1.05rem Georgia;margin-bottom:30px}.card p{color:var(--muted)}.card .arrow{font-size:1.4rem;color:var(--gold)}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.splits{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.image-composition{height:490px;background:linear-gradient(145deg,#c7c7b7,#e5dccc 52%,#d0bf9e);border-radius:10px;position:relative;overflow:hidden}.image-composition:after{content:'';position:absolute;right:-40px;bottom:-90px;border:2px solid rgba(30,71,49,.2);width:380px;height:380px;border-radius:50%}.composition-website{position:absolute;left:9%;top:14%;width:78%;height:66%;background:#fffdf7;border:9px solid #343c35;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.composition-website>div{padding:55px 24px;background:linear-gradient(130deg,#f5ebdd,#d9dfcc)}.composition-website h3{max-width:240px}.pill{display:inline-block;border:1px solid var(--border);padding:5px 10px;border-radius:99px;font-size:.74rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border-top:1px solid #a99a7b;padding-top:22px}.step span{color:var(--gold);font-size:.79rem}.step h3{margin:16px 0 12px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{background:var(--cream);padding:36px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border)}.project b{font:400 2.1rem 'Playfair Display',serif}.project .tag{color:var(--gold);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.project p{max-width:440px}.project .abstract{height:105px;position:relative;overflow:hidden}.project .abstract:before{content:'';position:absolute;inset:22px 12% -60px 25%;border-radius:50%;background:linear-gradient(135deg,#9cbaa4,#214d38);opacity:.65}.project.alt-project{background:#dfe3d8}.faq details{padding:22px 0;border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:30px}.faq summary:after{content:'+';font-size:1.3rem;color:var(--gold)}.faq details[open] summary:after{content:'−'}.faq p{max-width:750px;color:var(--muted);margin:14px 0 0}.cta{background:var(--green);color:#fff;text-align:center;padding:100px 20px}.cta h2{max-width:760px;margin:0 auto 20px}.cta p{opacity:.83;margin-bottom:30px}.footer{background:#112e24;color:#e8e8de;padding:58px 0 30px}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer h3{font-size:1.9rem}.footer a{display:block;opacity:.83;margin-bottom:12px}.footer a:hover{opacity:1;color:#e6c98b}.footer-bottom{border-top:1px solid #446252;margin-top:45px;padding-top:20px;color:#c2cdc4;font-size:.75rem;display:flex;justify-content:space-between;gap:20px}.page-top{padding:85px 0 65px;background:var(--cream)}.page-top h1{font-size:clamp(3rem,6vw,6rem);max-width:950px}.page-top p{max-width:670px;font-size:1.2rem}.plain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.plain-item{padding:38px;border:1px solid var(--border);background:var(--white)}.price-note{padding:28px;border-left:3px solid var(--gold);background:#ece7dc;margin:45px 0}.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px}.form{background:var(--white);padding:35px;border:1px solid var(--border);border-radius:6px}.form label{display:block;font-weight:600;font-size:.88rem;margin-bottom:7px}.form input,.form select,.form textarea{width:100%;padding:14px 15px;border:1px solid #c8c3b7;border-radius:4px;background:#fffefa;color:var(--ink);margin-bottom:20px}.form textarea{min-height:140px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #ac955d;outline-offset:2px}.form .helper{font-size:.8rem;color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.template-card{border:1px solid var(--border);background:var(--white);overflow:hidden}.template-preview{height:220px;background:#eee3d3;padding:18px}.template-preview.shop{background:#e1e7da}.template-preview.portfolio{background:#d9d4d0}.mini-site{height:100%;background:#fffdf7;padding:10px 15px;box-shadow:0 8px 17px #3332}.mini-site span{display:block;width:60%;height:8px;background:#b8bdb1;margin:12px 0}.mini-site strong{display:block;font:400 2rem/1.12 Georgia,serif;width:75%;margin-top:30px}.template-info{padding:24px}.template-info p{color:var(--muted)}@media(max-width:950px){.nav-links{gap:17px}.hero-grid{grid-template-columns:1fr}.hero-art{height:420px;max-width:600px;width:100%;margin:auto}.screen{height:290px}.screen-micro{bottom:0}.splits{grid-template-columns:1fr;gap:35px}.cards,.steps,.template-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}}@media(max-width:680px){h1{font-size:clamp(3.1rem,12vw,4.6rem)}.nav{height:72px}.brand-title{font-size:1.65rem}.brand-logo{height:34px;width:46px}.footer .brand-logo{height:44px;width:58px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--white);flex-direction:column;align-items:stretch;padding:22px;border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.nav-links.open{display:flex}.hero-grid{min-height:auto;padding-top:80px}.hero-art{height:320px}.screen{height:220px;border-width:7px;border-bottom-width:14px}.screen-hero{padding:18px}.screen-hero strong{font-size:1.7rem}.screen-micro{width:150px;padding:12px}.fern{font-size:120px}.section{padding:70px 0}.section-head{display:block}.cards,.steps,.project-list,.plain-grid,.template-grid{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr;gap:20px}.footer-bottom{flex-direction:column}.page-top{padding:65px 0}.image-composition{height:360px}.contact-grid{gap:25px}.form{padding:23px}}

/* Small-screen header guard: prevent clipped desktop menu on phones and tablets. */
@media(max-width:980px){.nav{gap:12px}.menu-toggle{display:block;flex:none}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;align-items:stretch;padding:22px;border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:30}.nav-links.open{display:flex}.brand{min-width:0}.brand-title{font-size:clamp(1.4rem,4vw,2rem)}}
/* Stage 1 commercial pages and navigation */
.skip-link{position:absolute;left:8px;top:-80px;background:#102b20;color:white;padding:10px;z-index:500}.skip-link:focus{top:8px}.nav-links a:focus-visible,.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b49a54;outline-offset:3px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{background:#fffdf8;border:1px solid #d6d1c5;padding:30px;display:flex;flex-direction:column;gap:10px;border-radius:7px}.price-card.featured{border:2px solid #174633;box-shadow:0 14px 40px #24433216}.price-card h3{margin:5px 0}.price{font:400 clamp(1.65rem,2.7vw,2.5rem)/1.2 'Playfair Display',serif;color:var(--green);margin:5px 0}.price small{font:400 .74rem 'DM Sans',sans-serif;color:var(--muted)}.price-card ul{padding-left:20px;flex:1}.price-card li{margin:7px 0;font-size:.93rem}.price-card .btn{margin-top:auto}.care-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.care-grid article{background:#fffdf8;border:1px solid #d6d1c5;padding:22px;border-radius:7px}.care-grid h3{font-size:1.4rem}.care-grid .price{font-size:1.6rem}.info-panel{padding:36px;border:1px solid var(--border);background:#fffdf7;border-radius:8px}.info-panel li{padding:6px 0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-detail{background:#fffdf8;border:1px solid var(--border);padding:38px;scroll-margin-top:90px}.service-detail h3{margin:18px 0}.service-detail p{max-width:620px}.service-detail .textlink{margin-top:10px}.case-list{display:flex;flex-direction:column;gap:45px}.case-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--border);background:#fffdf8;border-radius:10px}.case-body{padding:40px;display:flex;flex-direction:column;justify-content:center}.case-body h2{font-size:clamp(2.2rem,4vw,3.8rem)}.case-features{font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.case-visual{position:relative;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;color:#fff;overflow:hidden;background:radial-gradient(circle at 68% 68%,#5f9c76,transparent 45%),linear-gradient(125deg,#122e25,#193f32)}.case-visual.play-miharo{background:radial-gradient(circle at 80% 75%,#d1c9a8,transparent 40%),linear-gradient(135deg,#435f53,#172d27)}.case-visual:after{content:'';position:absolute;right:-15%;bottom:-30%;height:100%;width:75%;border:2px solid #ffffff43;border-radius:50%}.case-visual.large{border-radius:10px;min-height:480px}.case-visual-label{font-size:.72rem;letter-spacing:.2em;position:relative;z-index:2}.case-letter{font:400 clamp(6rem,12vw,11rem) 'Playfair Display',serif;opacity:.85;line-height:1}.case-visual p{position:relative;z-index:2}.template-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.template-card.rich .template-info{min-height:240px}.template-card.rich .template-info h3{font-size:1.5rem}.template-visual{height:250px;padding:20px;background:linear-gradient(135deg,#c9c1ae,#eee3d4)}.t-beauty{background:linear-gradient(135deg,#d9c1b5,#f8e9e3)}.t-retail{background:linear-gradient(135deg,#c6d0b9,#eeead8)}.t-professional{background:linear-gradient(135deg,#b5c6d0,#e8eff1)}.t-creative{background:linear-gradient(135deg,#e2bfb1,#e7dccf)}.t-community{background:linear-gradient(135deg,#b3cfb8,#e3e9cf)}.fake-browser{height:100%;background:#fffef8;box-shadow:0 8px 26px #2334;overflow:hidden}.fake-nav{display:flex;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #9993;font-size:.65rem}.fake-nav span:first-child{font:1rem Georgia,serif}.fake-hero{padding:23px;display:flex;flex-direction:column;align-items:flex-start}.fake-hero small{font-size:.56rem;letter-spacing:.16em;color:#8f7653}.fake-hero strong{font:2rem/1.1 Georgia,serif;max-width:200px;margin:15px 0}.fake-hero i{width:60px;height:9px;background:#28513b}.three-simple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-preview{display:grid;place-items:center;height:100px;background:#173c30;color:#eee8db;font-size:.7rem;letter-spacing:.2em}.template-card.rich .btn{font-size:.8rem}
@media(max-width:1050px){.template-grid.six,.pricing-grid{grid-template-columns:repeat(2,1fr)}.care-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.template-grid.six,.pricing-grid,.care-grid,.service-grid,.case-card,.three-simple{grid-template-columns:1fr}.price-card{padding:24px}.case-visual{min-height:280px}.case-body{padding:24px}.hero-grid{padding-top:50px}.nav{max-width:100%}.nav-links{max-height:75vh;overflow-y:auto}.brand-title{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
