.forside{--fs-gap: clamp(96px, 14vh, 180px);--fs-gap-sec: clamp(72px, 10.5vh, 135px)}.forside .wrap{max-width:1120px;margin:0 auto;padding-inline:24px}.forside main>section{padding-block:var(--fs-gap-sec)}.fs-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;max-width:1120px;margin:0 auto}.fs-brand{display:inline-flex;align-items:center}.fs-brand img{height:38px;width:auto;display:block}.fs-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.fs-nav a{font:500 16px var(--sans);color:var(--ink);text-decoration:none;opacity:.82;transition:opacity .2s ease}.fs-nav a:hover{opacity:1}.fs-addbtn{display:inline-flex;align-items:center;gap:9px;background:var(--brand);color:#fff;border:none;border-radius:12px;padding:12px 20px;font:600 15px var(--sans);text-decoration:none;transition:transform .08s ease,box-shadow .25s ease}.fs-addbtn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #c96a3a4d}.fs-addbtn .ico{width:17px;height:17px}.fs-hero{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:48px}.fs-h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5.6vw,68px);line-height:1.02;letter-spacing:-1px;color:var(--ink);margin:0 0 20px;text-wrap:balance}.fs-mark{position:relative;display:inline-block;white-space:nowrap}.fs-mark:after{content:"";position:absolute;inset:-10px -16px -12px;background:url(/forside/shape-hero.png) center/100% 100% no-repeat;z-index:-1;pointer-events:none}.fs-sub{font:400 19px/1.6 var(--sans);color:var(--muted);margin:0 0 30px;max-width:46ch;text-wrap:pretty}.fs-searchwrap{position:relative;max-width:520px}.fs-search{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:7px 7px 7px 18px;box-shadow:0 14px 40px #2e2a271a}.fs-search:focus-within{border-color:var(--brand);box-shadow:0 14px 44px #c96a3a2e}.fs-search .fs-search-ic{width:20px;height:20px;color:var(--faint);flex:0 0 auto}.fs-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:400 17px var(--sans);color:var(--ink);padding:11px 0}.fs-search input::placeholder{color:var(--faint)}.fs-clear{flex:0 0 auto;border:none;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:4px 6px}.fs-clear:hover{color:var(--ink)}.fs-geo{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:11px;background:var(--greens);color:var(--brand);cursor:pointer;transition:background .2s ease,transform .08s ease}.fs-geo:hover{background:#e7d3c4}.fs-geo:active{transform:scale(.94)}.fs-geo .ico{width:19px;height:19px}.fs-geo.loading{opacity:.6;pointer-events:none}.fs-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #2e2a2729;overflow:hidden;z-index:30;display:none}.fs-suggest.open{display:block}.fs-suggest .fs-sug-head{font:600 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:14px 18px 8px}.fs-sug{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;text-decoration:none;color:var(--ink);font:500 16px var(--sans)}.fs-sug:hover,.fs-sug.active{background:var(--paper)}.fs-sug .fs-sug-left{display:inline-flex;align-items:center;gap:11px}.fs-sug .ico{width:16px;height:16px;color:var(--brand)}.fs-sug .fs-sug-meta{font:400 13px var(--sans);color:var(--muted);white-space:nowrap}.fs-geomsg{font:500 13.5px var(--sans);color:var(--muted);margin:12px 2px 0;min-height:18px}.fs-geomsg.err{color:#a8472e}.fs-hero-right{display:flex;justify-content:center}.fs-hero-img{width:100%;max-width:520px;height:auto;display:block}.fs-sec-head{max-width:680px}.fs-sec-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,40px);line-height:1.1;color:var(--ink);margin:0 0 14px;letter-spacing:-.4px;text-wrap:balance}.fs-sec-head p{font:400 17px/1.65 var(--sans);color:var(--muted);margin:0;text-wrap:pretty}.fs-catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.fs-cat{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 24px 32px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-align:center;transition:transform .15s ease,box-shadow .25s ease}.fs-cat:hover{transform:translateY(-3px);box-shadow:0 14px 30px #2e2a2714}.fs-cat-ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--greens);color:var(--brand)}.fs-cat-ic .ico{width:25px;height:25px}.fs-cat-label{font:600 16px var(--sans);color:var(--ink)}.fs-cat-desc{font:italic 400 13.5px/1.55 var(--sans);color:var(--muted);margin-top:2px;max-width:30ch;text-wrap:pretty}.fs-biz{background:var(--ink);color:#fff}.fs-biz-head{max-width:640px}.fs-biz-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.6vw,44px);line-height:1.08;margin:0 0 16px;color:#fff;letter-spacing:-.4px;text-wrap:balance}.fs-biz-head p{font:400 17px/1.65 var(--sans);color:#ffffffc7;margin:0 0 26px;text-wrap:pretty}.fs-biz-cta{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#532822;border:none;border-radius:12px;padding:14px 24px;font:600 16px var(--sans);text-decoration:none;cursor:pointer;transition:transform .08s ease}.fs-biz-cta:hover{transform:translateY(-1px)}.fs-biz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px}.fs-bizcard{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:26px 22px}.fs-bizcard-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#c96a3a38;color:#e8a888;margin-bottom:16px}.fs-bizcard-ic .ico{width:21px;height:21px}.fs-bizcard h3{font-family:var(--serif);font-weight:600;font-size:19px;color:#fff;margin:0 0 9px;text-wrap:balance}.fs-bizcard p{font:400 14.5px/1.6 var(--sans);color:#ffffffb8;margin:0}.fs-pop-h{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3vw,36px);color:var(--ink);margin:0 0 28px;letter-spacing:-.4px;text-wrap:balance}.fs-popgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.fs-popcard{display:flex;flex-direction:column;gap:6px;padding:22px 24px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:transform .15s ease,box-shadow .25s ease,border-color .2s ease}.fs-popcard:hover{transform:translateY(-3px);box-shadow:0 16px 34px #2e2a271a;border-color:#d9cdba}.fs-popcard-name{font-family:var(--serif);font-weight:600;font-size:21px;color:var(--ink)}.fs-popcard-meta{font:500 14px var(--sans);color:var(--brand)}@media (max-width:900px){.fs-hero{grid-template-columns:1fr;gap:30px}.fs-hero-right{order:-1}.fs-hero-img{max-width:380px}.fs-catgrid,.fs-biz-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.fs-nav{display:none}.fs-catgrid{grid-template-columns:repeat(2,1fr)}.fs-biz-grid{grid-template-columns:1fr}.fs-top{padding:18px 20px}}.forside .fs-why{position:relative;color:#fff;padding-block:var(--fs-gap);background-image:linear-gradient(#16110ca8,#100c08d1),url(/forside/why-bg.webp);background-size:cover;background-position:center;background-attachment:fixed}.fs-why-eyebrow{font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#e8b48f;margin:0 0 16px}.fs-why-statement{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.6vw,44px);line-height:1.18;letter-spacing:-.4px;color:#fff;margin:0;max-width:20ch;text-wrap:balance;text-shadow:0 2px 22px rgba(0,0,0,.4)}.fs-why-sub{font:400 18px/1.6 var(--sans);color:#ffffffeb;margin:18px 0 0;max-width:54ch;text-wrap:pretty;text-shadow:0 1px 14px rgba(0,0,0,.35)}@media (max-width:760px){.forside .fs-why{background-attachment:scroll}}.fs-hero-note{font:500 13.5px var(--sans);color:var(--faint);margin:14px 2px 0}.fs-suggest .fs-sug-empty{padding:15px 18px;font:400 14.5px/1.5 var(--sans);color:var(--muted)}@media (max-width:760px){.fs-why-pillars{grid-template-columns:1fr;gap:18px}}
