.webdesign-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:50px;display:grid}.webdesign-path{background:var(--ink-2);border:1px solid var(--line);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.webdesign-path-copy{flex-direction:column;flex:1;align-items:start;gap:24px;padding:clamp(26px,3vw,48px);display:flex}.webdesign-path h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1.05}.webdesign-path-copy>p:not(.eyebrow){color:var(--mute);max-width:42ch}.webdesign-path .btn{margin-top:auto}.webdesign-path-preview{aspect-ratio:16/9;background:#eee;border-radius:12px;margin:0 24px 24px;display:block;overflow:hidden}.webdesign-path-preview img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s var(--ease-out)}.motion-on .webdesign-path:hover img{transform:scale(1.035)}.project-spotlight{padding-top:var(--section);padding-bottom:var(--section)}.project-spotlight-head{margin-bottom:36px}.project-spotlight-head h2{letter-spacing:-.045em;margin-top:20px;font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.06}.project-spotlight-head h2>span{color:var(--mute);letter-spacing:-.025em;margin-top:12px;font-size:clamp(1.3rem,2.3vw,2.3rem);display:block}.project-spotlight-image{isolation:isolate;background:#f7f4eb;border-radius:clamp(14px,2vw,28px);display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff18}.project-spotlight-image img{width:100%;height:auto;transition:transform 1s var(--ease-out)}.motion-on .project-spotlight-image:hover img{transform:scale(1.025)}.project-open{background:var(--ink);width:64px;height:64px;color:var(--paper);border:1px solid var(--line);border-radius:50%;place-items:center;font-size:30px;transition:transform .3s;display:grid;position:absolute;bottom:24px;right:24px}.motion-on .project-spotlight-image:hover .project-open{transform:rotate(5deg)}.project-spotlight-foot{justify-content:space-between;align-items:center;gap:32px;margin-top:30px;display:flex}.project-spotlight-foot p{font-size:var(--fs-lead);color:var(--mute);max-width:54ch}@supports (animation-timeline:var(--view)){@media (prefers-reduced-motion:no-preference){.motion-on .project-spotlight-image{animation:linear both project-enter;animation-timeline:var(--view);animation-range:entry entry 80%}@keyframes project-enter{0%{transform:translateY(32px)scale(.975)}to{transform:none}}}}@media (width<=700px){.webdesign-paths{grid-template-columns:1fr;gap:20px;padding-bottom:0}.webdesign-path-copy{gap:20px}.project-spotlight-foot{flex-direction:column;align-items:start}.project-spotlight-head{margin-bottom:24px}.project-open{width:44px;height:44px;font-size:23px;bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.project-spotlight-image img,.project-open,.webdesign-path-preview img{transition:none}}.webdesign-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:510px;display:grid!important}.webdesign-hero-actions .btn{width:100%;padding-inline:18px}@media (width<=820px){.page-hero[data-page=ifgwebdesign] .page-slot{order:0;max-height:240px}.page-hero[data-page=ifgwebdesign] .wrap{gap:24px}.page-hero[data-page=ifgwebdesign]{padding-top:32px}}@media (width<=480px){.webdesign-hero-actions{grid-template-columns:1fr;max-width:none}}.voices-page{overflow:clip}.voices-hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:36px;min-height:640px;padding-block:clamp(40px,6vw,90px) 32px;display:grid}.voices-hero-copy{z-index:2;position:relative}.voices-hero h1{letter-spacing:-.06em;margin:24px 0 32px;font-size:clamp(4rem,7.8vw,8rem);font-weight:600;line-height:.93}.voices-hero h1>span{color:var(--mute);display:block}.voices-hero .lead{max-width:36ch;font-size:clamp(1.1rem,1.5vw,1.35rem)}.voices-hero .actions{gap:12px 24px;margin-top:28px}.voices-stage{isolation:isolate;perspective:1000px;min-width:0;height:500px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s ease-out;position:relative}.voices-quote{filter:drop-shadow(0 36px 40px #0009);width:94%;height:90%;position:absolute;top:2%;left:3%;transform:rotate(-9deg)}.voices-orbit{aspect-ratio:1;border:1px solid #c87bee26;border-radius:50%;width:95%;margin:auto;position:absolute;inset:0;transform:rotateX(62deg)rotate(-25deg)}.voices-orbit-b{border-color:#fd9c8733;width:65%;transform:rotateX(55deg)rotate(34deg)}.voices-fragment{z-index:2;perspective:900px;width:270px;display:grid;position:absolute}.voices-face{opacity:0;visibility:hidden;backface-visibility:hidden;min-width:0;transform:rotateX(calc(var(--rx,0deg)*-.7)) rotateY(calc(var(--ry,0deg)*.7));background:linear-gradient(135deg,#201727f5,#0e0b12f5);border:1px solid #d5b3df33;border-radius:18px;grid-area:1/1;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;gap:12px;padding:20px 22px;transition:transform .28s ease-out,border-color .28s ease-out;display:grid;box-shadow:0 24px 60px #0007}.voices-face[data-current=true]{opacity:1;visibility:visible}.voices-face>span{color:var(--mute);text-transform:uppercase;letter-spacing:.09em;align-self:center;font-size:10px}@media (hover:hover) and (pointer:fine){.motion-on .voices-stage:hover .voices-face{border-color:#d5b3df99}}.voices-fragment .rating-stars{width:60px;height:12px}.voices-fragment p{grid-column:1/-1;font-size:15px;line-height:1.5}.voices-fragment small{grid-column:1/-1;font-size:12px;font-weight:600}.voices-fragment-a{top:0;right:-3%;transform:rotate(6deg)}.voices-fragment-b{width:300px;bottom:0;left:-6%;transform:rotate(-6deg)}.voices-spark{color:var(--coral);font-size:50px;line-height:1;position:absolute}.voices-spark-a{bottom:19%;right:1%}.voices-spark-b{color:var(--violet);font-size:24px;top:13%;left:1%}.motion-on .voices-stage[data-voices-active=true] .voices-quote{animation:9s ease-in-out infinite alternate voice-sculpture}.motion-on .voices-stage[data-voices-active=true] .voices-fragment-a{animation:7s ease-in-out infinite alternate voice-float-a}.motion-on .voices-stage[data-voices-active=true] .voices-fragment-b{animation:9s ease-in-out -3s infinite alternate voice-float-b}.motion-on .voices-stage[data-voices-active=true] .voices-spark{animation:7s ease-in-out infinite alternate voice-spark}@keyframes voice-sculpture{0%{transform:translateY(-8px)rotate(-11deg)rotateY(-8deg)}to{transform:translateY(10px)rotate(-4deg)rotateY(8deg)}}@keyframes voice-float-a{0%{transform:translateY(0)rotate(6deg)}to{transform:translateY(-14px)rotate(3deg)}}@keyframes voice-float-b{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(12px)rotate(-3deg)}}@keyframes voice-spark{0%{transform:rotate(-12deg)scale(.9)}to{transform:rotate(12deg)scale(1.1)}}.voices-ratings{padding-top:50px;padding-bottom:50px}.voices-ratings .reviews{max-width:none}.voices-ratings .reviews>ul{grid-template-columns:repeat(3,minmax(0,1fr))}.voices-ratings .reviews>ul>li{min-width:0}.voices-ratings .reviews .caption{margin-top:16px}.voices-collection{padding-block:70px 0;scroll-margin-top:90px}.voices-intro{grid-template-columns:1.3fr 1fr;align-items:end;gap:48px;margin-bottom:36px;display:grid}.voices-intro h2{max-width:20ch;font-size:clamp(2rem,3.5vw,3.5rem)}.voices-intro>p{max-width:40ch;color:var(--mute);font-size:var(--fs-body)}.voices-filters{flex-wrap:wrap;gap:10px;margin-bottom:32px;display:flex}.voices-filters button{font:500 13px/1.3 var(--body);min-height:44px;color:var(--mute);cursor:pointer;background:0 0;border:1px solid #cbb7d32b;border-radius:99px;padding:12px 20px;transition:background-color .2s,color .2s,border-color .2s}.voices-filters button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.voices-filters button:hover{border-color:var(--violet)}.voices-wall{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.voice-card{background:var(--ink-2);border:1px solid #cbb7d320;border-radius:22px;flex-direction:column;min-width:0;padding:clamp(24px,2.2vw,34px);transition:border-color .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.voice-card:hover{background:#151019;border-color:#c87bee66}.voice-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.voice-source{font:500 11px/1.3 var(--body);letter-spacing:.035em;color:var(--mute)}.voice-card .rating-stars{width:75px;height:15px}.voice-card blockquote{letter-spacing:-.01em;margin:30px 0 32px;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.65}.voice-card blockquote p{white-space:pre-line;overflow-wrap:anywhere}.voice-card-bottom{margin-top:auto}.voice-author{font-size:15px;font-weight:600}.voice-meta{color:var(--mute);margin-top:6px;font-size:11px;line-height:1.6}.voice-links{border-top:1px solid #cbb7d322;flex-wrap:wrap;gap:2px 24px;margin-top:18px;padding-top:10px;display:flex}.voice-links .link{min-height:44px;font-size:12px}.voice-links .link>.icon{color:var(--violet)}.voices-wall .voice-card:first-child{background:linear-gradient(120deg,#261b2b,#141017);grid-column:span 2}.voices-wall .voice-card:first-child blockquote{letter-spacing:-.025em;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.45}.voices-wall:has(.voice-card[hidden]) .voice-card{grid-column:auto}.voices-wall:has(.voice-card[hidden]) .voice-card blockquote{font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.65}.voices-archive{align-items:center;gap:clamp(24px,5vw,70px);padding-top:90px;padding-bottom:50px;display:flex}.voices-archive-mark{color:var(--violet);height:.6em;font:400 clamp(7rem,12vw,12rem)/.9 Georgia,serif}.voices-archive>div{max-width:800px}.voices-archive h2{margin-bottom:16px}.voices-archive p{color:var(--mute);font-size:15px;line-height:1.8}.voices-closing{padding-block:90px 120px}.voices-closing h2{max-width:18ch}.voices-closing .lead{max-width:38ch;margin:24px 0 30px}.voices-teaser{padding-block:var(--section)}.voices-teaser-head{justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px;display:flex}.voices-teaser-head .eyebrow{margin-bottom:20px}.voices-teaser-head h2{font-size:clamp(2rem,4vw,4rem)}.voices-teaser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width>=1100px){.voices-teaser-grid .voice-card:nth-child(2){transform:translateY(28px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.motion-on .voices-teaser-grid .voice-card{animation:linear both voice-arrive view();animation-range:entry entry 80%}@keyframes voice-arrive{0%{opacity:.65;translate:0 35px}to{opacity:1;translate:0}}}}@media (width<=1050px){.voices-hero{grid-template-columns:1fr 1fr;gap:16px}.voices-stage{height:430px}.voices-fragment{width:230px}.voices-face{padding:16px}.voices-fragment-b{width:250px}.voices-fragment p{font-size:13px}.voices-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.voices-wall .voice-card:first-child{grid-column:auto}.voices-wall .voice-card:first-child blockquote{font-size:1.25rem}.voices-teaser-grid{grid-template-columns:1fr}.voices-teaser-grid .voice-card{grid-template-columns:1fr 1.6fr;gap:20px 40px;display:grid}.voices-teaser-grid blockquote{grid-area:1/2/span 2;margin:0}.voices-teaser-grid .voice-card-bottom{grid-column:1}}@media (width<=700px){.voices-hero{flex-direction:column;align-items:stretch;padding-top:32px;display:flex}.voices-hero h1{font-size:clamp(4rem,17vw,6.8rem)}.voices-hero .lead{max-width:36ch}.voices-stage{align-self:center;width:min(100%,420px);height:430px;margin-top:28px}.voices-fragment-a{top:10px;right:0}.voices-fragment-b{bottom:8px;left:0}.voices-quote{width:95%;height:84%}.voices-ratings{padding-top:40px;padding-bottom:0}.voices-ratings .reviews>ul{grid-template-columns:1fr}.voices-intro{grid-template-columns:1fr;gap:20px}.voices-collection{padding-top:70px}.voices-wall{grid-template-columns:1fr;gap:16px}.voice-card{padding:26px}.voices-filters{gap:8px}.voices-filters button{padding-inline:16px;font-size:12px}.voices-archive{align-items:start;gap:20px;padding-top:64px}.voices-archive-mark{font-size:6rem}.voices-archive p{font-size:14px}.voices-closing{padding-block:64px 80px}.voices-teaser-head{flex-direction:column;align-items:start}.voices-teaser-grid .voice-card{gap:0;display:flex}.voices-teaser-grid blockquote{margin:24px 0}.voices-stage .voices-fragment p{font-size:13px}}html:not(.motion-on) .voices-face{transition:none}@media (prefers-reduced-motion:reduce){.voices-stage,.voices-face,.voice-card,.voices-filters button{transition:none}.voices-stage *{animation:none!important}}
