@font-face{font-family:Sunliner Revival;src:url(/fonts/SunlinerRevival.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #E9E3D7;--ink: #1a1a1a;--ink-mid: #555;--margin: 40px;--gutter: 20px;--font: "Noto Sans", sans-serif;--text-xs: .8rem;--text-sm: .9rem;--text-body: 1rem;--text-tag: 1.05rem;--text-lg: 1.35rem;--text-xl: 1.75rem;--text-2xl: 2.5rem}html{font-size:16px;background:var(--cream);color:var(--ink)}body{font-family:var(--font);font-optical-sizing:auto;font-weight:400;font-variation-settings:"wdth" 100;background:var(--cream);min-height:100vh;font-size:var(--text-body);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--margin);padding-bottom:2.5rem}.site-header__left{display:flex;flex-direction:column;gap:1.75rem}.logo{display:block;width:39px}.nav-main{display:flex;flex-direction:column;gap:.3rem}.nav-main__link{font-size:var(--text-body);line-height:1.6}.nav-main__link.is-active{font-weight:700;font-variation-settings:"wdth" 100}.nav-filters{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.nav-filters__tag{font-size:var(--text-body);line-height:1.6;cursor:pointer;user-select:none}.nav-filters__tag.is-active{font-weight:700;font-variation-settings:"wdth" 100}.headliner{display:flex;justify-content:space-between;align-items:flex-end;padding:0 var(--margin) 2.5rem}.headliner__left,.headliner__right{font-family:Sunliner Revival,serif;font-size:var(--text-lg);line-height:1.55}.headliner__right{text-align:right}@media (max-width: 600px){.headliner{flex-direction:column;align-items:flex-start;gap:20px}.headliner__right{text-align:left}}.grid--home{display:flex;gap:var(--gutter);padding:0 var(--margin);align-items:flex-start}.home-col{flex:1;min-width:0}.grid--home .grid__item{display:block;cursor:pointer;transition:opacity .2s ease}.grid--home .grid__item--personal{cursor:default}.grid--home .grid__item img{width:100%;display:block}.grid--home .grid__item-label{display:block;font-size:var(--text-sm);overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease;padding:0}.grid--home .grid__item:hover .grid__item-label{max-height:6rem;padding:10px 0}.grid--home:has(.grid__item:hover) .grid__item:not(:hover){opacity:.5}.grid--portfolio{display:grid;grid-template-columns:repeat(6,1fr);column-gap:var(--gutter);row-gap:120px;padding:0 var(--margin);align-items:start}.grid--portfolio .grid__item{display:block;cursor:pointer;transition:opacity .2s ease}.grid--portfolio .grid__item img{width:100%;display:block}.grid--portfolio .grid__item-company{display:block;font-size:var(--text-xs);color:var(--ink-light);padding-top:10px;letter-spacing:.03em}.grid--portfolio .grid__item-label{font-size:var(--text-sm);padding:5px 0 0;line-height:1.4}.grid--portfolio:has(.grid__item:hover) .grid__item:not(:hover){opacity:.5}.grid__item.is-selected{opacity:.5}.case-study-wrap{padding:3rem var(--margin) 5rem}.cs-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 1rem;list-style:none;margin-bottom:1.75rem}.cs-skills li{font-size:var(--text-xs);line-height:1.4;padding-left:1.3em;position:relative}.cs-skills li:before{content:"";position:absolute;left:0;top:.15em;width:.85em;height:.85em;background-image:url(/bullet.svg);background-size:contain;background-repeat:no-repeat}.csb2-meta{grid-column:1 / 7}.csb2-img1{grid-column:2 / 4}.csb2-moment{grid-column:4 / 6}.csb2-arc{grid-column:1 / 7}.csb2-forward{grid-column:1 / 3}.csb2-img2{grid-column:3 / 7}.csb2-skills{grid-column:1 / 3}.csb2-skills-inline{margin-top:1.5rem}.csb2-img3{grid-column:2 / 4}.cs-meta-row{display:flex;gap:var(--gutter);margin-top:.4rem;margin-bottom:1.5rem}.cs-meta-row span{flex:1;font-size:var(--text-xs);color:var(--ink-mid);display:block}.cs-meta-row strong{color:var(--ink);font-weight:700;display:block;margin-bottom:.1em}.csb2-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mid);margin-bottom:1.1rem}.cs-problem{padding-top:80px;font-size:var(--text-body);line-height:1.7}.cs-problem p+p{margin-top:.85em}.csb2-moment p,.csb2-forward p{font-size:var(--text-body);line-height:1.7}.csb2-moment p+p,.csb2-forward p+p{margin-top:.85em}.csb2-arc img,.csb2-img1 img,.csb2-img2 img,.csb2-img3 img{width:100%;display:block}.csb2-img1 video,.csb2-img2 video,.csb2-img3 video{width:100%;display:block}.cs-body-grid{display:grid;grid-template-columns:repeat(6,1fr);column-gap:var(--gutter);row-gap:100px;padding:80px 0 6rem;align-items:start}.csg-img1{grid-column:2 / 4}.csg-text1{grid-column:4 / 6}.csg-text2{grid-column:1 / 3}.csg-img2{grid-column:3 / 7}.csg-img2--narrow{grid-column:3 / 5}.csg-img3{grid-column:2 / 4}.csg-text3{grid-column:4 / 6}.csg-quote{grid-column:2 / 6}.csg-url{grid-column:2 / 4;padding-bottom:2rem}.csg-url--no-quote{grid-column:1 / 3}.cs-body-grid img{width:100%;display:block}.csg-text1 p,.csg-text2 p,.csg-text3 p,.csg-text1 .cs-bullets,.csg-text1 .cs-bullets li{font-size:var(--text-body);line-height:1.7}.csg-quote blockquote{border-left:.5px solid var(--border);padding-left:1.5rem}.csg-quote blockquote p{font-family:Sunliner Revival,serif;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.3;margin-bottom:1rem;font-style:normal}.csg-quote blockquote cite{font-size:var(--text-xs);color:var(--ink-mid);font-style:normal}.back-btn{background:none;border:none;cursor:pointer;font-family:var(--font);font-size:var(--text-sm);color:var(--ink);padding:0;margin-bottom:2.5rem;display:inline-flex;align-items:center;gap:.4rem}.back-btn:hover{text-decoration:underline}.case-study-grid{display:grid;grid-template-columns:repeat(6,1fr);column-gap:var(--gutter);row-gap:0}.cs-text{grid-column:1 / 4}.cs-image{grid-column:4 / 7}.cs-text,.cs-image{align-self:start}.cs-row{display:contents}.cs-image img+img{margin-top:1px}.cs-text--intro,.cs-image--1{padding-bottom:3rem}.cs-text--bullets,.cs-image--2{padding-top:0;padding-bottom:3rem}.cs-text--conclusion,.cs-image--3{padding-top:0}.cs-title{font-size:var(--text-2xl);font-weight:700;font-variation-settings:"wdth" 100;line-height:1.15;letter-spacing:.015em;margin-bottom:.6rem}.cs-meta{font-size:var(--text-xs);color:var(--ink-mid);margin-bottom:1.5rem}.cs-stats{display:flex;gap:var(--gutter);list-style:none;margin-bottom:1.75rem}.cs-stats li{flex:1;border-top:1px solid var(--ink);padding-top:.6rem}.stat-value{font-size:var(--text-xl);font-weight:700;font-variation-settings:"wdth" 100;display:block;line-height:1.15}.stat-label{font-size:var(--text-xs);color:var(--ink-mid);display:block;margin-top:.2rem}.cs-tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin-bottom:1.75rem}.cs-tags li{font-size:var(--text-tag);font-weight:400;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--ink);padding:.2rem .55rem}.cs-intro{font-size:var(--text-body);line-height:1.7}.cs-intro p+p{margin-top:.85em}.cs-section-heading{font-size:var(--text-xl);font-weight:700;font-variation-settings:"wdth" 100;line-height:1.2;margin-top:60px;margin-bottom:1rem}.cs-bullets{list-style:none;display:flex;flex-direction:column;gap:.6rem}.cs-bullets li{display:flex;align-items:flex-start;gap:.6rem;font-size:var(--text-body);line-height:1.6}.cs-bullets li:before{content:"";display:inline-block;width:1em;height:1em;flex-shrink:0;margin-top:.3em;background-image:url(/bullet.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.cs-conclusion{font-size:var(--text-body);line-height:1.7}.cs-conclusion p+p{margin-top:.85em}.cs-testimonial{margin-top:2rem;font-family:Sunliner Revival,serif;font-style:normal;font-size:var(--text-lg);line-height:1.55}.cs-testimonial p{margin-bottom:.5rem}.industry-words{display:flex;flex-direction:column;gap:10px}.industry-word{font-size:var(--text-xl);line-height:1.2;text-decoration:underline;text-underline-offset:4px;color:inherit;transition:text-decoration-color .2s ease}.industry-word:hover{text-decoration-color:transparent}.industry-my-work{font-size:var(--text-xs);color:var(--ink-mid);margin-left:.4em;font-style:italic;text-decoration:none;display:inline-block}.cs-live-link{display:inline-block;margin-top:2rem;font-size:var(--text-body);text-decoration:underline}.cs-live-link:hover{opacity:.6}.cs-testimonial cite{font-style:normal;font-size:var(--text-xs);color:var(--ink-mid)}.about-wrap{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;column-gap:var(--gutter);row-gap:0;padding:0 var(--margin) 4rem;align-items:start}.about{grid-column:1 / 5;grid-row:1;font-size:var(--text-body);line-height:1.7;padding-bottom:0;margin-bottom:0}.about p+p{margin-top:1em}.about-tiles{grid-column:5 / 7;grid-row:1 / 3;align-self:start;display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}.about-tile img{width:100%;display:block}.contact-wrap{grid-column:1 / 5;grid-row:2}.contact-heading{font-size:var(--text-xl);font-weight:700;font-variation-settings:"wdth" 100;line-height:1.2;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form__row{display:flex;flex-direction:column;gap:.4rem}.contact-form__row label{font-size:var(--text-tag);text-transform:uppercase;letter-spacing:.06em}.contact-form__row input,.contact-form__row textarea{font-family:inherit;font-size:var(--text-body);background:transparent;border:none;border-bottom:1px solid currentColor;padding:.4rem 0;outline:none;width:100%;resize:none}.contact-form__row input::placeholder,.contact-form__row textarea::placeholder{color:var(--ink-mid);opacity:1}.contact-form__submit{align-self:flex-start;appearance:none;-webkit-appearance:none;background:none;border:none;color:var(--ink);font-family:inherit;font-size:var(--text-body);font-weight:400;text-decoration:underline;cursor:pointer;padding:0;margin-top:.5rem;transition:opacity .15s}.contact-form__submit:hover{opacity:.6}@media (max-width: 1024px){.about-wrap{grid-template-columns:1fr;row-gap:2rem}.about{grid-column:1;grid-row:1}.contact-wrap{grid-column:1;grid-row:2}.about-tiles{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr}}.grid--shop{display:grid;grid-template-columns:repeat(6,1fr);column-gap:var(--gutter);row-gap:0;padding:0 var(--margin)}.grid--shop .grid__item{display:block;cursor:pointer;transition:opacity .2s ease;margin-bottom:2.5rem}.grid--shop:has(.grid__item:hover) .grid__item:not(:hover){opacity:.5}.shop-grid__name{font-size:var(--text-sm);margin-top:.5rem;display:block}.shop-grid__meta{font-size:var(--text-sm);color:var(--ink-mid);margin-top:.1rem;display:block}.shop-grid__price{font-size:var(--text-sm);margin-top:.1rem;display:block}.shop-grid__cta{font-size:var(--text-sm);color:var(--ink-mid);margin-top:.2rem;display:block}.shop-section{margin-bottom:4rem}.shop-section__label{font-size:var(--text-sm);padding:0 var(--margin) 1rem}.shop-detail-wrap{padding:0 var(--margin) 4rem}.shop-detail{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gutter)}.shop-detail__left{flex:0 0 calc(33.333% - calc(var(--gutter) / 2));text-align:left}.shop-detail__right{flex:0 0 calc(33.333% - calc(var(--gutter) / 2))}.shop-detail__title{font-size:var(--text-xl);font-weight:700;font-variation-settings:"wdth" 100;margin-bottom:.5rem}.shop-detail__price{font-size:var(--text-body);color:var(--ink-mid);margin-bottom:1rem}.shop-detail__body{font-size:var(--text-body);line-height:1.65}.shop-detail__contact{margin-top:1rem;font-size:var(--text-sm);text-decoration:underline}.carousel{padding:2.5rem var(--margin) 0;border-top:1px solid rgba(0,0,0,.12);margin-top:3rem}.carousel__track-wrap{overflow:hidden}.carousel__track{display:flex;gap:var(--gutter);transition:transform .35s ease}.carousel__item{flex:0 0 calc((100% - (5 * var(--gutter))) / 6);display:block;cursor:pointer;transition:opacity .2s ease}.carousel__item img{width:100%}.carousel__item span{display:block;font-size:var(--text-sm);margin-top:.4rem;line-height:1.35;text-align:left}.carousel__item:hover,.carousel__item.is-active{opacity:.5}.carousel__arrows{display:flex;justify-content:space-between;margin-top:1rem}.carousel__arrow{background:none;border:none;cursor:pointer;font-family:var(--font);font-size:var(--text-body);color:var(--ink);padding:40px 50px;margin:-40px -50px;line-height:1}.carousel__arrow:hover{opacity:.5}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:2rem var(--margin);border-top:1px solid rgba(0,0,0,.1);margin-top:4rem}.site-footer>img{width:39px;flex-shrink:0}.site-footer__links{display:flex;gap:1.5rem;list-style:none;font-size:var(--text-sm)}.site-footer__links a:hover{text-decoration:underline}@media (max-width: 1024px){.grid--home{flex-wrap:wrap}.grid--home .home-col{flex:0 0 calc(50% - var(--gutter) / 2)}.grid--portfolio{grid-template-columns:repeat(2,1fr);row-gap:70px}.grid--shop{grid-template-columns:repeat(2,1fr)}.grid--home .grid__item-label{max-height:6rem;padding:10px 0}.shop-detail{flex-direction:column}.shop-detail__left,.shop-detail__right{flex:0 0 100%}.carousel__item{flex:0 0 calc((100% - var(--gutter)) / 2)}}@media (max-width: 800px){:root{--margin: 20px;--gutter: 10px}.nav-filters{display:none}.case-study-grid{grid-template-columns:1fr}.cs-text,.cs-image{grid-column:1}.cs-text--intro,.cs-image--1{padding-bottom:1.5rem}.cs-body-grid{grid-template-columns:1fr;row-gap:40px;padding:40px 0 3rem}.csg-img1,.csg-text1,.csg-text2,.csg-img2,.csg-img3,.csg-text3,.csg-quote,.csg-url,.csg-url--no-quote,.csb2-meta,.csb2-img1,.csb2-moment,.csb2-arc,.csb2-forward,.csb2-img2,.csb2-skills,.csb2-img3{grid-column:1}.cs-meta-row{gap:1rem}.cs-problem{padding-top:40px}.cs-title{font-size:2rem}.stat-value{font-size:1.35rem}.shop-detail{gap:20px}}