*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,figure{margin:0}img{max-width:100%;height:auto;display:block}picture{display:block}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}[hidden]{display:none!important}:root{--color-text:#18191b;--color-muted:#5a5a59;--color-background:#f5f4f0;--color-surface:#fff;--color-primary:#18191b;--color-primary-hover:#45413b;--color-border:#d5d3cc;--color-focus:#b77925;--color-accent:#4f6878;--color-accent-line:#8096a3;--color-accent-surface:#e8edef;--color-link-hover:var(--color-accent);--color-link-hover-on-dark:#a8bbc6;--font-body:"Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--content-width:82rem;--gutter:clamp(1.25rem, 5vw, 5rem)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}body{min-width:0;color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere;background:var(--color-background);font-size:1rem;line-height:1.8}a{color:inherit;text-underline-offset:3px;transition:color .24s,text-decoration-color .24s}@media (any-hover:hover){a:not(.c-brand,.c-button,.l-header__contact,.c-skip-link):hover{color:var(--interactive-link-hover,var(--color-link-hover))}}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.c-skip-link{z-index:100;color:var(--color-surface);background:var(--color-primary);padding:.75rem 1.25rem;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-200%)}.c-skip-link:focus-visible{transform:translateY(0)}.c-button{text-align:center;border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:color .24s,background-color .24s,border-color .24s;display:inline-flex}.c-button--primary{color:var(--color-surface);background:var(--color-primary)}.c-button--secondary{color:var(--color-primary);border-color:var(--color-primary);background:0 0}@media (any-hover:hover){.c-button--primary:hover{background:var(--color-accent)}.c-button--secondary:hover{color:var(--color-surface);background:var(--color-accent);border-color:var(--color-accent)}}html{scroll-padding-top:2rem}.l-container{width:min(100% - var(--gutter) * 2, var(--content-width));margin-inline:auto}.l-section{padding-block:clamp(5rem,11vw,10rem)}.l-header{z-index:10;width:100%;padding:1.8rem var(--gutter);justify-content:space-between;align-items:center;gap:1rem;transition:background-color .24s,border-color .24s,box-shadow .24s;display:flex;position:absolute}.l-header.is-fixed{backdrop-filter:blur(14px);background:#f5f4f0e8;border-bottom:1px solid #18191b1a;position:fixed;top:0;box-shadow:0 .7rem 2rem #18191b0d}.c-brand{align-items:center;width:12.5rem;min-width:0;max-width:100%;min-height:2.75rem;text-decoration:none;display:inline-flex}.c-brand picture{width:100%;display:block}.c-brand__image{width:100%;height:auto;display:block}.c-brand--inverse{width:15rem}.l-header__nav{display:none}.l-header__mobile{flex-shrink:0;font-size:.8125rem}.l-header__mobile summary{cursor:pointer;padding:.6rem 0}.l-header__mobile nav{top:5.5rem;right:var(--gutter);left:var(--gutter);background:var(--color-background);border:1px solid var(--color-border);padding:1rem 1.5rem;display:grid;position:absolute;box-shadow:0 1rem 3rem #18191b14}.l-header__mobile a{padding-block:.85rem;text-decoration:none}.l-header__nav a[aria-current],.l-header__mobile a[aria-current]{color:var(--color-accent);text-underline-offset:3px;text-decoration-line:underline;text-decoration-thickness:1px}.l-header__mobile .l-header__contact{color:#f5f4f0;text-align:center;background:#18191b;margin-top:.5rem;padding-inline:.9rem}.l-header__mobile .l-header__contact[aria-current]{color:#f5f4f0;text-decoration:none}.p-works,.p-contact,.l-footer{--interactive-link-hover:var(--color-link-hover-on-dark)}.c-eyebrow{letter-spacing:.05em;margin-bottom:1.4rem;font-size:.75rem;font-weight:500}.c-text-link{flex-wrap:wrap;align-items:center;gap:.7rem;padding-block:.5rem;font-size:.875rem;text-decoration:none;display:inline-flex}.c-text-link__line{background:currentColor;width:2.5rem;height:1px;margin-left:.5rem;transition:width .24s;display:block;position:relative}.c-text-link__line:after{content:"";transform-origin:100%;background:currentColor;width:.45rem;height:1px;position:absolute;bottom:0;right:0;transform:rotate(40deg)}.c-text-link:hover .c-text-link__line{width:3.2rem}.p-hero{color:#18191b;background:#f5f4f0;position:relative}.p-hero__stage{flex-direction:column;min-height:max(48rem,100svh);display:flex;position:relative;overflow:clip}.p-hero__visual{z-index:0;pointer-events:none;position:absolute;inset:0}.p-hero__video{z-index:1;opacity:0;object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.p-hero__fallback{z-index:0;object-fit:cover;object-position:64% center;width:100%;height:100%;position:absolute;inset:0}.p-hero__visual:after{z-index:2;content:"";background:linear-gradient(#f5f4f08f,#f5f4f042 65%,#f5f4f066);position:absolute;inset:0}.p-hero__content{z-index:1;margin-top:10rem;position:relative}.p-hero h1{letter-spacing:-.065em;margin-block:0 1.6rem;font-size:clamp(2.3rem,7.2vw,5.75rem);font-weight:500;line-height:1.36;translate:-1px}.p-hero h1 span{display:block}.p-hero__description{font-size:clamp(.875rem,1.15vw,1rem);line-height:2.1}.p-hero .c-text-link{margin-top:1.9rem}.p-hero__bottom{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;padding-block:5rem 2rem;display:flex;position:relative}.p-hero__bottom p{font-size:.8125rem;line-height:1.8;display:none}.p-hero__scroll{letter-spacing:.08em;font-size:.6875rem}.c-motion{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.6rem 0;font-size:.75rem;text-decoration-line:underline;text-decoration-thickness:1px;transition:color .24s,text-decoration-color .24s}.p-reveal{color:#24363c;background:linear-gradient(135deg,#f6f5f1 0%,#e0e8e9 100%);align-items:center;min-height:clamp(34rem,62svh,46rem);display:grid;position:relative;overflow:clip}.p-reveal__light{pointer-events:none;filter:blur(clamp(2rem,4vw,4rem));background:radial-gradient(18% 38% at 65% 34%,#fff 0% 24%,#f7fdffe6 40%,#f7fdff00 74%),radial-gradient(23% 34% at 27% 76%,#fff 0% 22%,#f0fafbb3 45%,#f0fafb00 78%),radial-gradient(44% 55% at 75% 65%,#829fab50 0%,#829fab24 48%,#829fab00 78%);position:absolute;inset:-30%}.p-reveal__light:after{content:"";background:linear-gradient(118deg,#fff0 33%,#ffffff38 39%,#ffffffe6 45%,#fff 48%,#ffffffa6 51%,#fff0 60%);position:absolute;inset:0}.p-reveal__content{text-align:center;max-width:48rem;padding-block:5rem 8rem;position:relative}.p-reveal h2{letter-spacing:-.04em;margin-bottom:2rem;font-size:clamp(2rem,4.4vw,3.5rem);font-weight:400;line-height:1.7}.p-reveal__content>p:last-child{font-size:.875rem;line-height:2.2}.p-works{color:#f5f4f0;background:#141516;padding-top:1px;padding-bottom:clamp(5rem,11vw,10rem);overflow:clip}.p-film{padding-block:1.5rem 3.5rem}.p-film__track{width:max-content;display:flex}.p-film__group{flex-shrink:0;gap:1rem;padding-right:1rem;display:flex}.p-film .c-mockup{flex-shrink:0;width:15rem}.c-section-heading{align-items:end;gap:1.5rem;margin-bottom:3.5rem;display:grid}.c-section-heading h2{letter-spacing:-.04em;font-size:clamp(1.85rem,3.4vw,2.75rem);font-weight:400;line-height:1.65}.c-section-heading>p{font-size:.875rem;line-height:2}.p-work-grid{align-items:start;gap:3.5rem;display:grid}.c-work__image{background:#dce4e7;display:block;overflow:hidden}.c-work__meta{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1.4rem;font-size:.6875rem;display:flex}.c-tag{border:1px solid;padding:.1rem .5rem;font-size:.6875rem}.c-work h3{margin-top:.7rem;font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:400}.c-work h3 a{text-decoration:none}.c-work__role{color:#bdbebc;margin-top:.6rem;font-size:.75rem}.c-work__site{color:#bdbebc;flex-wrap:wrap;gap:.15rem;margin-top:.55rem;font-size:.6875rem;line-height:1.5;text-decoration:none;display:flex}.c-work .c-text-link{margin-top:.15rem}.p-works__archive{border-top:1px solid #4b4d4c;justify-items:start;gap:.5rem;margin-top:4.5rem;padding-top:1.5rem;display:grid}.p-works__archive p{color:#bdbebc;font-size:.75rem}.c-eyebrow--accent{color:var(--color-accent);align-items:center;gap:.8rem;display:flex}.c-eyebrow--accent:before{content:"";background:currentColor;width:1.5rem;height:1px}.p-services__heading{align-items:end;gap:2rem;margin-bottom:clamp(3.5rem,6vw,5rem);display:grid}.p-services h2{letter-spacing:-.055em;font-size:clamp(2rem,4.6vw,3.75rem);font-weight:400;line-height:1.55}.p-services h2 span{color:var(--color-accent)}.p-services__intro>p{font-size:.875rem;line-height:2.1}.p-services__scope{color:var(--color-accent);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2.25rem;padding:0;list-style:none;display:grid}.p-services__scope li{border-top:1px solid var(--color-accent-line);padding-top:1rem;font-size:.75rem;position:relative}.p-services__scope li:before{background:var(--color-accent);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:0}.c-service{border-top:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);gap:1.5rem;padding-block:2rem 2.75rem;display:grid;position:relative}.c-service:before{background:var(--color-accent);content:"";width:2.5rem;height:1px;position:absolute;top:-1px}.c-service__number{color:var(--color-accent);letter-spacing:-.06em;font-size:clamp(2rem,3.5vw,3rem);font-weight:300;line-height:1.1}.c-service .c-eyebrow{color:var(--color-accent);margin-bottom:.55rem;font-size:.75rem;line-height:1.5}.c-service h3{letter-spacing:-.035em;font-size:clamp(1.375rem,2.2vw,1.875rem);font-weight:400;line-height:1.6}.c-service>div:last-child{grid-column:1/-1}.c-service p{font-size:.9375rem;line-height:2.1}.c-service .c-service__scope{color:var(--color-muted);margin-top:1rem;font-size:.75rem}.c-service--support h3{font-size:clamp(1.125rem,1.8vw,1.375rem)}.c-service--support .c-service__number{font-size:clamp(1.75rem,2.5vw,2.25rem)}.p-services__note{background:#edede8;gap:1rem;margin-top:.5rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.p-services__note h3{color:var(--color-accent);font-size:.875rem;font-weight:500}.p-services__note p{font-size:.8125rem;line-height:2}.p-process{background:var(--color-accent-surface)}.p-process__heading{align-items:end;gap:1.5rem;display:grid}.p-process h2{letter-spacing:-.055em;font-size:clamp(2rem,4.6vw,3.75rem);font-weight:400;line-height:1.5}.p-process h2 span{color:var(--color-accent);display:inline-block}.p-process__heading>p{font-size:.875rem;line-height:2.1}.p-process__steps{gap:3.25rem;margin-top:clamp(2.75rem,6vw,5.5rem);padding:0;list-style:none;display:grid}.p-process__steps li{min-width:0}.p-process__label{color:var(--color-accent);align-items:baseline;gap:1rem;display:flex}.p-process__number{letter-spacing:-.075em;font-size:clamp(2.5rem,4.5vw,4rem);font-weight:300;line-height:1}.p-process__name{letter-spacing:.08em;font-size:.75rem}.c-thread{width:100%;max-width:30rem;color:var(--color-accent);margin-block:.75rem 1rem}.c-thread svg{width:100%;height:auto;display:block}.c-thread path{stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round}.has-motion .c-thread path{stroke-dasharray:1;stroke-dashoffset:0}.c-thread path:nth-child(2n){stroke:var(--color-accent-line)}.has-motion .c-thread:not(.is-complete) path{stroke-dashoffset:1px}.has-motion .c-thread.is-drawn:not(.is-complete) path{animation:thread-draw var(--draw-duration,1.8s) linear var(--draw-delay,0s) both}.has-motion .c-thread.is-drawn.is-outside path{animation-play-state:paused}@keyframes thread-draw{to{stroke-dashoffset:0}}.p-process__steps h3{letter-spacing:-.035em;margin-block:0 1rem;font-size:clamp(1.0625rem,1.65vw,1.375rem);font-weight:500}.p-process__steps p{font-size:.9375rem;line-height:2.1}.p-about{isolation:isolate;position:relative}.p-about__threads{z-index:-1;color:var(--color-accent);pointer-events:none;position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(90deg,#0000 5%,#000 72%)}.p-about__threads svg{width:200%;height:28rem;position:absolute;top:1rem;right:-80%}.p-about__threads g{opacity:.26}.p-about__thread{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.p-about__inner{gap:2.5rem;max-width:74rem;display:grid}.p-about h2{letter-spacing:-.06em;font-weight:400}.p-about__key{color:var(--color-accent);font-size:clamp(2.125rem,6.3vw,5.5rem);line-height:1.5;display:block}.p-about__sub{letter-spacing:-.025em;margin-top:.5rem;font-size:clamp(1.125rem,2.4vw,1.875rem);line-height:1.65;display:block}.p-about__statement{max-width:24rem;color:var(--color-accent);letter-spacing:-.03em;padding-top:1.5rem;font-size:clamp(1.0625rem,1.9vw,1.5rem);line-height:2}.p-about__statement:before{background:var(--color-accent-line);content:"";width:3rem;height:1px;margin-bottom:1.5rem;display:block}.p-about__statement>span{margin-left:-.5em;display:block}.p-about__text>p{margin-bottom:1.5rem;font-size:.9375rem;line-height:2.3}.p-about__desktop-break{display:none}.p-about__text .p-about__signature{color:var(--color-accent);border-top:1px solid var(--color-border);margin-top:2.25rem;margin-bottom:0;padding-top:1.5rem;font-size:1.125rem}.p-about__signature span{margin-bottom:.1rem;font-size:.6875rem;display:block}.p-contact{color:#f5f4f0;background:#141516}.p-contact h2{letter-spacing:-.055em;font-size:clamp(2rem,5.2vw,4.2rem);font-weight:400;line-height:1.5;translate:-.075em}.p-contact__intro{margin-top:1.5rem;font-size:.875rem;line-height:2.1}.p-contact__email-group{margin-top:3rem}.p-contact__email{letter-spacing:-.05em;text-underline-offset:3px;overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.2rem,4.5vw,3.5rem);font-weight:300;line-height:1.5;text-decoration-thickness:1px;display:inline-block}.p-contact__actions{color:#bdbebc;justify-items:start;gap:.25rem;margin-top:.35rem;font-size:.75rem;display:grid}.c-copy{color:#f5f4f0;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:.2rem 0 .1rem;transition:color .24s,border-color .24s}.p-contact__status{min-height:0}.p-contact__status:not(:empty){min-height:1.8em}.p-contact__hint{color:#bdbebc;margin-top:1.2rem;font-size:.8125rem;line-height:2}.l-footer{color:#f5f4f0;background:#141516;padding-block:2rem}.l-footer__inner{border-top:1px solid #4b4d4c;flex-wrap:wrap;align-items:center;gap:1.5rem 3rem;padding-top:2rem;display:flex}.l-footer p{font-size:.75rem}.l-footer small{color:#bdbebc;margin-left:auto;font-size:.6875rem}@media (any-hover:hover){.c-motion:hover,.c-copy:hover{color:var(--interactive-link-hover,var(--color-link-hover))}.l-header__contact:hover{background:var(--color-accent)}}.p-case{padding-block:9rem 6rem}.p-case__header{margin-bottom:3rem}.p-case__category{flex-wrap:wrap;align-items:baseline;gap:1rem;margin-top:3rem;display:flex}.p-case__category .c-eyebrow{margin-bottom:.75rem}.p-case h1{letter-spacing:-.04em;max-width:65rem;margin-block:1rem 1.5rem;font-size:clamp(2rem,4.8vw,4rem);font-weight:400;line-height:1.5}.p-case__lead{font-size:clamp(1rem,1.8vw,1.5rem)}.p-case__role{color:var(--color-muted);margin-top:1.5rem;font-size:.8125rem}.p-case__site-link{margin-top:.85rem}.p-case__site-url{color:var(--color-muted);margin-top:.35rem;font-size:.75rem}.p-case__body{width:min(100% - var(--gutter) * 2, 55rem);margin-inline:auto}.p-case__body section{margin-top:5rem}.p-case__body h2{margin-bottom:2rem;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:400}.p-case__body p{line-height:2.1}.p-case__notice{color:var(--color-muted);border-left:1px solid var(--color-border);margin-top:1.5rem;padding:1.2rem;font-size:.8125rem}.p-case__point{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem}.p-case__point span{font-size:.75rem}.p-case__point h3{margin-block:.7rem 1rem;font-size:1.1875rem;font-weight:500}.p-case__full{margin-bottom:1.5rem}.p-case__full summary{border:1px solid var(--color-border);cursor:pointer;padding:1.2rem}.p-case__full img{width:100%;height:auto;margin-top:1.5rem}.p-case__next{border-top:1px solid var(--color-border);margin-top:5rem;padding-top:2rem}.p-case__next p{margin-bottom:.75rem;font-size:.875rem}.p-page{min-height:70svh;padding-block:12rem 6rem}.p-page__title{margin-block:1rem;font-size:2rem}.p-page__action{margin-top:2rem}.has-motion .p-reveal__light{opacity:calc(.88 + var(--reveal-progress,1) * .12);transform:translate(calc((var(--reveal-progress,1) - .5) * 36%), calc((.5 - var(--reveal-progress,1)) * 14%))}.has-motion .p-reveal__content{opacity:var(--reveal-opacity,1);transform:translateY(calc((1 - var(--reveal-opacity,1)) * .65rem))}.has-motion .p-film__track{animation:65s linear infinite film-travel}.has-motion .p-film.is-outside .p-film__track{animation-play-state:paused}@keyframes film-travel{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width>=56.25rem){.c-brand{width:15rem}.p-about__desktop-break{display:inline}.l-header{padding-block:2.6rem}.l-header__mobile{display:none}.l-header__nav{align-items:center;gap:clamp(1.5rem,3.2vw,3rem);font-size:.8125rem;display:flex}.l-header__nav a{text-underline-offset:3px;padding-block:.6rem;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:color .24s,text-decoration-color .32s}.l-header__nav a[aria-current]{color:var(--color-accent);text-decoration-color:var(--color-accent)}.l-header__nav .l-header__contact{color:#f5f4f0;background:#18191b;padding:.6rem .9rem;text-decoration:none;transition:background-color .24s}.l-header__nav .l-header__contact[aria-current]{color:#f5f4f0;text-decoration:none}}@media (width>=56.25rem) and (any-hover:hover){.l-header__nav .l-header__contact:hover{background:var(--color-accent)}}@media (width>=56.25rem){.has-motion .p-hero{height:300svh}.has-motion .p-hero__stage{min-height:max(44rem,100svh);position:sticky;top:0}.p-hero__fallback{object-position:center}.p-hero__visual:after{background:linear-gradient(90deg,#f5f4f02e,#0000 60%)}.p-hero__content{margin-top:max(10rem,24svh)}.p-hero__bottom{padding-bottom:2.7rem}.p-hero__bottom p{margin-left:auto;margin-right:5rem;display:block}.has-motion .p-hero__fallback{transform:translateY(calc(var(--hero-progress,0) * -3%)) scale(calc(1 + var(--hero-progress,0) * .07))}.has-motion .p-hero__video.is-ready{opacity:1}.p-film{padding-block:2.5rem 4rem}.p-film__group{gap:1.5rem;padding-right:1rem}.p-film .c-mockup{width:clamp(17rem,34vw,32rem)}.c-section-heading{grid-template-columns:1fr 1fr;gap:5rem}.c-section-heading>p{padding-bottom:.5rem}.p-work-grid{grid-template-columns:1fr 1fr;gap:4rem}.c-work:nth-child(2n){margin-top:2.5rem}.p-works__archive{justify-content:space-between;align-items:center;display:flex}.p-services__heading{grid-template-columns:1.1fr 1fr;gap:5rem}.p-services__intro{max-width:28rem;padding-bottom:.65rem}.c-service{grid-template-columns:.16fr .8fr 1fr;gap:2rem;padding-block:3rem 3.5rem}.c-service>div:last-child{grid-column:auto}.c-service--support{padding-block:2.5rem}.p-services__note{grid-template-columns:.9fr 1fr;gap:4rem}.p-process__heading{grid-template-columns:1.5fr 1fr;gap:3rem}.p-process__heading>p{justify-self:end;padding-bottom:.65rem}.p-process__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem)}.p-about__inner{grid-template-columns:.9fr 1fr;gap:4rem 6rem}.p-about__threads{mask-image:linear-gradient(90deg,#0000 12%,#000 62%)}.p-about__threads svg{width:100%;height:clamp(30rem,46vw,44rem);top:-2rem;right:0}.p-about__heading{grid-column:1/-1}.p-about__statement{align-self:start}.p-about__text{padding-top:5rem}.p-case{padding-top:11rem}}.c-mockup{isolation:isolate;aspect-ratio:4/3;background:radial-gradient(at 20% 8%,#fff 0%,#0000 58%),linear-gradient(135deg,#edf1f2,#c8d3d8);width:100%;position:relative;overflow:hidden}.c-mockup:after{z-index:-1;content:"";background:linear-gradient(125deg,#0000 48%,#ffffff85 49%,#ffffff18 67%,#0000 68%);position:absolute;inset:0}.c-mockup--overview{aspect-ratio:3/2}.c-mockup__pages{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6%;width:32%;height:84%;display:grid;position:absolute;top:8%;right:4%}.c-mockup__pages img{object-fit:contain;filter:drop-shadow(0 .4rem .5rem #263b4b30);width:100%;height:100%;min-height:0;display:block}.c-mockup--single .c-mockup__pages{grid-template-columns:minmax(0,1fr);width:18%;right:6%}.c-mockup__window{background:#eff2f3;border:1px solid #ffffffc9;border-radius:.35rem;width:82%;padding:.25rem;transition:transform .65s;position:absolute;top:50%;left:6%;overflow:hidden;transform:translateY(-42%);box-shadow:0 1.4rem 2.3rem -.7rem #1a304b45,0 .1rem .3rem #263b4b24}.c-mockup--overview .c-mockup__window{width:56%;left:4%;transform:translateY(-50%)}.c-mockup--single .c-mockup__window{width:66%}.c-mockup__bar{align-items:center;gap:.15rem;height:.65rem;padding-left:.2rem;display:flex}.c-mockup__bar span{background:#92a0a6;border-radius:50%;width:.16rem;height:.16rem}.c-mockup__screen{width:100%;height:auto;display:block}.c-mockup__screen--long{aspect-ratio:1.55;object-fit:cover;object-position:top}.c-mockup--compact{aspect-ratio:16/11}.c-mockup--compact .c-mockup__window{width:86%;left:7%;transform:translateY(-50%)}@media (any-hover:hover) and (prefers-reduced-motion:no-preference){.c-work__image:hover .c-mockup__window{transform:translateY(-53%)}}.p-work-extras{border-top:1px solid #4b4d4c;margin-top:clamp(4rem,8vw,8rem);padding-top:3rem}.p-work-extras h3{font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:400}.p-work-extras__grid{gap:2rem;display:grid}.c-work-study{text-decoration:none;display:block}.c-work-study__caption{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1rem;font-size:.875rem;display:flex}.c-work-study__caption>span{color:#bdbebc;font-size:.6875rem;transition:color .24s}@media (any-hover:hover){.c-work-study:hover .c-work-study__caption>span{color:var(--interactive-link-hover,var(--color-link-hover))}}.c-graphic{background:#252b2f;padding:8%}.c-graphic img{width:100%;height:auto;display:block;box-shadow:0 1rem 2rem #0003}.p-social-series{background:#252b2f;grid-template-columns:repeat(3,minmax(0,1fr));gap:4%;margin-top:2rem;padding:5%;display:grid}.p-social-series img{width:100%;height:auto;display:block;box-shadow:0 1rem 2rem #0003}.p-social-series__caption{color:#bdbebc;margin-top:1rem;font-size:.75rem;line-height:1.8}@media (width>=56.25rem){.p-work-extras__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 4rem}.p-case__cover .c-mockup{aspect-ratio:16/10;max-height:48rem}}.p-guide{padding-block:10rem 7rem}.p-guide__header h1{letter-spacing:-.04em;margin-bottom:1.2rem;font-size:clamp(2rem,4.8vw,4rem);font-weight:400;line-height:1.5}.p-guide__lead{margin-bottom:1rem;font-size:clamp(1.125rem,2.3vw,1.7rem)}.p-guide__header>p:last-of-type{font-size:.9375rem;line-height:2.1}.p-guide__nav{border-block:1px solid var(--color-border);flex-wrap:wrap;gap:.8rem 2rem;margin-top:3rem;padding-block:1rem;display:flex}.p-guide__nav a{padding-block:.5rem;font-size:.875rem}.p-guide__body{width:min(100% - var(--gutter) * 2, 55rem);margin-inline:auto}.p-guide__section{padding-top:5rem}.p-guide__section h2{letter-spacing:-.035em;margin-bottom:1.5rem;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:400;line-height:1.6}.p-guide__section-lead{margin-bottom:2rem;font-size:1rem;line-height:2}.p-guide__list{margin:0;padding-left:1.5rem}.p-guide__list li{padding-block:1.4rem;border-bottom:1px solid var(--color-border);padding-left:.5rem}.p-guide__list li::marker{font-size:.875rem}.p-guide__list h3{margin-bottom:.7rem;font-size:1.125rem;font-weight:500}.p-guide__list p{font-size:.9375rem;line-height:2}.p-guide__materials>div{border-bottom:1px solid var(--color-border);gap:.8rem;padding-block:1.6rem;display:grid}.p-guide__materials dt{font-weight:500}.p-guide__materials dd{margin:0;font-size:.9375rem;line-height:2}.p-guide__note{color:var(--color-muted);margin-top:1.5rem;font-size:.875rem;line-height:2}.p-guide__template-label{margin-bottom:.8rem;font-size:.875rem;display:block}.p-guide__template{resize:vertical;width:100%;min-height:29rem;color:var(--color-text);font-family:var(--font-body);border:1px solid var(--color-border);background:#eeede7;border-radius:0;padding:1.2rem;font-size:1rem;line-height:1.8}.p-guide__copy{color:var(--color-text);margin-top:1rem;font-size:.875rem}.p-guide__copy-status{min-height:3.6em;margin-top:.6rem;font-size:.875rem}.p-guide__contact{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:2rem}.p-guide__contact>p:first-of-type{margin-top:.7rem}.p-process__guide{border-top:1px solid #b9b7b0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 2rem;margin-top:3rem;padding-top:1.5rem;display:flex}.p-process__guide p{font-size:.875rem}@media (width>=56.25rem){.p-guide{padding-top:12rem}.p-guide__materials>div{grid-template-columns:13rem minmax(0,1fr);gap:2rem}}