:root{--bg: #f3efe6;--bg-1: #ece6da;--bg-2: #faf7f0;--line: #ddd4c4;--line-2: #cabfac;--fg: #1c1a16;--fg-2: #5f5a50;--fg-3: #9a8f7c;--accent: #1f6f4a;--accent-ink: #f3efe6;--warn: #b1542f;--f-display: "Newsreader", Georgia, "Times New Roman", serif;--f-body: "Inter", system-ui, sans-serif;--f-mono: "Inter", system-ui, sans-serif;--gutter: clamp(16px, 2.4vw, 32px);--pad-x: clamp(20px, 4vw, 72px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}html{background:var(--bg)}body{font-family:var(--f-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--accent-ink)}.grid-bg{display:none}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:18px var(--pad-x);background:#f3efe6c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);font-family:var(--f-body);font-size:14px}.nav__logo{font-family:var(--f-display);font-weight:500;font-size:23px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:9px}.nav__logo .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.nav__links{display:flex;gap:30px;justify-content:center;list-style:none;padding:0;margin:0}.nav__links a{position:relative;color:var(--fg-2);padding:4px 0;transition:color .2s ease}.nav__links a .num{display:none}.nav__links a.active,.nav__links a:hover{color:var(--fg)}.nav__links a.active:after,.nav__links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent)}.nav__cta{font-family:var(--f-body);font-size:14px;background:var(--accent);color:var(--accent-ink);padding:10px 20px;border:1px solid var(--accent);border-radius:999px;transition:all .2s ease}.nav__cta:hover{background:#185c3c;border-color:#185c3c}.nav__progress{position:absolute;bottom:-1px;left:0;height:1px;background:var(--accent);width:0;transition:width 80ms linear}@media(max-width:820px){.nav{grid-template-columns:1fr auto}.nav__links{display:none}}.section{position:relative;padding:clamp(96px,12vw,200px) var(--pad-x);border-top:1px solid var(--line)}.section--hero{border-top:0}.section__head{margin-bottom:clamp(48px,6vw,96px);max-width:1100px}.section__num{font-family:var(--f-body);font-size:12px;font-weight:500;color:var(--fg-3);letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:clamp(20px,2.4vw,36px)}.section__title{font-family:var(--f-display);font-weight:500;font-size:clamp(34px,5.4vw,76px);letter-spacing:-.018em;line-height:1.02;margin:0}.section__title .accent{color:var(--accent);font-style:italic}.accent--mark,.hero__slab,.section__title .accent,.why__lead .accent,.invite__title .accent{background-image:linear-gradient(transparent 58%,color-mix(in srgb,var(--accent) 26%,transparent) 58%);padding:0 .06em .02em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.kicker{font-family:var(--f-body);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);display:inline-flex;align-items:center}.hero{min-height:100vh;padding:132px var(--pad-x) 0;display:grid;grid-template-rows:1fr auto;position:relative}.hero__top{display:grid;grid-template-columns:1fr;gap:30px;align-content:center;padding-bottom:56px}.hero__h1{font-family:var(--f-display);font-weight:500;font-size:clamp(42px,8vw,104px);letter-spacing:-.02em;line-height:1;margin:0;max-width:16ch}.hero__line{display:block}.hero__slab{font-style:italic;color:var(--accent)}.hero__tag{font-family:var(--f-display);font-weight:400;font-size:clamp(18px,2vw,27px);color:var(--fg-2);letter-spacing:-.005em;line-height:1.4;margin:6px 0 0;max-width:720px}.hero__bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;border-top:1px solid var(--line);padding:40px 0 56px;align-items:center}.hero__sub{font-family:var(--f-display);font-size:clamp(17px,1.5vw,20px);color:var(--fg-2);max-width:560px;line-height:1.6;margin:0}.hero__cta-row{display:flex;gap:24px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.hero__seelink{font-family:var(--f-body);font-size:15px;color:var(--fg-2);border-bottom:1px solid var(--line-2);padding-bottom:3px;transition:color .2s ease,border-color .2s ease}.hero__seelink:hover{color:var(--accent);border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;font-family:var(--f-body);font-size:16px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:999px;transition:all .2s ease;cursor:pointer}.btn:hover{background:#185c3c;border-color:#185c3c;transform:translateY(-1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn .arrow{display:inline-block;transition:transform .2s ease}.btn:hover .arrow{transform:translate(4px)}@media(max-width:820px){.hero__bottom{grid-template-columns:1fr;gap:32px}.hero__cta-row{justify-content:flex-start}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-1);overflow:hidden;font-family:var(--f-body);font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:16px 0}.marquee__track{display:flex;gap:48px;white-space:nowrap;animation:marq 44s linear infinite;width:max-content}.marquee__item{display:inline-flex;align-items:center;gap:24px;color:var(--fg-2)}.marquee__item .star{color:var(--accent)}@keyframes marq{to{transform:translate(-50%)}}.problem{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:start}.problem__lead{font-family:var(--f-display);font-weight:400;font-size:clamp(22px,2.6vw,34px);line-height:1.35;letter-spacing:-.01em;margin:0;color:var(--fg)}.problem__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}.problem__item{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line-2);font-size:clamp(16px,1.3vw,19px);color:var(--fg-2);line-height:1.5}.problem__mark{color:var(--accent);font-family:var(--f-body);flex:0 0 auto}@media(max-width:820px){.problem{grid-template-columns:1fr}}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2);border-left:1px solid var(--line-2)}.outcome{position:relative;padding:clamp(28px,3vw,48px);border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);display:flex;flex-direction:column;gap:18px;background:var(--bg);overflow:hidden;transition:background .3s ease}.outcome:hover{background:var(--bg-2)}.outcome__num{font-family:var(--f-body);font-size:12px;font-weight:500;color:var(--fg-3);letter-spacing:.1em}.outcome__title{font-family:var(--f-display);font-size:clamp(24px,2.3vw,33px);font-weight:500;line-height:1.08;letter-spacing:-.015em;margin:0;color:var(--fg)}.outcome__desc{font-size:16px;line-height:1.6;color:var(--fg-2);margin:0;flex:1}.outcome__feels{font-family:var(--f-display);font-weight:500;font-style:italic;font-size:18px;line-height:1.4;letter-spacing:-.005em;color:var(--accent);margin:0;padding-top:18px;border-top:1px solid var(--line-2)}.outcome__feels-label{display:block;font-family:var(--f-body);font-weight:500;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:8px}@media(max-width:880px){.outcomes{grid-template-columns:1fr}}.work__intro{font-family:var(--f-display);font-size:clamp(18px,1.6vw,22px);color:var(--fg-2);max-width:680px;line-height:1.55;margin:0 0 clamp(40px,5vw,72px)}.work{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.work__card{grid-column:span 1;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.work__card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 18px 40px -24px #1c1a1666}.work__card--feat{grid-column:span 2}.work__card--feat .work__shot{aspect-ratio:16/9}.work__shot{aspect-ratio:4/3;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#0a0a0a}.work__body{padding:clamp(22px,2vw,30px);display:flex;flex-direction:column;gap:12px;flex:1}.work__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.work__name{font-family:var(--f-display);font-size:clamp(23px,2vw,30px);font-weight:500;letter-spacing:-.015em;margin:0;line-height:1.05}.work__card:hover .work__name{color:var(--accent)}.badge{font-family:var(--f-body);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--line-2);border-radius:999px;color:var(--fg-2);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.badge--live{color:var(--accent);border-color:var(--accent)}.badge--live:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:blink 1.6s steps(2) infinite}.badge--case{color:var(--fg-2)}.badge--case:before{content:"";width:6px;height:6px;background:var(--fg-3);border-radius:50%}@keyframes blink{50%{opacity:.25}}.work__result{font-family:var(--f-display);font-weight:500;font-size:clamp(17px,1.3vw,20px);line-height:1.35;letter-spacing:-.01em;color:var(--fg);margin:0}.work__desc{color:var(--fg-2);font-size:15px;line-height:1.6;margin:0;flex:1}.work__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line);margin-top:8px;font-family:var(--f-body);font-size:12px;color:var(--fg-3)}.work__link{color:var(--accent);font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:gap .2s ease}.work__link:hover{gap:14px}@media(max-width:1024px){.work{grid-template-columns:repeat(2,1fr)}.work__card,.work__card--feat{grid-column:span 1}.work__card--feat .work__shot{aspect-ratio:4/3}}@media(max-width:560px){.work{grid-template-columns:1fr}}.worklog{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-2)}.worklog__list{border-right:1px solid var(--line)}.worklog__row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:16px;padding:24px 26px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--fg);text-align:left;font-family:var(--f-display);font-size:23px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:all .2s ease}.worklog__row:last-child{border-bottom:0}.worklog__row.is-open{background:var(--bg-1);color:var(--accent)}.worklog__idx{font-family:var(--f-body);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--fg-3)}.worklog__detail{position:sticky;top:88px;align-self:start;padding:26px}.worklog__shot{aspect-ratio:4/3;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0a0a0a}.worklog__copy{padding-top:22px}.worklog__copy h4{font-family:var(--f-display);font-size:clamp(26px,2.4vw,34px);font-weight:500;letter-spacing:-.015em;margin:0 0 12px}.worklog__result{font-family:var(--f-display);font-weight:500;font-size:18px;line-height:1.35;color:var(--fg);margin:0 0 10px}.worklog__desc{color:var(--fg-2);margin:0 0 18px;line-height:1.6}.worklog__foot{display:flex;justify-content:space-between;font-family:var(--f-body);font-size:12px;color:var(--fg-3)}@media(max-width:880px){.worklog{grid-template-columns:1fr}.worklog__list{border-right:0;border-bottom:1px solid var(--line)}.worklog__detail{position:static}}.section--why{background:var(--bg-1)}.why{max-width:920px}.why__lead{font-family:var(--f-display);font-weight:500;font-size:clamp(28px,4vw,54px);line-height:1.1;letter-spacing:-.02em;margin:0 0 36px}.why__lead .accent{color:var(--accent);font-style:italic}.why__body{font-family:var(--f-display);font-size:clamp(18px,1.6vw,23px);line-height:1.55;color:var(--fg-2);margin:0;max-width:760px}.why__sign{font-family:var(--f-display);font-weight:500;font-style:italic;font-size:clamp(19px,1.6vw,23px);color:var(--fg);margin:28px 0 0}.testi{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-2)}.testi__viewport{position:relative;overflow:hidden}.testi__track{display:flex;transition:transform .5s cubic-bezier(.6,.2,.2,1)}.testi__slide{flex:0 0 100%;padding:clamp(40px,6vw,88px);display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:center}.testi__quote{font-family:var(--f-display);font-weight:400;font-size:clamp(20px,2.4vw,33px);line-height:1.34;letter-spacing:-.012em;margin:0;position:relative}.testi__quote .qm{color:var(--accent);font-size:1.1em}.testi__attr{display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--accent);padding-left:24px}.testi__attr-idx{font-family:var(--f-body);font-size:11px;color:var(--fg-3);letter-spacing:.08em;margin-bottom:6px}.testi__attr-name{font-family:var(--f-display);font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-.01em;margin:0}.testi__attr-role{font-family:var(--f-body);font-size:13px;color:var(--fg-3)}.testi__attr-context{font-size:14px;color:var(--fg-2);margin-top:6px}.testi__nav{border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;font-family:var(--f-body);font-size:12px;letter-spacing:.02em;color:var(--fg-3)}.testi__nav button{background:transparent;border:0;padding:18px 24px;color:var(--fg-2);font:inherit;letter-spacing:inherit;border-right:1px solid var(--line);transition:all .2s ease}.testi__nav button:last-child{border-right:0;border-left:1px solid var(--line)}.testi__nav button:hover{color:var(--accent);background:var(--bg-1)}.testi__dots{display:flex;gap:8px;justify-content:center}.testi__dots button{border:0;width:32px;height:4px;border-radius:999px;background:var(--line-2);padding:0;cursor:pointer;transition:background .2s ease}.testi__dots button.active{background:var(--accent)}@media(max-width:760px){.testi__slide{grid-template-columns:1fr;gap:32px}}.section--invite{background:var(--bg-1)}.invite{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(48px,7vw,96px);align-items:start}.invite__lead .section__num{margin-bottom:24px}.invite__title{font-family:var(--f-display);font-weight:500;font-size:clamp(38px,5vw,78px);letter-spacing:-.02em;line-height:1.02;margin:0 0 28px}.invite__title .accent{color:var(--accent);font-style:italic}.invite__sub{font-family:var(--f-display);color:var(--fg-2);max-width:480px;font-size:clamp(17px,1.4vw,20px);line-height:1.55;margin:0}.invite__talk{font-family:var(--f-body);font-size:14px;color:var(--fg-3);margin:28px 0 0}.invite__talk a{color:var(--fg-2);border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.invite__talk a:hover{color:var(--accent);border-color:var(--accent)}.form--news{gap:20px;justify-content:center}.btn--block{width:100%;justify-content:center}.form{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:clamp(26px,3vw,44px);display:flex;flex-direction:column;gap:24px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-family:var(--f-body);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.field input,.field textarea{font-family:var(--f-body);background:transparent;border:0;border-bottom:1px solid var(--line-2);color:var(--fg);padding:12px 0;font-size:16px;outline:none;transition:border-color .2s ease;border-radius:0}.field input::placeholder{color:var(--fg-3)}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:84px}.field--err input,.field--err textarea{border-color:var(--warn)}.field__err{font-family:var(--f-body);font-size:12px;color:var(--warn)}.form__submit{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}.form__hint{font-family:var(--f-body);font-size:12px;color:var(--fg-3)}.form__success{background:var(--accent);color:var(--accent-ink);padding:36px;border-radius:12px;font-family:var(--f-display);font-size:26px;font-weight:500;letter-spacing:-.015em;display:flex;flex-direction:column;gap:12px}.form__success .small{font-family:var(--f-body);font-size:15px;font-weight:400;letter-spacing:0;line-height:1.5;opacity:.92}@media(max-width:880px){.invite{grid-template-columns:1fr}}.foot{border-top:1px solid var(--line);padding:72px var(--pad-x) 48px;display:grid;gap:48px}.foot__big{font-family:var(--f-display);font-weight:500;font-size:clamp(72px,20vw,320px);letter-spacing:-.03em;line-height:.86;margin:0;display:flex;align-items:flex-end;gap:.05em}.foot__big .dot{width:.14em;height:.14em;border-radius:50%;background:var(--accent);display:inline-block;margin-bottom:.16em}.foot__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;font-family:var(--f-body);font-size:13px;color:var(--fg-3);padding-top:32px;border-top:1px solid var(--line)}.foot__row strong{color:var(--fg);display:block;margin-bottom:10px;font-weight:600}.foot__row span{display:block;margin-top:4px}.foot__row a{color:var(--fg-2);display:block;margin-top:4px}.foot__row a:hover{color:var(--accent)}.foot__fine{color:var(--fg-3);opacity:.8}@media(max-width:760px){.foot__row{grid-template-columns:1fr 1fr}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.cursor-dot{position:fixed;top:0;left:0;width:88px;height:88px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--f-body);font-size:12px;letter-spacing:.02em;pointer-events:none;z-index:100;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .2s ease,transform .2s ease;font-weight:500}.cursor-dot.show{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}.cookie[data-astro-cid-garwan2p]{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--bg);border-top:1px solid var(--accent);padding:16px var(--pad-x);display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--f-mono);font-size:12px;color:var(--fg-2);letter-spacing:.04em}.cookie__msg[data-astro-cid-garwan2p]{flex:1;min-width:280px}.cookie__actions[data-astro-cid-garwan2p]{display:flex;gap:12px}.cookie[data-astro-cid-garwan2p] .btn[data-astro-cid-garwan2p]{padding:10px 18px;font-size:11px}html{scroll-behavior:smooth}main{position:relative;z-index:1}