.svc-tone-01{--tile:var(--blush);--fg:var(--ink);--nc:var(--maroon)}.svc-tone-02{--tile:var(--rose);--fg:var(--milk);--nc:var(--milk)}.svc-tone-03{--tile:var(--caramel);--fg:var(--ink);--nc:var(--ink)}.svc-tone-04{--tile:var(--maroon);--fg:var(--milk);--nc:var(--blush)}.svc-tone-05{--tile:var(--taupe);--fg:var(--ink);--nc:var(--milk)}.svc-tone-06{--tile:var(--maroon);--fg:var(--milk);--nc:var(--blush)}.svc-tone-07{--tile:var(--caramel);--fg:var(--ink);--nc:var(--ink)}.svc-tone-08{--tile:var(--taupe);--fg:var(--ink);--nc:var(--milk)}.svc-hero{padding-top:34px}.svc-hero-tile{--sw:150px;background:var(--tile);color:var(--fg);border:2px solid var(--ink);border-radius:var(--r);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num hand""name name""short short";align-content:start;column-gap:10px;padding:20px 20px 26px;display:grid;position:relative}.svc-hero-num{letter-spacing:-.05em;color:var(--nc);grid-area:num;padding-top:6px;font-size:clamp(6rem,30vw,8.5rem);font-weight:900;line-height:.8}.svc-hero-tile .svc-hero-hand{width:var(--sw);z-index:1;grid-area:hand;place-self:start end;max-width:100%;margin:-38px -10px 0 0}.svc-hero-name{letter-spacing:-.025em;text-transform:uppercase;grid-area:name;margin-top:14px;font-size:clamp(1.5rem,6.8vw,2.1rem);font-weight:900;line-height:1.08}.svc-hero-short{grid-area:short;max-width:24em;margin-top:10px;font-size:1.2rem;font-weight:700;line-height:1.55}.svc-tone-01 .svc-hero-tile{--sw:170px}.svc-tone-02 .svc-hero-tile{--sw:122px}.svc-tone-03 .svc-hero-tile{--sw:100px}.svc-tone-04 .svc-hero-tile{--sw:146px}.svc-tone-05 .svc-hero-tile{--sw:170px}.svc-tone-06 .svc-hero-tile{--sw:166px}.svc-tone-07 .svc-hero-tile,.svc-tone-08 .svc-hero-tile{--sw:140px}@media (min-width:768px){.svc-hero-tile{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"num hand""name hand""short hand";column-gap:24px;padding:30px 34px 38px}.svc-hero-num{font-size:clamp(9rem,17vw,14rem)}.svc-hero-name{margin-top:18px;font-size:clamp(1.9rem,3.6vw,2.8rem)}.svc-hero-short{font-size:1.3rem}.svc-hero-tile .svc-hero-hand{grid-row:1/4;margin:-62px -44px 0 0}.svc-tone-01 .svc-hero-tile{--sw:clamp(260px,29vw,400px)}.svc-tone-02 .svc-hero-tile{--sw:clamp(200px,21vw,290px)}.svc-tone-03 .svc-hero-tile{--sw:clamp(170px,17vw,240px)}.svc-tone-04 .svc-hero-tile{--sw:clamp(230px,24vw,340px)}.svc-tone-05 .svc-hero-tile{--sw:clamp(260px,28vw,380px)}.svc-tone-06 .svc-hero-tile{--sw:clamp(250px,26vw,370px)}.svc-tone-07 .svc-hero-tile,.svc-tone-08 .svc-hero-tile{--sw:clamp(210px,22vw,300px)}}.svc-intro{max-width:34em;font-size:1.1875rem;font-weight:500;line-height:1.7}.svc-groups{display:grid}.svc-group{border-top:1.5px solid var(--ink);gap:14px;padding-block:26px;display:grid}.svc-group:last-child{border-bottom:1.5px solid var(--ink)}.svc-g-head{align-items:center;gap:14px;display:flex}.svc-g-head .ico{width:56px;margin:0}.svc-g-head h3{color:var(--maroon);letter-spacing:-.01em;font-size:clamp(1.5rem,6vw,2rem);font-weight:900;line-height:1.3}.svc-items{column-width:15.5em;column-gap:2.5rem}.svc-items.is-short{column-width:auto;columns:1}.svc-items li{break-inside:avoid;padding:3px 0 3px 1.25em;font-size:1.0625rem;line-height:1.6;position:relative}.svc-items li:before{content:"";background:var(--maroon);width:.5em;height:.5em;position:absolute;top:.88em;left:.1em;transform:rotate(45deg)}.svc-note{max-width:38em;color:var(--ink-soft);margin-top:14px;font-size:.9375rem;font-weight:500;line-height:1.65}.svc-todo{margin-top:14px}.svc-todo .todo{border-radius:12px;padding:3px 12px}.svc-g-link{margin-top:10px}.svc-g-link a{text-underline-offset:4px;align-items:center;gap:.5em;min-height:48px;font-weight:800;display:inline-flex}.svc-g-link svg{flex:none;width:1.2em;height:1.2em}.svc-group.is-key{background:var(--milk);border:2px solid var(--ink);border-radius:var(--r);margin-block:22px;padding:36px 20px 26px;position:relative}.svc-group.is-key:last-child{border-bottom:2px solid var(--ink)}.svc-key-lab{position:absolute;top:-17px;right:16px}.svc-proof{margin-top:18px}.svc-proof-t{font:800 .875rem/1.2 var(--font);letter-spacing:.06em;color:var(--ink-soft);margin-bottom:2px}@media (min-width:960px){.svc-group{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:40px;padding-block:32px}.svc-g-head h3{font-size:clamp(1.6rem,2.3vw,2.1rem)}.svc-g-head .ico{width:64px}.svc-group.is-key{padding:40px 36px 34px}.svc-key-lab{right:28px}}.svc-booth{margin-top:clamp(36px,5vw,64px)}.svc-sizes{gap:12px;margin-top:20px;display:grid}.svc-size{background:var(--milk);border:2px solid var(--ink);border-radius:var(--r);grid-template-columns:5.2rem minmax(0,1fr);align-items:center;gap:6px 14px;padding:12px 16px;display:grid}.svc-size b{letter-spacing:-.04em;color:var(--maroon);text-align:center;font-size:4rem;font-weight:900;line-height:.9}.svc-size p{font-size:1.0625rem;font-weight:600;line-height:1.55}@media (min-width:640px){.svc-sizes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px}.svc-size{grid-template-columns:minmax(0,1fr);align-items:start;padding:18px 20px 22px}.svc-size b{text-align:left;font-size:4rem}.svc-size:nth-child(2) b{font-size:6rem}.svc-size:nth-child(3) b{font-size:8.5rem}}.svc-do{padding-bottom:clamp(40px,6vw,80px)}.svc-work{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}.svc-work-grid{grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vw,72px);display:grid}.svc-wall{flex-wrap:wrap;align-items:flex-start;gap:46px 4%;padding-top:12px;display:flex}.svc-shot,.svc-w-l{width:100%}.svc-w-h{width:92%}.svc-w-m{width:84%}.svc-w-s{width:47%}.svc-shot:nth-child(2n){margin-left:auto}.svc-img{position:relative}.svc-shot figcaption{color:var(--ink);padding:10px 2px 4px;font-size:.9375rem;font-weight:700;line-height:1.45}.svc-w-s figcaption{font-size:.8125rem}.svc-pl{z-index:1;--lab:var(--milk);padding:4px 10px;font-size:.8125rem;position:absolute;bottom:8px;left:8px;transform:rotate(-2deg)}@media (min-width:768px){.svc-wall{gap:56px 4%}.svc-w-l{width:56%}.svc-w-h{width:47%}.svc-w-m{width:38%}.svc-w-s{width:30%}.svc-w-s figcaption{font-size:.9375rem}.svc-shot:nth-child(2n){margin-top:26px;margin-left:0}.is-split .svc-w-s{width:44%}}@media (min-width:960px){.svc-work-grid.is-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:56px}.is-split .svc-w-s{width:46%}}.svc-cases{max-width:52em}.svc-cases h3{color:var(--maroon);margin-bottom:14px;font-size:clamp(1.5rem,5vw,2rem);font-weight:900;line-height:1.3}.svc-case-list{border-top:1.5px solid var(--ink)}.svc-case-list a{border-bottom:1.5px solid var(--ink);min-height:64px;color:var(--ink);grid-template-columns:minmax(0,1fr) 1.4em;align-items:center;gap:2px 14px;padding:12px 4px;text-decoration:none;transition:background-color .16s;display:grid}.svc-case-name{grid-column:1;font-size:1.125rem;font-weight:800;line-height:1.4}.svc-case-line{color:var(--ink-soft);grid-column:1;font-size:.9375rem;font-weight:500;line-height:1.5}.svc-case-list svg{grid-area:1/2/3;width:1.4em;height:1.4em}.svc-case-list a:focus-visible{outline-offset:-3px}@media (hover:hover) and (pointer:fine){.svc-case-list a:hover{background:var(--milk)}}.svc-shots-note{margin-top:28px}.svc-none{background:var(--milk);border:2px solid var(--ink);border-radius:var(--r);align-items:center;gap:26px;max-width:60em;padding:26px 22px 28px;display:grid}.svc-none-hand{justify-self:center;width:min(52%,210px)}.svc-none p:first-child{font-size:1.1875rem;font-weight:500;line-height:1.7}@media (min-width:768px){.svc-none{grid-template-columns:auto minmax(0,1fr);gap:40px;padding:34px 38px}.svc-none-hand{width:210px}}.svc-bridge-sec{padding-bottom:clamp(40px,6vw,72px)}.svc-bridge{background:var(--milk);border:2px solid var(--ink);border-radius:var(--r);justify-items:start;padding:22px 22px 28px;display:grid;position:relative}.svc-bridge-num{letter-spacing:-.05em;color:var(--red);font-size:clamp(5rem,24vw,8rem);font-weight:900;line-height:.85}.svc-bridge .lab{--lab:var(--blush);margin-top:14px}.svc-bridge h2{color:var(--maroon);letter-spacing:-.01em;text-wrap:balance;margin-top:14px;font-size:clamp(1.9rem,8vw,3rem);font-weight:900;line-height:1.25}.svc-bridge-line{max-width:28em;margin-top:12px;font-size:1.1875rem;font-weight:500;line-height:1.65}.svc-bridge .btn{margin-top:22px}.svc-bridge .svc-bridge-hand{z-index:1;width:min(34%,150px);position:absolute;top:-26px;right:12px}@media (min-width:768px){.svc-bridge{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(24px,3vw,44px);padding:34px calc(38px + 22%) 38px 38px}.svc-bridge-num{grid-row:1/5;margin-top:-.04em;font-size:clamp(8rem,15vw,12rem)}.svc-bridge h2{font-size:clamp(1.7rem,3.4vw,3rem)}.svc-bridge>:not(.svc-bridge-num):not(.svc-bridge-hand){grid-column:2}.svc-bridge .lab{margin-top:6px}.svc-bridge .svc-bridge-hand{width:min(21%,260px);top:-40px;right:28px}}.svc-pager-sec{padding-bottom:var(--sec)}.svc-pager{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.svc-pg{background:var(--tile);min-height:112px;color:var(--fg);border:2px solid var(--ink);border-radius:var(--r);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"dir dir""num name";align-items:center;gap:6px 14px;padding:16px 18px 18px;text-decoration:none;display:grid}.svc-pg-dir{font:800 .875rem/1.2 var(--font);letter-spacing:.06em;grid-area:dir;align-items:center;gap:.5em;display:inline-flex}.svc-pg-dir svg{flex:none;width:1.4em;height:1.4em}.svc-pg-prev .svc-pg-dir svg{transform:scaleX(-1)}.svc-pg-num{letter-spacing:-.05em;color:var(--nc);grid-area:num;font-size:3.6rem;font-weight:900;line-height:.9}.svc-pg-name{letter-spacing:-.02em;text-transform:uppercase;grid-area:name;font-size:1.2rem;font-weight:900;line-height:1.15}.svc-pg:focus-visible{outline-offset:4px}@media (hover:hover) and (pointer:fine){.svc-pg:hover .svc-pg-name{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}}@media (min-width:640px){.svc-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.svc-pg{min-height:132px;padding:20px 24px 22px}.svc-pg-num{font-size:4.6rem}.svc-pg-name{font-size:1.4rem}}.svc-web-sec{padding-bottom:var(--sec)}.svc-web{background:var(--red);color:var(--white);border:2px solid var(--ink);border-radius:var(--r);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num hand""lab lab""name name""line line""go go";align-items:start;column-gap:10px;padding:20px 20px 26px;display:grid;position:relative}.svc-web-num{letter-spacing:-.05em;color:var(--milk);grid-area:num;padding-top:6px;font-size:clamp(4.6rem,22vw,6rem);font-weight:900;line-height:.8}.svc-web .svc-web-hand{z-index:1;grid-area:hand;justify-self:end;width:min(128px,34vw);margin:-38px -10px 0 0}.svc-web .lab{--lab:var(--milk);grid-area:lab;justify-self:start;margin-top:14px}.svc-web h3{letter-spacing:-.025em;text-transform:uppercase;grid-area:name;margin-top:12px;font-size:clamp(1.7rem,7.4vw,2.4rem);font-weight:900;line-height:1.08}.svc-web h3 a{color:inherit;text-decoration:none}.svc-web h3 a:after{content:"";z-index:2;border-radius:var(--r);position:absolute;inset:0}.svc-web h3 a:focus-visible{outline:none}.svc-web:has(a:focus-visible){outline:3px solid var(--ink);outline-offset:4px}.svc-web-line{grid-area:line;max-width:24em;margin-top:10px;font-size:1.2rem;font-weight:700;line-height:1.55}.svc-web-go{background:var(--milk);min-height:48px;color:var(--ink);border:2px solid var(--ink);border-radius:999px;grid-area:go;justify-self:start;align-items:center;gap:.5em;margin-top:18px;padding:0 1.4rem;font-weight:800;transition:background-color .16s;display:inline-flex}.svc-web-go svg{width:1.15em;height:1.15em}@media (hover:hover) and (pointer:fine){.svc-web:has(h3 a:hover) .svc-web-go{background:var(--blush)}}@media (min-width:768px){.svc-web{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num lab hand""num name hand""num line hand""num go hand";align-items:start;column-gap:34px;padding:30px 34px 38px}.svc-web-num{grid-row:1/5;padding-top:0;font-size:clamp(8rem,15vw,12rem)}.svc-web .lab{margin-top:6px}.svc-web h3{font-size:clamp(2rem,4vw,3rem)}.svc-web .svc-web-hand{grid-row:1/5;width:clamp(180px,20vw,280px);margin:-62px -20px 0 0}}
