.studio-intro{color:#111d2b;background:#f6f7f4}.studio-intro-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:clamp(48px,8vw,130px);display:grid}.studio-intro h2{max-width:680px}.studio-intro-copy>p:first-child{font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.6}.studio-intro-aside{color:#56616c;border-top:1px solid #d9dfdc;margin-top:32px;padding-top:24px;font-size:.95rem}.studio-intro-copy .studio-text-link{margin-top:28px}.studio-project-role{color:var(--muted);margin-top:16px;font-size:.85rem}.studio-offer-description .studio-text-link{color:var(--accent);margin-top:24px}.studio-work{color:#111d2b;background:#f6f7f4;padding-top:30px}.studio-work .section-heading{margin-bottom:74px}.studio-work .section-heading h2{max-width:780px}.studio-projects{gap:108px;display:grid}.studio-project{grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr);align-items:center;gap:54px;display:grid}.studio-project--memories{grid-template-columns:minmax(250px,1fr) minmax(0,1.5fr)}.studio-project--memories .studio-project-visual{order:2}.studio-project-visual{transform-origin:50%;min-width:0}.studio-project-image{isolation:isolate;background:#e6ebe6;border:1px solid #d5ddd8;border-radius:18px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 44px -35px #111d2b5c}.studio-browser-bar{color:#657079;background:#fff;border-bottom:1px solid #e0e5df;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:8px 15px;font-size:.65rem;display:flex}.studio-browser-dots{gap:4px;display:flex}.studio-browser-dots i{background:#c8d0ca;border-radius:50%;width:5px;height:5px;display:block}.studio-project-image img{aspect-ratio:1.65;object-fit:cover;object-position:center top;width:100%;transition:transform .65s cubic-bezier(.22,1,.36,1)}.studio-project--memories .studio-project-image img{aspect-ratio:1.4}.studio-project-image:hover img{transform:scale(1.035)}.studio-project-open{color:#cef682;background:#111d2b;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .2s,color .2s;display:grid;position:absolute;bottom:18px;right:18px}.studio-project-image:hover .studio-project-open{color:#111d2b;background:#cef682}.studio-project-kind{color:#56616c;margin-top:14px;font-size:.8rem}.studio-project-copy h3{font-size:clamp(1.7rem,2.7vw,2.6rem);font-family:var(--font-display);letter-spacing:-.035em;line-height:1.1}.studio-project-title{margin-top:21px;font-size:1.125rem;line-height:1.55}.studio-project-description{color:#56616c;margin-top:12px;font-size:.95rem;line-height:1.7}.studio-text-link{border-bottom:1px solid #8b969e;align-items:center;gap:12px;margin-top:28px;padding-bottom:6px;font-size:.875rem;display:inline-flex}.studio-text-link:hover{border-color:#111d2b}.studio-text-link svg{transition:transform .2s}.studio-text-link:hover svg{transform:translate(2px,-2px)}.studio-offer{color:#111d2b;background:#fff}.studio-offer .section-heading{margin-bottom:60px}.studio-offer-panel{color:#f6f7f4;background:#111d2b;border-radius:24px;grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);display:grid;overflow:hidden}.studio-offer-description{padding:clamp(32px,4.2vw,60px)}.studio-offer-description h3{font-size:clamp(1.75rem,2.8vw,2.6rem);font-family:var(--font-display);line-height:1.1}.studio-offer-deliverable{color:#bac5cc;max-width:510px;margin-top:22px;font-size:1.05rem}.studio-scope-list{gap:17px;margin-top:38px;padding:0;list-style:none;display:grid}.studio-scope-list li{align-items:flex-start;gap:14px;font-size:.95rem;line-height:1.5;display:flex}.studio-scope-list svg{color:#cef682;flex:0 0 18px;margin-top:3px}.studio-offer-timing{color:#a8b6c0;border-top:1px solid #31404e;margin-top:38px;padding-top:23px;font-size:.8rem}.studio-offer-price{background:#1c2a38;flex-direction:column;align-items:flex-start;padding:clamp(32px,4.2vw,60px);display:flex}.studio-price-main{font-family:var(--font-display);letter-spacing:-.035em;white-space:nowrap;font-size:clamp(3rem,4.4vw,4.7rem);font-weight:700;line-height:1.06}.studio-price-unit{color:#b9c5ce;margin-top:8px;font-size:.9rem}.studio-care-price{color:#cef682;flex-wrap:wrap;align-items:baseline;column-gap:9px;margin-top:30px;font-size:1.35rem;display:flex}.studio-care-price span{color:#d3dce2;font-size:.8rem}.studio-price-note{color:#b4c1ca;margin-top:15px;font-size:.8rem}.studio-price-total{border-top:1px solid #41505c;margin-top:29px;margin-bottom:34px;padding-top:22px;font-size:.9rem}.studio-offer-price .button{color:#111d2b;background:#cef682;border-color:#cef682;justify-content:space-between;width:100%;margin-top:auto;padding-inline:20px;font-size:.85rem}.studio-offer-price .button:hover{background:#dffcaa}.studio-offer-reassurance{color:#56616c;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);margin-top:38px;font-size:.9rem;line-height:1.7;display:grid}.studio-offer-reassurance>p{max-width:530px}.studio-offer-reassurance h3{color:#111d2b;margin-bottom:8px;font-size:1.15rem}.studio-terms{color:#657079;margin-top:30px;font-size:.75rem;line-height:1.7}.studio-supplementary{margin-top:100px}.studio-supplementary-title{grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin-bottom:35px;display:grid}.studio-supplementary-title h3{max-width:470px;font-size:clamp(1.7rem,3vw,2.5rem)}.studio-supplementary-title p{color:#56616c;max-width:440px;font-size:.95rem}.studio-service-rows details{border-bottom:1px solid #d7ded9}.studio-service-rows details:first-child{border-top:1px solid #d7ded9}.studio-service-rows summary{cursor:pointer;grid-template-columns:1fr auto 32px;align-items:center;gap:28px;padding:27px 0;font-size:1.15rem;line-height:1.4;list-style:none;display:grid}.studio-service-rows summary::-webkit-details-marker{display:none}.studio-service-price{font-family:var(--font-display);font-size:1.3rem}.studio-service-price small{font-family:var(--font-body);color:#56616c;font-size:.8rem}.studio-details-plus{transition:transform .2s}.studio-service-rows details[open] .studio-details-plus{transform:rotate(45deg)}.studio-service-detail{color:#56616c;max-width:760px;padding:0 0 30px;font-size:.95rem}.studio-service-detail>p+p{margin-top:14px}.studio-service-detail ul{margin-block:20px;padding-left:21px;list-style:outside}.studio-service-detail li+li{margin-top:7px}.studio-supplementary-notes{color:#657079;grid-template-columns:1fr 1fr;gap:48px;margin-top:25px;font-size:.8rem;line-height:1.7;display:grid}.studio-process{color:#111d2b;background:#edf0ec}.studio-process-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(64px,9vw,150px);display:grid}.studio-process-intro{top:calc(var(--header-height,88px) + 40px);position:sticky}.studio-process .section-heading{margin:0 0 30px;display:block}.studio-process .section-heading h2{max-width:610px;font-size:clamp(2.5rem,4.2vw,4.2rem)}.studio-process .section-heading>p{color:#56616c;max-width:420px;margin-top:28px;font-size:1rem}.studio-process-intro .button{font-size:.85rem}.studio-timeline-wrap{position:relative}.studio-timeline-line{background:#cdd6cd;width:2px;height:calc(100% - 52px);position:absolute;top:26px;left:25px}.studio-timeline-line span{transform:scaleY(var(--timeline-progress,0));transform-origin:top;background:#3d624d;position:absolute;inset:0}.studio-timeline{gap:60px;margin:0;padding:0;list-style:none;display:grid}.studio-timeline li{grid-template-columns:52px 1fr;gap:28px;display:grid;position:relative}.studio-timeline-point{background:#edf0ec;border:1px solid #bdc9bf;border-radius:50%;place-items:center;width:52px;height:52px;font-size:.8rem;font-weight:600;transition:color .25s,background .25s,border-color .25s;display:grid}.studio-timeline li[data-reached=true] .studio-timeline-point{color:#cef682;background:#111d2b;border-color:#111d2b}.studio-timeline h3{font-size:clamp(1.3rem,2vw,1.8rem);font-family:var(--font-display);margin-top:10px;line-height:1.2}.studio-timeline p{color:#56616c;margin-top:16px;font-size:.95rem;line-height:1.7}.studio-timeline-detail{color:#3c6049;margin-top:20px;font-size:.75rem;display:inline-block}.studio-founder{color:#111d2b;background:#f6f7f4}.studio-founder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(48px,8vw,120px);display:grid}.studio-portrait-area{perspective:1000px;margin:-8px;padding:8px}.studio-portrait{aspect-ratio:.85;min-height:610px;transform:rotateX(var(--portrait-x,0deg)) rotateY(var(--portrait-y,0deg));isolation:isolate;background:#dce4d8;border-radius:24px;transition:transform .22s ease-out;position:relative;overflow:hidden}.studio-portrait:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--portrait-mouse-x,50%) var(--portrait-mouse-y,50%), #ffffff16, transparent 55%);opacity:var(--portrait-light,0);transition:opacity .3s;position:absolute;inset:0}.studio-portrait img{object-fit:cover;object-position:61% center;width:100%;height:100%;position:absolute;inset:0}.studio-portrait figcaption{color:#fff;background:linear-gradient(#0000,#111d2bc9);padding:90px 32px 29px;position:absolute;bottom:0;left:0;right:0}.studio-portrait figcaption strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.4rem;line-height:1.2;display:block}.studio-portrait figcaption span{color:#e1e8e2;margin-top:7px;font-size:.8rem;display:block}.studio-founder-copy h2{max-width:550px}.studio-founder-copy>p{color:#56616c;margin-top:19px;font-size:.95rem;line-height:1.75}.studio-founder-copy>.studio-founder-lead{color:#111d2b;margin-top:30px;margin-bottom:25px;font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.55}.studio-founder-copy .button{margin-top:30px}@media (width<=1050px){.studio-project{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:32px}.studio-project--memories{grid-template-columns:minmax(240px,1fr) minmax(0,1.4fr)}.studio-offer-panel{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)}.studio-offer-description,.studio-offer-price{padding:34px}.studio-process-grid,.studio-founder-grid{gap:48px}.studio-portrait{min-height:590px}}@media (width<=780px){.studio-intro-grid,.studio-offer-panel,.studio-process-grid,.studio-founder-grid{grid-template-columns:1fr}.studio-intro-grid{gap:30px}.studio-intro-aside{margin-top:25px}.studio-work .section-heading{margin-bottom:40px}.studio-projects{gap:70px}.studio-project,.studio-project--memories{grid-template-columns:1fr;gap:26px}.studio-project--memories .studio-project-visual{order:0}.studio-project-image{border-radius:14px}.studio-project--memories .studio-project-image img{aspect-ratio:1.6}.studio-project-copy{grid-template-columns:1fr 1.2fr;align-items:start;gap:0 28px;display:grid}.studio-project-kind,.studio-project-copy h3,.studio-project-copy .studio-text-link{grid-column:1}.studio-project-copy h3{grid-row:2}.studio-project-title,.studio-project-description{grid-column:2}.studio-project-title{grid-row:1/span 2;margin-top:0}.studio-project-description{grid-row:3/span 2}.studio-project-kind{margin-bottom:10px}.studio-project-copy .studio-text-link{justify-self:start}.studio-offer .section-heading{margin-bottom:38px}.studio-offer-price{grid-template-columns:1fr 1fr;gap:0 30px;padding:36px;display:grid}.studio-price-top{grid-column:1}.studio-care-price{grid-area:1/2;align-self:start;margin-top:7px;display:block}.studio-care-price span{margin-top:6px;display:block}.studio-price-note,.studio-price-total,.studio-offer-price .button{grid-column:1/-1}.studio-price-note{margin-top:26px}.studio-offer-price .button{justify-self:start;gap:24px;width:auto}.studio-price-main{font-size:3.75rem}.studio-offer-reassurance,.studio-supplementary-title{gap:32px}.studio-process-grid{gap:55px}.studio-process-intro{position:static}.studio-process .section-heading h2,.studio-process .section-heading>p{max-width:600px}.studio-timeline{gap:42px}.studio-timeline li{gap:25px}.studio-founder-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:40px}.studio-portrait{min-height:630px}.studio-portrait figcaption{padding:80px 22px 24px}.studio-portrait figcaption strong{font-size:1.2rem}}@media (width<=590px){.studio-work{padding-top:8px}.studio-project-copy{display:block}.studio-project-copy h3{font-size:1.9rem}.studio-project-title{margin-top:16px}.studio-project-open{width:42px;height:42px;bottom:12px;right:12px}.studio-project-open svg{width:22px}.studio-project-kind{font-size:.75rem}.studio-project-description{font-size:.9rem}.studio-text-link{margin-top:21px}.studio-offer-panel{border-radius:18px}.studio-offer-description,.studio-offer-price{padding:29px 25px}.studio-scope-list{gap:17px;margin-top:28px}.studio-scope-list li{gap:11px;font-size:.875rem}.studio-offer-deliverable{margin-top:17px;font-size:.95rem}.studio-offer-price{display:flex}.studio-price-main{font-size:clamp(2.6rem,13vw,3.75rem)}.studio-care-price{margin-top:23px;display:flex}.studio-care-price span{display:inline}.studio-price-note{margin-top:15px}.studio-price-total{margin-top:25px;margin-bottom:25px}.studio-offer-price .button{white-space:normal;text-align:left;gap:12px;width:100%;padding-inline:16px;font-size:.78rem}.studio-offer-price .button svg{flex:0 0 18px}.studio-offer-reassurance,.studio-supplementary-title,.studio-supplementary-notes{grid-template-columns:1fr;gap:23px}.studio-supplementary{margin-top:65px}.studio-supplementary-title{gap:18px;margin-bottom:28px}.studio-service-rows summary{grid-template-columns:1fr auto 24px;gap:14px;padding-block:23px;font-size:.95rem}.studio-service-price{font-size:1.05rem}.studio-service-price small{margin-top:2px;font-size:.7rem;display:block}.studio-service-detail{font-size:.85rem}.studio-supplementary-notes{gap:16px}.studio-timeline li{grid-template-columns:40px 1fr;gap:21px}.studio-timeline-point{width:40px;height:40px;font-size:.7rem}.studio-timeline-line{left:19px}.studio-timeline h3{margin-top:7px;font-size:1.35rem}.studio-timeline p{margin-top:14px;font-size:.9rem}.studio-timeline-detail{margin-top:16px;font-size:.7rem}.studio-founder-grid{grid-template-columns:1fr;gap:38px}.studio-portrait{aspect-ratio:.88;border-radius:18px;min-height:0}.studio-portrait img{object-position:60% center}.studio-portrait figcaption{padding:100px 25px 26px}.studio-portrait figcaption strong{font-size:1.4rem}.studio-founder-copy>p{font-size:.9rem}.studio-founder-copy>.studio-founder-lead{margin-top:24px;margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.studio-project-visual,.studio-portrait,.studio-project-image img{transition:none;opacity:1!important;transform:none!important}.studio-portrait:after{display:none}.studio-timeline-line span{transform:scaleY(1)}.studio-timeline-point,.studio-text-link svg,.studio-details-plus{transition:none}}.webdesign-hero{background:var(--ink);color:var(--paper);padding-block:40px 100px}.webdesign-breadcrumb{color:#c4ccd1;margin-bottom:64px;font-size:.85rem}.webdesign-breadcrumb ol{flex-wrap:wrap;gap:12px;display:flex}.webdesign-breadcrumb li+li:before{content:"/";color:#a8b6c0;margin-right:12px}.webdesign-breadcrumb a{text-decoration:underline}.webdesign-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);align-items:center;gap:clamp(40px,5vw,72px);display:grid}.webdesign-hero h1{max-width:850px;font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1.07}.webdesign-hero h1 span{display:block}.webdesign-title-accent{color:var(--accent)}.webdesign-problem{max-width:34ch;font:500 clamp(1.2rem, 1.8vw, 1.5rem) / 1.45 var(--font-display);letter-spacing:-.015em;color:var(--accent);text-wrap:balance;margin-top:26px}.webdesign-lead{color:#d2dbe1;max-width:62ch;margin-top:30px;font-size:1.1rem}.webdesign-problem+.webdesign-lead{margin-top:22px}.webdesign-no-website{color:#c4ccd1;max-width:58ch;margin-top:16px;font-size:.95rem}.webdesign-hero-scope{color:#d2dbe1;margin-top:20px}.webdesign-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.webdesign-hero-price{color:#c4ccd1;margin-top:24px;font-size:.9rem}.webdesign-portrait img{aspect-ratio:3/2;object-fit:cover;border-radius:16px;width:100%}.webdesign-portrait figcaption{color:#c4ccd1;max-width:38ch;margin-top:18px;font-size:.85rem}.webdesign-fit,.webdesign-region{background:var(--paper)}.webdesign-fit-row,.webdesign-region-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);display:grid}.webdesign-fit-row{border-top:1px solid var(--line);padding-block:32px}.webdesign-fit-row p,.webdesign-clarify dd,.webdesign-region p{color:var(--muted);max-width:68ch}.webdesign-fit-row h3{max-width:26ch}.webdesign-scope,.webdesign-related{background:#fff}.webdesign-scope-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,100px);display:grid}.webdesign-scope h3{font-size:clamp(1.4rem,2.5vw,2rem)}.webdesign-scope .studio-scope-list svg{color:#4d702e}.webdesign-scope-timing{border-top:1px solid var(--line);color:var(--muted);max-width:62ch;margin-top:32px;padding-top:24px}.webdesign-clarify{margin:24px 0 0}.webdesign-clarify>div{border-top:1px solid var(--line);padding-block:20px}.webdesign-clarify dt{margin-bottom:8px;font-weight:600}.webdesign-clarify dd{margin:0}.webdesign-investment{background:var(--ink);color:var(--paper)}.webdesign-investment .section-heading>p{color:#c4ccd1}.webdesign-investment-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:clamp(48px,7vw,100px);display:grid}.webdesign-investment table{border-collapse:collapse;text-align:left;width:100%}.webdesign-investment caption{text-align:left;color:#c4ccd1;margin-bottom:20px;font-size:.85rem}.webdesign-investment th,.webdesign-investment td{vertical-align:top;border-top:1px solid #4b5965;padding-block:24px}.webdesign-investment th{padding-right:24px;font-weight:400}.webdesign-investment th small{color:#c4ccd1;margin-top:5px;display:block}.webdesign-investment td{font:500 clamp(1.25rem, 2.5vw, 1.7rem) / 1.3 var(--font-display);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.webdesign-total th,.webdesign-total td{color:var(--accent);font-weight:700}.webdesign-price-note{color:#c4ccd1;max-width:66ch;margin-top:20px;font-size:.85rem}.webdesign-care p{color:#c4ccd1;max-width:62ch;margin-top:24px}.webdesign-care .text-link{color:var(--accent);margin-top:24px}.webdesign-region p+p{margin-top:24px}.webdesign-related .text-link{font:inherit;align-items:baseline}@media (width<=900px){.webdesign-hero-grid,.webdesign-investment-grid{grid-template-columns:minmax(0,1fr)}.webdesign-portrait{max-width:480px}.webdesign-hero h1{font-size:clamp(2.5rem,6.5vw,4.5rem)}}@media (width<=680px){.webdesign-hero{padding-block:28px 72px}.webdesign-breadcrumb{margin-bottom:40px}.webdesign-fit-row,.webdesign-scope-grid,.webdesign-region-grid{grid-template-columns:minmax(0,1fr);gap:24px}.webdesign-scope-grid{gap:48px}.webdesign-actions{flex-direction:column;align-items:flex-start}.webdesign-investment th{padding-right:16px;font-size:.9rem}}
