.studio{--bg:#f4f2ee;--surface:#fff;--ink:#121212;--muted:#5a5a57;--line:#d9d6cf;--primary:#121212;--on-primary:#f4f2ee;--focus:#121212;--text:var(--font-hanken), "Helvetica Neue", Arial, sans-serif;--mono:var(--font-jetbrains), ui-monospace, monospace;--display:var(--text);--gutter:20px;--max:96rem;--ease:cubic-bezier(.22, 1, .36, 1);background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--text);min-height:100dvh}@media (min-width:1024px){.studio{--gutter:4vw}}.studio a{color:inherit}.studio__top{padding:.5rem var(--gutter);border-bottom:1px solid var(--line);font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;display:flex}.studio__top a{align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.studio__intro{padding:clamp(3rem, 8vw, 7rem) var(--gutter) clamp(2rem, 5vw, 4rem);gap:1.5rem;max-width:72rem;display:grid}.studio__intro h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.6rem,6.5vw,6rem);font-weight:600;line-height:.98}.studio__intro p{max-width:44rem;color:var(--muted);margin:0;font-size:1.15rem}.studio__meta{font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.concepts{padding:0 var(--gutter) clamp(3rem, 8vw, 6rem);gap:1.5rem;display:grid}@media (min-width:1100px){.concepts{grid-template-columns:repeat(3,1fr)}}.concept{background:var(--surface);border:1px solid var(--line);grid-template-rows:auto 1fr;display:grid}.concept__shot{background:var(--bg);border-bottom:1px solid var(--line);padding:1rem 1rem 0;display:block;position:relative}.concept__shot img{width:100%;height:auto;display:block}.concept__desk{width:78%;box-shadow:0 1px 0 var(--line), 0 18px 40px -24px #00000073;transition:transform .8s var(--ease);display:block}.concept__phone{border:3px solid var(--ink);width:24%;transition:transform .8s var(--ease);border-radius:14px;position:absolute;bottom:-1.5rem;right:1rem;overflow:hidden;box-shadow:0 18px 40px -18px #00000080}.concept__shot:hover .concept__desk{transform:translateY(-4px)}.concept__shot:hover .concept__phone{transform:translateY(-10px)}.concept__letter{font:700 clamp(3.5rem, 6vw, 5.5rem)/.8 var(--text);color:var(--ink);letter-spacing:-.04em;position:absolute;bottom:.25rem;left:1rem}.concept__shot{padding-bottom:clamp(4rem,6vw,5.5rem)}@media (prefers-reduced-motion:reduce){.concept__desk,.concept__phone{transition:none}}.concept__body{align-content:start;gap:1.1rem;padding:2.25rem 1.5rem 1.75rem;display:grid}.concept__name{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:600;line-height:1}.concept__kind{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.concept__idea{margin:0}.concept__swatches{border:1px solid var(--line);gap:0;height:2.25rem;margin:0;padding:0;list-style:none;display:flex}.concept__swatches li{flex:1}.concept__type{background:var(--bg);gap:.2rem;padding:.9rem 1rem;display:grid}.concept__type span:first-child{font-size:1.9rem;line-height:1.1}.concept__type span:last-child{font:400 12px/1.3 var(--mono);color:var(--muted)}.concept h3{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:.25rem 0 0}.concept ol{gap:.35rem;margin:0;padding-left:1.2rem;font-size:.95rem;display:grid}.concept__links{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.studio .btn{border:1px solid var(--ink);min-height:2.75rem;font:500 13px/1 var(--mono);letter-spacing:.04em;align-items:center;padding:.6rem 1.1rem;text-decoration:none;display:inline-flex}.studio .btn--primary,.studio .btn:hover{background:var(--ink);color:var(--bg)}.studio__section{padding:clamp(3rem, 7vw, 6rem) var(--gutter);border-top:1px solid var(--line);gap:2rem;display:grid}@media (min-width:1000px){.studio__section{grid-template-columns:22rem 1fr}}.studio__section h2{letter-spacing:-.01em;margin:0;font-size:1.6rem;font-weight:600;line-height:1.1}.studio__section>div>p:first-child{margin-top:0}.studio__cols{gap:1.5rem;display:grid}@media (min-width:800px){.studio__cols{grid-template-columns:1fr 1fr}}.studio table{border-collapse:collapse;width:100%;font-size:.92rem}.studio th,.studio td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.6rem .75rem .6rem 0}.studio th{font:500 11.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.studio code{font-family:var(--mono);font-size:.85em}.studio__foot{padding:2rem var(--gutter) 3rem;border-top:1px solid var(--line);font:500 12px/1.5 var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.studio__note{border-left:3px solid var(--ink);background:var(--surface);padding:1rem 1.25rem}.lost{text-align:center;min-height:100dvh;padding:2rem var(--gutter);place-items:center;display:grid}.lost__sheep{aspect-ratio:5/4;background:var(--ink);width:min(18rem,60vw);margin:0 auto 1.5rem;transform:scaleX(-1)rotate(4deg);-webkit-mask:url(/work/hillside/media/engravings/sheep.svg) 50%/contain no-repeat;mask:url(/work/hillside/media/engravings/sheep.svg) 50%/contain no-repeat}.lost h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.2rem,6vw,4rem);font-weight:600}.lost p{color:var(--muted);max-width:30rem;margin:1rem auto 2rem}